@font-face{font-family:Cabinet;src:url('assets/cabinet-400.woff2?v=b2f4f3b8e4') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Cabinet;src:url('assets/cabinet-500.woff2?v=b39b4abd1d') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Cabinet;src:url('assets/cabinet-700.woff2?v=de85e187e0') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Cabinet;src:url('assets/cabinet-800.woff2?v=c29ab71289') format('woff2');font-weight:800;font-display:swap}@font-face{font-family:Cabinet;src:url('assets/cabinet-900.woff2?v=d77ca87676') format('woff2');font-weight:900;font-display:swap}@font-face{font-family:Inter Tight;src:url('assets/inter-tight-latin.woff2?v=4179443c53') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter Tight;src:url('assets/inter-tight-latin.woff2?v=4179443c53') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Inter Tight;src:url('assets/inter-tight-latin.woff2?v=4179443c53') format('woff2');font-weight:600;font-display:swap}

:root{--red:#e1251b;--white:#f2f0ec;--grey:#aaa8a3;--black:#090909;--studio:0;--brand:0;--progress:0;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--black);color:var(--white);font-family:'Inter Tight',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:5px}::selection{background:var(--red);color:white}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;left:20px;top:-100px;background:var(--red);padding:15px}.skip-link:focus{top:20px}
.site-header{height:94px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:20;background:linear-gradient(#090909e6,transparent);gap:25px}.wordmark{display:flex;align-items:center;gap:14px}.wordmark img{display:block;width:72px;height:auto}.brand-studio{font-size:11px;font-weight:600;letter-spacing:.14em}.header-nav{display:flex;gap:35px;font-size:13px;position:absolute;left:50%;transform:translateX(-50%);color:#aaa9a5}.header-nav a{display:flex;align-items:center;gap:10px;transition:color .2s}.header-nav a:hover{color:white}.nav-dot,.tiny-dot,.stage-meta i{width:5px;height:5px;border-radius:50%;background:var(--red);display:inline-block;flex-shrink:0}.inquiry-button{border:1px solid #52524d;background:transparent;padding:15px 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-size:13px;border-radius:2px;transition:background .2s,border-color .2s;text-align:left}.inquiry-button:hover{background:var(--red);border-color:var(--red)}.inquiry-button span{font-size:19px;line-height:14px}.header-cta{padding:13px 17px}
.experience{height:420svh;position:relative}.cinema{height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden;background:#090909;isolation:isolate}.studio-plate{position:absolute;inset:0;background:url('assets/studio.webp?v=75026a4600') center/cover no-repeat;opacity:var(--studio);z-index:-3;transform:scale(calc(1.035 - var(--studio)*.035))}.stage-light{position:absolute;inset:0;background:radial-gradient(ellipse 36% 58% at 67% 48%,#2913106b,transparent 85%);z-index:-2}.stage-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#090909 0%,#090909d9 20%,transparent 56%),linear-gradient(0deg,#090909 7%,transparent 33%,transparent 78%,#090909a0);z-index:-1;opacity:calc(1 - var(--studio)*.12)}.stage-meta{position:absolute;top:115px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:#aaa8a3}.stage-meta>span:first-child{display:flex;align-items:center;gap:10px}.edition{color:#999791}.frame-corner,.ghost-word,.side-note,.entity-caption,.scroll-prompt{display:none}#entity{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.chapter-copy{position:absolute;left:5%;top:29%;width:38%;z-index:3;will-change:opacity,transform}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.14em;font-weight:500;color:var(--red);margin-bottom:27px}.eyebrow-line{height:1px;width:24px;background:var(--red)}h1{font-family:Cabinet,sans-serif;font-size:clamp(64px,6.7vw,125px);font-weight:800;line-height:.96;letter-spacing:-.055em;margin:0 0 29px}h1 span{color:#9a9892}.chapter-copy p{font-size:clamp(13px,1.05vw,18px);line-height:1.65;color:#b0ada7;margin:0 0 28px}.hero-actions{display:flex;gap:27px;align-items:center}.begin-button{border:0;border-bottom:1px solid #68645e;padding:0 0 11px;background:none;font-size:12px;display:flex;gap:30px;align-items:center}.begin-button span{color:var(--red);font-size:19px}.begin-button:hover{border-color:var(--red)}.play-film{background:none;border:0;display:flex;align-items:center;gap:8px;color:#b5b0a7;font-size:12px;padding:0 0 11px;white-space:nowrap}.play-film:hover{color:white}.play-symbol{font-size:20px;color:var(--red)}.film-duration{font-family:monospace;font-size:10px;color:#98938b}.scene-cta{background:var(--red);border-color:var(--red);gap:22px;max-width:330px;font-size:13px}.scene-cta:hover{background:#b21d15}
body[data-chapter='1'] h1 span,body[data-chapter='2'] h1 span,body[data-chapter='5'] h1 span{color:var(--red)}body[data-chapter='3'] .chapter-copy,body[data-chapter='4'] .chapter-copy,body[data-chapter='5'] .chapter-copy{width:32%;top:30%}body[data-chapter='3'] h1,body[data-chapter='4'] h1,body[data-chapter='5'] h1{font-size:clamp(58px,5.3vw,102px)}body[data-chapter='4'] h1 span{color:var(--white)}
.code-console{position:absolute;left:5%;top:70%;font-family:monospace;font-size:11px;color:#c2beb5;line-height:1.8;z-index:3}.console-top{font-size:10px;letter-spacing:.04em;color:#928d85;margin-bottom:10px;display:flex;align-items:center;gap:8px}.code-line{display:flex;gap:5px;white-space:pre}.line-no{color:#8b847b;width:22px}.code-key{color:var(--red)}.code-string{color:#eee9df}.cursor{height:11px;width:4px;background:var(--red);display:inline-block;animation:blink 1.1s steps(1) infinite}
.brand-reveal{position:absolute;right:7%;top:36%;width:185px;opacity:var(--brand);pointer-events:none;z-index:3}.brand-reveal img{display:block;width:100%;height:auto;clip-path:inset(0 calc((1 - var(--brand))*100%) 0 0);transform:translateY(calc((1 - var(--brand))*12px))}.brand-reveal>span{font-family:Cabinet;font-size:15px;letter-spacing:.16em;display:block;margin-top:22px}.brand-reveal p{font-size:14px;line-height:1.6;color:#c2bbb1;margin-top:15px}
.film-transport{position:absolute;left:5%;bottom:145px;display:flex;align-items:center;gap:12px;font-family:monospace;font-size:11px;color:#a39d94;z-index:4}.film-transport button{background:none;border:0;padding:8px 4px;color:#b3aca0}.film-transport #transport-play{font-size:24px;line-height:20px;width:29px}.film-transport button:hover{color:var(--red)}.transport-separator{color:#777065}#film-time{color:#e2dbce}.film-transport #sound-toggle{font-family:'Inter Tight',sans-serif;display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.1em;margin-left:12px}#sound-toggle>span:first-child{font-size:14px}#sound-toggle[aria-pressed=true],.film-playing #transport-play{color:var(--red)}.chapter-footer{position:absolute;bottom:147px;right:4.5%;display:flex;align-items:center;gap:20px}.chapter-count{font-family:Cabinet;font-size:27px}.chapter-count b{font-weight:500}.chapter-count>span{font-size:13px;color:#9c958b}.chapter-footer-label{display:none}.chapter-footer>button{width:35px;height:35px;background:transparent;border:1px solid #514b43;border-radius:50%;font-size:17px}.chapter-footer>button:hover{border-color:var(--red)}
.chapter-nav{position:absolute;left:4.5%;right:4.5%;bottom:55px;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.chapter-nav button{background:none;border:0;border-top:1px solid #514b43;position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:16px 0;color:#a69e92;text-align:left;font-size:12px;transition:color .2s}.chapter-index{font-family:monospace;font-size:10px;color:#9e9485}.cue-time{margin-left:auto;font-family:monospace;font-size:9px;color:#a3998a}.chapter-nav button i{position:absolute;top:-1px;left:0;width:100%;height:2px;background:var(--red);transform:scaleX(var(--cue-progress,0));transform-origin:left}.chapter-nav button.active{color:white}.chapter-nav button.active .chapter-index{color:var(--red)}.chapter-nav button:hover{color:white}.marquee{position:absolute;bottom:0;left:0;width:100%;height:38px;overflow:hidden;border-top:1px solid #39332d;display:flex;align-items:center;background:#0b0b0b}.marquee-track{display:flex;align-items:center;gap:30px;width:max-content;animation:marquee 60s linear infinite;color:#b4a99a;font-size:10px;font-weight:500;letter-spacing:.1em;white-space:nowrap;will-change:transform}.marquee-track b{font-size:10px;font-weight:400;color:var(--red)}.marquee:hover .marquee-track{animation-play-state:paused}.chapter-anchors{position:absolute;inset:0;pointer-events:none;z-index:-5}.chapter-anchors>div{position:absolute;left:0;width:1px;height:1px}.chapter-anchors>div:nth-child(2){top:14.1%}.chapter-anchors>div:nth-child(3){top:28.2%}.chapter-anchors>div:nth-child(4){top:42.3%}.chapter-anchors>div:nth-child(5){top:56.4%}.chapter-anchors>div:nth-child(6){top:70.5%}
.studio-outro{padding:110px 6.1% 0;background:#efede6;color:#121211}.outro-kicker{font-size:9px;letter-spacing:.12em;display:flex;align-items:center;gap:8px}.outro-main{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-top:40px;padding-bottom:55px}.outro-main h2{font-family:Cabinet;font-size:clamp(48px,6vw,110px);font-weight:700;line-height:.98;letter-spacing:-.05em;margin:0}.outro-main h2 span{color:#8a8983}.outro-aside{max-width:280px}.outro-aside p{font-size:13px;line-height:1.7;color:#595951;margin:0 0 25px}.outro-aside .inquiry-button{border-color:#bdbcb4;width:100%}.services-row{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.05em;padding:25px 0;border-top:1px solid #c9c7bf;border-bottom:1px solid #c9c7bf}.studio-outro footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 0;font-size:8px;color:#626158;letter-spacing:.06em}.footer-brand{font-size:16px;font-weight:700;color:#121211;display:flex;align-items:center;gap:15px;letter-spacing:-.02em}.footer-brand>span{font-size:8px;font-weight:400;color:#6f6e65;letter-spacing:0}.back-top{background:none;border:0;font-size:8px;color:#626158}.back-top:hover{color:var(--red)}
dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100svh - 40px);background:#101010;color:var(--white);border:1px solid #363632;border-radius:8px;padding:46px;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.modal-close{position:absolute;right:20px;top:15px;background:none;border:0;font-size:27px;color:#777}.modal-close:hover{color:var(--red)}.modal-eyebrow{font-size:8px;letter-spacing:.16em;display:flex;gap:9px;align-items:center;margin-bottom:24px}dialog h2{font-family:Cabinet;font-size:43px;font-weight:700;letter-spacing:-.045em;line-height:1.03;margin:0 0 16px}dialog h2 span{color:var(--red)}.modal-intro{font-size:12px;line-height:1.6;color:#88877f;margin-bottom:30px}form{display:flex;flex-direction:column;gap:18px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#b4b2a9}input,select,textarea{width:100%;background:#181817;border:1px solid #32322d;border-radius:3px;padding:12px;color:var(--white);font-size:12px;resize:vertical}input::placeholder,textarea::placeholder{color:#66665e}input:focus,select:focus,textarea:focus{outline:1px solid var(--red);outline-offset:0}select{appearance:auto}.form-submit{background:var(--red);border-color:var(--red);margin-top:8px}.form-note{font-size:9px;line-height:1.7;color:#73736d;margin:0}.form-note a{color:#b8b6ad}#form-feedback{border-top:1px solid #33332f;padding-top:20px;font-size:12px;color:#aaa99f}#form-feedback button,#form-feedback a{background:none;border:1px solid #444;padding:10px;font-size:11px;margin-right:10px;border-radius:3px;display:inline-block}#prepared-brief{margin-top:12px;min-height:100px;font-size:10px}.no-script{position:fixed;bottom:0;left:0;right:0;padding:30px;background:#111;z-index:30}

@keyframes marquee{to{transform:translateX(-50%)}}@keyframes blink{50%{opacity:0}}
@media(min-width:1800px){.stage-meta{top:135px}.chapter-nav button{font-size:14px}.chapter-nav .cue-time{font-size:11px}.marquee-track{font-size:12px}.code-console{font-size:13px}.code-console .console-top{font-size:11px}.film-transport{font-size:13px}.brand-reveal{width:220px}}
@media(max-width:1100px){.film-duration{display:none}.hero-actions{gap:18px}.hero-actions button{font-size:11px}.chapter-nav .cue-time{display:none}.brand-reveal{right:5%;width:140px}.chapter-copy{width:41%}.chapter-nav button{font-size:11px}.header-nav{gap:25px}.outro-main{gap:40px}.studio-outro footer>span{display:none}}
@media(max-height:760px) and (min-width:901px){.site-header{height:75px}.stage-meta{top:90px;font-size:9px}.chapter-copy{top:27%}.eyebrow{margin-bottom:20px}h1{font-size:clamp(60px,6.4vw,102px);margin-bottom:22px}.chapter-copy p{font-size:13px;margin-bottom:22px}.code-console{top:auto;bottom:160px;font-size:10px}.code-console .console-top,.code-console .code-line:nth-child(n+3){display:none}.film-transport{bottom:108px;font-size:10px}.chapter-footer{bottom:113px}.chapter-nav{bottom:42px}.chapter-nav button{padding:14px 0;font-size:10px}.cue-time{font-size:8px}.marquee{height:30px}.marquee-track{font-size:9px}}
@media(max-width:900px){
.site-header{height:72px;padding:0 6%;gap:15px}.wordmark img{width:54px}.brand-studio{font-size:9px}.wordmark{gap:9px}.header-nav{display:none}.header-cta{font-size:11px;padding:11px 12px;gap:12px}.experience{height:400svh}.cinema{min-height:100svh}.stage-meta{top:90px;left:6%;right:6%;font-size:8px;letter-spacing:.06em}.edition{display:none}.stage-light{background:radial-gradient(ellipse 60% 43% at 50% 62%,#25120d80,transparent)}.stage-vignette{background:linear-gradient(180deg,#090909e8 0%,#090909db 36%,#09090930 62%,#09090980 85%,#090909 100%)}
.chapter-copy,body[data-chapter='3'] .chapter-copy,body[data-chapter='4'] .chapter-copy,body[data-chapter='5'] .chapter-copy{top:17%;left:7%;width:86%}.eyebrow{font-size:10px;margin-bottom:17px;gap:9px}h1,body[data-chapter='3'] h1,body[data-chapter='4'] h1,body[data-chapter='5'] h1{font-size:clamp(44px,12.5vw,68px);line-height:.95;margin-bottom:17px}.chapter-copy p{font-size:12px;line-height:1.5;margin-bottom:20px}.hero-actions{gap:24px}.hero-actions button{font-size:11px}.begin-button{gap:14px;padding-bottom:9px}.play-film{padding-bottom:9px;gap:6px}.play-symbol{font-size:18px}.scene-cta{font-size:11px;padding:12px 14px;gap:15px}.code-console{display:block;left:7%;top:46%;font-size:9px;line-height:1.5}.code-console .console-top,.code-console .code-line:nth-child(n+3){display:none}.brand-reveal{right:6%;top:56%;width:76px}.brand-reveal>span{font-size:10px;margin-top:13px;letter-spacing:.08em}.brand-reveal p{font-size:10px;line-height:1.5;margin-top:8px}.film-transport{left:7%;bottom:116px;font-size:10px;gap:7px}.film-transport #sound-toggle{font-size:8px;margin-left:5px;gap:5px}.film-transport #transport-play{font-size:22px;width:26px}.chapter-footer{right:7%;bottom:120px;gap:10px}.chapter-count{font-size:23px}.chapter-count>span{font-size:11px}.chapter-footer>button{width:30px;height:30px;font-size:15px}.chapter-nav{left:6%;right:6%;bottom:42px;gap:9px}.chapter-nav button{font-size:9px;display:flex;flex-direction:column;align-items:start;gap:5px;padding:12px 0;white-space:normal;line-height:1.2}.chapter-index{font-size:9px}.chapter-nav .cue-time{display:none}.marquee{height:29px}.marquee-track{font-size:9px;gap:24px}.studio-outro{padding:65px 7% 0}.outro-main{flex-direction:column;align-items:start;gap:28px;margin-top:27px;padding-bottom:35px}.outro-main h2{font-size:clamp(44px,11vw,70px)}.outro-aside{max-width:100%;width:100%}.outro-aside p{font-size:14px;max-width:330px}.outro-aside .inquiry-button{width:auto;gap:45px}.services-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:9px;line-height:1.5}.studio-outro footer{flex-wrap:wrap;gap:24px;padding:30px 0;font-size:10px}.footer-brand{font-size:16px;gap:10px}.back-top{font-size:10px}dialog{padding:34px 25px}dialog h2{font-size:35px}.form-pair{gap:12px}.modal-intro{font-size:13px}
}
@media(max-width:900px) and (max-height:710px){.stage-meta{top:80px;font-size:7px}.chapter-copy,body[data-chapter='3'] .chapter-copy,body[data-chapter='4'] .chapter-copy,body[data-chapter='5'] .chapter-copy{top:17%}.eyebrow{font-size:9px;margin-bottom:13px}h1,body[data-chapter='3'] h1,body[data-chapter='4'] h1,body[data-chapter='5'] h1{font-size:42px;margin-bottom:13px}.chapter-copy p{font-size:11px;margin-bottom:14px}.hero-actions{gap:18px}.hero-actions button{font-size:10px}.scene-cta{font-size:10px;padding:10px 12px}.film-transport{bottom:101px;font-size:9px}.chapter-footer{bottom:107px}.chapter-nav{bottom:35px}.chapter-nav button{font-size:8px;padding:9px 0;gap:4px}.chapter-index{font-size:8px}.marquee{height:26px}.brand-reveal{width:66px;top:53%}.brand-reveal p{font-size:9px}.brand-reveal>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.marquee-track{transform:none}.studio-plate{transform:none}.cursor{opacity:1}.play-film,#transport-play{display:none}}

@media(max-height:620px) and (min-width:901px){.code-console{display:none}}

@media(max-width:900px) and (max-height:710px){.code-console{top:49%;font-size:8px}body[data-chapter='5'] .eyebrow{margin-bottom:10px}body[data-chapter='5'] h1{font-size:38px;margin-bottom:10px}body[data-chapter='5'] .chapter-copy p{font-size:10px;line-height:1.4;margin-bottom:10px}}

.play-symbol svg{width:16px;height:16px;display:block}.film-transport #transport-play svg{width:21px;height:21px;display:block}#sound-toggle svg{width:17px;height:17px;display:block}
