/* Shared responsive and navigation layer; kept last after every AJAX mount. */
html{scrollbar-gutter:stable;scroll-padding-top:9rem}#site-view{min-height:100svh;isolation:isolate}#site-view [hidden],#navigation-ui [hidden]{display:none!important}#site-view main,#site-view section,#site-view article,#site-view aside,#site-view form,#site-view header,#site-view nav{min-width:0}#site-view img,#site-view video{max-width:100%}#site-view input,#site-view select,#site-view textarea{max-width:100%;font-size:max(1rem,16px)}#site-view p,#site-view h1,#site-view h2,#site-view h3,#site-view dd{overflow-wrap:break-word}#site-view h1,#site-view h2,#site-view h3{text-wrap:balance}#site-view p{ text-wrap:pretty }#site-view button,#site-view a,#site-view summary{-webkit-tap-highlight-color:transparent}#site-view button,#site-view select{touch-action:manipulation}#site-view textarea{scroll-margin-block:10rem 6rem}#site-view :focus-visible{outline-offset:4px}.atma-frame .brand-nav{position:sticky;top:0;z-index:20;background:#101211ee;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand-nav nav a[aria-current=location]{color:var(--accent);text-decoration:underline;text-underline-offset:8px}.atma-frame .frame-media img{height:100%}.atma-frame .signal-banner img{height:380px}.atma-frame .frame-hero{min-height:min(820px,calc(100svh - 100px))}.mobile-project-link{display:none}.navigation-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#route-progress{position:fixed;z-index:1000;inset:0 auto auto 0;width:100%;height:3px;background:#e3f59c;transform:scaleX(0);transform-origin:left;opacity:0;transition:opacity .15s}#route-progress.active{opacity:1;animation:route-loading 1.3s ease-in-out infinite}#route-notice{position:fixed;inset:auto 1rem calc(1rem + env(safe-area-inset-bottom));z-index:1001;background:#182014;color:#f1f5e8;border:1px solid #97aa74;border-radius:14px;padding:20px 56px 20px 22px;max-width:640px;box-shadow:0 8px 40px #0004;font:16px/1.5 Arial,sans-serif}#route-notice p{margin:0 0 10px}#route-notice button{font:inherit;background:#e3f59c;color:#182014;border:0;padding:10px 16px;border-radius:30px;cursor:pointer;min-height:44px}#route-notice [data-dismiss]{position:absolute;right:6px;top:6px;background:transparent;color:inherit;font-size:25px;padding:4px;width:44px}#route-notice :focus-visible{outline:3px solid #e3f59c;outline-offset:3px}::view-transition-old(root){animation:route-out .12s ease both}::view-transition-new(root){animation:route-in .2s ease both}@keyframes route-out{to{opacity:0}}@keyframes route-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes route-loading{0%{transform:translateX(-100%) scaleX(.4)}100%{transform:translateX(100%) scaleX(.75)}}
@media(min-width:1500px){.atma-frame .section,.atma-frame .studio-entry,.atma-frame .brand-nav,.atma-frame .brand-footer{padding-inline:max(5vw,calc((100vw - 1500px)/2))}.atma-frame .frame-copy{padding-inline-start:max(5vw,calc((100vw - 1500px)/2));max-width:1000px}.intake-layout{padding-inline:48px}}@media(min-width:761px) and (max-width:1024px){.atma-frame .frame-copy{padding-top:40px;padding-bottom:65px;max-width:680px}.atma-frame .frame-copy h1{font-size:clamp(3.5rem,7vw,5.2rem)}.atma-frame .section-title{grid-template-columns:1fr 2fr}.atma-frame .studio-entry-grid{gap:12px}.atma-frame .studio-entry-card{padding:24px}.atma-frame .studio-entry-card h3{font-size:25px}.intake-layout{gap:32px;padding-inline:30px;grid-template-columns:1fr 1.3fr}.intake-card{padding:26px}.office-columns{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:760px){html{scroll-padding-top:10rem}.atma-frame .brand-nav{padding:16px 5%;gap:12px}.atma-frame .brand-nav nav{padding-top:12px;gap:10px;flex-wrap:wrap}.atma-frame .brand-nav nav a{font-size:14px;min-height:36px;display:flex;align-items:center}.atma-frame .brand-mark{font-size:34px}.atma-frame .brand-mark span{font-size:10px}.atma-frame .site-languages a{padding:9px 7px}.atma-frame .frame-hero{min-height:0}.atma-frame .frame-media{height:clamp(220px,50vw,350px)}.atma-frame .frame-copy{padding-top:20px}.atma-frame .frame-copy h1{font-size:clamp(2.8rem,10.2vw,4.5rem)}.atma-frame .hero-actions>.cta{width:100%}.atma-frame .frame-film span{font-size:12px;padding:20px 8px}.atma-frame .section,.atma-frame .studio-entry{padding:52px 5%}.atma-frame .studio-entry-card{padding:25px}.atma-frame .package{grid-template-columns:58px minmax(0,1fr);padding:24px 20px;column-gap:18px}.atma-frame .package-count{font-size:62px}.atma-frame .package h3{font-size:28px}.atma-frame .package-count span{font-size:12px}.atma-frame .principle>p{font-size:clamp(1.7rem,7.8vw,2.4rem)}.atma-frame .contact-section h2{font-size:clamp(2.1rem,9vw,3.7rem)}.atma-frame .signal-banner img{height:340px}.atma-frame .signal-banner p{font-size:clamp(1.9rem,7.8vw,2.5rem)}.atma-frame .brand-footer{padding-bottom:110px}.mobile-project-link{position:fixed;z-index:30;inset:auto max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 18px;border:1px solid #e3f59c;border-radius:40px;background:#e3f59c;color:#182014;font-size:15px;font-weight:600;box-shadow:0 6px 30px #0004}.intake-top{padding:16px 20px;flex-wrap:wrap;gap:14px}.intake-top nav>a{display:inline-flex!important;min-height:44px;align-items:center;font-size:14px}.intake-top nav{gap:14px;flex-wrap:wrap}.intake-top select{max-width:150px;min-height:44px}.intake-layout{padding:28px 16px;grid-template-columns:1fr;gap:25px}.intake-story{position:static}.intake-story h1{font-size:clamp(1.9rem,8.6vw,2.5rem)}.intake-card{padding:24px 18px}.service-grid{grid-template-columns:1fr}.service-option{min-height:55px;align-items:center}.service-option input{margin:0}.intake-card .actions{position:sticky;bottom:0;padding-block:14px calc(14px + env(safe-area-inset-bottom));margin-bottom:-14px;background:#fff;z-index:2;flex-wrap:wrap}.intake-card .actions>*{min-width:min(100%,130px);flex:1}.office-layout{padding:28px 16px}.office-layout>h1{font-size:clamp(1.9rem,8vw,2.5rem);line-height:1.17}.office-layout>.actions{display:grid;gap:12px}.office-columns{grid-template-columns:1fr}.enquiry-list{max-height:400px;overflow:auto;overscroll-behavior:contain}.enquiry-link{min-height:75px}#office .intake-top nav{width:100%}.topbar{height:auto;min-height:88px;padding:20px;flex-wrap:wrap;gap:16px}.topbar nav{display:flex!important;order:3;width:100%;flex-wrap:wrap;gap:20px;border-top:1px solid #47523b;padding-top:12px;font-size:14px}.topbar nav>a{min-height:40px;display:flex;align-items:center}.topbar .languages{margin-inline-start:auto}.layout{display:block!important;padding:24px 16px}.workspace{padding:24px 18px}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.side-nav button{font-size:14px;height:auto;min-height:60px;white-space:normal}.section-top{gap:12px;flex-wrap:wrap}.save-indicator{font-size:13px}.progress{gap:8px;flex-wrap:wrap}.progress li{min-width:0;font-size:12px}.avatar-layout>div:first-child{display:block!important}.production-steps{grid-template-columns:1fr 1fr}.calendar-item summary{flex-wrap:wrap}.calendar-item .badge{font-size:12px}.connection-heading{flex-wrap:wrap}.connection-heading .badge{font-size:12px}.access-box{margin:28px 16px;padding:28px 22px}.access-box h1{font-size:clamp(1.9rem,8vw,2.5rem);line-height:1.16}.access-box .actions{flex-wrap:wrap}.access-box .actions>*{width:100%}dialog{max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);overflow:auto}.actions.wrap{gap:12px}.actions.wrap>*{max-width:100%}.hero-photo img{height:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}#route-progress.active{animation:none;transform:scaleX(1)}*{scroll-behavior:auto!important}}
/* A single vector and motion language across both ATMA domains. */
:root{--atma-ease:cubic-bezier(.22,1,.36,1);--atma-fast:180ms;--atma-flow:280ms}
.atma-icon{display:inline-block;width:1.1em;height:1.1em;min-width:1.1em;flex-shrink:0;vertical-align:-.15em;pointer-events:none;overflow:visible;transform-origin:center}
[dir=rtl] .atma-icon-arrow-right,[dir=rtl] .atma-icon-arrow-left{transform:scaleX(-1)}
#site-view :is(a,button,summary){transition:color var(--atma-fast) ease,background-color var(--atma-fast) ease,border-color var(--atma-fast) ease,box-shadow var(--atma-flow) var(--atma-ease),transform var(--atma-flow) var(--atma-ease)}
#site-view :is(input,select,textarea){transition:border-color var(--atma-fast) ease,box-shadow var(--atma-fast) ease,background-color var(--atma-fast) ease}
#site-view :is(.cta,.primary,.community-btn,.nav-cta,.package-cta,.open-design,.inline-link,.text-button) .atma-icon{margin-inline-start:.4em}
#site-view .text-button>.atma-icon:first-child{margin-inline-start:0;margin-inline-end:.3em}
#site-view :is(.cf-panel,.intake-card,.workspace){animation:atma-surface-in 220ms var(--atma-ease) both}
#site-view :is(.design-meta button,[data-close-dialog]){display:inline-flex;align-items:center;justify-content:center}
#route-notice [data-dismiss]{display:grid;place-items:center}
::view-transition-old(root){animation:route-out 150ms ease both}
::view-transition-new(root){animation:route-in 280ms var(--atma-ease) both}
@keyframes atma-surface-in{from{opacity:.55;translate:0 5px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){#site-view :is(.cta,.primary,.community-btn,.nav-cta):hover{transform:translateY(-2px)}#site-view :is(.studio-entry-card,.community-path,.design-card){transition:border-color var(--atma-flow) ease,background-color var(--atma-flow) ease,box-shadow var(--atma-flow) var(--atma-ease)}#site-view :is(.community-resource,.studio-entry-card):hover{box-shadow:0 8px 24px #1116110a}}
@media(prefers-reduced-motion:reduce){#site-view *,#site-view *:before,#site-view *:after,#navigation-ui *{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}