.page-wrap{--st:var(--accent);--gutter:clamp(20px, 4vw, 56px);background:radial-gradient(60% 40% at 85% 0%, color-mix(in srgb, var(--st) 14%, transparent), transparent 70%), var(--ink);min-height:100vh;position:relative}.studio-header{z-index:20;padding:clamp(16px, 3vw, 32px) var(--gutter);justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.studio-back{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);transition:border-color .3s var(--ease), background .3s var(--ease);background:#ffffff05;border-radius:999px;align-items:center;gap:12px;padding:8px 16px 8px 10px;font-size:.9rem;display:inline-flex}.studio-back img{width:22px;height:auto;filter:drop-shadow(0 0 6px var(--accent))}.studio-back:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.studio-crumbs{color:var(--faint);gap:10px;display:flex}.studio-crumbs a{color:var(--muted);transition:color .2s}.studio-crumbs a:hover,.studio-crumbs [aria-current]{color:var(--text)}.eyebrow{color:var(--st)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-2);color:var(--text);white-space:nowrap;transition:border-color .25s var(--ease), background .25s var(--ease), color .25s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.85rem;display:inline-flex}li.chip{white-space:normal;max-width:100%}a.chip:hover,button.chip:hover,.chip[aria-pressed=true]{border-color:var(--st);background:color-mix(in srgb, var(--st) 12%, transparent)}.btn{transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease), border-color .3s var(--ease);border-radius:999px;align-items:center;gap:12px;padding:14px 22px;font-weight:600;display:inline-flex}.btn-solid{background:var(--st);color:var(--ink)}.btn-solid:hover{box-shadow:0 14px 40px -14px var(--st);transform:translateY(-2px)}.btn-ghost{border:1px solid var(--line-2)}.btn-ghost:hover{border-color:var(--st)}.badge{border:1px solid var(--line-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:.68rem;display:inline-flex}.badge:before{content:"";background:var(--st);border-radius:50%;width:6px;height:6px}.badge--dev{color:#ffcf5c;border-color:#ffcf5c}.badge--dev:before{background:#ffcf5c}.split-line{padding-bottom:.06em}.site-footer{padding:clamp(80px, 14vh, 160px) var(--gutter) 40px;border-top:1px solid var(--line);margin-top:clamp(80px,12vh,140px);position:relative}.footer-cta{transition:color .4s var(--ease);font-size:clamp(3rem,9vw,8rem);display:inline-block}.footer-cta em,.footer-cta:hover{color:var(--st)}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;margin-top:clamp(48px,8vh,80px);display:grid}.footer-grid div{flex-direction:column;gap:8px;display:flex}.footer-grid a{color:var(--muted);width:-moz-fit-content;width:fit-content;transition:color .2s}.footer-grid a:hover{color:var(--text)}.footer-label{color:var(--faint);margin-bottom:6px}.footer-copy{color:var(--faint);margin-top:64px}.footer-copy a{color:var(--muted);transition:color .2s}.footer-copy a:hover{color:var(--text)}@media (max-width:640px){.studio-crumbs{display:none}}@media (pointer:coarse){.footer-grid div{gap:0}.footer-grid a,.footer-copy a,.svc-more{align-items:center;min-height:44px;display:inline-flex}.svc-projects a{padding-block:10px}}.menu-btn{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);min-height:44px;color:var(--text);letter-spacing:.12em;text-transform:uppercase;background:#06080b8c;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 16px;font-size:.72rem;display:none}.menu-btn-lines{gap:5px;display:grid}.menu-btn-lines i{background:currentColor;width:16px;height:1.5px;display:block}.menu-btn-lines i+i{width:11px;margin-left:auto}@media (max-width:819px),(pointer:coarse){.menu-btn{display:inline-flex}.studio-crumbs{display:none}}.menu{width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;color:var(--text);background:#06080bf7;border:0;margin:0;padding:0}.menu::backdrop{background:#0009}.menu[open] .menu-inner{animation:menu-in .45s var(--ease) both}@keyframes menu-in{0%{opacity:0;transform:translateY(16px)}}.menu-inner{min-height:100%;padding:calc(16px + env(safe-area-inset-top)) var(--gutter,20px) calc(24px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.menu-top{justify-content:space-between;align-items:center;display:flex}.menu-home{align-items:center;gap:12px;min-height:44px;font-size:.9rem;display:inline-flex}.menu-home img{width:22px;height:auto;filter:drop-shadow(0 0 6px var(--accent))}.menu-close{border:1px solid var(--line-2);width:44px;height:44px;color:var(--text);background:0 0;border-radius:50%;place-items:center;display:grid}.menu-list{margin:auto 0;padding:32px 0;list-style:none}.menu-list a{border-bottom:1px solid var(--line);align-items:baseline;gap:16px;padding:12px 0;display:flex}.menu-n{min-width:2ch;color:var(--c);font-size:.75rem}.menu-name{font-size:clamp(2rem,9vw,2.6rem);line-height:1.1}.menu-list a[aria-current] .menu-name{color:var(--c)}.menu-list a[aria-current]:after{content:"";background:var(--c);width:8px;height:8px;box-shadow:0 0 10px var(--c);border-radius:50%;align-self:center;margin-left:auto}.menu-label{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.7rem}.menu-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.menu-actions a{border:1px solid var(--line-2);border-radius:999px;place-items:center;min-height:48px;font-size:.9rem;display:grid}@media (prefers-reduced-motion:reduce){.menu[open] .menu-inner{animation:none}}