/* A single house, a shared table, then a carefully packed journey. */
.continuous-journey #makers.tea-story{height:130svh;background:#24160f;position:relative;color:var(--cream);padding:0;scroll-margin-top:0}.tea-stage,.packing-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:clip;isolation:isolate}.tea-world{position:absolute;width:max(100vw,177.78svh);height:max(56.25vw,100svh);left:50%;top:50%;translate:-50% -50%;transform:scale(calc(1.015 + var(--tea-progress,0)*.025));transform-origin:55% 65%}.tea-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tea-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#170d09ad,transparent 65%),linear-gradient(0deg,#170d09b0,transparent 30%)}.tea-intro{position:absolute;left:6%;top:20%;width:36%;z-index:2;pointer-events:none}.tea-intro h2{font-size:clamp(62px,6.5vw,108px);line-height:.98}.tea-intro .eyebrow{font-size:8px;color:#e4c7a5}.tea-intro>p:last-child{font-size:13px;color:#e4d1bb}.tea-cluster{position:absolute;width:14%;height:25%;top:78%;translate:-50% -100%;isolation:isolate}.tea-aruna{left:44%}.tea-modern{left:60%}.tea-tiger{left:74%;height:23%}.tea-snacks{left:89%;height:22%}.tea-pack{position:absolute;bottom:0;height:100%;object-fit:contain;object-position:50% 100%;filter:brightness(.87) saturate(.92) drop-shadow(4px 5px 3px #13070480);user-select:none;-webkit-user-drag:none}.pack-front{left:0;width:65%;z-index:2}.pack-back{right:0;width:62%;height:87%;z-index:1}.tea-cluster:after{content:'';position:absolute;bottom:-1%;left:5%;right:0;height:3%;border-radius:50%;background:#180c08a0;filter:blur(3px);z-index:0}.brand-dot{position:absolute;left:37%;top:calc(100% + 18px);z-index:4;display:flex;align-items:center;gap:9px;padding:10px;translate:-25% 0;color:var(--cream);white-space:nowrap}.brand-dot>span{height:8px;width:8px;border-radius:50%;background:#fef6eb;box-shadow:0 0 0 6px #fef6eb25;animation:teaDot 3s ease-in-out infinite}.brand-dot b{font-size:9px;font-weight:400;text-shadow:0 2px 9px #160c08}.brand-dot:hover>span,.brand-dot[aria-expanded=true]>span{background:#d59e76;box-shadow:0 0 0 8px #d59e7630}.tea-instruction{position:absolute;left:6%;bottom:6%;font-size:6px;letter-spacing:.13em;color:#dec5aa;z-index:2;margin:0}.scene-continue{position:absolute;right:6%;bottom:5%;display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid #fef6eb66;padding:12px 0;color:inherit;font-size:11px;z-index:8}.scene-continue svg{width:17px;rotate:90deg}.chai-steam{position:absolute;left:11.3%;top:66%;width:4%;height:13%;translate:-50% -100%;pointer-events:none;z-index:2;filter:blur(2px)}.chai-steam i{position:absolute;left:35%;bottom:0;height:90%;width:40%;border-left:2px solid #f9ead7;opacity:0;border-radius:48%;animation:chaiRise 5s ease-out infinite}.chai-steam i:nth-child(2){left:55%;animation-delay:-1.7s}.chai-steam i:nth-child(3){left:15%;animation-delay:-3.3s}@keyframes chaiRise{0%{opacity:0;transform:translate(0,10%) scale(.55)}30%{opacity:.24}70%{opacity:.13}100%{opacity:0;transform:translate(7px,-45%) scale(1.1)}}@keyframes teaDot{50%{box-shadow:0 0 0 9px #fef6eb09}}
#tea-brand-detail{position:absolute;left:6%;top:18%;width:31%;max-width:430px;color:var(--cream);z-index:6;background:linear-gradient(90deg,#24160ff5,#24160fdb);padding:28px 28px 25px;box-shadow:0 10px 40px #11070022;backdrop-filter:blur(10px)}#tea-brand-detail[hidden]{display:none}.tea-stage:has(#tea-brand-detail:not([hidden])) .tea-intro{opacity:0}#tea-brand-logo{max-width:130px;height:45px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);margin:0 0 25px}#tea-brand-detail .eyebrow{font-size:7px;color:#d0a985;margin-bottom:15px}#tea-brand-detail h3{font-size:38px;line-height:1.05;margin-bottom:18px}#tea-brand-copy{font-size:12px;line-height:1.8;color:#ead5bd}#tea-brand-detail .text-link{font-size:10px}.tea-detail-close{position:absolute;right:12px;top:5px;font-size:25px;padding:7px;line-height:1}
#packing{height:240svh;position:relative;background:#2c1b10;color:var(--cream)}.packing-backdrop{position:absolute;inset:-3%;background:linear-gradient(#1f140d70,#1f140df2),url('assets/tea-table-warm-cream.webp') center/cover;filter:blur(calc(var(--packing-progress,0)*8px));transform:scale(calc(1.04 + var(--packing-progress,0)*.09))}.packing-copy{position:absolute;left:6%;top:23%;width:35%;z-index:4;opacity:calc(1 - var(--packing-zoom,0))}.packing-copy h2{font-size:clamp(56px,5.7vw,90px);line-height:1}.packing-copy .eyebrow{font-size:7px;color:#ddbb96}.packing-copy>p:last-child{font-size:13px;color:#e2c5aa}.packing-scene{position:absolute;left:50%;top:26%;width:38%;height:57%;perspective:1000px;transform:translateX(calc(var(--packing-zoom,0)*-35%)) scale(calc(1 + var(--packing-zoom,0)*1.3));transform-origin:50% 70%;opacity:calc(1 - var(--packing-wash,0))}.carton-back{position:absolute;left:7%;right:7%;bottom:25%;height:40%;background:linear-gradient(#4d2c17,#7b4e2b);clip-path:polygon(0 8%,100% 0,100% 100%,0 100%);z-index:1}.carton-front{position:absolute;left:7%;right:7%;bottom:0;height:42%;background:linear-gradient(100deg,#b58450,#cc9c62 65%,#b1804d);clip-path:polygon(0 0,100% 0,100% 87%,0 100%);box-shadow:inset 0 0 0 1px #edc19466;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding-bottom:12px}.carton-front img{width:17%;mix-blend-mode:multiply;opacity:.9}.carton-front span{font-size:7px;letter-spacing:.12em;color:#5a2419}.carton-front small{font-size:6px;letter-spacing:.15em;color:#65412b}.carton-side{position:absolute;bottom:0;width:8%;height:47%;z-index:4;background:#8e5d34}.side-left{left:0;clip-path:polygon(0 0,100% 10%,100% 100%,0 83%)}.side-right{right:0;clip-path:polygon(0 10%,100% 0,100% 83%,0 89%);background:#95653c}.carton-flap{position:absolute;bottom:42%;width:43%;height:25%;background:linear-gradient(#d5ab77,#ab7e4c);z-index:6;transform-style:preserve-3d;transform-origin:50% 100%}.flap-left{left:7%;clip-path:polygon(0 0,100% 10%,100% 100%,0 100%);transform:rotateX(calc(-63deg + var(--carton-close,0)*153deg))}.flap-right{right:7%;clip-path:polygon(0 10%,100% 0,100% 100%,0 100%);transform:rotateX(calc(-63deg + var(--carton-close,0)*153deg))}.falling-pack{position:absolute;bottom:calc(54% - var(--pack-drop,0)*48%);height:45%;width:27%;object-fit:contain;object-position:bottom;z-index:3;opacity:calc(1 - var(--pack-hide,0));transform:rotate(calc(var(--pack-angle,0deg)*(1 - var(--pack-drop,0)))) scale(calc(1 - var(--pack-drop,0)*.25));filter:drop-shadow(5px 6px 4px #17080080)}.falling-0{left:1%;--pack-angle:-14deg}.falling-1{left:23%;--pack-angle:8deg}.falling-2{left:49%;--pack-angle:-8deg}.falling-3{left:73%;--pack-angle:14deg}.packing-caption{position:absolute;left:6%;bottom:7%;font-size:6px;letter-spacing:.12em;color:#dbbc98}.packing-stage:after{content:'';position:absolute;inset:0;background:#d7d0bc;opacity:var(--packing-wash,0);pointer-events:none;z-index:7}#packing .scene-continue{z-index:8}
#find .journey-chapter-stage{background:radial-gradient(ellipse at 75% 35%,#fef6eb55,transparent 65%),#d7d0bc}#find .scene-continue{color:var(--red);border-color:#791f1755}#find .voyage-map{height:100%;max-height:75svh;object-fit:contain}#find #sea-route{stroke-dasharray:3 7}#find .voyage-art{height:72svh}#find .find-copy .eyebrow{color:var(--red)}.footer-social{position:absolute;left:7%;bottom:24%;display:flex;gap:28px;z-index:5}.footer-social a{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:10px;color:var(--cream)}.footer-social svg{width:21px;height:21px;stroke-width:1.3}.footer-social a:hover{color:#dca783}.legacy-maker-tools{display:none!important}
@media(max-width:700px){.continuous-journey #makers.tea-story{height:130svh}.tea-stage,.packing-stage{min-height:700px}.tea-world{width:max(100vw,177.78svh);height:max(56.25vw,100svh);left:50%;transform:translateX(8%) scale(1.015)}.tea-background{object-fit:cover}.tea-intro{left:7%;top:16%;width:86%}.tea-intro h2{font-size:53px;line-height:1;margin-bottom:20px}.tea-intro .eyebrow{font-size:6px;margin-bottom:15px}.tea-intro>p:last-child{font-size:12px}.tea-cluster{top:77%;height:19%;width:8%}.tea-aruna{left:34%;top:66%}.tea-modern{left:45%;top:66%}.tea-tiger{left:34%;top:86%;height:16%}.tea-snacks{left:45%;top:86%;height:17%}.brand-dot{top:calc(100% + 2px);padding:8px;gap:7px;left:25%;translate:-15% 0}.brand-dot b{font-size:7px}.brand-dot>span{height:6px;width:6px;box-shadow:0 0 0 5px #fef6eb20}.tea-instruction{display:none}.tea-shade{background:linear-gradient(0deg,#170d09d9,transparent 22%),linear-gradient(180deg,#170d09bd,transparent 60%)}.scene-continue{right:7%;bottom:4%;font-size:10px;gap:20px}.tea-world .chai-steam{left:12%;top:66%}#tea-brand-detail{left:6%;right:6%;top:14%;width:auto;max-width:none;padding:22px 25px 18px;background:#25160ff5}#tea-brand-logo{height:29px;max-width:100px;margin-bottom:15px}#tea-brand-detail h3{font-size:30px;margin-bottom:12px}#tea-brand-copy{font-size:11px;line-height:1.7;margin-bottom:10px}#tea-brand-detail .eyebrow{font-size:6px;margin-bottom:10px}#tea-brand-detail .text-link{font-size:9px;padding:8px 0}#packing{height:220svh}.packing-copy{left:7%;top:16%;width:86%}.packing-copy h2{font-size:46px}.packing-copy .eyebrow{font-size:6px}.packing-copy>p:last-child{font-size:12px}.packing-scene{left:9%;top:47%;width:82%;height:37%;transform:translateY(calc(var(--packing-zoom,0)*-5%)) scale(calc(1 + var(--packing-zoom,0)*1.25))}.carton-front span{font-size:6px}.carton-front small{font-size:5px}.carton-front img{width:16%}.carton-front{gap:7px}.packing-caption{bottom:11%;left:7%;font-size:5px}#find .voyage-art{height:38svh;margin-top:12px}#find .scene-continue{bottom:4%;font-size:9px}#find .journey-chapter-stage{padding-top:15vh}.footer-social{left:7%;bottom:29%;gap:25px}.footer-social a{font-size:9px}.return-loop-cue{bottom:20%}}
@media(prefers-reduced-motion:reduce){.chai-steam i,.brand-dot>span{animation:none}.chai-steam{display:none}.tea-world{transform:none}.packing-backdrop{filter:none}.scene-continue svg{animation:none}}
@media(max-width:700px){.tea-world{transform:translateX(25%) scale(1.015)}.tea-aruna,.tea-tiger{left:20%}.tea-modern,.tea-snacks{left:31%}}
.trade-stage{background:linear-gradient(90deg,#791f17f5,#791f17df),url('assets/tea-table-warm-cream.webp') center/cover}.trade-stage .trade-simple-art{filter:drop-shadow(0 22px 15px #260b0844)}
@media(max-width:700px) and (max-height:740px){.tea-stage,.packing-stage{min-height:100svh}.tea-intro h2{font-size:46px}.tea-intro>p:last-child{font-size:11px}.packing-copy h2{font-size:42px}}
.continuous-journey #makers.tea-story{height:180svh}
@media(max-width:700px){.continuous-journey #makers.tea-story{height:160svh}}
/* Packing happens within the tea-table scene: the same approved packs travel into the carton. */
.continuous-journey #makers.tea-story{height:300svh}.tea-world{transform:scale(1.015)}.tea-cluster{transform:translate(var(--cluster-x,0px),var(--cluster-y,0px)) scale(var(--cluster-scale,1));opacity:var(--cluster-opacity,1);will-change:transform}.tea-intro,.tea-instruction{opacity:var(--tea-copy-opacity,1)}.brand-dot{opacity:var(--tea-copy-opacity,1)}.tea-stage .packing-scene{z-index:3;opacity:calc(var(--carton-show,0)*(1 - var(--packing-wash,0)));pointer-events:none}.tea-stage:after{content:'';position:absolute;inset:0;z-index:7;background:#d7d0bc;opacity:var(--packing-wash,0);pointer-events:none}.tea-stage .scene-continue{opacity:var(--tea-copy-opacity,1)}.tea-stage .chai-steam{opacity:var(--tea-copy-opacity,1)}
@media(max-width:700px){.continuous-journey #makers.tea-story{height:280svh}.tea-world{transform:translateX(25%) scale(1.015)}.tea-stage .packing-scene{top:42%;height:40%;left:9%;width:82%}}
.tea-stage .carton-back{background:none;border-top:1px solid #d3a66b99}.tea-stage .carton-flap{opacity:var(--carton-close,0)}
@media(min-width:701px){.tea-cluster{width:13.5%}.tea-aruna{left:40%}.tea-modern{left:54%}.tea-tiger{left:68%}.tea-snacks{left:82%}}
/* Rain belongs outdoors, in the open window plane; the tea table stays dry. */
.tea-window-rain{position:absolute;inset:0;clip-path:polygon(0 0,13.2% 0,13.2% 39%,0 49%);pointer-events:none;z-index:1;opacity:.34}.tea-window-rain i{position:absolute;inset:-30% -5%;background:repeating-linear-gradient(101deg,transparent 0,transparent 44px,#e6ede34d 45px,transparent 46px,transparent 85px);background-size:110px 110px;mask-image:repeating-linear-gradient(0deg,transparent 0,transparent 65px,#000 66px,#000 83px,transparent 87px);animation:windowRain 1.3s linear infinite}.tea-window-rain i:nth-child(2){opacity:.55;animation-duration:1.8s;animation-delay:-.6s;translate:19px 0}@keyframes windowRain{to{transform:translate(-18px,110px)}}
@media(prefers-reduced-motion:reduce){.tea-window-rain{display:none}}
@media(min-width:701px){.tea-world{width:100%;height:100%}.tea-background{object-fit:cover}}
@media(min-width:701px){.tea-tiger{height:18%}}
/* A full-screen invitation, with quiet independent movement. */
.continuous-journey #trade{height:100svh;min-height:0}.continuous-journey #trade .trade-stage{height:100svh;min-height:0}.continuous-journey #trade .trade-pattern{inset:auto;left:50%;top:50%;width:180vmax;height:180vmax;max-width:none;object-fit:cover;opacity:.035;transform-origin:center;animation:tradePatternTurn 240s linear infinite;animation-play-state:paused;will-change:transform}.continuous-journey #trade .trade-simple-art{animation:none}.continuous-journey #trade .trade-simple-art img{animation:tradePackDrift 8s ease-in-out infinite;animation-play-state:paused;will-change:transform;transform-origin:50% 70%}.continuous-journey #trade .trade-simple-art img:last-child{animation-duration:10s;animation-delay:-4s}.continuous-journey #trade.trade-in-view .trade-pattern,.continuous-journey #trade.trade-in-view .trade-simple-art img{animation-play-state:running}@keyframes tradePatternTurn{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes tradePackDrift{0%,100%{transform:translate(0,0) rotate(-.8deg)}50%{transform:translate(3px,-11px) rotate(.8deg)}}
@media(prefers-reduced-motion:reduce){.continuous-journey #trade .trade-pattern,.continuous-journey #trade .trade-simple-art img{animation:none;will-change:auto}.continuous-journey #trade .trade-pattern{transform:translate(-50%,-50%)}}
/* Modern Kitchens: the kori roti bag is the larger pack in this pair. */
.tea-modern .pack-back{width:78%;height:112%;right:-5%}.tea-modern .pack-front{width:56%;height:84%;left:-3%}
/* A closed cubic cargo carton, with four hinged flaps and an H-tape seal. */
.cargo-scene{--cargo-size:clamp(220px,26vw,330px);perspective:1100px}.cargo-cube{position:absolute;width:var(--cargo-size);height:var(--cargo-size);left:50%;top:56%;transform:translate(-50%,-50%) rotateX(-18deg) rotateY(-24deg);transform-style:preserve-3d}.cargo-face{position:absolute;inset:0;border:1px solid #98663c;background:repeating-linear-gradient(98deg,#ffffff03 0 1px,transparent 1px 5px),linear-gradient(115deg,#ba8d59,#c99a64);backface-visibility:hidden}.cargo-front{transform:translateZ(calc(var(--cargo-size)/2));background-color:#bf925f;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;isolation:isolate}.cargo-back{transform:rotateY(180deg) translateZ(calc(var(--cargo-size)/2));background:#81562f}.cargo-left{transform:rotateY(-90deg) translateZ(calc(var(--cargo-size)/2));background:linear-gradient(100deg,#96693f,#ab7b4c)}.cargo-right{transform:rotateY(90deg) translateZ(calc(var(--cargo-size)/2));background:linear-gradient(100deg,#96683c,#b38451)}.cargo-bottom{transform:rotateX(-90deg) translateZ(calc(var(--cargo-size)/2));background:#73502e}.cargo-front>img{width:30%;mix-blend-mode:multiply}.cargo-front>span{font-size:8px;letter-spacing:.10em;color:#622b1e}.cargo-front>small{font-size:7px;letter-spacing:.12em;color:#6c4429}.cargo-handling{position:absolute;left:8%;right:8%;bottom:7%;display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#66452c}.cargo-handling>span:first-child{font-family:Arial,sans-serif;font-size:17px}.cargo-front-tape{position:absolute;top:0;left:44%;width:12%;height:18%;background:#e5c38b80;border-inline:1px solid #e9d0a34d;transform:scaleY(var(--cargo-seal,0));transform-origin:50% 0;z-index:3}.cargo-lid{position:absolute;inset:0;transform:rotateX(90deg) translateZ(calc(var(--cargo-size)/2));transform-style:preserve-3d}.cargo-flap{position:absolute;border:1px solid #aa7b48;background:repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 7px),linear-gradient(110deg,#cda26d,#bd8d56);backface-visibility:visible;transform-style:preserve-3d}.cargo-flap-left,.cargo-flap-right{top:0;bottom:0;width:50%}.cargo-flap-left{left:0;transform-origin:0 50%;transform:rotateY(calc((1 - var(--cargo-inner,0))*-112deg))}.cargo-flap-right{right:0;transform-origin:100% 50%;transform:rotateY(calc((1 - var(--cargo-inner,0))*112deg))}.cargo-flap-front,.cargo-flap-back{left:0;right:0;height:50%;background:linear-gradient(110deg,#d1a772,#c79962)}.cargo-flap-back{top:0;transform-origin:50% 0;transform:translateZ(2px) rotateX(calc((1 - var(--cargo-outer,0))*112deg))}.cargo-flap-front{bottom:0;transform-origin:50% 100%;transform:translateZ(2px) rotateX(calc((1 - var(--cargo-outer,0))*-112deg))}.cargo-top-tape{position:absolute;inset:0;transform:translateZ(4px);pointer-events:none;background:linear-gradient(90deg,transparent 44%,#e9cc99b0 44%,#e9cc99b0 56%,transparent 56%),linear-gradient(0deg,transparent 3%,#e9cc9970 3%,#e9cc9970 13%,transparent 13% 87%,#e9cc9970 87% 97%,transparent 97%);clip-path:inset(0 calc((1 - var(--cargo-seal,0))*50%) 0 0)}.cargo-wrap{position:absolute;inset:0;transform:translateZ(calc(var(--cargo-size)/2 + 1px));border:1px solid #f1d7b022;opacity:var(--cargo-seal,0);pointer-events:none;box-shadow:inset 0 1px 4px #fff3d822}.tea-stage .cargo-scene{filter:drop-shadow(0 25px 15px #180a0540)}
@media(max-width:700px){.cargo-scene{--cargo-size:clamp(180px,56vw,260px)}.cargo-cube{top:55%}.cargo-front>span{font-size:6px}.cargo-front>small{font-size:5px}.cargo-handling{font-size:5px}}
.cargo-handling svg{width:24px;height:24px;stroke-width:1.5}
/* Tabletop packs share the room's warmth; contact shadows stay on the resting scene. */
.tea-pack{filter:brightness(.87) contrast(.97) saturate(.92) sepia(.06) drop-shadow(2px 3px 2px #180b0755)}.tea-cluster:after{opacity:var(--tea-copy-opacity,1);height:2%;filter:blur(2px)}
/* The voyage stays within Kudla's warm red and cream palette. */
.continuous-journey #find{background:var(--red);color:var(--cream)}#find .journey-chapter-stage{background:radial-gradient(ellipse at 75% 40%,#b267392e,transparent 65%),linear-gradient(110deg,#591a14,var(--red) 65%);color:var(--cream)}#find .find-copy .eyebrow{color:#e2b996}#find h2 em{color:#e7c69f}#find .find-copy>p:not(.eyebrow){color:#ecd6c1}#find .find-copy .button{background:var(--cream);color:var(--red)}#find .voyage-map .map-land{fill:#fef6eb0a;stroke:#fef6eb66}#find .voyage-map #sea-route{stroke:#e3ba83}#find .voyage-map circle{fill:var(--cream)}#find .voyage-map text{fill:var(--cream)}#find .voyage-compass{filter:brightness(0) invert(1);opacity:.25}#find .scene-continue{color:var(--cream);border-color:#fef6eb66}.tea-stage:after{background:var(--red)}
/* Contacts remain available throughout the journey; the final scene loops straight home. */
.contact-stack{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:9px;z-index:90}.contact-stack a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:var(--cream);border:1px solid #fef6eb3b;border-radius:50%;background:#25130dc7;backdrop-filter:blur(8px);transition:background .25s,color .25s}.contact-stack a:hover{background:var(--red);color:#edcfaa}.contact-stack a>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.contact-stack svg{width:19px;height:19px;stroke-width:1.3}.contact-stack .social-whatsapp svg{fill:currentColor;stroke:none}.trade-legal{position:absolute;left:8%;bottom:3%;padding:0!important;background:none!important;color:#e2bca6;display:flex;gap:20px;font-size:6px;z-index:5}.trade-legal a{border-bottom:1px solid #fef6eb44}.continuous-journey #trade #return-to-coast{right:90px;bottom:5%}
@media(max-width:700px){.contact-stack{right:12px;bottom:max(15px,env(safe-area-inset-bottom));gap:8px}.contact-stack a{width:37px;height:37px}.contact-stack svg{width:18px;height:18px}.trade-legal{left:7%;bottom:2%;font-size:5px;gap:12px}.continuous-journey #trade #return-to-coast{right:66px;bottom:6%}}
.tea-pack{transform-origin:50% 100%;transition:transform .45s ease,filter .3s ease}.tea-at-rest .tea-cluster:hover .tea-pack{transform:rotate(-.6deg) scale(1.025)}.tea-at-rest .tea-cluster:hover .pack-back{transform:rotate(.4deg) scale(1.02)}
@media(prefers-reduced-motion:reduce){.tea-at-rest .tea-cluster:hover .tea-pack{transform:none}}
/* All three Tiger references, at a smaller and consistent bottle scale. */
.tea-tiger{height:14%}.tea-tiger .tea-pack{width:32%;height:100%;left:0;right:auto}.tea-tiger .pack-back{left:34%;right:auto}.tea-tiger .pack-third{left:68%;z-index:2}
@media(min-width:701px){.tea-tiger{height:14%}}
.tea-window-rain{opacity:.5}
/* Visible, simple steam, aligned with both chai cup rims. */
.chai-steam{filter:none}.chai-steam svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#fff6e7;stroke-width:2.2;stroke-linecap:round;filter:blur(.65px)}.chai-steam path{opacity:.44;stroke-dasharray:36 15;animation:chaiWisp 4.8s linear infinite}.chai-steam path:nth-child(2){animation-delay:-1.6s;stroke-width:1.7}.chai-steam path:nth-child(3){animation-delay:-3.2s;stroke-width:1.5}.chai-steam-second path{animation-delay:-2.2s}.chai-steam-second path:nth-child(2){animation-delay:-.7s}@keyframes chaiWisp{0%{stroke-dashoffset:0;opacity:.28;transform:translateY(4px)}50%{opacity:.6}100%{stroke-dashoffset:102;opacity:.28;transform:translateY(-5px)}}
/* Brand-red words rest on the requested warm cream highlight. */
.coast-text .brand-emphasis,.kitchen-text .brand-emphasis{background:var(--cream);color:var(--red);padding:.025em .105em .055em;text-shadow:none;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.flavour-text h2{font-size:clamp(54px,5.6vw,92px)}.feeling-line{display:inline-block;white-space:nowrap}
/* Oversized brandmark belongs behind the voyage headline, not beside the map. */
#find .voyage-compass{position:absolute;left:-11%;top:3%;right:auto;bottom:auto;width:65vw;height:65vw;max-width:950px;max-height:950px;object-fit:contain;filter:brightness(0) invert(1);opacity:.065;z-index:0;pointer-events:none;animation:coastMarkTurn 210s linear infinite}#find .find-copy,#find .voyage-art{position:relative;z-index:2}@keyframes coastMarkTurn{to{transform:rotate(360deg)}}
/* Hinges share the body's rim exactly, so the flaps stay attached through rotation. */
.cargo-rim{position:absolute;inset:0;border:3px solid #bd915e;transform:rotateX(90deg) translateZ(calc(var(--cargo-size)/2));transform-style:preserve-3d;pointer-events:none}.cargo-flap-back{transform:rotateX(calc((1 - var(--cargo-outer,0))*112deg))}.cargo-flap-front{transform:rotateX(calc((1 - var(--cargo-outer,0))*-112deg))}.cargo-flap-front:before,.cargo-flap-back:before{content:'';position:absolute;left:-1px;right:-1px;height:3px;background:#bd915e}.cargo-flap-front:before{bottom:-1px}.cargo-flap-back:before{top:-1px}.cargo-top-tape{transform:translateZ(1px)}
/* Kori roti joins the trade assortment at its larger pack size. */
.continuous-journey #trade .trade-simple-art{display:grid;grid-template-columns:.95fr 1.15fr .8fr;gap:12px;align-items:end}.continuous-journey #trade .trade-simple-art img{width:100%;max-height:100%;height:82%;object-fit:contain;object-position:50% 100%}.continuous-journey #trade .trade-simple-art .trade-roti{height:100%;max-height:100%;rotate:1deg;animation-duration:9s;animation-delay:-2s}.continuous-journey #trade .trade-simple-art img:last-child{height:70%;max-height:100%}
@media(max-width:700px){.flavour-text h2{font-size:clamp(34px,9vw,48px);max-width:none}#find .voyage-compass{left:-38%;top:5%;width:125vw;height:125vw;max-width:none;max-height:none;opacity:.055}.chai-steam-second{left:17%;top:64%;width:4%;height:13%}.continuous-journey #trade .trade-simple-art{width:80%;gap:8px}}
@media(prefers-reduced-motion:reduce){.chai-steam{display:none}#find .voyage-compass{animation:none}}
/* A tight marker behind the word, without enlarging its line box. */
.coast-text .brand-emphasis,.kitchen-text .brand-emphasis{position:relative;isolation:isolate;background:none;padding:0 .055em;line-height:inherit;vertical-align:baseline;border-radius:0}.coast-text .brand-emphasis:before,.kitchen-text .brand-emphasis:before{content:'';position:absolute;inset:18% 0 15%;background:var(--cream);border-radius:1px;clip-path:none;z-index:-1}
/* Tiger: a compact trio, with chicken biryani leading from the centre. */
.tea-tiger .pack-front{left:34%;width:32%;height:100%;z-index:3}.tea-tiger .pack-back{left:13%;width:32%;height:91%;z-index:1}.tea-tiger .pack-third{left:55%;width:32%;height:91%;z-index:1}
.tea-tiger .pack-back{left:14%}.tea-tiger .pack-third{left:54%}
/* Lighter location labels and the current approved kori roti photograph. */
#find .voyage-map text{stroke:none;font-weight:400}.stockist-result h3,.leaflet-popup-content strong{font-weight:400}
/* The original connection/overview frame is skipped: doors reveal the real shelf. */
.product-text,.flavour-product{display:none!important}.pantry-entry-overlay{position:fixed!important;inset:0!important;z-index:80!important;display:none;opacity:0;background:none!important;pointer-events:none;transition:opacity .18s ease}.pantry-entry-overlay .threshold-title{opacity:var(--welcome-text,0);bottom:10%;background:none}.pantry-entry-overlay .pantry-door{background-color:#672c1d}.pantry-room-stage .room-copy{opacity:var(--entry-copy,1)}

/* Trade assortment: oversized rice roti, flanked by lightly overlapping packs. */
.continuous-journey #trade .trade-simple-art{display:block;position:relative;isolation:isolate}
.continuous-journey #trade .trade-simple-art img{position:absolute;bottom:0;left:0;width:42%;height:82%;max-height:none;z-index:2}
.continuous-journey #trade .trade-simple-art .trade-roti{left:20%;width:60%;height:118%;max-height:none;z-index:1}
.continuous-journey #trade .trade-simple-art img:last-child{left:auto;right:0;width:40%;height:70%;max-height:none;z-index:2}

/* Chai vapour: diffuse, overlapping mist, born at the rim and dispersed upward. */
.chai-steam{filter:blur(5px);overflow:visible;mix-blend-mode:screen}
.chai-steam i{border:0;position:absolute;left:22%;bottom:-5%;width:58%;height:52%;border-radius:50%;background:radial-gradient(ellipse at 48% 66%,#f8efe0c0 0%,#f8efe080 27%,#f8efe028 51%,transparent 72%);opacity:0;transform-origin:50% 100%;animation:chaiMist 5.6s linear infinite;will-change:transform,opacity}
.chai-steam i:nth-child(2){left:28%;animation-delay:-1.12s}
.chai-steam i:nth-child(3){left:15%;animation-delay:-2.24s}
.chai-steam i:nth-child(4){left:25%;animation-delay:-3.36s}
.chai-steam i:nth-child(5){left:18%;animation-delay:-4.48s}
.chai-steam-second i{animation-duration:6.2s}
@keyframes chaiMist{0%{opacity:0;transform:translate(0,8%) scale(.35,.5)}15%{opacity:.42}40%{opacity:.56;transform:translate(-5%,-55%) scale(.8,1.15)}70%{opacity:.24;transform:translate(12%,-125%) scale(1.35,1.45)}100%{opacity:0;transform:translate(-9%,-195%) scale(1.85,1.65)}}

/* Match overlap to visible bottle silhouettes, including transparent image margins. */
.tea-tiger .pack-back{left:18%;width:32%;height:91%;z-index:1}.tea-tiger .pack-front{left:34%;width:32%;height:100%;z-index:3}.tea-tiger .pack-third{left:50%;width:32%;height:91%;z-index:1}
.tea-tiger{container-type:size}.tea-tiger .tea-pack{width:auto;max-width:none;right:auto;object-fit:contain;translate:-50% 0;transform:none;transform-origin:50% 100%}.tea-tiger .pack-front{left:50%;height:100%}.tea-tiger .pack-back{left:calc(50% - 24cqh);height:91%}.tea-tiger .pack-third{left:calc(50% + 24cqh);height:91%}
/* Quiet chapter rail, matching the Ghost site's thin horizontal markers. */
.chapter-index{right:18px;top:50%;transform:translateY(-50%);gap:3px}
.chapter-index a{width:34px;height:26px;justify-content:flex-end;border:0;border-radius:0;background:none}
.chapter-index a:before{width:14px;height:1px;border:0;border-radius:0;background:#fef6eb66;transition:width .3s ease,background .3s ease}
.chapter-index a.active:before,.chapter-index a:hover:before{width:28px;height:1px;border:0;background:var(--cream)}
@media(max-width:700px){.chapter-index{right:8px}.chapter-index a{width:28px;height:26px}.chapter-index a:before{width:11px;height:1px}.chapter-index a.active:before,.chapter-index a:hover:before{width:22px}}
.rain-sound-toggle{position:fixed;left:26px;bottom:70px;z-index:70;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #fef6eb22;border-radius:20px;background:#1c130d55;color:#fef6ebc9;backdrop-filter:blur(8px);font:inherit;font-size:9px;letter-spacing:.04em;cursor:pointer}.rain-sound-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.rain-sound-toggle .sound-wave{display:none}.rain-sound-toggle[aria-pressed=true] .sound-wave{display:block}.rain-sound-toggle[aria-pressed=true] .sound-muted{display:none}.rain-sound-toggle:hover{color:var(--cream);border-color:#fef6eb66}.rain-sound-toggle:focus-visible{outline:2px solid var(--cream);outline-offset:3px}@media(max-width:700px){.rain-sound-toggle{left:16px;bottom:64px;font-size:8px}}

.rain-sound-toggle{width:34px;height:34px;padding:8px;justify-content:center;gap:0;border-radius:50%}.rain-sound-toggle svg{width:17px;height:17px}.rain-sound-toggle span{display:none}

.pantry-entry-overlay .threshold-title{bottom:27%}.country-name{white-space:nowrap}
@media(min-width:701px){.kitchen-origin{max-width:none;width:max-content}.kitchen-origin>span{display:block;white-space:nowrap}}
@media(max-width:700px){.kitchen-origin>span{display:block}.pantry-entry-overlay .threshold-title{bottom:27%}}

#trade .trade-simple-copy h2{font-size:clamp(40px,4.25vw,72px);line-height:1.04}#trade .trade-simple-copy h2 em{font-size:.88em}@media(max-width:700px){#trade .trade-simple-copy h2{font-size:clamp(32px,8.2vw,48px)}}

.later-chapters{position:fixed;left:50%;bottom:28px;translate:-50% 0;z-index:55;display:flex;align-items:flex-end;gap:22px;color:var(--cream)}.later-chapters[hidden]{display:none}.later-chapters button{padding:10px 0;text-align:center;opacity:.45;transition:opacity .3s}.later-chapters button.active,.later-chapters button:hover{opacity:1}.later-chapters span{display:block;font-size:6px;letter-spacing:.12em;margin-bottom:10px;white-space:nowrap}.later-chapters i{display:block;width:55px;height:1px;margin:auto;background:#fef6eb55}.later-chapters button.active i{background:var(--cream)}.later-chapters button:focus-visible{outline:1px solid var(--cream);outline-offset:5px}@media(max-width:700px){.later-chapters{bottom:22px;gap:14px}.later-chapters span{font-size:5px}.later-chapters i{width:45px}}

/* One complete journey rail outside the pantry; categories take over inside it. */
.story-chapters{visibility:hidden;pointer-events:none}.later-chapters{gap:18px}.later-chapters i{width:48px}.later-chapters span{font-size:6px}@media(max-width:700px){.later-chapters{left:7%;right:7%;translate:0;justify-content:space-between;gap:5px}.later-chapters span{font-size:4px;letter-spacing:.03em}.later-chapters i{width:28px}}

.room-navigation button{text-transform:uppercase;letter-spacing:.1em}