@font-face{font-family:Cormorant;src:url(assets/cormorant.ttf);font-weight:300 700;font-display:swap}
@font-face{font-family:DM;src:url(assets/dm-sans.ttf);font-weight:100 900;font-display:swap}
:root{--paper:#faf7f1;--ink:#261e23;--plum:#462638;--mulberry:#62354e;--muted:#625b55;--brass:#a77a46;--rule:#d5cabe;--positive:#365942;--error:#922f39;--serif:Cormorant,Georgia,serif;--sans:DM,Arial,sans-serif;--edge:clamp(20px,5vw,80px)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 var(--sans)}a{color:inherit;text-underline-offset:4px}a,button,input,summary{touch-action:manipulation}button,input{font:inherit}button,summary{cursor:pointer}button{color:var(--ink);border:1px solid var(--rule);background:transparent;padding:10px 16px;min-height:44px}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--mulberry);outline-offset:4px}
header,footer{padding:18px var(--edge);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule)}header{position:relative}header:before{content:"";height:5px;background:var(--plum);position:absolute;inset:0 0 auto}header nav{display:flex;gap:32px}header a,.card,.house{text-decoration:none}header nav a{padding:12px 0}header nav a:hover,.house:hover,.card:hover h3{text-decoration:underline}.wordmark{font:600 52px/.9 var(--serif);letter-spacing:-.065em;color:var(--plum)}.wordmark span{color:var(--brass)}.bag{border:0}.bag span{border:1px solid var(--rule);border-radius:50%;padding:2px 8px;font-size:12px}
main{max-width:1560px;margin:auto;padding:0 var(--edge)}.crumb{padding:20px 0;font-size:13px;color:var(--muted)}.crumb a{text-decoration:none;margin-right:4px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,100px);align-items:start}.plate{margin:0;min-height:510px;aspect-ratio:1/.98;background:radial-gradient(ellipse at 40% 36%,#fbf5e9 15%,#e8ddcc 78%,#dbcbb7);display:flex;flex-direction:column;justify-content:space-between;padding:24px 28px;position:relative}.plate-top,.eyebrow,.house,.card small{font-size:11px;font-weight:650;letter-spacing:.16em}.plate-top{display:flex;justify-content:space-between;color:#5b4a39;font-size:10px}.photo{flex:1;display:grid;place-items:center;min-height:0}.photo img{width:82%;max-height:390px;object-fit:contain;mix-blend-mode:multiply}.plate figcaption{display:flex;align-items:center;gap:14px;font:italic 18px var(--serif)}figcaption i{height:1px;width:32px;background:var(--brass)}.details{padding:18px 0}.house,.eyebrow,.card small{color:var(--plum);text-transform:uppercase}.house{display:inline-flex;gap:12px;min-height:36px;align-items:center}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1;letter-spacing:-.038em;margin:0}h1{font-size:clamp(64px,7vw,108px)}h2{font-size:clamp(38px,4vw,62px)}h3{font-size:34px}.dek{font:400 clamp(23px,2vw,30px)/1.2 var(--serif);max-width:38ch;margin:16px 0 22px}.facts{display:flex;align-items:center;gap:18px;border-top:1px solid var(--rule);padding-top:17px}.price{font-size:23px;font-variant-numeric:tabular-nums}.status{background:#eee3d2;color:#62472a;padding:4px 10px;font-size:12px}fieldset{padding:0;border:0;margin:18px 0 0}legend{font-size:13px;margin-bottom:7px}.choice{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid var(--plum);color:var(--plum);min-height:44px}.choice input{accent-color:var(--plum)}.note,.quiet,.card p,.sectionhead>span{color:var(--muted);font-size:14px}.note{max-width:52ch;margin:12px 0 16px}.quiet{font-size:12px}.purchase,.quantity,.sectionhead{display:flex;align-items:center}.purchase{gap:10px}.quantity{border:1px solid var(--rule)}.quantity button{border:0;width:44px;padding:0}.quantity output{min-width:20px;text-align:center}.primary{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--plum);color:white;border-color:var(--plum);padding:12px 18px;min-height:48px;flex:1;transition:background .16s}.primary:hover{background:var(--mulberry)}.primary:active{transform:translateY(1px)}details{border-top:1px solid var(--rule)}summary{padding:12px 0;font-size:14px}details p{font-size:14px;max-width:62ch;margin:0 0 16px}
.edit,.houses,.guide-section{border-top:1px solid var(--rule);padding:38px 0;margin-top:40px}.sectionhead{justify-content:space-between;gap:15px}.sectionhead h2,.houses h2{margin-top:9px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:26px}.cardpic{aspect-ratio:1.45;display:grid;place-items:center;overflow:hidden}.tea{background:#e6e9db}.honey{background:#eae0d1}.wood{background:#ded6d9}.cardpic img{max-height:82%;max-width:75%;object-fit:contain;mix-blend-mode:multiply;transition:transform .22s}.card:hover img{transform:scale(1.025)}.card small{display:block;margin:16px 0 5px}.card p{display:flex;justify-content:space-between;margin:7px 0}.house-list{display:flex;flex-wrap:wrap;gap:8px 32px;margin-top:20px}.house-list a{padding:10px 0}.houses{margin-bottom:30px}footer{background:var(--plum);color:var(--paper);padding-block:30px}footer .wordmark{color:var(--paper)}footer a{font-size:14px}dialog{border:1px solid var(--rule);background:var(--paper);color:var(--ink);width:min(92%,500px);padding:28px}dialog::backdrop{background:#261e2380}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.guide{max-width:1150px}.guide-intro{padding:50px 0 0}.guide-intro h1{font-size:clamp(58px,7vw,92px);margin:12px 0}.guide-intro p{max-width:65ch}.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:22px 0}.swatches div{border:1px solid var(--rule);padding:12px;font-size:14px}.swatches i{display:block;height:50px;background:var(--color);margin-bottom:8px}.guide-section h3{margin:24px 0 8px;font-size:28px}.guide-section p,.guide-section li{max-width:78ch}.form-demo{max-width:430px}.form-demo label,.form-demo input{display:block;width:100%}.form-demo input{padding:12px;border:1px solid #83756c;background:white;margin:6px 0}.form-demo input[aria-invalid=true]{border:2px solid var(--error)}.feedback{min-height:22px;font-size:14px}.feedback.error{color:var(--error)}.feedback.ok{color:var(--positive)}
@media(max-width:760px){header{flex-wrap:wrap;padding-block:16px 8px;gap:10px}.wordmark{font-size:42px}header nav{order:3;width:100%;gap:24px;border-top:1px solid var(--rule);font-size:14px}header nav a{padding:10px 0}.hero{grid-template-columns:1fr;gap:8px}.plate{aspect-ratio:1.65;min-height:0;padding:14px 18px}.photo{position:relative;min-height:0}.photo img{position:absolute;inset:0;margin:auto;height:100%;width:76%}.plate figcaption{font-size:15px}.details{padding:8px 0}.crumb{padding:12px 0}.cards{gap:16px;grid-template-columns:1fr 1fr}.sectionhead{align-items:flex-start;flex-wrap:wrap}.card h3{font-size:26px}.edit,.houses,.guide-section{margin-top:22px;padding:24px 0}.guide-intro{padding-top:24px}footer{flex-wrap:wrap}}
@media(max-width:390px){.purchase{flex-wrap:wrap}.purchase .primary{min-width:160px}.plate-top{font-size:8px}.cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.card:hover img,.primary:active{transform:none}}
/* Fragrance gallery identity */
:root{--paper:#fff;--ink:#20231f;--plum:#191c1a;--mulberry:#315840;--rule:#deded8;--brass:#315840;--edge:clamp(20px,5.3vw,86px)}
header:before{display:none}.wordmark{font:500 60px/.88 var(--serif);letter-spacing:-.075em;color:var(--ink)}
header.mast{display:grid;grid-template-columns:1fr auto 1fr;row-gap:18px;padding:22px var(--edge) 0;background:#fff}.mast .service{justify-self:start;font-size:12px}.mast .bag{justify-self:end;display:flex;align-items:center;gap:6px;font-size:13px}.bag span{border:0;padding:0}.mast nav{grid-column:1/-1;justify-content:center;gap:clamp(25px,5vw,78px);font-size:13px}.mast nav a{padding:8px 0 14px}.mast a:hover{text-decoration:underline}.mast .wordmark:hover{text-decoration:none}.crumb{font-size:12px;padding:19px 0 23px}.hero{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);max-width:1250px;margin:0 auto;gap:clamp(40px,7vw,108px);align-items:center}
.gallery{margin:0;background:white;min-width:0}.gallery-stage{background:#faf9f5;display:grid;place-items:center;overflow:hidden;height:clamp(400px,39vw,590px)}.gallery-stage img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;mix-blend-mode:multiply}.gallery-controls{display:flex;gap:20px;justify-content:center}.gallery-controls button{position:relative;border:0;color:var(--muted);font-size:12px;padding:9px 0}.gallery-controls button[aria-pressed=true]{color:var(--ink)}.gallery-controls button[aria-pressed=true]:after{content:'';position:absolute;bottom:6px;left:0;right:0;height:1px;background:var(--mulberry)}
.details{max-width:510px;padding:8px 0 16px}.house{min-height:30px;font-size:12px;letter-spacing:.13em}.details h1{font-size:clamp(70px,6vw,98px);line-height:.98;font-weight:500}.concentration{font-size:12px;letter-spacing:.07em;margin:8px 0 19px;color:var(--muted)}.dek{font:400 23px/1.25 var(--serif);max-width:32ch;margin:0 0 18px}.facts{padding-top:15px;gap:17px}.price{font-size:21px}.status{padding:0;background:transparent;color:#5c5036;font-size:12px}.status:before{content:'';display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#82704e}.choice{padding:6px 12px;min-height:40px;font-size:14px}.primary{background:#191c1a}.primary:hover{background:#343a35}.note{font-size:13px}.quiet{color:var(--muted)}.edit{margin-top:50px}.cardpic{background:#f6f5f2}.wordmark span{color:inherit}footer{background:#191c1a}footer .wordmark{color:white}
@media(max-width:760px){header.mast{padding:16px var(--edge) 0;row-gap:12px}.mast .wordmark{font-size:46px;grid-column:2}.mast .service{display:none}.mast .bag{grid-column:3;padding:4px;font-size:12px}.mast nav{border:0;gap:clamp(18px,5vw,32px);font-size:12px}.mast nav a{padding:4px 0 10px}.hero{grid-template-columns:1fr;gap:18px}.crumb{padding:13px 0;font-size:11px}.gallery-stage{height:clamp(245px,66vw,360px)}.gallery-controls button{min-height:36px}.details{max-width:none;padding:0}.details h1{font-size:67px}.concentration{margin:4px 0 10px}.dek{font-size:22px;margin-bottom:13px}.facts{padding-top:12px}.edit{margin-top:30px}}
