.dive{background:var(--black);height:1000vh;position:relative}.dive__stage{height:100vh;isolation:isolate;height:100lvh;position:sticky;top:0;overflow:hidden}.dive__poster{--z:min(.46 * 100vw / 834, .47 * 100lvh / 563);--cx:50vw;--cy:calc(50lvh + 281.5 * var(--z) + 1lvh);transition:opacity .8s var(--ease);position:absolute;inset:0}.dive__poster img{max-width:none;height:auto;position:absolute}.dive__poster-lineup{left:calc(var(--cx) - 1919 * var(--z));top:calc(var(--cy) - 803.5 * var(--z));width:calc(3840 * var(--z))}.dive__poster-hero{left:calc(var(--cx) - 539 * var(--z));top:calc(var(--cy) - 363.5 * var(--z));width:calc(1080 * var(--z))}.js .dive__poster-hero{opacity:0;transition:opacity .5s var(--ease)}.js .dive__poster-hero.is-loaded{opacity:1}@media (max-aspect-ratio:4/5){.dive__poster{--z:min(.9 * 100vw / 834, .34 * 100lvh / 563);--cy:calc(44lvh + 281.5 * var(--z) + 1lvh)}}.dive__fallback img{opacity:0;max-width:none;position:absolute}.dive__fallback-pixels{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;inset:0}.dive__fallback-lineup{width:min(88vw,140lvh);height:auto;bottom:6lvh;left:50%;transform:translate(-50%)}.is-live .dive__fallback{display:none}.dive__canvas{opacity:0;width:100%;height:100%;transition:opacity .8s var(--ease);position:absolute;inset:0}.is-live .dive__canvas{opacity:1}.is-live .dive__poster{opacity:0}.dive__marks,.dive__labels{z-index:2;pointer-events:none;position:absolute;inset:0}.dive__marks{opacity:0}.mark{will-change:transform;position:absolute;top:0;left:0}.mark--frame{border:1px solid #b09afff2;border-radius:3px;box-shadow:0 0 0 1px #00000059}.mark--frame:before,.mark--frame:after{content:"";border:1px solid var(--violet);background:var(--black);width:7px;height:7px;position:absolute}.mark--frame:before{top:-4px;left:-4px}.mark--frame:after{bottom:-4px;right:-4px}.mark__label{color:var(--violet);font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;background:#0a0814db;border:1px solid #b09aff73;border-radius:6px;padding:.28rem .55rem;font-size:.7rem;position:absolute;bottom:calc(100% + 8px);left:-1px}.mark--gap{border-left:1px dashed var(--mint)}.mark--gap .mark__label{color:var(--mint);border-color:#5eead473;top:50%;bottom:auto;left:10px;transform:translateY(-50%)}.dive__labels span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);white-space:nowrap;opacity:0;will-change:transform, opacity;font-size:.72rem;position:absolute;top:0;left:0}.dive__code{--progress:0;top:50%;right:calc(var(--gutter) + 8.5rem);z-index:2;border:1px solid var(--rule);opacity:0;width:min(48rem,54vw);transform:translateY(-50%) perspective(1400px) rotateX(calc((1 - var(--progress)) * 22deg)) translateY(calc((1 - var(--progress)) * 6%));transform-origin:50% 100%;pointer-events:none;background:radial-gradient(90% 60% at 20% 0,#8b6cf629,#0000 70%),linear-gradient(#16161bf5,#08080af5);border-radius:1.1rem;padding:1rem 0 1.25rem;position:absolute;box-shadow:0 2.5rem 6rem -2rem #000000e6,0 0 0 1px #00000080}.dive__code-file{border-bottom:1px solid var(--rule);font-family:var(--mono);letter-spacing:.04em;color:var(--faint);padding:0 1.4rem .9rem;font-size:.72rem}.dive__code pre{font-family:var(--mono);color:#d4d4dc;counter-reset:line;padding:1rem 1.4rem 0;font-size:clamp(.72rem,.95vw,.9rem);line-height:1.62;overflow:hidden}.dive__code .line{opacity:clamp(0, calc((var(--progress) * 1.5 - var(--i) / 24) * 9), 1);padding-left:2.8em;display:inline-block;position:relative}.dive__code .line:before{counter-increment:line;content:counter(line);text-align:right;color:#4a4a55;width:1.8em;position:absolute;left:0}.dive__code .k{color:#c4a8ff}.dive__code .f{color:#7dd3fc}.dive__code .v{color:#f0abfc}.dive__code .s{color:#86efac}.dive__code .n{color:#fdba74}.dive__code .t{color:#5eead4}.dive__code .note{color:var(--mint);opacity:clamp(0, calc((var(--progress) - .6) * 6), 1);background:#5eead41f;border:1px solid #5eead459;border-radius:999px;margin-left:1.25rem;padding:.05rem .5rem;font-size:.85em;display:inline-block}.dive__system{--progress:0;top:50%;right:calc(var(--gutter) + 8.5rem);z-index:2;opacity:0;pointer-events:none;width:min(52rem,56vw);position:absolute;transform:translateY(-50%)}.flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem 1.2rem;display:grid}.flow__node{--shown:clamp(0, calc((var(--progress) * 1.7 - var(--i) / 7) * 7), 1);border:1px solid var(--rule);opacity:var(--shown);transform:translateY(calc((1 - var(--shown)) * 12px));background:linear-gradient(#16161bf2,#0a0a0cf2);border-radius:.9rem;gap:.35rem;padding:1rem .95rem;display:grid;position:relative}.flow__node:not(:nth-child(5)):not(.flow__node--cleanup):after{content:"";background:linear-gradient(90deg, #b09aff59, var(--mint), #b09aff59) 0 0 / 300% 100%;width:1.2rem;height:1px;animation:1.6s linear infinite pulse;animation-delay:calc(var(--i) * .2s);position:absolute;top:50%;left:100%}@keyframes pulse{0%{background-position:100% 0}to{background-position:-200% 0}}.flow__node{transition:border-color .4s var(--ease), box-shadow .4s var(--ease), background-color .4s var(--ease)}.flow[data-step="0"] .flow__node:first-child,.flow[data-step="1"] .flow__node:nth-child(2),.flow[data-step="2"] .flow__node:nth-child(3),.flow[data-step="3"] .flow__node:nth-child(4),.flow[data-step="4"] .flow__node:nth-child(5),.flow[data-step="5"] .flow__node:nth-child(6){border-color:#5eead4bf;box-shadow:0 0 0 1px #5eead440,0 0 2.5rem -.25rem #5eead473}.flow__node--cleanup{border-style:dashed;border-color:#b09aff59;grid-column:4/span 2}.flow__name{letter-spacing:-.02em;font-size:.95rem;font-weight:600}.flow__detail{font-family:var(--mono);letter-spacing:.02em;color:var(--dim);font-size:.68rem}.keyline{opacity:clamp(0, calc((var(--progress) - .4) * 5), 1);margin-top:clamp(2rem,5lvh,3.5rem)}.keyline__url{font-family:var(--mono);letter-spacing:-.01em;color:#d4d4dc;white-space:nowrap;font-size:clamp(1rem,2.1vw,1.9rem);display:inline-block}.keyline__hash{color:var(--mint);text-shadow:0 0 1.5rem #5eead48c;position:relative}.keyline__hash:after{content:"";border:1px solid var(--mint);border-top:0;border-radius:0 0 4px 4px;height:.6rem;position:absolute;top:calc(100% + .35rem);left:.1em;right:.1em}.keyline__note{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;text-shadow:none;white-space:nowrap;color:var(--mint);font-size:.75rem;position:absolute;top:calc(100% + 1.4rem);left:.1em}.beat{z-index:3;opacity:0;will-change:opacity, transform;position:absolute}.beat[data-hidden]{visibility:hidden}.beat--hero{top:calc(var(--header) + clamp(.75rem, 4lvh, 3rem));left:var(--gutter);right:var(--gutter);text-align:center;opacity:1;justify-items:center;gap:clamp(.6rem,1.8lvh,1.1rem);display:grid}.beat--hero .lede{max-width:34rem}.beat--hero .actions{justify-content:center;margin-top:.5rem}.beat--caption{left:var(--gutter);max-width:min(27rem, 100% - 2 * var(--gutter));border:1px solid var(--rule);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:#0000009e;border-radius:1.25rem;gap:.8rem;padding:1.4rem 1.5rem 1.5rem;display:grid;bottom:clamp(1.5rem,8lvh,5rem)}.beat--detail{left:auto;right:calc(var(--gutter) + 5.5rem)}.beat--caption p:not(.eyebrow){color:var(--dim);font-size:1rem}.beat--code,.beat--system{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;max-width:min(22rem,26vw);padding:0;top:50%;bottom:auto;translate:0 -50%}.caption-specs{font-family:var(--mono);letter-spacing:.02em;color:var(--violet);gap:.3rem;font-size:.72rem;display:none}@media (max-width:700px){.mark__label{display:none}.caption-specs{display:grid}}.facts{color:var(--dim);gap:.7rem;margin-top:.2rem;font-size:.975rem;display:grid}.facts li{padding-left:1.1rem;position:relative}.facts li:before{content:"";background:var(--mint);border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:.62em;left:0}.facts code{font-family:var(--mono);color:var(--mint)}.beat--lineup{top:calc(var(--header) + clamp(1rem, 5lvh, 3.5rem));left:var(--gutter);right:var(--gutter);text-align:center;justify-items:center;display:grid}.beat--lineup .actions{margin-top:1.6rem}.dive__instruments{top:50%;right:var(--gutter);z-index:4;justify-items:end;gap:1.5rem;display:grid;position:absolute;transform:translateY(-50%)}.dive__gauge ol{gap:.2rem;display:grid}.dive__gauge button{width:100%;color:var(--faint);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:.6rem;padding:.3rem 0;font-size:.68rem;transition:color .3s;display:flex}.dive__gauge button:after{content:"";border:1px solid;border-radius:50%;width:.45rem;height:.45rem;transition:background-color .3s,box-shadow .3s}.dive__gauge button:hover,.dive__gauge button[aria-current]{color:var(--white)}.dive__gauge button[aria-current]:after{background:var(--violet);border-color:var(--violet);box-shadow:0 0 .8rem var(--violet)}.dive__zoom{font-family:var(--mono);text-align:right;transition:opacity .4s var(--ease);justify-items:end;gap:.15rem;display:grid}.dive__zoom span{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:.64rem}.dive__zoom strong{font-variant-numeric:tabular-nums;color:var(--white);font-size:1.15rem;font-weight:500}.dive[data-depth=surface] .dive__zoom,.dive[data-depth=lineup] .dive__zoom{opacity:0}@media (max-width:900px){.dive__gauge ol{gap:0}.dive__gauge button{gap:0;min-width:1.5rem;min-height:1.5rem;padding:0;font-size:0}.dive__gauge button:after{width:.5rem;height:.5rem}.beat--code,.beat--system{max-width:calc(100% - 2 * var(--gutter) - 2rem);top:auto;bottom:clamp(1.5rem,6lvh,4rem);translate:none}.dive__code,.dive__system{top:calc(var(--header) + 1rem);left:var(--gutter);right:var(--gutter);width:auto}.dive__code{transform:perspective(1400px) rotateX(calc((1 - var(--progress)) * 22deg)) translateY(calc((1 - var(--progress)) * 6%))}.dive__system{transform:none}.dive__code pre{font-size:.66rem;line-height:1.55}.dive__code .note{display:none}.flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.flow__node{padding:.7rem .75rem}.flow__node:after{display:none}.flow__node--cleanup{grid-column:auto}.keyline{margin-top:1rem}.keyline__url{font-size:.78rem}.keyline__note{font-size:.62rem}.dive__instruments{gap:.75rem;right:.4rem}.dive__zoom{display:none}}@media (max-aspect-ratio:4/5){.beat--caption{bottom:calc(env(safe-area-inset-bottom) + 1rem);max-width:calc(100% - 2 * var(--gutter) - 1.5rem)}.beat--detail{right:auto;left:var(--gutter)}}.work{background:radial-gradient(60% 30rem at 50% 0%, #8b6cf61f, transparent 70%), var(--black)}.features{gap:clamp(5rem,10vw,9rem);display:grid}.feature{align-items:center;gap:2.5rem;display:grid}@media (min-width:1000px){.feature{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(3rem,6vw,6rem)}.feature--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.feature--reverse .feature__media{order:2}}.feature__media{padding-bottom:6%;position:relative}.feature__desk{border:1px solid var(--rule);border-radius:.9rem;width:100%;box-shadow:0 3rem 6rem -2.5rem #000000e6,0 0 8rem -3rem #8b6cf659}.feature__phone{border:5px solid #1a1a1f;border-radius:1.4rem;width:22%;position:absolute;bottom:0;right:-2%;box-shadow:0 2rem 4rem -1rem #000000e6}.feature__window{border-radius:.9rem;width:34%;position:absolute;bottom:-2%;left:-3%;box-shadow:0 2rem 4rem -1rem #000000e6}.feature__kind,.app__kind{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--violet);font-size:.72rem}.feature__name{letter-spacing:-.05em;margin-top:.7rem;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:650;line-height:1}.feature__tagline{color:var(--white);margin-top:.9rem;font-size:1.2rem;line-height:1.4}.specs-list{border-top:1px solid var(--rule);color:var(--dim);gap:.55rem;margin-top:1.5rem;padding-top:1.25rem;font-size:.975rem;display:grid}.specs-list li{padding-left:1.1rem;position:relative}.specs-list li:before{content:"";background:var(--violet);border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:.62em;left:0}.feature__links{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1.75rem;display:flex}.apps{border-top:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:3rem 1.75rem;margin-top:clamp(6rem,11vw,9rem);padding-top:3rem;display:grid}.app{position:relative}.app img{width:72%;transition:transform .5s var(--ease);border:5px solid #1a1a1f;border-radius:1.6rem;margin:0 auto 1.5rem;box-shadow:0 2rem 4rem -1.5rem #000000e6,0 0 5rem -2rem #8b6cf640}.app:hover img{transform:translateY(-.35rem)}.app__name{letter-spacing:-.03em;margin-top:.35rem;font-size:1.35rem;font-weight:620}.app__name a{text-decoration:none}.app__name a:after{content:"";position:absolute;inset:0}.app:has(a:focus-visible){outline:2px solid var(--violet);outline-offset:.5rem;border-radius:1rem}.app__name a:focus-visible{outline:none}.app__tagline{color:var(--dim);margin-top:.35rem;font-size:.95rem}.work__all{margin-top:3rem}.loupe{z-index:40;pointer-events:none;opacity:0;width:196px;height:196px;transition:opacity .2s var(--ease);border-radius:50%;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff73,0 0 0 6px #00000059,0 1.5rem 3rem -1rem #000000d9}.loupe[data-visible]{opacity:1}.loupe canvas{width:100%;height:100%}.loupe__label{font-family:var(--mono);letter-spacing:.08em;color:var(--white);background:#000000a6;border-radius:999px;padding:.12rem .45rem;font-size:.62rem;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}img[data-loupe]{cursor:crosshair}.loupe-hint{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:.75rem;display:none}@media (hover:hover) and (pointer:fine){.js .loupe-hint{display:block}}.capabilities,.process{background:var(--paper);color:var(--ink)}.capabilities .eyebrow,.process .eyebrow{color:var(--plum)}.capabilities .section-lede,.process .section-lede{color:var(--ink-dim)}.capabilities .link-arrow,.process .link-arrow{color:var(--plum)}.capabilities :focus-visible,.process :focus-visible{outline-color:var(--plum)}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem;display:grid}.tile{background:var(--card);border-radius:1.75rem;grid-column:span 2;align-content:start;gap:.7rem;padding:1.75rem;display:grid;position:relative;overflow:hidden}.tile p{color:var(--ink-dim);font-size:1rem}.tile .link-arrow{margin-top:.3rem}.tile--websites,.tile--care{grid-column:span 4}.tile--apps{grid-row:span 2}.tile__name{letter-spacing:-.035em;font-size:1.55rem;font-weight:640}.tile__visual{background:#f0f0f3;border-radius:1.1rem;height:11rem;margin:-.25rem -.25rem .8rem;position:relative;overflow:hidden}.tile__visual--sites{background:linear-gradient(#e9e9ee,#f5f5f7);height:15rem}.tile__visual--sites img{border-radius:.6rem;position:absolute;bottom:-2rem;box-shadow:0 1rem 2.5rem -1rem #00000073}.tile__visual--sites img:first-child{width:22%;left:6%}.tile__visual--sites img:nth-child(2){width:46%;bottom:1.5rem;left:50%;transform:translate(-50%)}.tile__visual--sites img:nth-child(3){width:22%;right:6%}.tile__visual--apps{background:linear-gradient(#1b1b20,#0c0c0f);height:22rem}.tile__visual--apps img{border:5px solid #26262c;border-radius:1.6rem;width:58%;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.tile__visual--code{background:linear-gradient(160deg,#111016,#1b1530);place-items:center;padding:1.25rem;display:grid}.tile__visual--code code{font-family:var(--mono);color:#c4a8ff;word-break:break-word;font-size:.78rem;line-height:1.6}.tile__visual--grid{background:linear-gradient(#550e7814 1px,#0000 1px) 0 0/14px 14px,linear-gradient(90deg,#550e7814 1px,#0000 1px) 0 0/14px 14px,#fbfbfd;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:1.1rem;display:grid}.tile__visual--grid span{border:1px dashed #550e7873;border-radius:.5rem}.tile__visual--grid span:first-child{background:#550e780f;grid-column:span 3}.tile__visual--measure,.tile__visual--care{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.tile__visual--measure span,.tile__visual--care span{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#fff;border:1px solid #0000001f;border-radius:999px;padding:.45rem .8rem;font-size:.72rem}@media (max-width:1000px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile,.tile--websites,.tile--care{grid-column:span 2}.tile--apps{grid-row:auto}}@media (min-width:640px) and (max-width:1000px){.tile:not(.tile--websites){grid-column:span 1}}.specs{background:var(--black);border-top:1px solid var(--rule)}.readouts{border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:900px){.readouts{grid-template-columns:repeat(2,minmax(0,1fr))}}.readout{border-bottom:1px solid var(--rule);gap:.6rem;padding:2rem 1.5rem 2rem 0;display:grid}.readout dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:.72rem}.readout dd{letter-spacing:-.045em;font-variant-numeric:tabular-nums;background:linear-gradient(90deg, var(--white), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,3.6vw,3.1rem);font-weight:620}.readout--text dd{white-space:nowrap;font-size:clamp(1.6rem,2.6vw,2.2rem)}.readout__ref{letter-spacing:0;vertical-align:.7em;margin-left:.08em;font-size:.55em;font-weight:500;line-height:0}.readout__ref a{color:var(--dim);text-decoration:none}.readouts__note{max-width:44rem;color:var(--dim);margin-top:1.5rem;font-size:.8125rem;line-height:1.5}.readouts__note sup{vertical-align:.1em;margin-right:.15em;font-size:1em;line-height:0}.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:2rem 1.5rem;display:grid}.step{border-top:2px solid var(--ink);padding-top:1.25rem}.step__index{font-family:var(--mono);letter-spacing:.1em;color:var(--plum);font-size:.75rem}.step__name{letter-spacing:-.035em;margin:.6rem 0;font-size:1.5rem;font-weight:640}.step p:last-child{color:var(--ink-dim);font-size:.975rem}.contact{background:radial-gradient(50% 30rem at 50% 100%, #8b6cf624, transparent 70%), var(--black);padding-bottom:clamp(4rem,8vw,7rem)}.studio{max-width:64rem;margin:0 auto;position:relative}.studio__laptop{width:100%}.studio__form{background:radial-gradient(80% 60% at 50% 0,#8b6cf629,#0000 70%),#07070a;border-radius:.4rem;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr 1fr;align-content:start;gap:.9rem 1rem;width:73.82%;height:57.94%;padding:clamp(1rem,3%,2rem);display:grid;position:absolute;top:12.45%;left:12.99%}.studio__form-title{letter-spacing:-.035em;grid-column:1/-1;font-size:clamp(1.2rem,2.2vw,1.8rem);font-weight:620}.field{align-content:start;gap:.35rem;display:grid}.field--wide{grid-column:1/-1}.field label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:.68rem}.field input,.field textarea{width:100%;color:var(--white);font:inherit;background:#ffffff0a;border:1px solid #ffffff29;border-radius:.6rem;padding:.6rem .8rem;font-size:.95rem;transition:border-color .25s,box-shadow .25s}.field textarea{resize:none;height:100%;min-height:4.2rem}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--violet);outline:none;box-shadow:0 0 0 3px #b09aff40}.studio__form-foot{grid-column:1/-1;align-items:center;gap:1rem;display:flex}.form-status{color:var(--dim);font-size:.875rem}.form-status[data-state=success]{color:var(--mint)}.form-status[data-state=error]{color:#fda4af}.form-status a{color:var(--violet)}.studio__bar{display:none}@media (max-width:860px){.studio{background:radial-gradient(100% 15rem at 50% 0,#8b6cf633,#0000 70%) content-box content-box,linear-gradient(#08080b,#08080b) content-box content-box,linear-gradient(#000,#000) padding-box padding-box,linear-gradient(155deg,#f4f5f7,#9b9ea4 16%,#dcdee2 36%,#7d8086 60%,#c9cbd0 82%,#eef0f2) border-box;border:3px solid #0000;border-radius:3.1rem;max-width:24rem;padding:.45rem;box-shadow:inset 0 0 0 1px #ffffff12,0 2.5rem 5rem -1.5rem #8b6cf64d}.studio:before,.studio:after{content:"";width:3px;position:absolute}.studio:before{background:linear-gradient(#a3a6ac 0 1.9rem,#0000 0 3.1rem,#a3a6ac 0 6.2rem,#0000 0 6.9rem,#a3a6ac 0);border-radius:2px 0 0 2px;height:9.9rem;top:6.75rem;left:-6px}.studio:after{background:#a3a6ac;border-radius:0 2px 2px 0;height:5.25rem;top:10rem;right:-6px}.studio__laptop{display:none}.studio__bar{color:var(--white);grid-template-columns:1fr auto 1fr;place-items:center;padding:.5rem .4rem 0;display:grid}.studio__time{letter-spacing:-.01em;font-size:.94rem;font-weight:600}.studio__island{background:radial-gradient(circle at calc(100% - .9rem),#1d2436 0 .26rem,#0b0d12 .3rem .42rem,#0000 .46rem),#000;border-radius:999px;width:clamp(5.5rem,29vw,6.4rem);height:1.8rem}.studio__signals{width:auto;height:.7rem}.studio__form{background:0 0;border-radius:0;grid-template-rows:none;grid-template-columns:1fr;gap:1.1rem;width:auto;height:auto;padding:1.25rem 1.2rem .55rem;position:static}.studio__form-title{letter-spacing:-.04em;font-size:1.7rem;font-weight:650}.field label{font-size:.75rem}.field input,.field textarea{border-radius:.85rem;min-height:3rem;padding:.75rem .9rem;font-size:1rem}.field textarea{field-sizing:content;height:auto;min-height:8rem}.studio__form-foot{flex-direction:column;align-items:stretch;gap:0;margin-top:.25rem}.studio__form-foot .button{min-height:3.25rem;font-size:1.0625rem}.form-status:not(:empty){margin-top:.85rem}.studio__form:after{content:"";background:#ffffffd9;border-radius:999px;justify-self:center;width:8.5rem;height:.3rem;margin-top:.4rem}}.dive.is-flat .dive__zoom,.dive:not(.is-live) .dive__marks,.dive:not(.is-live) .dive__labels{display:none}html:not(.js) .dive{height:auto}html:not(.js) .dive__stage{height:auto;min-height:100vh;padding:calc(var(--header) + 2rem) var(--gutter) 4rem;gap:3rem;display:grid;position:relative}html:not(.js) .dive__poster{height:60vh;position:relative}html:not(.js) .beat,html:not(.js) .dive__code,html:not(.js) .dive__system{--progress:1;opacity:1;width:auto;max-width:none;position:relative;inset:auto;transform:translate(0,0)}html:not(.js) .dive__canvas,html:not(.js) .dive__marks,html:not(.js) .dive__labels,html:not(.js) .dive__gauge,html:not(.js) .dive__zoom{display:none}