:root{--ink:#30392c;--ivory:#f0ece1;--gold:#786c4f}
.hero{height:720px;grid-template-columns:49% 51%}
.hero-copy{padding:45px 10% 80px 16%}
.hero h1{font-size:clamp(58px,5.1vw,86px);line-height:1.06;letter-spacing:-.045em}
.hero-intro{font-size:14px;line-height:1.8;max-width:350px}
.hero-image{object-position:center 58%}
.hero-caption{right:55%;font-size:8px}
.hero-caption>span{display:none}
.hero-copy>.eyebrow{font-size:10px}
.section-intro h2{font-size:clamp(48px,5vw,76px)}
.product-card-offset{margin-top:55px}
.scent-notes{font-size:10px;letter-spacing:.1em;line-height:1.8;color:#657054;margin-top:20px}
.scent-description{font-size:14px;line-height:1.8;margin-top:9px;color:#5c6352;max-width:430px}
.product-meta{font-size:9px;gap:15px}
.house{background:#30392c;color:#f0ece1}
.house-copy h2 em{color:#c3c5a7}
.house-copy>.eyebrow,.seal-wrap>.eyebrow{color:#c5c9b3}
.house-copy>p:not(.eyebrow){color:#d2d3c6}
.seal-button img{filter:none;mix-blend-mode:normal}
.seal-wrap{padding:10px}
.closing{background:#e4e5d9;color:var(--ink)}
.closing .eyebrow,.closing-star{color:#657054}
.closing h2{font-size:clamp(47px,5vw,76px)}
.sample-copy{font-size:14px;line-height:1.8;margin-top:25px;color:#5c6352}
.sample-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}
.closing .button{background:var(--ink);color:var(--ivory);gap:30px}
.closing .button:hover{background:#4a543e}
.detail-art{background:#e4ddcb}
.detail-art img{object-fit:contain;object-position:center top}
.detail-copy{padding:55px 10% 45px}
.detail-copy h1{font-size:clamp(75px,7vw,105px);margin:18px 0}
.detail-intro{font-size:16px;line-height:1.8;max-width:none}
.detail-copy .scent-notes{margin:20px 0 28px}
.size-options{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.size-options legend{font-size:11px;letter-spacing:.06em;padding:0 0 14px}
.size-option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #b4b6a5;cursor:pointer;min-height:56px;font-size:13px}
.size-option input{width:16px;height:16px;margin:0;accent-color:#30392c;flex-shrink:0}
.size-option .format{flex:1}.size-option .format small{font-size:11px;color:#5d6652;display:block;margin-top:4px}
.size-option:has(input:checked){border-color:#30392c;background:#e1e4d7}
.size-option:has(input:focus-visible){outline:2px solid #66764f;outline-offset:3px}
.purchase-form>.button{width:100%;margin-top:18px}
.selected-price{font-variant-numeric:tabular-nums}
.detail-copy details{margin-top:26px}
.detail-image-note{font-size:11px;line-height:1.7;color:#68705d;margin-top:15px}
.bag-total{display:flex;justify-content:space-between;gap:20px;font-size:17px;margin-bottom:18px}
.bag-line{display:grid;grid-template-columns:72px 1fr;gap:18px;margin:28px 0}
.bag-line img{width:72px;height:104px;object-fit:cover}
.bag-line h3{font-size:30px;margin:0 0 6px}
.bag-line p{font-size:12px;line-height:1.7;color:#5d6652}
.line-title{display:flex;justify-content:space-between;align-items:start;gap:15px}.line-title>span{font-size:14px}
.quantity{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.quantity button{min-width:36px;min-height:36px;border:1px solid #a6ad97;padding:5px;font-size:16px}
.quantity .remove-item{border:0;font-size:11px;text-decoration:underline;margin-left:auto}
.quantity output{font-size:13px;min-width:12px;text-align:center}
.drawer-bottom>.text-link{margin-top:10px}.drawer-bottom .button{margin-top:20px}
.empty-selection p{font-size:25px}
.seal-dialog{background:#10100d}.seal-dialog .close-button{color:#eee9dc}
.motion-enabled .reveal{opacity:1;transform:none;transition:none}.motion-enabled .reveal.revealed{animation:arrive .6s ease-out both}
@media(min-width:701px) and (max-width:1000px){.hero{height:640px;grid-template-columns:49% 51%}.hero-copy{padding-left:12%;padding-right:8%}.hero h1{font-size:57px}.hero-intro{font-size:13px}.detail-copy{padding:40px 8%}}
@media(max-width:700px){.hero{height:auto}.hero-copy{padding:40px 7% 35px}.hero h1{font-size:clamp(47px,11.5vw,70px);line-height:1.08}.hero h1 em:before{content:none}.hero-intro{font-size:13px;max-width:100%}.hero-intro br{display:none}.hero-image{aspect-ratio:4/4.7;object-position:center 60%}.section-intro h2{font-size:49px}.product-card-offset{margin-top:0}.product-art{aspect-ratio:4/5}.detail-copy{padding:35px 6%}.detail-art{height:65svh;max-height:620px}.detail-copy h1{font-size:78px}.detail-intro{font-size:15px}.sample-actions{display:block}.sample-actions .button{width:100%;margin-top:15px}.sample-actions{margin-top:25px}.quantity button{min-width:44px;min-height:44px}}

#product-view h1:focus{outline:none}

/* House identity and approved narrative */
.header{height:108px;column-gap:20px}
.header-left{display:flex;align-items:center;gap:22px;min-width:0}
.header-seal{display:block;flex:0 0 74px;width:74px;height:74px}
.header-seal img{display:block;width:100%;height:100%;object-fit:contain}
.header .nav-left{gap:18px;white-space:nowrap}
.house{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%;align-items:start}
.house .seal-wrap{margin-top:100px;max-width:520px;width:100%;padding:0}
.house-copy>p:not(.eyebrow){max-width:60ch;font-size:15px;line-height:1.9;margin-top:23px}
.house-copy>p.house-story-lead{font-family:var(--serif);font-size:27px;line-height:1.45;color:var(--ivory);margin:0 0 30px}
.seal-dialog{background:var(--ivory)}
.seal-dialog .close-button{color:var(--ink)}
@media(max-width:1100px) and (min-width:901px){.header-left{gap:12px}.header-seal{flex-basis:62px;width:62px;height:62px}.header .nav-left{gap:12px;font-size:10px}}
@media(max-width:900px){
 .header{height:123px;padding:10px 5% 36px;grid-template-columns:64px minmax(0,1fr) 64px;column-gap:12px}
 .header-left{display:contents}
 .header-seal{grid-column:1;grid-row:1;width:64px;height:64px}
 .header>.wordmark{grid-column:2;grid-row:1;justify-self:center;font-size:30px}
 .header .selection-trigger{grid-column:3;grid-row:1}
 .header .nav-left{position:absolute;left:5%;bottom:0;gap:24px;font-size:11px}
 .header .nav-left a{padding:8px 0;min-height:36px}
 html{scroll-padding-top:135px}
}
@media(max-width:700px){
 .header{grid-template-columns:54px minmax(0,1fr) 54px;column-gap:10px;height:116px}
 .header-seal{width:54px;height:54px}
 .header>.wordmark{font-size:clamp(20px,5.6vw,28px)}
 .header>.wordmark span{font-size:7px;letter-spacing:.42em}
 .header .selection-trigger{gap:6px}
 .house{grid-template-columns:1fr;gap:40px}
 .house .seal-wrap{margin:0 auto;max-width:340px}
 .house-copy h2{font-size:55px}
 .house-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}
 .house-copy>p.house-story-lead{font-size:25px;line-height:1.45}
}

.perfume-story{max-width:56ch;margin:22px 0 28px}
.perfume-story h2{font-family:var(--serif);font-size:clamp(28px,2.7vw,38px);line-height:1.2;margin:0 0 20px}
.perfume-story p{font-size:14px;line-height:1.85;margin:16px 0;color:#535d4b}
.perfume-story .story-closing{margin-top:22px;color:var(--ink)}
@media(max-width:700px){.perfume-story h2{font-size:32px}.perfume-story p{font-size:14px;line-height:1.85}}

/* Scope bag notices to avoid collisions with browser extension styles. */
.oilboros-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#30392a;color:#eee9dc;padding:16px 25px;font-size:12px;box-shadow:0 8px 40px #0004;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:50;max-width:calc(100% - 32px);white-space:normal;text-align:center}.oilboros-toast.visible{opacity:1;transform:translate(-50%,0)}
