@import url('https://fonts.googleapis.com/css2?family=Momo+Trust+Display&display=swap');
:root{--dark:#151515;--cream:#f3efe4;--gold:#d6bb89}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{width:100%;height:100%;object-fit:cover;display:block}.top-progress{position:fixed;top:0;left:0;height:3px;background:var(--gold);width:0;z-index:100}.site-nav{position:fixed;top:0;left:0;z-index:60;width:100%;height:78px;padding:0 5vw;display:flex;align-items:center;gap:5vw;border-bottom:1px solid #ffffff36;background:#15151545;backdrop-filter:blur(12px)}.brand{font-size:21px;font-weight:700;letter-spacing:.13em;white-space:nowrap}.brand span{font-weight:400;color:var(--gold)}.site-nav nav{display:flex;gap:35px;margin-left:auto}.site-nav nav a,.nav-action{font-size:11px;letter-spacing:.13em;font-weight:700}.site-nav nav a:hover{color:var(--gold)}.nav-action{border:1px solid #fff7;border-radius:30px;padding:12px 16px;white-space:nowrap}.nav-action span{margin-left:15px}.intro{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:#1d2b23}.intro-image{position:absolute;inset:0 0 0 34%;background:url('tea-space-concept-v2.jpg') center/cover;filter:brightness(.88);animation:intro-zoom 1.8s ease-out both}.intro:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#151515 0%,#151515ef 31%,#1515157a 63%,#15151518)}.intro-orb{position:absolute;z-index:2;width:70vw;height:70vw;max-width:900px;max-height:900px;left:-20vw;top:-15vw;border:1px solid #e9d8ac24;border-radius:50%;box-shadow:0 0 0 75px #e9d8ac08,0 0 0 150px #e9d8ac05;animation:orb-breathe 7s ease-in-out infinite}.intro-text{position:relative;z-index:3;padding:110px 6vw 80px;max-width:1060px}.kicker{font-size:11px;font-weight:700;letter-spacing:.23em;color:var(--gold)}.intro h1,.bridge h2,.section-heading h2,.scent-text h2,.contact h2{font:400 clamp(64px,8vw,145px)/1.04 'Momo Trust Display',Georgia,serif;letter-spacing:-.05em;margin:25px 0}.intro h1 em,.bridge h2 em,.section-heading h2 em,.scent-text h2 em,.contact h2 em{font-weight:400;color:var(--gold)}.intro-text p{font-size:17px;line-height:1.75;max-width:475px;color:#e2e2d9}.explore{display:inline-flex;align-items:center;gap:25px;font-size:11px;font-weight:700;letter-spacing:.15em;margin-top:25px}.explore b{border:1px solid #fff8;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;font-size:20px;font-weight:400;transition:.3s}.explore:hover b{background:var(--gold);color:#111;transform:translateY(6px)}.intro-foot{position:absolute;z-index:3;bottom:28px;left:6vw;right:6vw;display:flex;justify-content:space-between;letter-spacing:.16em;font-size:10px;color:#e2dcd0}.world-scroll{height:440svh;position:relative}.world-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:#222923;isolation:isolate}#room{position:absolute;inset:0;width:100%;height:100%;display:block}.canvas-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#151515dc 0%,#15151570 33%,transparent 65%),linear-gradient(0deg,#0d1513ae,transparent 27%),radial-gradient(circle at 68% 45%,transparent 20%,#07110f78 100%)}.scene-top{position:absolute;z-index:5;top:112px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;gap:20px}.scene-badge,.light-control,.scene-bottom,.scene-disclaimer,.scene-right,.scene-left>span{font-size:10px;letter-spacing:.15em;font-weight:700}.scene-badge{border:1px solid #fff7;background:#0a15139c;border-radius:25px;padding:11px 15px}.scene-badge i{display:inline-block;width:6px;height:6px;background:#b7d786;border-radius:50%;box-shadow:0 0 12px #b7d786;margin-right:8px}.light-control{cursor:pointer;background:#eee9dfeb;color:#1a231b;border:0;border-radius:25px;padding:11px 18px}.light-control:hover{background:white}.light-icon{font-size:18px;vertical-align:-2px;margin-right:8px}.scene-left{position:absolute;z-index:4;left:6vw;top:50%;transform:translateY(-32%);width:min(500px,50vw);min-height:320px}.scene-left>span{color:#d3bd97}.chapter{position:absolute;left:0;top:36px;opacity:0;transform:translateY(50px);filter:blur(12px);transition:opacity .65s,transform .65s,filter .65s;pointer-events:none}.chapter.active{opacity:1;transform:none;filter:none}.chapter small{color:#d6bb89;font-size:11px;letter-spacing:.2em}.chapter h2{font:400 clamp(54px,6vw,105px)/1.02 'Momo Trust Display',Georgia,serif;letter-spacing:-.05em;margin:21px 0}.chapter h2 em{font-weight:400;color:#e0c494}.chapter p{font-size:15px;line-height:1.65;max-width:335px;color:#f1ede2}.scene-right{position:absolute;right:5vw;top:44%;z-index:4;display:flex;flex-direction:column;align-items:center;gap:12px}.track{height:160px;width:1px;background:#ffffff70;position:relative}.track i{position:absolute;top:0;left:-2px;width:5px;height:25%;background:var(--gold);transform:translateY(var(--track-y,0px))}.scene-bottom{position:absolute;z-index:4;bottom:50px;left:6vw;right:6vw;display:flex;justify-content:space-between;color:#eee4d5}.scene-disclaimer{position:absolute;z-index:4;bottom:15px;left:6vw;color:#fff7;font-size:9px}.bridge{background:#cdb996;color:#242424;min-height:78svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px 20px;overflow:hidden}.bridge>span{font-size:11px;letter-spacing:.22em;font-weight:700}.bridge h2{font-size:clamp(54px,7vw,116px);margin:24px 0}.bridge h2 em{color:#f8f4e8}.table-section{background:#f0ebe1;color:#1a211c;padding:140px 6vw}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-heading .kicker{color:#9a7951}.section-heading h2{font-size:clamp(55px,6vw,100px)}.section-heading h2 em{color:#9c7956}.section-heading p{max-width:320px;line-height:1.8;color:#687066;font-size:14px;margin-bottom:36px}.table-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.table-card:nth-child(2){margin-top:105px}.table-card:nth-child(3){margin-top:205px}.table-image{height:530px;position:relative;overflow:hidden;background:#aaa}.table-image img{transition:transform .7s}.table-card:hover img{transform:scale(1.08)}.table-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#0009)}.table-image span{position:absolute;bottom:20px;left:20px;color:white;z-index:2;font-size:11px;letter-spacing:.16em}.table-meta{display:flex;align-items:end;justify-content:space-between;gap:8px;padding-top:18px}.table-meta small{font-size:11px;letter-spacing:.15em;color:#7e806e}.table-meta h3{font:400 32px 'Momo Trust Display',Georgia,serif;margin:5px 0}.table-meta p{font-size:11px;color:#777;margin:0 0 6px;text-align:right}.source-note{font-size:11px;color:#858b80;margin:50px 0 0}.scent-section{min-height:760px;display:grid;grid-template-columns:1.1fr .9fr;background:#202a24}.scent-image{min-height:650px;overflow:hidden}.scent-image img{transition:transform .8s;object-position:center}.scent-image:hover img{transform:scale(1.04)}.scent-text{padding:10vw 7vw;align-self:center}.scent-text h2{font-size:clamp(50px,5.2vw,90px)}.scent-text p{max-width:440px;line-height:1.8;color:#c7cec2}.scent-text a{font-size:11px;letter-spacing:.15em;border-bottom:1px solid;padding-bottom:12px;display:inline-block;margin-top:22px}.contact{padding:140px 20px;text-align:center;background:#c9b18d;color:#242424}.contact .kicker{color:#495047}.contact h2{font-size:clamp(52px,6vw,100px)}.contact h2 em{color:#fff6e5}.contact p{font-size:14px}.contact-dummy{display:inline-block;border:1px solid #242424;border-radius:40px;padding:17px 25px;margin-top:25px;font-size:11px;letter-spacing:.17em;font-weight:700}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:45px 6vw;font-size:10px;letter-spacing:.15em;color:#abb6aa}.reveal{opacity:0;transform:translateY(75px);transition:opacity .9s,transform .9s cubic-bezier(.2,.75,.1,1)}.reveal.visible{opacity:1;transform:none}@keyframes intro-zoom{from{transform:scale(1.18);filter:brightness(.35)}to{transform:scale(1);filter:brightness(.88)}}@keyframes orb-breathe{50%{transform:scale(1.08)}}
@media(max-width:900px){.site-nav nav{display:none}.site-nav{height:68px}.nav-action{margin-left:auto}.scene-left{width:65vw}.table-grid{grid-template-columns:1fr 1fr}.table-card:nth-child(2),.table-card:nth-child(3){margin-top:0}.table-card:nth-child(3){grid-column:span 2}.table-card:nth-child(3) .table-image{height:420px}.section-heading{display:block}.scent-section{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.brand{font-size:17px}.nav-action{font-size:9px;padding:10px}.intro-image{inset:0}.intro:after{background:linear-gradient(90deg,#151515df,#1515158c),linear-gradient(0deg,#151515bd,transparent 55%)}.intro h1{font-size:clamp(60px,14vw,85px)}.intro-text p{font-size:14px}.intro-foot span{display:none}.world-scroll{height:390svh}.scene-top{top:88px;left:5vw;right:5vw}.scene-badge{font-size:8px;padding:10px}.light-control{font-size:8px;padding:9px}.scene-left{left:5vw;top:auto;bottom:100px;transform:none;width:85vw;min-height:255px}.chapter{top:30px}.chapter h2{font-size:clamp(48px,11vw,68px);margin:12px 0}.chapter p{font-size:12px;max-width:290px}.scene-right{right:5vw;top:38%}.scene-bottom{left:5vw;right:5vw;bottom:48px}.scene-bottom .scene-status{display:none}.scene-disclaimer{left:5vw;font-size:7px}.canvas-vignette{background:linear-gradient(0deg,#151515e8 0%,#15151584 42%,transparent 75%),linear-gradient(90deg,#1515157a,transparent)}.bridge{min-height:60svh}.table-section{padding:90px 5vw}.section-heading h2{font-size:57px}.table-grid{display:block}.table-card{margin-bottom:40px}.table-card:nth-child(3){grid-column:auto}.table-image,.table-card:nth-child(3) .table-image{height:410px}.scent-section{display:block}.scent-image{min-height:400px;height:430px}.scent-text{padding:75px 6vw}.contact{padding:95px 20px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.world-scroll{height:130svh}}
/* Photo-based depth pass: the catalogue image stays intact while camera and light move. */
.photo-space{position:absolute;inset:0;overflow:hidden;perspective:1200px;--cam-x:0vw;--cam-y:0vh;--cam-scale:1.04;--cam-rotate:0deg;--night:0;--pointer-x:0vw;--pointer-y:0vh}.photo-room,.photo-depth,.daylight,.nightfall,.warm-pool,.window-glow{position:absolute;inset:0;pointer-events:none}.photo-room,.photo-depth{inset:0;background:url('tea-space-concept-v2.jpg') center 52%/cover no-repeat;transform-origin:55% 55%;transform:translate3d(calc(var(--cam-x) + var(--pointer-x)),calc(var(--cam-y) + var(--pointer-y)),0) rotateY(var(--cam-rotate)) scale(var(--cam-scale));will-change:transform;filter:brightness(var(--brightness,1)) saturate(var(--saturation,1));transition:filter .45s}.photo-depth{clip-path:polygon(21% 40%,71% 29%,83% 65%,60% 84%,26% 83%);transform:translate3d(calc(var(--cam-x) + var(--pointer-x)),calc(var(--cam-y) + var(--pointer-y)),35px) rotateY(var(--cam-rotate)) scale(var(--cam-scale));opacity:.6;mix-blend-mode:normal}.daylight{background:linear-gradient(118deg,#ffebbd3d 5%,transparent 42%),radial-gradient(ellipse at 78% 17%,#ffdf9f59,transparent 53%);mix-blend-mode:screen;opacity:var(--day-opacity,1)}.nightfall{background:linear-gradient(155deg,#11293a8c,#071a2eba 75%),radial-gradient(ellipse at 78% 17%,#23496a91,transparent 55%);mix-blend-mode:multiply;opacity:var(--night)}.warm-pool{background:radial-gradient(ellipse 31% 29% at 54% 54%,#ffdd9d91 0%,#d88b3657 35%,transparent 100%),radial-gradient(ellipse 23% 13% at 53% 33%,#fff0bf8c,transparent);mix-blend-mode:screen;opacity:var(--warm-opacity,0)}.window-glow{background:radial-gradient(ellipse 29% 36% at 78% 17%,#9ac7f556,transparent 95%);mix-blend-mode:screen;opacity:var(--night)}.photo-space:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09141065,transparent 35%),linear-gradient(90deg,#15151575,transparent 55%)}.photo-space+.canvas-vignette{background:linear-gradient(90deg,#151515ce 0%,#15151554 29%,transparent 59%),linear-gradient(0deg,#0a14106b,transparent 32%)}
@media(max-width:650px){.photo-room,.photo-depth{background-position:56% center;inset:0}.photo-depth{display:none}.photo-space+.canvas-vignette{background:linear-gradient(0deg,#151515d8 0%,#1515156b 42%,transparent 80%)}}
@media(prefers-reduced-motion:reduce){.photo-room,.photo-depth{transform:none;filter:none}.nightfall,.warm-pool,.window-glow{display:none}.daylight{opacity:.4}}

.photo-depth{display:none}
/* Scroll assembly: four transparent layers share one camera plane. */
.scene-plate{position:absolute;inset:0;transform:translate3d(calc(var(--cam-x) + var(--pointer-x)),calc(var(--cam-y) + var(--pointer-y)),0) rotateY(var(--cam-rotate)) scale(var(--cam-scale));transform-origin:55% 55%;will-change:transform;filter:brightness(var(--brightness,1)) saturate(var(--saturation,1))}.scene-plate .photo-room{position:absolute;inset:0;background:url('stage-empty.jpg') center 52%/cover no-repeat;transform:none;filter:none}.stage-item,.stage-complete{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;pointer-events:none;will-change:transform,opacity}.stage-item{filter:drop-shadow(0 14px 18px #0004)}.stage-table{opacity:var(--table-o,0);transform:translate3d(var(--table-x,-52vw),var(--table-y,26vh),0) rotate(var(--table-r,-12deg)) scale(var(--table-s,.7))}.stage-chairs{opacity:var(--chairs-o,0);transform:translate3d(var(--chairs-x,42vw),var(--chairs-y,30vh),0) rotate(var(--chairs-r,10deg)) scale(var(--chairs-s,.75))}.stage-tea{opacity:var(--tea-o,0);transform:translate3d(var(--tea-x,0vw),var(--tea-y,-40vh),0) rotate(var(--tea-r,-6deg)) scale(var(--tea-s,1.25))}.stage-complete{background:url('tea-space-concept-v2.jpg') center 52%/cover no-repeat;opacity:var(--complete-o,0)}
@media(max-width:650px){.scene-plate .photo-room,.stage-complete{background-position:55% center}.stage-item{object-position:55% center}.stage-item,.stage-complete{object-fit:cover}}
@media(prefers-reduced-motion:reduce){.scene-plate{transform:none;filter:none}.scene-plate .photo-room,.stage-item{display:none}.stage-complete{opacity:1}}

/* Keep the chair behind the table behind it; foreground chairs sit in front. */
.stage-chairs-back{clip-path:inset(34% 43% 39% 38%)}
.stage-chairs-front{clip-path:inset(56% 0 0 0)}

/* The room brightens as the camera pulls back to reveal the Muoi Hong branch. */
.intro-image{background-image:url('tea-space-no-rear-chair.png')}
.stage-complete{background-image:url('tea-space-no-rear-chair.png')}
.photo-space:after{background:none}
.scene-branch{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;opacity:var(--branch-o,0);transform:scale(var(--branch-scale,1.32));transform-origin:top right;filter:drop-shadow(0 14px 18px #1515153d);will-change:transform,opacity}
@media(max-width:650px){.scene-branch{object-position:60% top}}
@media(prefers-reduced-motion:reduce){.scene-branch{opacity:1;transform:none}.scene-plate{filter:none}}

/* Host chair and the three guest chairs animate on separate, registered layers. */
.intro-image,.stage-complete{background-image:url('tea-space-four-chairs.jpg')}
.stage-host-chair{opacity:var(--host-o,0);clip-path:inset(0 0 51% 0);transform:translate3d(var(--host-x,-8vw),var(--host-y,-16vh),0) rotate(var(--host-r,-4deg)) scale(var(--host-s,.84))}
.stage-guest-chairs{opacity:var(--guests-o,0);transform:translate3d(var(--guests-x,42vw),var(--guests-y,30vh),0) rotate(var(--guests-r,10deg)) scale(var(--guests-s,.75))}

/* A second catalogue table leads the page; the 3004 device joins the room as its own layer. */
.intro-image{inset:0;background-image:url('hero-guanyun-3004.jpg');background-position:center center}
.stage-complete{z-index:2;background-image:url('tea-space-four-chairs.jpg')}
.stage-diffuser{z-index:3;opacity:var(--diffuser-o,0);transform:translate3d(var(--diffuser-x,28vw),var(--diffuser-y,18vh),0) rotate(var(--diffuser-r,5deg)) scale(var(--diffuser-s,.8));filter:brightness(1.13) contrast(1.08) drop-shadow(0 18px 24px rgba(0,0,0,.55)) drop-shadow(0 0 16px rgba(249,237,50,.16))}
@media(max-width:650px){.intro-image{background-position:right center}.stage-diffuser{z-index:3;object-position:right center}}

/* Airy Vietnamese typography, restrained gold, and precise interface details. */
:root{--dark:#151515;--cream:#f1f1ef;--gold:#f9ed32}
body{font-family:'Momo Trust Display','Avenir Next',Arial,sans-serif;letter-spacing:.005em}
::selection{background:#f9ed32;color:#151515}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.site-nav{background:#151515c4;border-bottom-color:#f9ed3242;backdrop-filter:blur(18px)}
.brand{font-family:'Momo Trust Display','Avenir Next',Arial,sans-serif;font-size:20px;font-weight:600;letter-spacing:.19em}
.brand span{font-weight:300;color:#f9ed32}
.site-nav nav a,.nav-action,.explore,.scene-badge,.scene-bottom,.scene-disclaimer,.intro-foot,.kicker,.scene-left>span{font-family:'Momo Trust Display','Avenir Next',Arial,sans-serif}
.site-nav nav a{font-weight:500;letter-spacing:.1em;transition:color .25s}
.nav-action{border-color:#f9ed329e;border-radius:3px;color:#f6edd9;background:#c8aa7418;transition:background .25s,color .25s}
.nav-action:hover{background:#f9ed32;color:#151515}
.intro:after{background:linear-gradient(90deg,#111111f2 0%,#111111df 23%,#1111118c 42%,#11111117 68%)}
.intro-orb{width:440px;height:440px;left:-230px;top:-160px;max-width:none;max-height:none;box-shadow:none;opacity:.45}
.intro-text{padding-top:130px;max-width:1000px}
.kicker{font-size:10px;letter-spacing:.21em;font-weight:600;color:#f9ed32}
.intro h1,.bridge h2,.section-heading h2,.scent-text h2,.contact h2,.chapter h2{font-family:'Momo Trust Display','Avenir Next',Arial,sans-serif;font-weight:300;letter-spacing:-.055em;line-height:1.13}
.intro h1 em,.bridge h2 em,.section-heading h2 em,.scent-text h2 em,.contact h2 em,.chapter h2 em{font-family:'Momo Trust Display',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.055em;color:#f9ed32}
.intro h1{font-size:clamp(64px,7.6vw,126px);margin:29px 0 24px}
.intro-text p{font-size:15px;line-height:1.85;letter-spacing:.01em;color:#e9e4d9}
.explore{font-weight:600;letter-spacing:.13em;margin-top:22px}
.explore b{border-color:#f9ed329e;color:#e2ca96}
.intro-facts{display:flex;gap:34px;margin-top:52px;padding-top:21px;border-top:1px solid #f9ed3282;width:max-content;max-width:100%;font-size:10px;letter-spacing:.11em;line-height:1.7;color:#f8f1e3;font-weight:600}
.intro-facts span{display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.intro-facts small{font-size:9px;font-weight:500;letter-spacing:.17em;color:#e4db8a}
.intro-foot{color:#e1d8c5;font-weight:500}
.scene-badge{border-radius:3px;border-color:#d4b87e70;background:#151515c9;color:#f7edd7}
.scene-left>span{letter-spacing:.22em}
.chapter h2{font-size:clamp(53px,5.8vw,96px)}
.chapter p{color:#ece8dc;line-height:1.8}
.scene-bottom{color:#e5dcc9}
.bridge{background:#c0bfbf}
.bridge h2 em{color:#fff9eb}
.table-section{background:#e8e8e6}
.table-image{border-radius:3px}
.table-meta{border-top:1px solid #8d806d66;margin-top:18px;padding-top:19px}
.table-meta h3{font-family:'Momo Trust Display',Georgia,serif;font-size:30px;letter-spacing:-.035em}
.scent-section{background:#1b1b1b}
.contact{background:#d4d4d4}
.contact-dummy{border-radius:3px}
@media(max-width:650px){.intro h1{font-size:clamp(55px,12vw,82px)}.intro-text{padding-top:95px}.intro-facts{gap:15px;margin-top:32px;font-size:8px;letter-spacing:.05em}.intro-facts small{font-size:7px}.chapter h2{font-size:clamp(46px,10vw,65px)}.brand{font-size:16px}.scene-badge{font-size:8px}}

/* A quieter type pairing and room for both product families. */
body,.brand,.site-nav nav a,.nav-action,.explore,.scene-badge,.scene-bottom,.scene-disclaimer,.intro-foot,.kicker,.scene-left>span{font-family:'Momo Trust Display','Avenir Next',Arial,sans-serif}
.intro h1,.bridge h2,.section-heading h2,.contact h2,.chapter h2{font-family:'Momo Trust Display',Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.14}
.intro h1 em,.bridge h2 em,.section-heading h2 em,.contact h2 em,.chapter h2 em{font-family:'Momo Trust Display',Georgia,serif;font-weight:400;letter-spacing:-.045em}
.intro h1{font-size:clamp(61px,7.3vw,118px)}
.chapter h2{font-size:clamp(52px,5.5vw,90px)}
.table-meta h3,.diffuser-meta h3{font-family:'Momo Trust Display',Georgia,serif;font-weight:400;letter-spacing:-.035em}
.bridge{padding-bottom:100px}
.collection-rail{display:grid;grid-template-columns:1fr 1fr;gap:34px;width:min(670px,92vw);margin-top:42px;text-align:left}
.collection-rail a{position:relative;display:flex;flex-direction:column;gap:6px;border-top:1px solid #2424248c;padding:18px 42px 8px 0;font:600 13px 'Momo Trust Display',Arial,sans-serif;letter-spacing:.09em;transition:transform .3s,border-color .3s}
.collection-rail a:hover{transform:translateY(-4px);border-color:#fff9ed}
.collection-rail small{font-size:9px;letter-spacing:.18em;font-weight:600;opacity:.65}
.collection-rail b{position:absolute;right:0;bottom:7px;font-size:23px;font-weight:400}
.table-section{padding-top:155px;padding-bottom:170px}
.table-grid{margin-top:66px;gap:24px}
.table-image{height:560px}
.diffuser-section{background:#1b1b1b;color:#f1f1ef;padding:150px 6vw 160px;overflow:hidden}
.diffuser-section .section-heading p{color:#c8c8c8}
.diffuser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:65px}
.diffuser-card:nth-child(2){margin-top:75px}
.diffuser-card:nth-child(3){margin-top:150px}
.diffuser-image{height:530px;position:relative;overflow:hidden;background:#36413d;border:1px solid #ffffff25;border-radius:3px}
.diffuser-image img{transition:transform .75s,filter .75s;filter:brightness(.94)}
.diffuser-card:hover .diffuser-image img{transform:scale(1.055);filter:brightness(1.05)}
.diffuser-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#151515c9,transparent 37%);pointer-events:none}
.diffuser-image span{position:absolute;z-index:1;bottom:21px;left:20px;font-size:10px;font-weight:600;letter-spacing:.16em}
.diffuser-meta{border-top:1px solid #f9ed327d;margin-top:18px;padding-top:19px}
.diffuser-meta small{font-size:9px;letter-spacing:.16em;color:#d0ba90}
.diffuser-meta h3{font-size:25px;margin:9px 0 0;line-height:1.35}
.collection-end{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff47;margin-top:75px;padding-top:24px;color:#c0bfbf;font-size:11px;line-height:1.7}
.collection-end p{margin:0}
.collection-end a{white-space:nowrap;letter-spacing:.12em;color:#ebd29c;border-bottom:1px solid #ebd29c;padding-bottom:6px}
@media(max-width:900px){.diffuser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diffuser-card:nth-child(2),.diffuser-card:nth-child(3){margin-top:0}.diffuser-card:nth-child(3){grid-column:span 2}.diffuser-card:nth-child(3) .diffuser-image{height:430px}}
@media(max-width:650px){.intro h1{font-size:clamp(54px,11vw,74px)}.chapter h2{font-size:clamp(44px,9.5vw,60px)}.bridge{padding-bottom:75px}.collection-rail{grid-template-columns:1fr;gap:14px;margin-top:28px}.collection-rail a{font-size:11px}.table-section,.diffuser-section{padding:90px 5vw 100px}.table-grid,.diffuser-grid{display:block;margin-top:36px}.table-card,.diffuser-card{margin:0 0 44px}.table-card:nth-child(2),.table-card:nth-child(3),.diffuser-card:nth-child(2),.diffuser-card:nth-child(3){margin-top:0}.table-image,.diffuser-image,.diffuser-card:nth-child(3) .diffuser-image{height:410px}.diffuser-card:nth-child(3){grid-column:auto}.collection-end{display:block;margin-top:35px}.collection-end a{display:inline-block;margin-top:15px}}

/* A three-beat scroll journey between the room and the product collections. */
.bridge-journey{position:relative;height:285svh;background:#151515;color:#f1f1ef;--bridge-p:0;--bridge-table-o:0;--bridge-scent-o:0}
.bridge-sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 72% 45%,#383838 0%,#252525 28%,#151515 72%)}
.bridge-mesh{position:absolute;inset:0;z-index:0;background-image:linear-gradient(#f9ed3218 1px,transparent 1px),linear-gradient(90deg,#f9ed3218 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#0008 42%,#000 100%);opacity:.65}
.bridge-orbit{position:absolute;border:1px solid #f9ed3242;border-radius:50%;width:min(56vw,720px);aspect-ratio:1;right:3vw;top:50%;transform:translateY(-50%) rotate(var(--bridge-rotate,0deg));transition:transform .12s linear;pointer-events:none}
.bridge-orbit:before,.bridge-orbit:after{content:'';position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:#f9ed32;box-shadow:0 0 20px #f9ed32}
.bridge-orbit:after{top:auto;bottom:-4px;background:#c0bfbf;box-shadow:0 0 20px #c0bfbf}
.bridge-orbit-inner{width:min(35vw,450px);right:calc(3vw + min(10.5vw,135px));border-color:#f9ed3266;transform:translateY(-50%) rotate(var(--bridge-rotate,0deg))}
.bridge-topline{position:absolute;z-index:4;top:110px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:20px;color:#f9ed32;font:600 10px 'Momo Trust Display',Arial,sans-serif;letter-spacing:.17em}
.bridge-topline i{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#f9ed32;box-shadow:0 0 13px #f9ed32}
.bridge-content{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:2vw;padding:0 6vw}
.bridge-copy{position:relative;min-height:370px;z-index:3}
.bridge-step{position:absolute;inset:0 auto auto 0;width:min(680px,100%);opacity:0;transform:translateY(44px);filter:blur(9px);transition:opacity .55s,transform .55s,filter .55s;pointer-events:none}
.bridge-step.active{opacity:1;transform:none;filter:none}
.bridge-step small{font:600 10px 'Momo Trust Display',Arial,sans-serif;color:#e4db8a;letter-spacing:.22em}
.bridge-step h2{font:400 clamp(54px,5.7vw,98px)/1.14 'Momo Trust Display',Georgia,serif;letter-spacing:-.05em;margin:23px 0 24px}
.bridge-step h2 em{font-style:italic;font-weight:400;color:#f9ed32}
.bridge-step p{font:400 15px/1.8 'Momo Trust Display',Arial,sans-serif;max-width:400px;color:#d2d2d2;margin:0}
.bridge-visual{position:relative;height:min(72vh,670px);min-height:430px}
.bridge-axis{position:absolute;inset:50% 0 auto;height:1px;background:linear-gradient(90deg,transparent,#f9ed327d,transparent)}
.bridge-axis:after{content:'';position:absolute;left:50%;top:-230px;width:1px;height:460px;background:linear-gradient(transparent,#f9ed3270,transparent)}
.bridge-center{position:absolute;left:50%;top:50%;width:195px;height:195px;transform:translate(-50%,-50%);border:1px solid #f9ed328d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#242424cc;box-shadow:0 0 0 18px #f9ed320d,0 0 80px #f9ed321c;text-align:center}
.bridge-center span{font:600 20px/1.3 'Momo Trust Display',Arial,sans-serif;letter-spacing:.19em;color:#f5ebd6}
.bridge-center small{font:600 8px 'Momo Trust Display',Arial,sans-serif;letter-spacing:.2em;color:#e4db8a}
.bridge-node{position:absolute;width:200px;padding:8px 8px 13px;background:#262626dc;border:1px solid #f9ed326e;box-shadow:0 20px 50px #0006;transition:opacity .25s,transform .25s}
.bridge-node img{height:132px;object-fit:cover;filter:saturate(.78) brightness(.89)}
.bridge-node span{display:block;padding:13px 5px 0;font:600 9px 'Momo Trust Display',Arial,sans-serif;letter-spacing:.16em;color:#eedab2}
.bridge-node-table{left:1%;top:8%;opacity:var(--bridge-table-o);transform:translateY(var(--bridge-table-y,74px)) rotate(-5deg)}
.bridge-node-scent{right:0;bottom:7%;opacity:var(--bridge-scent-o);transform:translateY(var(--bridge-scent-y,74px)) rotate(5deg)}
.bridge-coordinate{position:absolute;font:500 9px 'Momo Trust Display',Arial,sans-serif;letter-spacing:.16em;color:#bdbdbd}
.bridge-coordinate-a{right:2%;top:5%}.bridge-coordinate-b{left:3%;bottom:4%}
.bridge-footer{position:absolute;z-index:4;left:6vw;right:6vw;bottom:43px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;font:600 9px 'Momo Trust Display',Arial,sans-serif;letter-spacing:.16em;color:#d2c8b3}
.bridge-meter{height:1px;background:#f9ed3251;overflow:hidden}.bridge-meter i{display:block;width:100%;height:2px;background:#f9ed32;transform:scaleX(var(--bridge-p));transform-origin:left}
.bridge-count{color:#f9ed32}
.bridge-jump{position:absolute;z-index:4;left:6vw;bottom:96px;display:flex;gap:30px}
.bridge-jump a{min-width:150px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid #f9ed3280;padding-top:12px;font:600 10px 'Momo Trust Display',Arial,sans-serif;letter-spacing:.13em;transition:color .25s,border-color .25s}
.bridge-jump a:hover{color:#f9ed32;border-color:#f9ed32}
.bridge-jump b{font-size:17px;font-weight:400}
@media(max-width:900px){.bridge-content{grid-template-columns:1fr 1fr;gap:0}.bridge-step h2{font-size:clamp(46px,6vw,72px)}.bridge-node{width:155px}.bridge-node img{height:95px}.bridge-center{width:145px;height:145px}.bridge-center span{font-size:15px}}
@media(max-width:650px){.bridge-journey{height:260svh}.bridge-topline{top:88px;left:5vw;right:5vw;font-size:8px}.bridge-topline span:last-child{display:none}.bridge-content{display:block;padding:0 5vw}.bridge-copy{position:absolute;top:17%;left:5vw;right:5vw;min-height:255px}.bridge-step h2{font-size:clamp(44px,10.5vw,62px);margin:14px 0}.bridge-step p{font-size:12px;max-width:320px}.bridge-visual{position:absolute;left:4vw;right:4vw;top:42%;height:42%;min-height:0;opacity:.82}.bridge-orbit-outer{width:88vw;right:-18vw;top:70%}.bridge-orbit-inner{width:56vw;right:-2vw;top:70%}.bridge-node{width:130px;padding:5px 5px 9px}.bridge-node img{height:83px}.bridge-node span{font-size:7px;padding-top:8px}.bridge-node-table{left:0;top:3%}.bridge-node-scent{right:0;bottom:0}.bridge-center{width:120px;height:120px}.bridge-center span{font-size:12px}.bridge-center small{font-size:6px}.bridge-coordinate{display:none}.bridge-jump{display:none}.bridge-footer{left:5vw;right:5vw;bottom:28px;gap:12px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.bridge-journey{height:100svh}.bridge-step,.bridge-node,.bridge-orbit{transition:none}}
.bridge-step-final h2{font-size:clamp(50px,5.3vw,90px)}
@media(max-width:650px){.bridge-visual{top:51%;height:33%}.bridge-step-final h2{font-size:clamp(39px,9.2vw,53px)}}

/* Six product images travel along the orbit as the bridge scrolls. */
.bridge-node{left:var(--node-x,50%);top:var(--node-y,50%);right:auto;bottom:auto;width:140px;padding:6px 6px 10px;opacity:var(--node-o,0);transform:translate(-50%,-50%) translateY(var(--node-shift,32px));transition:opacity .18s linear,transform .18s linear,left .18s linear,top .18s linear}
.bridge-node img{height:94px}
.bridge-node span{padding:9px 3px 0;font-size:8px;white-space:nowrap}
@media(max-width:900px){.bridge-node{width:112px}.bridge-node img{height:73px}.bridge-node span{font-size:7px}}
@media(max-width:650px){.bridge-node{width:87px;padding:4px 4px 6px}.bridge-node img{height:60px}.bridge-node span{font-size:6px;letter-spacing:.05em;padding:5px 1px 0}}
@media(prefers-reduced-motion:reduce){.bridge-node{transition:none}}

/* 3004 collection: six devices enter like staggered piano keys. */
.scent-journey{position:relative;height:500svh;background:#171717;color:#f1f1ef}
.scent-sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#171717}
.scent-room,.scent-finale{position:absolute;inset:0;background:url('3004-lineup-empty.jpg') center/cover no-repeat}
.scent-room{filter:brightness(.82);transform:scale(1.04)}
.scent-devices{position:absolute;inset:0}
.scent-device{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;opacity:var(--sd-o,0);transform:translate3d(var(--sd-x,0vw),var(--sd-y,20vh),0) rotate(var(--sd-r,0deg)) scale(var(--sd-s,.8));transform-origin:50% 70%;filter:drop-shadow(0 18px 18px #0006);will-change:transform,opacity}
.scent-device-1{clip-path:inset(0 78% 0 6%)}
.scent-device-2{clip-path:inset(0 57% 0 20%)}
.scent-device-3{clip-path:inset(0 45% 0 42%)}
.scent-device-4{clip-path:inset(0 31% 0 55%)}
.scent-device-5{clip-path:inset(0 17% 0 69%)}
.scent-device-6{clip-path:inset(0 4% 0 83%)}
.scent-finale{z-index:2;background-image:url('3004-lineup-complete.png');opacity:var(--scent-finale-o,0);filter:brightness(.9)}
.scent-vapor{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:var(--scent-vapor-o,0);mix-blend-mode:screen}
.scent-vapor i{position:absolute;bottom:-9%;width:36vw;height:25vh;border-radius:50%;background:radial-gradient(ellipse,#e7f0ed55 0%,#d6dedb22 40%,transparent 73%);filter:blur(22px);animation:scent-drift 9s ease-in-out infinite alternate}
.scent-vapor i:nth-child(1){left:-7%;animation-delay:-2s}.scent-vapor i:nth-child(2){left:24%;animation-delay:-6s}.scent-vapor i:nth-child(3){left:54%;animation-delay:-4s}.scent-vapor i:nth-child(4){left:78%;animation-delay:-8s}
@keyframes scent-drift{from{transform:translate3d(-20px,23px,0) scale(.85)}to{transform:translate3d(28px,-18px,0) scale(1.13)}}
.scent-shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#111111e8 0%,#111111b8 24%,#11111147 49%,transparent 75%),linear-gradient(0deg,#111111dd 0%,transparent 26%)}
.scent-copy{position:absolute;z-index:5;left:6vw;top:16%;width:min(560px,46vw)}
.scent-copy h2{font:400 clamp(64px,7vw,112px)/1.12 'Momo Trust Display',Georgia,serif;letter-spacing:-.055em;margin:21px 0}
.scent-copy h2 em{font-weight:400;color:#f9ed32}
.scent-copy p{font:400 14px/1.85 'Momo Trust Display',Arial,sans-serif;color:#e2e3d9;max-width:385px}
.scent-readout{display:flex;align-items:baseline;gap:8px;margin-top:30px;padding-top:13px;border-top:1px solid #f9ed327d;width:max-content;max-width:100%;font:600 11px 'Momo Trust Display',Arial,sans-serif;letter-spacing:.14em;color:#d7c08f}
.scent-current{font:400 34px 'Momo Trust Display',Georgia,serif;color:#f1f1ef;letter-spacing:-.04em}
.scent-current-model{margin-left:16px;font-size:10px;white-space:nowrap}
.scent-keyboard{position:absolute;z-index:5;left:6vw;right:6vw;bottom:74px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;perspective:800px}
.scent-key{height:90px;display:flex;flex-direction:column;justify-content:space-between;padding:13px 13px 11px;border:1px solid #f9ed3299;border-top:3px solid #e8d29e;background:linear-gradient(180deg,#e8d6b42b,#ebd8af0e 75%);box-shadow:inset 0 1px #fff5,0 12px 24px #0005;opacity:var(--key-o,0);transform:translateY(var(--key-y,80px)) rotateX(var(--key-r,28deg));transform-origin:bottom;transition:opacity .18s,transform .18s}
.scent-key:nth-child(even){height:74px;align-self:end}
.scent-key small{font:600 9px 'Momo Trust Display',Arial,sans-serif;letter-spacing:.16em;color:#d7bd87}
.scent-key b{font:600 13px 'Momo Trust Display',Arial,sans-serif;letter-spacing:.1em;color:#f5ebd6}
.scent-note{position:absolute;z-index:5;bottom:27px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:18px;font:600 8px 'Momo Trust Display',Arial,sans-serif;letter-spacing:.12em;color:#d9d1bd}
.scent-note a{color:#efd39a;white-space:nowrap;border-bottom:1px solid #efd39a;padding-bottom:4px}
@media(max-width:900px){.scent-copy{width:min(480px,58vw)}.scent-copy h2{font-size:clamp(56px,7vw,82px)}.scent-keyboard{gap:5px}.scent-key{padding:10px;height:77px}.scent-key b{font-size:10px}}
@media(max-width:650px){.scent-journey{height:440svh}.scent-room,.scent-finale{background-size:contain;background-position:center 62%}.scent-room{transform:none}.scent-device{object-fit:contain}.scent-shade{background:linear-gradient(0deg,#111111e8,transparent 25%),linear-gradient(180deg,#111111c9 0%,#1111118a 31%,transparent 48%)}.scent-copy{left:5vw;right:5vw;top:13%;width:auto}.scent-copy h2{font-size:clamp(48px,12vw,66px);margin:15px 0}.scent-copy p{font-size:11px;max-width:290px}.scent-readout{margin-top:13px}.scent-current{font-size:26px}.scent-current-model{font-size:8px;margin-left:8px}.scent-keyboard{left:5vw;right:5vw;bottom:76px;gap:3px}.scent-key,.scent-key:nth-child(even){height:55px;padding:6px 3px 5px}.scent-key small{font-size:6px}.scent-key b{font-size:7px;letter-spacing:0}.scent-note{left:5vw;right:5vw;bottom:21px;display:block;font-size:6px;line-height:1.5}.scent-note a{display:inline-block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.scent-journey{height:100svh}.scent-device{display:none}.scent-finale{opacity:1}.scent-vapor i{animation:none}.scent-key{opacity:1;transform:none}}

/* Four clear scent categories */
.diffuser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:62px 26px}
.diffuser-card:nth-child(n){margin-top:0;grid-column:auto}
.diffuser-image,.diffuser-card:nth-child(3) .diffuser-image{height:480px}
.diffuser-image img{width:100%;height:100%;object-fit:cover;display:block}
.diffuser-image em{position:absolute;z-index:1;top:18px;right:18px;font-style:normal;font-size:9px;letter-spacing:.12em;color:#f9f2dd;background:#262626a8;border:1px solid #e4d2a666;padding:8px 10px}
.diffuser-meta p{color:#c0bfbf;font-size:13px;line-height:1.7;margin:10px 0 0}
@media(max-width:900px){.diffuser-card:nth-child(3){grid-column:auto}}
@media(max-width:650px){.diffuser-grid{display:block}.diffuser-card:nth-child(n){margin:0 0 42px}.diffuser-image,.diffuser-card:nth-child(3) .diffuser-image{height:390px}}

.scent-awaiting-photo{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at 50% 40%,#35514a,#1b302f 65%,#122522);color:#d5c091;text-align:center}
.scent-awaiting-photo b{font:normal 110px/1 Georgia,serif;opacity:.35}
.scent-awaiting-photo strong{font-size:24px;letter-spacing:.25em;font-weight:500}
.scent-awaiting-photo small{font-size:10px;letter-spacing:.16em;color:#e2dfd5}

/* Compact four-category scent collection */
.diffuser-section{padding:105px 5vw 110px}
.diffuser-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:44px}
.diffuser-card:nth-child(n){margin:0;grid-column:auto}
.diffuser-image,.diffuser-card:nth-child(3) .diffuser-image{height:280px}
.diffuser-meta{margin-top:13px;padding-top:13px}
.diffuser-meta h3{font-size:19px;line-height:1.3}
.diffuser-meta p{font-size:11px;line-height:1.5}
.diffuser-image span{font-size:9px;left:13px;bottom:13px}
.diffuser-section .collection-end{margin-top:48px}
@media(max-width:900px){.diffuser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 17px}.diffuser-card:nth-child(n){grid-column:auto}.diffuser-image,.diffuser-card:nth-child(3) .diffuser-image{height:300px}}
@media(max-width:650px){.diffuser-section{padding:80px 5vw 90px}.diffuser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.diffuser-card:nth-child(n){margin:0}.diffuser-image,.diffuser-card:nth-child(3) .diffuser-image{height:190px}.diffuser-meta h3{font-size:16px}.diffuser-meta p{font-size:10px}.diffuser-image span{font-size:7px;letter-spacing:.08em}}

/* Both scroll scenes finish in the same viewport-sized image frame. */
.scent-room,.scent-finale{background-position:center 52%;background-size:cover}
.scent-room{transform:none}
.scent-device{object-position:center 52%}
@media(max-width:650px){
  .scene-plate .photo-room,.stage-complete,.scent-room,.scent-finale{background-size:contain;background-position:center 62%;background-repeat:no-repeat}
  .stage-item,.scent-device{object-fit:contain;object-position:center 62%}
}

/* Typography trial: Momo Trust Display for headlines, Manrope for longer reading. */
.intro h1,.chapter h2,.bridge-step h2,.section-heading h2,.scent-copy h2,.contact h2,.table-meta h3,.diffuser-meta h3{font-family:'Momo Trust Display','Momo Trust Display',Arial,sans-serif;font-weight:400;letter-spacing:-.035em}
.intro h1 em,.chapter h2 em,.bridge-step h2 em,.section-heading h2 em,.scent-copy h2 em,.contact h2 em{font-family:inherit;font-style:normal;font-weight:400;letter-spacing:inherit}
.intro h1{font-size:clamp(60px,7vw,112px);line-height:1.08}
.chapter h2{font-size:clamp(52px,5.2vw,84px);line-height:1.1}
.bridge-step h2,.bridge-step-final h2{font-size:clamp(50px,5.1vw,84px);line-height:1.1}
.section-heading h2{font-size:clamp(50px,5.5vw,88px);line-height:1.12}
.scent-copy h2{font-size:clamp(60px,6.3vw,98px);line-height:1.1}
.contact h2{font-size:clamp(50px,5.7vw,88px);line-height:1.12}
.table-meta h3{font-size:29px}.diffuser-meta h3{font-size:19px}
/* Legibility on desktop and tablet. */
.site-nav nav a,.nav-action,.explore{font-size:13px}
.kicker,.scene-badge,.scene-bottom,.scene-left>span,.chapter small,.intro-facts,.collection-rail a,.bridge-topline,.bridge-step small,.bridge-footer,.bridge-jump a,.scent-readout,.scent-note,.collection-end{font-size:12px}
.intro-facts small,.scene-disclaimer,.bridge-node span,.bridge-coordinate,.bridge-center small,.scent-current-model,.scent-key small,.diffuser-meta small,.table-meta small,.diffuser-image span,.table-image span,.source-note{font-size:11px}
.intro-text p,.chapter p,.bridge-step p,.section-heading p,.scent-copy p,.diffuser-meta p,.contact p{font-size:16px;line-height:1.65}
.table-meta p,.diffuser-meta p{font-size:13px}
.scent-key b{font-size:15px}.scent-key small{font-size:11px}
.bridge-node{width:154px}.bridge-node img{height:100px}.bridge-node span{white-space:normal;line-height:1.25}
.bridge-center small{font-size:10px}.bridge-coordinate{font-size:10px}
.collection-rail small{font-size:11px}.collection-rail a{line-height:1.45}
.scent-note{line-height:1.5}
@media(max-width:900px){
  .bridge-node{width:124px}.bridge-node img{height:79px}.bridge-node span{font-size:9px}
  .scent-copy h2{font-size:clamp(52px,6.8vw,76px)}
  .section-heading h2{font-size:clamp(48px,6.5vw,74px)}
  .diffuser-meta h3{font-size:18px}
}
@media(max-width:650px){
  .brand{font-size:17px}.nav-action{font-size:11px}
  .intro h1{font-size:clamp(52px,10.5vw,68px)}.intro-text p{font-size:15px}
  .kicker,.scene-badge,.scene-bottom,.scene-left>span,.chapter small,.bridge-topline,.bridge-step small,.bridge-footer,.scent-readout,.collection-end{font-size:10px}
  .intro-facts{font-size:10px;gap:13px}.intro-facts small{font-size:9px}
  .chapter h2{font-size:clamp(42px,9vw,58px)}.chapter p{font-size:14px;line-height:1.5}.scene-left{min-height:280px;bottom:105px}
  .scene-disclaimer{font-size:9px;line-height:1.4;right:5vw}.scene-bottom{bottom:58px}
  .bridge-step h2,.bridge-step-final h2{font-size:clamp(41px,8.7vw,55px)}.bridge-step p{font-size:13px;line-height:1.55}.bridge-copy{min-height:285px}
  .bridge-node{width:98px;padding:4px 4px 7px}.bridge-node img{height:62px}.bridge-node span{font-size:8px;line-height:1.2;padding-top:5px}.bridge-center small{font-size:8px}
  .section-heading h2{font-size:clamp(43px,9vw,58px)}.section-heading p{font-size:14px;line-height:1.6}
  .table-meta h3{font-size:27px}.table-meta small,.table-meta p,.source-note{font-size:12px}
  .scent-copy h2{font-size:clamp(45px,9.5vw,62px)}.scent-copy p{font-size:13px;line-height:1.55}.scent-current-model{font-size:10px}
  .scent-key b{font-size:9px}.scent-key small{font-size:8px}.scent-note{font-size:9px;bottom:22px}.scent-note a{margin-top:6px}
  .diffuser-meta h3{font-size:16px}.diffuser-meta small,.diffuser-meta p{font-size:11px}.diffuser-image span{font-size:9px;line-height:1.25;max-width:85%}
  .contact p{font-size:14px}footer{font-size:11px;line-height:1.5}
}

/* A calm, sunlit room gives the closing invitation its own atmosphere. */
.contact{position:relative;isolation:isolate;min-height:660px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:110px 7vw;color:#fffaf0;background:#171717 url('contact-living-room.jpg') center 52%/cover no-repeat}
.contact::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(10,27,25,.94) 0%,rgba(10,27,25,.82) 34%,rgba(10,27,25,.36) 68%,rgba(10,27,25,.12) 100%)}
.contact>*{position:relative;z-index:1}
.contact .kicker{color:#eacb94}
.contact h2{max-width:920px;margin:24px 0 22px;text-wrap:balance;text-shadow:0 2px 20px rgba(0,0,0,.18)}
.contact h2 em{color:#f0d39e}
.contact p{max-width:580px;color:#f3eee4}
.contact-dummy{border-color:#e8ce9f;background:#e8ce9f;color:#172720}
@media(max-width:650px){.contact{min-height:610px;padding:105px 6vw 90px;background-position:61% center}.contact::before{background:linear-gradient(90deg,rgba(10,27,25,.87),rgba(10,27,25,.57)),linear-gradient(0deg,rgba(10,27,25,.60),transparent 75%)}.contact h2{font-size:clamp(40px,9vw,54px);margin:18px 0}.contact p{font-size:14px}}

/* Shared page typography. */
html,body,button,input,textarea,select{font-family:'Momo Trust Display',Arial,sans-serif!important}
body{letter-spacing:0}
.intro h1,.chapter h2,.bridge-step h2,.section-heading h2,.scent-copy h2,.contact h2{font-weight:400;letter-spacing:-.045em;line-height:1.14}
.intro h1 em,.chapter h2 em,.bridge-step h2 em,.section-heading h2 em,.scent-copy h2 em,.contact h2 em{font-style:normal;font-weight:300;letter-spacing:inherit}
.table-meta h3,.diffuser-meta h3{font-weight:500;letter-spacing:-.03em}
.kicker,.site-nav nav a,.nav-action,.explore,.scene-badge,.scene-left>span,.chapter small,.bridge-topline,.bridge-step small,.bridge-node span,.bridge-footer,.bridge-jump a,.table-meta small,.diffuser-meta small,.table-image span,.diffuser-image span,.contact-dummy,footer{letter-spacing:.06em}
.intro-text p,.chapter p,.bridge-step p,.section-heading p,.scent-copy p,.contact p{letter-spacing:0}
.contact{background-image:url('contact-living-room.jpg');background-position:center center}
.contact::before{background:linear-gradient(90deg,rgba(8,20,17,.48) 0%,rgba(8,20,17,.25) 45%,rgba(8,20,17,.04) 75%)}
.contact h2{max-width:780px;text-shadow:0 2px 15px rgba(0,0,0,.25)}
.contact p{text-shadow:0 1px 8px rgba(0,0,0,.3)}
.bridge-footer{grid-template-columns:1fr auto}
.collection-end{justify-content:flex-end}
@media(max-width:650px){.contact{background-position:60% center}.contact::before{background:linear-gradient(90deg,rgba(8,20,17,.73),rgba(8,20,17,.22)),linear-gradient(0deg,rgba(8,20,17,.45),transparent 70%)}.contact h2{font-size:clamp(38px,8.7vw,52px)}.bridge-footer{grid-template-columns:1fr auto}}

/* Momo Trust Display throughout, with natural spacing and quiet navigation. */
html,body,button,input,textarea,select{font-family:'Momo Trust Display',Arial,sans-serif!important;font-weight:400;letter-spacing:normal}
.intro h1,.chapter h2,.bridge-step h2,.section-heading h2,.scent-copy h2,.contact h2{letter-spacing:-.025em!important}
.site-nav{gap:3vw}
.site-nav nav{gap:clamp(18px,2.5vw,38px)}
.site-nav nav a{font-size:15px;line-height:1.3}
.nav-action{font-size:14px;border-radius:7px;padding:11px 16px;background:#c8aa7410}
.nav-action span{margin-left:12px}
.explore{font-size:16px;gap:15px;margin-top:25px}
.explore b{width:42px;height:42px;font-size:19px}
.intro-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;width:min(560px,100%);margin-top:38px;padding-top:18px;font-size:15px;line-height:1.35}
.intro-facts span{gap:8px;white-space:normal}
.intro-facts small{font-size:12px;color:#dcc693}
.kicker,.chapter small,.bridge-topline,.bridge-step small,.bridge-node span,.bridge-jump a,.table-meta small,.diffuser-meta small,.table-image span,.diffuser-image span,.contact-dummy,footer{text-transform:none}
@media(max-width:650px){.site-nav nav{display:none}.nav-action{font-size:12px;padding:9px 12px}.explore{font-size:14px}.explore b{width:38px;height:38px}.intro-facts{gap:12px;margin-top:30px;font-size:12px}.intro-facts small{font-size:10px}}

/* Supplied MEGA Life artwork, shown at its intrinsic proportions. */
.site-nav .brand,footer .brand{display:inline-flex;align-items:center;flex:none;line-height:0}
.site-nav .brand img{display:block;width:auto;height:39px;max-width:none;object-fit:contain}
footer .brand img{display:block;width:auto;height:43px;max-width:none;object-fit:contain}
@media(max-width:650px){.site-nav .brand img{height:31px}footer .brand img{height:36px}}

/* Palette taken from the supplied logo: charcoal, silver and a small yellow accent. */
:root{--dark:#151515;--cream:#f2f2f0;--gold:#f9ed32}
body{background:#151515;color:#f2f2f0}
.site-nav{background:rgba(21,21,21,.88);border-bottom-color:rgba(192,191,191,.25)}
.site-nav nav a:hover,.brand:hover,.bridge-jump a:hover{color:#f9ed32}
.nav-action{background:transparent;border-color:#f9ed32;color:#f2f2f0}
.nav-action span,.explore b,.kicker,.intro-facts small,.chapter small,.bridge-step small,.scent-readout,.diffuser-meta small{color:#f9ed32}
.nav-action:hover{background:#f9ed32;color:#151515}
.intro:after{background:linear-gradient(90deg,rgba(15,15,15,.95) 0%,rgba(15,15,15,.83) 27%,rgba(15,15,15,.33) 57%,transparent 78%)}
.intro-text p,.chapter p,.bridge-step p,.scent-copy p{color:#ddddda}
.explore b,.intro-facts{border-color:rgba(249,237,50,.58)}
.scene-badge{background:rgba(21,21,21,.80);border-color:rgba(249,237,50,.45);color:#f2f2f0}
.canvas-vignette{background:linear-gradient(0deg,rgba(16,16,16,.73),transparent 70%),linear-gradient(90deg,rgba(16,16,16,.50),transparent 62%)}
.bridge-journey,.bridge-sticky{background:#181818;color:#f2f2f0}
.bridge-sticky{background:radial-gradient(circle at 72% 45%,#343434,#212121 34%,#151515 75%)}
.bridge-mesh{opacity:.38}
.bridge-orbit:after{background:#c0bfbf;box-shadow:0 0 20px #c0bfbf}
.bridge-center{background:rgba(29,29,29,.92);border-color:rgba(249,237,50,.54)}
.bridge-center span,.bridge-node span{color:#f2f2f0}
.bridge-node{background:rgba(36,36,36,.94);border-color:rgba(192,191,191,.47)}
.bridge-node img{filter:none}
.table-section{background:#e8e8e6;color:#1b1b1b}
.table-section .section-heading .kicker,.table-section .section-heading h2 em{color:#5b5b58}
.table-section .section-heading p,.table-meta small,.table-meta p{color:#555550}
.diffuser-section,.scent-journey,.scent-sticky{background:#1b1b1b;color:#f2f2f0}
.diffuser-section .section-heading h2 em,.scent-copy h2 em,.intro h1 em,.chapter h2 em,.bridge-step h2 em{color:#f9ed32}
.diffuser-section .section-heading p,.diffuser-meta p{color:#c9c9c6}
.diffuser-image{background:#303030;border-color:rgba(192,191,191,.30)}
.diffuser-image:after{background:linear-gradient(0deg,rgba(15,15,15,.72),transparent 40%)}
.diffuser-meta{border-top-color:rgba(192,191,191,.46)}
.contact::before{background:linear-gradient(90deg,rgba(16,16,16,.72) 0%,rgba(16,16,16,.48) 43%,rgba(16,16,16,.06) 80%)}
.contact .kicker,.contact h2 em{color:#f9ed32}
.contact-dummy{background:#f9ed32;border-color:#f9ed32;color:#151515}
footer{background:#151515;color:#c0bfbf;border-top:1px solid rgba(192,191,191,.22)}
@media(max-width:650px){.intro:after{background:linear-gradient(90deg,rgba(15,15,15,.88),rgba(15,15,15,.42)),linear-gradient(0deg,rgba(15,15,15,.55),transparent 65%)}.contact::before{background:linear-gradient(90deg,rgba(16,16,16,.77),rgba(16,16,16,.24)),linear-gradient(0deg,rgba(16,16,16,.43),transparent 70%)}}

/* Collection links and scalable catalogue/article pages. */
.section-action{display:flex;justify-content:flex-end;margin-top:52px}
.section-action a{display:inline-flex;align-items:center;gap:28px;padding:15px 20px;border:1px solid currentColor;border-radius:7px;font-size:15px;transition:background .25s,color .25s}
.table-section .section-action a:hover{background:#1b1b1b;color:#f9ed32}
.diffuser-section .section-action a{color:#f9ed32}.diffuser-section .section-action a:hover{background:#f9ed32;color:#151515}
.site-nav nav a.active{color:#f9ed32}
.listing-page{background:#e8e8e6;color:#1b1b1b}
.listing-page .site-nav{position:fixed;color:#f2f2f0}.listing-page .site-nav nav a{color:#f2f2f0}.listing-page .site-nav nav a:hover,.listing-page .site-nav nav a.active{color:#f9ed32}.listing-page .site-nav .nav-action{color:#f2f2f0;border-color:#f9ed32}.listing-page .site-nav .nav-action:hover{color:#151515;background:#f9ed32}.listing-page main{min-height:80vh}
.listing-hero{min-height:520px;padding:175px 6vw 90px;background:#1b1b1b;color:#f2f2f0}
.listing-hero h1{max-width:980px;margin:20px 0 25px;font-size:clamp(58px,7vw,112px);font-weight:400;line-height:1.06;letter-spacing:-.04em}
.listing-hero h1 em{color:#f9ed32;font-style:normal;font-weight:400}
.listing-hero p{max-width:560px;color:#c9c9c6;font-size:17px;line-height:1.7}
.catalog-shell,.article-shell{padding:72px 6vw 140px}
.catalog-filter{position:sticky;top:78px;z-index:10;display:flex;gap:9px;overflow-x:auto;padding:14px 0 24px;background:#e8e8e6}
.catalog-filter button{flex:none;padding:11px 16px;border:1px solid #91918c;border-radius:30px;background:transparent;color:#282824;cursor:pointer}
.catalog-filter button.active,.catalog-filter button:hover{background:#151515;color:#f9ed32;border-color:#151515}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 22px;padding-top:30px}
.catalog-card[hidden]{display:none}.catalog-card img{height:390px;object-fit:cover;background:#ccc}
.catalog-card small,.article-card small{display:block;margin-top:17px;color:#6a6a65;font-size:12px}
.catalog-card h2{margin:7px 0 13px;font-size:28px;font-weight:400;line-height:1.2}
.catalog-card span,.article-card span{color:#4f4f4a;font-size:13px;border-bottom:1px solid;padding-bottom:4px}
.article-hero{background:radial-gradient(circle at 78% 30%,#393939,#1b1b1b 42%)}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 24px}
.article-card img{height:360px;object-fit:cover}.article-card h2{margin:8px 0 12px;font-size:34px;font-weight:400;line-height:1.18}.article-card p{max-width:580px;color:#64645f;line-height:1.7}
.article-card.article-featured{grid-column:1/-1}.article-featured a{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.article-featured img{height:520px}.article-featured h2{font-size:clamp(40px,4vw,68px)}
.listing-page footer{background:#151515;color:#c0bfbf}
@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-featured a{grid-template-columns:1fr}.article-featured img{height:430px}}
@media(max-width:650px){.section-action{justify-content:stretch;margin-top:30px}.section-action a{justify-content:space-between;width:100%;font-size:14px}.listing-hero{min-height:430px;padding:135px 5vw 65px}.listing-hero h1{font-size:clamp(48px,13vw,68px)}.listing-hero p{font-size:14px}.catalog-shell,.article-shell{padding:45px 5vw 90px}.catalog-filter{top:68px}.catalog-grid,.article-grid{grid-template-columns:1fr;gap:42px}.catalog-card img,.article-card img,.article-featured img{height:380px}.article-card.article-featured{grid-column:auto}.article-card h2,.article-featured h2{font-size:31px}}

/* WordPress managed articles and storefront. */
.home-articles{padding:130px 6vw 145px;background:#e8e8e6;color:#1b1b1b}.home-articles .section-heading{align-items:center}.home-articles .section-heading .kicker,.home-articles .section-heading h2 em{color:#5b5b58}.home-articles-link{border-bottom:1px solid;padding-bottom:6px}.home-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:55px}.home-article img{height:330px;object-fit:cover}.home-article small{display:block;margin-top:18px;color:#666660;font-size:12px}.home-article h3{font-size:27px;font-weight:400;line-height:1.2;margin:9px 0}.home-article p{color:#62625d;line-height:1.65}.home-article span{font-size:13px;border-bottom:1px solid;padding-bottom:4px}
body.blog,body.archive,body.single-post,body.woocommerce-page{background:#e8e8e6;color:#1b1b1b}body.blog .site-nav,body.archive .site-nav,body.single-post .site-nav,body.woocommerce-page .site-nav{color:#f2f2f0}body.admin-bar .site-nav{top:32px}
.single-story{padding-top:78px}.single-story header{position:relative;min-height:620px;background:#1b1b1b;color:#f2f2f0}.single-story-image{position:absolute;inset:0;opacity:.48}.single-story-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151515e8,transparent 75%)}.single-story-image img{width:100%;height:100%;object-fit:cover}.single-story-title{position:relative;z-index:1;padding:180px 6vw 90px;max-width:1050px}.single-story-title h1{font-size:clamp(52px,7vw,100px);font-weight:400;line-height:1.08;margin:20px 0}.single-story-content{width:min(780px,90vw);margin:80px auto 120px;font-size:18px;line-height:1.85}.single-story-content img{height:auto}.single-story-content h2{font-size:38px;font-weight:400;line-height:1.2;margin-top:55px}
.page-head{padding-top:155px}.catalog{padding-bottom:120px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:23px;font-weight:400}.woocommerce ul.products li.product .price{color:#555}.woocommerce a.button,.woocommerce button.button,.floating-zalo{background:#f9ed32!important;color:#151515!important;border-radius:6px!important}.floating-zalo{position:fixed;right:22px;bottom:22px;z-index:80;padding:13px 17px;box-shadow:0 10px 30px #0005}
@media(max-width:782px){body.admin-bar .site-nav{top:46px}}@media(max-width:650px){.home-articles{padding:85px 5vw 95px}.home-article-grid{grid-template-columns:1fr}.home-article img{height:360px}.home-articles-link{margin-top:25px;display:inline-block}.single-story{padding-top:68px}.single-story header{min-height:520px}.single-story-title{padding:145px 5vw 65px}.single-story-content{font-size:16px}}

.menu-toggle{display:none;margin-left:auto;border:1px solid rgba(249,237,50,.7);border-radius:6px;background:transparent;color:#f9ed32;width:42px;height:38px;font-size:19px}
@media(max-width:900px){.site-nav .menu-toggle{display:block}.site-nav .nav-action{display:none}.site-nav nav.open{display:flex;position:absolute;left:0;right:0;top:68px;padding:22px 5vw 26px;flex-direction:column;align-items:flex-start;gap:18px;background:#151515f5;border-bottom:1px solid rgba(249,237,50,.3)}.site-nav nav.open a{font-size:18px;color:#f2f2f0}}

/* Keep room-story base captions white, while emphasized words stay yellow. */
.intro h1,
.world-scroll .scene-badge,
.world-scroll .scene-left > span,
.world-scroll .chapter small,
.world-scroll .chapter h2,
.world-scroll .chapter p {
  color: #fff !important;
}

.intro h1 em,
.world-scroll .chapter h2 em {
  color: #f9ed32 !important;
}