@import url("/redesign/css/style.css");

:root{--grid-columns:12;--page-scrim:linear-gradient(180deg,rgba(3,7,12,.48),rgba(3,7,12,.82));--panel:rgba(8,15,24,.48);--architectural-accent:#d0ad78;--type-hero:clamp(2.75rem,5vw,4.4rem);--type-section:clamp(2rem,3.8vw,3.7rem);--type-card:clamp(1.2rem,1.8vw,1.55rem)}
html{background:#05080d;scrollbar-color:var(--architectural-accent) var(--ink);scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{border:2px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#ead6b3,var(--architectural-accent))}::-webkit-scrollbar-thumb:hover{background:#f5e7cf}body[data-cinematic-page]{min-height:100svh;background:transparent;color:var(--white);overflow-x:hidden}
body[data-cinematic-page] .page-film{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;background:#05080d url("/redesign/img/stoic-partners-strategy-room.png") center/cover no-repeat}
body[data-cinematic-page] .page-film video{width:100%;height:100%;object-fit:cover;object-position:center;background:rgba(5,8,13,.2)}
body[data-cinematic-page] .page-scrim{position:fixed;inset:0;z-index:1;pointer-events:none;background:var(--page-scrim)}
body[data-cinematic-page] .site-nav,body[data-cinematic-page] .mobile-panel,body[data-cinematic-page] main,body[data-cinematic-page] .site-footer{position:relative;z-index:2}
body[data-cinematic-page] .site-nav,body[data-cinematic-page] .mobile-panel{position:fixed}
.page-shell{min-height:100svh;padding:clamp(150px,18vh,220px) 0 clamp(96px,12vw,160px)}
.page-shell-compact{padding-top:clamp(140px,16vh,190px)}
.page-intro{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:20px;margin-bottom:clamp(56px,7vw,92px)}
.page-intro .eyebrow{grid-column:1/-1}.page-intro h1{grid-column:1/9;margin:0;font:400 clamp(3.25rem,7vw,7.3rem)/.92 var(--font-display);letter-spacing:-.06em;text-wrap:balance}.page-intro .lede{grid-column:9/-1;align-self:end;max-width:43ch;margin:0 0 8px;color:rgba(247,251,255,.78);font-size:clamp(1rem,1.35vw,1.15rem)}
.page-actions{grid-column:9/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.content-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;perspective:1400px}.content-card{grid-column:span 4;min-height:310px;padding:28px;display:grid;grid-template-rows:auto 1fr auto;border-radius:24px;color:var(--white)}.content-card-wide{grid-column:span 6}.content-card-full{grid-column:1/-1;min-height:auto}.content-card .index,.route-step::before{color:var(--ice);font:600 10px var(--font-body);letter-spacing:.18em}.content-card h2{align-self:end;margin:44px 0 14px;font-size:clamp(1.65rem,2.5vw,2.5rem);font-weight:500;line-height:1.05;letter-spacing:-.04em}.content-card p{margin:0;color:var(--silver);max-width:50ch}.content-card a{position:relative;z-index:2}
.route{counter-reset:route;display:grid;gap:12px;margin:0;padding:0;list-style:none}.route-step{counter-increment:route;display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;align-items:center;min-height:126px;padding:24px 28px;border-radius:22px}.route-step::before{content:counter(route,decimal-leading-zero)}.route-step h2{margin:0 0 7px;font-size:clamp(1.35rem,2.5vw,2.1rem);font-weight:500}.route-step p{margin:0;color:var(--silver)}
.status-chip{display:inline-flex;width:max-content;padding:7px 10px;border:1px solid rgba(159,255,199,.25);border-radius:999px;color:#baffd4;background:rgba(77,181,119,.08);font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.status-chip-muted{border-color:var(--line);color:var(--silver);background:rgba(255,255,255,.035)}
.reading-panel{max-width:900px;padding:clamp(28px,5vw,64px);border-radius:28px}.reading-panel h2{margin:42px 0 14px;font-size:1.65rem}.reading-panel p,.reading-panel li{color:rgba(247,251,255,.78);font-size:1rem}.reading-panel a{color:var(--ice)}
.empty-state{min-height:360px;padding:clamp(32px,6vw,72px);display:grid;align-content:end;border-radius:28px}.empty-state h2{max-width:16ch;margin:0 0 16px;font-size:clamp(2rem,4vw,4.4rem);font-weight:400;line-height:1}.empty-state p{max-width:52ch;color:var(--silver)}
.contact-layout{display:grid;grid-template-columns:5fr 7fr;gap:16px}.contact-card,.form-panel{padding:clamp(26px,4vw,48px);border-radius:26px}.contact-card{display:flex;flex-direction:column;justify-content:space-between;min-height:520px}.contact-card a{display:block;color:var(--white);font-size:clamp(1.05rem,2vw,1.4rem);text-decoration:none}.contact-card .contact-meta{display:grid;gap:14px}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.form label{margin-top:8px;color:rgba(247,251,255,.78);font-size:12px;font-weight:600}.form label,.form input,.form select,.form textarea,.form button,.form #form-status{grid-column:1/-1}.form input,.form select,.form textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(3,8,14,.55);color:var(--white);font:inherit}.form textarea{min-height:140px;resize:vertical}.form button{margin-top:12px}.form .err{color:#ffb4b4}.form .ok{color:#baffd4}.form-note{margin-top:22px;color:var(--silver-dim);font-size:.82rem}
body[data-cinematic-page] .film-dock{position:fixed;right:22px;bottom:22px;z-index:30}.film-control{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:rgba(6,11,18,.55);color:var(--white);font:600 10px var(--font-body);letter-spacing:.08em;backdrop-filter:blur(18px);cursor:pointer}
.cinematic-footer{background:rgba(2,5,9,.84);backdrop-filter:blur(18px)}.footer-brand{color:var(--white);font-weight:600}.footer-contact{display:flex;flex-wrap:wrap;gap:14px 28px}.footer-links{display:flex;flex-wrap:wrap;gap:14px 24px}
body[data-cinematic-page] :focus-visible{outline:2px solid var(--ice);outline-offset:4px}
.glass-panel,body[data-cinematic-page] .card,body[data-cinematic-page] .panel,body[data-cinematic-page] .form{background:var(--panel);border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.07),0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
body[data-cinematic-page] .site-header{position:fixed;top:16px;left:0;right:0;z-index:40;pointer-events:none}body[data-cinematic-page] .site-header .nav{min-height:64px;padding:0 12px 0 18px;display:flex;align-items:center;gap:28px;border:1px solid var(--line);border-radius:18px;background:rgba(6,10,16,.34);box-shadow:inset 0 1px rgba(255,255,255,.07),0 20px 50px rgba(0,0,0,.12);backdrop-filter:blur(20px) saturate(135%);pointer-events:auto}body[data-cinematic-page] .site-header .brand{color:var(--white);text-decoration:none;font:600 12px var(--font-body);letter-spacing:.18em}body[data-cinematic-page] .site-header .nav-links{display:flex;gap:22px;margin-left:auto}body[data-cinematic-page] .site-header .nav-links a{color:rgba(247,251,255,.74);text-decoration:none;font-size:12px}body[data-cinematic-page] .site-header .nav-links a[aria-current=page]{color:var(--white)}body[data-cinematic-page] .site-header .cta{margin-left:10px}
.nav-toggle{min-width:44px;min-height:44px}
body[data-cinematic-page] main>.wrap{min-height:100svh;padding-top:clamp(160px,19vh,220px);padding-bottom:clamp(90px,12vw,150px)}body[data-cinematic-page] main>.wrap>.eyebrow{display:block;color:var(--ice);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}body[data-cinematic-page] main>.wrap>h1{max-width:1000px;margin:20px 0 34px;font:400 clamp(3.1rem,7vw,7.1rem)/.93 var(--font-display);letter-spacing:-.06em;text-wrap:balance}body[data-cinematic-page] main>.wrap>.lede,body[data-cinematic-page] main>.wrap>p{max-width:72ch;color:rgba(247,251,255,.78)}body[data-cinematic-page] .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin:52px 0 0;padding:0;list-style:none}body[data-cinematic-page] .grid>.card{grid-column:span 4;min-height:280px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:24px}body[data-cinematic-page] .grid>.card h2{margin:0 0 14px;font-size:clamp(1.55rem,2.5vw,2.4rem);font-weight:500;line-height:1.05;letter-spacing:-.04em}body[data-cinematic-page] .grid>.card p{margin:0;color:var(--silver)}body[data-cinematic-page] .status{align-self:flex-start;margin:0 auto auto 0!important;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--ice)!important;font-size:10px!important;letter-spacing:.13em;text-transform:uppercase}
body[data-cinematic-page] .cta{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;text-decoration:none;font-size:13px;font-weight:600}.cta-primary{color:var(--ink);background:var(--white)}.cta-secondary{color:var(--white);border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.045)}
body[data-cinematic-page] .site-footer{padding:42px 0;color:var(--silver-dim);background:rgba(2,5,9,.84);border-top:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px);font-size:11px}body[data-cinematic-page] .site-footer .wrap{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}body[data-cinematic-page] .site-footer p{margin:0}body[data-cinematic-page] .site-footer a{color:var(--silver);text-decoration:none}

/* Inner-page environments: the homepage alone retains the moving film. */
.page-environment{--environment-position:center;position:fixed;inset:0;z-index:0;pointer-events:none;background-position:var(--environment-position,center);background-size:cover;background-repeat:no-repeat;transform:scale(1.015)}
.page-environment::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,6,10,.86) 0,rgba(3,6,10,.56) 38%,rgba(3,6,10,.14) 72%),linear-gradient(180deg,rgba(3,6,10,.2),rgba(3,6,10,.78))}
body[data-cinematic-page="services"] .page-environment{--environment-position:58% center;background-image:url("/redesign/img/stoic-services-strategic-systems.jpg")}
body[data-cinematic-page="how-we-work"] .page-environment{--environment-position:62% center;background-image:url("/redesign/img/stoic-how-we-work-disciplined-path.jpg")}
body[data-cinematic-page="work"] .page-environment{--environment-position:64% center;background-image:url("/redesign/img/stoic-work-built-evidence.jpg")}
body[data-cinematic-page="products"] .page-environment{--environment-position:65% center;background-image:url("/redesign/img/stoic-products-made-real.jpg")}
body[data-cinematic-page="about"] .page-environment{--environment-position:61% center;background-image:url("/redesign/img/stoic-about-foundation.jpg")}
body[data-cinematic-page="contact"] .page-environment{--environment-position:68% center;background-image:url("/redesign/img/stoic-contact-conversation.jpg")}
body[data-cinematic-page="insights"] .page-environment{--environment-position:64% center;background-image:url("/redesign/img/stoic-insights-written-discipline.jpg")}
body[data-cinematic-page="privacy"] .page-environment{--environment-position:70% center;background-image:url("/redesign/img/stoic-privacy-boundary.jpg")}
body[data-cinematic-page="accessibility"] .page-environment{--environment-position:74% center;background-image:url("/redesign/img/stoic-how-we-work-disciplined-path.jpg")}
body[data-cinematic-page="404"] .page-environment{--environment-position:86% center;background-image:url("/redesign/img/stoic-how-we-work-disciplined-path.jpg")}
.page-progress{position:fixed;left:0;top:0;z-index:60;width:100%;height:2px;background:rgba(255,255,255,.06);pointer-events:none}.page-progress span{display:block;width:var(--page-progress,0%);height:100%;background:linear-gradient(90deg,var(--ice),#d8bd7b);box-shadow:0 0 18px rgba(216,231,241,.5);transition:width .15s linear}
body[data-cinematic-page] .card{transition:transform .45s ease,border-color .45s ease,background-color .45s ease,opacity .45s ease}body[data-cinematic-page] .card.is-current{border-color:rgba(216,189,123,.62);background-color:rgba(12,22,32,.7);box-shadow:0 32px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.1)}
.search-trigger{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:var(--white);cursor:pointer}.site-search{position:fixed;inset:0;z-index:100;display:none;place-items:start center;padding:12vh 20px 30px;background:rgba(2,6,10,.78);backdrop-filter:blur(24px)}.site-search.is-open{display:grid}.site-search-panel{width:min(760px,100%);padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:rgba(8,15,24,.94);box-shadow:0 40px 120px rgba(0,0,0,.55)}.site-search-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.site-search-head h2{margin:0;font-size:1.3rem}.search-close{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--white);font-size:1.5rem;cursor:pointer}.site-search input{width:100%;min-height:56px;padding:0 18px;border:1px solid var(--line);border-radius:14px;background:#050a10;color:var(--white);font:inherit}.search-results{display:grid;gap:8px;margin-top:14px;max-height:52vh;overflow:auto}.search-result{display:block;padding:15px 16px;border:1px solid transparent;border-radius:12px;color:var(--white);text-decoration:none}.search-result:hover,.search-result:focus-visible{border-color:var(--line);background:rgba(255,255,255,.05)}.search-result b{display:block;margin-bottom:4px}.search-result span{color:var(--silver);font-size:.88rem}
.social-reserve{display:flex;align-items:center;gap:12px}.social-reserve span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--silver)}.social-reserve small{color:var(--silver-dim)}
body[data-cinematic-page] .grid>.card,body[data-cinematic-page] .service-card,body[data-cinematic-page] .portfolio-card,body[data-cinematic-page] .site-search-panel{min-width:0;max-width:100%;overflow-wrap:anywhere}body[data-cinematic-page] img,body[data-cinematic-page] video{max-width:100%}

/* Executive dossier composition: long-form service chapters, not equal tiles. */
body[data-cinematic-page="services"] .grid{counter-reset:dossier;gap:0;margin-top:86px}
body[data-cinematic-page="services"] .grid>.card{counter-increment:dossier;grid-column:1/-1;min-height:340px;padding:54px 6vw 54px 25%;display:grid;align-content:center;border-width:1px 0 0;border-radius:0;background:linear-gradient(90deg,rgba(8,15,24,.18),rgba(8,15,24,.7) 28%,rgba(8,15,24,.38));position:relative}
body[data-cinematic-page="services"] .grid>.card::before{content:"0" counter(dossier);position:absolute;left:4%;top:50%;transform:translateY(-50%);font:300 clamp(4rem,10vw,9rem)/1 var(--font-display);color:rgba(216,231,241,.16)}
body[data-cinematic-page="services"] .grid>.card:nth-child(even){padding-left:8%;padding-right:25%;background:linear-gradient(270deg,rgba(8,15,24,.18),rgba(8,15,24,.7) 28%,rgba(8,15,24,.38))}
body[data-cinematic-page="services"] .grid>.card:nth-child(even)::before{left:auto;right:5%}
body[data-cinematic-page="services"] .grid>.card h2{font-size:clamp(2.5rem,5vw,5.3rem);max-width:12ch}body[data-cinematic-page="services"] .grid>.card p{max-width:68ch;font-size:1.05rem;line-height:1.75}

/* Connected route-spine: alternating editorial chapters reveal sequence. */
body[data-cinematic-page="how-we-work"] .grid{counter-reset:route-spine;display:block;position:relative;max-width:1120px;margin:90px auto 0}
body[data-cinematic-page="how-we-work"] .grid::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--ice) 9%,rgba(216,231,241,.26) 90%,transparent)}
body[data-cinematic-page="how-we-work"] .grid>.card{counter-increment:route-spine;width:calc(50% - 54px);min-height:300px;margin:0 0 72px;padding:42px;border-radius:4px 28px 28px 28px;position:relative;justify-content:center}
body[data-cinematic-page="how-we-work"] .grid>.card:nth-child(even){margin-left:calc(50% + 54px);border-radius:28px 4px 28px 28px}
body[data-cinematic-page="how-we-work"] .grid>.card::after{content:"0" counter(route-spine);position:absolute;top:32px;right:-82px;color:var(--ice);font:600 11px var(--font-body);letter-spacing:.16em}
body[data-cinematic-page="how-we-work"] .grid>.card:nth-child(even)::after{right:auto;left:-82px}
body[data-cinematic-page="how-we-work"] .grid>.card p{line-height:1.7}

/* Editorial project-records: each project reads as a full evidence record. */
body[data-cinematic-page="work"] .grid{counter-reset:project-record;display:block;margin-top:84px}
body[data-cinematic-page="work"] .grid>.card{counter-increment:project-record;min-height:330px;margin:0 0 18px;padding:48px 7%;display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:54px;align-items:center;border-radius:10px;background:linear-gradient(110deg,rgba(8,15,24,.72),rgba(8,15,24,.3))}
body[data-cinematic-page="work"] .grid>.card::before{content:"0" counter(project-record);grid-row:1/3;font:300 clamp(4rem,8vw,8rem)/1 var(--font-display);color:rgba(216,231,241,.18)}
body[data-cinematic-page="work"] .grid>.card .status{grid-column:2}body[data-cinematic-page="work"] .grid>.card h2,body[data-cinematic-page="work"] .grid>.card p{grid-column:2}body[data-cinematic-page="work"] .grid>.card h2{font-size:clamp(2.6rem,5vw,5rem)}body[data-cinematic-page="work"] .grid>.card p{font-size:1.04rem;line-height:1.7;max-width:70ch}
@media(max-width:1000px){.page-intro h1{grid-column:1/-1}.page-intro .lede,.page-actions{grid-column:1/9}.content-card{grid-column:span 6}.contact-layout{grid-template-columns:1fr}}
@media(max-width:900px){body[data-cinematic-page] .site-header .nav-links,body[data-cinematic-page] .site-header>.wrap>.cta{display:none}body[data-cinematic-page] .site-header .nav{justify-content:space-between}body[data-cinematic-page] .grid>.card{grid-column:span 6}}
@media(max-width:760px){.page-shell{padding-top:120px}.page-intro{display:block}.page-intro h1{font-size:clamp(3rem,14vw,4.6rem)}.page-intro .lede{margin-top:24px}.page-actions{margin-top:24px}.content-grid{display:block}.content-card{min-height:250px;margin-bottom:12px}.route-step{grid-template-columns:48px 1fr;padding:20px}.contact-card{min-height:340px}.form{display:block}.form label{display:block;margin:14px 0 6px}.form input,.form select,.form textarea,.form button{display:block;width:100%}.film-dock{right:12px;bottom:12px}body[data-cinematic-page] .site-header{top:10px}body[data-cinematic-page] .site-header .nav{min-height:58px;margin-inline:16px;border-radius:16px}body[data-cinematic-page] main>.wrap{padding-top:130px}body[data-cinematic-page] main>.wrap>h1{font-size:clamp(3rem,14vw,4.5rem)}body[data-cinematic-page] .grid{display:block}body[data-cinematic-page] .grid>.card{min-height:240px;margin-bottom:12px}body[data-cinematic-page] .site-footer .wrap{display:grid}body[data-cinematic-page="services"] .grid>.card,body[data-cinematic-page="services"] .grid>.card:nth-child(even){padding:110px 24px 34px}body[data-cinematic-page="services"] .grid>.card::before,body[data-cinematic-page="services"] .grid>.card:nth-child(even)::before{top:28px;left:24px;right:auto;transform:none;font-size:4rem}body[data-cinematic-page="how-we-work"] .grid::before{left:15px}body[data-cinematic-page="how-we-work"] .grid>.card,body[data-cinematic-page="how-we-work"] .grid>.card:nth-child(even){width:auto;margin:0 0 28px 36px}body[data-cinematic-page="how-we-work"] .grid>.card::after,body[data-cinematic-page="how-we-work"] .grid>.card:nth-child(even)::after{left:-34px;right:auto;top:24px}body[data-cinematic-page="work"] .grid>.card{display:block;padding:34px 24px}body[data-cinematic-page="work"] .grid>.card::before{display:block;margin-bottom:24px}}
@media(max-width:420px){body[data-cinematic-page] .site-header .nav{margin-inline:8px;padding-inline:12px;gap:8px}body[data-cinematic-page] .site-header .brand{max-width:145px;font-size:10px;line-height:1.25}.search-trigger{flex:0 0 44px}body[data-cinematic-page] main>.wrap{padding-inline:16px}body[data-cinematic-page] main>.wrap>h1{font-size:clamp(2.55rem,13vw,3.5rem)}body[data-cinematic-page] .grid>.card{padding-inline:20px}.site-search{padding:80px 10px 20px}.site-search-panel{padding:16px;border-radius:18px}.social-reserve{flex-wrap:wrap}}
@media(orientation:portrait){body[data-cinematic-page] .page-film{background-position:center}body[data-cinematic-page] .page-film video{object-fit:cover;object-position:center}.page-environment{background-position:center top}}
@media(prefers-reduced-motion:reduce){body[data-cinematic-page] .page-film video{display:none}body[data-cinematic-page] .page-film{background:#05080d url("/redesign/img/stoic-partners-strategy-room.png") center/cover no-repeat}.depth-card,.depth-card:hover,.reveal{transform:none!important;transition:none!important}.reveal{opacity:1}.film-dock{display:none}}

/* Premium architectural inner-page system — approved Grok visual collection. */
:root{--architectural-gold:#d0ad78;--architectural-line:rgba(225,198,155,.24);--architectural-panel:rgba(4,8,13,.68);--architectural-panel-solid:rgba(5,9,14,.88)}
body[data-cinematic-page]:not([data-cinematic-page="home"]){background:#04070b}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .page-scrim{display:none}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .page-environment{filter:saturate(.9) contrast(1.04);transition:transform .9s var(--ease),filter .9s var(--ease)}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .site-header .nav{border-color:var(--architectural-line);background:linear-gradient(90deg,rgba(4,7,11,.82),rgba(8,12,17,.55));box-shadow:inset 0 1px rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(24px) saturate(115%)}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .site-header .brand{color:#fff8ed}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .site-header .nav-links a{position:relative;color:rgba(247,242,232,.7);padding-block:22px}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .site-header .nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:14px;height:1px;background:var(--architectural-gold);transition:right .35s var(--ease)}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .site-header .nav-links a:hover::after,body[data-cinematic-page]:not([data-cinematic-page="home"]) .site-header .nav-links a[aria-current=page]::after{right:0}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .search-trigger{border-color:var(--architectural-line);background:rgba(255,255,255,.035)}
body[data-cinematic-page]:not([data-cinematic-page="home"]) main>.wrap{position:relative;width:min(1320px,calc(100% - 64px));padding-top:clamp(150px,17vh,190px);padding-bottom:clamp(110px,14vw,180px)}
body[data-cinematic-page]:not([data-cinematic-page="home"]) main>.wrap::before{content:"";position:absolute;left:-20px;top:clamp(150px,17vh,190px);width:1px;height:clamp(120px,18vw,220px);background:linear-gradient(var(--architectural-gold),transparent);box-shadow:0 0 28px rgba(208,173,120,.3)}
body[data-cinematic-page]:not([data-cinematic-page="home"]) main>.wrap>.eyebrow{margin-bottom:22px;color:var(--architectural-gold);letter-spacing:.26em}
body[data-cinematic-page]:not([data-cinematic-page="home"]) main>.wrap>h1{max-width:11.5ch;margin:0 0 32px;color:#fffaf2;font-size:clamp(3rem,6.1vw,6.5rem);font-weight:400;line-height:.92;letter-spacing:-.055em;text-shadow:0 8px 44px rgba(0,0,0,.5)}
body[data-cinematic-page]:not([data-cinematic-page="home"]) main>.wrap>.lede{max-width:58ch;margin:0 0 28px;color:rgba(255,250,242,.84);font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.72}
body[data-cinematic-page]:not([data-cinematic-page="home"]) main>.wrap>p:not(.eyebrow):not(.lede){max-width:74ch;margin:18px 0 0;padding-left:20px;border-left:1px solid var(--architectural-line);color:rgba(241,235,224,.76);font-size:1rem;line-height:1.75}
body[data-cinematic-page]:not([data-cinematic-page="home"]) main>.wrap>p a{color:#fff7e9;text-underline-offset:4px}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .glass-panel,body[data-cinematic-page]:not([data-cinematic-page="home"]) .card,body[data-cinematic-page]:not([data-cinematic-page="home"]) .panel,body[data-cinematic-page]:not([data-cinematic-page="home"]) .form{border-color:var(--architectural-line);background:linear-gradient(135deg,rgba(8,12,17,.78),rgba(8,12,17,.48));box-shadow:inset 0 1px rgba(255,255,255,.06),0 30px 100px rgba(0,0,0,.32);backdrop-filter:blur(20px) saturate(105%)}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .card.is-current{border-color:rgba(223,191,141,.66);background:linear-gradient(135deg,rgba(12,17,23,.86),rgba(8,12,17,.56));box-shadow:0 34px 100px rgba(0,0,0,.42),inset 3px 0 var(--architectural-gold)}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .cta-primary{color:#0b0b0c;background:linear-gradient(135deg,#fffaf0,#d8bd91)}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .cta-secondary{border-color:var(--architectural-line);background:rgba(255,255,255,.035)}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .site-footer{position:relative;background:rgba(3,5,8,.9);border-top-color:var(--architectural-line)}
body[data-cinematic-page]:not([data-cinematic-page="home"]) .page-progress span{background:linear-gradient(90deg,#8d6e46,var(--architectural-gold),#f3dfbc)}

/* Services: an executive dossier aligned to the systems table. */
body[data-cinematic-page="services"] .grid{max-width:1100px;margin-left:auto}
body[data-cinematic-page="services"] .grid>.card{min-height:300px;border-color:var(--architectural-line);background:linear-gradient(90deg,rgba(4,8,13,.22),rgba(4,8,13,.84) 28%,rgba(4,8,13,.62));backdrop-filter:blur(15px)}
body[data-cinematic-page="services"] .grid>.card:nth-child(even){background:linear-gradient(270deg,rgba(4,8,13,.2),rgba(4,8,13,.84) 28%,rgba(4,8,13,.62))}
body[data-cinematic-page="services"] .grid>.card::before{color:rgba(208,173,120,.3)}
body[data-cinematic-page="services"] .grid>.card h2{color:#fff8ec}

/* Method: an illuminated route through the corridor. */
body[data-cinematic-page="how-we-work"] .grid::before{width:2px;background:linear-gradient(transparent,var(--architectural-gold) 9%,rgba(208,173,120,.28) 90%,transparent);box-shadow:0 0 25px rgba(208,173,120,.18)}
body[data-cinematic-page="how-we-work"] .grid>.card{border-radius:2px 28px 28px 28px;background:linear-gradient(135deg,rgba(5,9,14,.86),rgba(9,14,20,.58))}
body[data-cinematic-page="how-we-work"] .grid>.card:nth-child(even){border-radius:28px 2px 28px 28px}
body[data-cinematic-page="how-we-work"] .grid>.card::after{color:var(--architectural-gold)}

/* Portfolio: staggered evidence shelves rather than tiles. */
body[data-cinematic-page="work"] .grid{max-width:1180px;margin-left:auto}
body[data-cinematic-page="work"] .grid>.card{border-width:0 0 0 1px;border-radius:0;background:linear-gradient(100deg,rgba(5,9,14,.9),rgba(5,9,14,.5) 68%,transparent)}
body[data-cinematic-page="work"] .grid>.card::before{color:rgba(208,173,120,.28)}
body[data-cinematic-page="work"] .grid>.card:nth-child(2){margin-left:7%}body[data-cinematic-page="work"] .grid>.card:nth-child(3){margin-left:14%}

/* Contact: a private consultation dossier set against the prepared room. */
body[data-cinematic-page="contact"] main>.wrap{display:grid;grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);column-gap:clamp(40px,7vw,110px);align-items:start}
body[data-cinematic-page="contact"] main>.wrap>.eyebrow,body[data-cinematic-page="contact"] main>.wrap>h1,body[data-cinematic-page="contact"] main>.wrap>.lede,body[data-cinematic-page="contact"] main>.wrap>p{grid-column:1}
body[data-cinematic-page="contact"] main>.wrap>.form{grid-column:2;grid-row:1/7;margin:0;padding:clamp(28px,4vw,52px);border-radius:4px 28px 28px 28px;background:linear-gradient(145deg,rgba(4,8,13,.9),rgba(8,13,19,.68))}
body[data-cinematic-page="contact"] .form input,body[data-cinematic-page="contact"] .form select,body[data-cinematic-page="contact"] .form textarea{border-color:var(--architectural-line);background:rgba(1,4,8,.58)}

/* Editorial and utility pages use a single reading plane, not stacks of boxes. */
body:is([data-cinematic-page="about"],[data-cinematic-page="insights"],[data-cinematic-page="privacy"],[data-cinematic-page="accessibility"],[data-cinematic-page="404"]) main>.wrap{max-width:1320px}
body:is([data-cinematic-page="about"],[data-cinematic-page="insights"],[data-cinematic-page="privacy"],[data-cinematic-page="accessibility"],[data-cinematic-page="404"]) main>.wrap>h1,body:is([data-cinematic-page="about"],[data-cinematic-page="insights"],[data-cinematic-page="privacy"],[data-cinematic-page="accessibility"],[data-cinematic-page="404"]) main>.wrap>p{position:relative;z-index:1}
body:is([data-cinematic-page="about"],[data-cinematic-page="insights"],[data-cinematic-page="privacy"],[data-cinematic-page="accessibility"],[data-cinematic-page="404"]) main>.wrap::after{content:"";position:absolute;z-index:0;left:-4vw;top:110px;bottom:70px;width:min(800px,72vw);border:1px solid var(--architectural-line);border-width:1px 1px 1px 0;background:linear-gradient(100deg,rgba(3,7,11,.9),rgba(3,7,11,.62) 70%,rgba(3,7,11,.12));backdrop-filter:blur(12px);pointer-events:none}
body[data-cinematic-page="products"] main>.wrap>.card{max-width:820px;margin-top:62px;padding:clamp(34px,5vw,68px);border-radius:4px 34px 34px 34px;background:linear-gradient(135deg,rgba(4,8,13,.9),rgba(8,13,19,.56))}
body[data-cinematic-page="products"] main>.wrap>.card h2{font-size:clamp(2.25rem,4vw,4.25rem);font-weight:400;line-height:1.04}

/* Homepage: restrained editorial type and a genuinely interactive operating model. */
body[data-cinematic-page="home"] .hero h1{max-width:12ch;font-size:var(--type-hero);line-height:.96;letter-spacing:-.045em}
body[data-cinematic-page="home"] :is(.section-heading,.portfolio-intro,.strategy-copy)>h2{font-size:var(--type-section);line-height:1.02;letter-spacing:-.035em}
body[data-cinematic-page="home"] :is(.service-card,.portfolio-card) h3{font-size:var(--type-card);line-height:1.12;letter-spacing:-.018em}
.strategy-lab{position:relative;isolation:isolate;padding:clamp(90px,12vw,170px) 0;background:radial-gradient(circle at 72% 42%,rgba(208,173,120,.1),transparent 34%),linear-gradient(180deg,#05080c,#080c11 52%,#05080c);overflow:hidden}
.strategy-lab::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(208,173,120,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(208,173,120,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 80%,transparent)}
.strategy-lab-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(520px,1.2fr);gap:clamp(42px,7vw,110px);align-items:start}
.strategy-copy>p{max-width:60ch;color:rgba(244,239,230,.72);line-height:1.75}
.strategy-controls{display:grid;gap:8px;margin:34px 0 24px}
.strategy-control{display:grid;grid-template-columns:42px 1fr;gap:2px 14px;align-items:center;width:100%;min-height:76px;padding:14px 18px;border:1px solid rgba(225,198,155,.14);border-radius:3px 16px 16px 3px;color:rgba(247,241,231,.68);text-align:left;background:linear-gradient(110deg,rgba(255,255,255,.025),rgba(255,255,255,.012));cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease,color .25s ease}
.strategy-control>span{grid-row:1/3;color:rgba(208,173,120,.58);font:600 .72rem/1 monospace;letter-spacing:.12em}.strategy-control b{font-size:.96rem;font-weight:600;letter-spacing:.02em}.strategy-control small{font-size:.78rem;color:inherit;opacity:.72}
.strategy-control:hover{transform:translateX(4px);border-color:rgba(225,198,155,.36);color:#fffaf1}.strategy-control[aria-pressed="true"]{border-color:rgba(235,205,158,.58);color:#fffaf1;background:linear-gradient(110deg,rgba(208,173,120,.15),rgba(255,255,255,.035));box-shadow:inset 3px 0 #d0ad78,0 18px 54px rgba(0,0,0,.24)}
.strategy-control:focus-visible,#strategy-model:focus-visible{outline:2px solid #f0d6aa;outline-offset:4px}
.strategy-description{min-height:52px;margin:0;padding-left:16px;border-left:1px solid rgba(208,173,120,.48);font-size:.9rem!important}
.strategy-stage{position:relative;min-width:0;padding:14px;border:1px solid rgba(238,214,175,.3);border-radius:4px 30px 30px 30px;background:linear-gradient(145deg,rgba(19,25,32,.72),rgba(3,7,11,.82));box-shadow:inset 0 1px rgba(255,255,255,.12),inset 20px 0 80px rgba(255,255,255,.018),0 50px 140px rgba(0,0,0,.58),0 0 90px rgba(208,173,120,.07);backdrop-filter:blur(26px) saturate(112%);overflow:hidden}
.strategy-stage::before{content:"";position:absolute;inset:1px 12% auto 3%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.65),transparent);pointer-events:none}
.strategy-stage-label,.strategy-stage-footer{display:flex;justify-content:space-between;gap:16px;padding:5px 8px 13px;color:rgba(247,241,231,.52);font:600 .66rem/1.4 monospace;letter-spacing:.12em;text-transform:uppercase}
.strategy-stage-footer{padding:12px 8px 5px}.strategy-stage-footer i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#d0ad78;box-shadow:0 0 14px #d0ad78}
.city-viewport{position:relative;isolation:isolate}#strategy-model{display:block;width:100%;aspect-ratio:16/11;border:1px solid rgba(225,198,155,.13);border-radius:2px 20px 20px 20px;background:radial-gradient(circle at 50% 45%,rgba(24,33,43,.76),rgba(2,5,8,.96));touch-action:none;cursor:grab}#strategy-model:active{cursor:grabbing}

@media(max-width:960px){.strategy-lab-grid{grid-template-columns:1fr}.strategy-copy{max-width:720px}.strategy-stage{max-width:820px;width:100%;margin:auto}}
@media(max-width:600px){body[data-cinematic-page="home"] .hero h1{font-size:clamp(2.65rem,12vw,3.35rem)}body[data-cinematic-page="home"] :is(.section-heading,.portfolio-intro,.strategy-copy)>h2{font-size:clamp(2rem,9vw,2.8rem)}.strategy-lab{padding:82px 0}.strategy-lab-grid{width:min(100% - 28px,1320px)}.strategy-stage{padding:9px;border-radius:3px 20px 20px 20px}.strategy-stage-label,.strategy-stage-footer{font-size:.58rem;letter-spacing:.06em}.strategy-control{min-height:72px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.strategy-control{transition:none}.strategy-control:hover{transform:none}}
.blueprint{margin-top:34px}.blueprint-intro{padding-top:26px;border-top:1px solid rgba(225,198,155,.18)}.blueprint-intro>span,.blueprint-result>span,.blueprint-contact>span{color:#d0ad78;font:600 .7rem/1.3 monospace;letter-spacing:.13em;text-transform:uppercase}.blueprint-intro h3,.blueprint-result h3{margin:10px 0 12px;font-size:clamp(1.5rem,2.4vw,2.25rem);line-height:1.08}.blueprint-intro .btn{margin-top:12px;border:0}.blueprint-progress{display:grid;gap:10px;margin-bottom:24px;color:rgba(247,241,231,.68);font:600 .72rem/1.2 monospace;letter-spacing:.1em;text-transform:uppercase}.blueprint-progress i{height:2px;background:rgba(255,255,255,.1)}.blueprint-progress b{display:block;height:100%;background:linear-gradient(90deg,#8d6e46,#f0d6aa);transition:width .3s ease}.blueprint-flow fieldset{display:grid;gap:8px;margin:0;padding:0;border:0}.blueprint-flow legend{max-width:22ch;margin-bottom:20px;color:#fffaf1;font-size:clamp(1.35rem,2.3vw,2rem);font-weight:500;line-height:1.12}.blueprint-flow fieldset button,.blueprint-nav button{min-height:48px;padding:12px 16px;border:1px solid rgba(225,198,155,.18);border-radius:3px 14px 14px 3px;color:rgba(255,250,241,.82);text-align:left;background:rgba(255,255,255,.025);cursor:pointer}.blueprint-flow fieldset button:hover,.blueprint-flow fieldset button:focus-visible{border-color:#d0ad78;background:rgba(208,173,120,.12);outline:0}.blueprint-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.blueprint-nav button{min-width:100px;text-align:center}.blueprint-nav button:disabled{opacity:.35}.blueprint-result{padding:26px;border:1px solid rgba(225,198,155,.26);border-radius:3px 20px 20px 20px;background:rgba(255,255,255,.035)}.blueprint-result h4{margin:22px 0 8px}.blueprint-result ul{display:grid;gap:6px;padding-left:20px}.blueprint-result small{display:block;margin-top:16px;color:rgba(255,250,241,.58)}.blueprint-result>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.blueprint-contact{position:relative;grid-column:1;max-width:620px;margin:28px 0;padding:24px;border:1px solid rgba(225,198,155,.35);background:rgba(5,9,14,.72);backdrop-filter:blur(18px)}.blueprint-contact button{position:absolute;top:10px;right:12px;min-width:44px;min-height:44px;border:0;color:#fff;background:transparent;font-size:1.4rem;cursor:pointer}.blueprint-contact h2{margin:10px 0;font-size:1.55rem}.blueprint-contact p{margin:0!important;padding:0!important;border:0!important}
@media(max-width:600px){.blueprint-result{padding:22px 18px}.blueprint-result>div{display:grid}.blueprint-result .btn{width:100%;justify-content:center}}
.experience-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:34px 0 24px;padding:5px;border:1px solid rgba(225,198,155,.18);border-radius:18px;background:rgba(1,5,9,.46)}
.city-builder-heading{margin:18px 8px 0;padding:24px 0 0;border-top:1px solid rgba(225,198,155,.18)}.city-builder-heading span{display:block;color:#f0d6aa;font:600 .72rem/1.3 monospace;letter-spacing:.13em;text-transform:uppercase}.city-builder-heading p{max-width:58ch;margin:9px 0 0;color:rgba(255,250,241,.66);font-size:.86rem;line-height:1.6}.strategy-stage>.experience-switcher,.strategy-stage>.experience-panel{margin-inline:8px}.strategy-stage>.experience-panel{padding-bottom:10px}
.experience-switcher button{min-height:48px;padding:10px 8px;border:1px solid transparent;border-radius:13px;color:rgba(255,250,241,.62);background:transparent;font:600 .72rem/1.25 monospace;letter-spacing:.04em;cursor:pointer}
.experience-switcher button[aria-selected="true"]{border-color:rgba(225,198,155,.36);color:#fffaf1;background:linear-gradient(135deg,rgba(208,173,120,.2),rgba(255,255,255,.04));box-shadow:0 12px 32px rgba(0,0,0,.24)}
.experience-panel[hidden]{display:none}.assessment-intro{padding-top:26px;border-top:1px solid rgba(225,198,155,.18)}.assessment-intro>span,.assessment-result>span{color:#d0ad78;font:600 .7rem/1.3 monospace;letter-spacing:.13em;text-transform:uppercase}.assessment-intro h3,.assessment-result h3{margin:10px 0 12px;font-size:clamp(1.5rem,2.4vw,2.25rem);line-height:1.08}.assessment-intro .btn{margin-top:12px;border:0}
.assessment-progress{display:grid;gap:10px;margin-bottom:24px;color:rgba(247,241,231,.68);font:600 .72rem/1.2 monospace;letter-spacing:.1em;text-transform:uppercase}.assessment-progress i{height:2px;background:rgba(255,255,255,.1)}.assessment-progress b{display:block;height:100%;background:linear-gradient(90deg,#8d6e46,#f0d6aa)}
.assessment-shell fieldset{display:grid;gap:10px;margin:0 0 24px;padding:0;border:0}.assessment-shell legend{max-width:28ch;margin-bottom:14px;color:#fffaf1;font-size:clamp(1.12rem,1.8vw,1.45rem);font-weight:500;line-height:1.25}.assessment-shell fieldset>button,.assessment-nav button{min-height:48px;padding:12px 16px;border:1px solid rgba(225,198,155,.18);border-radius:3px 14px 14px 3px;color:rgba(255,250,241,.82);text-align:left;background:rgba(255,255,255,.025);cursor:pointer}.assessment-shell fieldset>button:hover,.assessment-shell fieldset>button:focus-visible,.assessment-nav button:focus-visible{border-color:#d0ad78;background:rgba(208,173,120,.12);outline:0}
.rating-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.rating-scale label{position:relative;display:grid;place-items:center;min-height:48px;padding:8px 4px;border:1px solid rgba(225,198,155,.16);border-radius:10px;cursor:pointer}.rating-scale input{position:absolute;opacity:0}.rating-scale label:has(input:checked){border-color:#d0ad78;color:#fffaf1;background:rgba(208,173,120,.16);box-shadow:inset 0 0 22px rgba(208,173,120,.08)}.rating-scale label:has(input:focus-visible){outline:2px solid #f0d6aa;outline-offset:2px}.rating-scale span{font-size:.68rem;text-align:center}
.assessment-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.assessment-nav button{min-width:112px;text-align:center}.assessment-nav button:disabled{opacity:.35}.assessment-error{margin-top:16px;color:#ffd39c}.assessment-result{padding:26px;border:1px solid rgba(225,198,155,.28);border-radius:3px 22px 22px 22px;background:linear-gradient(145deg,rgba(208,173,120,.08),rgba(255,255,255,.025))}.result-metrics{display:grid;gap:1px;margin:24px 0;background:rgba(225,198,155,.12)}.result-metrics div{padding:14px;background:#0a0f15}.result-metrics dt{color:#d0ad78;font:600 .67rem/1.3 monospace;letter-spacing:.1em;text-transform:uppercase}.result-metrics dd{margin:5px 0 0;color:rgba(255,250,241,.84)}.assessment-result small{display:block;margin-top:18px;color:rgba(255,250,241,.58);line-height:1.6}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.availability{display:inline-flex;margin:4px 0 10px;padding:7px 10px;border:1px solid rgba(225,198,155,.36);border-radius:999px;color:#f0d6aa;font:600 .68rem/1 monospace;letter-spacing:.08em;text-transform:uppercase}
.city-toolbar{position:absolute;z-index:2;right:14px;bottom:14px;display:flex;gap:5px;padding:5px;border:1px solid rgba(225,198,155,.18);border-radius:12px;background:rgba(4,8,12,.72);backdrop-filter:blur(12px)}.city-toolbar button{min-width:44px;min-height:44px;padding:8px 11px;border:1px solid rgba(225,198,155,.16);border-radius:8px;color:#fffaf1;background:rgba(255,255,255,.04);cursor:pointer}.city-toolbar button:hover,.city-toolbar button:focus-visible{border-color:#d0ad78;background:rgba(208,173,120,.14);outline:0}.city-status{min-height:44px;margin:10px 8px 4px!important;color:rgba(255,250,241,.72)!important;font-size:.78rem!important;line-height:1.5!important}.city-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px}.city-legend span{padding:6px 8px;border-left:1px solid rgba(208,173,120,.32);color:rgba(255,250,241,.52);font:600 .58rem/1.3 monospace;text-transform:uppercase}
@media(max-width:600px){.experience-switcher{grid-template-columns:1fr}.experience-switcher button{min-height:46px}.rating-scale{grid-template-columns:1fr}.rating-scale label{justify-items:start;padding-left:14px}.city-toolbar{right:9px;bottom:9px}.city-legend{grid-template-columns:repeat(2,1fr)}.assessment-result{padding:22px 18px}.result-actions{display:grid}.result-actions .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.experience-switcher button,.assessment-shell button{transition:none}}

@media(max-width:1000px){body[data-cinematic-page="contact"] main>.wrap{display:block}body[data-cinematic-page="contact"] main>.wrap>.form{margin-top:48px}body[data-cinematic-page="work"] .grid>.card:nth-child(2),body[data-cinematic-page="work"] .grid>.card:nth-child(3){margin-left:0}}
@media(max-width:760px){body[data-cinematic-page]:not([data-cinematic-page="home"]) .page-environment::after{background:linear-gradient(180deg,rgba(3,6,10,.5),rgba(3,6,10,.76) 42%,rgba(3,6,10,.94))}body[data-cinematic-page]:not([data-cinematic-page="home"]) main>.wrap{width:min(100% - 32px,1320px);padding-top:128px}body[data-cinematic-page]:not([data-cinematic-page="home"]) main>.wrap::before{left:0;top:124px;height:90px}body[data-cinematic-page]:not([data-cinematic-page="home"]) main>.wrap>h1{font-size:clamp(2.35rem,11vw,3.45rem);max-width:15ch}body[data-cinematic-page]:not([data-cinematic-page="home"]) main>.wrap>p:not(.eyebrow):not(.lede){padding-left:14px}body[data-cinematic-page="services"] .grid{margin-top:58px}body[data-cinematic-page="contact"] main>.wrap>.form{padding:24px 20px;border-radius:3px 22px 22px 22px}body:is([data-cinematic-page="about"],[data-cinematic-page="insights"],[data-cinematic-page="privacy"],[data-cinematic-page="accessibility"],[data-cinematic-page="404"]) main>.wrap::after{display:none}body[data-cinematic-page="products"] main>.wrap>.card{padding:30px 22px}.page-environment{--environment-position:68% top}}
@media(max-width:420px){body[data-cinematic-page]:not([data-cinematic-page="home"]) main>.wrap{width:min(100% - 24px,1320px)}body[data-cinematic-page]:not([data-cinematic-page="home"]) main>.wrap>h1{font-size:clamp(2.45rem,12vw,3.35rem)}}