/* One continuous journey through the Kudla home and back to the coast. */
.continuous-journey{background:#261a10}.continuous-journey main{overflow:clip}.continuous-journey .site-header{color:var(--cream)!important;background:linear-gradient(#100d09ad,transparent)!important}.continuous-journey .site-header .brand img{filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important}.continuous-journey .portal-link{border-color:#fef6eb55!important}.continuous-journey .site-header.menu-open nav{color:var(--red)}
#range.pantry-walk{height:580svh;padding:0;margin:0;background:#2b190e;color:var(--cream)}.pantry-room-stage{height:100svh;min-height:610px;position:sticky;top:0;overflow:clip;isolation:isolate;background:#2b190e}.room-world{position:absolute;width:max(100vw,177.78svh);height:max(56.25vw,100svh);left:50%;top:50%;translate:-50% -50%;transform:translate(var(--room-x,40%),var(--room-y,15%)) scale(var(--room-zoom,1.65));will-change:transform}.room-interior{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.room-deck{position:absolute;inset:0;opacity:0;pointer-events:none}.room-deck.current{pointer-events:auto}.room-pack{position:absolute;left:calc(var(--pack-x)*1%);top:calc(var(--pack-y)*1%);height:calc(var(--pack-h)*1%);width:8%;translate:-50% -100%;padding:0;border:0;background:none;cursor:pointer;transform-origin:50% 100%;transition:filter .25s,scale .25s}.room-pack img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(3px 3px 2px #11080066);user-select:none;-webkit-user-drag:none}.room-pack:hover,.room-pack:focus-visible{scale:1.06;filter:brightness(1.15)}.room-pack:focus-visible{outline:1px solid #fef6ebaa;outline-offset:5px}.room-shade{position:absolute;inset:0;background:linear-gradient(90deg,#160e09c4,transparent 55%),linear-gradient(0deg,#130d09d9,transparent 25%,transparent 75%,#130d0970);pointer-events:none;z-index:3}.room-copy{position:absolute;left:5.5%;top:24%;width:30%;z-index:5;pointer-events:none}.room-copy h2{font:500 clamp(46px,4.7vw,82px)/1.02 var(--serif);letter-spacing:-.035em;margin:0 0 22px}.room-copy .eyebrow{font-size:8px;color:#e3bfa0;letter-spacing:.13em}.room-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:280px;color:#eedcca}.room-browse{display:inline-flex;gap:30px;align-items:center;font-size:11px;padding:12px 0;border-bottom:1px solid #fef6eb88;margin-top:25px;color:var(--cream);pointer-events:auto}.room-browse svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.3}.room-caption{position:absolute;right:6%;bottom:17%;z-index:5;display:flex;gap:25px;font-size:6px;letter-spacing:.13em;color:#e4c4a4}.room-navigation{position:absolute;bottom:35px;left:35%;right:15%;display:flex;gap:30px;z-index:6;justify-content:center}.room-navigation button{font-size:8px;color:#d8bca3;padding:12px 0;white-space:nowrap;border-bottom:1px solid #fef6eb22;opacity:.6}.room-navigation button[aria-current]{color:var(--cream);opacity:1;border-color:var(--cream)}.room-scroll{position:absolute;bottom:40px;left:5.5%;font-size:6px;letter-spacing:.1em;z-index:5;color:#ddc4ac;display:flex;gap:12px;align-items:center}.room-scroll svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.3;rotate:90deg}.room-brandmark{position:absolute;right:5.5%;bottom:35px;width:38px;filter:brightness(0) invert(1);opacity:.45;z-index:5;rotate:var(--room-wheel,0deg)}
.journey-dialog{color:var(--red);background:var(--cream);border:0;padding:65px 5% 60px;width:96vw;max-width:1500px;height:94svh;max-height:94svh;overflow:auto;box-shadow:0 20px 100px #0009}.journey-dialog[open]{display:block;animation:openJourneyTool .35s ease-out}.journey-dialog::backdrop{background:#0b100de8;backdrop-filter:blur(8px)}.journey-dialog-close{position:sticky;top:-65px;margin:-45px -2% 40px auto;display:flex;align-items:center;gap:25px;padding:16px 0;background:var(--cream);z-index:15;font-size:11px;color:var(--red);border-bottom:1px solid #791f1733;width:fit-content}.journey-dialog-close span{font-size:24px;font-weight:300}.catalogue-content .section-heading h2,.locator-dialog-content .section-heading h2{font-size:clamp(40px,4vw,65px)}.catalogue-content .reveal,.locator-dialog-content .reveal{opacity:1;transform:none}.catalogue-content .pantry-welcome{display:none}.catalogue-content .range-bottom{margin-top:25px}.journey-dialog .shelf-pick{height:230px!important}.journey-dialog .shelf-edge{top:250px!important}.journey-dialog .bay-heading h3{font-size:35px!important}.journey-dialog .grocery-bay{padding-top:25px!important}.journey-dialog .bay-heading{padding-bottom:20px!important}.journey-dialog .locator-products fieldset{display:block}.journey-dialog #stockist-map{height:430px}.journey-dialog .locator-results{max-height:430px}@keyframes openJourneyTool{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
/* Every chapter remains a held scene, with a shared camera drift and a brandmark thread. */
.continuous-journey #makers,.continuous-journey #find,.continuous-journey #stockists,.continuous-journey #trade{padding:0;height:180svh;position:relative;display:block;scroll-margin-top:0;overflow:visible}.journey-chapter-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:clip;isolation:isolate;transform:none}.continuous-journey #makers{background:#1b2a13;color:var(--cream)}#makers .journey-chapter-stage{background:radial-gradient(ellipse at 70% 40%,#50603b33,transparent 60%),#1b2a13}#makers .section-heading{position:absolute;left:5.5%;top:24%;width:30%;display:block;margin:0;z-index:2}#makers .section-heading h2{font-size:clamp(45px,4.5vw,74px);line-height:1.02}#makers .section-heading .heading-note{font-size:12px;line-height:1.8;margin-top:25px}#makers .brand-tabs{position:absolute;right:5.5%;left:40%;top:18%;display:grid;grid-template-columns:repeat(4,1fr)}#makers .brand-tabs button{height:75px;padding:20px 12px}#makers .brand-tabs img{max-width:100px;max-height:35px}#makers .brand-cycle{position:absolute;right:5.5%;top:calc(18% + 85px);margin:0;font-size:7px}#makers #brand-panel{position:absolute;left:39%;right:5.5%;top:37%;bottom:12%;display:grid;grid-template-columns:.8fr 1fr;gap:6%;padding:0;align-items:center;translate:0 calc(var(--chapter-drift,0)*-12px)}#makers .maker-visual{height:100%;min-height:0;max-height:340px}#makers .maker-visual>img{max-height:100%;max-width:80%;object-fit:contain}#makers .maker-ring{width:230px;height:230px;max-width:95%}#makers .maker-copy h3{font-size:clamp(30px,3vw,48px)}#makers .maker-copy p:not(.eyebrow){font-size:12px;line-height:1.8}#makers .maker-copy .eyebrow{font-size:7px}#makers .maker-copy .text-link{font-size:10px}#makers:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#c2baa000,transparent);z-index:-1}
.continuous-journey #find{background:#d7d0bc;color:var(--red)}#find .journey-chapter-stage{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:5%;padding:8% 5.5%;background:radial-gradient(ellipse at 80% 20%,#fef6eb66,transparent 65%),#d7d0bc}#find .find-copy{z-index:2}#find h2{font-size:clamp(55px,5.5vw,90px);line-height:1.02}#find .find-copy>p:not(.eyebrow){font-size:13px;max-width:360px;line-height:1.8}#find .voyage-art{min-height:0;height:65svh;display:flex;align-items:center;translate:0 calc(var(--chapter-drift,0)*-20px)}#find .voyage-map{width:100%;height:auto;filter:drop-shadow(0 20px 20px #5a513611)}#find .voyage-compass{bottom:10%;width:65px}#find .find-coordinate{bottom:5%}
.continuous-journey #stockists{background:#273e34;color:var(--cream)}.local-chapter{display:flex;align-items:center;padding:8% 6%;background:radial-gradient(ellipse at 70% 40%,#6e8a6840,transparent 60%),#273e34}.local-chapter-copy{position:relative;z-index:3;max-width:50%}.local-chapter-copy h2{font-size:clamp(55px,5.5vw,90px);line-height:1.02;letter-spacing:-.035em}.local-chapter-copy .eyebrow{color:#c5cdb2;font-size:8px}.local-chapter-copy p:not(.eyebrow){font-size:14px;color:#d5ddcd;line-height:1.8;max-width:350px}.local-chapter-copy .button{margin-top:20px}.local-chapter-copy small{display:block;font-size:9px;color:#b6c5b1;margin-top:18px}.local-landscape{position:absolute;left:53%;right:5%;top:12%;bottom:10%;perspective:800px;translate:0 calc(var(--chapter-drift,0)*-20px)}.local-island{position:absolute;background:#93ab8260;filter:drop-shadow(15px 25px 2px #10251d66);border:1px solid #c1d1ad55}.island-one{width:48%;height:53%;right:5%;top:3%;clip-path:polygon(35% 0,50% 14%,47% 31%,65% 36%,85% 58%,80% 77%,51% 100%,30% 82%,36% 61%,15% 51%,0 33%,23% 35%,25% 17%);rotate:15deg}.island-two{width:45%;height:55%;left:8%;bottom:0;clip-path:polygon(70% 0,94% 14%,74% 44%,47% 73%,11% 100%,0 81%,22% 51%,41% 27%);rotate:15deg}.local-pin{position:absolute;width:65px;height:65px;border:1px solid #fef6eb77;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#791f17;box-shadow:0 0 0 15px #fef6eb05;animation:localPulse 6s ease-in-out infinite}.local-pin img{width:80%;filter:brightness(0) invert(1)}.pin-one{top:20%;right:20%}.pin-two{bottom:25%;left:20%;width:48px;height:48px;animation-delay:-3s}@keyframes localPulse{50%{box-shadow:0 0 0 25px #fef6eb00;translate:0 -6px}}
.continuous-journey #trade{height:160svh;background:var(--red);color:var(--cream)}.trade-stage{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:10%;padding:8% 8%;background:var(--red)}.trade-stage .trade-pattern{inset:0;width:100%;height:100%;opacity:.025}.trade-stage .trade-simple-copy{translate:0 calc(var(--chapter-drift,0)*-10px)}.trade-stage .trade-simple-art{height:45svh;max-height:400px}.trade-stage h2{font-size:clamp(60px,6.5vw,100px)}
.return-home{height:150svh;position:relative;background:#10190e;color:var(--cream)}.return-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:clip;isolation:isolate}.return-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%;scale:calc(1.03 + var(--return-progress,0)*.06)}.return-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b160bd9,transparent 90%),linear-gradient(0deg,#0b160bf5,transparent 55%)}.return-copy{position:absolute;top:23%;left:7%;z-index:2}.return-copy h2{font-size:clamp(70px,7vw,120px);line-height:.95}.return-copy>p:not(.eyebrow){font-size:14px;color:#d7dbc8}.return-copy button{display:inline-flex;gap:30px;border-bottom:1px solid #fef6eb88;padding:13px 0;font-size:12px;margin-top:20px}.return-copy button svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.3}.return-loop-cue{position:absolute;right:5%;bottom:15%;font-size:6px;letter-spacing:.12em;color:#d6d9c7;z-index:2}.return-stage footer{position:absolute;bottom:0;left:0;right:0;padding:20px 5.5% 20px;background:none;color:#cbd0bd;z-index:2}.return-stage .footer-top{display:none}.return-stage .footer-bottom{font-size:7px;border-color:#fef6eb22;padding-top:15px}.return-stage .back-top{color:var(--cream)}.coast-loop-wash{position:fixed;inset:0;background:#0d160e url('assets/coastal-home-no-diya.webp') center/cover;z-index:1000;opacity:0;pointer-events:none;transition:opacity .45s}.coast-loop-wash.active{opacity:1}.chapter-index{position:fixed;right:18px;top:45%;z-index:50;display:flex;flex-direction:column;gap:13px}.chapter-index a{width:5px;height:5px;border:1px solid #e5d4bb88;border-radius:50%;display:block}.chapter-index a.active{background:#fef6eb;border-color:#fef6eb}.continuous-journey .journey-compass{filter:brightness(0) invert(1);opacity:.65!important}.journey-chapter-stage:after{content:'';position:absolute;left:0;right:0;bottom:0;height:8%;background:linear-gradient(transparent,#10180d22);pointer-events:none;z-index:0}
@media(max-width:700px){.continuous-journey .site-header{height:83px!important}.continuous-journey #range.pantry-walk{height:550svh}.pantry-room-stage{min-height:650px}.room-world{transform:translate(var(--room-mx,14%),var(--room-my,20%)) scale(var(--room-mzoom,1.1))}.room-copy{top:15%;left:7%;width:86%;text-align:left}.room-copy h2{font-size:42px;line-height:1.04;max-width:320px;margin-bottom:14px}.room-copy .eyebrow{font-size:6px;margin-bottom:14px}.room-copy>p:not(.eyebrow){font-size:11px;max-width:280px;margin:0}.room-browse{position:fixed;bottom:15%;left:7%;margin:0;font-size:10px;gap:25px}.room-shade{background:linear-gradient(0deg,#130c09f0,transparent 35%),linear-gradient(180deg,#130c09aa,transparent 50%)}.room-pack{left:calc(var(--mobile-x)*1%);top:calc(var(--mobile-y)*1%);height:calc(var(--mobile-h)*1%);width:8%}.room-pack.mobile-hidden{display:none}.room-caption{left:7%;right:7%;bottom:10%;font-size:5px;gap:15px}.room-caption span:last-child{margin-left:auto}.room-navigation{left:7%;right:7%;bottom:22px;gap:16px;justify-content:space-between}.room-navigation button{font-size:6px;padding:10px 0}.room-scroll,.room-brandmark{display:none}.journey-dialog{padding:60px 6% 35px;width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0}.journey-dialog-close{top:-60px;margin:-45px 0 25px auto;font-size:10px;width:100%;justify-content:space-between}.journey-dialog .section-heading h2{font-size:42px}.journey-dialog .heading-note{font-size:12px}.journey-dialog .locator-products fieldset{display:block}.journey-dialog .locator-map-shell{grid-row:1}.journey-dialog #stockist-map{height:330px}.continuous-journey #makers,.continuous-journey #find,.continuous-journey #stockists{height:170svh}.journey-chapter-stage{min-height:700px}#makers .section-heading{top:14%;left:7%;width:86%}#makers .section-heading h2{font-size:43px;line-height:1}#makers .section-heading .heading-note{display:none}#makers .section-heading .eyebrow{font-size:6px;margin-bottom:15px}#makers .brand-tabs{left:7%;right:7%;top:37%;grid-template-columns:repeat(4,1fr)}#makers .brand-tabs button{height:55px;padding:12px 6px;border-top:0}#makers .brand-tabs img{max-width:70px;max-height:25px}#makers .brand-cycle{top:calc(37% + 60px);right:7%;font-size:6px}#makers #brand-panel{left:7%;right:7%;top:52%;bottom:10%;grid-template-columns:.65fr 1fr;gap:20px}#makers .maker-visual{height:200px;max-height:100%}#makers .maker-ring{width:130px;height:130px}#makers .maker-copy{text-align:left}#makers .maker-copy h3{font-size:28px;line-height:1.05;margin-bottom:12px}#makers .maker-copy p:not(.eyebrow){font-size:10px;line-height:1.65;margin-bottom:15px}#makers .maker-copy .eyebrow{font-size:5px;margin-bottom:10px}#makers .maker-copy .text-link{font-size:8px;gap:8px}#find .journey-chapter-stage{display:block;padding:14vh 7% 10vh}#find h2{font-size:53px;margin-bottom:18px}#find .find-copy>p:not(.eyebrow){font-size:12px;max-width:280px}#find .find-copy .eyebrow{font-size:6px;margin-bottom:15px}#find .find-copy .button{font-size:10px;padding:12px 16px;min-height:40px}#find .voyage-art{height:40svh;width:100%;margin-top:15px}#find .voyage-compass{width:40px;bottom:2%}#find .find-coordinate{bottom:0}.local-chapter{align-items:flex-start;padding:16vh 7% 10vh}.local-chapter-copy{max-width:100%}.local-chapter-copy h2{font-size:48px}.local-chapter-copy .eyebrow{font-size:6px}.local-chapter-copy p:not(.eyebrow){font-size:12px;max-width:250px}.local-chapter-copy .button{font-size:11px;padding:14px 18px}.local-chapter-copy small{font-size:8px}.local-landscape{left:40%;right:4%;top:48%;bottom:5%;opacity:.65}.local-pin{width:43px;height:43px}.pin-two{width:30px;height:30px}.continuous-journey #trade{height:170svh}.trade-stage{grid-template-columns:1fr;align-content:center;gap:25px;padding:13vh 7% 9vh}.trade-stage h2{font-size:53px}.trade-stage .trade-simple-copy>p:not(.eyebrow){font-size:12px;line-height:1.8}.trade-stage .trade-simple-copy .eyebrow{font-size:6px}.trade-stage .trade-simple-copy .button{font-size:11px;padding:14px 18px}.trade-stage .trade-simple-existing{font-size:8px;margin-top:18px}.trade-stage .trade-simple-art{height:26svh;max-height:230px;width:65%;margin:0 0 0 auto}.return-home{height:150svh}.return-stage{min-height:700px}.return-copy{left:7%;top:25%;right:7%}.return-copy h2{font-size:65px;line-height:1}.return-copy .eyebrow{font-size:6px}.return-copy>p:not(.eyebrow){font-size:12px;max-width:240px;line-height:1.8}.return-copy button{font-size:11px}.return-loop-cue{left:7%;right:7%;bottom:20%;font-size:5px}.return-stage footer{padding:15px 7%}.return-stage .footer-bottom{font-size:6px;gap:10px}.chapter-index{right:8px;gap:11px}.chapter-index a{width:3px;height:3px}}
@media(prefers-reduced-motion:reduce){.room-world{will-change:auto}.local-pin{animation:none}.return-landscape{scale:1}.coast-loop-wash{transition:none}.journey-dialog[open]{animation:none}}
@media(max-width:700px){.room-copy{bottom:15%;width:auto}.room-browse{position:absolute;bottom:0;left:0}}
.pantry-threshold{background:#2b190e url('assets/pantry-clear-shelves.webp') center/cover}.threshold-title{color:var(--cream);text-shadow:0 2px 20px #170b07}.threshold-title img{filter:brightness(0) invert(1)}
html:has(.continuous-journey){scroll-padding-top:0}.continuous-journey #range,.continuous-journey #return-home{scroll-margin-top:0}.continuous-journey .journey-compass{display:none!important}.chapter-index{gap:0}.chapter-index a{width:20px;height:20px;border:0;background:none;display:flex;align-items:center;justify-content:center}.chapter-index a:before{content:'';width:4px;height:4px;border:1px solid #e5d4bb88;border-radius:50%}.chapter-index a.active{background:none}.chapter-index a.active:before{background:#fef6eb;border-color:#fef6eb}.chapter-index a:focus-visible{outline:1px solid var(--cream)}@media(max-width:700px){.chapter-index{right:2px;gap:0}.chapter-index a{width:18px;height:20px}.chapter-index a:before{width:3px;height:3px}}
#makers #brand-panel{min-height:0}.pantry-room-stage:before{content:'';position:absolute;inset:-5%;background:url('assets/pantry-clear-shelves.webp') center/cover;filter:blur(10px) brightness(.3);z-index:-1}
/* The monsoon outside becomes the warmth inside: a shared, soft optical dissolve. */
.world-coast{filter:blur(calc(var(--home-morph,0)*5px));transform:scale(calc(1 + var(--home-morph,0)*.07));transform-origin:65% 50%}.world-kitchen{filter:blur(calc((1 - var(--home-morph,0))*7px));transform:scale(calc(1.045 - var(--home-morph,0)*.045));transform-origin:65% 50%;will-change:opacity,transform}.world-kitchen:after{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse at 65% 60%,#deb88a44,transparent 65%);opacity:calc(sin(var(--home-morph,0)*3.14159)*.65);pointer-events:none}.kitchen-scene{filter:sepia(.72) saturate(.9) brightness(.74)}
/* Packs belong to the wood rather than floating in front of it. */
.room-pack:before{content:'';position:absolute;left:16%;right:13%;bottom:-.35%;height:3%;border-radius:50%;background:#140900b5;filter:blur(2px);transform:skewX(-18deg);pointer-events:none}.room-pack img{filter:brightness(.85) saturate(.88) sepia(.08) drop-shadow(2px 2px 1px #1f0b0a88)}.room-deck[data-room="1"] .room-pack{top:63.9%;height:13%;width:4.4%}.room-deck[data-room="0"] .room-pack{top:37%}
.continuous-journey #stockists{height:0!important;padding:0!important;min-height:0}
/* The home remains present while we meet its makers, then the journey unfolds at sea. */
#makers .journey-chapter-stage{background:linear-gradient(90deg,#18220ff2,#18220fdd),url('assets/pantry-clear-shelves.webp') center/cover}#makers .maker-visual{transform:translateY(calc(35px - var(--chapter-drift,0)*90px)) rotate(calc(-4deg + var(--chapter-drift,0)*8deg))}#find .voyage-art{transform:scale(calc(.91 + var(--chapter-drift,0)*.16)) rotate(calc(-2deg + var(--chapter-drift,0)*4deg));transform-origin:50% 60%}.trade-stage .trade-simple-art{transform:translateY(calc(45px - var(--chapter-drift,0)*100px)) rotate(calc(-4deg + var(--chapter-drift,0)*8deg))}.trade-stage{background:radial-gradient(ellipse at 80% 70%,#c5773c33,transparent 70%),var(--red)}
@media(max-width:700px){.room-deck[data-room="1"] .room-pack{top:63.9%;height:13%;width:4.4%}#makers .maker-visual{transform:translateY(calc(15px - var(--chapter-drift,0)*35px))}.trade-stage .trade-simple-art{transform:translateY(calc(20px - var(--chapter-drift,0)*45px))}}
@media(prefers-reduced-motion:reduce){.world-coast,.world-kitchen{filter:none;transform:none}.world-kitchen:after{display:none}#makers .maker-visual,#find .voyage-art,.trade-stage .trade-simple-art{transform:none}}
.route-ship{mix-blend-mode:normal}
.room-deck.current{pointer-events:none}.room-deck .room-pack{pointer-events:auto}

/* One photographed light environment, shared by the room and its approved packs. */
.room-world{filter:brightness(.83) saturate(.94)}.room-interior{filter:none}.room-pack img{filter:brightness(.91) contrast(.97) sepia(.09);position:relative;z-index:1}.room-pack:before{content:'';position:absolute;inset:0;background:var(--pack-art) center bottom/contain no-repeat;filter:brightness(0) blur(2px);opacity:.32;transform:translate(5px,-1px) skewX(-5deg);transform-origin:50% 100%;z-index:0;border-radius:0}.room-pack:after{content:'';position:absolute;inset:0;mask:var(--pack-art) center bottom/contain no-repeat;background:linear-gradient(100deg,#e7c39012,transparent 35%,#180b003b 100%),linear-gradient(0deg,#1d0d002e,transparent 18%);mix-blend-mode:multiply;pointer-events:none;z-index:2}.pack-ground{position:absolute;left:12%;right:10%;bottom:-.5%;height:2.5%;background:#180900a8;border-radius:50%;filter:blur(1px);z-index:0}.room-pack:hover,.room-pack:focus-visible{scale:1;filter:brightness(1.07)}
.shelf-front-edges{position:absolute;inset:0;pointer-events:none;z-index:4}.shelf-front-edges i{position:absolute;inset:0;background:url('assets/pantry-clear-shelves.webp') center/100% 100% no-repeat}.lip-masala{clip-path:polygon(17.4% 38.35%,60.1% 38.35%,60.1% 39.55%,17.4% 39.55%)}.lip-seasoning{clip-path:polygon(17.4% 65.95%,60.1% 65.95%,60.1% 67.2%,17.4% 67.2%)}.lip-snacks{clip-path:polygon(68.7% 65.75%,95.2% 65.75%,95.2% 67%,68.7% 67%)}
.threshold-pantry{position:absolute;inset:0;overflow:clip;pointer-events:none}.threshold-pantry .room-world{--room-x:0%;--room-y:0%;--room-zoom:1;--room-mx:0%;--room-my:0%;--room-mzoom:1;transform:translate(0,0) scale(1)}.threshold-pantry .room-deck{opacity:1!important}.threshold-pantry .room-pack{pointer-events:none}.pantry-threshold .threshold-title{inset:auto 0 8%;gap:16px}.pantry-threshold .threshold-title img{width:42px}.pantry-threshold .threshold-title p{font-size:42px}.pantry-threshold .threshold-title em{font-size:inherit}
@media(max-width:700px){.pantry-threshold .threshold-title{bottom:10%}.pantry-threshold .threshold-title p{font-size:34px}}
/* The welcome is a passing beat while the camera moves through the doors. */
.pantry-threshold .threshold-title{opacity:var(--welcome-text,0)}.threshold-pantry .room-world{transform:translate(calc(var(--entry-camera,0)*29%),calc(var(--entry-camera,0)*15%)) scale(calc(1 + var(--entry-camera,0)*.5))}.lip-masala{clip-path:polygon(17.4% 38.15%,60.1% 38.15%,60.1% 39.55%,17.4% 39.55%)}.lip-seasoning{clip-path:polygon(17.4% 65.4%,60.1% 65.4%,60.1% 67.2%,17.4% 67.2%)}.lip-snacks-top{clip-path:polygon(68.7% 34.1%,95.2% 34.1%,95.2% 35.1%,68.7% 35.1%)}.lip-snacks-middle{clip-path:polygon(68.7% 48.25%,95.2% 48.25%,95.2% 49.2%,68.7% 49.2%)}.lip-snacks{clip-path:polygon(68.7% 65.05%,95.2% 65.05%,95.2% 67%,68.7% 67%)}
.room-pack{transition:transform .45s ease,scale .45s ease,filter .3s ease}.room-pack:hover,.room-pack:focus-visible{transform:perspective(900px) rotateY(-4deg) rotateZ(-.35deg);scale:1.025;filter:brightness(1.07)}.pack-ground{height:2%;bottom:-.8%;background:#130800b3;filter:blur(1.3px)}.room-pack:after{background:linear-gradient(100deg,#e7c3900a,transparent 35%,#180b0033 100%),linear-gradient(180deg,#180b0014,transparent 35%,transparent 80%,#180b001a)}
@media(max-width:700px){.threshold-pantry .room-world{transform:translate(calc(var(--entry-camera,0)*14%),calc(var(--entry-camera,0)*20%)) scale(calc(1 + var(--entry-camera,0)*.1))}}
@media(prefers-reduced-motion:reduce){.room-pack:hover,.room-pack:focus-visible{transform:none;scale:1}}
