:root{--ink:#352719;--muted:#796955;--gold:#b48237;--deep:#6d4b21;--cream:#fffaf0;--line:#eadbc1;--card:#fff;--shadow:0 18px 50px rgba(82,58,29,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}a{color:inherit}button,input{font:inherit}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(255,250,240,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{text-decoration:none;text-align:center;line-height:1}.brand strong{display:block;font-family:Italiana,serif;font-size:1.18rem;font-weight:400;letter-spacing:.09em;white-space:nowrap}.brand span{display:block;font-size:.54rem;letter-spacing:.34em;text-transform:uppercase;margin-top:7px;color:var(--deep)}nav{display:flex;align-items:center;gap:26px}nav a{text-decoration:none;font-size:.92rem;font-weight:600}.nav-button{border:1px solid var(--deep);padding:8px 16px;border-radius:99px}.hero{max-width:1180px;margin:0 auto;min-height:660px;padding:58px 24px 72px;display:grid;grid-template-columns:1.03fr .97fr;gap:68px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--deep);font-size:.76rem;font-weight:600;margin:0 0 12px}.hero h1,.section-heading h2,.order-section h2,.contact-card h2{font-family:Italiana,serif;font-weight:400;line-height:1.05;margin:0}.hero h1{font-size:clamp(3.6rem,7vw,6.3rem);letter-spacing:-.035em}.hero h1 em{color:var(--gold);font-weight:400}.intro{font-size:1.1rem;color:var(--muted);max-width:570px;margin:28px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:99px;text-decoration:none;font-weight:600}.primary{background:var(--deep);color:white}.secondary{border:1px solid var(--line);background:white}.quick-notes{display:flex;gap:22px;flex-wrap:wrap;padding:0;margin:30px 0 0;list-style:none;color:var(--muted);font-size:.86rem}.quick-notes li:before{content:"✦";color:var(--gold);margin-right:7px}.hero-image{margin:0;position:relative}.hero-image img{width:100%;height:540px;display:block;object-fit:cover;border-radius:220px 220px 24px 24px;box-shadow:var(--shadow);background:#f3e4c8}.hero-image figcaption{position:absolute;right:-12px;bottom:32px;background:white;padding:11px 18px;border-radius:99px;box-shadow:var(--shadow);font-family:Italiana,serif;font-size:1.05rem}.collection{background:#fff;padding:90px max(24px,calc((100vw - 1180px)/2))}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-heading h2,.order-section h2,.contact-card h2{font-size:clamp(2.7rem,5vw,4.6rem)}.search{height:48px;width:min(100%,330px);display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:99px;padding:0 16px;background:var(--cream)}.search svg{width:19px;fill:none;stroke:var(--deep);stroke-width:2}.search input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}.collection-count{margin:25px 0 34px;color:var(--muted);font-size:.88rem}.fragrance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.fragrance-card{border:1px solid var(--line);background:var(--card);min-height:245px;padding:26px;border-radius:18px;display:flex;flex-direction:column;transition:.2s ease}.fragrance-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d2b57f}.mood{align-self:flex-start;background:#f8edda;color:var(--deep);padding:5px 10px;border-radius:99px;font-size:.74rem;font-weight:600}.fragrance-card h3{font-family:Italiana,serif;font-weight:400;font-size:1.65rem;line-height:1.14;margin:24px 0 9px}.fragrance-card p{color:var(--muted);margin:0 0 22px}.fragrance-card a{color:var(--deep);font-weight:600;font-size:.9rem;text-decoration:none;margin-top:auto}.fragrance-card a span{transition:.2s}.fragrance-card a:hover span{margin-left:4px}.empty-state{text-align:center;padding:35px;color:var(--muted)}.order-section{max-width:1180px;margin:0 auto;padding:105px 24px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.order-section>div>p:last-child{color:var(--muted);font-size:1.05rem;max-width:540px}.order-section ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}.order-section li{display:flex;gap:18px;align-items:center;background:white;border:1px solid var(--line);padding:17px;border-radius:18px}.order-section li>span{flex:0 0 48px;height:48px;border-radius:50%;background:#f1dfbf;color:var(--deep);display:grid;place-items:center;font-family:Italiana,serif;font-size:1.25rem}.order-section strong{font-size:1.02rem}.order-section li p{margin:0;color:var(--muted);font-size:.9rem}.contact-card{max-width:1132px;margin:0 auto 90px;text-align:center;color:white;padding:68px 24px;border-radius:30px;background:linear-gradient(135deg,#9a7134,#5f421e)}.contact-card .eyebrow{color:#f8e6c4}.contact-card p:not(.eyebrow){color:#fbf0dc;margin:18px auto 26px}.contact-card .primary{background:white;color:var(--deep)}.disclaimer{max-width:850px;margin:0 auto;padding:0 24px 60px;text-align:center;color:var(--muted);font-size:.8rem}footer{border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:38px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.85rem}footer .brand{color:var(--ink)}.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}:focus-visible{outline:3px solid #c59a53;outline-offset:3px}
@media(max-width:900px){nav a:not(.nav-button){display:none}.hero{grid-template-columns:1fr;gap:42px;padding-top:45px}.hero-copy{text-align:center}.intro{margin-left:auto;margin-right:auto}.hero-actions,.quick-notes{justify-content:center}.hero-image{max-width:560px;width:100%;margin:auto}.hero-image img{height:490px}.fragrance-grid{grid-template-columns:repeat(2,1fr)}.order-section{grid-template-columns:1fr;gap:42px}.section-heading{align-items:start;flex-direction:column}.search{width:100%}}
@media(max-width:560px){.site-header{height:72px;padding-inline:18px}.brand strong{font-size:.9rem}.brand span{font-size:.45rem}nav .nav-button{padding:7px 13px}.hero{padding:38px 18px 58px}.hero h1{font-size:3.45rem}.hero-image img{height:390px}.hero-image figcaption{right:8px}.quick-notes{gap:9px 14px}.collection{padding:70px 18px}.fragrance-grid{grid-template-columns:1fr}.fragrance-card{min-height:220px}.order-section{padding:75px 18px}.contact-card{border-radius:0;margin-bottom:60px}.section-heading h2,.order-section h2,.contact-card h2{font-size:3rem}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fragrance-card{transition:none}}
.hero-image img{object-position:center bottom}
.hero-image figcaption{position:static;width:max-content;max-width:calc(100% - 32px);margin:-1px auto 0;padding:11px 18px;border-radius:0 0 22px 22px;text-align:center}
@media(max-width:560px){.hero-image img{height:auto;object-fit:contain;border-radius:150px 150px 18px 18px}.hero-image figcaption{font-size:.95rem;padding:9px 14px}}
.card-actions{display:grid;gap:8px;margin-top:auto}.fragrance-card .card-actions a{margin-top:0}.fragrance-card .notes-link{color:var(--muted);font-size:.82rem;font-weight:500;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.fragrance-card .notes-link:hover{color:var(--deep);text-decoration-color:var(--gold)}
.fragrance-card .ask-link{color:var(--deep);font-size:.9rem;font-weight:600}.fragrance-card .ask-link span{transition:.2s}.fragrance-card .ask-link:hover span{margin-left:4px}
.notes-unavailable{color:#9a8c79;font-size:.78rem;font-style:italic}
.scent-notes summary{color:var(--muted);font-size:.82rem;font-weight:500;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;cursor:pointer}.scent-notes[open] summary{color:var(--deep);text-decoration-color:var(--gold)}.scent-notes dl{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;margin:9px 0 0;font-size:.78rem;line-height:1.45}.scent-notes dt{color:var(--deep);font-weight:600}.scent-notes dd{margin:0;color:var(--muted)}
.fragrance-card .fragrance-reference{font-size:.82rem;line-height:1.4;margin-bottom:22px}
