:root{--stage-night:#09151e;--stage-blue:#38a8ff;--stage-paper:#f4f6f7;--stage-muted:#b9cbd8;color-scheme:light}
@font-face{font-family:'New Amsterdam';src:url('assets/new-amsterdam.ttf') format('truetype');font-display:swap;font-weight:400}
body{background:var(--stage-paper);color:#122334;caret-color:#096bb9;scrollbar-color:#72899b #e7edf1}
::selection{background:#aedcff;color:#08131e}a{text-underline-offset:5px}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #39aaff;outline-offset:5px}
header{background:#09151ef5!important;border-bottom:1px solid #243744!important}.header-inner{min-height:82px}.header-inner nav a{font-size:14px}.brand small{letter-spacing:.08em}.header-call{border-radius:7px;background:#102838;padding:12px 18px}
.replacement-story,.replacement-sticky{background:var(--stage-night)}.replacement-story.scroll-enabled{height:800svh}
.replacement-sticky{grid-template-columns:minmax(250px, .9fr) minmax(0,2fr);grid-template-rows:minmax(0,1fr) auto auto auto auto;grid-template-areas:'intro visual' 'intro copy' 'acts acts' 'tools tools' 'note note';padding:110px max(24px,4vw) 14px;gap:12px 30px;min-height:660px;height:100svh;max-height:none;color:#f4f6f7}
.stage-intro{grid-area:intro;align-self:center;padding:0 0 25px;max-width:390px}.stage-intro h1{font-size:clamp(36px,3.5vw,58px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 22px;color:#f4f6f7}.stage-intro h1 span{color:var(--stage-blue)}.stage-intro>p{font-size:17px;line-height:1.6;color:#d9e5ed;max-width:34ch;margin:0 0 25px}.stage-actions{display:flex;gap:12px;flex-wrap:wrap}.stage-actions .button{font-size:14px;min-height:46px;padding:12px 17px;border-radius:7px;background:#086dc7;border:1px solid #369fed;color:#fff}.stage-actions .secondary{background:transparent;border-color:#648092}
.replacement-visual{grid-area:visual;inset:auto;width:100%;height:100%;min-height:180px;border-radius:9px 9px 0 0;background:#2d3336;align-self:stretch;transform:none!important}.film-canvas,.film-fallback{position:absolute;inset:0;width:100%;height:100%;min-width:0;max-width:100%;object-fit:contain;transform:none!important}
.story-copy,.story-copy[data-text-outgoing]{grid-area:copy;inset:auto;width:100%;max-width:none;align-self:stretch;min-height:145px;padding:16px 20px;border-radius:0 0 9px 9px;transform:none!important;background:#183243bd;box-shadow:none;border:1px solid #59788c;margin-top:-12px;backdrop-filter:blur(14px);overflow:hidden}.story-copy[data-text-outgoing]{background:transparent;border-color:transparent;backdrop-filter:none}.story-copy:after{background:#38a8ff;height:2px}.chapter-label{font-size:11px;margin:0 0 7px;gap:10px}.chapter-label #chapter-number{font-size:18px;font-variant-numeric:tabular-nums}.story-copy h2{font-size:20px;line-height:1.2;color:#f4f6f7;margin:0 0 7px;letter-spacing:0}.story-copy h2 br{display:none}.story-copy #chapter-description{font-size:13px!important;line-height:1.5;max-width:76ch;margin:0;color:#dbe6ed!important}.story-copy .story-component,.story-copy .text-link{display:none}
.act-nav{grid-area:acts;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid #385365;padding-top:16px;margin-top:8px}.act-nav button{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;text-align:left;gap:3px 12px;background:transparent;border:0;color:#edf3f7;padding:8px;cursor:pointer}.act-nav button>span{grid-row:1/3;border:1px solid #69869b;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-family:ACT,sans-serif;font-size:22px;font-variant-numeric:tabular-nums}.act-nav strong{font-size:14px;font-weight:600}.act-nav small{font-size:12px;color:#bdd0dd}.act-nav button[aria-current]>span{background:#0768b6;border-color:#78c3ff}.act-nav button:hover{background:#ffffff08}
.story-toolbar{grid-area:tools;display:flex;justify-content:space-between;gap:20px;position:relative;inset:auto;min-height:34px}.stage-details{position:relative}.stage-details>summary{cursor:pointer;color:#daebf5;font-size:13px;padding:8px 0}.chapter-nav{position:absolute;bottom:100%;left:0;z-index:8;display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));width:min(620px,84vw);padding:14px;background:#102635;box-shadow:0 18px 45px #0007;border-radius:10px;overflow:visible}.stage-details:not([open]) .chapter-nav{display:none}.chapter-nav button{font-size:12px;text-align:left;min-height:44px}.story-skip{font-size:13px}.concept-caption{font-size:11px!important;line-height:1.35;text-align:right;opacity:1;color:#b9cbd8!important}.film-quality{font-size:11px}.film-quality select{min-height:30px}
.section{padding-top:90px;padding-bottom:90px}.section-intro{gap:40px;margin-bottom:36px}.section-intro h2,.settings-grid h2{font-size:clamp(36px,4.2vw,62px);line-height:1.05;letter-spacing:-.02em;color:#0d2233}.section-intro p{font-size:17px;line-height:1.65;color:#455d70}.service-list{gap:0 40px}.service-card{border-top:1px solid #b9cbd7}.service-card summary{grid-template-columns:1fr 24px;padding:24px 0}.service-card h3{font-size:30px}.service-expanded{padding:0 0 28px}.service-expanded h4{font-size:21px;margin-bottom:14px;color:#1e527b}.service-expanded p,.service-expanded li{font-size:16px;line-height:1.65}.text-link,.people a{color:#075d9c}.settings-section{background:#e4edf2}.configuration-list summary{font-size:22px}.configuration-list p{line-height:1.7}.people article{border-top:1px solid #aac1d0;padding-top:25px}.people .eyebrow{font-size:13px;color:#456076}.brief-grid{gap:30px}.brief-number{font-size:13px;color:#456076}.project-cta{background:#0b2334;color:#f5f8fa;border:0}.project-cta h2{color:inherit}.project-cta p{color:#d1e0ea}footer{background:#08151f}.inner-page .page-head{background:#e4edf2}.inner-page .page-head h1{color:#102638}.inner-page input,.inner-page textarea,.inner-page select{border-radius:5px;font-size:16px}.inner-page .page-head h1 span{color:#146899}
@media(min-width:1600px){.replacement-sticky{padding-inline:max(4vw,calc((100vw - 1700px)/2))}.stage-intro h1{font-size:64px}}
@media(max-width:1000px){.replacement-sticky{grid-template-columns:minmax(215px,.85fr) minmax(0,1.6fr);gap:12px 20px;padding-inline:24px}.stage-intro h1{font-size:38px}.stage-intro>p{font-size:15px}.stage-actions .button{padding:10px 12px}.act-nav small{font-size:11px}.act-nav button{gap:3px 7px}.story-copy #chapter-description{font-size:12px!important}}
@media(max-width:760px){.replacement-sticky{grid-template-columns:1fr;grid-template-rows:auto minmax(160px,1fr) auto auto auto auto;grid-template-areas:'intro' 'visual' 'copy' 'acts' 'tools' 'note';padding:82px 16px 10px;gap:8px;min-height:730px;height:100svh}.stage-intro{padding:0;max-width:none;display:grid;grid-template-columns:1fr auto;gap:8px 12px}.stage-intro h1{font-size:25px;margin:0;max-width:25ch}.stage-intro>p{display:none}.stage-actions{align-content:center;gap:5px;flex-direction:column}.stage-actions .button{font-size:11px;min-height:36px;padding:8px 10px}.replacement-visual{min-height:160px;border-radius:8px 8px 0 0}.story-copy,.story-copy[data-text-outgoing]{min-height:156px;padding:12px 14px;margin-top:-8px;max-width:none}.story-copy h2{font-size:18px}.story-copy #chapter-description{font-size:12px!important;line-height:1.5}.chapter-label{margin-bottom:5px}.act-nav{gap:4px;padding-top:8px;margin:0}.act-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:4px 1px;min-height:60px}.act-nav button>span{width:27px;height:27px;font-size:16px}.act-nav strong{font-size:11px}.act-nav small{display:none}.story-toolbar{min-height:28px}.stage-details>summary,.story-skip{font-size:12px}.story-skip{display:inline-flex}.concept-caption{font-size:10px!important;text-align:left}.chapter-nav{grid-template-columns:repeat(2,minmax(100px,1fr));max-height:350px;overflow-y:auto;width:min(340px,90vw)}.film-quality{font-size:10px;top:7px;right:7px}.section{padding-block:58px}.section-intro{gap:20px}.service-list{grid-template-columns:1fr}.service-card h3{font-size:28px}.service-expanded{padding-left:0}.section-intro h2,.settings-grid h2{font-size:38px}}
@media(max-height:730px) and (min-width:761px){.replacement-sticky{padding-top:90px;min-height:560px;gap:7px 24px}.stage-intro h1{font-size:36px}.story-copy,.story-copy[data-text-outgoing]{min-height:123px;padding:10px 15px}.story-copy h2{font-size:18px}.story-copy #chapter-description{font-size:12px!important}.act-nav{padding-top:6px;margin-top:0}.act-nav button{padding:3px}.concept-caption{font-size:10px!important}}
@media(max-height:730px) and (max-width:760px){.replacement-sticky{position:sticky;top:calc(100svh - 730px)}}
@media(prefers-reduced-motion:reduce){.replacement-story,.replacement-story.scroll-enabled{height:auto}.replacement-sticky{height:auto;min-height:0;position:relative;top:0}.replacement-visual{aspect-ratio:16/9}.story-copy{transition:none}}
.act-artwork{display:block;width:min(100%,520px);height:auto;margin:0 0 32px;mix-blend-mode:multiply}
.stage-intro h1{font-family:'New Amsterdam',ACT,sans-serif;font-weight:400;letter-spacing:0;font-size:clamp(38px,3.6vw,58px)}.stage-intro h1 span{font-size:.8em;display:block}
@media(min-width:1001px){.story-copy,.story-copy[data-text-outgoing]{display:grid;grid-template-columns:85px 1fr;grid-template-rows:auto 1fr;gap:5px 16px;min-height:116px;padding:13px 18px;background:linear-gradient(120deg,#62829b66,#18324366);border-color:#688b9d88;box-shadow:inset 0 1px 0 #d4e9fa30}.story-copy .chapter-label{grid-column:1;grid-row:1/3;align-content:start;align-items:start;flex-wrap:wrap;padding-top:2px}.story-copy .chapter-line,.story-copy .chapter-label>span:last-child{display:none}.story-copy h2{grid-column:2;font-family:Arial,sans-serif;font-size:16px;font-weight:600;margin:0}.story-copy #chapter-description{grid-column:2;font-size:12px!important}.story-copy[data-text-outgoing]{background:transparent;box-shadow:none}}
.ui-arrow{width:16px;height:16px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7}.role-description{font-size:14px;line-height:1.5;color:#456076;margin:8px 0 18px}
@media(max-width:760px){.stage-intro h1{font-size:30px}.stage-intro h1 span{font-size:1em}}
@media(max-width:760px) and (max-height:730px){.stage-intro h1{font-size:23px}}
@media(max-width:1000px){.story-copy,.story-copy[data-text-outgoing]{min-height:0;padding:11px 14px;background:linear-gradient(120deg,#62829b66,#18324366);border-color:#688b9d88;box-shadow:inset 0 1px 0 #d4e9fa30}.story-copy[data-text-outgoing]{background:transparent;box-shadow:none}.story-copy h2{margin-bottom:5px}.story-copy #chapter-description{margin-bottom:0}}
@media(min-width:761px) and (max-width:1000px) and (orientation:portrait){.replacement-sticky{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto;grid-template-areas:'intro' 'visual' 'copy' 'acts' 'tools' 'note';align-content:center}.stage-intro{max-width:none;padding-bottom:12px;display:grid;grid-template-columns:1fr auto;gap:15px}.stage-intro h1{font-size:40px;margin:0}.stage-intro>p{grid-column:1;margin:0}.stage-actions{grid-column:2;grid-row:1/3;align-content:center;flex-direction:column}.replacement-visual{height:auto;aspect-ratio:16/9;min-height:0}}
@media(max-width:760px){.replacement-sticky{grid-template-rows:auto auto auto auto auto auto;align-content:center}.replacement-visual{height:auto;aspect-ratio:16/9;min-height:0}.stage-intro{display:block;padding-bottom:8px}.stage-intro h1{font-size:30px;margin-bottom:12px}.stage-actions{flex-direction:row}.stage-actions .button{font-size:12px;min-height:40px}.story-copy,.story-copy[data-text-outgoing]{min-height:166px}}
@media(max-width:760px) and (max-height:730px){.replacement-sticky{min-height:100svh;height:100svh;top:0;padding-top:78px;gap:5px;align-content:center}.stage-intro{padding:0}.stage-intro h1{font-size:23px;margin-bottom:7px}.stage-actions .button{font-size:11px;min-height:32px;padding:7px 10px}.story-copy,.story-copy[data-text-outgoing]{min-height:142px;padding:8px 11px}.story-copy h2{font-size:17px}.story-copy #chapter-description{font-size:11px!important}.chapter-label{font-size:10px}.act-nav button{min-height:47px;padding:2px}.act-nav button>span{width:23px;height:23px;font-size:14px}.concept-caption{font-size:9px!important}.stage-details>summary{padding:5px 0}.story-toolbar{min-height:25px}}
