/* Buyer clarity and progressive detail. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--header-height:100px}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
body{padding-top:var(--header-height)}
.site-header{position:fixed;inset:0 0 auto;width:100%;max-width:1800px;margin-inline:auto;height:var(--header-height);gap:28px;z-index:40;background:var(--paper);box-shadow:0 3px 16px #20271f08}
.site-header nav{margin-left:auto;gap:26px;font-size:13px}
.site-header nav>a{display:block;padding:14px 0}
.header-actions{display:flex;align-items:center;gap:12px}
.nav-toggle{display:none}
.button,.text-link{font-size:13px;min-height:44px}
.eyebrow{font-size:11px;letter-spacing:1.4px}
.hero-copy>p{font-size:17px;line-height:1.8;max-width:465px}
.hero-scale{font-size:11px;gap:12px}
.hero-scale span:not(:last-child):after{margin-left:12px}
.hero-bottom{font-size:10px}
.outcomes span{font-size:13px;line-height:1.6}
.section-heading>p{font-size:15px;max-width:360px}
.studio-instruction{font-size:10px;line-height:1.6}
.swipe-hint{display:none}
.object-number{font-size:11px}
.solution-detail{grid-template-areas:'copy visual' 'details visual';row-gap:24px;column-gap:48px}
.solution-detail>.solution-copy{grid-area:copy}
.solution-detail>.scene-panel{grid-area:visual;position:relative;top:auto}
.solution-copy>.eyebrow{font-size:11px}
.solution-copy>p{font-size:15px;max-width:440px}
.case-snapshot{display:grid;gap:18px;margin-top:26px}
.case-snapshot>div{padding-left:16px;border-left:2px solid #b9c4ac}
.case-snapshot>div+div{border-color:var(--accent)}
.case-snapshot span,.case-benefit>span,.case-connections>span,.case-control>span{font-size:10px;letter-spacing:1.2px;font-weight:750}
.case-snapshot span{color:#5b6850}
.case-snapshot>div+div>span{color:var(--accent)}
.case-snapshot p{font-size:14px;line-height:1.7;margin-top:5px}
.case-benefit{margin-top:22px;padding-top:18px}
.case-benefit>p{font-size:15px;line-height:1.7;margin-top:7px;max-width:440px}
.case-details{grid-area:details;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 0 2px}
details>summary{cursor:pointer;list-style:none;font-size:14px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:56px;padding:13px 0;outline-offset:5px}
details>summary::-webkit-details-marker{display:none}
details>summary>span{font-size:23px;font-weight:400;color:var(--accent);transition:transform .2s}
details[open]>summary>span{transform:rotate(45deg)}
details>summary:focus-visible{outline:3px solid #c35a35}
.case-details .transformation-copy{margin-top:15px;grid-template-columns:1fr;gap:26px}
.transformation-copy span{font-size:10px;color:#56634c}
.transformation-copy .after-copy>span{color:var(--accent)}
.case-details .transformation-copy li>b{font-size:14px}
.case-details .transformation-copy li>p{font-size:13px;line-height:1.7}
.case-connections{margin-top:25px}
.case-connections>p,.case-control>p{font-size:13px;line-height:1.7;margin-top:7px}
.case-control{margin:22px 0;padding:18px;background:#e6ebdf;border-radius:3px}
.scene-toolbar>span{font-size:10px;letter-spacing:1px}
.scene-switch button{font-size:12px;min-height:40px;padding:8px 13px}
.scene-caption>span{font-size:10px}
.scene-caption>p{font-size:13px;line-height:1.7}
.studio-foot p{font-size:14px}
.build-example{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:48px 7% 64px;border-top:1px solid var(--line);background:#e8ece1}
.build-example .eyebrow{margin-bottom:18px;color:#526347}
.build-example h2{font-size:clamp(32px,3.6vw,48px)}
.build-example p{font-size:15px;max-width:500px}
.build-label{display:block;font-size:12px;color:#57664e;margin:15px 0 8px}
.build-example .workspace-cta{margin-top:24px;min-height:64px;padding:17px 20px;font-size:15px;line-height:1.5;max-width:100%;gap:24px;background:#a73e23;color:#fff;box-shadow:0 5px 0 #82321f;transition:transform .2s,box-shadow .2s,background .2s}
.workspace-cta-arrow{display:grid;place-items:center;flex:0 0 32px;height:32px;border:1px solid #ffffff65;border-radius:50%;font-size:22px}
.build-example .workspace-cta:hover{background:#91351f;filter:none;transform:translateY(-2px);box-shadow:0 7px 0 #72301f}
.build-example .workspace-cta:active{transform:translateY(2px);box-shadow:0 2px 0 #82321f}
@media(max-width:540px){.build-example .workspace-cta{width:100%;font-size:14px;gap:18px;padding:16px}}
@media(prefers-reduced-motion:reduce){.build-example .workspace-cta{transition:none}}
.film-stories article>span,.film-stories b{font-size:11px}
.film-stories p{font-size:14px}
.film-meta{font-size:12px}
.discovery-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0;border:1px solid #bec9b1;border-radius:4px;overflow:hidden}
.discovery-card>*{min-width:0}
.discovery-intro{padding:40px;background:#dfe6d6;position:relative}
.discovery-intro h3{font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);font-weight:400;letter-spacing:-1.7px;line-height:1.1;margin:28px 0 20px}
.discovery-intro>p{font-size:16px;max-width:280px;line-height:1.7}
.scope-note{display:block;font-size:12px;color:#526149;line-height:1.7;max-width:300px;margin-top:38px}
.discovery-inputs{padding:38px 40px;background:#f0f1e9;display:grid;align-content:center;gap:24px}
.discovery-inputs>div+div{padding-top:24px;border-top:1px solid #cbd3bf}
.discovery-inputs span{font-size:11px;font-weight:750;letter-spacing:1px;color:#536647}
.discovery-inputs p{font-size:14px;line-height:1.8;margin-top:7px;max-width:550px}
.deliverables-heading{margin:42px 0 24px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.deliverables-heading>p{font-size:13px;color:var(--muted)}
.deliverables-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.deliverables-grid article{border-top:1px solid #bac6ad;padding:20px 0 6px}
.deliverable-number{font-family:Georgia,serif;font-style:italic;font-size:30px;color:var(--accent)}
.deliverables-grid h3{font-size:18px;font-weight:550;line-height:1.4;letter-spacing:-.5px;margin:18px 0 12px}
.deliverables-grid p{font-size:14px;line-height:1.75;color:var(--muted)}
.adoption-details{margin-top:36px;border-block:1px solid var(--line)}
.adoption-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 40px;padding:18px 0 30px}
.adoption-grid h3{font-size:17px;font-weight:600;margin-bottom:9px}
.adoption-grid p{font-size:14px;line-height:1.8;color:var(--muted)}
.engagement-note{margin-top:35px}
.engagement-note>span{font-size:11px;letter-spacing:1px}
.engagement-note>p{font-size:14px}
.closing-action>p{font-size:12px;line-height:1.8}
.footer-contact{max-width:390px}
.footer-contact p{font-size:12px;line-height:1.7}
.footer-contact .text-link{display:flex;width:max-content;padding:10px 0 5px}
.footer-contact small{display:block;line-height:1.6;font-size:11px}
dialog>p,dialog form>small,#brief-result>p{font-size:13px;line-height:1.7}
.film-corner{font-size:10px}
@media(max-width:1100px){
 .site-header{gap:18px}.site-header nav{gap:18px;font-size:12px}
 .site-header nav>a{display:block}.header-actions .button{gap:18px;padding:15px 18px}
 .solution-detail{column-gap:28px}.deliverables-grid{gap:20px}
}
@media(max-width:800px){
 :root{--header-height:82px}
 .site-header{height:var(--header-height);gap:12px;padding:0 5%;isolation:isolate}
 .brand>span{font-size:25px}
 .header-actions{margin-left:auto;gap:10px}.header-actions .button{font-size:11px;padding:13px 12px;gap:10px}
 .nav-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;background:transparent;padding:8px 3px;font-size:12px;font-weight:650}
 .nav-toggle i{font-style:normal;font-size:22px;font-weight:400}
 .site-header nav{display:none;position:absolute;inset:81px 0 auto;padding:16px 5% 24px;background:var(--paper);border-bottom:1px solid #a9b59b;box-shadow:0 14px 18px #26322214;z-index:15;margin:0}
 .site-header nav.is-open{display:grid;gap:0}.site-header nav>a{display:block;font-size:16px;padding:16px 0;border-bottom:1px solid var(--line)}
 .site-header nav>a:last-child{border:0}
 .hero-copy>p{font-size:16px;max-width:470px}.hero-scale{font-size:10px;gap:8px}.hero-scale span:not(:last-child):after{margin-left:8px}
 .section-heading>p{font-size:15px}.outcomes span{font-size:12px}
 .studio-count{display:none}.swipe-hint{display:flex;justify-content:space-between;font-size:12px;color:#5d6954;margin:15px 0 0}.swipe-hint>span{font-size:20px;line-height:1}
 .object-shelf{padding-top:17px}
 .solution-detail{grid-template-columns:1fr;grid-template-areas:'copy' 'visual' 'details';gap:28px;padding-top:30px}
 .solution-detail>.solution-copy{grid-row:auto}.solution-detail>.scene-panel{grid-row:auto}
 .solution-copy>p{font-size:15px;max-width:100%}.solution-copy h3{font-size:38px;margin:18px 0}
 .case-snapshot{grid-template-columns:1fr 1fr;gap:20px}.case-snapshot p{font-size:14px}
 .case-benefit>p{max-width:100%}.case-details .transformation-copy{grid-template-columns:1fr 1fr;gap:24px}
 .scene-toolbar>span{font-size:10px;max-width:50%}.scene-switch button{font-size:12px}
 .build-example{grid-template-columns:1fr;gap:25px;padding:42px 6%}.build-example p{font-size:15px}
 .film-stories p{font-size:14px}.film-meta{font-size:11px;gap:12px}
 .discovery-card{grid-template-columns:minmax(0,1fr)}
 .discovery-intro,.discovery-inputs{padding:28px}.discovery-intro h3{font-size:clamp(32px,6vw,42px)}
 .deliverables-heading{display:block}.deliverables-heading>p{margin-top:10px}
 .deliverables-grid{grid-template-columns:1fr 1fr;gap:26px}.deliverables-grid h3{font-size:18px}
 .engagement-note{gap:20px}.engagement-note>p{font-size:14px}
 .adoption-grid{gap:24px}
 .hero-bottom{font-size:9px}.art-control{min-height:40px;min-width:40px}
 .footer-contact{max-width:100%}.footer-contact p{font-size:12px}
}
@media(max-width:480px){
 .hero{min-height:920px}.hero-scale{flex-wrap:wrap;row-gap:6px;max-width:330px}
 .hero-copy>p{font-size:16px}.hero .actions{gap:17px}.hero .button,.hero .text-link{font-size:11px}
 .case-snapshot{grid-template-columns:1fr;gap:17px}.case-snapshot p{font-size:14px}
 .case-details .transformation-copy{grid-template-columns:1fr}
 .studio-instruction{font-size:10px}.scene-toolbar>span{font-size:9px;line-height:1.5}
 .scene-caption>span{font-size:10px}.scene-caption>p{font-size:13px}
 .graphic-eyebrow,.document-pair .graphic-eyebrow{font-size:10px;letter-spacing:.6px}
 .context-record>div{font-size:12px}.context-record>div b{max-width:52%;text-align:right}
 .human-gate b{font-size:12px}.human-gate small,.review-rule,.access-note{font-size:11px}
 .proposal-page>div{font-size:12px}.proposal-page small{font-size:11px}
 .platform-module p{font-size:12px}.platform-foundation{font-size:9px}
 .citation-line{font-size:11px}.citation-line small{font-size:10px}
 .discovery-intro,.discovery-inputs{padding:24px 20px}
 .discovery-intro h3{margin:20px 0 16px;letter-spacing:-1px}
 .discovery-intro>p{max-width:100%}.scope-note{margin-top:22px;max-width:100%}
 .deliverables-grid{grid-template-columns:minmax(0,1fr);gap:19px}
 .deliverables-grid article{display:grid;grid-template-columns:40px 1fr;column-gap:15px;padding-top:20px}
 .deliverable-number{grid-row:1 / 3}.deliverables-grid h3{margin:0 0 9px}.deliverables-grid p{grid-column:2}
 .adoption-grid{grid-template-columns:1fr;gap:25px}.adoption-details>summary{font-size:14px}
 .film-corner{display:none}.film-meta{flex-direction:column;align-items:flex-start;gap:6px}
 .footer-contact .text-link{font-size:13px}.closing-action>p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}details>summary>span{transition:none}}

/* The header now has only the wordmark and the brief action. */
.header-actions{margin-left:auto}
.hero-copy h1{margin-top:0}
.film-section #playback-message:empty{display:none}