@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@400;500;600;700;800&display=swap');
:root{--coal:#090a0c;--paper:#f2f2f3;--muted:#b1b4bc;--line:#ffffff21;--red:#c52c3d;--cyan:#58e6f5;--gold:#e7bf6c;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--coal);color:var(--paper);font:400 1rem/1.7 Inter,system-ui,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Sora,Inter,system-ui,sans-serif;font-weight:600;line-height:1.12;letter-spacing:-.055em}h1{font-size:clamp(3rem,6.5vw,6.6rem)}h2{font-size:clamp(2rem,3.6vw,3.8rem)}h3{font-size:clamp(1.5rem,2.5vw,2.4rem)}p{margin-bottom:1.5rem}a{color:inherit}img{display:block;max-width:100%}button,select{font:inherit}button{cursor:pointer}.wrap{width:min(calc(100% - 96px),var(--max));margin-inline:auto}.section{padding-block:clamp(4.5rem,8vw,8rem)}.kicker{font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}.intro,.large,.hero-lede{font-size:clamp(1.1rem,1.45vw,1.4rem);line-height:1.65;color:#d3d5db}.large{font-size:clamp(1.25rem,1.7vw,1.6rem)}.text-link{display:inline-block;text-decoration:none;font-size:.9rem;font-weight:600;padding-block:.5rem;border-bottom:1px solid currentColor}.text-link:hover{color:var(--cyan)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:.85rem 1.5rem;text-decoration:none;font-size:.9rem;font-weight:600;border:1px solid transparent;transition:background .2s,border-color .2s}.button-red{background:var(--red);color:white}.button-red:hover{background:#e64255}.button-outline{border-color:#ffffff55;background:#090a0c33;color:white}.button-outline:hover{border-color:white;background:#ffffff10}.button-cyan{background:var(--cyan);color:#071115}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.skip{position:fixed;top:10px;left:10px;background:white;color:black;padding:1rem;z-index:1000;transform:translateY(-150%)}.skip:focus{transform:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.header{position:sticky;top:0;height:96px;z-index:100;display:flex;align-items:center;padding-inline:max(48px,calc((100vw - var(--max))/2));gap:3rem;background:#090a0ce8;border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.brand{order:0;text-decoration:none;font-family:Sora,sans-serif;font-size:1.42rem;font-weight:800;letter-spacing:.07em;line-height:1.1;flex-shrink:0}.brand span{display:block;font-family:Inter,sans-serif;font-size:.625rem;letter-spacing:.085em;font-weight:500;margin-top:.5rem;color:var(--muted)}.header nav{order:1;display:flex;align-items:center;justify-content:flex-end;gap:2rem;margin-left:auto}.header nav a{text-decoration:none;font-size:.875rem;font-weight:500;position:relative;padding:.6rem 0}.header nav a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .2s}.header nav a:hover:after,.header nav a[aria-current=page]:after{width:100%}.header-controls{order:2;display:flex;align-items:center;gap:1rem}.language-control{display:flex;align-items:center;gap:.45rem;font-size:.875rem}.language-control svg{width:20px;height:20px}.language-control label{margin:0;font-size:.875rem;white-space:nowrap}.language-control select{font-size:.875rem;color:white;background:#17191d;border:1px solid var(--line);padding:.55rem .35rem;max-width:110px;border-radius:0}.language-control option{background:#17191d}.menu-toggle{display:none;background:none;border:0;width:40px;height:40px;padding:7px}.menu-toggle span{display:block;height:1px;background:white;margin:8px 0;transition:transform .2s}
.studio-hero,.studio-page-hero{position:relative;min-height:min(840px,calc(100svh - 96px));padding:3rem 0 6.5rem;isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;inset:0;background:#07080b url('../img/studio-abstract.webp') center/cover no-repeat;z-index:-2}.hero-background:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05060988,transparent 75%),linear-gradient(0deg,#090a0c 0%,transparent 22%)}.hero-topline{display:flex;gap:2rem;align-items:center;justify-content:space-between;color:var(--muted);font-size:.75rem;letter-spacing:.13em;margin-bottom:3.5rem}.hero-topline p{margin:0}.hero-title{max-width:880px;font-size:clamp(3.5rem,6.9vw,7rem);font-weight:600;margin-bottom:2rem}.hero-lede{max-width:570px;margin-bottom:2.5rem}.hero-bottom{position:absolute;bottom:2rem;left:0;right:0;display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);padding-top:1rem;font-size:.75rem;letter-spacing:.08em;color:#bfc3cd}.studio-intro{background:#efeff1;color:#131419}.studio-intro .kicker{color:#6b6d76}.editorial-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(3rem,7vw,8rem)}.editorial-grid h2{max-width:680px}.studio-intro .large{color:#31343b}.studio-signature{width:170px;margin-top:2.5rem}.studio-signature img{width:100%;mix-blend-mode:multiply}.section-head{display:flex;gap:2rem;align-items:flex-start;margin-bottom:3rem}.section-index{font-size:.875rem;color:var(--muted);padding-top:.4rem;border-top:1px solid var(--line);min-width:45px}.section-head h2{margin-bottom:1rem}.section-deck{font-size:1rem;color:var(--muted);margin-bottom:0}.world-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.world-card{min-height:520px;position:relative;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;overflow:hidden;padding:2rem;background:#11141a;border:1px solid var(--line);isolation:isolate}.world-card:focus-visible{outline-offset:4px}.world-image{position:absolute;inset:0;z-index:-2;transition:transform .6s}.world-card:hover .world-image{transform:scale(1.04)}.art-window{overflow:hidden}.art-window img{position:absolute;inset:-45% 0 auto;width:100%;height:190%;max-width:none;object-fit:cover;object-position:center 50%}.world-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#051019f5,transparent 55%,#050a1280)}.world-overline{font-size:.8rem;letter-spacing:.16em;color:#d1d4df}.world-logo{width:85%;align-self:center;margin:auto;max-height:190px;object-fit:contain;filter:drop-shadow(0 10px 20px #000)}.world-gap .world-logo{margin-top:auto;margin-bottom:2rem}.world-bottom{display:flex;justify-content:space-between;gap:1.5rem;font-size:.875rem;padding-top:1.5rem;border-top:1px solid #ffffff55;line-height:1.4}.world-bottom>span:last-child{font-weight:600}.world-crown{background:radial-gradient(ellipse at 50% 35%,#5d3e21 0%,#231b13 45%,#100f0e 85%)}.world-crown .world-overlay{background:linear-gradient(0deg,#100c09aa,transparent)}.world-crown .world-logo{width:88%}.projects-section{background:#121419}.project-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:40px 280px 1fr auto;gap:3rem;align-items:center;padding:3rem .5rem;border-bottom:1px solid var(--line);text-decoration:none;position:relative;transition:background .2s}.project-row:hover{background:#ffffff04}.project-number{align-self:start;font-size:.875rem;color:var(--muted)}.project-mark{height:210px;display:flex;align-items:center;justify-content:center}.project-mark img{width:100%;height:100%;object-fit:contain}.project-gap .project-mark img{mix-blend-mode:screen}.project-mts .project-mark img{width:145%;max-width:none;object-fit:cover}.project-copy .kicker{margin-bottom:.7rem;font-size:.8rem}.project-copy h3{margin-bottom:.8rem;letter-spacing:-.035em}.project-copy p:not(.kicker){font-size:1rem;color:var(--muted);max-width:620px;margin-bottom:1.2rem}.row-cta{font-size:.875rem;font-weight:600;border-bottom:1px solid #ffffff55;padding-bottom:.3rem}.project-state{align-self:start;font-size:.8rem;color:var(--muted);border:1px solid var(--line);padding:.35rem .65rem;white-space:nowrap}.development-band{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw}.development-band p{color:var(--muted)}.development-band h2{max-width:600px}.footer-top{display:flex;justify-content:space-between;gap:3rem;align-items:center;padding-block:3.5rem}.footer-wordmark{font-size:2rem;letter-spacing:.05em;font-weight:800;text-decoration:none}.footer-wordmark span{display:block;font-size:.625rem;color:var(--muted);font-weight:400;letter-spacing:.1em}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-links a{border:0;font-weight:400;color:var(--muted)}footer{border-top:1px solid var(--line);background:#07080a}.footer-bottom{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted);padding-block:1.5rem}
.studio-page-hero{min-height:650px;padding-block:5rem}.studio-page-hero .hero-title{max-width:960px}.founder-section{background:#15171c}.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.founder-photo{position:relative;background:#09090c;overflow:hidden}.founder-photo img{width:100%;height:660px;object-fit:cover;object-position:center 20%}.portrait-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#07080bec,transparent);padding:5rem 2rem 2rem;display:flex;flex-direction:column}.portrait-caption strong{font-size:1.3rem}.portrait-caption span{color:var(--muted);font-size:.875rem}.founder-story h2{font-size:clamp(2.5rem,4.7vw,5rem);margin-bottom:2rem}.founder-story p:not(.large):not(.kicker){color:var(--muted)}.sub-hero{padding-block:6rem 4rem}.sub-hero h1{max-width:1100px}.sub-hero .intro{max-width:670px}.portfolio-section{padding-top:0}.project-hero{padding-block:3rem 2rem;min-height:680px;display:flex;align-items:center;position:relative}.project-hero .wrap{width:min(calc(100% - 96px),var(--max))}.project-title-logo{width:clamp(350px,60vw,850px);height:350px;object-fit:contain;margin:1rem auto 2rem}.project-lede{font-size:clamp(1.3rem,2vw,2rem);max-width:760px;line-height:1.4;text-align:center;margin:0 auto 4rem}.project-hero-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:1.2rem;color:var(--muted);font-size:.875rem}.crown-hero{background:radial-gradient(ellipse at 50% 35%,#49341b,#17140e 50%,#0a0a09 90%);--line:#e7bf6c40}.crown .kicker{color:var(--gold)}.crown .text-link:hover{color:var(--gold)}.mts-hero{background:radial-gradient(ellipse at 50% 35%,#163951,#0e1722 50%,#080b10 90%)}.mts-hero .project-title-logo{height:360px;width:600px;object-fit:cover}.mts .kicker{color:#9dc7e9}.game-hero{position:relative;min-height:750px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#060c12;padding-block:4rem 6rem}.game-hero-image{position:absolute;inset:0 0 0 40%;z-index:-2}.game-hero-image img{inset:-53% 0 auto;height:215%;object-position:50% 45%}.game-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#060c12 0%,#060c12f5 30%,#060c1266 65%,#060c1211),linear-gradient(0deg,#060c12,transparent 40%);z-index:-1}.game-title-logo{width:min(620px,53vw);mix-blend-mode:screen;margin:1rem 0 2rem}.game-lede{font-family:Sora,system-ui,sans-serif;font-size:clamp(1.6rem,2.7vw,2.5rem);line-height:1.4;max-width:550px}.game .kicker,.release-label{color:var(--cyan)}.release-label{font-size:.875rem;letter-spacing:.1em}.project-nav{display:flex;gap:3rem;border-bottom:1px solid var(--line);padding-block:1.2rem;flex-wrap:wrap}.project-nav a{border:0;color:var(--muted)}.game-dark{background:#0e1922}.game-dark h2{max-width:1000px}.mechanics,.districts{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.mechanics article{padding-top:1.5rem;border-top:1px solid #58e6f560}.mechanic-num{font-family:Sora,sans-serif;font-size:3rem;color:#58e6f560;line-height:1}.mechanics h3{font-size:1.4rem;margin:2rem 0 1rem;letter-spacing:-.025em}.mechanics p,.districts p{font-size:1rem;color:#b3c2cd}.districts article{padding:2rem 1.4rem;background:#10202d;border-top:1px solid #58e6f570}.districts span{font-size:.75rem;letter-spacing:.06em;color:var(--cyan)}.districts h3{font-size:1.5rem;margin:3rem 0 1rem;letter-spacing:-.025em}.notice{max-width:850px;padding:3rem;border:1px solid var(--line);background:#15171c}.notice span{font-size:.875rem;color:var(--muted)}.notice h2{margin-top:1rem;font-size:2.2rem}.notice p{color:var(--muted)}
html[lang=ja] body{font-family:Inter,'Noto Sans CJK JP','Yu Gothic',Meiryo,system-ui,sans-serif}html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3{font-family:'Noto Sans CJK JP','Yu Gothic',Meiryo,system-ui,sans-serif;letter-spacing:-.035em;line-height:1.3}html[lang=ja] .hero-title{max-width:760px}html[lang=de] h1,html[lang=de] h2,html[lang=de] h3{overflow-wrap:anywhere}
@media(min-width:1600px){.hero-title{max-width:980px}.studio-hero{min-height:840px}}
@media(max-width:1100px){.header{gap:1.5rem;padding-inline:32px}.header nav{gap:1.2rem}.brand{font-size:1.2rem}.brand span{font-size:.6rem}.language-control label{display:block}.project-row{grid-template-columns:30px 230px 1fr;gap:2rem}.project-state{position:absolute;right:0;top:1rem}.project-mark{height:190px}.mechanics,.districts{grid-template-columns:repeat(2,1fr)}.founder-photo img{height:620px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header{height:80px;padding-inline:24px}.header-controls{margin-left:auto}.header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#111318;border-bottom:1px solid var(--line);margin:0;padding:1rem 24px 2rem;flex-direction:column;align-items:stretch;gap:0}.header nav.is-open{display:flex}.header nav a{padding:1rem 0;font-size:1rem}.menu-toggle{display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.studio-hero{min-height:760px}.hero-topline{margin-bottom:3rem}.hero-topline>span{display:none}.hero-title{font-size:clamp(3rem,8vw,4.8rem);max-width:650px}.hero-background{background-position:65% center}.hero-background:after{background:linear-gradient(90deg,#050609bb,#05060944),linear-gradient(0deg,#090a0c,transparent 30%)}.editorial-grid,.founder-grid,.development-band{grid-template-columns:1fr;gap:2.5rem}.studio-signature{width:145px}.world-card{min-height:420px;padding:1.5rem}.world-cards{gap:1rem}.world-bottom{flex-direction:column;gap:.7rem}.project-row{grid-template-columns:25px 180px 1fr;gap:1.5rem;padding-block:2.5rem}.project-copy h3{font-size:1.55rem}.founder-photo img{height:650px;object-position:center 20%}.studio-page-hero{min-height:610px}.footer-top{align-items:flex-start;flex-direction:column;gap:2rem}.game-hero{min-height:710px}.game-hero-image{left:20%}.game-hero-shade{background:linear-gradient(90deg,#060c12f7,#060c1299 65%,#060c1266),linear-gradient(0deg,#060c12,transparent)}.game-title-logo{width:min(650px,90%)}.game-lede{max-width:480px}.game-hero .hero-bottom{font-size:.75rem}.game-hero .hero-bottom>span:last-child{display:none}.project-hero .wrap{width:calc(100% - 48px)}.project-title-logo{width:95%}.project-hero{min-height:620px}.mts-hero .project-title-logo{max-width:100%}}
@media(max-width:550px){.wrap{width:calc(100% - 40px)}.header{padding-inline:20px;height:78px;gap:1rem}.brand{font-size:1rem}.brand span{display:none}.header-controls{gap:.4rem}.menu-toggle{width:32px;padding:4px}.language-control{gap:.3rem}.language-control label{font-size:.8rem}.language-control select{max-width:80px;font-size:.8rem;padding:.5rem .2rem}.language-control svg{width:18px;height:18px}.header nav{top:78px}.studio-hero{min-height:740px;padding-block:3rem 7rem}.hero-title{font-size:clamp(2.8rem,11vw,4.2rem)}.hero-lede{font-size:1.05rem;max-width:96%;margin-bottom:2rem}.hero-topline{margin-bottom:2rem}.hero-topline .kicker{font-size:.75rem;letter-spacing:.09em}.hero-bottom{flex-direction:column;gap:.4rem;font-size:.68rem}.hero-background{background-position:61% center}.hero-background:after{background:#05060970}.hero-actions{gap:.75rem}.hero-actions .button{font-size:.875rem;padding:.85rem 1.15rem}.section-head{gap:1.2rem}.section-head h2{font-size:2rem}.section-index{min-width:28px}.world-cards{grid-template-columns:1fr}.world-card{min-height:440px}.world-bottom{flex-direction:row;font-size:.8rem}.project-row{grid-template-columns:25px 1fr;gap:1rem;padding:2.5rem 0}.project-mark{grid-column:2;width:90%;height:170px}.project-copy{grid-column:2}.project-number{grid-row:1}.project-state{top:1rem;font-size:.75rem}.project-copy h3{font-size:1.7rem}.project-copy .kicker{font-size:.8rem}.project-copy p:not(.kicker){font-size:1rem}.studio-page-hero{min-height:580px;padding-block:4rem}.founder-photo img{height:500px}.founder-story h2{font-size:3rem}.founder-story .large{font-size:1.25rem}.footer-links{gap:1rem 1.5rem}.footer-bottom{flex-direction:column;gap:.6rem}.game-hero{min-height:740px}.game-hero-image{left:0;opacity:.75}.game-hero-image img{height:200%;inset:-48% 0 auto}.game-title-logo{width:100%;margin-top:3rem}.game-lede{font-size:1.65rem;max-width:340px}.game-hero-shade{background:linear-gradient(90deg,#060c12de,#060c1299),linear-gradient(0deg,#060c12,transparent 55%)}.game-hero .hero-bottom{font-size:.7rem}.project-nav{gap:1.5rem}.mechanics,.districts{grid-template-columns:1fr;gap:1.5rem}.mechanics h3{margin-top:1.5rem}.mechanics article{padding-bottom:1rem}.districts h3{margin-top:2rem}.project-hero{min-height:600px}.project-hero .wrap{width:calc(100% - 40px)}.project-title-logo{height:250px;width:100%;min-width:0;margin:1rem 0 2rem}.mts-hero .project-title-logo{height:270px;width:100%}.project-lede{font-size:1.35rem;margin-bottom:3rem}.project-hero-footer{font-size:.75rem;gap:1rem}.project-hero-footer a{font-size:.875rem}.sub-hero{padding-block:4rem 3rem}.sub-hero h1{font-size:3rem}.notice{padding:1.5rem}.notice h2{font-size:1.8rem}.kicker{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Approved landscape key art: preserve proportions and Jonno's face. */
.world-gap .world-image img{inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 30%}
.game-hero-image{inset:0}
.game-hero-image img{inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 35%}
.game-hero-shade{background:linear-gradient(90deg,#060c12c9 0%,#060c1270 38%,#060c1210 70%),linear-gradient(0deg,#060c12,transparent 30%)}
@media(max-width:800px){.game-hero-image{inset:0}.game-hero-image img{inset:0;height:100%;object-position:70% 25%}.game-hero-shade{background:linear-gradient(90deg,#060c12b8,#060c1233),linear-gradient(0deg,#060c12,transparent 40%)}}
@media(max-width:550px){.game-hero-image{inset:0;opacity:1}.game-hero-image img{inset:0;height:100%;object-position:72% 20%}.game-hero-inner{padding-top:14rem}.game-hero-shade{background:linear-gradient(0deg,#060c12 0%,#060c12e8 27%,#060c1255 58%,#060c1210 100%)}.game-title-logo{margin-top:0}.game-lede{max-width:340px}.game-hero{min-height:800px}}

/* Home presentation: full viewport chapters, without scroll locking. */
.home-immersive{--home-scroll:0;--home-fade:1;--max:1560px;background:#080a0d}
.home-immersive .header{position:fixed;inset:0 0 auto;height:88px;border-bottom-color:transparent;background:linear-gradient(#06080b65,transparent);backdrop-filter:none;transition:background .3s,border-color .3s,height .3s}
.home-immersive .header.is-scrolled{height:76px;background:#090b0ff5;border-bottom-color:#ffffff15;backdrop-filter:blur(16px)}
.home-immersive .header.menu-is-open{background:#090b0f}
.home-immersive .header .language-control select{background:#090b0f45;border-color:#ffffff45}
.home-immersive .hero-stage{position:relative;isolation:isolate;height:100svh;min-height:660px;overflow:hidden;background:#070a0e}
.home-immersive .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .85s ease,visibility .85s;isolation:isolate}
.home-immersive .hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.home-immersive .slide-visual{position:absolute;inset:0;z-index:-2;overflow:hidden}
.home-immersive .slide-visual .hero-background{z-index:auto}
.home-immersive .slide-art{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.home-immersive .slide-visual .hero-background:after{background:linear-gradient(90deg,#05060944,transparent 70%)}
.home-immersive .slide-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080a0d 0%,#080a0dc9 12%,#080a0d22 65%),linear-gradient(90deg,#05070bb0,transparent 75%)}
.home-immersive .slide-content{position:absolute;left:0;right:0;bottom:clamp(130px,16vh,210px);opacity:var(--home-fade);transform:translateY(calc(var(--home-scroll) * -35px));max-width:1560px}
.home-immersive .slide-content .kicker{font-size:.875rem;color:#cfd1d9;margin-bottom:1.2rem}
.home-immersive .slide-title{max-width:960px;font-size:clamp(3rem,5.4vw,6.3rem);line-height:1.1;letter-spacing:-.05em;margin:0 0 1.5rem;font-weight:600}
.home-immersive .slide-description{max-width:600px;font-size:clamp(1.1rem,1.3vw,1.3rem);line-height:1.65;color:#d7d9df;margin-bottom:2rem}
.home-immersive .slide-gap-logo{width:clamp(300px,32vw,550px);max-height:200px;object-fit:contain;mix-blend-mode:screen;margin:-1rem 0 1.5rem}
.home-immersive .slide-gap .slide-description{max-width:520px}
.home-immersive .slide-crown{background:radial-gradient(ellipse at 72% 40%,#664823,#231a12 45%,#0a0b0e 85%)}
.home-immersive .slide-crown-logo{position:absolute;width:min(45vw,760px);right:6vw;top:26%;filter:drop-shadow(0 18px 40px #000a)}
.home-immersive .slide-crown .slide-title{max-width:600px;font-size:clamp(3.3rem,5.7vw,6.4rem)}
.home-immersive .hero-scroll-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:#080a0d;opacity:calc(var(--home-scroll) * .85)}
.home-immersive .carousel-bottom{position:absolute;inset:auto 0 40px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:2rem;opacity:var(--home-fade)}
.home-immersive .scroll-cue{display:flex;align-items:center;gap:1rem;font-size:.875rem;letter-spacing:.03em;text-decoration:none;color:#c4c8d2}
.home-immersive .scroll-line{display:block;width:1px;height:38px;background:linear-gradient(#ffffff80,#ffffff10)}
.home-immersive .carousel-controls{display:flex;align-items:center;gap:1rem}
.home-immersive .carousel-controls button{color:white;background:transparent;border:0;cursor:pointer;min-height:44px;min-width:32px}
.home-immersive .carousel-controls button:hover{color:#80eaf4}
.home-immersive .carousel-controls .carousel-pause{font-size:.875rem;padding:0 .5rem;min-width:85px}
.home-immersive .carousel-controls svg{width:18px;height:18px;display:block}
.home-immersive .carousel-dots{display:flex;gap:10px;align-items:center}
.home-immersive .carousel-controls .carousel-dot{width:32px;padding:0;display:flex;align-items:center}
.home-immersive .carousel-dot>span{height:3px;width:100%;background:#ffffff40;border-radius:3px}
.home-immersive .carousel-dot.is-active>span{height:4px;background:white}
.home-immersive .carousel-count{font-size:.8rem;font-variant-numeric:tabular-nums;color:#d0d4dd;min-width:54px}
.home-immersive .home-studio{background:#080a0d;color:#f2f2f3;min-height:100svh;display:flex;align-items:center;padding-block:110px}
.home-immersive .home-studio-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:10vw}
.home-immersive .home-studio-copy h2{max-width:850px;font-size:clamp(2.8rem,4.3vw,5.3rem);line-height:1.12;margin-bottom:2rem}
.home-immersive .home-studio-copy .large{color:#aeb5c2;max-width:630px;font-size:clamp(1.1rem,1.5vw,1.35rem);margin-bottom:2.2rem}
.home-immersive .home-studio-copy .kicker{color:#a7b0bf;margin-bottom:2rem}
.home-immersive .home-studio-identity{padding:1rem 0;text-align:center}
.home-immersive .home-studio-identity img{width:100%;max-width:560px;margin:auto;object-fit:contain}
.home-immersive .identity-rule{height:1px;background:linear-gradient(90deg,transparent,#ffffff36,transparent);margin:2rem 0 1rem}
.home-immersive .identity-caption{color:#8e99ab;font-size:.875rem;letter-spacing:.03em}
.home-immersive #worlds{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:100px;scroll-margin-top:0}
.home-immersive .section-head{margin-bottom:3rem;gap:2rem}
.home-immersive .section-head h2{font-size:clamp(2.5rem,4vw,4.8rem)}
.home-immersive .world-card{min-height:clamp(420px,57svh,760px)}
.home-immersive .projects-section{min-height:100svh;display:flex;align-items:center;background:#0e1117;padding-block:110px}
.home-immersive .projects-section .project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;border-top:0}
.home-immersive .projects-section .project-row{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;align-items:stretch;background:#141923;border:1px solid #ffffff16;min-height:490px;transition:background .25s,border-color .25s}
.home-immersive .projects-section .project-row:hover{background:#1a202c;border-color:#ffffff50}
.home-immersive .projects-section .project-mark{height:180px;max-width:100%;overflow:hidden}
.home-immersive .projects-section .project-copy h3{font-size:clamp(1.5rem,2vw,2.2rem)}
.home-immersive .projects-section .project-state{top:2rem;right:2rem;font-size:.75rem}
.home-immersive .projects-section .project-copy{flex:1}
.home-immersive .projects-section .project-copy .kicker{font-size:.875rem}
.home-immersive .projects-section .project-copy p{font-size:1rem}
.home-immersive .development-band{min-height:85svh;align-content:center;padding-block:110px}
@media(min-width:1800px){.home-immersive .wrap{width:min(calc(100% - 160px),1700px)}.home-immersive .header{padding-inline:max(80px,calc((100vw - 1700px)/2))}.home-immersive .slide-content{max-width:1700px}}
@media(max-width:1000px){.home-immersive .slide-title{max-width:720px}.home-immersive .home-studio-grid{gap:4rem}.home-immersive .home-studio-copy h2{font-size:3rem}.home-immersive .projects-section .project-list{gap:1rem}.home-immersive .projects-section .project-row{padding:1.5rem}.home-immersive .projects-section .project-state{top:1.5rem;right:1.5rem}.home-immersive .slide-crown-logo{width:42vw;top:21%}}
@media(max-width:800px){.home-immersive .header{height:80px}.home-immersive .header.is-scrolled{height:76px}.home-immersive .header nav{top:80px}.home-immersive .header.is-scrolled nav{top:76px}.home-immersive .slide-title{font-size:clamp(2.8rem,6.8vw,4rem);max-width:600px}.home-immersive .slide-content{bottom:155px}.home-immersive .slide-visual .hero-background{background-position:64% center}.home-immersive .home-studio-grid{grid-template-columns:1fr;gap:2rem}.home-immersive .home-studio-identity img{max-width:300px}.home-immersive .home-studio-identity{display:none}.home-immersive .home-studio-copy h2{max-width:700px;font-size:clamp(2.7rem,6.8vw,4rem)}.home-immersive .projects-section .project-list{grid-template-columns:1fr}.home-immersive .projects-section .project-row{display:grid;grid-template-columns:160px 1fr;gap:1.3rem;min-height:300px}.home-immersive .projects-section .project-number{grid-column:1}.home-immersive .projects-section .project-mark{grid-column:1;grid-row:2}.home-immersive .projects-section .project-copy{grid-column:2;grid-row:2}.home-immersive .projects-section .project-state{top:1.5rem}.home-immersive .scroll-cue{font-size:.8rem}.home-immersive .carousel-controls{gap:.5rem}.home-immersive .carousel-controls .carousel-pause{min-width:65px}.home-immersive .slide-crown-logo{top:18%;width:55vw;right:8vw}}
@media(max-width:550px){.home-immersive .header{height:78px}.home-immersive .header nav{top:78px}.home-immersive .hero-stage{height:100svh;min-height:700px}.home-immersive .slide-title{font-size:clamp(2.4rem,9.8vw,3.2rem);line-height:1.14}.home-immersive .slide-content{bottom:150px}.home-immersive .slide-description{font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem;max-width:100%}.home-immersive .slide-content .kicker{font-size:.75rem;letter-spacing:.08em}.home-immersive .slide-shade{background:linear-gradient(0deg,#080a0d 0%,#080a0de8 25%,#080a0d66 65%,#080a0d22)}.home-immersive .slide-visual .hero-background{background-position:62% center}.home-immersive .slide-art{object-position:73% center}.home-immersive .slide-gap-logo{width:82%;max-height:135px;margin-bottom:1rem}.home-immersive .slide-crown-logo{width:80vw;right:10vw;top:17%}.home-immersive .slide-crown .slide-title{font-size:2.5rem;max-width:100%}.home-immersive .carousel-bottom{bottom:24px;flex-direction:column-reverse;align-items:stretch;gap:12px}.home-immersive .carousel-controls{justify-content:center;gap:.55rem}.home-immersive .scroll-cue{justify-content:center;font-size:.75rem;gap:.6rem}.home-immersive .scroll-line{height:20px}.home-immersive .carousel-count{font-size:.75rem;min-width:50px}.home-immersive .carousel-controls .carousel-dot{width:26px;min-width:26px}.home-immersive .carousel-controls .carousel-pause{font-size:.8rem;min-width:70px}.home-immersive .home-studio{padding-block:100px}.home-immersive .home-studio-copy h2{font-size:clamp(2.4rem,9vw,3.2rem);margin-bottom:2rem}.home-immersive .home-studio-copy .large{font-size:1.1rem}.home-immersive #worlds{padding-block:100px}.home-immersive .world-card{min-height:440px}.home-immersive .projects-section{padding-block:100px}.home-immersive .projects-section .project-row{display:flex;min-height:460px;padding:1.5rem}.home-immersive .projects-section .project-mark{width:100%;height:160px}.home-immersive .projects-section .project-copy h3{font-size:1.8rem}.home-immersive .section-head h2{font-size:2.5rem}.home-immersive .development-band{min-height:100svh;padding-block:100px}}
@media(max-height:650px) and (min-width:801px){.home-immersive .hero-stage{min-height:620px}.home-immersive .slide-content{bottom:115px}.home-immersive .slide-title{font-size:3rem}.home-immersive .slide-description{font-size:1rem;margin-bottom:1rem}.home-immersive .carousel-bottom{bottom:25px}}
@media(prefers-reduced-motion:reduce){.home-immersive .slide-content{transform:none}.home-immersive .hero-slide{transition:none}}

/* Shared chapter rhythm and studio history. */
.cinematic-site{background:#080a0d}
.cinematic-site .header{position:fixed;inset:0 0 auto;height:88px;background:linear-gradient(#07090d99,transparent);border-bottom-color:transparent;backdrop-filter:none;transition:background .3s,height .3s,border-color .3s;gap:2rem}
.cinematic-site .header nav{gap:1.35rem}
.cinematic-site .header.is-scrolled,.cinematic-site .header.menu-is-open{background:#090b0ff5;border-bottom-color:#ffffff18;backdrop-filter:blur(16px)}
.cinematic-site .header.is-scrolled{height:76px}
.cinematic-site .chapter{position:relative;isolation:isolate;min-height:100svh;scroll-margin-top:0}
.cinematic-site .chapter::after{content:'';position:absolute;inset:0;z-index:8;pointer-events:none;background:#06080c;opacity:var(--chapter-dim,0)}
.cinematic-site .chapter.hero-stage::after{display:none}
.cinematic-site .section.chapter{padding-block:clamp(100px,10svh,150px);align-content:center}
.cinematic-site .sub-hero.chapter{display:flex;flex-direction:column;justify-content:center;padding-block:140px 100px}
.cinematic-site .game-hero.chapter,.cinematic-site .project-hero.chapter,.cinematic-site .studio-page-hero.chapter{min-height:100svh}
.cinematic-site .section.chapter:has(>.project-list){display:flex;flex-direction:column;justify-content:center}
.cinematic-site .development-band.chapter{min-height:100svh}
.studio-statement{display:flex;align-items:center;background:#090c12;overflow:hidden}
.statement-image{position:absolute;inset:0;background:#090c12 url('../img/studio-abstract.webp') center/cover no-repeat;z-index:-2}
.statement-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05070bc9,#05070b11 80%),linear-gradient(0deg,#080a0d,transparent 35%)}
.statement-copy{padding-block:140px 110px}
.statement-copy h1{font-size:clamp(3rem,5.6vw,6.2rem);max-width:1150px;line-height:1.14;margin:0 0 2.5rem}
.statement-copy .kicker{margin-bottom:2rem}
.statement-next{display:inline-flex;align-items:center;gap:1.2rem;text-decoration:none;color:#d2d8e1;font-size:.95rem;padding:.5rem 0}
.statement-next .scroll-line{height:40px;width:1px;background:linear-gradient(#c7ccd6,transparent)}
.cinematic-site .founder-section{background:#10151e;display:flex;align-items:center}
.cinematic-site .founder-grid{align-items:center}
.cinematic-site .founder-photo img{height:clamp(500px,66svh,850px)}
.cinematic-site .founder-story h2{font-size:clamp(2.8rem,4.4vw,5rem)}
.work-statement .statement-copy h1{max-width:1000px}
.opportunity-section{display:flex;align-items:center}
.opportunity-section>div{max-width:900px}
.opportunity-section .large{margin-bottom:3rem}
.opportunity-section .text-link{margin-right:2rem}
.store-hero{display:flex;align-items:center;background:radial-gradient(ellipse at 70% 50%,#302337,#0b0d13 65%);overflow:hidden}
.store-hero>.wrap{position:relative;z-index:1;padding-block:140px 120px}
.store-hero h1{font-size:clamp(3.2rem,6.4vw,7rem);max-width:1100px}
.store-hero .large{max-width:650px;color:#bcc2d0}
.store-word{position:absolute;bottom:-.25em;left:0;font-family:Sora,sans-serif;font-size:20vw;letter-spacing:-.065em;color:#ffffff04;line-height:1;white-space:nowrap;pointer-events:none}
.newsletter-section,.contact-section{display:flex;align-items:center;background:radial-gradient(ellipse at 70% 40%,#17273c,#090d14 70%)}
.newsletter-section>.wrap,.contact-section>.wrap{padding-block:140px 100px}
.newsletter-section h1,.contact-section h1{max-width:1100px;font-size:clamp(3rem,6.4vw,7rem)}
.newsletter-section .large,.contact-section .large{max-width:800px}
.newsletter-preview{max-width:850px;margin-top:3rem}
.newsletter-preview label{display:block;margin-bottom:.8rem;font-size:1rem}
.newsletter-fields{display:flex;gap:1rem}
.newsletter-fields input{width:100%;min-width:0;font:inherit;font-size:1rem;padding:1rem;background:#101823;color:#b8c5d8;border:1px solid #6c7d9366}
.newsletter-fields .button{min-width:150px}
.newsletter-fields .button:disabled{cursor:default;background:#3c2830;color:#d5c1c6}
.form-note{font-size:.95rem;line-height:1.65;color:#aab5c6;margin-top:1.25rem;max-width:740px}
.contact-pending{border-top:1px solid #ffffff2b;padding-top:1rem;margin-top:3rem;max-width:800px}
.studio-footer{background:#050609;border-top:1px solid #ffffff25;padding-top:0}
.footer-primary{display:flex;justify-content:space-between;gap:3rem;align-items:center;padding-block:3.5rem;border-bottom:1px solid #ffffff20}
.footer-socials{display:flex;gap:1.4rem;align-items:center}
.footer-socials svg{display:block;width:25px;height:25px}
.social-pending{color:#a8afbb;display:block;opacity:.65}
.footer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:2rem}
.footer-actions .text-link{font-size:.95rem;border:0;padding:.5rem 0}
.footer-secondary{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding-block:3rem}
.studio-footer .footer-wordmark{font-size:1.6rem}
.studio-footer .footer-bottom{font-size:.8rem}
@media(max-width:1250px){.cinematic-site .header nav{display:none;position:absolute;top:88px;left:0;right:0;background:#090c12;border-bottom:1px solid #ffffff25;margin:0;padding:1rem 32px 2rem;flex-direction:column;align-items:stretch;gap:0}.cinematic-site .header nav.is-open{display:flex}.cinematic-site .header nav a{padding:.85rem 0;font-size:1rem}.cinematic-site .header-controls{margin-left:auto}.cinematic-site .menu-toggle{display:block}.cinematic-site .header.is-scrolled nav{top:76px}.footer-primary{flex-direction:column;align-items:flex-start;gap:2.5rem}.footer-actions{gap:1.8rem}}
@media(max-width:900px){.milestone-grid{grid-template-columns:45px 1fr;gap:2rem}.milestone-marker{grid-row:1/3;min-height:0}.milestone-marker>span{height:40px;width:40px}.milestone-visual{grid-column:2;height:450px}.milestone-copy h2{max-width:700px}.statement-copy h1{font-size:clamp(3rem,7vw,4.7rem)}.cinematic-site .founder-photo img{height:600px}.footer-secondary{align-items:flex-start;flex-direction:column;gap:2rem}}
@media(max-width:800px){.cinematic-site .header{height:80px}.cinematic-site .header nav{top:80px}.cinematic-site .header.is-scrolled{height:76px}.cinematic-site .header.is-scrolled nav{top:76px}.cinematic-site .founder-grid{grid-template-columns:1fr;gap:3rem}.cinematic-site .founder-section .wrap{max-width:680px}.footer-actions{gap:1rem 2rem}}
@media(max-width:550px){.cinematic-site .header{height:78px;padding-inline:20px;gap:1rem}.cinematic-site .header nav{top:78px;padding-inline:20px}.cinematic-site .chapter{min-height:100svh}.cinematic-site .section.chapter{padding-block:100px}.statement-copy{padding-block:130px 90px}.statement-copy h1{font-size:clamp(2.45rem,9vw,3.3rem)}.cinematic-site .founder-photo img{height:500px}.cinematic-site .founder-story h2{font-size:3rem}.timeline-intro h2{font-size:3rem}.timeline-index{gap:.6rem}.timeline-index a{font-size:.875rem;min-width:60px;padding:.6rem}.milestone-grid{gap:1rem;grid-template-columns:30px 1fr}.milestone-marker>span{width:28px;height:28px;font-size:.75rem}.milestone-copy h2{font-size:2.1rem}.milestone-visual{height:370px}.milestone-date{font-size:1.25rem}.milestone-date.date-pending{font-size:.8rem}.store-hero h1,.newsletter-section h1,.contact-section h1{font-size:3rem}.store-hero .large,.newsletter-section .large,.contact-section .large{font-size:1.15rem}.newsletter-fields{flex-direction:column}.newsletter-fields .button{min-height:52px}.footer-primary{padding-block:2.5rem;gap:2rem}.footer-socials{gap:1.5rem;flex-wrap:wrap}.footer-socials svg{width:24px;height:24px}.footer-actions{flex-direction:column;align-items:flex-start;gap:.7rem}.footer-secondary{padding-block:2rem}.footer-links{gap:1rem}.studio-footer .footer-bottom{font-size:.75rem}.opportunity-section .text-link{margin-bottom:2rem}.opportunity-section .button{display:flex;width:fit-content}}

/* Approved horizontal Colencom identity, including company tagline. */
.header .brand{display:flex;align-items:center;flex-shrink:0;line-height:0}
.header .brand-logo{display:block;width:250px;height:auto;max-height:84px;object-fit:contain}
.studio-footer .footer-wordmark{display:block;line-height:0}
.studio-footer .footer-wordmark img{display:block;width:min(350px,100%);height:auto}
@media(min-width:1251px) and (max-width:1450px){.cinematic-site .header{padding-inline:32px;gap:1.4rem}.cinematic-site .header nav{gap:1.1rem}.header .brand-logo{width:220px}}
@media(max-width:550px){.header .brand-logo{width:clamp(130px,37vw,195px);max-height:64px}.studio-footer .footer-wordmark img{width:280px}}

/* Studio chronology: continuous central axis and staggered editorial entries. */
.studio-chronology{background:#000;color:#fff;position:relative;padding-bottom:100px}
.cinematic-site .studio-chronology.chapter{padding-block:0 100px}
.chronology-heading{padding-block:100px 65px;text-align:center}
.chronology-heading h2{font-size:clamp(2.7rem,5vw,5rem);margin-bottom:0}
.chronology-jump{position:sticky;top:76px;z-index:12;background:#202020f5;border-block:1px solid #ffffff20;backdrop-filter:blur(12px)}
.chronology-jump-inner{display:flex;justify-content:center;align-items:stretch;min-height:52px}
.chronology-jump label{display:flex;align-items:center;font-family:Sora,sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:.09em;margin:0;padding:0 35px}
.chronology-select{position:relative;background:white;color:black;clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%);padding:0 34px}
.chronology-select:after{content:'';position:absolute;right:40px;top:21px;border:6px solid transparent;border-top-color:#111;pointer-events:none}
.chronology-select select{appearance:none;border:0;background:white;color:#111;min-width:180px;height:52px;padding:0 34px 0 12px;font:600 1rem Sora,sans-serif;letter-spacing:.04em;cursor:pointer}
.chronology-select select:focus-visible{outline:2px solid #b52234;outline-offset:-5px}
.chronology-track{display:flex;flex-direction:column;position:relative;padding-block:140px 50px;isolation:isolate}
.chronology-track:before{content:'';position:absolute;width:2px;left:calc(50% - 1px);top:60px;bottom:0;background:#ffffffd9;z-index:-1}
/* Fixed mask at the axis: only the children move, so retreating artwork never crosses sides. */
.timeline-event{position:relative;width:50%;min-height:610px;padding-bottom:160px;scroll-margin-top:180px;outline:none;clip-path:inset(0)}
.timeline-event:nth-child(odd){align-self:flex-start;text-align:right;padding-right:30px}
.timeline-event:nth-child(even){align-self:flex-end;padding-left:30px;margin-top:-180px}
.event-flag{position:relative;display:flex;margin-bottom:30px;width:calc(100% + 30px)}
.timeline-event:nth-child(odd) .event-flag{justify-content:flex-end}
.timeline-event:nth-child(even) .event-flag{margin-left:-30px}
.event-date{display:block;background:#fff;color:#111;padding:12px 30px;font-family:Sora,sans-serif;font-size:clamp(1rem,1.6vw,1.45rem);line-height:1.4;letter-spacing:.05em;text-transform:uppercase;min-width:230px;text-align:center}
.timeline-event:nth-child(odd) .event-date{clip-path:polygon(0 0,100% 0,100% 100%,20px 100%)}
.timeline-event:nth-child(even) .event-date{clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%)}
.event-content h3{font-size:clamp(1.3rem,1.8vw,1.8rem);line-height:1.4;margin:0 0 18px;font-weight:500}
.event-description{font-size:1rem;line-height:1.8;color:#bfc0c3;margin-bottom:30px}
.event-image{overflow:hidden;background:#080808;aspect-ratio:16/10}
.event-image img{display:block;width:100%;height:100%;object-fit:cover}
.event-image-01 img{object-position:center 25%}
.event-image-02{aspect-ratio:16/8;background:#000}
.event-image-02 img{object-fit:contain}
.event-image-03 img{object-position:74% center}
.chronology-track{overflow:clip}
.timeline-event:nth-child(odd){--event-direction:1}
.timeline-event:nth-child(even){--event-direction:-1}
.event-content,.event-flag{opacity:var(--event-visibility,1);transform:translateX(calc(var(--event-direction,1) * var(--event-retreat,0px)));will-change:opacity,transform}
.timeline-event:focus-visible{outline:1px solid #ffffff65;outline-offset:8px}
.timeline-event:focus-visible .event-content,.timeline-event:focus-visible .event-flag{opacity:1;transform:none}
@media(max-width:700px){
 .chronology-heading{padding-block:95px 50px}
 .chronology-jump{top:76px}
 .chronology-jump label{padding:0 20px;font-size:.8rem}
 .chronology-select{padding:0 22px}
 .chronology-select select{min-width:145px;font-size:.9rem}
 .chronology-select:after{right:28px}
 .chronology-track{padding-top:90px}
 .chronology-track:before{left:0;top:35px}
 .timeline-event,.timeline-event:nth-child(odd),.timeline-event:nth-child(even){width:100%;align-self:stretch;text-align:left;padding:0 0 95px 24px;margin-top:0;min-height:0}
 .timeline-event .event-flag,.timeline-event:nth-child(odd) .event-flag,.timeline-event:nth-child(even) .event-flag{margin-left:-24px;width:calc(100% + 24px);justify-content:flex-start;margin-bottom:25px}
 .timeline-event:nth-child(odd) .event-date,.timeline-event:nth-child(even) .event-date{clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);padding:10px 28px;min-width:190px}
 .event-content h3{font-size:1.5rem}
 .event-description{font-size:.95rem}
 .event-image{aspect-ratio:4/3}
 .event-image-02{aspect-ratio:16/8}
 .cinematic-site .studio-chronology.chapter{padding-bottom:40px}
}
@media(max-width:700px){.timeline-event:nth-child(odd),.timeline-event:nth-child(even){--event-direction:-.5}}
@media(prefers-reduced-motion:reduce){.event-content,.event-flag{opacity:1;transform:none;will-change:auto}}