:root{--cream:#eee8de;--cream-deep:#d9cfc1;--espresso:#1d1713;--brown:#2e2019;--copper:#bf765f;--line:#1d171329}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--espresso);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--copper);outline-offset:4px}.experience-shell{background:var(--cream);min-height:100svh}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;padding:0 clamp(22px,4vw,64px);display:flex}.wordmark{letter-spacing:-.075em;font:500 24px/1 Georgia,serif;text-decoration:none}.wordmark sup,.modal-footer sup{vertical-align:top;margin-left:2px;font:7px/1 Arial,sans-serif}.header-meta{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:13px;font-size:8px;font-weight:700;display:flex}.header-meta i{background:var(--copper);border-radius:50%;width:3px;height:3px}.product-page{grid-template-columns:minmax(360px,.76fr) minmax(520px,1.24fr);min-height:calc(100svh - 126px);display:grid}.story-panel{border-right:1px solid var(--line);background:radial-gradient(circle at 0 0, #fffc, transparent 36%), var(--cream);flex-direction:column;justify-content:center;padding:clamp(54px,7vw,105px) clamp(34px,5.2vw,92px) 44px clamp(24px,6vw,96px);display:flex}.overline,.modal-index{letter-spacing:.18em;text-transform:uppercase;margin:0 0 27px;font-size:8px;font-weight:800}.overline span{color:var(--copper);margin-right:12px}.story-panel h1{letter-spacing:-.07em;margin:0;font:400 clamp(56px,5.8vw,96px)/.87 Georgia,Times New Roman,serif}.story-panel h1 em{color:#a85543;font-weight:400}.story-copy{color:#1d17139e;max-width:435px;margin:31px 0 42px;font-size:13px;line-height:1.72}.feature-menu{border-top:1px solid var(--line);max-width:490px}.feature-menu button{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:30px 1fr 22px;align-items:center;width:100%;min-height:62px;padding:0 2px;display:grid}.feature-menu button>span{color:#1d171361;font-size:8px}.feature-menu button div{gap:3px;display:grid}.feature-menu strong{font:400 18px/1 Georgia,serif;transition:color .2s}.feature-menu small{color:#1d17136b;letter-spacing:.1em;text-transform:uppercase;font-size:7px}.feature-menu b{border:1px solid var(--line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:400;transition:all .2s;display:grid}.feature-menu button:hover strong{color:#a85543}.feature-menu button:hover b{color:#fff;border-color:var(--espresso);background:var(--espresso);transform:rotate(45deg)}.viewer-panel{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;isolation:isolate;background:radial-gradient(circle at 50% 40%,#fffffff2 0,#ffffff4d 30%,#0000 53%),linear-gradient(145deg,#ddd3c6 0%,#cdbfae 100%);place-items:center;min-height:calc(100svh - 126px);display:grid;position:relative;overflow:hidden}.viewer-panel:active{cursor:grabbing}.viewer-panel:before{content:"";z-index:-1;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:absolute;inset:0}.viewer-topline{z-index:6;color:#1d171385;letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;font-size:7px;font-weight:800;display:flex;position:absolute;top:25px;left:30px;right:30px}.ambient-ring{aspect-ratio:1;border:1px solid #1d17131c;border-radius:50%;width:min(49vw,600px);position:absolute}.ambient-ring:before{content:"";border:1px solid #1d17130f;border-radius:50%;position:absolute;inset:13%}.table-line{background:#1d17131a;height:1px;position:absolute;bottom:16%;left:0;right:0;box-shadow:0 70px 90px 30px #4731241a}.product-shadow{z-index:1;filter:blur(14px);background:#1d100a4d;border-radius:50%;width:250px;height:30px;transition:transform 80ms linear;position:absolute;bottom:13.4%}.bottle-webgl{z-index:3;filter:drop-shadow(10px 22px 13px #23140b33);width:348px;height:min(72svh,690px);position:relative}.bottle-webgl canvas{pointer-events:none;width:100%;height:100%;display:block}.hotspot{z-index:6;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;transition:opacity .16s,transform 80ms linear;display:flex;position:absolute}.hotspot:before{content:"";z-index:-1;background:#1d17137a;width:58px;height:1px;position:absolute;top:50%}.hotspot span{color:#fff;background:var(--espresso);border-radius:50%;place-items:center;width:31px;height:31px;font-size:15px;font-weight:300;transition:background .2s,transform .2s;display:grid;box-shadow:0 0 0 5px #eee8de85}.hotspot b{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);letter-spacing:.13em;text-transform:uppercase;background:#eee8deb8;border:1px solid #1d17131f;border-radius:99px;padding:7px 9px;font-size:7px}.hotspot:hover span{background:#a85543;transform:rotate(45deg)}.hotspot-logo{top:47%;left:calc(50% + 96px)}.hotspot-label{flex-direction:row-reverse;top:61%;right:calc(50% + 104px)}.hotspot-bottle{top:23%;left:calc(50% + 72px)}.hotspot-logo:before,.hotspot-bottle:before{right:100%}.hotspot-logo:before{width:96px}.hotspot-label:before{left:100%}.rotation-control{z-index:5;color:#1d17138c;grid-template-columns:18px 1fr 18px;align-items:center;gap:12px;width:min(340px,58%);font-size:11px;display:grid;position:absolute;bottom:27px;left:50%}.rotation-control div{background:#1d171340;height:1px;position:relative}.rotation-control i{background:var(--copper);border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;transform:translate(-50%)}.mobile-instruction{display:none}footer{border-top:1px solid var(--line);color:#1d17137a;letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:48px;padding:0 clamp(22px,4vw,64px);font-size:7px;font-weight:700;display:flex}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#140e0aa3;place-items:center;padding:22px;animation:.22s both fade-in;display:grid;position:fixed;inset:0}.info-modal{background:#f0e9df;width:min(650px,100%);padding:clamp(38px,5.2vw,70px);animation:.3s both modal-up;position:relative;box-shadow:0 35px 110px #00000057}.modal-close{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:38px;height:38px;font-size:22px;font-weight:200;position:absolute;top:18px;right:18px}.modal-index{color:#a85543}.info-modal h2{letter-spacing:-.055em;max-width:500px;margin:0;font:400 clamp(42px,5vw,67px)/.92 Georgia,serif}.modal-copy{color:#1d1713b3;margin:31px 0 49px;font-size:13px;line-height:1.78}.modal-footer{border-top:1px solid var(--line);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-top:18px;font-size:7px;display:flex}.modal-footer span:first-child{letter-spacing:-.06em;text-transform:none;font:500 17px/1 Georgia,serif}@keyframes fade-in{0%{opacity:0}}@keyframes modal-up{0%{opacity:0;transform:translateY(18px)}}@media (width<=980px){.product-page{grid-template-columns:minmax(310px,.72fr) minmax(450px,1.28fr)}.story-panel{padding-left:38px;padding-right:34px}.story-panel h1{font-size:clamp(52px,7vw,72px)}.ambient-ring{width:58vw}}@media (width>=721px) and (width<=900px){.product-page{flex-direction:column;min-height:auto;display:flex}.story-panel{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:48px 54px 40px}.story-panel h1{font-size:72px}.story-copy{max-width:560px}.feature-menu{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:none;display:grid}.feature-menu button{border-bottom:0;border-right:1px solid var(--line);min-height:78px;padding:0 13px}.feature-menu button:last-child{border-right:0}.feature-menu small{display:none}.viewer-panel{min-height:690px}.ambient-ring{width:620px}.bottle-webgl{width:330px;height:620px}}@media (width<=720px){.site-header{height:62px}.header-meta span:first-child,.header-meta i{display:none}.product-page{flex-direction:column;min-height:auto;display:flex}.story-panel{border-right:0;min-height:auto;padding:31px 22px 0}.overline{margin-bottom:13px}.story-panel h1{font-size:clamp(48px,15vw,68px)}.story-copy{max-width:94%;margin:18px 0 0;font-size:11px;line-height:1.6}.feature-menu{display:none}.viewer-panel{background:radial-gradient(circle at 50% 38%,#ffffffeb,#0000 52%),linear-gradient(145deg,#ded4c7,#cdbfae);min-height:650px;margin-top:-16px}.viewer-topline{top:27px;left:19px;right:19px}.ambient-ring{width:96vw}.bottle-webgl{width:310px;height:540px}.product-shadow{width:190px;bottom:16.5%}.table-line{bottom:19%}.hotspot b{display:none}.hotspot:before{width:36px}.hotspot-logo{top:47%;left:calc(50% + 83px)}.hotspot-logo:before{width:82px}.hotspot-label{top:58%;right:calc(50% + 86px)}.hotspot-bottle{top:23%;left:calc(50% + 62px)}.rotation-control{width:74%;bottom:49px}.mobile-instruction{color:#1d171375;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:7px;font-weight:800;display:block;position:absolute;bottom:19px}footer{min-height:44px}footer span:last-child{display:none}.info-modal{max-height:82svh;padding:45px 27px 29px;overflow-y:auto}.modal-copy{margin-bottom:34px;font-size:12px}.modal-footer span:last-child{display:none}}@media (height<=730px) and (width>=721px){.bottle-webgl{width:300px;height:570px}.story-panel{padding-top:40px}.story-panel h1{font-size:64px}.story-copy{margin:22px 0 26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}