/* Interactive projects and editorial pages. */
.interactive-page{cursor:auto}
.interactive-page a:focus-visible,.interactive-page button:focus-visible{outline:2px solid #CCFF00;outline-offset:6px}
.skip-link{position:fixed;top:12px;left:20px;z-index:1000;padding:12px 20px;background:#CCFF00;color:#080808;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.interactive-hero{padding-bottom:56px}
.interactive-hero h1,.article-hero h1{font-size:clamp(3.4rem,7.5vw,7.5rem);line-height:1;letter-spacing:-.045em;max-width:1100px;margin:0 0 30px}
.lead{font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.8;max-width:730px;color:#bbb}
.breadcrumb{display:inline-block;color:#aaa;font-size:.8rem;margin-bottom:30px}
.breadcrumb:hover{color:#CCFF00}
.project-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.concept-note{font-size:.78rem;line-height:1.75;max-width:770px;margin-top:28px;color:#999}
.project-list{padding:20px 0 100px}
.feature-project{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:52px;align-items:center;border-top:1px solid #262626;padding:36px 0;border-bottom:1px solid #262626}
.feature-image{position:relative;overflow:hidden;border-radius:4px;background:#101b32}
.feature-image img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .6s}
.feature-project:hover .feature-image img{transform:scale(1.025)}
.eyebrow{font-size:.66rem;text-transform:uppercase;letter-spacing:.13em;line-height:1.8;font-weight:700;color:#CCFF00;display:block}
.feature-copy h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.5vw,3.8rem);letter-spacing:-.035em;line-height:1.1;margin:22px 0}
.feature-copy h2 em{color:#CCFF00}
.feature-copy p{font-size:.94rem;max-width:440px}
.text-link{display:inline-block;font-size:.8rem;font-weight:600;color:#CCFF00;border-bottom:1px solid rgba(204,255,0,.4);padding:6px 0;line-height:1.7}
.feature-copy .text-link{margin-top:24px}
.editorial-link{margin-top:45px;display:flex;justify-content:space-between;gap:24px;align-items:center}
.editorial-link span{color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.editorial-link a{font-size:.94rem;line-height:1.7;color:#CCFF00}
.play-section{padding:40px 0 80px;scroll-margin-top:80px}
.play-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}
.play-heading h2{font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.04em}
.play-heading .section-tag{margin-bottom:12px}
.game-shell{background:#0d1630;border:1px solid #2c354a;border-radius:6px;overflow:hidden}
.game-shell iframe{display:block;width:100%;aspect-ratio:16/10;min-height:540px;border:0;background:#0d1630}
.game-caption,figcaption{font-size:.75rem;color:#999;line-height:1.7;margin-top:14px}
.play-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:48px}
.play-guide>div{border-top:1px solid #303030;padding-top:20px}
.play-guide h3{font-size:1.1rem;letter-spacing:-.015em;margin:14px 0 12px}
.play-guide p{font-size:.86rem;line-height:1.8}
.concept-section{background:#101010;padding:80px 0}
.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.concept-grid .display{font-size:clamp(2.6rem,4.5vw,4.5rem)}
.concept-grid p{font-size:.94rem;margin-bottom:22px;line-height:1.85}
.prototype-still{padding:80px 0 0}
.prototype-still img,.article-image img{width:100%;height:auto;border-radius:4px}
.article-hero{padding-bottom:48px}
.article-hero h1{font-size:clamp(3rem,6.5vw,6.5rem)}
.article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.75rem;color:#999;margin-top:24px;line-height:1.8}
.article-meta span{color:#CCFF00}
.article-body{max-width:760px;margin:65px auto 100px;padding:0 28px}
.article-body>p{font-size:1rem;color:#bbb;line-height:1.9;margin-bottom:24px}
.article-body>h2{font-size:1.7rem;line-height:1.3;letter-spacing:-.025em;margin:48px 0 20px}
.article-play{background:#111;border-top:2px solid #CCFF00;padding:32px;margin-top:48px}
.article-play h2{font-family:'Playfair Display',serif;font-size:2.6rem;letter-spacing:-.04em;margin:14px 0}
.article-play p{margin-bottom:24px;font-size:.94rem}
@media(max-width:900px){.feature-project{gap:28px}.play-guide{grid-template-columns:1fr;gap:24px}.concept-grid{gap:36px}.game-shell iframe{min-height:540px;aspect-ratio:auto;height:65vh;max-height:850px}}
@media(max-width:640px){.container{padding:0 22px}.page-hero{padding-top:132px}.interactive-hero h1{font-size:clamp(3rem,13vw,4.5rem)}.feature-project,.concept-grid{grid-template-columns:1fr}.feature-copy h2{font-size:2.7rem}.feature-project{padding:24px 0;gap:22px}.play-heading,.editorial-link{flex-direction:column;align-items:flex-start}.play-heading .text-link{font-size:.75rem}.game-shell iframe{height:600px;min-height:600px}.play-section{padding-top:20px}.project-list{padding-bottom:70px}.article-hero h1{font-size:clamp(2.5rem,11vw,4.5rem)}.article-body{margin-top:42px;padding:0 22px}.article-meta{gap:8px}.article-play{padding:26px}.project-actions .btn{width:100%;justify-content:center}.concept-section{padding:60px 0}.prototype-still{padding-top:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-image img{transition:none}}
.interactive-page h1.display{font-family:'Playfair Display',serif;font-weight:900}
.interactive-page h1.display em{color:#CCFF00}
.breadcrumb{display:block;width:fit-content}