*{box-sizing:border-box}
html,body{margin:0}
html.studio-root{background-color:var(--studio-bg)}
.theme{flex:none;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;aspect-ratio:1;padding:0;margin-left:var(--studio-space-12);border-radius:50%}
.theme svg{display:none}
html[data-mode=dark] .theme .sun,html[data-mode=light] .theme .moon{display:block}
.brand .logo{display:block;width:40px;height:40px;color:var(--studio-text)}
@media (prefers-color-scheme:light){.studio-root:not([data-theme=dark]){--studio-bg:#fff}}
.studio-root[data-theme=light]{--studio-bg:#fff}
body{font-family:var(--studio-font-body,"Studio Inter",system-ui,sans-serif);color:var(--studio-text);min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
a:not([class]){color:inherit;text-underline-offset:.2em}
.jump{position:fixed;top:12px;left:20px;z-index:50;padding:8px 12px;background:var(--studio-bg);border:1px solid var(--studio-text);border-radius:var(--studio-radius-sm);transform:translateY(-200%)}
.jump:focus-visible{transform:none}
a:focus-visible,.studio-btn-primary:focus-visible,.studio-btn-ghost:focus-visible{outline:2px solid var(--studio-text);outline-offset:3px;border-radius:var(--studio-radius-sm)}
.bar,.foot,main>section{margin-left:var(--studio-pad);width:calc(100vw - 2*var(--studio-pad));padding-inline:0}
@media (min-width:1024px){.bar,.foot,main>section{margin-left:calc(var(--studio-pad) + 204px);width:min(1000px,calc(100vw - 244px - var(--studio-pad)))}}
.bar{display:flex;align-items:center;justify-content:space-between;gap:var(--studio-space-16);padding-block:var(--studio-space-20);flex-wrap:wrap}
.brand{color:inherit;font-weight:600;letter-spacing:-.02em;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
nav ul,.foot ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--studio-space-4);flex-wrap:wrap}
nav a,.foot a{display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--studio-space-12);text-decoration:none;border-radius:var(--studio-radius-capsule)}
nav a:hover,.foot a:hover{background:var(--studio-tint)}
nav a[aria-current=page]{background:var(--studio-highlight);color:var(--studio-highlight-text)}
.hero{padding-block:var(--studio-space-48) var(--studio-space-32)}
h1{font-size:clamp(2rem,6vw,3.25rem);line-height:1.05;letter-spacing:-.035em;font-weight:600;margin:0 0 var(--studio-space-20);max-width:18ch}
h2{font-size:1.375rem;line-height:1.3;letter-spacing:-.02em;font-weight:600;margin:0 0 var(--studio-space-16)}
h3{font-size:1.0625rem;line-height:1.3;letter-spacing:-.01em;font-weight:600;margin:0 0 var(--studio-space-8)}
p{margin:0 0 var(--studio-space-16);line-height:1.45}
.lead{font-size:1.0625rem;font-weight:500;max-width:52ch;color:var(--studio-text-secondary)}
.measure,.prose{max-width:66ch}
.actions{display:flex;gap:var(--studio-space-12);flex-wrap:wrap;margin-top:var(--studio-space-24)}
.actions a{width:auto}
.band{border-top:1px solid var(--studio-divider);padding-block:var(--studio-space-32)}
.cards,.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--studio-space-20);grid-template-columns:repeat(auto-fit,minmax(min(100%,224px),1fr))}
.cards li,.steps li{border:1px solid var(--studio-divider);border-radius:var(--studio-radius-surface);padding:var(--studio-space-24)}
.cards p,.steps p{margin:0;color:var(--studio-text-secondary)}
.list{margin:0;padding-left:1.25rem;line-height:1.7}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:var(--studio-space-8) var(--studio-space-24);margin:0}
.facts dt{color:var(--studio-text-secondary)}
.facts dd{margin:0}
.prose h2{margin-top:var(--studio-space-32)}
.prose h2:first-child{margin-top:0}
.foot{display:flex;justify-content:space-between;align-items:center;gap:var(--studio-space-16);flex-wrap:wrap;border-top:1px solid var(--studio-divider);padding-block:var(--studio-space-24)}
.legal{margin:0;color:var(--studio-text-secondary)}
@media (max-width:640px){.bar,.foot,main>section{margin-left:var(--studio-mobile-pad,25px);width:calc(100vw - 2*var(--studio-mobile-pad,25px))}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.project{display:grid;gap:var(--studio-space-24);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;padding-block:var(--studio-space-24)}
.project+.project{border-top:1px solid var(--studio-divider)}
.figs{display:grid;gap:0;background:#fff;border:1px solid var(--studio-divider);border-radius:var(--studio-radius-surface);overflow:hidden}
.project figure{margin:0;background:#fff}
.project img{display:block;width:100%;height:auto}
.project h2{margin-bottom:var(--studio-space-12)}
.meta,.note{color:var(--studio-text-secondary);font-size:.8125rem;margin:0 0 var(--studio-space-8)}
.note{margin:var(--studio-space-8) 0 0}
@media (max-width:760px){.project{grid-template-columns:1fr}}
.theme[hidden]{display:none}
.lead strong{color:var(--studio-text);font-weight:600}

.live{position:relative;aspect-ratio:1630/907;display:grid;place-items:center;overflow:hidden}
.live>img{grid-area:1/1}
.live-stage{grid-area:1/1;width:520px;transform-origin:center}
.live.ready>img{visibility:hidden}
.project img.img-dark{display:none}
html[data-theme=dark] .project img.img-light,html[data-mode=dark] .project img.img-light{display:none}
html[data-theme=dark] .project img.img-dark,html[data-mode=dark] .project img.img-dark{display:block}
html[data-theme=dark] .figs,html[data-mode=dark] .figs,html[data-theme=dark] .project figure,html[data-mode=dark] .project figure{background:#151515}
.live .studio-approval-request-mark>.studio-spinner:first-child{display:none}