.world-coast .coast-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Responsive edition: desktop v70 remains the reference composition. */
@media(max-width:1100px){
 .continuous-journey .site-header{height:82px!important;padding:0 6%;gap:18px;background:linear-gradient(#190f0ab3,transparent)}
 .site-header .brand img{width:120px;max-height:55px;object-fit:contain}
 .site-header .portal-link{font-size:10px;margin-left:auto;gap:8px;white-space:nowrap}
 .site-header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:44px;color:var(--cream);flex-shrink:0}
 .menu-toggle span{width:24px;height:1px;background:currentColor}
 .site-header nav{display:none;position:absolute;top:80px;left:0;right:0;margin:0;padding:24px 7% 30px;background:#28190ff5!important;backdrop-filter:blur(16px);color:var(--cream)!important;flex-direction:column;gap:6px;font-size:20px;box-shadow:none}
 .site-header.menu-open nav{display:flex}
 .site-header nav a{padding:10px 0}
 .prologue-stage,.pantry-room-stage,.tea-stage,.journey-chapter-stage,.trade-stage{min-height:0!important;height:100svh}
 .later-chapters{bottom:calc(22px + env(safe-area-inset-bottom));max-width:85%;gap:12px}
 .later-chapters span{font-size:6px}.later-chapters i{width:36px}
 .room-navigation{bottom:calc(22px + env(safe-area-inset-bottom))}
 .contact-stack{right:12px;bottom:calc(80px + env(safe-area-inset-bottom));gap:8px}
 .contact-stack a{width:34px;height:34px}.contact-stack svg{width:16px;height:16px}
 .rain-sound-toggle{bottom:calc(83px + env(safe-area-inset-bottom));left:16px;width:34px;height:34px}
 .chapter-index{right:8px}.chapter-index a{height:26px;width:25px}
 .room-copy{width:31%}.room-copy h2{font-size:clamp(32px,4.5vw,49px)}
 .journey-dialog{width:94vw;max-width:94vw;max-height:94svh;padding:64px 5% 30px;overscroll-behavior:contain}
 .journey-dialog-close{position:sticky;top:-64px;z-index:10;padding:16px 0;background:var(--cream);margin:-45px 0 22px auto}
 #product-dialog{max-width:94vw;max-height:92svh;overflow:auto;overscroll-behavior:contain}
 .tea-detail-close,.dialog-close{min-width:44px;min-height:44px}
 .room-pack,.tea-pack{touch-action:manipulation;-webkit-touch-callout:none;user-select:none}
 .scene-continue{right:60px;bottom:calc(85px + env(safe-area-inset-bottom));font-size:10px;gap:16px}
 .continuous-journey #trade #return-to-coast{bottom:calc(85px + env(safe-area-inset-bottom));right:60px}
}
@media(max-width:1100px) and (orientation:portrait){
 .prologue{height:470svh!important}.continuous-journey #range.pantry-walk{height:530svh}.continuous-journey #makers.tea-story{height:300svh}
 .prologue-stage,.pantry-room-stage,.tea-stage,.journey-chapter-stage{height:100svh;min-height:0!important}
 .world-coast picture,.tea-world picture,.room-world picture{display:contents}
 .world-coast .coast-scene{object-position:58% 50%;transform:scale(1.015)!important}
 .coast-shade{background:linear-gradient(180deg,#130d09a6,transparent 55%),linear-gradient(90deg,#110e0966,transparent 85%),linear-gradient(0deg,#130d0999,transparent 23%)}
 .scene-text,.coast-text,.kitchen-text{left:7%;right:7%;width:auto;top:15%;bottom:auto}
 .scene-text h1{font-size:clamp(48px,12vw,90px);line-height:.98;letter-spacing:-.035em;margin-bottom:20px}
 .scene-text h2{font-size:clamp(43px,10vw,76px);line-height:1.01;margin-bottom:20px}
 .scene-text .eyebrow{font-size:8px;margin-bottom:18px}.scene-support{font-size:clamp(12px,2.3vw,17px);line-height:1.6;max-width:80%;margin-bottom:20px}
 .begin-journey{font-size:12px;padding:14px 0;gap:30px}
 .coast-text .scene-support{max-width:85%}.arrival-compass{width:56px!important;height:56px!important;left:auto!important;right:14%!important;top:auto!important;bottom:18%!important}
 .kitchen-text{top:17%}.kitchen-origin{font-size:clamp(11px,2vw,15px);line-height:1.7;max-width:85%;width:auto;margin-top:24px}.kitchen-origin>span{display:block;white-space:normal}
 .world-kitchen .kitchen-scene{object-position:49% 50%}.kitchen-shade{background:linear-gradient(90deg,#120d08aa,#120d0833),linear-gradient(0deg,#120d08bb,transparent 65%)}
 .flavour-text{top:15%;left:7%;width:86%}.flavour-text h2{font-size:clamp(40px,10vw,76px);max-width:none}.flavour-text .scene-support{font-size:clamp(12px,2.2vw,17px);max-width:85%}
 .flavour-food{left:6%;right:4%;top:44%;bottom:16%}.flavour-word{font-size:25vw;top:48%;opacity:.07}
 .story-chrome{bottom:calc(83px + env(safe-area-inset-bottom));left:7%;right:7%}.story-location{display:none}.story-scroll{display:none}
 .later-chapters{left:6%;right:6%;max-width:none;translate:0;justify-content:space-between;gap:7px}.later-chapters span{font-size:clamp(5px,1vw,8px);letter-spacing:.04em}.later-chapters i{width:clamp(26px,6vw,48px)}
 .room-world{width:100%;height:100%;left:50%;top:50%;translate:-50% -50%;transform:translate(var(--room-mx,0%),var(--room-my,3%)) scale(var(--room-mzoom,1.04))}
 .room-interior{object-fit:fill;filter:brightness(.88)}.room-world .room-pack,.room-deck[data-room="0"] .room-pack,.room-deck[data-room="1"] .room-pack{display:block;left:calc(var(--mobile-x)*1%);top:calc(var(--mobile-y)*1%);height:calc(var(--mobile-h)*1%);width:18%}
 .room-deck[data-room="1"] .room-pack{width:10%}.room-deck[data-room="2"] .room-pack{width:24%}.room-deck[data-room="3"] .room-pack{width:24%}
 .room-copy{left:7%;right:9%;top:12%;bottom:auto;width:auto}.room-copy h2{font-size:clamp(32px,7.8vw,60px);line-height:1.04;max-width:85%;margin-bottom:12px}.room-copy .eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:12px}.room-copy>p:not(.eyebrow){font-size:clamp(11px,2vw,16px);line-height:1.5;max-width:83%}
 .room-browse{position:fixed;bottom:calc(92px + env(safe-area-inset-bottom));left:7%;margin:0;font-size:11px;padding:12px 0;gap:25px;pointer-events:auto}
 .room-shade{background:linear-gradient(180deg,#170d09a6,transparent 44%),linear-gradient(0deg,#170d09c9,transparent 24%)}
 .room-navigation{left:7%;right:7%;gap:10px;justify-content:space-between}.room-navigation button{font-size:clamp(6px,1.25vw,9px);padding:14px 0;letter-spacing:.08em;min-height:40px}
 .room-caption{left:7%;bottom:calc(68px + env(safe-area-inset-bottom));right:16%;font-size:5px}.room-caption span:last-child{display:none}.room-scroll,.room-brandmark{display:none}
 .shelf-front-edges i{background-image:url('assets/pantry-portrait.webp')}.lip-masala{clip-path:polygon(14% 47.3%,89% 47.3%,89% 48.1%,14% 48.1%)}.lip-seasoning{clip-path:polygon(14% 60.1%,89% 60.1%,89% 60.9%,14% 60.9%)}.lip-snacks{clip-path:polygon(14% 73.6%,89% 73.6%,89% 74.3%,14% 74.3%)}.lip-snacks-top,.lip-snacks-middle{display:none}
 .pantry-entry-overlay .threshold-title{bottom:31%;gap:16px}.pantry-entry-overlay .threshold-title p{font-size:clamp(30px,7.5vw,56px)}.pantry-entry-overlay .threshold-title img{width:48px}.pantry-door{padding:17vh 5%;gap:14px}
 .tea-world{width:100%;height:100%;left:50%;top:50%;translate:-50% -50%;transform:none}.tea-background{object-fit:fill}.tea-shade{background:linear-gradient(180deg,#1b1009a6,transparent 48%),linear-gradient(0deg,#1b1009b3,transparent 30%)}
 .tea-intro{left:7%;top:13%;width:85%}.tea-intro h2{font-size:clamp(40px,10vw,72px);line-height:1;max-width:90%;margin-bottom:15px}.tea-intro .eyebrow{font-size:7px;letter-spacing:.10em;margin-bottom:14px}.tea-intro>p:last-child{font-size:clamp(11px,2vw,15px);line-height:1.55}
 .tea-cluster{width:32%;height:16%;top:75%}.tea-aruna{left:33%;top:75%}.tea-modern{left:72%;top:75%}.tea-tiger{left:32%;top:91%;height:11%}.tea-snacks{left:72%;top:91%;height:13%}
 .tea-modern .pack-back{height:110%;width:72%;right:-3%}.tea-modern .pack-front{height:78%;width:53%;left:0}
 .brand-dot{left:50%;translate:-50% 0;top:calc(100% + 1px);gap:6px;padding:9px 3px;min-height:35px}.brand-dot b{font-size:clamp(7px,1.6vw,11px)}.brand-dot>span{width:6px;height:6px;box-shadow:0 0 0 4px #fef6eb22}
 .tea-instruction{display:none}.tea-stage .scene-continue{bottom:calc(90px + env(safe-area-inset-bottom));left:7%;right:auto;font-size:10px}
 .tea-stage .packing-scene{--cargo-size:clamp(180px,53vw,340px);left:6%;top:43%;width:88%;height:40%;transform:translateY(calc(var(--packing-zoom,0)*-5%)) scale(calc(1 + var(--packing-zoom,0)*1.25))}
 #tea-brand-detail{position:absolute;left:6%;right:6%;top:13%;width:auto;max-width:none;padding:28px 25px;background:#28190ff5;z-index:20;max-height:67svh;overflow:auto;overscroll-behavior:contain}#tea-brand-heading{font-size:clamp(31px,7vw,50px)}#tea-brand-copy{font-size:13px;line-height:1.7}#tea-brand-logo{height:34px;max-width:150px}
 #find .journey-chapter-stage{display:block;padding:14svh 7% 15svh}#find .find-copy{max-width:88%;position:relative;z-index:2}#find h2{font-size:clamp(43px,10vw,80px);line-height:1;margin-bottom:20px}#find .find-copy .eyebrow{font-size:7px}#find .find-copy>p:not(.eyebrow){font-size:clamp(12px,2.1vw,16px);max-width:85%;line-height:1.65}#find .find-copy .button{font-size:12px;padding:14px 18px;min-height:44px}#find .voyage-art{position:absolute;left:6%;right:6%;top:49%;width:88%;height:36svh;margin:0;transform:none}#find .voyage-map{width:100%;height:100%}#find .voyage-compass{width:140vw;height:140vw;left:-47%;top:7%;opacity:.045}#find .scene-continue{bottom:calc(86px + env(safe-area-inset-bottom));right:60px;font-size:10px}
 .continuous-journey #trade .trade-stage{display:block;padding:14svh 7% 15svh;background:linear-gradient(#791f17e8,#791f17f2),url('assets/tea-table-portrait.webp') center/cover}.trade-simple-copy{position:relative;z-index:3}.trade-stage .trade-simple-copy .eyebrow{font-size:7px}.trade-stage #trade-title,#trade .trade-simple-copy h2{font-size:clamp(39px,9.5vw,72px);line-height:1.03;max-width:90%;margin-bottom:18px}#trade .trade-simple-copy h2 em{font-size:1}.trade-stage .trade-simple-copy>p:not(.eyebrow){font-size:clamp(12px,2vw,16px);line-height:1.6}.trade-stage .trade-simple-copy .button{font-size:12px;min-height:44px;padding:14px 18px}.trade-stage .trade-simple-existing{font-size:10px;margin-top:15px}
 .continuous-journey #trade .trade-simple-art{position:absolute;left:23%;top:54%;width:68%;height:24%;max-height:none;margin:0;transform:none}.continuous-journey #trade .trade-simple-art .trade-roti{height:118%}.trade-legal{bottom:calc(8px + env(safe-area-inset-bottom));font-size:5px}.trade-legal a{padding:5px}
 .journey-dialog{width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0;padding:65px 6% 35px}.journey-dialog .section-heading h2{font-size:38px}.journey-dialog .heading-note{font-size:12px}.journey-dialog #stockist-map{height:35svh;min-height:240px}.journey-dialog .locator-map-shell{grid-row:auto}.journey-dialog .locator-products fieldset{display:block}
 .coast-loop-wash{background-image:url('assets/coastal-home-portrait.webp')}
}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){
 .site-header .brand img{width:160px;max-height:65px}.continuous-journey .site-header{height:100px!important}.site-header nav{top:98px}.site-header .portal-link{font-size:12px}
 .room-copy{top:13%}.room-copy h2{max-width:80%;font-size:clamp(45px,6.8vw,68px)}.room-browse{font-size:13px;bottom:110px}.room-navigation button{font-size:10px}.room-caption{font-size:7px;bottom:80px}
 .later-chapters{bottom:30px}.later-chapters span{font-size:8px}.later-chapters i{width:58px}.contact-stack a{width:40px;height:40px}.contact-stack{right:20px;bottom:100px}.rain-sound-toggle{bottom:100px;left:25px;width:40px;height:40px}
 .tea-cluster{height:17%;width:27%}.tea-tiger{height:12%}.tea-snacks{height:14%}.tea-aruna,.tea-tiger{left:35%}.tea-modern,.tea-snacks{left:72%}.tea-intro{top:14%}.brand-dot b{font-size:11px}.tea-stage .scene-continue{bottom:105px;font-size:12px}
 #find .voyage-art{top:48%;height:38svh}#find .find-copy>p:not(.eyebrow){max-width:70%}.continuous-journey #trade .trade-simple-art{height:28%;top:51%;left:34%;width:56%}
 #product-dialog{width:85vw}.journey-dialog .locator-map-shell{grid-row:auto}
}
@media(max-width:1100px) and (orientation:landscape){
 .scene-text{top:22%;bottom:auto;width:50%}.scene-text h1{font-size:clamp(40px,6vw,72px)}.scene-text h2{font-size:clamp(36px,5.5vw,65px)}.kitchen-origin{font-size:11px;max-width:460px}.kitchen-origin>span{white-space:normal}
 .room-copy{top:23%;bottom:auto}.tea-intro h2{font-size:clamp(38px,5.5vw,62px)}.tea-intro{top:20%}.tea-cluster{top:78%}.tea-tiger{height:14%}.tea-aruna{left:40%}.tea-modern{left:54%}.tea-tiger{left:68%}.tea-snacks{left:82%}
 .continuous-journey #trade .trade-stage{display:grid;grid-template-columns:1.15fr 1fr;padding:12vh 8%;gap:6%}.trade-stage .trade-simple-art{width:100%;height:38svh;margin:0}.trade-stage .trade-simple-copy>p:not(.eyebrow){font-size:12px}.trade-stage .trade-simple-copy h2{font-size:clamp(32px,4.2vw,48px)}
}
@media(max-height:600px) and (orientation:landscape){
 .continuous-journey .site-header{height:60px!important}.site-header .brand img{width:95px;max-height:43px}.site-header nav{top:58px}.site-header.menu-open nav{max-height:calc(100svh - 60px);overflow:auto;font-size:16px}
 .scene-text{top:20%}.scene-text h1,.scene-text h2{font-size:clamp(28px,4.8vw,45px);margin-bottom:10px}.scene-text .eyebrow{margin-bottom:9px;font-size:6px}.scene-support,.kitchen-origin{font-size:10px;line-height:1.5;margin:8px 0}.begin-journey{font-size:10px;padding:6px 0}
 .flavour-text{width:45%;top:23%}.flavour-food{left:48%;right:3%;top:22%;bottom:15%}.flavour-text .scene-support{font-size:10px}
 .tea-intro{top:23%;width:36%}.tea-intro h2{font-size:34px;margin-bottom:10px}.tea-intro>p:last-child{font-size:10px}.tea-intro .eyebrow{font-size:5px;margin-bottom:10px}.tea-instruction{display:none}.tea-cluster{width:13.5%;height:25%;top:75%}.tea-tiger{height:17%}.brand-dot b{font-size:6px}.brand-dot{top:calc(100% + 2px);gap:5px}
 .room-copy{top:22%}.room-copy h2{font-size:27px;margin-bottom:10px}.room-copy>p:not(.eyebrow){font-size:9px}.room-copy .eyebrow{font-size:5px}.room-browse{font-size:9px;margin-top:12px}
 .later-chapters{bottom:8px;gap:13px}.later-chapters span{font-size:5px}.later-chapters i{width:36px}.room-navigation{bottom:8px}.room-navigation button{font-size:6px}.room-caption{display:none}.contact-stack{bottom:65px;right:8px;gap:5px}.contact-stack a{width:28px;height:28px}.rain-sound-toggle{bottom:58px;left:12px;width:28px;height:28px}
 .trade-stage .trade-simple-copy .eyebrow{font-size:5px;margin-bottom:10px}.trade-stage .trade-simple-copy h2{font-size:30px!important;margin-bottom:10px}.trade-stage .trade-simple-copy>p:not(.eyebrow){font-size:10px;margin-bottom:10px}.trade-stage .trade-simple-copy .button{font-size:9px;padding:9px 12px;min-height:32px}.trade-stage .trade-simple-existing{font-size:7px;margin-top:8px}.scene-continue,.continuous-journey #trade #return-to-coast{bottom:54px;font-size:8px}.trade-legal{bottom:4px;font-size:4px}
 #find .journey-chapter-stage{padding:17vh 7% 12vh;display:grid;grid-template-columns:1fr 1fr;gap:5%}#find h2{font-size:37px;margin-bottom:10px}#find .find-copy>p:not(.eyebrow){font-size:10px}#find .find-copy .eyebrow{font-size:5px;margin-bottom:10px}#find .voyage-art{height:65svh;margin:0}#find .find-copy .button{font-size:9px;padding:9px 12px;min-height:32px}
}

@media(max-width:1100px) and (orientation:portrait){.tea-aruna,.tea-modern{top:73%}.tea-tiger,.tea-snacks{top:89%}.tea-stage .scene-continue{top:40%;bottom:auto;left:7%;right:auto}.tea-window-rain{opacity:.4}.room-copy .room-browse{pointer-events:auto}}

@media(max-width:1100px) and (orientation:portrait){.world-coast .coast-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-browse{position:absolute!important;z-index:7;pointer-events:auto}.room-caption{z-index:6}.world-coast .scene-light{inset:0}}

@media(max-width:1100px){.room-browse{position:absolute!important;left:7%;bottom:92px;top:auto;z-index:7;pointer-events:auto;margin:0}}

@media(max-width:1100px) and (orientation:portrait){.room-shade{background:linear-gradient(180deg,#170d09d4, #170d0977 32%,transparent 51%),linear-gradient(0deg,#170d09c9,transparent 24%)}}
@media(max-width:1100px){.rain-sound-toggle{bottom:calc(140px + env(safe-area-inset-bottom))}}
@media(max-width:600px) and (orientation:portrait){.later-chapters{left:6%;right:6%;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;justify-content:center;column-gap:12px;row-gap:0}.later-chapters[hidden]{display:none}.later-chapters button{flex:0 0 calc(25% - 12px);padding:9px 0}.later-chapters span{font-size:6.5px;margin-bottom:7px}.later-chapters i{width:32px}.contact-stack{bottom:calc(105px + env(safe-area-inset-bottom))}.scene-continue,.continuous-journey #trade #return-to-coast{bottom:calc(120px + env(safe-area-inset-bottom))}.tea-stage .scene-continue{bottom:auto}}
@media(max-width:600px) and (orientation:portrait){.brand-dot{min-height:32px;padding:7px 3px}.brand-dot b{font-size:7px}.tea-stage .scene-continue{top:39%}.tea-detail-close{right:5px;top:5px}}
@media(max-width:1100px) and (orientation:portrait){.trade-stage{align-content:start}.trade-stage .trade-simple-copy{position:absolute;left:7%;right:7%;top:14%;translate:none}.trade-stage .trade-simple-copy .eyebrow{margin-bottom:18px}}
@media(max-width:600px) and (orientation:portrait){.trade-stage .trade-simple-copy{top:13%}.continuous-journey #trade .trade-simple-art{top:60%;left:20%;width:64%;height:18%}.continuous-journey #trade #return-to-coast{bottom:calc(100px + env(safe-area-inset-bottom));font-size:9px}.trade-stage .trade-simple-copy .eyebrow{margin-bottom:14px}.trade-stage .trade-simple-copy>p:not(.eyebrow){font-size:11px;margin-bottom:16px}.trade-stage .trade-simple-existing{font-size:9px;margin-top:12px}}
@media(max-width:1100px) and (orientation:landscape){.room-world{width:max(100vw,177.78svh);height:max(56.25vw,100svh);left:50%;top:50%;translate:-50% -50%;transform:translate(var(--room-x),var(--room-y)) scale(var(--room-zoom))}.room-world .room-pack,.room-deck[data-room="0"] .room-pack{display:block;left:calc(var(--pack-x)*1%);top:calc(var(--pack-y)*1%);height:calc(var(--pack-h)*1%);width:8%}.room-deck[data-room="1"] .room-pack{left:calc(var(--pack-x)*1%);top:calc(var(--pack-y)*1%);height:calc(var(--pack-h)*1%);width:4.4%}.tea-world{width:100%;height:100%;left:50%;top:50%;translate:-50% -50%;transform:scale(1.015)}.tea-cluster{width:13.5%}.tea-background{object-fit:cover}.kitchen-text{top:22%;bottom:auto}.later-chapters{left:50%;right:auto;translate:-50% 0;flex-wrap:nowrap}.room-browse{bottom:75px}}
@media(max-height:600px) and (orientation:landscape){.tea-stage .scene-continue{left:7%;right:auto;bottom:54px}}

/* Phone navigation uses the bottom tabs without a duplicate side rail. */
@media(max-width:700px),(max-width:950px) and (max-height:500px){.chapter-index{display:none}}

/* A dedicated view of the original desktop snack cabinet on portrait devices. */
.portrait-snack-world{display:none}
@media(max-width:1100px) and (orientation:portrait){
 .room-world{opacity:calc(1 - var(--snack-view,0))}
 .portrait-snack-world{display:block;position:absolute;left:50%;top:20%;width:min(324vw,150svh);aspect-ratio:1672/941;translate:-81% 0;opacity:var(--snack-view,0);z-index:2;isolation:isolate;mask-image:linear-gradient(transparent,#000 10%,#000);pointer-events:none}
 .snack-cabinet-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:brightness(.88)}
 .portrait-snack-world .room-deck[data-room="3"] .room-pack{left:calc(var(--pack-x)*1%);top:calc(var(--pack-y)*1%);height:calc(var(--pack-h)*1%);width:8%;display:block;pointer-events:auto}
 .snack-cabinet-lips{position:absolute;inset:0;pointer-events:none;z-index:4}.snack-cabinet-lips i{position:absolute;inset:0;background:url('assets/pantry-clear-shelves.webp') center/100% 100% no-repeat;filter:brightness(.88)}
 .snack-cabinet-lips i:nth-child(1){clip-path:polygon(68.7% 34.1%,95.2% 34.1%,95.2% 35.1%,68.7% 35.1%)}
 .snack-cabinet-lips i:nth-child(2){clip-path:polygon(68.7% 48.25%,95.2% 48.25%,95.2% 49.2%,68.7% 49.2%)}
 .snack-cabinet-lips i:nth-child(3){clip-path:polygon(68.7% 65.05%,95.2% 65.05%,95.2% 67%,68.7% 67%)}
}

/* Phone tea-table composition: closer camera, less empty wall and two natural depths. */
@media(max-width:700px) and (orientation:portrait){
 .tea-aruna{left:35%;top:60.5%;width:32%;height:17%}.tea-modern{left:73%;top:60.5%;width:32%;height:17%}
 .tea-tiger{left:29%;top:79%;width:32%;height:11.5%}.tea-snacks{left:70%;top:79%;width:32%;height:13.5%}
 .tea-intro{top:12%;left:7%;width:86%}.tea-intro h2{font-size:clamp(39px,10.5vw,58px);line-height:.98;max-width:95%;margin-bottom:14px}.tea-intro .eyebrow{font-size:6px;letter-spacing:.09em;margin-bottom:14px}.tea-intro>p:last-child{font-size:11px;line-height:1.55}
 .tea-stage .scene-continue{top:34.5%;bottom:auto;left:7%;right:auto;font-size:10px;padding:10px 0;gap:20px}
 .tea-shade{background:linear-gradient(180deg,#170d09a8, #170d0944 33%,transparent 51%),linear-gradient(0deg,#170d09d4,transparent 30%)}
 .brand-dot{top:calc(100% + 2px);min-height:34px;padding:8px 3px;gap:6px}.brand-dot b{font-size:8px;font-weight:400;white-space:nowrap;text-shadow:0 1px 5px #140b05}.brand-dot>span{width:6px;height:6px}
 .tea-cluster:after{opacity:.75;filter:blur(2px)}
}
/* Warm dark-brown mobile menu; link rules follow their text width. */
@media(max-width:1100px){.site-header nav{background:#28190ff5!important}.site-header nav a{align-self:flex-start;width:fit-content;max-width:100%}}

@media(max-width:700px) and (orientation:portrait){.arrival-compass{bottom:14%!important}}

@media(max-width:700px) and (orientation:portrait){body:has(.coast-text:not([inert])) .rain-sound-toggle{bottom:calc(14svh + 11px)}}

@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){.arrival-compass{width:72px!important;height:72px!important;bottom:12%!important}body:has(.coast-text:not([inert])) .rain-sound-toggle{bottom:calc(12svh + 16px)}}
/* Navigation labels remain warm cream across desktop and landscape tablet scenes. */
@media(min-width:1101px),(min-width:701px) and (orientation:landscape){.immersive-kudla .site-header nav{color:#FEF6EB!important}.immersive-kudla .site-header nav a{color:inherit}}
/* Pantry categories match the journey-tab typography at each breakpoint. */
.room-navigation button{font-size:6px;letter-spacing:.12em}
@media(max-width:700px) and (orientation:portrait){.room-navigation button{font-size:6.5px;letter-spacing:.04em}}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){.room-navigation button{font-size:8px;letter-spacing:.04em}}
@media(max-height:600px) and (orientation:landscape){.room-navigation button{font-size:5px;letter-spacing:.04em}}
/* The middle shelf ends before the tall kori roti pack on portrait screens. */
@media(max-width:1100px) and (orientation:portrait){.lip-seasoning{clip-path:polygon(14% 60.1%,65% 60.1%,65% 60.9%,14% 60.9%)}}

/* Fit the roti within the lower shelf; preserve clear product paragraphs. */
#detail-description{white-space:pre-line;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:1100px) and (orientation:portrait){
 .room-world .room-deck[data-room="2"] .room-pack{height:12%!important;width:19%;top:73.5%}
}

@media(max-width:700px),(max-width:950px) and (max-height:500px){
 body:has(#trade.trade-in-view) .later-chapters{display:none!important}
 #trade .trade-legal{left:7%;right:7%;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;line-height:1.5}
 #trade .trade-legal a{flex-shrink:0;padding:0;border-bottom:0}
}

/* Keep product exploration within the journey. */ keep product exploration within the journey. */
#browse-room{display:none!important}
.pantry-room-stage>.room-tap-hint{display:block;position:absolute;z-index:6;left:5.5%;bottom:16%;margin:0;color:#fef6eb;font-size:12px;line-height:1.5;letter-spacing:.02em;text-shadow:0 1px 8px #0008;pointer-events:none}
#product-dialog{padding:0 40px 35px;scroll-padding-top:65px;gap:25px 40px}
#product-dialog .dialog-close{position:sticky;top:0;right:auto;z-index:10;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:calc(100% + 80px);height:auto;min-height:58px;margin:0 -40px;padding:12px 28px;background:#fef6eb;border:0;border-bottom:1px solid #791f1722;color:#791f17;border-radius:0;font:inherit}
#product-dialog .product-back-label{display:inline;font-size:13px;line-height:1.4}
#product-dialog .product-close-mark{font-size:26px;line-height:1}
@media(max-width:1100px) and (orientation:portrait){
 .pantry-room-stage>.room-tap-hint{position:absolute;left:7%;bottom:calc(94px + env(safe-area-inset-bottom));max-width:none;font-size:11px}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
 #product-dialog{padding:0 24px 28px}
 #product-dialog .dialog-close{width:calc(100% + 48px);margin:0 -24px 22px;padding:12px 24px}
 #product-dialog .dialog-image{height:190px;margin-bottom:22px}
}

.mobile-explore-cue{display:none}
@media(max-width:1100px) and (orientation:portrait){
 .prologue-stage>.mobile-explore-cue{display:block;position:absolute;z-index:8;left:7%;bottom:calc(94px + env(safe-area-inset-bottom));margin:0;font:500 8px/1.5 var(--sans);letter-spacing:.13em;color:#fef6eb;text-shadow:0 1px 8px #0008;pointer-events:none;text-transform:uppercase}
 .prologue-stage:has(.coast-text[inert])>.mobile-explore-cue{display:none}
}

/* Give the phone home instruction more space below the sound control. */
@media(max-width:700px) and (orientation:portrait){body:has(.coast-text:not([inert])) .rain-sound-toggle{bottom:calc(14svh + 27px)}}

/* Upstock ordering option for the Partnership chapter. */
.trade-order-options{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px}
.trade-stage .trade-upstock{border:1px solid #fef6eb80;background:transparent;color:#fef6eb;transition:background .2s,border-color .2s}
.trade-stage .trade-upstock:hover,.trade-stage .trade-upstock:focus-visible{background:#fef6eb12;border-color:#fef6eb}
@media(max-width:700px) and (orientation:portrait){
 .trade-order-options{flex-wrap:nowrap;gap:10px}
 .trade-stage .trade-order-options .button{flex:1;justify-content:space-between;gap:10px;white-space:nowrap;font-size:11px;padding:13px 12px}
 .trade-order-options svg{width:17px;height:17px;flex-shrink:0}
}

.locator-assortment{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.locator-assortment>p{grid-column:1/-1;font-size:12px;line-height:1.5;margin:0;color:#826d57}.stockist-stocked{margin:12px 0;font-size:13px}.stockist-stocked summary{cursor:pointer;color:#791f17}.stockist-stocked ul{padding-left:18px;line-height:1.7}.stockist-stocked-note{font-size:12px!important}@media(max-width:700px){.locator-assortment{grid-template-columns:1fr;gap:12px}}

/* The dialog takes initial focus. Show keyboard focus on its close button. */
dialog[autofocus]:focus {
  outline: none;
}

dialog .journey-dialog-close:focus-visible,
dialog .dialog-close:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 2px;
}