/* Quora: cinematic product experience */
body{background:#080f20}.reading-progress{position:fixed;top:0;left:0;height:2px;background:#b1c4f2;transform-origin:left;transform:scaleX(0);width:100%;z-index:90;box-shadow:0 0 14px #9bb4ef}.site-header{height:76px;left:4vw;right:4vw;background:linear-gradient(#0e162866,transparent);backdrop-filter:blur(15px)}.site-header .wordmark{font-size:25px;letter-spacing:-.055em}.desktop-nav{font-size:12px;gap:30px}.country{display:none}.nav-order{border:1px solid #d7dff344;padding:10px 16px;border-radius:30px;background:#ced7eb0b}.hero{height:105svh;min-height:800px;max-height:1250px;background:#091020}.hero-art{position:absolute;inset:0;background:url('assets/liquid-hero.png') center 56%/cover no-repeat;opacity:.8;transform:scale(1.04);animation:waterBreathing 22s ease-in-out infinite;z-index:-1}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#080e1c33,transparent 60%,#080f1f),linear-gradient(90deg,#070d1b66,transparent 40%,transparent 70%,#070d1c44);z-index:0}.hero-supertype{position:absolute;top:12%;left:0;right:0;text-align:center;font:700 22.3vw/.85 var(--display);letter-spacing:-.085em;padding-right:1.8vw;color:#d6e0f616;text-shadow:0 0 70px #91aae514;z-index:1;user-select:none}.hero-content>.eyebrow{top:113px;left:4vw;font-size:9px;color:#c6d3f2;letter-spacing:.2em}.hero-coordinate{position:absolute;top:111px;right:4vw;z-index:4;font:8px/1.8 var(--font);letter-spacing:.12em;color:#c0cce7;text-align:right}.hero h1{font-size:clamp(34px,4.9vw,80px);padding:0 4vw;top:53%;letter-spacing:-.04em;line-height:1.1;text-shadow:0 2px 30px #00000055}.hero h1 span:last-child{max-width:23%;text-align:left}.hero-product{top:22%;left:23%;width:54%;height:63%;z-index:3}.hero-bottle-large{height:98%;left:32%;top:-1%;filter:drop-shadow(12px 25px 15px #060c1888);animation:floatLarge 11s ease-in-out infinite}.hero-bottle-small{height:67%;left:5%;bottom:-3%;filter:drop-shadow(10px 20px 13px #060b1799)}.callout-large{right:-3%;top:15%;font-size:7px}.callout-small{left:3%;bottom:-2%;font-size:7px}.product-callout b{font-size:17px}.halo{display:block;position:absolute;left:25%;top:0;width:57%;height:85%;background:radial-gradient(ellipse,#99b2ee40,transparent 65%);filter:blur(30px)}.liquid-orbit{position:absolute;inset:15% 0;border-radius:50%;border:1px solid #b3c6f344;transform:rotate(-25deg) rotateX(65deg);box-shadow:0 0 22px #c1d1f522,inset 0 0 18px #b9cbf422;z-index:-1}.bottle-platform{position:absolute;bottom:-4%;left:8%;width:87%;height:13%;border-radius:50%;background:radial-gradient(ellipse,#dce5f90f 25%,#c5d4f657 29%,transparent 32%,transparent 48%,#cddaf723 50%,transparent 54%);filter:blur(2px);transform:rotate(-8deg)}.hero-orbit-label{position:absolute;right:0;bottom:14%;font-size:7px;letter-spacing:.23em;writing-mode:vertical-rl;color:#a1b4df}.hero-brand-note{left:4vw;bottom:137px;font-size:9px;display:flex;flex-wrap:wrap;width:230px;gap:7px}.hero-brand-note span{border-radius:20px;padding:7px 11px;background:#a9bae30b;border-color:#a4b7e438;backdrop-filter:blur(12px)}.hero-bottom{left:4vw;right:4vw;bottom:86px;border-color:#afc1ec33;font-size:8px}.hero-bottom>span:first-child{visibility:visible;color:#b2bdd8}.hero-content>p{left:4vw;bottom:28px;font-size:10px;max-width:380px}.hero-content>.button{right:4vw;bottom:27px;border-radius:30px;padding:16px 22px;font-size:11px;gap:45px}.droplet-layer{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.glass-droplet{position:absolute;left:var(--x);top:-80px;width:var(--size);height:calc(var(--size)*1.24);border-radius:48% 48% 50% 50%;background:radial-gradient(ellipse at 28% 23%,#ffffff99 0%,#dee7fa55 10%,transparent 28%),radial-gradient(ellipse at 72% 80%,#bfcff466,transparent 38%),linear-gradient(130deg,#e3eafb08,#627dbc05);border:1px solid #cfdbf755;box-shadow:inset 2px 2px 4px #d8e2f944,inset -2px -3px 5px #091021aa,2px 4px 9px #070c1933;backdrop-filter:blur(1px);opacity:var(--opacity);animation:fallSlow var(--duration) linear infinite;animation-delay:var(--delay)}.brand-strip{padding:26px 4vw;background:#080f20;letter-spacing:.1em}.brand-strip strong{font-size:18px;letter-spacing:-.03em}.strip-end{font-size:11px;color:#9eabca}.section-shell{padding:110px 6vw}main>.story{order:2}main>.size-experience{order:3}main>.flow-marquee{order:4}main>.collection{order:5}main>.occasions{order:6}main>.contact-panel{order:7}main>.faq{order:8}.story{min-height:980px;padding-top:150px;padding-bottom:150px;align-items:center;background:radial-gradient(ellipse at 72% 50%,#16264b77,transparent 50%),linear-gradient(180deg,#080f20,transparent 22%,transparent 85%,#0a1226)}.story-copy{max-width:47%}.story-copy h2{font-size:clamp(54px,6.8vw,104px);font-weight:400;line-height:.98;letter-spacing:-.065em;text-transform:none}.story-copy h2 em{background:linear-gradient(90deg,#a0b8f0,#f6f9fe);background-clip:text;-webkit-background-clip:text;color:transparent}.story-copy>p{max-width:380px;font-size:14px;line-height:1.9;color:#b4bed5}.story .eyebrow{color:#94a9d9;font-size:9px;margin-bottom:40px}.story-facts{gap:40px;max-width:400px;padding-top:26px;margin-top:36px}.story-facts strong{font-family:var(--display);font-size:36px;letter-spacing:-.05em}.story-facts span{font-size:10px}.story-visual{top:18%;right:4%;height:65%;width:47%;opacity:1!important;transform:none!important}.water-sculpture{position:absolute;inset:0}.sculpture-glass{position:absolute;left:23%;top:21%;width:53%;height:56%;border:1px solid #c9d6f660;border-radius:50% 50% 48% 52%/65% 65% 35% 35%;transform:rotate(-25deg);background:radial-gradient(ellipse at 25% 19%,#ecf1fccc,transparent 11%),radial-gradient(ellipse at 25% 70%,#a6bcf055,transparent 48%),linear-gradient(130deg,#dde6fa11 25%,#070c1888 51%,#dde6fa55 91%,#ebf0fcaa);box-shadow:inset 8px 10px 25px #cddaf777,inset -15px -20px 30px #00000099,0 20px 80px #7195e822;backdrop-filter:blur(9px);animation:glassFloat 12s ease-in-out infinite}.sculpture-ring{position:absolute;inset:20% 0;border:1px solid #98b2ee44;border-radius:50%;transform:rotate(-28deg) rotateX(58deg);box-shadow:0 0 12px #cbd8f618}.sculpture-ring.r2{inset:6% 15%;transform:rotate(42deg) rotateX(48deg);border-color:#e8eefb44}.sculpture-ring.r3{inset:15% -7%;transform:rotate(65deg) rotateX(60deg);border-style:dashed;border-color:#a1b6e72a}.story-annotation{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-evenly;pointer-events:none;font-size:7px;letter-spacing:.09em;color:#a0b0d6}.story-annotation span{padding:9px 0;border-bottom:1px solid #a7bae733;width:150px;align-self:flex-end}.story-annotation span:nth-child(2){align-self:flex-start}.story-visual-top{font-size:7px;top:3%;right:10%}.story-visual-bottom{right:4%;bottom:0;font-size:29px}.story-visual-bottom small{font-size:8px;letter-spacing:.12em}.size-experience{background:#e6e9f0;color:#182543;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;min-height:850px;overflow:hidden;position:relative;padding:90px 6vw}.size-experience:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,#fbfcfe,transparent 60%),repeating-linear-gradient(0deg,transparent,transparent 89px,#24345910 90px);pointer-events:none}.size-copy{position:relative;z-index:3}.size-copy .eyebrow{font-size:9px;letter-spacing:.14em}.size-copy h2{font-size:clamp(48px,6vw,90px);letter-spacing:-.06em;line-height:1.02}.size-copy h2 em{color:#5a698c}.size-copy>p{font-size:13px;line-height:1.8;color:#54607d;margin-top:28px}.size-switch{display:flex;background:#d9dde7;border:1px solid #afb8cd55;border-radius:60px;padding:6px;width:max-content;margin-top:30px}.size-switch button{color:#435377;background:transparent;font:26px/1 var(--display);padding:16px 25px;border-radius:40px;transition:background .3s,color .3s,box-shadow .3s}.size-switch button small{font-size:12px}.size-switch button.selected{background:#142650;color:#ecf1fc;box-shadow:0 5px 20px #28365733}.size-collection-link{display:flex;justify-content:space-between;max-width:220px;border-bottom:1px solid #717e9e77;font-size:12px;padding:0 0 12px;margin-top:30px}.size-stage{height:650px;position:relative;isolation:isolate}.size-backdrop{position:absolute;top:13%;width:100%;text-align:center;font:500 25vw/.8 var(--display);letter-spacing:-.09em;color:#acb6cd55;z-index:-1;transition:opacity .5s}.size-bottle{position:absolute;height:84%;width:auto;max-width:none;left:50%;bottom:70px;transform:translateX(-50%) rotate(8deg);filter:drop-shadow(16px 24px 13px #24355d38);transition:height .8s cubic-bezier(.22,1,.36,1),transform .8s;z-index:2}.size-experience[data-selected-size='500'] .size-bottle{height:61%;transform:translateX(-50%) rotate(-8deg)}.size-ring{position:absolute;left:10%;top:27%;width:85%;height:47%;border-radius:50%;border:1px solid #6f82af44;transform:rotate(-25deg);z-index:1}.size-ring.sr2{transform:rotate(42deg);border-color:#c8d0e4;left:5%;width:96%;height:38%;top:32%}.size-ruler{position:absolute;right:1%;top:12%;height:65%;border-right:1px solid #7483a555;width:20px;background:repeating-linear-gradient(180deg,#64759c55 0,#64759c55 1px,transparent 1px,transparent 18px);background-size:9px 100%;background-position:right;background-repeat:no-repeat}.size-ruler span{position:absolute;writing-mode:vertical-rl;right:-21px;top:5px;font-size:7px;letter-spacing:.12em}.size-caption{position:absolute;bottom:0;left:7%;right:5%;display:flex;align-items:center;gap:25px;border-top:1px solid #64739744;padding-top:22px}.size-caption>span{font:500 40px/1 var(--display);letter-spacing:-.06em;white-space:nowrap}.size-caption p{font-size:11px;color:#505e7f;max-width:180px}.size-detail{position:absolute;top:0;right:4%;font-size:7px;letter-spacing:.1em;color:#667390;text-align:right}.flow-marquee{background:#bbc8e7;overflow:hidden;color:#192b56;border-top:1px solid #7382a455;border-bottom:1px solid #7382a455;padding:29px 0}.flow-marquee>div{display:flex;align-items:center;gap:50px;width:max-content;animation:flowLine 35s linear infinite}.flow-marquee span{font:400 clamp(32px,4vw,64px)/1 var(--display);letter-spacing:-.035em;white-space:nowrap}.flow-marquee i{font-size:30px;font-style:normal;color:#596e9f}.collection{padding:110px 6vw;background:#080f1ee8;min-height:0}.collection .section-heading{display:flex;align-items:flex-end;margin-bottom:60px;gap:40px}.collection .eyebrow{text-align:left;margin-bottom:28px;font-size:9px;color:#b2c1e4}.collection h2{font-size:clamp(45px,5.7vw,86px);line-height:1.02;text-transform:none;text-align:left;letter-spacing:-.055em}.collection h2 br{display:block}.collection h2 em{display:inline;color:#9aacd7}.collection .section-intro{font-size:12px;text-align:left;max-width:320px}.filter-controls{justify-content:flex-start;gap:6px}.filter{border-radius:30px;padding:10px 16px;background:#b5c4e608;border-color:#c1d0f333;font-size:10px}.products{grid-template-columns:1fr 1fr;gap:28px;align-items:start}.product-card{background:#e4e7ef;color:#172547;overflow:hidden;border:1px solid #dde3f02b;transition:background .5s,box-shadow .5s}.large-product[data-grade='a']{background:#f0f1ee}.large-product[data-grade='b']{background:#d9e1f3}.product-visual{height:480px;isolation:isolate;background:radial-gradient(ellipse at 50% 70%,#afb8cc66,transparent 57%)}.card-top{top:26px;left:27px;right:27px;align-items:center}.product-badge{font-size:9px;letter-spacing:.1em;padding:8px 13px;border:1px solid #3c4b6d33;border-radius:30px;background:#fcfcfe77;color:#1e2e53}.product-index{font-size:7px;letter-spacing:.06em;color:#505c79}.volume-backdrop{font-size:clamp(120px,15vw,235px);top:72px;left:0;right:0;color:#6e7b9b23;letter-spacing:-.07em;line-height:.9}.volume-backdrop span{font-size:.25em;letter-spacing:-.04em}.product-bottle.large{height:350px;bottom:48px}.product-bottle.small{height:265px;bottom:41px}.product-bottle{transform:translateX(-50%) rotate(7deg);filter:drop-shadow(13px 18px 12px #13244d44);transition:transform .7s,opacity .3s}.product-card:hover .product-bottle{transform:translateX(-50%) rotate(0deg) translateY(-8px)}.product-orbit{position:absolute;left:11%;right:11%;top:28%;height:50%;border:1px solid #7683a144;border-radius:50%;transform:rotate(-30deg);z-index:-1;box-shadow:inset 0 0 25px #ffffff33}.product-orbit:after{content:'';position:absolute;inset:10% -5%;border:1px solid #ffffff88;border-radius:50%;transform:rotate(55deg)}.volume-measure{position:absolute;right:27px;bottom:65px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:7px;color:#596686;letter-spacing:.07em}.volume-measure i{height:115px;width:7px;border-right:1px solid #616f8f66;background:repeating-linear-gradient(0deg,#616f8f66 0,#616f8f66 1px,transparent 1px,transparent 12px)}.small-product .volume-measure i{height:70px}.visual-caption{bottom:19px;left:27px;font-size:7px;letter-spacing:.09em}.product-details{padding:25px 27px 23px;border-top:1px solid #47547226}.product-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.product-kicker{display:block;font-size:7px;letter-spacing:.09em;margin-bottom:8px;color:#525f7f}.product-heading h3{font:500 34px/1.1 var(--display);letter-spacing:-.05em}.price{font-size:33px;line-height:1.15}.price b{font-weight:500}.price>span{font-size:10px}.price small{font-size:9px;color:#576587;margin-top:6px}.grade-selection{margin-top:26px}.grade-selection>span{display:block;font-size:8px;letter-spacing:.1em;color:#4f5d7e;margin-bottom:10px}.grade-selection>div{display:flex;gap:8px}.grade-option{display:flex;align-items:center;gap:10px;padding:12px;width:50%;border:1px solid #77839e44;background:#f7f9fe33;color:#344367;text-align:left;transition:background .25s,border-color .25s}.grade-option i{font-style:normal;font:400 26px var(--display);color:#667391}.grade-option>span{font-size:12px;line-height:1.2}.grade-option small{display:block;font-size:8px;margin-top:5px;color:#6c7792}.grade-option>b{font-size:12px;margin-left:auto;opacity:0}.grade-option.selected{background:#16274e;color:white;border-color:#16274e}.grade-option.selected i,.grade-option.selected small{color:#c4d0ec}.grade-option.selected>b{opacity:1}.grade-pack-detail{font-size:9px;color:#546181;min-height:16px;margin:15px 0}.product-details .product-add{padding:15px 18px;border:1px solid #23335930;background:#13254e;color:#f3f6fd;font-size:11px;border-radius:0}.product-details .product-add:hover{background:#283c6a}.product-add>span{font-size:19px}.compact-story{display:flex;gap:16px;align-items:center;margin-top:26px;min-height:94px;border-top:1px solid #56658933;border-bottom:1px solid #56658933}.compact-story>span{font:400 50px var(--display);letter-spacing:-.05em;color:#49587a}.compact-story>p{font-size:11px;line-height:1.7;color:#57678b}.compact-story>b{margin-left:auto;font-size:18px;font-weight:400;color:#7785a5}.range-note{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:23px 0;border-top:1px solid #9dadd22b}.range-note>span{font-size:9px;letter-spacing:.08em;color:#cad2e4}.range-note>p{font-size:10px;line-height:1.8;color:#8e9bb9}.bulk-ribbon{display:grid;grid-template-columns:1fr 1.6fr 50px;gap:25px;align-items:center;width:100%;text-align:left;padding:30px;border:1px solid #98abd93d;background:linear-gradient(120deg,#31416744,#93aae119);margin-top:22px;color:#d3ddf4}.bulk-ribbon>span:first-child{font-size:8px;letter-spacing:.12em;max-width:170px}.bulk-ribbon strong{font:400 24px var(--display);letter-spacing:-.03em}.ribbon-arrow{display:grid;place-items:center;height:48px;width:48px;border:1px solid #c9d6f566;border-radius:50%;font-size:20px;transition:background .2s}.bulk-ribbon:hover .ribbon-arrow{background:#bfcff4;color:#13244d}.occasions{background:#0b1326;padding-top:105px;padding-bottom:100px}.occasions h2{font-size:clamp(48px,6vw,85px);line-height:1.02;letter-spacing:-.06em}.occasions .section-intro{font-size:13px}.occasion-grid{gap:20px;border:0;grid-template-columns:repeat(3,1fr)}.occasion,.occasion+.occasion{padding:27px 27px 23px;border:1px solid #96a5c933;border-radius:0;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#30426d55,transparent 70%),#17213788;min-height:390px;transition:transform .5s,background .5s;isolation:isolate}.occasion:nth-child(2){background:radial-gradient(ellipse at 80% 20%,#9daed433,transparent 70%),#1e283f99}.occasion:nth-child(3){background:radial-gradient(ellipse at 80% 20%,#677fa644,transparent 70%),#161f33}.occasion:before{content:'';position:absolute;width:230px;height:230px;border:1px solid #b9cbf41f;border-radius:50%;right:-70px;top:30px;box-shadow:0 0 0 35px #afbfe50a,0 0 0 70px #afbfe505;z-index:-1;transition:transform 1s}.occasion:hover{transform:translateY(-8px)}.occasion:hover:before{transform:translate(-12px,10px) scale(1.15)}.occasion svg{height:52px;width:52px;margin:45px 0 30px}.occasion h3{font-size:34px}.occasion p{font-size:12px;line-height:1.9;max-width:230px;min-height:46px;margin-bottom:30px}.occasion-link{font-size:10px}.contact-panel{min-height:1000px;padding-top:120px;background:linear-gradient(#080f2088,#080f2000 50%,#080f20),url('assets/liquid-hero.png') center bottom/cover no-repeat}.contact-panel h2{font-size:clamp(50px,7.4vw,112px);text-transform:none;letter-spacing:-.055em;line-height:1.03}.contact-panel h2 em{color:#a5baec}.contact-panel>.reveal{max-width:90%;text-shadow:0 0 35px #00000055}.contact-panel p{font-size:14px;color:#bfcae4;line-height:1.9}.contact-actions{margin-top:35px}.contact-actions .button{padding:19px 25px;border-radius:30px;gap:45px}.contact-person{padding:24px 30px;background:#0a1328aa;backdrop-filter:blur(18px);border:1px solid #b1c2ea44;min-width:310px}.contact-decoration{display:block;position:absolute;bottom:180px;left:5%;font:700 22vw/1 var(--display);letter-spacing:-.08em;color:#d7e1f90a;pointer-events:none}.faq{padding-top:90px;padding-bottom:100px;background:#e7eaf0;color:#172648;gap:60px}.faq .eyebrow{color:#5a6785}.faq h2{font-size:clamp(45px,5vw,70px);letter-spacing:-.055em}.faq h2 em{color:#6c7999}.faq-list details{border-color:#7d8aa744;padding:23px 0}.faq-list summary{font-size:14px}.faq-list details p{font-size:12px;color:#586584;line-height:1.9}.site-footer{background:#080e1d;padding:65px 6vw 24px;overflow:hidden}.footer-supertype{font:700 20.6vw/.9 var(--display);letter-spacing:-.075em;color:#b1c0e2;position:relative;padding-bottom:65px;margin-left:-1%;user-select:none}.footer-supertype>span{font:9px var(--font);letter-spacing:.5em;position:absolute;right:2%;bottom:60px}.footer-top{padding-top:40px;border-top:1px solid #a6b3d22d}.footer-top .wordmark{font-size:35px}.footer-top p{font-size:12px}.footer-bottom{font-size:9px}.motion-paused .hero-art,.motion-paused .glass-droplet,.motion-paused .flow-marquee>div,.motion-paused .sculpture-glass{animation-play-state:paused}.motion-toggle{border-radius:30px}.order-item img{width:36px;height:68px}.order-item.small img{height:50px}.order-dialog{background:#0e1a35}.dialog-header{background:#0e1a35}.order-dialog .button{border-radius:30px}
@keyframes waterBreathing{0%,100%{transform:scale(1.04) translateY(0)}50%{transform:scale(1.1) translateY(-8px)}}@keyframes fallSlow{from{transform:translate(0,-80px) rotate(-9deg)}to{transform:translate(18px,calc(110vh + 160px)) rotate(12deg)}}@keyframes glassFloat{0%,100%{transform:translateY(0) rotate(-25deg)}50%{transform:translateY(-22px) rotate(-18deg)}}@keyframes flowLine{to{transform:translateX(-50%)}}
@media(max-width:1100px){.hero{min-height:760px}.hero h1{font-size:4.6vw}.hero-product{left:20%;width:58%;height:62%;top:24%}.hero-supertype{top:17%}.hero-bottle-large{left:33%}.hero-bottle-small{left:7%}.hero-content>.eyebrow{font-size:8px}.story{min-height:850px;padding-top:110px;padding-bottom:110px}.story-copy h2{font-size:7vw}.story-copy>p{font-size:12px}.size-experience{min-height:750px;grid-template-columns:1fr 1fr}.size-stage{height:570px}.size-copy h2{font-size:6vw}.size-caption>span{font-size:33px}.size-caption p{font-size:10px}.collection .section-heading{gap:25px}.collection h2{font-size:5.8vw}.product-visual{height:420px}.product-bottle.large{height:310px}.product-bottle.small{height:235px}.product-details{padding:22px}.product-heading h3{font-size:29px}.price{font-size:28px}.grade-option{gap:8px;padding:10px 8px}.grade-option i{font-size:22px}.grade-option>span{font-size:11px}.grade-option small{font-size:7px}.grade-selection{margin-top:23px}.compact-story{min-height:89px;margin-top:23px}.compact-story>span{font-size:44px}.compact-story>p{font-size:10px}.bulk-ribbon strong{font-size:21px}.occasion,.occasion+.occasion{padding:24px 21px;min-height:380px}.occasion h3{font-size:29px}.occasion p{font-size:11px}.occasion-number{font-size:8px}.contact-panel{min-height:860px}.contact-panel h2{font-size:7.2vw}}
@media(max-width:700px){.site-header{height:65px;left:20px;right:20px}.site-header .wordmark{font-size:22px}.nav-actions{gap:14px}.nav-order{padding:8px 12px}.mobile-nav{top:64px;left:-20px;right:-20px}.hero{height:100svh;min-height:790px;max-height:1100px}.hero-art{background-position:51% 55%;background-size:auto 100%;opacity:.85}.hero-supertype{font-size:24vw;top:18%;left:-2%;padding:0;letter-spacing:-.075em;opacity:.9}.hero-coordinate{top:89px;right:20px;font-size:6px}.hero-content>.eyebrow{top:89px;left:20px;font-size:6px;max-width:145px;line-height:1.9}.hero h1{top:31%;font-size:7vw;padding:0 20px}.hero h1 span:last-child{max-width:none;text-align:right}.hero-product{top:36%;height:45%;left:3%;width:90%}.hero-bottle-large{height:99%;left:36%}.hero-bottle-small{height:67%;left:12%;bottom:-5%}.hero-orbit-label{font-size:5px;right:-2%;bottom:18%}.callout-large{font-size:5px;right:-7%;top:5%;max-width:95px}.callout-small{font-size:5px;left:3%;bottom:-3%}.product-callout b{font-size:11px}.hero-content>p{left:20px;bottom:26px;font-size:6px;max-width:48%;line-height:1.7}.hero-content>.button{right:20px;bottom:23px;padding:13px 15px;font-size:8px;gap:13px}.hero-brand-note{left:20px;bottom:107px;width:160px;font-size:6px;gap:5px}.hero-brand-note span{padding:5px 7px}.hero-bottom{left:20px;right:20px;bottom:72px;font-size:6px;padding-bottom:12px}.hero-bottom>span:first-child{visibility:hidden}.hero-bottom>a{left:auto;right:0;transform:none}.brand-strip{padding:22px 20px;font-size:6px;gap:14px}.brand-strip strong{font-size:12px}.section-shell{padding:75px 23px}.story{min-height:1080px;padding-top:85px;display:block;background:linear-gradient(#080f20,transparent 20%,transparent 80%,#0a1226)}.story-copy{max-width:100%;position:relative}.story-copy h2{font-size:14vw;line-height:1.03;max-width:360px}.story .eyebrow{font-size:7px;margin-bottom:30px}.story-copy>p{font-size:12px;max-width:330px;line-height:1.8}.story-facts{gap:35px;margin-top:30px;padding-top:23px}.story-facts strong{font-size:29px}.story-facts span{font-size:8px}.story-visual{width:86%;height:360px;top:auto;bottom:55px;right:7%}.story-annotation{font-size:6px}.story-annotation span{width:125px}.story-visual-top{font-size:6px}.story-visual-bottom{font-size:21px}.sculpture-glass{top:18%;height:65%;width:47%;left:28%}.size-experience{display:flex;flex-direction:column;min-height:0;padding:75px 23px 40px;gap:40px}.size-copy{align-self:stretch}.size-copy h2{font-size:13vw;line-height:1.03}.size-copy>p{font-size:12px;margin-top:20px}.size-switch{margin-top:24px}.size-switch button{font-size:23px;padding:13px 23px}.size-collection-link{position:absolute;right:0;bottom:4px;max-width:130px;width:35%;font-size:9px;gap:12px}.size-stage{width:100%;height:540px}.size-backdrop{font-size:66vw;top:17%}.size-bottle{height:82%;bottom:70px}.size-experience[data-selected-size='500'] .size-bottle{height:60%}.size-caption{bottom:0;left:0;right:0;gap:23px}.size-caption>span{font-size:36px}.size-caption p{font-size:10px}.size-ring{left:0;width:96%}.size-ruler{right:7%;top:13%;height:62%}.size-ruler span{font-size:6px}.size-detail{font-size:6px}.flow-marquee{padding:23px 0}.flow-marquee>div{gap:30px}.flow-marquee span{font-size:34px}.flow-marquee i{font-size:22px}.collection .section-heading{display:block;margin-bottom:35px}.collection h2{font-size:12vw;line-height:1.04}.collection .eyebrow{font-size:7px;margin-bottom:25px}.collection .section-intro{font-size:12px;margin-top:25px;max-width:none}.products{grid-template-columns:1fr;gap:26px}.product-visual{height:430px}.volume-backdrop{font-size:42vw;top:90px}.volume-backdrop span{font-size:.24em}.product-bottle.large{height:320px;bottom:48px}.product-bottle.small{height:240px;bottom:42px}.card-top{left:23px;right:23px;top:23px}.product-badge{font-size:8px;padding:7px 12px}.product-index{font-size:6px}.volume-measure{right:23px;font-size:6px}.visual-caption{left:23px;font-size:6px}.product-details{padding:23px}.product-heading h3{font-size:31px}.price{display:block;font-size:30px;text-align:right;margin:0}.price>span{font-size:10px}.price small{font-size:8px;margin-top:5px}.product-kicker{font-size:6px}.grade-selection{margin-top:25px}.grade-selection>span{font-size:7px}.grade-option{padding:12px 10px;gap:10px}.grade-option i{font-size:25px}.grade-option>span{font-size:12px}.grade-option small{font-size:8px}.grade-pack-detail{font-size:9px;margin:16px 0}.product-details .product-add{font-size:11px}.compact-story{min-height:90px}.compact-story>span{font-size:48px}.compact-story>p{font-size:11px}.range-note{grid-template-columns:1fr;gap:14px;margin-top:23px;padding-top:23px}.range-note>span{font-size:8px}.range-note>p{font-size:10px}.bulk-ribbon{grid-template-columns:1fr 40px;gap:12px;padding:22px}.bulk-ribbon>span:first-child{grid-column:1;font-size:6px}.bulk-ribbon strong{grid-column:1;font-size:20px;line-height:1.4}.ribbon-arrow{grid-column:2;grid-row:1/3;width:39px;height:39px;font-size:18px}.occasions h2{font-size:12vw}.occasions .section-intro{font-size:12px}.occasion-grid{grid-template-columns:1fr;gap:16px}.occasion,.occasion+.occasion{padding:27px;min-height:340px}.occasion svg{position:static;margin:35px 0 24px;width:45px;height:45px}.occasion h3{font-size:34px}.occasion p{font-size:12px;min-height:0;max-width:90%;margin-bottom:24px}.occasion-number{font-size:8px}.occasion-link{border-top:1px solid #bbc8e63a;padding-top:15px}.contact-panel{min-height:900px;padding-top:85px;background-position:53% bottom}.contact-panel>.reveal{max-width:100%}.contact-panel h2{font-size:12.5vw;line-height:1.04}.contact-panel .eyebrow{font-size:7px}.contact-panel p{font-size:12px;max-width:290px}.contact-actions .button{padding:16px 22px;gap:35px}.contact-person{padding:22px;min-width:280px}.contact-decoration{font-size:25vw;bottom:200px}.faq{gap:35px}.faq h2{font-size:12vw}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.site-footer{padding-top:45px;padding-bottom:25px}.footer-supertype{font-size:22vw;padding-bottom:45px}.footer-supertype>span{font-size:6px;bottom:24px;right:0;letter-spacing:.4em}.footer-top{padding-top:30px;gap:28px 20px}.footer-top p{font-size:10px}.footer-bottom{font-size:7px}.motion-toggle{right:12px;bottom:12px}.glass-droplet{opacity:calc(var(--opacity)*.8)}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .hero-art,body:not(.motion-enabled) .glass-droplet,body:not(.motion-enabled) .flow-marquee>div,body:not(.motion-enabled) .sculpture-glass{animation:none!important}body:not(.motion-enabled) .glass-droplet{top:var(--static-y,30%)}.size-bottle,.product-bottle{transition:none}}

.site-header{background:rgba(8,15,31,.88)}
.site-header{left:0;right:0;width:100%;padding-left:4vw;padding-right:4vw}
@media(max-width:700px){.site-header{left:0;right:0;padding-left:20px;padding-right:20px}.site-header .wordmark{left:20px}.mobile-nav{left:0;right:0}}

/* A legible presenter nameplate over the moving water. */
.size-backdrop,.size-ring,.size-ruler,.volume-backdrop,.product-orbit,.volume-measure i{display:none}
.size-experience:before{background:radial-gradient(ellipse at 70% 50%,#fbfcfe,transparent 60%)}
.hero-coordinate{top:104px;right:4vw;min-width:244px;padding:19px 24px 20px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:linear-gradient(135deg,rgba(14,26,53,.97),rgba(9,16,33,.94));border:1px solid #bdcdf477;border-top:2px solid #d7e1f9;border-radius:3px 3px 18px 3px;box-shadow:0 12px 32px #00000033;backdrop-filter:blur(14px);color:#ffffff;letter-spacing:0}
.hero-coordinate .presenter-label{font:500 11px/1.3 var(--font);text-transform:uppercase;letter-spacing:.21em;color:#e0e7f7}
.hero-coordinate strong{font:650 32px/1.1 var(--display);letter-spacing:.035em;color:#ffffff}
.hero-coordinate .presenter-location{font:500 13px/1.4 var(--font);letter-spacing:.06em;color:#e0e7f7;border-top:1px solid #cbd6f044;padding-top:9px;width:100%}
@media(max-width:700px){.hero-coordinate{top:87px;right:20px;min-width:0;width:160px;padding:13px 15px 14px;gap:7px;border-radius:3px 3px 14px 3px}.hero-coordinate .presenter-label{font-size:10px;letter-spacing:.15em}.hero-coordinate strong{font-size:25px;letter-spacing:.015em}.hero-coordinate .presenter-location{font-size:11px;letter-spacing:.015em;padding-top:7px}.hero-content>.eyebrow{max-width:calc(100% - 205px)}}

/* Slow glass drops beneath the size experience content. */
.size-water-scene{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.65}
.size-copy,.size-stage{position:relative;z-index:2}
.sculpture-glass{top:12%;left:24%;width:54%;height:76%;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;animation:waterDropFloat 12s ease-in-out infinite}
.sculpture-glass svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 20px 24px #080f1f77)}
@keyframes waterDropFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-20px) rotate(3deg)}}
@media(max-width:700px){.sculpture-glass{top:5%;left:18%;width:64%;height:89%}.size-water-scene{opacity:.45}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .sculpture-glass{animation:none}}

/* Deep-water size explorer with clearly visible glass droplets. */
.size-experience{background:#0a1226;color:#f0f3fc}
.size-experience:before{background:radial-gradient(ellipse at 75% 45%,#2b437b55,transparent 65%),linear-gradient(150deg,#0e1933,#080f1e)}
.size-copy .eyebrow{color:#c2d0f1}.size-copy h2 em{color:#91a6d6}.size-copy>p{color:#b8c5e2}
.size-switch{background:#19284b;border-color:#889dcf44}.size-switch button{color:#bcc9e6}.size-switch button.selected{background:#cfdbf7;color:#122143;box-shadow:0 5px 22px #00000033}
.size-collection-link{color:#dee7fa;border-color:#9aadd855}.size-caption{border-color:#9aadd844}.size-caption>span{color:#f0f4fd}.size-caption p,.size-detail{color:#bfccec}
.size-water-scene{opacity:.95}.size-bottle{filter:drop-shadow(15px 25px 25px #00000088)}
@media(max-width:700px){.size-water-scene{opacity:.8}}
/* A photographic, midnight-blue product studio. */
.size-experience{min-height:820px;padding:90px 6vw 65px;grid-template-columns:1fr 1.16fr;background:#080e1c url('assets/size-water-studio.png') center/cover no-repeat;isolation:isolate}
.size-experience:before{z-index:1;background:linear-gradient(90deg,rgba(5,10,21,.52),transparent 63%);pointer-events:none}
.size-water-scene{opacity:1;z-index:0}
.size-copy{z-index:3;align-self:center;padding-bottom:35px}
.size-copy .eyebrow{font-size:10px;letter-spacing:.2em;color:#9ba8c6;margin-bottom:44px}
.size-copy h2{font-size:clamp(64px,6.25vw,104px);line-height:1.04;font-weight:400;letter-spacing:-.065em}
.size-copy h2 em{color:#a4b4d8;font-style:normal}
.size-copy>p{font-size:15px;line-height:1.9;color:#b0bad2;max-width:325px;margin-top:30px}
.size-selector-label{display:block;color:#8e9cbd;font-size:9px;letter-spacing:.19em;margin-top:40px}
.size-switch{margin-top:14px;padding:4px;border-color:#afbddf3d;background:#0d18318c;backdrop-filter:blur(14px);border-radius:10px;gap:4px}
.size-switch button{min-width:110px;font-size:27px;padding:17px 24px;border-radius:6px;color:#bdc7df}
.size-switch button small{font-size:11px;margin-left:3px}
.size-switch button.selected{background:linear-gradient(130deg,#e5ecfb,#aebcdd);color:#111e3d;box-shadow:inset 0 1px 0 #ffffff99,0 5px 18px #00000033}
.size-switch button:focus-visible{outline:2px solid #e9eefb;outline-offset:4px}
.size-collection-link{margin-top:25px;max-width:232px;padding-bottom:12px;font-size:11px;letter-spacing:.02em;border-color:#8f9dbd44}
.size-stage{height:650px;z-index:2}
.size-stage:before{content:'';position:absolute;left:22%;right:17%;bottom:75px;height:60px;border-radius:50%;background:radial-gradient(ellipse,#afc2ed3b,transparent 67%);filter:blur(10px);transform:scaleX(1.4);pointer-events:none}
.size-bottle{height:78%;bottom:65px;left:52%;transform:translateX(-50%) rotate(3deg);filter:brightness(.93) saturate(.9) drop-shadow(16px 20px 15px #00000099);transition:height .85s cubic-bezier(.22,1,.36,1),transform .85s}
.size-experience[data-selected-size='500'] .size-bottle{height:55%;transform:translateX(-50%) rotate(-3deg)}
.size-detail{top:8px;right:1%;font-size:8px;line-height:1.9;letter-spacing:.13em;color:#a1b0d2}
.size-caption{bottom:0;left:18%;right:4%;gap:22px;padding:20px 0 0;border-color:#c7d4f230}
.size-caption>span{font-size:38px;letter-spacing:-.05em}
.size-caption p{font-size:11px;color:#b4bfd9;line-height:1.8;max-width:185px}
@media(min-width:1600px){.size-experience{padding-top:110px;padding-bottom:90px}.size-stage{height:720px}}
@media(max-width:1000px) and (min-width:701px){.size-experience{min-height:750px;padding-left:5vw;padding-right:5vw}.size-copy h2{font-size:6.7vw}.size-stage{height:570px}.size-copy>p{max-width:270px}.size-caption{left:8%}}
@media(max-width:700px){
 .size-experience{min-height:0;padding:70px 25px 32px;gap:24px;background-position:62% center}
 .size-experience:before{background:linear-gradient(180deg,#060c18cc 0,transparent 55%)}
 .size-copy{width:100%;padding:0;align-self:stretch}
 .size-copy .eyebrow{font-size:8px;margin-bottom:28px}
 .size-copy h2{font-size:15vw;line-height:1.04}
 .size-copy>p{font-size:13px;line-height:1.8;max-width:290px;margin-top:22px}
 .size-selector-label{font-size:8px;margin-top:26px}
 .size-switch{margin-top:12px}.size-switch button{min-width:92px;font-size:24px;padding:14px 18px}
 .size-collection-link{position:static;max-width:194px;width:auto;margin-top:20px;font-size:10px}
 .size-stage{height:475px;width:100%}.size-bottle{height:77%;bottom:78px;left:51%}
 .size-experience[data-selected-size='500'] .size-bottle{height:54%}
 .size-caption{left:0;right:0;gap:20px;padding-top:17px}.size-caption>span{font-size:34px}.size-caption p{font-size:10px}
 .size-detail{font-size:6px;right:0;top:0}.size-stage:before{bottom:62px}
 .size-water-scene{opacity:1}
}
@media(prefers-reduced-motion:reduce){.size-bottle{transition:none}}
.demo-note{font-size:12px;line-height:1.7;color:#646e87;padding-top:20px;border-top:1px solid #808aa133}

/* Mobile motion uses compositor transforms, without a second WebGL context. */
.mobile-water{display:none;position:absolute;inset:42% 0 0;z-index:1;pointer-events:none;overflow:hidden;contain:layout paint}
.light-water-motion .mobile-water{display:block}
.mobile-water i{position:absolute;left:var(--mx);top:-12%;width:var(--ms);height:calc(var(--ms)*1.28);border-radius:48% 52% 55% 45%;border:1px solid #cedaf799;background:radial-gradient(ellipse at 25% 18%,#ffffff 0,#e4ebfb99 7%,transparent 28%),radial-gradient(ellipse at 70% 82%,#9cb5ef88,transparent 38%),linear-gradient(140deg,#c3d2f522,#111f3f33);box-shadow:inset 2px 2px 3px #e3eafa66,inset -2px -3px 4px #070d1b88,1px 4px 8px #00000044;animation:mobileDropFall var(--md) linear infinite;animation-delay:var(--delay);will-change:transform}
.mobile-water i:nth-child(1){--mx:14%;--ms:24px;--md:16s;--delay:-4s}
.mobile-water i:nth-child(2){--mx:82%;--ms:33px;--md:19s;--delay:-11s}
.mobile-water i:nth-child(3){--mx:38%;--ms:13px;--md:14s;--delay:-8s}
.mobile-water i:nth-child(4){--mx:93%;--ms:18px;--md:17s;--delay:-2s}
.mobile-water i:nth-child(5){--mx:8%;--ms:14px;--md:21s;--delay:-16s}
@keyframes mobileDropFall{0%{transform:translate3d(0,0,0) rotate(-8deg);opacity:0}10%,85%{opacity:.8}100%{transform:translate3d(12px,680px,0) rotate(12deg);opacity:0}}
@keyframes mobileBottleFloat{0%,100%{translate:0 0}50%{translate:0 -11px}}
.light-water-motion .size-bottle{animation:mobileBottleFloat 7s ease-in-out infinite}
.motion-paused .mobile-water i,.motion-paused .size-bottle{animation-play-state:paused}
@media(max-width:700px),(pointer:coarse){.mobile-water{display:block}.size-bottle{animation:mobileBottleFloat 7s ease-in-out infinite}.hero-art{animation-duration:14s}.glass-droplet{backdrop-filter:none}.motion-toggle{left:12px;right:auto;bottom:14px;min-height:40px;padding:10px 13px;z-index:100}.motion-toggle>span{display:inline;font-size:10px}.size-water-scene{display:none}}
/* Illustrated source-to-sip explanation. */
.story.source-process{display:block;min-height:0;padding:105px 6vw 80px;background:radial-gradient(ellipse at 85% 0,#20325d55,transparent 50%),#091021;overflow:hidden}
.source-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:55px}
.source-heading .eyebrow{font-size:10px;color:#9baed9;letter-spacing:.17em;margin-bottom:25px}
.source-heading h2{font:400 clamp(45px,5.8vw,88px)/1.03 var(--display);letter-spacing:-.055em;text-transform:none}
.source-heading h2 em{font-style:normal;color:#9db0db}
.source-intro{max-width:360px;padding-bottom:5px}.source-intro p{font-size:16px;line-height:1.9;color:#c0c9df}.source-intro>span{display:block;margin-top:22px;font-size:8px;letter-spacing:.13em;color:#8797bd}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.process-card{border:1px solid #8a9fcf2b;background:linear-gradient(150deg,#17254666,#0d172f);min-width:0;border-radius:4px;overflow:hidden}
.process-image{position:relative;background:#0b1429;border-bottom:1px solid #8a9fcf20}.process-image img{display:block;width:100%;height:auto}.process-step{position:absolute;top:18px;left:18px;color:#9fb1da;font-size:10px;letter-spacing:.12em;z-index:1}
.process-copy{padding:24px 22px 29px}.process-copy h3{font:500 22px/1.25 var(--display);letter-spacing:-.035em;color:#edf1fc;margin-bottom:14px}.process-copy p{font-size:13px;line-height:1.85;color:#adb9d6}
.mineral-summary{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;border-top:1px solid #90a3d038;border-bottom:1px solid #90a3d038;padding:29px 0;margin-top:36px}.mineral-summary .eyebrow{display:block;font-size:9px;color:#8fa0c9;margin-bottom:17px}.mineral-summary ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.mineral-summary li{padding:9px 15px;border:1px solid #91a7db33;border-radius:30px;color:#d6dff4;font-size:12px;background:#86a0dc08}
.tds-summary{text-align:right;padding-left:40px;border-left:1px solid #90a3d038}.tds-summary>span{display:block;font-size:8px;letter-spacing:.15em;color:#8fa0c9}.tds-summary strong{display:block;font:400 45px/1.1 var(--display);letter-spacing:-.045em;color:#e6ecfb;margin:7px 0}.tds-summary small{font-size:10px;color:#a3b1d2}
.process-illustration-note{margin-top:17px;text-align:right;color:#6f80a8;font-size:9px;letter-spacing:.04em}
@media(max-width:1100px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-heading{gap:35px}.source-intro p{font-size:14px}.process-copy h3{font-size:24px}}
@media(max-width:700px){.story.source-process{padding:74px 23px 48px}.source-heading{display:block;margin-bottom:32px}.source-heading .eyebrow{font-size:8px;margin-bottom:22px}.source-heading h2{font-size:14vw;line-height:1.04}.source-intro{margin-top:27px}.source-intro p{font-size:13px;line-height:1.85}.source-intro>span{font-size:7px;margin-top:16px}.process-grid{grid-template-columns:1fr;gap:20px}.process-image img{max-height:250px;object-fit:contain}.process-copy{padding:22px 23px 27px}.process-copy h3{font-size:25px}.process-copy p{font-size:13px}.mineral-summary{grid-template-columns:1fr;gap:27px;margin-top:28px;padding:25px 0}.mineral-summary ul{gap:8px}.mineral-summary li{font-size:11px;padding:8px 13px}.tds-summary{text-align:left;border-left:0;border-top:1px solid #90a3d025;padding:23px 0 0}.tds-summary strong{font-size:42px}.process-illustration-note{text-align:left;font-size:8px}.hero h1 span:last-child{line-height:1.04}}

/* Photographic process cards retain the complete people/equipment framing. */
.process-photo img{aspect-ratio:4/3;object-fit:cover;max-height:none}
.process-photo .process-step{top:13px;left:13px;padding:7px 10px;border:1px solid #dce5f935;border-radius:3px;background:#091021d9;color:#e9eefb;backdrop-filter:blur(5px)}

/* Clearly identified grades, with both true bottle sizes in each collection. */
.hero .product-callout{padding:12px 15px;gap:0;border:1px solid #b4c5ed66;border-radius:4px;background:#0c162ed9;backdrop-filter:blur(12px);box-shadow:0 8px 25px #050a1433;color:#eff3fc;min-width:115px}
.hero .callout-line{display:none}.hero-grade{display:block;font-size:10px;letter-spacing:.14em;font-weight:650}.hero .product-callout b{font-size:22px;line-height:1.2;margin:5px 0}.hero .product-callout small{display:block;font-size:8px;letter-spacing:.09em;color:#bccaeb}.hero .callout-large{right:-5%;top:19%}.hero .callout-small{left:0;bottom:1%}
.grade-collections{align-items:stretch;gap:30px}.grade-product{--tall-bottle:370px;--short-bottle:250px;--bottle-space:390px;background:#f0f1ee;border:0}.grade-product[data-grade='b']{background:#dfe4f0}.grade-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:27px 29px 0}.grade-card-top .product-badge{font-size:11px;padding:9px 15px}.grade-card-top .product-index{font-size:8px}
.grade-bottle-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px 29px 28px;background:radial-gradient(ellipse at 50% 75%,#9ea9c330,transparent 66%)}.grade-bottle-figure{margin:0;min-width:0;text-align:center}.grade-bottle-space{height:var(--bottle-space);display:flex;align-items:flex-end;justify-content:center}.grade-bottle-space img{height:var(--tall-bottle);width:auto;max-width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(9px 15px 10px #16264d33);transition:translate .6s}.bottle-short img{height:var(--short-bottle)}.grade-product:hover .grade-bottle-space img{translate:0 -5px}.grade-bottle-figure figcaption{margin-top:20px;font:500 26px/1.2 var(--display);letter-spacing:-.04em;color:#172850}.grade-bottle-figure figcaption span{font-size:12px;letter-spacing:0;color:#546282}
.grade-card-details{border-top:1px solid #45567e30;padding:27px 29px 15px}.grade-card-details .product-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:10px}.grade-card-details h3{font:500 clamp(25px,2.4vw,38px)/1.2 var(--display);letter-spacing:-.045em;color:#16264d}.grade-pack-options{margin-top:24px}.grade-pack-row{display:grid;grid-template-columns:minmax(0,1fr) auto 72px;align-items:center;gap:17px;padding:19px 0;border-top:1px solid #45567e30;min-height:94px}.pack-size strong{display:block;font:500 20px/1.2 var(--display);letter-spacing:-.03em;color:#172850}.pack-size small{display:block;font-size:9px;line-height:1.5;margin-top:6px;color:#525e7b;max-width:135px}.pack-price{text-align:right;white-space:nowrap;color:#172850}.pack-price>span{font-size:9px;margin-right:3px}.pack-price>strong{font:500 29px/1.2 var(--display);letter-spacing:-.04em}.pack-price>small{display:block;font-size:9px;color:#525e7b;margin-top:3px}.pack-price .price-pending{font:500 11px/1.55 var(--font);letter-spacing:0;color:#525e7b}.pack-select{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:44px;width:72px;padding:10px 12px;border:1px solid #31457350;border-radius:3px;background:#142650;color:#f2f5fd;font-size:10px;transition:background .2s}.pack-select:hover{background:#2b4070}.pack-select>span:last-child{font-size:16px}.grade-product[data-visible-size='500'] .grade-bottle-pair,.grade-product[data-visible-size='1500'] .grade-bottle-pair{grid-template-columns:1fr}.pending-price-note{font-size:12px;line-height:1.6;color:#cbd8f7;margin:12px 0 18px}
@media(min-width:1600px){.grade-product{--tall-bottle:430px;--short-bottle:290px;--bottle-space:450px}.grade-bottle-pair{padding-left:45px;padding-right:45px}}
@media(max-width:1100px) and (min-width:701px){.grade-product{--tall-bottle:300px;--short-bottle:200px;--bottle-space:320px}.grade-card-top{padding:22px 20px 0}.grade-bottle-pair{padding:15px 20px 25px;gap:6px}.grade-card-details{padding:24px 20px 12px}.grade-pack-row{gap:10px;grid-template-columns:minmax(0,1fr) auto 62px}.pack-select{width:62px;padding:10px 9px}.pack-price>strong{font-size:25px}.grade-card-top .product-index{font-size:7px}}
@media(max-width:700px){.hero .product-callout{padding:9px 11px;min-width:87px}.hero-grade{font-size:8px}.hero .product-callout b{font-size:17px;margin:3px 0}.hero .product-callout small{font-size:6px}.hero .callout-large{right:0;top:3%}.hero .callout-small{left:0;bottom:15%}.grade-collections{gap:26px}.grade-product{--tall-bottle:300px;--short-bottle:205px;--bottle-space:315px}.grade-card-top{padding:22px 20px 0}.grade-card-top .product-badge{font-size:9px;padding:8px 12px}.grade-card-top .product-index{font-size:7px}.grade-bottle-pair{gap:7px;padding:15px 19px 25px}.grade-bottle-figure figcaption{font-size:24px;margin-top:15px}.grade-card-details{padding:23px 20px 10px}.grade-card-details h3{font-size:29px}.grade-card-details .product-kicker{font-size:7px}.grade-pack-options{margin-top:21px}.grade-pack-row{gap:9px;grid-template-columns:minmax(0,1fr) auto 62px}.pack-size strong{font-size:19px}.pack-size small{font-size:8px;max-width:100px}.pack-price>strong{font-size:26px}.pack-price .price-pending{font-size:10px}.pack-price>span,.pack-price>small{font-size:8px}.pack-select{width:62px;padding:10px 9px}.pending-price-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.grade-bottle-space img{transition:none}.grade-product:hover .grade-bottle-space img{translate:none}}

/* Photographic product studio: grounded products and restrained camera/light movement. */
.atelier-experience{background:#020812;aspect-ratio:16/9;min-height:760px;max-height:1100px;padding:85px 6vw 50px;grid-template-columns:1fr 1.16fr;align-items:stretch;isolation:isolate}
.atelier-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.atelier-camera{position:absolute;inset:0;transform-origin:72% 80%;animation:atelierDrift 24s ease-in-out infinite alternate;will-change:transform}.atelier-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:0;transition:opacity 1.1s ease}
.atelier-experience[data-selected-size='1500'] [data-atelier-size='1500'],.atelier-experience[data-selected-size='500'] [data-atelier-size='500']{opacity:1}
.atelier-light{position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#9fb5e80a 65%,transparent 83%);mix-blend-mode:screen;opacity:.3;animation:atelierLight 16s ease-in-out infinite alternate}
.atelier-experience:before{background:linear-gradient(90deg,#02081280,transparent 55%);z-index:1}.atelier-experience .size-copy{padding-bottom:20px;align-self:center}.atelier-experience .size-copy h2{font-size:clamp(55px,5.8vw,94px);font-weight:400;letter-spacing:-.065em;line-height:1.08}.atelier-experience .size-copy h2 em{color:#a4afc9}.atelier-experience .size-copy>p{max-width:330px;font-size:14px;line-height:1.95;color:#a8b2ca}.atelier-experience .size-copy .eyebrow{font-size:9px;letter-spacing:.2em;color:#adb8d3;margin-bottom:35px}.atelier-experience .size-switch{background:#07101bb3;border-radius:3px;backdrop-filter:blur(12px);padding:4px}.atelier-experience .size-switch button{border-radius:2px}.atelier-experience .size-switch button.selected{background:#d9deeb;box-shadow:none}.atelier-experience .size-selector-label{margin-top:35px}.atelier-experience .size-stage{height:auto;min-height:0;align-self:stretch;pointer-events:none}.atelier-experience .size-stage:before{display:none}
.atelier-experience .size-caption{bottom:0;left:13%;right:0;gap:30px;border-top:1px solid #c4d1ee35;padding:18px 18px 14px;background:linear-gradient(90deg,#060b17d9,#060b1766);backdrop-filter:blur(8px)}.atelier-experience .size-caption strong{display:block;font:400 32px/1.15 var(--display);letter-spacing:-.05em;margin-top:7px;color:#edf2fc}.atelier-experience #size-caption-grade{font:500 8px/1.5 var(--font);letter-spacing:.13em;color:#c4cee5}.atelier-experience .size-caption p{font-size:10px;line-height:1.8;color:#bcc6dc;max-width:160px}
@keyframes atelierDrift{from{transform:scale(1.005) translateX(0)}to{transform:scale(1.025) translateX(-.35%)}}@keyframes atelierLight{from{opacity:.15;transform:translateX(-3%)}to{opacity:.7;transform:translateX(3%)}}
.motion-paused .atelier-camera,.motion-paused .atelier-light{animation-play-state:paused}
@media(max-width:1100px) and (min-width:701px){.atelier-experience{min-height:720px;padding:70px 5vw 35px}.atelier-experience .size-copy h2{font-size:6vw}.atelier-experience .size-copy>p{max-width:285px;font-size:13px}.atelier-experience .size-caption{left:0;gap:18px}}
@media(max-width:700px){.atelier-experience{display:flex;min-height:0;max-height:none;aspect-ratio:auto;padding:65px 25px 27px;gap:0;background:#020812}.atelier-experience .atelier-media{top:auto;bottom:0;height:490px}.atelier-experience .atelier-image{object-position:73% center}.atelier-experience .atelier-camera{transform-origin:72% 80%}.atelier-experience:before{background:linear-gradient(180deg,#020812 0%,#02081200 13%);top:auto;height:490px}.atelier-experience .size-copy{align-self:stretch;width:100%;padding:0 0 28px}.atelier-experience .size-copy h2{font-size:13.6vw;line-height:1.08}.atelier-experience .size-copy>p{font-size:13px;max-width:300px;margin-top:20px}.atelier-experience .size-copy .eyebrow{font-size:8px;margin-bottom:26px}.atelier-experience .size-selector-label{font-size:8px;margin-top:25px}.atelier-experience .size-collection-link{margin-top:19px}.atelier-experience .size-stage{height:490px;width:100%;flex-shrink:0}.atelier-experience .size-caption{left:0;right:0;bottom:0;gap:18px;padding:14px 13px 12px}.atelier-experience .size-caption strong{font-size:28px}.atelier-experience #size-caption-grade{font-size:7px}.atelier-experience .size-caption p{font-size:10px;max-width:145px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .atelier-camera,body:not(.motion-enabled) .atelier-light{animation:none}.atelier-image{transition:none}}
@media(max-width:700px){.atelier-experience .atelier-media{bottom:80px}.atelier-experience:before{bottom:80px}}

/* Compact grade tags follow each bottle and sit beside its cap. */
.hero-bottle-anchor{overflow:visible;filter:none!important}.hero-bottle-anchor.hero-bottle-large{aspect-ratio:941/1672}.hero-bottle-anchor.hero-bottle-small{aspect-ratio:724/2172}.hero-bottle-anchor>.bottle{width:100%;height:100%;max-width:none;filter:drop-shadow(12px 25px 15px #060c1888)}
.cap-label{position:absolute;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #b5c4e65c;border-radius:3px;background:#0c162eeb;color:#f1f5fd;white-space:nowrap;font:500 10px/1.2 var(--font);letter-spacing:.02em;box-shadow:0 3px 12px #060a1533;z-index:5;transform-origin:left center}.cap-label strong{font-size:9px;font-weight:650;letter-spacing:.1em}.cap-label>span{padding-left:7px;border-left:1px solid #a9b9dd55;color:#c5cfe7;font-size:9px}.cap-label:before{content:'';position:absolute;right:100%;top:50%;width:19px;height:1px;background:#b5c4e6bb}.cap-label:after{content:'';position:absolute;right:calc(100% + 17px);top:calc(50% - 1.5px);width:3px;height:3px;border-radius:50%;background:#dae3f9}.cap-label-a{left:68%;top:3%;transform:rotate(-8deg)}.cap-label-b{left:87%;top:11.5%;transform:rotate(11deg)}
.motion-paused .hero-bottle-anchor{animation-play-state:paused}
@media(max-width:700px){.cap-label{padding:5px 7px;gap:5px}.cap-label strong,.cap-label>span{font-size:8px}.cap-label>span{padding-left:5px}.cap-label:before{width:12px}.cap-label:after{right:calc(100% + 10px)}.cap-label-a{left:70%;top:3%}.cap-label-b{left:91%;top:12%}}

/* Keep the stone and bottle unobstructed; small information tag to the right. */
.atelier-experience .size-stage{position:static}.atelier-experience .size-caption{left:80%;right:auto;top:44%;bottom:auto;width:125px;padding:10px 12px;display:block;border:1px solid #b7c4e33d;border-radius:3px;background:#091122c9;backdrop-filter:blur(7px)}.atelier-experience .size-caption:before{content:'';position:absolute;right:100%;top:50%;width:20px;height:1px;background:#bdc9e474}.atelier-experience .size-caption strong{font-size:23px;margin-top:6px}.atelier-experience #size-caption-grade{font-size:7px;letter-spacing:.08em;line-height:1.55;display:block}.atelier-experience .size-caption p{display:none}.stone-rain{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
@media(max-width:700px){.atelier-experience .atelier-image{object-position:90% center}.atelier-experience .size-caption{left:auto;right:4%;top:auto;bottom:300px;width:96px;padding:8px 9px}.atelier-experience .size-caption strong{font-size:20px}.atelier-experience #size-caption-grade{font-size:6.5px;letter-spacing:.03em}.atelier-experience .size-caption:before{width:12px}}
@media(max-width:700px){.cap-label-a{display:grid;gap:2px;padding:5px 6px}.cap-label-a strong,.cap-label-a>span{font-size:7px}.cap-label-a>span{border:0;padding:0}}
/* Four-bottle hero: complete grade pairs with genuine size contrast. */
.hero{min-height:850px;max-height:1100px}
.hero .hero-coordinate{top:86px;min-width:210px;padding:12px 17px;gap:6px}.hero .hero-coordinate strong{font-size:27px}.hero .hero-coordinate .presenter-label{font-size:9px}.hero .hero-coordinate .presenter-location{font-size:11px;padding-top:6px}
.hero h1{top:29%;font-size:clamp(32px,4.3vw,70px)}.hero h1 span:last-child{max-width:none;text-align:right}
.hero-range{top:34%;left:15%;width:70%;height:47%;display:flex;align-items:stretch;gap:7%;pointer-events:none}
.hero-grade-pair{display:flex;align-items:flex-end;justify-content:space-around;gap:6%;width:46.5%;height:100%;min-width:0}
.range-bottle{position:relative;width:47%;height:100%;isolation:isolate;--tilt:6deg;--sway:20px;--lift:12px;--rock:2deg;transform-origin:50% 64%;transform:rotate(var(--tilt));animation:rangeBottleFloat 8s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}
.range-bottle img{position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:none;transform:translateX(-50%);filter:drop-shadow(8px 15px 14px #070c1888)}
.range-small img{height:78%;bottom:-6.5%}.range-small{--tilt:-10deg;--sway:24px;--lift:15px;animation-duration:7.4s;animation-delay:-2s}
.hero-grade-pair:nth-child(2) .range-bottle{--tilt:-6deg;animation-duration:7.7s;animation-delay:-4s}.hero-grade-pair:nth-child(2) .range-small{--tilt:10deg;animation-duration:6.9s;animation-delay:-5.8s}
.range-cap-label{position:absolute;left:62%;top:2%;display:grid;gap:3px;padding:6px 8px;background:#0c162ce8;border:1px solid #afc1ec66;border-radius:3px;white-space:nowrap;color:#ecf1fc;box-shadow:0 5px 15px #00000022;font:500 10px/1.2 var(--font);z-index:2}
.range-cap-label strong{font-size:8px;letter-spacing:.1em}.range-cap-label>span{color:#bcc8e4}.range-cap-label:before{content:'';position:absolute;right:100%;top:50%;width:13px;height:1px;background:#b5c4e6aa}.range-small .range-cap-label{top:29%;left:65%}
@keyframes rangeBottleFloat{
 0%,100%{transform:translate3d(calc(-1 * var(--sway)),3px,0) rotate(calc(var(--tilt) - var(--rock)))}
 25%{transform:translate3d(calc(-.25 * var(--sway)),calc(-1 * var(--lift)),0) rotate(calc(var(--tilt) + .3 * var(--rock)))}
 50%{transform:translate3d(var(--sway),calc(-.2 * var(--lift)),0) rotate(calc(var(--tilt) + var(--rock)))}
 75%{transform:translate3d(calc(.25 * var(--sway)),calc(.5 * var(--lift)),0) rotate(calc(var(--tilt) - .4 * var(--rock)))}
}
.motion-paused .range-bottle{animation-play-state:paused}
@media(min-width:1600px){.hero-range{height:51%;top:30%;left:18%;width:64%}.hero h1{top:25%}}
@media(max-width:1000px) and (min-width:701px){.hero-range{left:8%;width:82%;gap:5%;height:43%;top:36%}.hero h1{font-size:4.5vw;top:29%}.range-cap-label{left:62%;padding:5px 6px;font-size:9px}.range-cap-label strong{font-size:7px}}
@media(max-width:700px){
 .hero{height:1180px;min-height:1180px;max-height:none}.hero .hero-coordinate{top:86px;right:20px;min-width:0;width:150px;padding:11px 13px}.hero .hero-coordinate strong{font-size:23px}.hero .hero-coordinate .presenter-label{font-size:8px}.hero .hero-coordinate .presenter-location{font-size:10px}
 .hero-supertype{top:17%;font-size:25vw}.hero h1{top:240px;font-size:7vw;gap:22px}.hero h1 span:last-child{max-width:56%;line-height:1.1}
 .hero-range{left:9%;width:77%;top:305px;height:650px;display:flex;flex-direction:column;gap:50px}.hero-grade-pair{height:300px;width:100%;gap:17%;justify-content:center}.range-bottle{width:36%}.range-cap-label{left:67%;top:3%;font-size:9px;padding:5px 6px;gap:3px}.range-cap-label strong{font-size:7px}.range-cap-label:before{width:10px}.range-small .range-cap-label{top:29%;left:68%}
 .hero-brand-note{bottom:130px;width:185px;font-size:7px}.hero-bottom{bottom:92px}.hero-content>p{bottom:26px;font-size:7px;max-width:43%}.hero-content>.button{bottom:27px;max-width:48%}
}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .range-bottle{animation:none}}
.range-small .range-cap-label{top:35%}

/* Keep the same sideways movement within phone-screen margins. */
@media(max-width:700px){.range-bottle,.range-small{--sway:8px;--lift:8px;--rock:1.5deg;--tilt:4deg}.range-small{--tilt:-8deg}.hero-grade-pair:nth-child(2) .range-bottle{--tilt:-4deg}.hero-grade-pair:nth-child(2) .range-small{--tilt:8deg}}

/* Collection showroom: photographic water and illuminated glass display bases. */
.collection { background: #080f1ee8; }
.grade-product,
.grade-product[data-grade='b'] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at 64% 66%, #0b1728, #081120 33%, #030612 72%, #020510);
  border: 1px solid #ffffff30;
  box-shadow: 0 18px 50px #00000033, inset 0 1px #e2e9fa22;
}
.grade-product::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url('assets/collection-water-showcase.webp') center top / 100% auto no-repeat;
  filter: grayscale(1) contrast(1.45) brightness(1.05);
  opacity: .95;
  mix-blend-mode: screen;
}
.grade-card-top { position: relative; z-index: 1; }
.grade-card-top .product-badge {
  color: #ebf0fc;
  background: #090909e6;
  border-color: #ffffff50;
  backdrop-filter: blur(8px);
}
.grade-card-top .product-index { color: #b1bfdf; }
.grade-bottle-pair {
  position: relative;
  background: transparent;
  padding-bottom: 25px;
}
.grade-bottle-space {
  position: relative;
  height: calc(var(--bottle-space) + 47px);
  --plinth-size: clamp(106px, 13vw, 180px);
  --plinth-height: calc(var(--plinth-size) * .2263);
  isolation: isolate;
}
.grade-bottle-space img {
  position: absolute;
  bottom: calc(2px + var(--plinth-height) * .76 - var(--tall-bottle) * .007);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  max-width: none;
  filter: drop-shadow(7px 6px 10px #00000066);
}
.bottle-short .grade-bottle-space img { bottom: calc(2px + var(--plinth-height) * .76 - var(--short-bottle) * .05); }
.grade-product:hover .grade-bottle-space img { translate: none; }
.glass-plinth {
  position: absolute;
  z-index: 0;
  bottom: 2px;
  left: 50%;
  width: var(--plinth-size);
  height: var(--plinth-height);
  transform: translateX(-50%);
  background: url('assets/showcase-glass.webp') 50% 57.2% / 109.7% auto no-repeat;
  filter: drop-shadow(0 8px 9px #00000099);
}
.grade-bottle-figure figcaption { position: relative; z-index: 3; width: fit-content; min-width: 96px; margin: 15px auto 0; padding: 8px 17px; border: 1px solid #ffffff38; border-radius: 3px; background: #050505; color: #f5f7fd; font-size: 25px; }
.grade-bottle-figure figcaption span { color: #a9b7d7; }
.grade-card-details {
  position: relative;
  border-top-color: #acbee740;
  background: linear-gradient(135deg, #111f40, #0a1328 72%);
  box-shadow: 0 -1px 20px #a5bbf008;
}
.grade-card-details .product-kicker { color: #a9b8dc; }
.grade-card-details h3,
.pack-size strong,
.pack-price { color: #f1f5fd; }
.grade-pack-row { border-top-color: #acbee72e; }
.pack-size small,
.pack-price>small,
.pack-price>span { color: #b1bdda; }
.pack-select { background: #d2dbf1; color: #0f1b37; border-color: #e5ecfb80; }
.pack-select:hover { background: #f1f5fd; }
.pack-select:focus-visible { outline: 2px solid #dee7fa; outline-offset: 4px; }
.showcase-rain { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
@media(max-width:700px) {
  .grade-product { --tall-bottle: 280px; --short-bottle: 200px; --bottle-space: 295px; }
  .grade-bottle-space { --plinth-size: clamp(100px, 28vw, 145px); }
  .grade-bottle-pair { padding-left: 15px; padding-right: 15px; }
  .grade-bottle-figure figcaption { font-size: 24px; }
}