.bhero{color:var(--ink);padding:calc(var(--section-y) + 3rem) 0 calc(var(--section-y) * .9);background:#eef2f9;position:relative;overflow:hidden}.bhero__backdrop{position:absolute;inset:0;overflow:hidden}.bhero__backdrop img{object-fit:cover;opacity:.8;width:100%;height:100%;transform:scale(1.08)}.bhero__inner{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:min(78svh,820px);display:grid;position:relative}.bhero__kicker{color:var(--royal);margin-bottom:1.4rem}.bhero__title{font-size:var(--fs-display);margin-bottom:1.6rem}.bhero__title em{color:var(--royal)}.bhero__lead{color:var(--on-mist-dim);max-width:38ch;margin-bottom:2.2rem}.bhero__ctas{flex-wrap:wrap;gap:.8rem;display:flex}.bhero .btn{--btn-bg:var(--ink);--btn-fg:var(--mist);--btn-fill:var(--royal)}.bhero .btn--ghost{--btn-bg:transparent;--btn-fg:var(--ink);--btn-fill:var(--ink);box-shadow:inset 0 0 0 1px #0a1a3338}.bhero .btn--ghost:hover,.bhero .btn--ghost:focus-visible{color:var(--mist)}.bhero__facts{flex-wrap:wrap;gap:.5rem;margin-top:2.4rem;display:flex}.bhero__facts li{border-radius:var(--radius);color:var(--ink);background:#ffffff8c;padding:.45rem .9rem;box-shadow:inset 0 0 0 1px #0a1a331a}.bhero__shelf{--tall:min(64svh, 600px);height:var(--tall);justify-content:center;align-items:flex-end;gap:clamp(.6rem,2.4vw,2.2rem);display:flex}.bhero__bottle{height:calc(var(--tall) * var(--s));margin:0;position:relative}.bhero__bottle .bottle{height:100%}.bhero__bottle.is-main{z-index:1}.bhero__bottle figcaption{white-space:nowrap;color:var(--royal);position:absolute;top:calc(100% + .9rem);left:50%;translate:-50%}.bsteps{z-index:1;background:var(--deep);color:var(--on-deep);padding:var(--section-y) 0 calc(var(--section-y) * 1.1);position:relative}.bsteps__kicker{color:var(--glint);margin-bottom:1.2rem}.bsteps__title{font-size:var(--fs-h2);max-width:16ch}.bsteps__title em{color:var(--glint-2)}.bsteps__list{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);margin-top:clamp(3rem,8vh,5rem);display:grid}.bsteps__step{border-top:1px solid var(--line-deep);align-content:start;gap:.8rem;padding-top:1.6rem;display:grid;position:relative}.bsteps__step:before{content:"";background:var(--glint);width:2.6rem;height:1px;position:absolute;top:-1px;left:0}.bsteps__n{color:var(--glint);font-size:.85rem}.bsteps__step h3{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:350;line-height:1.15}.bsteps__step p{color:var(--on-deep-dim);font-size:.98rem;line-height:1.55}.bfaq{z-index:1;color:var(--ink);padding:var(--section-y) 0;background:#fff;position:relative}.bfaq__inner{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(3rem,7vw,7rem);display:grid}.bfaq__kicker{color:var(--royal);margin-bottom:1.2rem}.bfaq__title{font-size:var(--fs-h2)}.bfaq__title em{color:var(--royal)}.bfaq__facts{background:var(--line-mist);box-shadow:inset 0 0 0 1px var(--line-mist);border-radius:22px;grid-template-columns:1fr 1fr;gap:1px;margin:clamp(2rem,5vh,3rem) 0 0;display:grid;overflow:hidden}.bfaq__facts>div{background:var(--mist);align-content:start;gap:.35rem;padding:1.4rem 1.3rem;display:grid}.bfaq__facts dt{font-family:var(--font-display);color:var(--royal);font-size:clamp(1.9rem,3.2vw,2.7rem);font-weight:300;line-height:1}.bfaq__facts dt small{font-size:.9rem;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-mist-dim);margin-left:.3rem}.bfaq__facts dd{font-size:var(--fs-small);color:var(--on-mist-dim);margin:0}.bfaq__call{color:var(--on-mist-dim);margin-top:1.6rem}.bfaq__call a{color:var(--royal);white-space:nowrap;font-weight:560}.bfaq__list{border-top:1px solid var(--line-mist)}.bfaq__item{border-bottom:1px solid var(--line-mist)}.bfaq__item summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 0;font-size:clamp(1.15rem,1.6vw,1.45rem);font-weight:400;list-style:none;display:flex}.bfaq__item summary::-webkit-details-marker{display:none}.bfaq__item summary i{width:2.2rem;height:2.2rem;box-shadow:inset 0 0 0 1px var(--line-mist);transition:background-color .3s ease, rotate .5s var(--ease-out);border-radius:50%;flex:none;position:relative}.bfaq__item summary i:before,.bfaq__item summary i:after{content:"";background:var(--ink);width:.8rem;height:1.5px;position:absolute;top:50%;left:50%;translate:-50% -50%}.bfaq__item summary i:after{transition:opacity .3s;rotate:90deg}.bfaq__item[open] summary i{background:var(--glint-2);rotate:180deg}.bfaq__item[open] summary i:after{opacity:0}.bfaq__item summary:hover i{background:var(--mist)}.bfaq__item p{max-width:54ch;color:var(--on-mist-dim);padding:0 3.2rem 1.6rem 0;line-height:1.6}@media (width<=899px){.bhero{padding-top:calc(var(--section-y) + 2rem)}.bhero__inner{grid-template-columns:1fr;min-height:0}.bhero__shelf{--tall:min(52svh, 440px);margin-top:1rem;padding-bottom:2.2rem}.bsteps__list{grid-template-columns:1fr 1fr}.bfaq__inner{grid-template-columns:1fr}}@media (width<=560px){.bsteps__list{grid-template-columns:1fr}.bfaq__facts>div{padding:1.1rem 1rem}}.studio{z-index:1;background:var(--mist);color:var(--ink);padding:calc(var(--section-y) * .7) 0 var(--section-y);position:relative}.studio__head{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:1.5rem 4rem;margin-bottom:clamp(3rem,7vh,5rem);display:grid}.studio__kicker{color:var(--royal);grid-column:1/-1}.studio__title{font-size:var(--fs-display)}.studio__title em{color:var(--royal)}.studio__lead{color:var(--on-mist-dim);padding-bottom:.6rem}.studio__grid{grid-template:"name stage""controls stage"1fr/minmax(0,5fr) minmax(0,6fr);align-items:start;gap:2.2rem clamp(2rem,5vw,5rem);display:grid}.studio__name{grid-area:name;gap:1.4rem;padding-top:.5rem;display:grid}.field--small input{border-bottom-width:1px;font-size:clamp(1.1rem,1.5vw,1.35rem)}.studio__optional{opacity:.6;margin-left:.4rem}.studio__controls{grid-area:controls;gap:2.2rem;display:grid}.field{gap:.6rem;display:grid}.field label,.choice legend{color:var(--on-mist-dim)}.field input{border:0;border-bottom:1.5px solid var(--ink);width:100%;font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);background:0 0;border-radius:0;padding:.35em 0;font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:400;transition:border-color .3s}.field input::placeholder{color:#0a1a3352}.field input:focus{border-bottom-color:var(--royal);outline:none}.field input:focus-visible{box-shadow:0 2px 0 var(--royal)}.choice{border:0;min-width:0;margin:0;padding:0}.choice legend{margin-bottom:.8rem;padding:0}.choice__row{flex-wrap:wrap;gap:.5rem;display:flex}.choice__opt{box-shadow:inset 0 0 0 1px var(--line-mist);cursor:pointer;border-radius:1.2rem;gap:.1rem;padding:.75rem 1.2rem;transition:background-color .35s,color .35s,box-shadow .35s;display:grid;position:relative}.choice__opt input{opacity:0;pointer-events:none;position:absolute}.choice__opt span{font-weight:540}.choice__opt small{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;opacity:.6;font-size:.68rem}.choice__opt:hover{box-shadow:inset 0 0 0 1px var(--ink)}.choice__opt.is-on{background:var(--ink);color:var(--mist);box-shadow:inset 0 0 0 1px var(--ink)}.choice__opt:has(input:focus-visible){outline:2px solid var(--royal);outline-offset:3px}.studio__note{color:var(--on-mist-dim);font-size:var(--fs-small);margin-top:-1.4rem}.studio__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;display:flex}.studio .btn--line{--btn-bg:transparent;--btn-fg:var(--ink);--btn-fill:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.studio .btn--line:hover,.studio .btn--line:focus-visible{color:var(--mist)}.studio .btn:disabled{cursor:progress;opacity:.75}.studio__status{min-height:1.4em;font-size:var(--fs-small);color:var(--royal);margin-top:-1.2rem}.studio__call{border-bottom:1px solid;justify-self:start;align-items:center;gap:.5rem;padding-bottom:.1rem;font-weight:540;display:inline-flex}.studio__terms{border-top:1px solid var(--line-mist);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.04em;color:var(--on-mist-dim);gap:.5rem;padding-top:1.6rem;display:grid}.studio__terms li{gap:.7rem;display:flex}.studio__terms li:before{content:"";background:var(--royal);border-radius:50% 0 50% 50%;flex:none;width:6px;height:6px;margin-top:.45em;rotate:-45deg}.studio__logo .studio__note{margin-top:.7rem}.studio__drop{cursor:pointer;transition:border-color .3s ease, background-color .3s ease, transform .4s var(--ease-out);background:#ffffff8c;border:1.5px dashed #0e419459;border-radius:18px;align-items:center;gap:1rem;padding:1.1rem 1.2rem;display:flex}.studio__drop:hover,.studio__drop.is-over{border-color:var(--royal);background:#0e41940f}.studio__drop.is-over{transform:scale(1.02)}.studio__drop.is-busy{cursor:progress;opacity:.7}:is(.studio__logo:has(input[type=file]:focus-visible) .studio__drop,.studio__logo:has(input[type=file]:focus-visible) .studio__logo-card){outline:2px solid var(--royal);outline-offset:3px}.studio__drop-icon{background:var(--ink);width:3rem;height:3rem;color:var(--mist);border-radius:50%;flex:none;place-items:center;display:grid}.studio__drop-icon svg{width:1.3rem;height:1.3rem}.studio__drop-text{gap:.15rem;display:grid}.studio__drop-text strong{font-weight:560}.studio__drop-text small{color:var(--on-mist-dim);font-size:var(--fs-small)}.studio__logo-card{box-shadow:inset 0 0 0 1px var(--line-mist);animation:studio-pop .6s var(--ease-out);background:#ffffffb3;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.6rem 1rem;padding:.8rem 1rem .8rem .8rem;display:grid}@keyframes studio-pop{0%{opacity:0;transform:scale(.96)}}.studio__logo-thumb{background:repeating-conic-gradient(#e6edf5 0 25%, #fff 0 50%) 0 0 / 12px 12px;border-radius:12px;place-items:center;width:3.6rem;height:3.6rem;display:grid;overflow:hidden}.studio__logo-thumb img{object-fit:contain;max-width:88%;max-height:88%}.studio__logo-name{font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;font-weight:540;overflow:hidden}.studio__link{font-size:var(--fs-small);color:var(--royal);cursor:pointer;border-bottom:1px solid;font-weight:560}.studio__switch{font-size:var(--fs-small);cursor:pointer;grid-column:1/-1;align-items:center;gap:.7rem;display:inline-flex}.studio__switch input{opacity:0;position:absolute}.studio__switch span{background:#0a1a332e;border-radius:1rem;flex:none;width:2.4rem;height:1.4rem;transition:background-color .3s;position:relative}.studio__switch span:after{content:"";width:1rem;height:1rem;transition:transform .35s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:.2rem;left:.2rem;box-shadow:0 1px 3px #00000040}.studio__switch input:checked+span{background:var(--royal)}.studio__switch input:checked+span:after{transform:translate(1rem)}.studio__switch input:focus-visible+span{outline:2px solid var(--royal);outline-offset:2px}.studio__error{font-size:var(--fs-small);color:#b3261e;margin-top:.7rem}.studio__swatches{flex-wrap:wrap;gap:.55rem;display:flex}.studio__swatch{width:2.4rem;height:2.4rem;box-shadow:inset 0 0 0 1px var(--line-mist);cursor:pointer;transition:box-shadow .3s ease, transform .4s var(--ease-out);border-radius:50%;padding:3px;position:relative}.studio__swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.studio__swatch span{pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #0a1a331f}.studio__swatch:hover{transform:scale(1.08)}.studio__swatch.is-on{box-shadow:inset 0 0 0 2px var(--ink)}.studio__swatch:has(input:focus-visible){outline:2px solid var(--royal);outline-offset:3px}.studio__swatch--custom span{background:conic-gradient(#f44,#fd4,#4d4,#4dd,#44f,#d4d,#f44)}.studio__note--actions{max-width:44ch;margin-top:-1.2rem}.studio__stage{background:var(--deep);height:min(84svh,820px);min-height:520px;color:var(--on-deep);isolation:isolate;border-radius:28px;grid-area:stage;position:sticky;top:5.5rem;overflow:hidden}.studio__light{z-index:-1;pointer-events:none;background:radial-gradient(90% 55% at 50% -8%,#bfe6ff6b,#0000 62%),radial-gradient(70% 45% at 50% 108%,#0e4194bf,#0000 72%),linear-gradient(#0d4796 0%,#0a3473 42%,#061e47 78%,#04122e 100%);position:absolute;inset:0}.studio__light:before{content:"";background:repeating-linear-gradient(100deg,#ffffff0d 0 3%,#0000 3% 9%,#ffffff08 9% 11%,#0000 11% 17%);position:absolute;inset:0 -20%;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.studio__zoomer{transform-origin:0 0;position:absolute;inset:0}.studio__bottle{height:80%;translate:-50%;transform:scale(var(--scale,1));transform-origin:50% 100%;transition:transform .9s var(--ease-out);position:absolute;bottom:7%;left:50%}.studio__bottle .bottle{--bottle-shadow:#0000008c;animation:studio-swap .9s var(--ease-out) both}@keyframes studio-swap{0%{opacity:0;transform:translateY(6%)}}.studio__caption{color:var(--glint);transition:opacity .4s;position:absolute;bottom:1.2rem;left:1.4rem}.studio__views{z-index:3;border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line-deep);-webkit-backdrop-filter:blur(10px);background:#04122e8c;padding:.25rem;display:flex;position:absolute;top:1rem;left:50%;translate:-50%}.studio__views button{border-radius:var(--radius);color:var(--on-deep-dim);white-space:nowrap;padding:.5rem 1rem;font-size:.85rem;font-weight:540;transition:background-color .35s,color .35s}.studio__views button[aria-pressed=true]{background:var(--glint-2);color:var(--deep)}.studio__hint{z-index:3;border-radius:var(--radius);max-width:calc(100% - 2rem);color:var(--glint-2);text-align:center;pointer-events:none;background:#04122e99;padding:.45rem .9rem;animation:2.4s ease-in-out infinite studio-hint;position:absolute;bottom:6.6rem;left:50%;translate:-50%}@keyframes studio-hint{50%{opacity:.55}}.studio__tools{z-index:3;border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line-deep);-webkit-backdrop-filter:blur(10px);color:var(--on-deep);white-space:nowrap;animation:studio-pop .6s var(--ease-out);background:#04122eb3;align-items:center;gap:.35rem;padding:.35rem .5rem;display:flex;position:absolute;bottom:3.4rem;left:50%;translate:-50%}.studio__tools button{border-radius:var(--radius);min-width:2.2rem;height:2.2rem;color:var(--on-deep);place-items:center;transition:background-color .3s;display:grid}.studio__tools button:hover{background:#bfe6ff24}.studio__tools svg{width:1.1rem;height:1.1rem}.studio__tools input[type=range]{width:clamp(5rem,12vw,9rem);accent-color:var(--glint)}.studio__tools output{text-align:center;min-width:3.2rem;color:var(--glint-2)}.studio__tool-text{padding:0 .7rem;font-size:.82rem;font-weight:540}@media (width<=899px){.studio__head{grid-template-columns:1fr}.studio__grid{grid-template:"name""stage""controls"/1fr;gap:1.6rem}.studio__stage{border-radius:22px;height:min(64svh,560px);min-height:400px;position:relative;top:auto}.studio__bottle{height:76%;bottom:11%}.studio__caption{text-align:center;font-size:.66rem;bottom:.9rem;left:0;right:0}.studio__actions .btn{flex:12rem;justify-content:center}.studio__stage.has-logo .studio__caption{opacity:0}.studio__tools{gap:.15rem;max-width:calc(100% - 1rem);bottom:.8rem}.studio__hint{font-size:.62rem;bottom:4rem}.studio__tools input[type=range]{width:4.5rem}.studio__tool-text{padding:0 .45rem}.studio__views button{padding:.45rem .8rem;font-size:.8rem}}@media (hover:none),(pointer:coarse){.studio__views,.studio__tools{-webkit-backdrop-filter:none;backdrop-filter:none;background:#04122ee0}}
