/* Scent Stacks Brand Standard v1.0. Website scale, October 2026. */
:root{--paper:#f5f2e9;--ink:#3d4338;--moss:#555f4c;--rule:#d3d1c4;--muted:#696d61;--wash:#f5f2e9;font-synthesis:none}
body{background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-weight:400;line-height:1.7}
h1,h2,h3,.wordmark{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:0;color:var(--ink)}
button,input,select,textarea{font-family:Inter,Arial,sans-serif}
h1,.page-title h1,.story-offer-hero h1{font-size:44px;line-height:1.12;letter-spacing:0}
h2,.section-heading h2{font-size:36px;line-height:1.18;letter-spacing:0}
p,.dek{color:inherit}.small,.dek,.note-line,.product-story,.selection-method,.disclosure,.brand,.eyebrow{color:var(--muted)}
.announcement{background:var(--paper);color:var(--muted);font:12px/1.5 Inter,Arial,sans-serif;letter-spacing:.1em;padding:9px 20px}
header{border-color:var(--rule);min-height:88px;padding:20px 4%;gap:24px}
header .wordmark{font-size:44px;letter-spacing:.4px;line-height:1;white-space:nowrap}
header>nav{gap:22px;margin:0;align-items:center}header>nav a{font-size:12px;color:var(--ink)}
.button,.header-actions .button{background:var(--moss);color:var(--paper);border:1px solid var(--moss);font-weight:400;letter-spacing:.02em;min-height:46px;padding:13px 21px}
.button:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.button.secondary{color:var(--moss);background:var(--paper)}.button.secondary:hover{background:var(--rule);color:var(--ink)}
:is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--moss);outline-offset:4px}
.text-link,.text-button{color:var(--moss)}
.home-top{grid-template-columns:1fr 1fr;gap:7%;margin:0;padding:32px 0 0;align-items:center}
.hero-image{height:650px;min-height:0;max-height:none;background:var(--paper);aspect-ratio:auto}
.hero-image>img{object-position:50% 45%;filter:none}.hero-image:after{display:none}.hero-image figcaption{display:none}
.hero-copy{padding:20px 0;align-self:center}.hero-copy h1{font-size:44px;line-height:1.13;letter-spacing:0;max-width:450px}.hero-copy h1 em{color:var(--moss)}
.hero-copy .dek{font-size:17px;line-height:1.8;max-width:440px;color:var(--ink);margin-bottom:24px}
.home-story-invitation{padding:0}.home-story-invitation .builder-intro{font:italic 24px/1.4 'Cormorant Garamond',Georgia,serif;color:var(--moss);margin-bottom:14px}
.home-story-invitation>p:not(.small):not(.builder-intro){font-size:14px;max-width:440px;line-height:1.8;color:var(--muted)}
.home-story-invitation .actions{gap:24px;margin:26px 0 19px}.home-story-invitation .small{font-size:11px;margin-bottom:8px}
.trust-strip{color:var(--muted);border-color:var(--rule);font-size:11px;padding:24px 0}
.brand-photograph{margin:0;overflow:hidden;position:relative;background:var(--paper);height:420px}
.brand-photograph img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 34%}
.brand-photograph.compact{height:330px;margin-bottom:24px}.edit-card{background:transparent;border:0;border-bottom:1px solid var(--rule);padding:0 0 25px}.edit-card:hover{background:transparent;box-shadow:none}
.edit-card h2{font-size:32px}.edit-card p{color:var(--muted)}.edit-card .eyebrow{margin-bottom:10px}
.shopping-hero{grid-template-columns:1fr 1fr;align-items:center;gap:7%;margin:36px 0 44px}.shopping-hero .page-title h1{font-size:42px;line-height:1.15}.shopping-hero .dek{font-size:16px;color:var(--muted)}
.category-brand-hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin:38px 0 42px}.category-brand-hero .page-title{padding:0}
.mood-grid{gap:28px}.mood-card{display:block;min-height:0;padding:0 0 24px;background:var(--paper);border:0;border-bottom:1px solid var(--rule)}
.mood-card:hover{outline:0;border-bottom-color:var(--moss)}.mood-photo{width:100%;height:260px;object-fit:cover;object-position:center 34%;display:block;margin:0 0 22px}.mood-card .eyebrow{font-size:10px}.mood-card h3{font-size:30px;margin:13px 0;color:var(--ink)}.mood-card>span:last-child{color:var(--muted);font-size:12px}
.profile-intro,.fact-sheet,.studio-controls,.empty-state,.why,.story-chapters-overview article,.quiz-paper-note{background:var(--paper);border:1px solid var(--rule);box-shadow:none;transform:none}
.profile-intro h2,.fact-sheet h2{color:var(--ink)}
.editorial-band{background:var(--paper);border-color:var(--rule);padding:48px 0;gap:24px 7%}.editorial-band h2{color:var(--ink);font-size:40px}.editorial-band p{font-family:Inter,Arial,sans-serif;font-size:16px;color:var(--ink);line-height:1.8}.editorial-band>.eyebrow,.editorial-band .text-link{color:var(--moss)}
.holiday-feature{grid-template-columns:1fr 1fr;background:var(--moss);padding:0;gap:0;color:var(--paper);overflow:hidden;align-items:stretch}
.holiday-feature>div:first-child{padding:52px 44px;align-self:center}.holiday-feature h2{font-size:39px;color:var(--paper)}.holiday-feature p,.holiday-feature .eyebrow{color:var(--paper)}.holiday-feature .button{background:var(--paper);border-color:var(--paper);color:var(--moss)}
.holiday-photo{margin:0;min-height:470px}.holiday-photo img{display:block;width:100%;height:100%;max-height:560px;object-fit:cover;object-position:center 38%}
.quiz-bridge{background:var(--paper);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:34px 0}.quiz-bridge h2{font-size:32px}.quiz-bridge p{color:var(--muted)}
.proof-products{background:var(--paper);gap:25px}.proof-products article{border-color:var(--rule)}.proof-heading h2{font-size:40px}.proof-photo{background:var(--paper)}
.product-photo,.product-placeholder{background:var(--paper);border:1px solid var(--rule)}.product-placeholder{background:var(--paper)}.product-photo img{mix-blend-mode:normal;background:var(--paper)}
.product-card{box-shadow:none;border-color:var(--rule)}.product-card h3,.shopping-item .product-card h3{font-size:26px;letter-spacing:0;line-height:1.15}
.product-card .brand,.product-card .eyebrow,.product-card .note-line,.product-story{color:var(--muted)}
.product-head .eyebrow{max-width:calc(100% - 58px)}.product-head .icon-button{font:11px/1.4 Inter,Arial,sans-serif;min-width:50px;width:auto;min-height:44px;text-decoration:underline;text-underline-offset:4px}.product-head .icon-button[aria-pressed=true]{color:var(--moss)}
.product-bottom .shop{border-color:var(--moss);color:var(--moss)}.product-bottom .shop:hover{background:var(--moss);color:var(--paper)}
.format-filter,.rakuten-note,.guide-card,.directory-item,.category-faq details,.pill{border-color:var(--rule)}.pill,.rakuten-note{color:var(--muted)}
input,select,textarea,.quiz-main input:not([type]),.quiz-main textarea{background:var(--paper);border-color:var(--rule);color:var(--ink);font-family:Inter,Arial,sans-serif}
.story-offer-hero{gap:7%;padding:40px 0 55px}.story-offer-photo{height:620px}.story-offer-hero .story-offer-copy{font-size:16px;line-height:1.8}.story-offer-hero .small{font-size:11px}
.quiz-scene{display:block;width:100%;height:230px;object-fit:cover;object-position:50% 34%;margin-bottom:28px}.quiz-mode header{min-height:88px}.quiz-mode .quiz-layout{gap:7%}.quiz-atmosphere h1{font-size:36px}.quiz-main h2{font-size:38px}.quiz-choice{background:var(--paper);border-color:var(--rule)}.quiz-choice:has(input:checked){background:var(--paper);border-color:var(--moss);box-shadow:inset 3px 0 var(--moss)}
.quiz-choice input{accent-color:var(--moss)}.quiz-choice b{font-weight:400}.quiz-choice small{color:var(--muted)}
footer{background:var(--paper);border-top:1px solid var(--rule);color:var(--ink)}.footer-top .wordmark{font-size:42px;letter-spacing:.4px}.footer-top p{font-family:'Cormorant Garamond',Georgia,serif;color:var(--moss)}.footer-links a,.footer-links button{color:var(--muted)}
.ss-edition{--ss-ink:var(--ink);--ss-moss:var(--moss);--ss-rule:var(--rule)}.ss-letter>p:not(.ss-kicker):not(.ss-signature){font-family:Inter,Arial,sans-serif;font-size:17px;line-height:1.9}.ss-chapter-intro>p:last-child{font-family:Inter,Arial,sans-serif!important;font-size:16px!important;line-height:1.85!important}
.ss-thread,.ss-ending,.ss-sample{background:var(--paper);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
@media(min-width:801px) and (max-width:1150px){header>nav{gap:14px}header .wordmark{font-size:38px}.home-top{gap:5%}.hero-image{height:610px}.hero-copy h1{font-size:40px}.hero-copy .dek{font-size:16px}.brand-photograph.compact{height:270px}}
@media(max-width:800px){
 header,.quiz-mode header{height:68px;min-height:68px;padding:13px 20px}header .wordmark{font-size:31px;letter-spacing:0}header>nav,.header-actions{display:none}.announcement{display:none}
 .mobile-menu>summary:after,.mobile-menu[open]>summary:after{content:none}.mobile-menu>summary{font-size:12px;border-bottom:1px solid var(--rule);padding:8px 0;min-width:42px}.mobile-menu nav{top:68px;background:var(--paper);border-bottom:1px solid var(--rule)}.mobile-menu nav a{border-color:var(--rule)}.mobile-menu nav .button{color:var(--paper);padding:13px}
 h1,.page-title h1,.story-offer-hero h1{font-size:36px;line-height:1.16}.page-title{padding:30px 0}.page-title .dek{font-size:15px;line-height:1.8}
 .home-top{display:flex;padding:0;gap:0}.hero-image{width:calc(100% + 40px);height:auto;max-height:none;min-height:0;margin:0 -20px;display:flex;flex-direction:column;aspect-ratio:auto;overflow:visible}
 .hero-image>img{position:static;display:block;width:100%;height:clamp(290px,74vw,405px);object-fit:cover;object-position:50% 30%}
 .hero-image figcaption{position:static;display:flex;align-items:center;text-align:center;gap:12px;background:var(--paper);color:var(--ink);padding:23px 22px 25px;text-shadow:none}
 .hero-image figcaption>span:first-child{display:none}.hero-image figcaption>span:last-of-type{font:400 31px/1.16 'Cormorant Garamond',Georgia,serif;max-width:330px}
 .hero-mobile-cta{display:inline-flex;background:var(--moss);color:var(--paper);padding:13px 26px;min-height:46px;margin:0;font-size:13px}
 .hero-copy{padding:28px 0 18px;border-top:1px solid var(--rule)}.hero-copy h1{font-size:36px;max-width:100%;letter-spacing:0}.hero-copy .dek{font-size:15px;line-height:1.8;margin-bottom:20px}.home-story-invitation>p:not(.small):not(.builder-intro){font-size:13px}.home-story-invitation .actions{margin:20px 0}.hero-copy .eyebrow{font-size:10px}
 .trust-strip{font-size:10px;gap:16px;align-items:flex-start;padding:20px 0}.trust-strip span{flex:1}
 .shopping-hero,.category-brand-hero{grid-template-columns:1fr;gap:22px;margin:28px 0 30px}.shopping-hero .page-title h1{font-size:36px}.shopping-hero .brand-photograph,.category-brand-hero .brand-photograph{height:310px}.brand-photograph.compact{height:260px}
 .mood-grid{gap:24px 18px}.mood-photo{height:220px;margin-bottom:18px}.mood-card{padding:0 0 20px}.mood-card h3{font-size:28px}.mood-card .eyebrow{font-size:9px}
 .editorial-band{padding:32px 0}.editorial-band h2,.proof-heading h2{font-size:34px}.editorial-band p{font-size:15px}
 .holiday-feature{grid-template-columns:1fr;margin:40px 0}.holiday-feature>div:first-child{padding:32px 26px}.holiday-feature h2{font-size:34px}.holiday-photo{min-height:0;height:330px}.holiday-photo img{max-height:none;object-position:center 33%}
 .product-card h3,.shopping-item .product-card h3{font-size:22px;line-height:1.18}.product-card .brand{font-size:10px}.product-head .eyebrow{font-size:9px}.product-head .icon-button{font-size:10px;min-width:42px}.product-story{font-size:12px}.product-card .note-line{font-size:11px}.product-bottom .shop{font-size:12px}
 .proof-products{gap:18px}.quiz-bridge{padding:28px 0}.quiz-bridge h2{font-size:31px}.story-offer-hero{gap:28px;padding-top:30px}.story-offer-photo{height:380px;order:-1}.story-offer-hero .actions{margin:22px 0}
 .quiz-scene{display:none}.quiz-atmosphere h1{font-size:31px}.quiz-main h2{font-size:34px}.quiz-mode .quiz-layout{padding-top:26px}.quiz-paper-note{background:var(--paper)}.footer-top .wordmark{font-size:36px}
}
@media(max-width:480px){.mood-photo{height:180px}.mood-card h3{font-size:25px}.mood-card>span:last-child{font-size:11px}.product-grid{gap:24px 14px}.edit-grid{grid-template-columns:1fr}.brand-photograph.compact{height:330px}}

/* Each featured scent has its own square editorial photograph. */
.mood-photo-original{object-position:center center}

/* A clearer invitation: one action, an adjacent price, and quiet supporting detail. */
.story-purchase-row{display:flex;align-items:center;gap:24px;margin:32px 0 0;flex-wrap:wrap}
.story-price{display:block;font:400 18px/1.3 Inter,Arial,sans-serif;white-space:nowrap;color:var(--ink)}
.story-price small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:4px}
.story-support-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:20px;font-size:11px;color:var(--muted)}
.story-support-row .text-link{font-size:12px;line-height:1.7}
.home-story-invitation .story-availability{margin-top:24px;max-width:350px;line-height:1.7}
.home-story-invitation .builder-intro{margin-top:28px;margin-bottom:16px}
.home-story-invitation>p:not(.small):not(.builder-intro){margin:0;line-height:1.85}
.hero-copy .eyebrow{margin-bottom:18px}.hero-copy h1{margin-bottom:24px}
.story-offer-hero .story-preview-note{margin-top:24px}
@media(max-width:800px){
 .hero-image figcaption{gap:20px;padding:28px 20px 30px}
 .hero-image figcaption .story-purchase-row{justify-content:center;margin:0;gap:20px;text-align:left}
 .hero-mobile-cta{padding:13px 20px}
 .hero-copy{padding:36px 0 28px}.hero-copy .dek{margin-bottom:26px}
 .story-purchase-row{gap:20px;margin-top:28px;flex-wrap:nowrap}
 .story-price{font-size:16px}.story-price small{font-size:10px}
 .story-support-row{gap:12px 20px;margin-top:20px}
 .home-story-invitation .story-availability{margin-top:24px}
}

.footer-social{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin:30px 0;color:var(--muted);font-size:12px}.footer-social a{text-decoration:underline;text-underline-offset:5px;color:var(--moss)}

.home-story-invitation{border:0;padding-top:0}.offer-heading{font:400 22px/1.35 'Cormorant Garamond',Georgia,serif!important;color:var(--ink)!important;margin:26px 0 18px!important}.story-benefits{list-style:none;padding:0;margin:0;display:grid;gap:16px;max-width:440px}.story-benefits li{padding-left:16px;border-left:1px solid var(--rule);margin:0;font-size:13px;line-height:1.55}.story-benefits strong{display:block;font-weight:500;color:var(--ink)}.story-benefits span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.hero-copy{padding:8px 0}.hero-copy .dek{margin-bottom:0}.hero-copy h1{margin-bottom:20px}.home-story-invitation .story-purchase-row{margin-top:26px}.home-story-invitation .story-availability{margin-top:16px;margin-bottom:0}.story-offer-hero{align-items:center}.story-offer-hero .story-offer-photo{height:720px}.story-offer-hero .story-offer-copy{max-width:470px}@media(max-width:800px){.hero-copy{padding:30px 0}.story-benefits{gap:18px}.offer-heading{margin-top:28px!important}.story-offer-hero .story-offer-photo{height:360px}.home-story-invitation .story-purchase-row{margin-top:28px}}
.story-purchase-row>.story-price{margin:0;font:400 18px/1.3 Inter,Arial,sans-serif;letter-spacing:0}
.story-purchase-row>.story-price small{font:400 10px/1.6 Inter,Arial,sans-serif;margin-top:4px}
.hero-image figcaption .story-purchase-row>.story-price{margin:0;font:400 16px/1.3 Inter,Arial,sans-serif;text-align:left}
.hero-image figcaption .story-purchase-row>.story-price small{font:400 10px/1.6 Inter,Arial,sans-serif}
@media(max-width:800px){.story-purchase-row>.story-price{font-size:16px}}

/* Expert review: clearer browsing and a useful preview destination. */
.header-actions{align-items:center;gap:20px}.collection-link{font-size:11px;white-space:nowrap}
.format-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.format-filter .filter-status{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap;gap:20px;min-height:32px}.format-filter label.filter-toggle{display:flex;align-items:center;gap:8px;margin:0 auto 0 0;text-transform:none;letter-spacing:0;font-size:12px;min-height:44px}.filter-toggle input{width:17px;height:17px;margin:0;accent-color:var(--moss)}
.quiz-availability{border-left:2px solid var(--moss);padding:8px 0 8px 14px;font-size:13px}.quiz-paper-note strong small{font:12px Inter,Arial,sans-serif}.sample-navigation{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid var(--rule)}.sample-navigation p{flex:1;min-width:240px;margin:0}.sample-navigation a{font-size:12px}.sample-next{text-align:center;padding:55px 20px;margin:30px auto;max-width:650px;border-top:1px solid var(--rule)}.sample-next h2{font-size:36px}.preview-next{margin-top:28px;padding-top:24px;border-top:1px solid var(--rule)}.preview-next h4{font:28px 'Cormorant Garamond',Georgia,serif;margin:0 0 12px}.preview-next>.text-link{display:block;margin-top:18px;font-size:12px}.edition-coming-soon{font-size:14px;color:var(--muted)}
@media(min-width:801px) and (max-width:1150px){.header-actions .collection-link{display:none}}
@media(max-width:800px){.format-filter{grid-template-columns:1fr 1fr;gap:14px}.format-filter>div:nth-child(3){grid-column:1/-1}.format-filter .filter-status{gap:12px}.sample-navigation{gap:16px}.sample-navigation p{flex-basis:100%}.quiz-atmosphere .quiz-paper-note{display:none}.quiz-atmosphere>p.small{margin-bottom:0}.quiz-availability{margin-bottom:16px}.preview-next .button{width:100%;text-align:center}}
@media(max-width:800px){.quiz-mode .quiz-layout{gap:24px}.quiz-atmosphere>.eyebrow{margin-bottom:14px}.quiz-atmosphere h1{margin-bottom:18px}.quiz-availability{font-size:12px}}
/* Dedicated profile imagery carries its identity from the directory into the page. */
.profile-brand-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;margin:36px 0}.profile-brand-hero .page-title{padding:24px 0}.profile-page-photo{height:390px}.profile-page-photo img{object-position:center}.holiday-photo img{object-position:center 48%}
@media(max-width:800px){.profile-brand-hero{grid-template-columns:1fr;gap:12px;margin:20px 0 30px}.profile-page-photo{height:300px}.profile-brand-hero .page-title{padding:12px 0}.holiday-photo img{object-position:center}}

/* Nine clearly separated merchandising layers, shared across all scent moods. */
.profile-shopping-intro{max-width:850px;margin:48px 0 24px}
.profile-shopping-intro h2{font-size:clamp(30px,3vw,42px)}
.profile-layer-nav{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 36px;border-bottom:1px solid var(--line,#d3d1c4)}
.profile-layer-link{font-size:13px;line-height:1.4;padding:12px 16px;border:1px solid #c9ccbd;text-decoration:none;min-height:44px;display:flex;align-items:center}
.profile-layer-link:hover,.profile-layer-link:focus-visible{background:#e5e7db}
.profile-layer{padding:48px 0 40px;border-bottom:1px solid #d3d1c4;scroll-margin-top:110px}
.profile-layer-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}
.profile-layer-heading h2{font-size:clamp(30px,3.2vw,44px);margin:8px 0 0}
.profile-layer-intro{max-width:800px;margin:22px 0 30px;line-height:1.8}
.profile-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.profile-layer{padding:32px 0;scroll-margin-top:85px}.profile-layer-heading{display:block}.profile-layer-heading>.small{display:block;margin-top:12px}.profile-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.profile-layer-nav{gap:8px}.profile-layer-link{padding:10px 12px}.profile-shopping-intro{margin-top:32px}.profile-layer-intro{margin:18px 0 24px}}