.introduction .vial-viewer{position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.vial-stage{position:relative;height:490px;min-height:300px;overflow:hidden;background:#111110;border-bottom:1px solid #393126}.introduction .vial-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vial-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;outline-offset:-4px}.vial-canvas[hidden]{display:none}.vial-canvas.is-dragging{cursor:grabbing}.vial-viewer.is-ready .vial-fallback{visibility:hidden}.vial-help{position:absolute;bottom:16px;left:20px;margin:0;font-size:11px;letter-spacing:.02em;color:#9e9586;pointer-events:none}.vial-switch{display:flex;gap:8px;position:relative;justify-content:center;padding:17px 0 7px}.vial-switch[hidden],.vial-tools[hidden],.vial-help[hidden]{display:none}.vial-switch button{font:inherit;font-size:12px;border:1px solid #413c34;background:transparent;border-radius:3px;color:#9e988e;padding:8px 15px}.vial-switch button[aria-pressed=true]{border-color:#b69661;color:#e0c696;background:#b696610a}.vial-switch small{font-size:10px;margin-left:7px;color:#9e988e}.vial-tools{position:absolute;top:16px;right:14px;display:flex;gap:8px;z-index:2}.vial-tools button{font:inherit;font-size:10px;line-height:1.4;border:1px solid #38342e;border-radius:3px;color:#b1a999;background:#111110d9;padding:7px 10px}.vial-tools button:hover,.vial-switch button:hover{background:#2a2520}.introduction .vial-viewer figcaption{margin:9px 0 0;letter-spacing:0;font-size:11px}.introduction .vial-viewer figcaption span{font-size:10px}.vial-canvas:focus-visible{outline:2px solid #d0ae72}.vial-stage:focus-within .vial-help{color:#e4d1ad}
@media(max-width:1100px){.vial-stage{height:460px}.vial-switch button{padding:8px 11px}}
@media(max-width:700px){.introduction .vial-viewer{margin-top:23px}.vial-stage{height:380px}.vial-switch{padding:13px 0 5px}.vial-switch button{font-size:12px;flex:1;padding:10px 8px}.vial-tools{top:10px;right:10px}.vial-tools button{font-size:10px}.vial-help{bottom:12px;left:12px;font-size:10px}.introduction .vial-viewer figcaption{font-size:10px}}

/* The studio backdrop extends behind the full hero, including its top navigation. */
.landing header{position:relative;z-index:3;background:transparent;border-bottom-color:#b79a642b}
.introduction{position:relative;isolation:isolate;min-height:630px;padding-top:43px;padding-bottom:43px}
.introduction::before{content:'';position:absolute;z-index:-2;inset:-120px -60px -1px;background:#111110 url('assets/luxury-studio.png') 65% center/cover no-repeat;transform:translateY(calc(var(--hero-scroll,0)*14px));pointer-events:none}
.introduction::after{content:'';position:absolute;z-index:-1;inset:-120px -60px -1px;background:linear-gradient(90deg,rgba(12,12,11,.93) 0%,rgba(12,12,11,.76) 32%,rgba(12,12,11,.23) 63%,rgba(12,12,11,.06) 100%),linear-gradient(0deg,#111110 0%,transparent 18%,transparent 90%,rgba(12,12,11,.6) 100%);pointer-events:none}
.vial-stage{height:520px;background:transparent;border:0;isolation:isolate}
.vial-canvas{background:transparent}
.vial-help{color:#c9bca7;text-shadow:0 1px 5px #000;font-size:10px;letter-spacing:.05em;left:50%;transform:translateX(-50%);white-space:nowrap;bottom:13px}
.vial-tools{opacity:0;transition:opacity .2s}
.vial-viewer:hover .vial-tools,.vial-viewer:focus-within .vial-tools{opacity:1}
.vial-switch{padding-top:10px}
.vial-switch button{background:#111110a6;backdrop-filter:blur(6px)}
.vial-switch button[aria-pressed=true]{background:#201b13b3}
.introduction .vial-viewer figcaption{padding:0 5px}
.intro-copy h1{color:#f1eade;text-shadow:0 2px 24px #0008}
.intro-description{color:#c3bbb0}
.product-index{position:relative;z-index:1;background:#111110}
@media(max-width:1100px){.introduction::before,.introduction::after{left:-35px;right:-35px}.vial-stage{height:480px}}
@media(max-width:700px){.introduction{min-height:0;padding-top:29px;padding-bottom:24px}.introduction::before,.introduction::after{left:-22px;right:-22px;top:-90px}.introduction::before{background-position:60% center}.introduction::after{background:linear-gradient(180deg,rgba(12,12,11,.85) 0%,rgba(12,12,11,.64) 36%,rgba(12,12,11,.12) 66%,#111110 100%)}.vial-stage{height:395px}.vial-tools{opacity:1}.vial-tools button{font-size:9px;padding:6px 8px}.vial-help{font-size:9px;bottom:10px}.intro-description{color:#c3bbb0}}
@media(prefers-reduced-motion:reduce){.introduction::before{transform:none}.vial-tools{transition:none}}
.introduction::before{transform:none}
.vial-help{bottom:0;font-size:9px}