/* Surgical shared refinements; original typography, spacing and tokens remain. */
html{scrollbar-width:thin;scrollbar-color:var(--fg) var(--bg)}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--fg);border:2px solid var(--bg);border-radius:8px}
.header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom-color:transparent;transition:background-color 300ms ease,border-color 300ms ease,backdrop-filter 300ms ease;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}
.header.scrolled{background:color-mix(in srgb,var(--bg) 84%,transparent);border-bottom-color:color-mix(in srgb,var(--line) 65%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.header nav{gap:24px}.header nav a{position:relative;padding:10px 0;transition:opacity 200ms ease}
.header nav a[aria-current=page]:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;opacity:.65}
.mobile-menu{position:fixed;z-index:99;max-height:calc(100dvh - 90px);overflow:auto;background:color-mix(in srgb,var(--bg) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.mobile-menu:not([hidden]){animation:menu-appear 220ms var(--ease-out)}
.mobile-menu a[aria-current=page]{color:var(--muted)}
@keyframes menu-appear{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.art-card{padding:0;display:block;border-color:color-mix(in srgb,var(--fg) 15%,transparent);background:var(--panel)}
.art-card>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter 500ms var(--ease-out),transform 500ms var(--ease-out)}
.hero-art a:focus-visible{outline:2px solid var(--fg);outline-offset:6px}
.service{overflow:hidden}.service-arrow{transition:transform 360ms var(--ease-out)}
.service[data-expanded=false] .service-arrow{transform:rotate(90deg)}.service[data-expanded=true] .service-arrow{transform:rotate(0)}
.final-cta .final-arrow{pointer-events:none}.final-bottom{position:relative;z-index:2}.final-bottom .contact{pointer-events:auto;position:relative}
.footer-socials{display:flex;align-items:center;gap:22px}.footer-socials a{display:grid;place-items:center;min-width:32px;min-height:44px;transition:opacity 200ms ease,transform 160ms var(--ease-out)}
.footer-socials a:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.art-card:hover>img,.art-card:focus-visible>img{filter:grayscale(0);transform:scale(1.015)}.footer-socials a:hover{opacity:.55}.header nav a:hover{opacity:.65}::-webkit-scrollbar-thumb:hover{background:var(--muted)}}
@media(pointer:coarse){.art-card>img{filter:grayscale(1)}}
@media(max-width:1100px){.header-caption{display:none}.header nav{margin-left:auto}.header{gap:24px}}
@media(max-width:950px){.header nav,.header-contact{display:none}.header-actions{margin-left:auto}.menu-toggle{display:flex;align-items:center;gap:12px;font-size:11px;padding:10px 0}.menu-toggle span{font-size:20px;transition:transform 200ms var(--ease-out)}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}}
@media(max-width:760px){html{scroll-padding-top:calc(91px + env(safe-area-inset-top,0px))}.header{height:calc(75px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.mobile-menu{top:calc(75px + env(safe-area-inset-top,0px));max-height:calc(100dvh - 75px - env(safe-area-inset-top,0px))}.footer-socials{margin-left:auto}.footer-top>.text-link{flex-basis:auto}.hero-kicker>:last-child{position:relative;z-index:3}.hero-art{right:5%}}
@media(prefers-reduced-motion:reduce){.mobile-menu:not([hidden]){animation:none}.art-card>img{transition:filter 150ms ease;transform:none!important}.header{transition:background-color 150ms ease,border-color 150ms ease}}
/* Hero: 10% more presence. Separate scroll and hover layers avoid transform conflicts. */
.hero-art{width:297px;height:385px;top:-75px}.hero-art .art-slot{position:absolute;inset:0 auto auto 0;width:258px;height:330px;transform-origin:50% 85%}
.art-slot-back{transform:translate(34px,-30px) rotate(14deg)}.art-slot-middle{transform:translate(-10px,-15px) rotate(-10deg)}.art-slot-front{transform:translate(8px,20px) rotate(5deg)}
.hero-art .art-card{width:258px;height:330px;transform:translate(0,0) rotate(0);transition:transform 300ms var(--ease-out)}.hero-art .art-note{top:374px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-art:hover .art-back{transform:translate(16px,-12px) rotate(4deg)}.hero-art:hover .art-middle{transform:translate(-24px,-8px) rotate(-5deg)}.hero-art:hover .art-front{transform:translate(8px,6px) rotate(3deg)}}
.hero-art:focus-within .art-card{transition:none}.hero-art:focus-within .art-back{transform:translate(16px,-12px) rotate(4deg)}.hero-art:focus-within .art-middle{transform:translate(-24px,-8px) rotate(-5deg)}.hero-art:focus-within .art-front{transform:translate(8px,6px) rotate(3deg)}
@media(max-width:1050px){.hero-art{width:242px;top:-55px}}
@media(max-width:760px){.hero-art{top:-195px}}
@media(prefers-reduced-motion:reduce){.hero-art .art-card{transition:none}}

/* Approved mobile-only hero corrections; desktop composition is unchanged. */
@media(max-width:760px){
 .hero-stage{margin-top:260px;text-align:center}
 .hero-art{width:297px;left:50%;right:auto;top:-230px;transform:translateX(-50%) scale(.62);transform-origin:top center}
 .hero h1,.hero-small-heading{text-align:center}
 .hero-small-heading{margin-left:0}
 .hero-copy{text-align:center}.hero-copy .button-row{justify-content:center}
 .hero-art .art-card>img{filter:grayscale(1)}
}
.flow-intro{display:block;margin-bottom:16px;color:var(--fg)}
.flow-intro>.eyebrow{display:block;margin-bottom:7px}
.flow-intro>span:last-child{display:block}
/* A restrained editing workspace, using the original video panel palette. */
.video-visual{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px}
.video-visual>small{position:static;align-self:flex-start}
.edit-workspace{width:100%;max-width:420px;background:#202020;border:1px solid #555;color:#c4c4c0;overflow:hidden;aspect-ratio:1.65;display:flex;flex-direction:column;box-shadow:0 4px 14px #00000014}
.edit-toolbar{height:8%;min-height:12px;display:flex;align-items:center;gap:4px;padding:0 7px;border-bottom:1px solid #454545;background:#292929}
.edit-toolbar>i{width:3px;height:3px;background:#8a8a87}.edit-toolbar>span{height:2px;width:23%;margin-left:8px;background:#686866}
.edit-panels{height:48%;display:grid;grid-template-columns:23% 1fr 6%;gap:3px;padding:4px;border-bottom:1px solid #555}
.edit-bin{background:#2b2b2b;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:4px;padding:7px 5px}.edit-bin>i{aspect-ratio:1.3;background:#62625e;border-bottom:3px solid #41413f}.edit-bin>i:nth-child(2n){background:#91918b}
.edit-monitor{background:#151515;min-height:0;display:grid;grid-template-rows:1fr 13%;padding:5px 8px;gap:4px}
.edit-frame{width:75%;height:100%;margin:auto;background:#a4a49d;position:relative;overflow:hidden}
.edit-frame>span{position:absolute;inset:16% 12%;border:1px solid #d3d3cd55}
.edit-frame>i{position:absolute;inset:23% 24%;border:2px solid #333;transform:rotate(-12deg);animation:edit-frame-shift 6s linear infinite paused}
.edit-transport{display:flex;align-items:center;justify-content:center;gap:5px}.edit-transport>svg{height:7px;width:7px}.edit-transport>b{height:2px;width:22%;background:#777}
.edit-levels{background:#292929;display:flex;align-items:flex-end;gap:2px;padding:3px 2px}.edit-levels>i{width:50%;height:68%;background:repeating-linear-gradient(to top,#97978e 0 3px,#333 3px 5px);transform-origin:bottom;animation:edit-meter 1.2s linear infinite paused}.edit-levels>i+i{animation-delay:-.45s;height:83%}
.edit-sequence{flex:1;position:relative;margin:5px 6px 7px;background:#272727;overflow:hidden}
.edit-ruler{height:12%;min-height:6px;margin-left:10%;border-bottom:1px solid #595959;background:repeating-linear-gradient(90deg,#777 0 1px,transparent 1px 12px)}
.edit-tracks{height:88%;display:grid;grid-template-rows:repeat(3,1fr);gap:3px;padding-top:4px}
.edit-track{display:flex;gap:3px;min-height:0}.edit-track>span{width:10%;background:#333;flex-shrink:0}.edit-track>i{background:#797972;flex:1;border:1px solid #a3a39a55}.edit-track:nth-child(2)>i{background:#585854}.edit-track:nth-child(2)>i:first-of-type{flex:1.6}.edit-audio>i{background:repeating-linear-gradient(90deg,#7d7d75 0 2px,#52524d 2px 4px);opacity:.8}
.edit-playhead{position:absolute;left:12%;top:0;bottom:0;width:80%;border-left:1px solid #ededdf;animation:edit-scrub 6s linear infinite paused}.edit-playhead>i{position:absolute;left:-3px;top:0;width:7px;height:5px;background:#ededdf;clip-path:polygon(0 0,100% 0,50% 100%)}
.edit-selection{position:absolute;top:16%;left:12%;width:29%;height:23%;border:1px solid #eeeecc;animation:edit-select 6s linear infinite paused}
.video-visual.is-editing .edit-workspace *{animation-play-state:running}
@keyframes edit-scrub{0%,8%{transform:translateX(0)}85%,100%{transform:translateX(100%)}}
@keyframes edit-frame-shift{0%,8%,100%{transform:rotate(-12deg) scale(.95)}45%,85%{transform:rotate(5deg) scale(1.05)}}
@keyframes edit-meter{0%,100%{transform:scaleY(.55)}35%{transform:scaleY(.85)}70%{transform:scaleY(.65)}}
@keyframes edit-select{0%,35%{opacity:1;transform:translateX(0)}36%,80%{opacity:.65;transform:translateX(80%)}81%,100%{opacity:1;transform:translateX(0)}}
@media(max-width:760px){.video-visual{padding:20px}.edit-workspace{aspect-ratio:1.45}}
@media(prefers-reduced-motion:reduce){.edit-workspace *{animation:none!important}}