.studio-site{--ink-3:#626872;--content-max:1280px;background:var(--paper);flex:1}.studio-site :is(.display,.headline,.h1,.h2,.h3){font-family:var(--font-sans),Arial,sans-serif;font-weight:450}.studio-site .studio-accent{color:var(--cobalt);font-style:normal}.studio-site :is(a,button).rounded-full{border-radius:2px}.studio-site :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--cobalt);outline-offset:4px}.studio-site :is(h1,h2,h3){text-wrap:balance}.studio-site :is(p,a,h1,h2,h3){overflow-wrap:break-word}.studio-site main{min-width:0}.studio-site .scroll-reveal{opacity:1;animation:none;transform:none}.studio-site :is(section,[id]){scroll-margin-top:96px}.studio-skip{background:var(--ink);color:var(--paper);z-index:100;padding:12px 20px;position:fixed;top:8px;left:20px;transform:translateY(-160%)}.studio-skip:focus{transform:none}.studio-site .sr-wrap{max-width:1216px}.studio-site .sr-heritage h2{color:var(--paper)}.studio-path{border:1px solid var(--rule);background:var(--paper-1);margin-top:32px;padding:24px}.studio-path ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px;display:grid}.studio-path li{border:1px solid var(--rule);background:var(--paper);min-width:0;padding:16px;font-size:14px;position:relative}.studio-path li:not(:last-child):after{content:"→";color:var(--cobalt);position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.studio-path li span{color:var(--cobalt);font-family:var(--font-mono),monospace;margin-bottom:10px;font-size:10px;display:block}.studio-path figcaption{color:var(--ink-3);margin-top:16px;font-size:11px}.studio-product-hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:60px;display:grid}.studio-product-hero .studio-path{margin:0}.studio-product-hero .studio-path ol{grid-template-columns:1fr;gap:24px}.studio-product-hero .studio-path li:not(:last-child):after{content:"↓";top:auto;bottom:-23px;right:50%;transform:none}@media (max-width:900px){.studio-product-hero{grid-template-columns:1fr;gap:32px}}@media (max-width:700px){.studio-path{padding:18px}.studio-path ol{grid-template-columns:1fr;gap:22px}.studio-path li:not(:last-child):after{content:"↓";top:auto;bottom:-22px;right:50%;transform:none}}@media (prefers-reduced-motion:reduce){.studio-site *,.studio-site :before,.studio-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}