.studio-header #mobile-nav>nav{width:100%;box-sizing:border-box;max-height:calc(100dvh - 86px);overflow-y:auto;overscroll-behavior:contain}
.studio-header #mobile-nav:not(.is-open)>nav{overflow:hidden}
@media(min-width:801px){.studio-header #mobile-nav{display:none!important}}
.web-hero-grid,.home-hero-grid,.craft-grid,.project-panel{min-width:0}
.web-hero-grid>*,.home-hero-grid>*,.craft-grid>*,.project-panel>*{min-width:0}
.project-stage,.browser-shell,.craft-visual{max-width:100%;box-sizing:border-box}
.project-meta,.preview-hint{overflow-wrap:anywhere}
@media(max-width:800px){
 .craft-grid,.project-panel,.web-hero-grid{grid-template-columns:minmax(0,1fr)}
 .craft-visual,.project-stack,.live-viewport{margin-inline:auto;max-width:100%}
 .work-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
 .work-tab{flex-shrink:0}
 .project-stage .browser-shell{width:100%;min-width:0}
 .project-meta{display:block}
 .preview-hint{flex-wrap:wrap;gap:12px}
}

:root{--accent:#28749f;--accent-soft:#e7f3fb;--lilac:#dceefa}
.studio-brand span span{color:#478db5}.eyebrow:before{background:#5c9ec5}.studio-links a:after{background:#5496bd}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:#28749f}
.home-hero,.home-hero#top{background:#f3f8fc}.web-hero{background:radial-gradient(ellipse at 85% 45%,#dfeef9,transparent 58%),#f6fafd}.home-services{background:#eef6fc!important}.home-stats{background:#e4f0f8!important}.home-hero .studio-title span,body .text-sky-700{color:#397ba0}.website-invite{background:#e5f1f9}.website-invite h2 em,.invite-copy p{color:#3c6f8a}.craft-section{background:#f1f7fb}.craft-visual{background:radial-gradient(ellipse at 50% 60%,#dcecf8,transparent 70%)}
.hero-work-frame img{height:auto;aspect-ratio:1440/1000;object-fit:contain}.home-project-image{height:auto;aspect-ratio:1440/1000;display:flex;align-items:center;justify-content:center}.home-project img{height:auto;max-height:100%;object-fit:contain}.home-project:hover img{transform:none}.home-project:nth-child(n) .home-project-image{background:#d7e7f2}.mini-desktop img{height:auto;object-fit:contain}
.workspace-section{padding:100px 0;background:#edf6fc;border-block:1px solid #d5e5f0;scroll-margin-top:0}.workspace-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.workspace-section h2,.application-section h2{font-size:clamp(36px,4.2vw,60px);line-height:1.08;letter-spacing:-.055em;font-weight:550;margin:25px 0}.workspace-section h2 span,.application-section h2 span{color:#397ba0}.workspace-lead{font-size:14px;line-height:1.85;max-width:440px;color:#597184}.workspace-benefits{display:grid;gap:16px;margin:27px 0;color:#3b556a;font-size:12px}.workspace-benefits li:before{content:'↗';display:inline-block;margin-right:14px;color:#438bb4}.workspace-inclusion{font-size:11px;color:#356a89;margin:30px 0 20px}.workspace-preview{border:1px solid #cbdfea;border-radius:13px;background:#fcfeff;box-shadow:0 20px 60px #3767810c;overflow:hidden}.workspace-preview-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px;border-bottom:1px solid #e2edf4;color:#27445a;font-size:14px;letter-spacing:-.3px}.workspace-preview-head b{font-weight:500;color:#4c83a2}.workspace-preview-label{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#7892a3}.workspace-preview-body{padding:28px}.workspace-greeting{font-size:25px;letter-spacing:-1px;font-weight:500;color:#213d52}.workspace-subtitle{font-size:11px;color:#7790a2;margin:8px 0 26px}.workspace-module{display:flex;gap:15px;align-items:center;padding:19px 0;border-top:1px solid #e3edf4}.workspace-module>span:last-child{margin-left:auto;font-size:13px;color:#6d9bb7}.workspace-icon{width:37px;height:37px;border-radius:9px;background:#e8f3fb;display:grid;place-items:center;color:#397ea6;font-size:18px;flex-shrink:0}.workspace-module h3{font-size:12px;color:#2b4d64;font-weight:600}.workspace-module p{font-size:10px;color:#6c8799;margin-top:5px}.workspace-included-badge{background:#e8f4fc;border:1px solid #d1e7f5;border-radius:7px;margin-top:20px;padding:13px;font-size:10px;color:#356f93;display:flex;gap:10px}
.application-section{padding:100px 0;background:#f0f7fc;scroll-margin-top:0}.application-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.application-layout>div>p{font-size:14px;line-height:1.85;color:#617687;max-width:410px}.application-contact{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:30px;color:#4f7088;font-size:11px}.application-contact a{padding:6px 0;border-bottom:1px solid #c0d4e3}.application-card{background:#fff;border:1px solid #d6e6f0;border-radius:12px;padding:42px;box-shadow:0 15px 40px #37678108}.application-card h3{font-size:30px;line-height:1.15;letter-spacing:-1px;font-weight:500;margin:23px 0 18px;color:#234057}.application-card p{font-size:13px;line-height:1.8;color:#6b8090;margin-bottom:27px}.application-card .studio-cta{width:100%;background:#254d68;border-color:#254d68}.application-small{font-size:9px;letter-spacing:1px;color:#7c93a5;display:block;text-align:center;margin-top:20px}
/* Every card shows the entire captured screen, and moves as a single object. */
.project-stack[data-shuffle-stack]{height:490px;max-width:580px;overflow:visible}.project-stack .stack-piece[data-stack-card]{width:70%;height:auto;inset:auto;border:5px solid #fff;padding:0;appearance:none;text-align:left;border-radius:7px;cursor:pointer;transition:transform .7s cubic-bezier(.22,1,.36,1),left .7s cubic-bezier(.22,1,.36,1),top .7s cubic-bezier(.22,1,.36,1),box-shadow .4s;background:#fff;box-shadow:0 22px 50px -18px #26465e4a}.project-stack .stack-piece[data-stack-card] img{display:block;width:100%;height:auto;aspect-ratio:1440/1000;object-fit:contain;pointer-events:none}.project-stack .stack-piece[data-slot="0"]{z-index:3;left:15%;top:110px;transform:rotate(-2deg)}.project-stack .stack-piece[data-slot="1"]{z-index:2;left:0;top:30px;transform:rotate(-10deg)}.project-stack .stack-piece[data-slot="2"]{z-index:1;left:30%;top:0;transform:rotate(9deg)}.stack-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 8px 9px;color:#39576c;font-size:10px}.stack-controls{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#5e7e94}.stack-controls button{display:flex;gap:20px;align-items:center;padding:11px 16px;border:1px solid #c2d8e8;border-radius:100px;color:#346b8d;background:#f8fcff;transition:background .3s,transform .3s}.stack-controls button:hover{background:#e2f1fb;transform:translateY(-2px)}.stack-controls button span{font-size:17px}.stack-instruction{position:absolute;bottom:-7px;right:0;color:#8aa1b1;font-size:9px}
/* Separate tabs from the dialog header so neither inherits the close-button dimensions. */
.device-switch{border:0;border-bottom:1px solid #5e7b8b;border-radius:0;padding:0;gap:5px;overflow:visible;flex-shrink:0}.device-switch button{border-radius:4px 4px 0 0;font-size:11px;min-width:82px;min-height:37px;padding:11px 17px;border-bottom:2px solid transparent;line-height:1.2}.device-switch button[aria-pressed=true]{color:#eaf6ff;background:#2c4e64;border-bottom-color:#8fc8eb}.live-dialog[open]{display:flex;flex-direction:column;height:min(920px,94dvh);max-height:94dvh;overflow:hidden;margin:auto;padding:0}.live-dialog .dialog-bar{position:static;flex:none;padding:15px 22px;flex-wrap:nowrap;background:#1b3447;min-height:65px}.live-dialog .dialog-bar p{flex:1;min-width:0}.live-dialog .dialog-bar a{flex:none;margin:0}.live-dialog .dialog-bar button[data-close-preview]{flex:none;margin-left:10px;width:35px;height:35px;min-width:35px}.preview-device-toolbar{flex:none;background:#203e54;padding:0 22px;display:flex;justify-content:center}.live-dialog .preview-device-toolbar .device-switch{margin:0;border:0;width:auto;order:initial}.live-dialog .preview-device-toolbar button{width:auto;height:auto;min-width:110px;min-height:43px;padding:13px 24px;line-height:1.2;border-radius:0;color:#b7d3e7;font-size:12px;white-space:nowrap;background:transparent;border-bottom:3px solid transparent}.live-dialog .preview-device-toolbar button[aria-pressed=true]{color:#fff;border-bottom-color:#9fd7fa;background:#294c67}.live-dialog .dialog-content{flex:1;min-height:0;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:16px;background:#dcebf5}.live-dialog .live-viewport{flex:none;margin:auto;max-width:none;overflow:hidden;border-radius:4px;transition:width .45s var(--motion-ease),height .45s var(--motion-ease)}.live-dialog .live-viewport[data-device=phone]{max-width:none}.live-tools .device-switch{margin:0}.live-tools{flex-wrap:wrap}
@media(max-width:1000px){.workspace-layout,.application-layout{gap:45px}.project-stack[data-shuffle-stack]{height:440px}.project-stack .stack-piece[data-slot="0"]{top:95px}.stack-controls{bottom:25px}.stack-instruction{bottom:0}}
@media(max-width:800px){.workspace-layout,.application-layout{grid-template-columns:1fr;gap:40px}.workspace-preview{max-width:600px;width:100%}.application-card{max-width:600px;width:100%}.workspace-section,.application-section{padding:70px 0}.project-stack[data-shuffle-stack]{height:460px;max-width:530px}.project-stack .stack-piece[data-slot="0"]{top:100px}.live-dialog .dialog-bar{padding:12px 16px}.live-dialog .dialog-bar a{margin:0}.live-dialog .dialog-bar .device-switch{width:auto}}
@media(max-width:560px){.project-stack[data-shuffle-stack]{height:340px;max-width:360px}.project-stack .stack-piece[data-stack-card]{border-width:3px;width:70%}.project-stack .stack-piece[data-slot="0"]{top:70px}.project-stack .stack-piece[data-slot="1"]{top:25px}.stack-caption{font-size:8px;padding:8px 5px 5px}.stack-controls{bottom:18px;font-size:9px}.stack-controls button{padding:8px 12px;font-size:9px;gap:12px}.stack-instruction{bottom:-4px;font-size:8px}.workspace-section h2,.application-section h2{font-size:38px}.workspace-lead,.application-layout>div>p{font-size:13px}.workspace-preview-head{padding:18px;flex-wrap:wrap}.workspace-preview-body{padding:22px}.workspace-greeting{font-size:23px}.application-card{padding:28px}.application-card h3{font-size:28px}.workspace-benefits{font-size:11px}.live-dialog{width:96vw}.live-dialog .dialog-bar{gap:9px}.live-dialog .dialog-bar p{font-size:11px}.live-dialog .dialog-bar a{font-size:9px}.live-dialog .dialog-content{padding:8px}.live-dialog .preview-device-toolbar button{min-width:100px;padding:12px 20px}.device-switch button{min-width:76px;font-size:10px;padding:10px 14px}.preview-expand{font-size:9px}.live-tools{gap:8px}.hero-work-frame img{height:auto}.home-project-image{height:auto}}
.project-stack[data-shuffle-stack]{height:520px}.stack-controls{z-index:4}
@media(max-width:1000px){.project-stack[data-shuffle-stack]{height:470px}}
@media(max-width:800px){.project-stack[data-shuffle-stack]{height:490px}}
@media(max-width:560px){.project-stack[data-shuffle-stack]{height:340px}}
@media(prefers-reduced-motion:reduce){.project-stack .stack-piece[data-stack-card],.live-dialog .live-viewport{transition:none!important}}

/* A single blue palette, carried through every Advera section. */
:root{--ink:#243f53;--muted:#60788a;--paper:#f4f8fc;--wash:#eaf2f8;--accent:#3b789d;--line:#cedeea}
html,body{background:var(--paper)}
.studio-header{background:rgba(244,248,252,.94);border-color:#d6e3ed}.studio-links a{color:#60788a}.studio-brand,.studio-links a:hover,.studio-links a[aria-current=page]{color:var(--ink)}
body main>section{background-color:var(--paper);background-image:none}.home-hero#top,.web-hero,.sky-hero{background:var(--paper)}body .home-services{background:var(--paper)!important}
.home-work,.work-studio{background:var(--wash);color:var(--ink);border-block:1px solid #d8e5ee}.home-work h2 em,.work-heading h2 em{color:#527e9b}.home-work-top p,.work-heading>p{color:var(--muted)}.home-work-top .text-link,.home-project-caption h3{color:var(--ink)}.home-project-caption p{color:var(--muted)}.home-project-caption>span{color:var(--accent)}
.home-hero .studio-title span,.studio-title em,body .text-sky-700{color:var(--accent)}.studio-cta,.home-hero .studio-cta,.application-card .studio-cta{background:var(--ink);border-color:var(--ink)}.studio-cta:hover{background:#355970}
.workspace-section,.application-section,.website-invite{background:var(--wash);border-color:#d8e5ee}.craft-section{background:var(--paper)}.workspace-section h2 span,.application-section h2 span,.website-invite h2 em{color:var(--accent)}.workspace-lead,.application-layout>div>p,.invite-copy p{color:var(--muted)}
.work-tabs{border-color:#c4d8e6}.work-tab{color:#668398}.work-tab span{color:#86a0b3}.work-tab[aria-selected=true]{color:var(--ink);border-color:#588bad}.work-tab:hover{color:#315c79}.project-meta .eyebrow{color:#63859d}.project-meta h3{color:var(--ink)}.project-meta p{color:var(--muted)}.project-tags span{color:#52748d;background:#f6fafd;border-color:#cbdeeb}.project-status{color:#537f9c}.project-status:before,.project-status.progress:before{background:#77aacb}
.project-stage,.project-stage.trash-stage,.project-stage.kumi-stage{background:#d7e6f1}.browser-bar{background:#f7fafd;color:#6f8da2}.preview-expand,.project-meta .text-link,.preview-hint a{color:#365f7d;border-color:#98b7cc}.preview-hint{color:#6e8a9f}.work-end{color:#6b879b;border-color:#cbdde9}.work-end a{color:#365f7d;border-color:#98b7cc}
.live-tools .device-switch{border-color:#b7ccdc}.live-tools .device-switch button{color:#688499}.live-tools .device-switch button[aria-pressed=true]{background:#d8e8f4;color:#2e5672;border-color:#6b9cbd}
.hero-work-frame,.home-project:nth-child(n) .home-project-image{background:#d7e6f1}.hero-work-choices button{border-color:#bfd3e1;color:#6a889e}.hero-work-choices button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.workspace-included-badge{background:#e7f2fa;border-color:#d1e3ef}.application-card,.workspace-preview{background:#fbfdff;border-color:#d3e2ed}.bk-btn{background:var(--ink)}
.hero-work-frame,.project-stack [data-stack-card]{touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.hero-work-frame img,.project-stack [data-stack-card] img{-webkit-user-drag:none;user-select:none}.hero-work-frame.is-dragging{cursor:grabbing}.project-stack .stack-piece.is-dragging{cursor:grabbing;z-index:10;transition:none!important}.stack-piece:active{cursor:grabbing}.hero-work-frame img{will-change:transform}.project-stack .stack-piece[data-stack-card]{will-change:transform}
.js .reveal[data-entered]{opacity:1!important;transform:none!important;transition:none!important}.hero-stagger>*{opacity:1!important;animation:none!important}.sky-hero .hero-mark,.sky-hero .hero-mark-fade{opacity:.08!important;animation:none!important}.intro-wordmark{opacity:1;animation:none}
.home-hero#top{padding-top:128px}
.home-brand-signature{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:0 0 42px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.home-brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}
.home-brand-lockup>img{width:clamp(100px,14vw,190px);height:auto;flex-shrink:0;filter:drop-shadow(0 16px 22px rgba(74,117,146,.14))}
.home-brand-name{display:block;font-size:clamp(64px,9vw,132px);font-weight:500;line-height:1;letter-spacing:-.07em;color:var(--ink)}
.home-brand-name>span{color:var(--accent)}
.home-brand-name small{display:block;margin:18px 0 0 5px;font-size:10px;font-weight:500;letter-spacing:.22em;line-height:1.5;color:var(--muted)}
.home-brand-note{font-size:17px;line-height:1.65;color:var(--muted);margin:0;flex-shrink:0}
.home-brand-note>span{display:block;font-size:9px;letter-spacing:.16em;margin-top:22px}
@media(max-width:800px){.home-hero#top{padding-top:112px}.home-brand-signature{padding-bottom:30px;margin-bottom:34px}.home-brand-note{display:none}.home-brand-lockup{gap:4px}.home-brand-lockup>img{width:100px}.home-brand-name{font-size:clamp(58px,12vw,86px)}.home-brand-name small{font-size:8px;letter-spacing:.15em;margin-top:13px}}
@media(max-width:380px){.home-brand-lockup>img{width:78px}.home-brand-name{font-size:58px}.home-brand-name small{font-size:7px}}
/* Keep embedded project previews and the craft visual inside narrow screens. */
.web-hero-grid>*,.home-hero-grid>*,.craft-grid>*,.project-panel>*{min-width:0}
.project-stage,.browser-shell,.craft-visual{max-width:100%;box-sizing:border-box}
@media(max-width:800px){.craft-grid,.project-panel,.web-hero-grid{grid-template-columns:minmax(0,1fr)}.craft-visual,.project-stack,.live-viewport{margin-inline:auto;max-width:100%}.work-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.work-tab{flex-shrink:0}.project-stage .browser-shell{width:100%;min-width:0}.project-meta{display:block}.preview-hint{flex-wrap:wrap;gap:12px}}