@import 'tailwindcss';

:root{--black:#121212;--paper:#ede9e2;--gold:#d2b482;--acid:#dfff00;--red:#e3342f;--line:rgba(237,233,226,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:var(--font-sans),Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.section-pad{padding:8rem clamp(1.4rem,6vw,7rem)}.section-number,.eyebrow{font-size:.72rem;letter-spacing:.2em;font-weight:700}.nav-shell{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.3rem,4vw,4rem);border-bottom:1px solid rgba(237,233,226,.15);background:rgba(18,18,18,.78);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-size:.72rem;line-height:.9;letter-spacing:.02em}.nav-links{display:flex;gap:2rem;font-size:.78rem}.nav-links a{opacity:.72;transition:.2s}.nav-links a:hover{opacity:1;color:var(--gold)}.menu-button{display:none;background:none;border:0;color:inherit}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:12rem clamp(1.4rem,6vw,7rem) 6rem;overflow:hidden}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.08)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,18,.96) 0%,rgba(18,18,18,.64) 46%,rgba(18,18,18,.12) 75%),linear-gradient(0deg,rgba(18,18,18,.75),transparent 55%)}.hero-copy{position:relative;z-index:2;max-width:820px}.hero h1,.free-guide h2,.stories h2,.library h2,.game-panel h2,.workshop-intro h2,.about h2,.community h2{font-family:var(--font-display);font-size:clamp(4rem,9vw,9rem);line-height:.78;letter-spacing:-.075em;margin:1.4rem 0 2rem}h1 em,h2 em{font-family:var(--font-serif);font-weight:500;color:var(--gold);letter-spacing:-.07em}.hero-lead{font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.5;max-width:580px}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.4rem}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:1rem 1.2rem;font-size:.78rem;font-weight:800;letter-spacing:.04em;cursor:pointer}.button.primary{background:var(--red);color:#fff}.button.dark{background:var(--black);color:var(--paper)}.button.paper{background:var(--paper);color:var(--black)}.text-link{display:inline-flex;align-items:center;gap:.55rem;border-bottom:1px solid currentColor;padding-bottom:.3rem;font-size:.85rem}.hero-resource{position:absolute;z-index:3;left:clamp(1.4rem,6vw,7rem);top:105px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:min(640px,calc(100% - 8rem));padding:.85rem 1rem;background:var(--acid);color:var(--black)}.hero-resource span{font-size:.6rem;letter-spacing:.16em;font-weight:800}.hero-resource strong{font-size:.8rem}.hero-resource svg{transition:transform .2s}.hero-resource:hover svg{transform:translateY(3px)}.hero-index{position:absolute;z-index:2;right:4vw;top:105px;writing-mode:vertical-rl;font-size:.65rem;letter-spacing:.22em}.photo-credit{position:absolute;z-index:2;right:3rem;bottom:2.2rem;font-size:.58rem;letter-spacing:.16em;opacity:.72}.free-guide{background:var(--paper);color:var(--black);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,9rem);align-items:center}.free-guide h2{font-size:clamp(3.7rem,6.8vw,7.2rem);margin:1.3rem 0 2rem}.free-guide h2 em{color:var(--black);box-shadow:inset 0 -.32em 0 var(--acid)}.guide-intro>p:not(.section-number){max-width:42ch;line-height:1.7;margin-bottom:2rem}.guide-note{display:block;font-size:.66rem;letter-spacing:.08em;opacity:.62;margin-top:1rem}.guide-sheet{min-height:620px;background:var(--black);color:var(--paper);padding:2rem;box-shadow:18px 18px 0 var(--acid);display:flex;flex-direction:column}.guide-sheet-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:1rem;font-size:.6rem;letter-spacing:.18em}.guide-question{display:grid;grid-template-columns:58px 1fr;gap:1.2rem;align-items:start;padding:2.15rem 0;border-bottom:1px solid var(--line)}.guide-question>span{font-family:var(--font-serif);font-style:italic;color:var(--acid);font-size:2rem}.guide-question p{font-size:clamp(1.35rem,2.3vw,2.2rem);line-height:1.18;margin:0;max-width:19ch}.guide-mark{margin-top:auto;display:flex;align-items:center;gap:.8rem;padding-top:2rem;font-size:.62rem;letter-spacing:.18em;color:var(--acid)}.manifesto{background:var(--paper);color:var(--black);display:grid;grid-template-columns:.6fr 1.2fr 1fr;align-items:end;gap:4rem}.manifesto h2{font-family:var(--font-display);font-size:clamp(3.5rem,7vw,7rem);line-height:.82;margin:0;letter-spacing:-.07em}.manifesto h2 span{color:var(--red)}.manifesto>div>p{font-family:var(--font-serif);font-size:2rem;margin:.8rem 0 0}.manifesto-body{line-height:1.7;max-width:38ch}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:4rem}.section-heading>p{max-width:34ch;line-height:1.6;opacity:.7}.stories h2,.library h2{font-size:clamp(3.7rem,7vw,7.5rem);margin:1.2rem 0 0}.story-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1rem}.story-card{position:relative;height:570px;overflow:hidden;background:#222}.story-card img{height:100%;object-fit:cover;transition:transform .7s ease}.story-card:hover img{transform:scale(1.035)}.story-card:nth-child(3) img{filter:grayscale(1)}.story-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92),transparent 70%)}.story-card.red .story-overlay{background:linear-gradient(0deg,rgba(74,4,4,.94),transparent 70%)}.story-count{position:absolute;top:1.2rem;right:1.2rem;font-size:.7rem}.story-copy{position:absolute;left:1.5rem;right:1.5rem;bottom:1.5rem}.story-copy>p{font-size:.62rem;letter-spacing:.16em}.story-copy h3{font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.06;margin:1rem 0 1.4rem;max-width:14ch}.story-copy div{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.35);padding-top:1rem;font-size:.78rem;text-transform:uppercase}.look-game{background:var(--gold);color:var(--black);display:grid;grid-template-columns:1.15fr .85fr;min-height:760px}.game-image{position:relative;min-height:600px}.game-image img{height:100%;object-fit:cover;filter:saturate(.65) contrast(1.08)}.viewfinder{position:absolute;inset:5%}.viewfinder span{position:absolute;width:50px;height:50px;border-color:var(--paper)}.viewfinder span:nth-child(1){left:0;top:0;border-left:2px solid;border-top:2px solid}.viewfinder span:nth-child(2){right:0;top:0;border-right:2px solid;border-top:2px solid}.viewfinder span:nth-child(3){left:0;bottom:0;border-left:2px solid;border-bottom:2px solid}.viewfinder span:nth-child(4){right:0;bottom:0;border-right:2px solid;border-bottom:2px solid}.game-panel{padding:7rem clamp(2rem,5vw,6rem);display:flex;flex-direction:column;justify-content:center}.game-panel h2{font-size:clamp(3.5rem,6vw,6rem)}.game-panel h2 em{color:var(--black)}.game-panel>p:not(.section-number):not(.result){max-width:36ch;line-height:1.5}.answers{margin-top:2rem;border-top:1px solid rgba(18,18,18,.35)}.answers button{width:100%;display:flex;justify-content:space-between;background:none;border:0;border-bottom:1px solid rgba(18,18,18,.35);padding:1rem .2rem;text-align:left;cursor:pointer}.answers button.selected{font-weight:800;padding-left:.8rem;background:rgba(237,233,226,.35)}.result{background:var(--paper);margin-top:1.5rem;padding:1rem;line-height:1.5;font-size:.85rem}.library{background:var(--paper);color:var(--black)}.library-title h2 em{color:var(--red)}.dossier-list{border-top:2px solid var(--black);margin-bottom:2rem}.dossier-row{display:grid;grid-template-columns:80px 1fr auto 52px;align-items:center;gap:1rem;padding:1.5rem 0;border-bottom:1px solid rgba(18,18,18,.25)}.dossier-number{font-family:var(--font-serif);font-size:1.8rem;color:var(--red)}.dossier-row p{margin:0 0 .3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.dossier-row h3{margin:0;font-size:clamp(1.3rem,2.5vw,2.2rem)}.pages{font-size:.72rem;opacity:.65}.dossier-row button{border:1px solid var(--black);border-radius:50%;height:46px;width:46px;background:none;display:grid;place-items:center;cursor:pointer}.dossier-row button:hover{background:var(--red);color:#fff;border-color:var(--red)}.workshops{background:var(--black)}.workshop-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:3rem}.workshop-intro{padding-right:3rem}.workshop-intro h2{font-size:clamp(3.4rem,6vw,6.7rem)}.workshop-intro em{color:var(--red)}.workshop-intro p{max-width:32ch;line-height:1.7}.featured-workshop{background:var(--red);padding:3rem;grid-row:span 2}.featured-workshop>p:first-of-type,.next-workshop>p:first-child{font-size:.68rem;letter-spacing:.2em}.featured-workshop h3{font-family:var(--font-display);font-size:clamp(3.8rem,6.2vw,6.7rem);line-height:.78;letter-spacing:-.07em;margin:2rem 0}.featured-workshop>p{max-width:40ch;line-height:1.6}.badge{display:inline-block;background:var(--black);color:var(--paper);padding:.55rem .7rem;font-size:.6rem;letter-spacing:.12em}.workshop-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);padding:1rem 0;margin:2rem 0;font-size:.72rem}.next-workshop{border:1px solid var(--line);padding:2rem;align-self:end}.next-workshop h3{font-size:2.4rem;line-height:.95;margin:1.4rem 0}.next-workshop>p{line-height:1.6;max-width:36ch}.next-workshop a{display:inline-flex;align-items:center;gap:.5rem;color:var(--gold);margin-top:1rem;font-size:.82rem}.about{background:var(--paper);color:var(--black);display:grid;grid-template-columns:1fr 1fr;min-height:780px}.about-image{position:relative;overflow:hidden}.about-image img{height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}.about-image>span{position:absolute;bottom:1rem;left:-.4rem;font-family:var(--font-display);font-size:clamp(5rem,11vw,11rem);line-height:.7;color:var(--red);mix-blend-mode:multiply}.about-copy{padding:8rem clamp(2rem,6vw,7rem);display:flex;flex-direction:column;justify-content:center}.about h2{font-size:clamp(4rem,7vw,7rem)}.about h2 em{color:var(--red)}.about-copy>p:not(.section-number){max-width:40ch;line-height:1.7}.about-copy .text-link{align-self:flex-start;margin-top:1.5rem}.community{background:var(--gold);color:var(--black);display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:5rem}.community h2{font-size:clamp(4rem,8vw,8rem);margin-bottom:0}.community h2 em{color:var(--black)}.subscribe>p{font-size:1.2rem;max-width:34ch;line-height:1.5}.subscribe .button{margin:1.1rem 0 1.4rem}.subscribe>span{display:block;font-size:.7rem;line-height:1.5;opacity:.7;max-width:44ch}footer{padding:2rem clamp(1.4rem,6vw,7rem);display:grid;grid-template-columns:1fr auto 1fr auto;gap:2rem;align-items:center;border-top:1px solid var(--line);font-size:.66rem;letter-spacing:.1em}footer>div:nth-of-type(2){display:flex;gap:1.5rem}
@media(max-width:800px){.nav-links{position:absolute;top:78px;left:0;right:0;background:var(--black);padding:2rem;flex-direction:column;display:none}.nav-links.open{display:flex}.menu-button{display:block}.section-pad{padding:5.5rem 1.3rem}.hero{padding:13rem 1.3rem 4rem}.hero-resource{top:96px;left:1.3rem;right:1.3rem;width:auto;grid-template-columns:1fr auto}.hero-resource span{grid-column:1 / -1}.hero h1{font-size:clamp(3.6rem,18vw,6rem)}.photo-credit{left:1.3rem;right:auto;font-size:.48rem}.free-guide{grid-template-columns:1fr;gap:3rem}.free-guide h2{font-size:clamp(3.2rem,15vw,5.2rem)}.guide-sheet{min-height:520px;box-shadow:10px 10px 0 var(--acid);padding:1.3rem}.guide-question{grid-template-columns:44px 1fr;padding:1.6rem 0}.manifesto{grid-template-columns:1fr;gap:2rem}.manifesto>div>p{font-size:1.6rem}.section-heading{display:block}.section-heading>p{margin-top:2rem}.story-grid{grid-template-columns:1fr}.story-card{height:480px}.look-game{grid-template-columns:1fr}.game-image{min-height:480px}.game-panel{padding:5rem 1.3rem}.dossier-row{grid-template-columns:44px 1fr 44px}.pages{display:none}.workshop-grid{grid-template-columns:1fr}.workshop-intro{padding:0}.featured-workshop{grid-row:auto;padding:2rem 1.3rem}.about{grid-template-columns:1fr}.about-image{min-height:560px}.about-copy{padding:5rem 1.3rem}.community{grid-template-columns:1fr;gap:2rem}footer{grid-template-columns:1fr auto}footer>p,footer>div:nth-of-type(2){display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}}