/* A readable editorial presentation. Every product image stays inside its own stage. */
:root{--paper:#eeece5;--ink:#343332;--muted:#5f5e5b;--lavender:#c2c4d4;--line:rgba(52,51,50,.23)}
body{background:var(--paper,#eeece5);color:var(--ink,#343332)}
.header{padding-inline:7%;height:86px}.logo{letter-spacing:.22em}.nav-buy{font-size:13px}
.hero{padding:34px 7% 78px;column-gap:7%;row-gap:30px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}
.hero-meta{font-size:12px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.hero-copy .eyebrow{font-size:12px;letter-spacing:.06em;color:#5b5a57}.hero-copy h1{font-size:clamp(60px,6vw,88px);line-height:1.45;margin-bottom:28px}.hero-desc{font-size:16px;line-height:2;max-width:28em}.hero-spec{font-size:14px;margin-top:22px}
.hero-product{height:660px;position:relative;isolation:isolate;background:#e0e0e7;border:1px solid rgba(90,92,112,.12);overflow:hidden;padding:45px 0 40px;display:flex;align-items:center;justify-content:center}
.hero-product:before{content:'LÈTT / EARL GREY';position:absolute;left:25px;top:22px;font:11px/1.5 var(--sans);letter-spacing:.16em;z-index:2;color:#4c4e60}
.hero-product:after{content:'HAND CREAM';position:absolute;right:25px;bottom:20px;font:10px/1.5 var(--sans);letter-spacing:.12em;z-index:2;color:#4c4e60}
.hero-product img{width:150%;height:100%;max-height:none;max-width:none;flex-shrink:0;object-fit:contain;animation:none}

.hero-primary,.cta{min-height:58px;font-size:15px;letter-spacing:.04em;background:#343332}.hero-primary:hover,.cta:hover{background:#555b73}.hero-actions{gap:22px}.hero-actions .round-link{font-size:13px}.hero-actions .round{width:40px;height:40px}
.js .reveal,.js .reveal.in{opacity:1;transform:none;transition:none}
.section{padding-top:65px;padding-bottom:90px}.section-label{font-size:12px;line-height:1.8;padding-bottom:22px}.scent{padding-top:55px;padding-bottom:55px}.scent-heading{margin-top:45px}.scent h2{font-size:clamp(56px,7vw,92px);letter-spacing:-.02em}.scent-heading>p{font-size:24px}.scent-pin .note-description p{font-size:16px;line-height:1.9}.scent-pin .note-description h3{font-size:20px}.scent-pin .note-description{min-height:145px}.note-tabs button{font-size:13px;min-height:48px}.scent-art{opacity:.85}.orbit{border-color:rgba(61,60,71,.35)}
.formula-grid{margin-top:55px;gap:8%}.formula-left h2{font-size:clamp(34px,3.8vw,52px);line-height:1.65}.formula-left>p,.ingredient-list p{font-size:16px;line-height:2}.ingredient-list h3{font-size:20px;line-height:1.7}.ingredient-list small{font-size:12px;line-height:1.9}.ingredient-list article{padding-block:28px}.formula-seal{width:120px;height:120px;margin-top:34px}.formula-seal span{font-size:48px}.formula-seal small{font-size:10px}.ingredient-icon{display:none}
.interlude{min-height:560px;grid-template-columns:1.15fr 1fr;background:#e2e0d8}.interlude-photo{height:560px}.interlude-photo img{object-position:50% 50%}.interlude-copy{padding:55px 12%}.interlude-copy p{font-size:38px;line-height:1.8}.interlude-copy .gift-caption{font:16px/2 var(--sans);letter-spacing:.02em}.interlude-copy .eyebrow{font-size:12px;line-height:1.9}
.reviews{background:var(--paper);padding-bottom:85px}.reviews-intro{margin:40px 0}.reviews-intro h2{font-size:36px}.reviews-intro>p{font-size:12px}.review{padding-top:26px}.review blockquote{font-size:23px;line-height:1.8;margin-bottom:22px}.review-context{font-size:15px;line-height:2}.review-topic,.review-context span{font-size:11px;color:#66645f}.review figcaption{font-size:13px}.review-footer p{font-size:12px}
.product{background:#e5e5e9}.product-image{background:#dedee5}.product-info h2{font-size:36px}.product-name,.product-name span{font-size:16px;line-height:1.9}.price{font-size:34px}.price span{font-size:13px}.shipping-note{font-size:14px}.purchase-controls{margin-top:30px;font-size:15px}.purchase-note,.purchase-help{font-size:12px;line-height:2}.gallery-controls button{font-size:11px}.text-link{font-size:13px}.faq{padding-top:65px}.faq summary{font-size:16px;line-height:1.9;padding-block:23px}.faq details p{font-size:16px;line-height:2}.faq h2{font-size:34px}.footer-line{font-size:48px;line-height:1.8}.footer-bottom a:not(.logo),.footer-bottom span{font-size:11px}
@media(min-width:761px) and (max-width:1100px){.hero{gap:25px 5%;padding-inline:6%}.hero-copy h1{font-size:60px}.hero-product{height:570px}.hero-desc{font-size:16px}.formula-grid{gap:6%}.ingredient-list h3{font-size:18px}.interlude-copy{padding:40px 9%}.interlude-copy p{font-size:30px}.review blockquote{font-size:20px}}
@media(max-width:760px){
.header{height:68px;padding-inline:6%}.nav-buy{font-size:12px}.hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;row-gap:25px;padding:24px 6% 42px}.hero-meta{grid-row:1;font-size:11px;padding-bottom:17px}.hero-copy{grid-row:2}.hero-copy .eyebrow{font-size:12px;margin-bottom:20px}.hero-copy h1{font-size:52px;line-height:1.45;margin-bottom:22px}.hero-desc{font-size:16px;line-height:1.95;max-width:none}.hero-desc>span{display:inline-block}.hero-spec{font-size:14px;margin-top:17px}.hero-actions{grid-row:3;gap:17px}.hero-primary{font-size:15px;min-height:56px;padding:18px 21px}.hero-actions .round-link{font-size:13px}.hero-product{grid-column:1;grid-row:4;width:100%;height:530px;padding:32px 0 32px;position:relative;overflow:hidden}.hero-product img{width:150%;height:100%;max-height:none;max-width:none;object-fit:contain;flex-shrink:0}.hero-product:before{font-size:10px;left:19px;top:18px}.hero-product:after{font-size:9px;right:18px;bottom:17px}
.section{padding:44px 6% 60px}.section-label{font-size:11px;line-height:1.8;gap:15px;padding-bottom:19px}.scent{padding:42px 6% 38px}.scent-heading{margin-top:30px}.scent h2{font-size:54px;margin-block:15px 20px}.scent-heading>p{font-size:21px;line-height:1.9}.scent-pin .scent-art{width:200px;height:200px}.scent-pin .note-description h3{font-size:19px}.scent-pin .note-description p{font-size:16px;line-height:1.85}.scent-pin .note-description{min-height:137px}.scent-pin .note-tabs button{font-size:12px}.scent-pin{gap:10px}.formula-grid{margin-top:35px;gap:28px}.formula-left h2{font-size:32px;line-height:1.7;margin-top:18px}.formula-left>p,.ingredient-list p{font-size:16px;line-height:1.95}.ingredient-list h3{font-size:19px;line-height:1.65}.ingredient-list article{padding-block:24px;gap:14px}.ingredient-list small{font-size:12px}.formula-seal{display:none}.interlude{display:grid;grid-template-columns:1fr;min-height:0}.interlude-photo{height:350px}.interlude-copy{padding:38px 6% 45px}.interlude-copy p{font-size:31px;line-height:1.8;margin:22px 0}.interlude-copy .gift-caption{font-size:16px;line-height:1.95}.reviews-intro{margin:32px 0}.reviews-intro h2{font-size:30px}.review-grid{gap:27px}.review blockquote{font-size:22px;margin-bottom:17px}.review-context{font-size:16px;line-height:1.95}.review figcaption{font-size:13px}.review-footer p{font-size:12px}.product-grid{margin-top:28px}.product-info h2{font-size:32px;line-height:1.65}.product-name,.product-name span{font-size:16px}.purchase-note,.purchase-help{font-size:12px}.purchase-controls{font-size:15px}.text-link{font-size:13px}.shipping-note{font-size:14px}.faq-grid{margin-top:32px}.faq h2{font-size:30px}.faq summary{font-size:16px}.faq details p{font-size:16px;line-height:1.95}.footer-line{font-size:32px}.footer-bottom a:not(.logo),.footer-bottom span{font-size:10px}.sticky-buy>a{font-size:12px}.sticky-buy.story-hidden>a{min-height:48px}
}
@media(max-width:359px){.hero-copy h1{font-size:46px}.hero-product{height:480px}.hero-desc{font-size:16px}.hero-primary{font-size:14px}.sticky-buy>div{display:none}.sticky-buy{justify-content:center;padding:0;width:calc(100% - 24px)}.sticky-buy>a{width:100%;justify-content:space-between}.scent h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.hero-product img,.hero-product.is-inview img{animation:none}}

/* Contained product storytelling: motion never moves copy or purchase controls. */
.hero-product{background:radial-gradient(ellipse at 50% 43%,#f1f0f3 0%,#e0e0e7 62%,#d7d8e2 100%)}
.hero-product img{transform:translateY(var(--showcase-y,0px)) scale(var(--showcase-scale,1));transform-origin:center;animation:none}
.interlude-photo{overflow:hidden;isolation:isolate}.interlude-photo img{transform:scale(calc(1.16 - (var(--showcase-scale,1) - .92))) translateY(var(--showcase-y,0px));transform-origin:center}
.scent-art{transform:none!important}.scent-center{font:20px/1.6 var(--serif);letter-spacing:.04em;transform:none!important;white-space:nowrap}.orbit{transition:opacity .35s ease,border-color .35s ease,transform .6s ease;opacity:.3}.orbit-label{opacity:.45;transition:opacity .25s ease;color:var(--ink)}.orbit-label.active{opacity:1;font-weight:600}.scent-art[data-note="0"] .orbit-one,.scent-art[data-note="1"] .orbit-two,.scent-art[data-note="2"] .orbit-three{opacity:1;border-color:#656a87}
.product-image{overflow:hidden;isolation:isolate}.product-image .gallery-layer{transform:translate(-50%,-50%);animation:none}.product-image .gallery-layer.active{animation:gallery-focus .45s ease-out both}.product-image>span{font:12px/1.7 var(--sans);letter-spacing:.04em;background:rgba(229,229,233,.92);padding:6px 12px;max-width:90%;text-align:center}
@keyframes gallery-focus{from{transform:translate(-50%,-50%) scale(.96)}to{transform:translate(-50%,-50%) scale(1)}}
@media(max-width:760px){.scent-center{font-size:18px}.hero-product{height:550px}.product-image>span{font-size:11px}}
@media(max-width:359px){.hero-product{height:480px}}
@media(prefers-reduced-motion:reduce){.hero-product img,.interlude-photo img{transform:none!important}.product-image .gallery-layer.active{animation:none}.orbit,.orbit-label{transition:none}}



.review-excerpt{font:12px/1.8 var(--sans);color:var(--muted);margin:0 0 18px}.review figcaption time{display:block;font-size:12px;line-height:1.9;margin-top:4px}.hero-meta{justify-content:flex-start}

.reviews-intro{margin-top:0}.footer-bottom{flex-wrap:wrap;gap:20px}

/* A borderless close-up, contained independently from the reading and purchase zones. */
.hero-product{background:transparent;border:0;box-shadow:none;contain:paint;overflow:hidden;transform:none;mix-blend-mode:normal;padding:36px 0;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 91%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 91%,transparent)}
.hero-product:before,.hero-product:after{content:none;display:none}
.hero-product img{transform:scale(var(--hero-zoom,1));transform-origin:50% 55%;will-change:transform}
.section-label{justify-content:flex-start}.ingredient-list article{gap:0}
@media(max-width:760px){.hero-product{width:calc(100% + 12vw);margin-inline:-6vw;height:560px;padding:36px 0}.hero-product img{width:150%;height:100%}}
@media(max-width:359px){.hero-product{height:490px}}
@media(prefers-reduced-motion:reduce){.hero-product{mask-image:none;-webkit-mask-image:none}.hero-product img{transform:none!important;will-change:auto}}

/* Let the entire pair fit within the usable screen before beginning the close-up. */
.hero-product{height:min(660px,calc(var(--hero-view,100svh) * .62));padding:32px 0;mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent)}
@media(prefers-reduced-motion:reduce){.hero-product{mask-image:none;-webkit-mask-image:none}}

/* Repeated quantity taps are actions, not a smart-zoom gesture. Pinch zoom stays available. */
.quantity-stepper,.quantity-stepper *{touch-action:manipulation}

/* Hero starts with the main copy; no empty metadata row remains. */
.hero{grid-template-rows:auto auto}.hero-copy{grid-row:1}.hero-actions{grid-row:2}.hero-product{grid-row:1/3}
@media(max-width:760px){.hero{grid-template-rows:auto auto auto}.hero-copy{grid-row:1}.hero-actions{grid-row:2}.hero-product{grid-row:3}}