/* Field Notes for Play: editorial game-culture journal with ink, eucalyptus and paper accents. */
:root{--ink:#101a26;--ink-2:#172536;--paper:#f4f0e7;--paper-2:#e8e0d3;--gum:#2c5b55;--clay:#c86b4a;--line:rgba(16,26,38,.18);--sand:#d8c3a5;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}.site-nav{background:rgba(16,26,38,.97);border-bottom:1px solid rgba(255,255,255,.15)}.navbar-brand{font-weight:800;letter-spacing:.18em;font-size:.86rem}.brand-mark{align-items:center;border:1px solid rgba(255,255,255,.65);display:inline-flex;height:27px;justify-content:center;letter-spacing:0;margin-right:10px;position:relative;width:27px}.brand-mark:before,.brand-mark:after{background:var(--clay);content:'';height:9px;position:absolute;width:9px}.brand-mark:before{left:5px;top:5px}.brand-mark:after{bottom:5px;right:5px}.nav-link{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nav-link:hover,.nav-link:focus{color:#f0b89f!important}.hero{background:linear-gradient(90deg,rgba(10,18,27,.93) 0%,rgba(10,18,27,.76) 43%,rgba(10,18,27,.18) 100%),url('../images/hero.jpg') center/cover;min-height:690px;padding:9.8rem 0 5.5rem;color:#fff}.eyebrow{align-items:center;color:#f0b89f;display:flex;font-size:.72rem;font-weight:700;gap:.7rem;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{background:currentColor;content:'';display:inline-block;height:1px;width:34px}.display-title{font-family:var(--serif);font-size:clamp(3.2rem,7vw,6.7rem);font-weight:400;letter-spacing:-.055em;line-height:.91;max-width:850px}.hero-copy{color:#dfe5e5;font-size:1.08rem;max-width:560px}.btn-clay,.btn-ink{border-radius:0;font-size:.77rem;font-weight:700;letter-spacing:.1em;padding:.88rem 1.15rem;text-transform:uppercase;transition:transform .18s ease,background .18s ease}.btn-clay{background:var(--clay);border:1px solid var(--clay);color:#fff}.btn-clay:hover,.btn-clay:focus{background:#ad5235;border-color:#ad5235;color:#fff;transform:translateY(-2px)}.btn-ink{background:var(--ink);border-color:var(--ink);color:#fff}.btn-ink:hover,.btn-ink:focus{background:var(--gum);border-color:var(--gum);color:#fff;transform:translateY(-2px)}.section-space{padding:6.8rem 0}.section-label{color:var(--gum);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.section-title{font-family:var(--serif);font-size:clamp(2.15rem,4vw,3.8rem);letter-spacing:-.045em;line-height:1.02}.intro-rule{border-left:2px solid var(--clay);color:#42515c;font-size:1.06rem;padding-left:1.3rem}.story-card{background:#fff;border:1px solid var(--line);color:var(--ink);display:block;height:100%;overflow:hidden;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.story-card:hover,.story-card:focus{box-shadow:8px 9px 0 var(--sand);color:var(--ink);transform:translate(-3px,-3px)}.story-image{aspect-ratio:3/2;display:block;object-fit:cover;width:100%}.story-card-body{padding:1.45rem}.story-number{color:var(--clay);font-size:.72rem;font-weight:700;letter-spacing:.13em}.story-title{font-family:var(--serif);font-size:1.75rem;letter-spacing:-.03em;line-height:1.05;margin:.5rem 0 .8rem}.story-card p{color:#53606a;font-size:.94rem;margin:0}.story-meta{color:var(--gum);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-notes{background:var(--ink);color:#f5f0e8;overflow:hidden;position:relative}.field-notes:after{border:1px solid rgba(255,255,255,.16);content:'';height:520px;position:absolute;right:-190px;top:-235px;transform:rotate(24deg);width:520px}.note-line{border-bottom:1px solid rgba(255,255,255,.22);padding:1.25rem 0;position:relative;z-index:1}.note-line:last-child{border-bottom:0}.note-line strong{color:#f0b89f;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.quote-block{font-family:var(--serif);font-size:clamp(1.8rem,3.3vw,3rem);letter-spacing:-.035em;line-height:1.12;max-width:850px}.newsletter{background:var(--paper-2);border-top:1px solid var(--line)}.newsletter-pane{background:var(--gum);color:#fff;padding:2.2rem}.newsletter-pane h2{font-family:var(--serif);font-size:2.6rem;letter-spacing:-.04em;line-height:.98}.form-control{border:1px solid rgba(255,255,255,.56);border-radius:0;font-size:.92rem;padding:.82rem}.newsletter .form-control{background:transparent;color:#fff}.newsletter .form-control::placeholder{color:#d2dfd8}.newsletter .form-control:focus{background:rgba(255,255,255,.08);border-color:#fff;box-shadow:none;color:#fff}.form-response{display:none;font-size:.86rem;margin-top:.8rem}.form-response.is-visible{display:block}.editorial-head{background:var(--ink);color:#fff;padding:8.4rem 0 4.6rem}.editorial-head .section-title{max-width:780px}.article{font-size:1.08rem;max-width:780px}.article h2{font-family:var(--serif);font-size:2.2rem;letter-spacing:-.035em;line-height:1.1;margin:3rem 0 1rem}.article p{margin-bottom:1.35rem}.article-lead{border-left:2px solid var(--clay);color:#53606a;font-family:var(--serif);font-size:1.45rem;line-height:1.35;padding-left:1.25rem}.article-image{border:1px solid var(--line);display:block;margin:2.3rem 0;width:100%}.policy-wrap{max-width:850px}.policy-wrap h2{font-family:var(--serif);font-size:2rem;letter-spacing:-.03em;margin:2.5rem 0 1rem}.policy-wrap p,.policy-wrap li{color:#45525d}.contact-panel{background:#fff;border:1px solid var(--line);padding:2rem}.contact-panel h2{font-family:var(--serif);letter-spacing:-.04em}.contact-panel .form-control{border-color:var(--line);color:var(--ink)}.contact-panel .form-control:focus{border-color:var(--gum);box-shadow:0 0 0 .2rem rgba(44,91,85,.13)}.site-footer{background:#0b131d;color:#e3e5e4;padding:4rem 0 2rem}.footer-heading{color:#f0b89f;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.footer-links{list-style:none;margin:0;padding:0}.footer-links a{color:#e3e5e4;text-decoration:none}.footer-links a:hover,.footer-links a:focus{color:#f0b89f;text-decoration:underline}.footer-note{border-top:1px solid rgba(255,255,255,.16);color:#aeb5b8;font-size:.82rem;margin-top:2.8rem;padding-top:1.35rem}.cookie-banner{background:#fff;border:1px solid var(--line);bottom:18px;box-shadow:8px 8px 0 var(--sand);display:none;left:18px;max-width:420px;padding:1.1rem;position:fixed;z-index:1050}.cookie-banner.is-visible{display:block}.cookie-banner p{font-size:.84rem;margin:0}.cookie-banner a{color:var(--gum)}.skip-link{background:#fff;color:var(--ink);left:10px;padding:8px;position:absolute;top:-48px;z-index:1100}.skip-link:focus{top:10px}@media(max-width:991px){.hero{min-height:620px;padding-top:8rem}.site-nav .navbar-collapse{padding:1rem 0}.nav-link{padding:.65rem 0!important}}@media(max-width:575px){.hero{min-height:600px}.section-space{padding:4.4rem 0}.newsletter-pane{padding:1.5rem}.cookie-banner{bottom:10px;left:10px;max-width:calc(100% - 20px)}.display-title{font-size:3.4rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}