:root{--ground: var(--cream);--nav-bg: var(--cream);--nav-ink: var(--navy)}body.river{background:transparent}.layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}#river{z-index:0}#bottle{z-index:4}main,.foot{position:relative;z-index:2}.grounds{position:absolute;top:0;left:0;width:100%;height:0;z-index:-1;pointer-events:none}.grounds div{position:absolute;left:0;width:100%;background:var(--navy)}.grounds div.yellow{background:var(--yellow)}.dark{color:var(--cream);--btn-bg: var(--cream);--btn-ink: var(--navy)}.dark .label{color:var(--yellow)}.hero{position:relative;height:calc(100svh - 38px);min-height:680px;margin-top:-74px}.hero-bottle{position:absolute;left:51%;top:54%;width:22vw;height:min(70svh,760px);transform:translate(-50%,-50%)}.hero-title{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:clamp(84px,11.6vw,216px);line-height:.86}.hero-title .t1,.hero-title .t2{position:absolute;display:grid}.hero-title .t1{left:var(--pad);top:clamp(104px,14svh,150px)}.hero-title .t2{right:var(--pad);bottom:clamp(48px,8svh,84px);text-align:right;justify-items:end}.hero-side{position:absolute;left:var(--pad);bottom:clamp(36px,6svh,60px);width:min(430px,32vw);display:grid;gap:16px}.hero-side .lede{font-size:clamp(18px,1.35vw,21px)}.hero-side .list-form .field{flex-wrap:nowrap}.cue{display:none}.cue i{width:34px;height:34px;border-radius:50%;border:1.5px solid currentColor;position:relative}.cue i:after{content:"";position:absolute;left:50%;top:9px;width:2px;height:10px;margin-left:-1px;background:currentColor;animation:cue 1.6s var(--ease) infinite}@keyframes cue{0%{transform:translateY(-4px);opacity:0}40%{opacity:1}to{transform:translateY(6px);opacity:0}}.intro .hero-title .reveal-line>span{transform:translateY(105%)}.hero-title .reveal-line>span{transform:none;transition:transform 1.1s var(--ease)}.hero-title .reveal-line:nth-child(2)>span{transition-delay:.08s}.hero-title .t2 .reveal-line>span{transition-delay:.16s}.hero-title .t2 .reveal-line:nth-child(2)>span{transition-delay:.24s}.intro .hero-side,.intro .cue{opacity:0;transform:translateY(20px)}.hero-side,.cue{transition:opacity 1s var(--ease) .4s,transform 1s var(--ease) .4s}.hero-title .pulse-art{display:block;width:2.46em;height:auto;margin:.03em 0 0 auto}.answer .pulse-word{color:var(--yellow)}.badge-100{display:block;width:clamp(150px,13vw,200px);height:auto;margin-bottom:26px}.buy{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,96px);align-items:start;padding:clamp(96px,12vw,168px) max(var(--pad),(100% - 1320px) / 2) clamp(220px,24svh,280px)}.buy-stage{position:relative;min-height:clamp(470px,48vw,700px);background:var(--orange);clip-path:polygon(0 2%,98% 0,100% 97%,3% 100%);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.buy-stage:active{cursor:grabbing}.buy-bottle{position:absolute;left:50%;top:45%;width:56%;height:74%;transform:translate(-50%,-50%)}.buy-stage .hint{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:14px;font-weight:500;color:var(--navy)}.buy-copy{display:flex;flex-direction:column;gap:22px;min-width:0}.buy-what{display:flex;flex-direction:column;gap:22px}.buy-copy h2{font-size:clamp(44px,5vw,76px)}.buy-price{font-family:var(--text);font-weight:500;font-size:clamp(40px,3.6vw,54px);line-height:1;letter-spacing:-.01em}.know{margin-top:20px}.know h3{font-family:var(--text);font-weight:700;font-size:20px;line-height:1.3;letter-spacing:.04em;text-transform:none}.know dl{margin:10px 0 0;display:grid;grid-template-columns:minmax(110px,auto) 1fr;column-gap:24px;font-size:17px;border-bottom:1px solid color-mix(in srgb,var(--navy) 28%,transparent)}.know dt,.know dd{margin:0;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--navy) 28%,transparent)}.know dt{font-weight:500}.brazil{position:relative;padding:clamp(90px,12svh,150px) var(--pad) clamp(40px,6svh,80px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(20px,3vw,60px);align-items:center}.brazil-copy{display:grid;gap:24px;max-width:560px}.brazil-copy h2{font-size:clamp(56px,6.6vw,124px)}.brazil-window{height:120svh;max-height:1200px}.counter{--floor: clamp(200px, 18vw, 250px);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding:clamp(96px,12vw,168px) var(--pad) var(--floor)}.counter-floor{position:absolute;left:0;right:0;bottom:0;height:var(--floor);pointer-events:none}.counter-head{font-size:clamp(48px,6.2vw,104px)}.counter-head .reveal-line{padding:.04em 0}.counter .lede{max-width:34ch;margin:0 auto}.shelf{display:flex;align-items:flex-end;justify-content:center;gap:clamp(3px,.5vw,8px);margin-top:clamp(28px,4vw,56px)}.spine{display:flex;align-items:center;justify-content:center;flex:none;transform:translateY(60px);opacity:0;transition:transform .8s cubic-bezier(.2,.9,.2,1),opacity .5s ease;transition-delay:calc(var(--i) * 70ms)}.shelf.in .spine{transform:none;opacity:1}.shelf.in .spine:hover{transform:translateY(-16px);transition-delay:0s;transition-duration:.25s}.spine span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font:400 clamp(15px,1.8vw,26px) / 1 var(--display);letter-spacing:.04em;text-transform:uppercase}.spine.lean{transform-origin:100% 100%}.shelf.in .spine.lean,.shelf.in .spine.lean:hover{transform:rotate(-8deg)}.shelf-bottle{flex:none;height:clamp(200px,26vw,380px);aspect-ratio:.56;margin:0 clamp(2px,.6vw,10px)}.pulse{position:relative;min-height:100svh;display:grid;place-content:center;text-align:center;padding:16svh var(--pad) 30svh}.pulse .ask{color:var(--yellow)}.pulse .answer{margin-top:.08em;font-size:clamp(96px,15vw,280px);line-height:.86}.pulse .lede{margin:34px auto 0}.pour{position:relative;padding:clamp(40px,8svh,90px) 0 clamp(30px,5svh,70px)}.pour-label{padding:0 var(--pad);margin-bottom:18px}.marquee .run{display:flex;align-items:center;flex:none}.marquee .food{font-family:var(--display);text-transform:uppercase;font-size:clamp(64px,8.6vw,160px);line-height:1;padding:0 .22em;white-space:nowrap}.marquee .tile{display:inline-block;width:.42em;height:.42em;font-size:clamp(64px,8.6vw,160px);background:var(--c);transform:rotate(12deg);border-radius:3px;flex:none}.marquee .tile:nth-of-type(3n){transform:rotate(-9deg);clip-path:polygon(0 10%,100% 0,88% 100%,6% 92%)}.marquee .tile:nth-of-type(3n+1){clip-path:polygon(8% 0,100% 14%,92% 100%,0 86%)}.pour-head{padding:0 var(--pad);margin-top:clamp(48px,8svh,100px)}.pour-head .big{max-width:30ch}.pour .uses{margin:clamp(36px,6svh,70px) var(--pad) 0}.ask-us{position:relative;padding:clamp(60px,10svh,120px) var(--pad);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,90px);align-items:start}.ask-head{display:grid;gap:18px;position:sticky;top:110px}.last{position:relative;min-height:88svh;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(20px,4vw,70px);align-items:center;padding:8svh var(--pad) 10svh}.last-bottle{justify-self:center;width:clamp(220px,20vw,320px);height:min(66svh,640px)}.last-copy{display:grid;gap:22px;max-width:660px}.last-copy h2{font-size:clamp(50px,5.4vw,100px)}.foot .plain{display:block;padding:4px 0}@media(max-width:900px){.hero{height:auto;min-height:calc(100svh - 34px);margin-top:-62px;padding:0}.hero{--lock: min(100vw - 2 * var(--pad), 54svh)}.hero-title{inset:76px auto auto var(--pad);width:var(--lock);display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:.2em;font-size:calc(var(--lock) / 6.38)}.hero-title .t1,.hero-title .t2{display:contents}.hero-title .t2 .reveal-line:nth-child(2){flex-basis:100%}.hero-title .pulse-art{width:100%;margin:.08em 0 0}.hero-bottle{left:50%;top:calc(76px + var(--lock) * .94 / 6.38 + var(--lock) / 2.767 + 20px);bottom:92px;width:64vw;height:auto;transform:translate(-50%)}.hero-side,.cue{display:none}.buy{grid-template-columns:minmax(0,1fr);padding:80px var(--pad);gap:48px}.buy-stage{min-height:min(120vw,560px)}.buy-bottle{width:62%;height:76%}.brazil{grid-template-columns:1fr;padding-top:80px}.brazil-window{height:64svh;margin:64px calc(-1 * var(--pad)) 0}.counter{--floor: 150px;padding-top:80px}.counter-head{font-size:clamp(40px,11vw,76px)}.spine span{font-size:14px}.pulse{min-height:0;padding:80px var(--pad) 180px}.pour{padding:64px 0 80px}.ask-us{grid-template-columns:1fr;padding:80px var(--pad)}.ask-head{position:relative;top:0}.last{grid-template-columns:1fr;text-align:left;padding-top:80px;gap:40px}.last-bottle{width:54vw;height:50svh;order:-1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/river.css.map */