@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#281b34;--cream:#faf5ee;--violet:#ba86e8;--pink:#f7b0c8;--accent:#d9b7ff;--mx:0px;--my:0px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #09bbb7;outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;line-height:1.07}h2{font-size:clamp(2.8rem,4.4vw,4.8rem);letter-spacing:-.035em}h2 em{color:#8a51a7;font-weight:400}h3{font-size:2rem}img{display:block;max-width:100%}.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.19em;line-height:1.5}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:12px 27px;background:#d8b5f7;color:#261331;border:1px solid #e9d2ff;border-radius:99px;font-weight:600;font-size:.94rem;transition:box-shadow .5s,background .5s,transform .5s}.button:hover{background:#e6ccff;box-shadow:0 0 32px #cda5f770;transform:translateY(-2px)}.nav{position:absolute;z-index:20;top:0;left:0;width:100%;height:95px;padding:14px 5%;display:flex;align-items:center;gap:34px;color:white}.brand{display:block;width:220px;flex-shrink:0}.brand img{width:100%;height:auto}.nav .brand{width:235px}.nav nav{display:flex;gap:30px;align-items:center;margin:auto;font-size:.88rem}.nav nav a{padding:9px 0;position:relative}.nav nav a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:2px;background:#d7aeff;transition:width .4s}.nav nav a:hover:after{width:100%}.small{font-size:.84rem;min-height:44px;padding:10px 20px}.menu-toggle{display:none}.hero{position:relative;aspect-ratio:1672/1010;min-height:740px;max-height:1130px;isolation:isolate;overflow:hidden;background:#25172b;color:#fff9ed;--glow:#b588ff}.room{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-5;transform:scale(1.015) translate(calc(var(--mx) * -.15),calc(var(--my) * -.1))}.hero-shade{position:absolute;inset:0;z-index:-4;background:linear-gradient(180deg,#140d2d77 0%,#130c2e55 29%,transparent 58%,#22152c3b 100%)}.hero-copy{position:absolute;top:12%;width:100%;text-align:center;z-index:8}.hero-copy .eyebrow{color:#e7c8f8;font-size:.68rem;margin-bottom:8px;letter-spacing:.26em}.hero h1{font-size:clamp(3.5rem,6.5vw,7.6rem);line-height:.91;letter-spacing:-.035em;text-shadow:0 2px 20px #10062588}.hero h1 em{color:#d4a4fa;font-weight:400}.hero-sub{font-size:.8rem;letter-spacing:.19em;text-transform:uppercase;margin-top:20px}.hero-sub span{font-family:Georgia,serif;font-size:1.12rem;letter-spacing:.025em;text-transform:none;font-style:italic}.product-scene{position:absolute;inset:37% 4% 8%;z-index:3;scroll-margin-top:190px}.stand{position:absolute;bottom:0;width:31%;height:94%;--color:#dd4868;transition:filter .65s}.stand.bright{left:1%}.stand.dreamy{left:33.3%;width:34%;height:108%;--color:#b177ff;z-index:2}.stand.balanced{right:0;--color:#bad865}.base{position:absolute;bottom:0;width:100%;height:24%;object-fit:fill;z-index:2;filter:drop-shadow(0 12px 9px #240d2838)}.drink{position:absolute;bottom:15.5%;left:19%;width:62%;height:84%;padding:0;background:transparent;z-index:4;transform-origin:50% 100%;transition:filter .65s,transform .65s}.drink img{height:100%;width:100%;object-fit:contain;object-position:center bottom}.dreamy .drink{left:19.5%;width:61%;bottom:17%;height:85%}.drink:hover{transform:scale(1.018);filter:drop-shadow(0 0 15px var(--color)) brightness(1.06)}.contact{position:absolute;width:55%;left:23%;bottom:17.5%;height:4%;border-radius:50%;background:#21102799;filter:blur(6px);z-index:3}.dreamy .contact{bottom:20%}.mood-tag{position:absolute;z-index:8;left:50%;bottom:0;transform:translate(-50%,35%);display:flex;align-items:center;justify-content:center;gap:10px;min-width:170px;padding:7px 20px;border:1px solid #ffffffb3;border-radius:40px;background:#36232cdd;color:white;box-shadow:0 0 20px var(--color);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;transition:background .4s,box-shadow .4s}.mood-tag span{font-size:1.8rem;line-height:1}.mood-tag[aria-pressed=true]{background:var(--color);box-shadow:0 0 30px var(--color);color:#21172a}.mood-tag:hover{box-shadow:0 0 35px var(--color)}.floral{position:absolute;bottom:-2%;width:61%;left:20%;height:auto;z-index:1;opacity:.68;pointer-events:none;transform:translate(calc(var(--mx) * .5),calc(var(--my) * .2));transition:transform 1s}.mood-note{position:absolute;left:61%;top:40%;width:16%;z-index:6;background:#2a193999;border:1px solid #eac8ff77;border-radius:22px;padding:20px;backdrop-filter:blur(16px);box-shadow:0 0 30px #e7beff21;transition:border-color .7s,box-shadow .7s}.note-icon{font-size:2.4rem;color:var(--accent);line-height:1.2}.mood-note .eyebrow{font-size:.63rem;letter-spacing:.13em;color:#e6ceff;margin:10px 0}.mood-note h2{font-size:1.65rem;letter-spacing:-.015em}.mood-note p:last-child{font-size:.83rem;line-height:1.5;margin-top:12px}.hero-bottom{position:absolute;bottom:1.6%;left:5%;right:5%;display:flex;align-items:center;gap:24px;z-index:8}.hero-bottom .button{min-height:40px;font-size:.8rem;padding:7px 21px}.quiet-link{font-size:.85rem;border-bottom:1px solid #e4c9ff88}.hero-bottom>p{font-size:.8rem;letter-spacing:.1em;margin-left:auto}.ambient{position:absolute;inset:28% 21% 6%;background:radial-gradient(ellipse,var(--glow),transparent 67%);opacity:.19;filter:blur(25px);pointer-events:none;animation:breathe 9s ease-in-out infinite;z-index:-2;transition:background 1s}.sparkles{position:absolute;inset:0;pointer-events:none;z-index:7}.sparkles i{position:absolute;width:3px;height:3px;background:#fff1c2;box-shadow:0 0 12px 3px #ffd79877;border-radius:50%;animation:spark 8s ease-in-out infinite}.sparkles i:nth-child(1){left:20%;top:32%}.sparkles i:nth-child(2){left:36%;top:58%;animation-delay:-3s}.sparkles i:nth-child(3){left:61%;top:27%;animation-delay:-5s}.sparkles i:nth-child(4){left:82%;top:56%;animation-delay:-2s}.sparkles i:nth-child(5){left:71%;top:81%;animation-delay:-6s}.sparkles i:nth-child(6){left:25%;top:74%;animation-delay:-4s}.sparkles i:nth-child(7){left:53%;top:40%;animation-delay:-7s}.sparkles i:nth-child(8){left:41%;top:23%;animation-delay:-1s}.sparkles i:nth-child(9){left:88%;top:38%;animation-delay:-2s}.sparkles i:nth-child(10){left:57%;top:77%;animation-delay:-5s}.sparkles i:nth-child(11){left:12%;top:59%;animation-delay:-6s}.sparkles i:nth-child(12){left:67%;top:55%;animation-delay:-1s}@keyframes spark{0%,100%{opacity:.15;transform:translateY(0)}50%{opacity:.9;transform:translateY(-15px)}}@keyframes breathe{0%,100%{opacity:.13}50%{opacity:.29}}.section{padding:110px max(6%,calc((100% - 1400px)/2));border-top:1px solid #bda2c433}.intro{background:#faf5ee}.intro-heading{max-width:800px;margin:auto;text-align:center}.intro-heading .eyebrow{color:#8b629d;margin-bottom:24px}.intro-heading>p:last-child{max-width:630px;margin:26px auto 0;color:#6e5b71;line-height:1.8}.pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #dbcade}.pillar{position:relative;padding:32px 35px 70px;overflow:hidden;min-height:275px}.pillar+.pillar{border-left:1px solid #dbcade}.number{font-size:.73rem;letter-spacing:.14em;color:#896592}.pillar h3{margin:24px 0 15px}.pillar p{color:#736077;font-size:1rem;max-width:290px}.pillar-word{position:absolute;bottom:-26px;right:20px;font-family:'DM Serif Display',Georgia,serif;font-size:6.3rem;color:#b995d022;line-height:1;transition:color .6s}.pillar:hover .pillar-word{color:#b995d055}.story{background:#ece2ef;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.story-visual{position:relative;aspect-ratio:1/1.08;border-radius:180px 180px 10px 10px;overflow:hidden;background:#30223b}.story-visual>img{width:100%;height:100%;object-fit:cover;object-position:66% 50%;filter:brightness(.8)}.visual-caption{position:absolute;bottom:35px;left:35px;color:#fff4e7}.visual-caption span{font-size:.68rem;letter-spacing:.16em}.visual-caption p{font-family:'DM Serif Display',Georgia,serif;font-size:2.3rem;line-height:1.1;margin-top:18px}.story-copy .eyebrow{color:#805b8d;margin-bottom:24px}.story-copy>p:not(.eyebrow){color:#6b5673;margin-top:25px;line-height:1.8}.story-signoff{margin-top:34px;padding-top:24px;border-top:1px solid #c9b1d2;display:flex;align-items:center;justify-content:space-between;font-size:.88rem;color:#705679}.moon-mark{font-size:3.4rem;color:#9463b2;line-height:1}.community{background:#261b30;color:#f6eafa}.community h2 em{color:#caa0ec}.community-heading{display:flex;gap:12%;justify-content:space-between;align-items:flex-end}.community-heading .eyebrow{color:#bd94d1;margin-bottom:25px}.community-heading>p{max-width:340px;color:#c3b0ce;padding-bottom:6px}.experience-tabs{display:flex;gap:12px;margin-top:45px;flex-wrap:wrap}.experience-tabs button{padding:12px 23px;border:1px solid #94769a66;border-radius:99px;background:transparent;color:#ccb9d5;font-size:.92rem;transition:background .5s,color .5s,box-shadow .5s}.experience-tabs button[aria-selected=true]{background:#d7b5ef;color:#2a1833;border-color:#d7b5ef}.experience-tabs button:hover{box-shadow:0 0 18px #c99fec35}.experience-panel{display:grid;grid-template-columns:1.4fr 1fr;border:1px solid #82668b88;margin-top:25px;border-radius:6px;overflow:hidden;background:#33213f}.experience-main{padding:50px}.experience-count{font-size:.75rem;letter-spacing:.15em;color:#c5a0d5}.experience-main h3{font-size:clamp(2.2rem,3.3vw,3.5rem);margin:23px 0}.experience-main p{max-width:560px;color:#cebcd6;line-height:1.8}.experience-details{background:#392548;padding:50px;border-left:1px solid #82668b88;display:flex;flex-direction:column;justify-content:center}.experience-details .eyebrow{color:#c5a0d5}.experience-details ul{list-style:none;margin:20px 0;padding:0}.experience-details li{padding:13px 0;border-bottom:1px solid #806c8b55;font-family:'DM Serif Display',Georgia,serif;font-size:1.35rem}.experience-details>p{font-size:.86rem;color:#b59ac3;font-style:italic}.closing{position:relative;overflow:hidden;text-align:center;background:#eee4f4;isolation:isolate}.closing .eyebrow{color:#8d619d}.closing h2{margin:26px 0;line-height:1.08}.closing-copy{color:#745e7d;margin-bottom:30px}.closing-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 60%,#c999ed40,transparent 60%)}.visit-details{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbb5d4;margin-top:70px;padding-top:35px;gap:20px}.visit-details p{font-size:.92rem;color:#755e7c;margin-top:8px}footer{padding:38px 6%;display:flex;align-items:center;gap:25px;flex-wrap:wrap;background:#1d1525;color:#c2abce}footer .brand{width:190px}footer>p{font-size:.8rem}footer nav{margin-left:auto;display:flex;gap:24px;font-size:.86rem}footer>span{width:100%;font-size:.72rem;border-top:1px solid #ffffff18;padding-top:24px;margin-top:8px}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}
@media(min-width:1800px){.hero{max-height:none}.mood-note{padding:28px}.mood-note h2{font-size:2rem}.mood-note p:last-child{font-size:1rem}}
@media(max-width:1150px){.nav{gap:20px;padding:14px 4%}.nav .brand{width:195px}.nav nav{gap:18px;font-size:.8rem}.nav>.button{font-size:.75rem;padding:9px 15px}.hero{min-height:730px;aspect-ratio:1.5}.hero-copy{top:16%}.hero h1{font-size:5.4rem}.product-scene{inset:43% 2% 10%}.mood-note{left:66%;top:32%;width:27%;padding:15px}.mood-note h2{font-size:1.45rem}.mood-note .note-icon{display:none}.hero-bottom{bottom:2%}.section{padding:85px 6%}.story{gap:6%}.pillar{padding-left:20px;padding-right:20px}.experience-main,.experience-details{padding:35px}}
@media(max-width:850px){.nav{height:85px}.nav>.button{display:none}.nav .brand{width:200px}.menu-toggle{display:flex;margin-left:auto;gap:15px;align-items:center;background:#281a3ddd;border:1px solid #cfa7ef77;border-radius:30px;padding:10px 16px;font-size:.83rem}.nav nav{display:none;position:absolute;top:75px;right:4%;left:4%;padding:20px;flex-direction:column;align-items:stretch;background:#2b1c39f5;border:1px solid #b18cc366;border-radius:20px;box-shadow:0 15px 40px #0005;font-size:1rem}.nav nav.open{display:flex}.hero{min-height:830px;aspect-ratio:auto}.hero-copy{top:14%}.hero h1{font-size:5.6rem}.hero-sub{font-size:.7rem}.product-scene{inset:45% 2% 14%}.mood-note{left:50%;top:33%;width:70%;transform:translateX(-50%);padding:12px 19px;display:flex;gap:15px;align-items:center}.mood-note .note-icon{display:block;font-size:2.3rem}.mood-note .eyebrow{margin:0 0 3px}.mood-note h2{font-size:1.3rem}.mood-note p:last-child{margin-top:5px;font-size:.83rem}.mood-tag{min-width:130px;font-size:.67rem;padding:6px 12px;gap:6px}.mood-tag span{font-size:1.45rem}.hero-bottom{bottom:3%;justify-content:center;flex-wrap:wrap;gap:12px 24px}.hero-bottom>p{width:100%;text-align:center;margin:0}.hero-bottom .button{min-height:46px}.pillars{margin-top:45px}.pillar h3{font-size:1.7rem}.pillar p{font-size:.92rem}.pillar-word{font-size:4rem;bottom:-12px}.pillar{min-height:270px}.story{grid-template-columns:1fr 1fr;gap:6%}.story-visual{aspect-ratio:1/1.7}.visual-caption{left:20px;bottom:25px}.visual-caption p{font-size:1.75rem}.story h2{font-size:2.8rem}.community-heading{display:block}.community-heading>p{max-width:520px;margin-top:25px}.experience-panel{grid-template-columns:1fr}.experience-details{border-left:0;border-top:1px solid #82668b88}.experience-details li{font-size:1.2rem}footer nav{margin-left:0;width:100%}}
@media(max-width:550px){body{font-size:16px}.nav .brand{width:180px}.hero{min-height:800px}.hero-copy{top:14%;padding:0 12px}.hero-copy .eyebrow{font-size:.57rem;letter-spacing:.18em}.hero h1{font-size:clamp(3.1rem,12vw,4.3rem);line-height:.98}.hero-sub{font-size:.58rem;letter-spacing:.1em;margin-top:16px}.hero-sub span{font-size:.96rem}.mood-note{top:35%;width:86%;padding:12px 16px}.mood-note h2{font-size:1.2rem}.mood-note .eyebrow{font-size:.56rem}.mood-note p:last-child{font-size:.77rem}.product-scene{inset:49% -6% 16%}.stand{width:32%;height:79%}.stand.bright{left:1%}.stand.balanced{right:1%}.stand.dreamy{width:36%;left:32%;height:106%}.stand .drink{width:76%;left:12%;bottom:16%;height:84%}.stand.dreamy .drink{width:75%;left:12.5%;bottom:18%;height:85%}.mood-tag{min-width:98px;font-size:.55rem;letter-spacing:.08em;padding:8px;gap:4px;transform:translate(-50%,85%);min-height:44px}.mood-tag span{font-size:1.2rem}.floral{opacity:.5;width:78%;left:11%;bottom:0}.room{object-position:48% center}.hero-bottom{bottom:2.6%}.hero-bottom>p{font-size:.72rem}.hero-bottom .button{font-size:.78rem;padding:8px 18px}.quiet-link{font-size:.78rem}.section{padding:65px 7%}h2{font-size:2.8rem}.intro-heading{text-align:left}.intro-heading .eyebrow{font-size:.67rem}.intro-heading>p:last-child{margin-top:23px}.pillars{grid-template-columns:1fr;margin-top:35px}.pillar{padding:24px 0 26px;min-height:170px}.pillar+.pillar{border-left:0;border-top:1px solid #dbcade}.pillar h3{margin:14px 0 10px;font-size:1.8rem}.pillar p{max-width:85%;font-size:1rem}.pillar-word{right:-3px;font-size:5rem;bottom:-8px}.story{grid-template-columns:1fr;gap:40px}.story-visual{aspect-ratio:1.05;border-radius:150px 150px 8px 8px}.story-copy .eyebrow{font-size:.65rem}.story-copy>p:not(.eyebrow){margin-top:20px}.community-heading .eyebrow{font-size:.65rem}.experience-tabs{gap:8px;margin-top:30px}.experience-tabs button{padding:10px 13px;font-size:.78rem}.experience-main,.experience-details{padding:27px}.experience-main h3{font-size:2.1rem}.experience-count{font-size:.62rem}.experience-main p{font-size:1rem}.closing h2{font-size:2.7rem}.closing .eyebrow{font-size:.65rem}.closing-copy{font-size:1rem}.visit-details{grid-template-columns:1fr;margin-top:45px;padding-top:25px;gap:25px}.visit-details .eyebrow{font-size:.7rem}footer{padding:32px 7%;gap:20px}footer .brand{width:185px}footer>p{width:100%}footer nav{gap:20px;flex-wrap:wrap}.hero-shade{background:linear-gradient(180deg,#140d2d80 0%,#130c2e55 40%,transparent 65%,#22152c55)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.room,.floral{transform:none}.js .reveal{opacity:1;transform:none}}
/* Keep small-screen controls and reading labels legible. */
.mood-note .eyebrow,.hero-copy .eyebrow,.experience-count,.number,.eyebrow{font-size:max(.75rem,12px)}
@media(max-width:850px){.mood-tag{font-size:.75rem;letter-spacing:.07em;min-width:130px}.mood-note .eyebrow{font-size:.75rem}}
@media(max-width:550px){.mood-tag{font-size:.75rem;min-width:102px;letter-spacing:0;padding:8px 6px}.hero-sub{font-size:.75rem;letter-spacing:.04em}.mood-note{top:36%}.mood-note .eyebrow{font-size:.75rem}.mood-note p:last-child{font-size:.875rem}.mood-note h2{font-size:1.2rem}.mood-note .note-icon{font-size:1.9rem}.hero-copy .eyebrow{font-size:.75rem;letter-spacing:.1em}.hero-sub span{font-size:1rem}}
/* Hero refinement: physical staging and smaller, local atmosphere. */
.hero{min-height:790px}
.product-scene{inset:47% 4% 9%}
.stand,.stand.bright,.stand.balanced{height:94%;bottom:0}
.stand.dreamy{height:101%;width:34%;left:33.3%}
.base{height:27%;filter:drop-shadow(0 9px 6px #210e2833);overflow:hidden;object-fit:unset}
.base img{position:absolute;max-width:none;pointer-events:none;object-fit:fill}
.bright .base img{width:315.472%;height:392.083%;left:0;top:-233.333%}
.dreamy .base{height:31%}
.dreamy .base img{width:270.55%;height:324.483%;left:-85.761%;top:-186.207%}
.balanced .base img{width:319.084%;height:392.083%;left:-219.084%;top:-233.333%}
.stand .drink{left:20%;width:60%;bottom:21.3%;height:77%;filter:drop-shadow(0 4px 3px #26133025)}
.stand.dreamy .drink{left:22%;width:56%;bottom:24.6%;height:78%}
.stand .drink img{object-fit:contain;object-position:center bottom}
.stand .contact{bottom:20.8%;width:42%;left:29%;height:3%;background:#2c19375c;filter:blur(4px)}
.stand.dreamy .contact{bottom:24.1%}
.mood-tag{bottom:5%;transform:translate(-50%,0);background:#342133db;min-height:44px}
.mood-tag[aria-pressed=true]{background:color-mix(in srgb,var(--color) 55%,#25152f);color:#fff}
.mood-note{left:61%;top:44%;width:15%;padding:14px 16px;border-radius:16px;background:#ead7ff14;border-color:#f2ddff66;backdrop-filter:blur(10px);box-shadow:inset 0 0 22px #ffffff06,0 7px 24px #21112b15}
.mood-note h2{font-size:1.35rem;line-height:1.12}
.mood-note .note-icon{font-size:1.7rem;color:#ead0ff}
.mood-note .eyebrow{font-size:.75rem;letter-spacing:.065em;margin:7px 0}
.mood-note p:last-child{font-size:.875rem;line-height:1.4;margin-top:9px}
.hero-bottom{bottom:1.8%;justify-content:space-between;gap:18px}
.hero-bottom>p{margin:0;font-size:.8rem;letter-spacing:.04em;width:auto}
.hero-bottom>div{font-size:.78rem;color:#f7e9fcbb}
.hero-bottom .quiet-link{font-size:.78rem;border-color:#e4c9ff45}
.hero-bottom>div>span{margin:0 10px}
.ambient{inset:42% 34% 12%;opacity:.08;filter:blur(12px);animation:none}
.local-glow{position:absolute;inset:46% 10% 2%;background:radial-gradient(ellipse at 50% 85%,var(--color),transparent 62%);opacity:.13;pointer-events:none;z-index:1;transition:opacity .7s}
.stand:has(.drink[aria-pressed=true]) .local-glow{opacity:.24}
.stand .drink:hover{transform:scale(1.014);filter:drop-shadow(0 0 8px var(--color)) brightness(1.035)}
.garnish{position:absolute;pointer-events:none;overflow:hidden;z-index:3;bottom:21%;width:35%;aspect-ratio:1;opacity:.54;transform:translate(calc(var(--mx) * .18),calc(var(--my) * .12));mask-image:radial-gradient(ellipse,#000 36%,transparent 71%)}
.garnish img{position:absolute;width:450%;max-width:none;height:auto}
.garnish-bright{left:4%;width:34%}.garnish-bright img{left:-38%;top:-136%}
.garnish-dreamy{left:3%;bottom:25%;width:36%;opacity:.68}.garnish-dreamy img{left:-45%;top:-37%;width:330%}
.garnish-balanced{right:2%;width:29%;opacity:.45}.garnish-balanced img{left:-365%;top:-65%;width:470%}
@media(max-width:1150px){.hero{min-height:790px}.product-scene{inset:49% 3% 9%}.mood-note{left:61%;top:44%;width:16%;padding:12px}.mood-note h2{font-size:1.2rem}.mood-note .eyebrow{font-size:.75rem}.mood-note p:last-child{font-size:.8rem}.mood-note .note-icon{display:block;font-size:1.6rem}.hero-bottom{bottom:2%}}
@media(max-width:850px){.hero{min-height:860px}.hero-copy{top:13%}.mood-note{top:35%;left:50%;width:72%;padding:12px 19px;display:flex;gap:14px;transform:translateX(-50%)}.mood-note .note-icon{font-size:2rem}.mood-note h2{font-size:1.25rem}.mood-note p:last-child{font-size:.875rem;margin-top:5px}.product-scene{inset:51% 2% 9%}.hero-bottom{justify-content:center;gap:4px;flex-direction:column;bottom:1.5%}.hero-bottom>p{width:auto}.hero-bottom>div{line-height:2}.mood-tag{min-width:126px;font-size:.75rem;letter-spacing:.04em}}
@media(max-width:550px){.hero{min-height:840px}.hero-copy{top:13%}.mood-note{top:35%;width:88%;padding:12px 16px}.mood-note .eyebrow{font-size:.75rem}.mood-note h2{font-size:1.2rem}.product-scene{inset:54% -3% 10%}.stand.bright,.stand.balanced{width:31%;height:84%}.stand.dreamy{width:36%;left:32%;height:101%}.stand .drink{left:10%;width:80%;height:76%;bottom:21.3%}.stand.dreamy .drink{left:13%;width:74%;height:76%;bottom:24.6%}.mood-tag{min-width:100px;min-height:44px;padding:6px;font-size:.75rem;bottom:0;transform:translate(-50%,18%);gap:4px}.mood-tag span{font-size:1.1rem}.garnish{width:38%}.garnish-dreamy{width:35%}.hero-bottom{bottom:1.4%;gap:2px}.hero-bottom .quiet-link{font-size:.8rem}.mood-note .note-icon{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.garnish{transform:none}}
/* Approved artwork is the visual source of truth. Controls stay native HTML. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero.reference-hero{aspect-ratio:auto;min-height:0;max-height:none;overflow:clip;background:#24192e}
.reference-scene{position:relative;aspect-ratio:1672/941;width:100%;isolation:isolate}
.reference-room,.reference-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.reference-art{clip-path:inset(9% 0 0 0)}
.approved-nav{height:clamp(65px,5.2vw,100px);padding:0 8.8%;gap:4%;background:transparent}
.approved-nav .brand{width:20.7%;max-width:310px}
.approved-nav .brand img{width:100%;height:auto}
.approved-nav nav{gap:clamp(15px,2vw,36px);font-size:clamp(.8rem,.94vw,1rem);margin:auto}
.approved-nav>.button{white-space:nowrap}
.reference-controls{position:absolute;inset:0;z-index:9}
.reference-choice,.card-choice{position:absolute;background:transparent;color:transparent;border:0;border-radius:18px;padding:0;transition:box-shadow .6s,background .6s}
.reference-choice:before{content:'';position:absolute;left:3%;right:3%;bottom:0;height:18%;border-radius:50%;background:radial-gradient(ellipse,var(--mood-tint),transparent 72%);opacity:0;transition:opacity .65s;pointer-events:none}
.reference-choice:hover:before,.reference-choice[aria-pressed=true]:before{opacity:.28}
.reference-choice:focus-visible{outline:3px solid #fff1bf;outline-offset:0}
.choice-bright{left:8%;top:43%;width:24%;height:45%;--mood-tint:#ff83a2}
.choice-dreamy{left:34%;top:36%;width:33%;height:57%;--mood-tint:#d797ff}
.choice-balanced{left:69%;top:44%;width:29%;height:46%;--mood-tint:#d3f17d}
.card-choice{z-index:2}
.card-bright{left:4%;top:49%;width:10%;height:23%}
.card-dreamy{left:58.5%;top:42%;width:12%;height:29%}
.card-balanced{left:85%;top:50%;width:11%;height:25%}
.card-choice:hover{box-shadow:0 0 23px #f6d5ff45;background:#ffffff05}
.reference-detail{position:relative;display:flex;align-items:center;gap:20px;padding:20px 8.8%;min-height:116px;background:#281b33;border-top:1px solid #dcb6ef33}
.reference-detail .note-icon{color:#dcc1f2;font-size:2.4rem}
.reference-detail h2{font-size:1.55rem;color:#fff3df;letter-spacing:0;margin:3px 0}
.reference-detail .eyebrow{font-size:.75rem;color:#d4afeb;letter-spacing:.12em}
.reference-detail p:last-child{font-size:.94rem;color:#ded0e5;margin-top:3px}
.reference-detail>a{margin-left:auto;white-space:nowrap;font-size:.875rem}
.mobile-mood-tabs{display:none}
@media(max-width:1150px){.approved-nav{padding:0 5%;gap:2%;height:65px}.approved-nav .brand{width:205px}.approved-nav nav{gap:17px;font-size:.8rem}.approved-nav>.button{font-size:.75rem}.reference-art{clip-path:inset(10% 0 0 0)}}
@media(max-width:850px){.approved-nav{height:75px;padding:9px 5%;background:#24192eea}.approved-nav .brand{width:215px}.approved-nav nav{display:none;top:70px;gap:12px;font-size:1rem;background:#2b1c39f5}.approved-nav nav.open{display:flex}.reference-scene{margin-top:75px}.reference-art{clip-path:inset(9% 0 0 0);margin-top:-5.065%;height:auto}.reference-room{object-fit:cover}.reference-controls{transform:translateY(-9%)}.reference-scene{aspect-ratio:1672/857}.reference-detail{padding:20px 5%;gap:15px}.reference-detail>a{font-size:.8rem}.mobile-mood-tabs{display:flex;justify-content:center;gap:10px;padding:18px 4% 8px;background:#281b33}.mobile-mood-tabs button{min-height:46px;padding:9px 18px;border:1px solid #dcb6ef55;border-radius:40px;background:transparent;color:#e8d6ee;font-size:.94rem}.mobile-mood-tabs button[aria-pressed=true]{background:#c9a4e3;color:#261531;box-shadow:0 0 18px #c9a4e33a}.reference-detail{border-top:0}}
@media(max-width:550px){.approved-nav .brand{width:200px}.reference-detail{flex-wrap:wrap;align-items:flex-start;padding:18px 6% 24px}.reference-detail>div{flex:1}.reference-detail>a{margin-left:53px}.reference-detail .note-icon{font-size:2rem}.reference-detail h2{font-size:1.45rem}.reference-detail p:last-child{font-size:1rem}.mobile-mood-tabs{gap:8px}.mobile-mood-tabs button{padding:9px 13px;font-size:.875rem}.reference-scene{min-height:0}.reference-hero .sparkles{display:none}}
/* Feather only the join above the title; avoid a hard image-layer edge. */
.reference-art{clip-path:none;-webkit-mask-image:linear-gradient(to bottom,transparent 8.5%,#000 10%);mask-image:linear-gradient(to bottom,transparent 8.5%,#000 10%)}
.reference-room{filter:brightness(.83)}
@media(max-width:1150px){.reference-art{clip-path:none}}
@media(max-width:850px){.reference-art{clip-path:none}.reference-room{filter:none}}