/* Scroll choreography and the finished product sections. */
.hero-stage.has-film,.hero-stage.film-pending{background:#0b291f}
#flow-video{inset:auto 0!important;top:50%!important;height:auto!important;max-height:100%;aspect-ratio:16/9;transform:translateY(-50%);background:transparent!important;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.film-pending:after{content:'';position:absolute;inset:0;z-index:4;background:var(--film-poster) center/contain no-repeat}
.film-pending .hero-title,.film-pending .hero-cup,.film-pending #tea-particles{visibility:hidden}
.hero-eyebrow,.hero-bottom,.hero-edition,.scroll-cue,.pour-caption{z-index:6}
.film-status{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);z-index:7;font-size:12px;color:#c7d7b8;white-space:nowrap}
.hero-stage.has-film .hero-title,.hero-stage.film-pending .hero-title{visibility:visible;opacity:0!important}
.hero-stage.has-film .hero-eyebrow,.hero-stage.film-pending .hero-eyebrow{top:17%}
#flow-video{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent),linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent),linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);-webkit-mask-composite:source-in}
html,body{overflow-x:clip}.hero{height:440svh}.hero-stage{height:100svh;min-height:0;position:sticky;top:0}.hero-title{will-change:opacity,transform}.hero-eyebrow,.hero-bottom,.hero-edition,.scroll-cue{transition:opacity .15s}.hero-cup{position:absolute;top:57%;left:50%;width:min(47vw,610px);transform:translate(-50%,-28%) scale(.72);opacity:0;will-change:transform,opacity;pointer-events:none;z-index:3}.hero-cup img{display:block;width:100%;height:auto;filter:drop-shadow(0 40px 22px #00110d65)}#tea-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}#flow-video{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:4;background:var(--forest)}.has-film #flow-video{display:block}.has-film .hero-title,.has-film .hero-cup,.has-film #tea-particles{visibility:hidden}.pour-caption{position:absolute;top:29%;left:8%;opacity:0;transform:translateY(20px);pointer-events:none}.pour-caption p{font-size:clamp(28px,4vw,58px);line-height:1.15;letter-spacing:-2px;margin:18px 0}.pour-caption .eyebrow{font-size:10px;color:#b4c79f}.settle-copy{position:absolute;left:7%;top:34%;opacity:0;transform:translateY(25px);z-index:5;pointer-events:none}.settle-copy h2{font-size:clamp(40px,6vw,86px);color:var(--lime);margin:25px 0 28px}.settle-copy .eyebrow{font-size:10px}.text-link{font-size:13px;border-bottom:1px solid #d4e8c0;padding-bottom:8px}.settle-note{position:absolute;top:43%;right:6%;opacity:0;z-index:5}.settle-note p{font-size:20px;line-height:1.55;letter-spacing:-.5px;margin:18px 0 30px}.tiny-label,.cup-note{font-size:9px;letter-spacing:1.7px;color:#c0cea8}.cup-note{font-size:8px}.journey-meter{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:1.4px;opacity:0;z-index:5}.journey-meter>div{width:75px;height:1px;background:#ffffff30}.journey-meter i{display:block;height:100%;background:var(--lime);width:0}.menu-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:55px}.menu-heading h2{margin-bottom:0}.menu-heading .section-intro{font-size:14px;margin-bottom:25px}.carousel-controls{display:flex;align-items:center;gap:25px;font-size:11px;color:#78877d}.carousel-controls b{color:var(--ink);font-weight:600}.carousel-controls button{border:1px solid #1637273d;background:transparent;color:var(--ink);border-radius:50%;width:45px;height:45px;font-size:30px;font-family:Arial;line-height:1;transition:background .2s,transform .2s}.carousel-controls button:hover{background:var(--ink);color:var(--paper);transform:scale(1.05)}.tea-carousel{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 16px;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.tea-carousel::-webkit-scrollbar{display:none}.tea-carousel.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.tea-card{flex:0 0 47%;min-width:300px;scroll-snap-align:center;border-radius:26px;overflow:hidden;background:#ffffff58;border:1px solid #fff;box-shadow:0 7px 15px #24362204;transition:box-shadow .3s}.tea-card:hover{box-shadow:0 15px 28px #2436220c}.tea-art{height:330px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#fcdea57a,transparent 70%),linear-gradient(155deg,#e6e8dcb0,#d7dccbe0)}.chai .tea-art{background:radial-gradient(ellipse at 50% 65%,#edc29c7a,transparent 70%),linear-gradient(155deg,#ece2d7aa,#e5d8c9df)}.ruby .tea-art{background:radial-gradient(ellipse at 50% 65%,#e8b4b57a,transparent 70%),linear-gradient(155deg,#e9dddca0,#decaccdf)}.tea-art img{position:absolute;left:2%;top:8%;width:96%;height:90%;object-fit:contain;z-index:2;transition:transform .7s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 18px 12px #26382c15);pointer-events:none}.tea-card:hover .tea-art img{transform:translateY(-7px) rotate(-2deg)}.tea-watermark{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);font-family:Fredoka,sans-serif;font-size:clamp(60px,7vw,108px);letter-spacing:-5px;color:#59714d24;z-index:0}.chai .tea-watermark{color:#926b4526}.ruby .tea-watermark{color:#ab55552b}.tea-number{position:absolute;top:24px;left:22px;font-size:10px;letter-spacing:1px}.tea-tag{position:absolute;top:24px;right:20px;font-size:8px;letter-spacing:1.2px}.tea-type{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:700;letter-spacing:2.1px;white-space:nowrap}.tea-info{padding:26px}.tea-name{display:flex;align-items:center;justify-content:space-between;gap:10px}.tea-name h3{font-size:23px;font-weight:500;letter-spacing:-1px;margin:0}.price{font-size:19px;letter-spacing:-.6px}.tea-info>p{font-size:13px;line-height:1.8;min-height:69px;color:#617367;margin:16px 0 25px}dl{margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:15px;row-gap:22px}dt{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#718474;margin-bottom:7px}dd{font-size:11px;margin:0;line-height:1.5}.story-link{width:100%;margin-top:28px;border:none;border-top:1px solid #173b261d;padding:19px 0 0;background:transparent;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--ink)}.story-link>span{font-size:22px;font-weight:400}.story-link:hover{color:#64812e}.menu-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:26px;font-size:9px;letter-spacing:1.2px;color:#6b7a6b}.carousel-dots{display:flex;gap:5px}.carousel-dots button{border:0;width:28px;height:28px;padding:11px 4px;background:transparent}.carousel-dots button:after{content:'';display:block;width:100%;height:4px;border-radius:4px;background:#c5ccc0;transition:background .2s}.carousel-dots button.active:after{background:#254c37}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.story-section{background:#112e23;padding-top:100px;padding-bottom:0}.story-section .section-top>span{color:#a3b397}.story-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:60px}.story-heading h2{margin-bottom:0;font-size:clamp(42px,5.5vw,80px)}.story-heading h2 em{color:var(--lime)}.story-heading>p{font-size:14px;line-height:1.8;color:#afc1b5}.origin-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.origin-card{position:relative;min-height:355px;border:1px solid #badbaa28;border-radius:20px;padding:30px 28px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(135deg,#28463499,#172f23)}.origin-ritual{background:linear-gradient(135deg,#5c503855,#243225)}.origin-flower{background:linear-gradient(135deg,#583e4644,#24322a)}.origin-index{font-size:9px;letter-spacing:1.6px;color:#c9d4b5}.origin-card h3{font-size:30px;letter-spacing:-1.1px;line-height:1.2;font-weight:400;margin:43px 0 20px}.origin-card p{font-size:13px;line-height:1.85;color:#b9c8b9;margin:0 0 25px}.origin-foot{margin-top:auto;font-size:8px;letter-spacing:1.25px;color:#c6d8a7;border-top:1px solid #badbaa22;padding-top:22px}.house-note{text-align:center;padding:105px 0 110px}.house-note>.eyebrow{color:#c8d6ac;font-size:9px}.house-note>p{font-size:clamp(24px,3.5vw,45px);line-height:1.4;letter-spacing:-1.3px;margin:25px 0}.house-signature{font-family:Fredoka,sans-serif;color:var(--lime);font-size:22px;letter-spacing:-.5px}.visit-section{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;padding-top:95px;padding-bottom:95px;background:#ddf76b}.visit-main h2{font-size:clamp(54px,7vw,100px);margin-top:35px}.visit-main h2>span{color:#799633}.visit-main>p:not(.eyebrow){font-size:14px;line-height:1.8}.visit-button{display:inline-block;margin-top:22px;background:var(--forest);color:var(--lime);border-radius:40px;padding:17px 25px;font-size:12px;transition:transform .2s}.visit-button:hover{transform:translateY(-3px)}.visit-card{align-self:center;border:1px solid #35552735;border-radius:24px;background:linear-gradient(140deg,#f2ffb875,#cde65a90);padding:34px;box-shadow:inset 0 1px 0 #ffffff70,0 30px 60px #38582108;transform:rotate(2deg)}.visit-card>.eyebrow{font-size:8px;letter-spacing:1.7px}.visit-wordmark{font-family:Fredoka,sans-serif;font-size:78px;font-weight:600;letter-spacing:-5px;margin:20px 0 30px}.visit-line{display:flex;justify-content:space-between;gap:25px;padding:17px 0;border-top:1px solid #35552728;font-size:11px}.visit-line>span{color:#47633b}.visit-line strong{font-weight:500;text-align:right}.visit-card>p{font-size:13px;line-height:1.8;margin:26px 0}.location-note{font-size:8px;letter-spacing:1px;color:#47633b}footer{background:#091f18}dialog{border:1px solid #dbe3d1;border-radius:24px;padding:48px;max-width:550px;width:calc(100% - 36px);color:var(--ink);background:var(--paper);box-shadow:0 30px 150px #0008}dialog::backdrop{background:#061c16b8;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:transparent;color:var(--ink);font-size:30px;width:40px;height:40px}dialog h2{font-size:48px;margin:24px 0}dialog>p{font-size:15px;line-height:1.9;color:#536a59}dialog dl{padding:22px 0;margin:20px 0;border-top:1px solid #123b262b;border-bottom:1px solid #123b262b}dialog dd{font-size:13px}.dialog-done{border:0;border-radius:40px;background:var(--forest);color:var(--paper);padding:15px 23px;font-size:13px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.menu-section,.story-section,.visit-section{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}.tea-art{height:400px}}
@media(max-width:1100px){.tea-card{flex-basis:70%;min-width:290px}.settle-note{right:5%}.settle-note p{font-size:15px}.cup-note{display:none}.tea-art{height:340px}.origin-card{padding:25px 22px}.origin-card h3{font-size:26px}.visit-section{gap:7%}}
@media(max-width:700px){.hero{height:360svh}.hero-stage{min-height:0}.hero-title{top:44%;font-size:25vw}.hero-eyebrow{top:30%;font-size:8px}.hero-cup{width:88vw;top:60%}.pour-caption{top:25%;left:7%}.pour-caption p{font-size:30px;letter-spacing:-1px}.pour-caption .eyebrow{font-size:8px}.settle-copy{top:19%;left:7%}.settle-copy h2{font-size:42px;line-height:1.02;margin:15px 0}.settle-copy h2 br{display:none}.settle-copy .eyebrow{font-size:8px}.settle-copy .text-link{font-size:11px}.settle-note{display:none}.journey-meter{bottom:6%;font-size:8px;white-space:nowrap}.menu-heading{display:block;margin-bottom:35px}.menu-heading h2{font-size:49px;line-height:1.08}.menu-heading>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.menu-heading .section-intro{font-size:12px;margin:20px 0}.carousel-controls{gap:12px}.carousel-controls button{width:40px;height:40px}.carousel-controls>span{display:none}.tea-carousel{margin-right:-6.8%;padding-right:6.8%;gap:15px}.tea-card{flex-basis:88%;min-width:0;max-width:420px}.tea-art{height:290px}.tea-art img{height:92%;top:5%}.tea-watermark{font-size:90px}.tea-info{padding:23px}.tea-info>p{font-size:13px;min-height:0}.tea-tag{font-size:8px}.tea-name h3{font-size:23px}dd{font-size:12px}dt{font-size:10px}.menu-bottom>span{font-size:8px;letter-spacing:.5px}.menu-bottom>span:last-child{display:none}.story-heading{display:block;margin-bottom:35px}.story-heading h2{font-size:44px;line-height:1.1}.story-heading>p{margin-top:24px;font-size:13px}.origin-grid{grid-template-columns:1fr}.origin-card{min-height:0;padding:28px}.origin-card h3{font-size:33px;margin-top:30px}.origin-card p{max-width:420px;font-size:14px}.origin-index{font-size:10px}.origin-foot{font-size:9px}.house-note{padding:75px 0}.house-note>p{font-size:26px;letter-spacing:-1px}.house-note>p br{display:none}.visit-section{grid-template-columns:1fr;gap:45px}.visit-main h2{font-size:68px}.visit-card{padding:28px;transform:rotate(1deg);margin:0 3px}.visit-wordmark{font-size:80px}.visit-line{font-size:12px}.location-note{font-size:8px}.visit-card>.eyebrow{font-size:9px}dialog{padding:36px 25px}dialog h2{font-size:42px}.section-top>.eyebrow{font-size:9px;letter-spacing:1.2px}}
@media(prefers-reduced-motion:reduce){.hero{height:100svh}.hero-title{opacity:1!important;transform:translate(-50%,-55%)!important}.hero-cup,.pour-caption,.settle-copy,.settle-note,.journey-meter,#tea-particles,#flow-video{display:none!important}.hero-eyebrow,.hero-bottom,.hero-edition,.scroll-cue{opacity:1!important}.reveal{opacity:1;transform:none}.tea-art img,.visit-card{transform:none!important}.has-film .hero-title{visibility:visible}}
@media(max-height:500px) and (min-width:701px){.hero-title{font-size:30vh}.hero-eyebrow{top:25%}.hero-cup{width:60vh}.settle-copy h2{font-size:40px}.settle-note{display:none}.hero-bottom{font-size:12px}.hero-edition{display:none}.nav{height:65px}}
/* Readable labels at real device sizes. */
.eyebrow,.section-top>.eyebrow,.section-top>span,.hero-eyebrow,.hero-edition,.scroll-cue,.tiny-label,.cup-note,.journey-meter,.tea-number,.tea-tag,.tea-type,.menu-bottom,.menu-bottom>span,.origin-index,.origin-foot,.house-note>.eyebrow,.visit-card>.eyebrow,.location-note{font-size:12px;letter-spacing:1px}.tea-tag{font-size:10px}.menu-heading .section-intro,.tea-info>p,.origin-card p,.story-heading>p,.visit-main>p:not(.eyebrow),.visit-card>p{font-size:16px}.tea-info>p{min-height:86px}dt{font-size:12px}dd,.story-link,.text-link,.settle-copy .text-link,.visit-line,.visit-button,.carousel-controls,footer{font-size:14px}.tea-info dl{row-gap:20px}.origin-foot,.location-note{font-size:10px;line-height:1.6}.hero-edition{font-size:10px}.cup-note{font-size:10px}.hero-eyebrow{font-size:11px}.visit-card>.eyebrow{font-size:10px}.journey-meter{font-size:10px}.settle-copy .eyebrow,.pour-caption .eyebrow{font-size:10px}.hero-title{letter-spacing:-.045em}.hero-title sup{font-size:18px}.hero-grain{opacity:.065}.tea-tag{letter-spacing:.5px}
@media(max-width:700px){.hero-eyebrow{font-size:9px;letter-spacing:1.5px}.scroll-cue{font-size:9px}.menu-heading>div{align-items:flex-end}.menu-heading .section-intro{font-size:14px;max-width:220px}.menu-heading .section-intro br{display:none}.tea-info>p{min-height:0}.menu-bottom>span{font-size:10px}.tea-info dd{font-size:13px}.origin-card p{font-size:16px}.visit-line{font-size:12px}.tea-name h3{font-size:24px}.tea-tag{font-size:9px}.section-top>.eyebrow{font-size:10px}.visit-card>.eyebrow{font-size:9px}.settle-copy h2{font-size:40px}.hero-title sup{font-size:12px}}