:root{--bg:#151413;--bg2:#1d1b19;--ivory:#f3eee3;--mute:#a9a296;--gold:#d4b46a;--gold2:#b8954a;--line:rgba(212,180,106,.28);--serif:"Cormorant Garamond",Georgia,serif;--sans:"Jost",system-ui,sans-serif;--pad:clamp(20px,5vw,72px)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ivory);font:400 16px/1.65 var(--sans);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.08;margin:0}h2{font-size:clamp(30px,5vw,54px)}p{margin:0}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#111;padding:8px 14px;z-index:100}.skip:focus{left:8px}section{padding:clamp(64px,10vw,128px) var(--pad)}.family{color:var(--accent,var(--gold));font-size:14px;letter-spacing:.04em}.meta{color:var(--mute);font-size:14px}.price{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.price strong{font:500 30px var(--serif)}.price s{color:var(--mute)}.price span{color:var(--gold);font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border:1px solid var(--gold);text-decoration:none;font-size:15px;font-weight:500;letter-spacing:.02em;background:transparent;transition:background .35s,color .35s,transform .35s}.btn-gold{background:var(--gold);color:#17130b}.btn-gold:hover{background:var(--ivory);border-color:var(--ivory)}.btn-line:hover{background:#d4b46a24}.btn:active{transform:scale(.98)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000;display:grid;place-content:center;justify-items:center;gap:18px}.loader-logo{width:min(46vw,220px);height:auto}.loader-line{width:min(46vw,220px);height:1px;background:var(--gold);transform-origin:left}.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px var(--pad);transition:background .4s,backdrop-filter .4s}.nav.is-scrolled,.nav.is-open{background:#151413eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-logo img{height:52px;width:auto;mix-blend-mode:lighten}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a:not(.btn){text-decoration:none;font-size:15px;position:relative}.nav-links a:not(.btn):after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}.nav-links a:not(.btn):hover:after{transform:scaleX(1)}.nav-cta{min-height:42px;padding:8px 18px}.nav-toggle{display:none;background:none;border:0;padding:10px;color:var(--ivory)}@media (max-width:820px){.nav-toggle{display:block}.nav-links{position:fixed;inset:72px 0 auto;background:var(--bg);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--pad) 24px;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .45s cubic-bezier(.2,.8,.2,1);visibility:hidden}.is-open .nav-links{transform:none;visibility:visible}.nav-links a:not(.btn){padding:16px 0;font-size:18px;border-bottom:1px solid rgba(255,255,255,.07)}.nav-cta{margin-top:18px}}.hero{min-height:100svh;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(24px,4vw,64px);padding-top:96px;padding-bottom:48px;background:radial-gradient(ellipse at 70% 40%,#262320 0,var(--bg) 62%)}.hero h1{font-size:clamp(40px,6.4vw,92px);letter-spacing:-.01em}.hero-line{display:block;overflow:hidden;padding-bottom:.08em}.hero-line>span{display:block}.hero-sub{margin:24px 0 32px;color:var(--mute);max-width:44ch;font-size:clamp(16px,1.6vw,18px)}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.2vw,16px)}.tri figure{margin:0;overflow:hidden;aspect-ratio:3/5;background:#000;border-bottom:2px solid var(--accent)}.tri figure:nth-child(2){margin-top:clamp(0px,4vw,48px)}.tri button{all:unset;display:block;position:relative;width:100%;height:100%;cursor:pointer}.tri img{width:100%;height:112%;object-fit:cover;object-position:40% 62%;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.tri button:hover img{transform:scale(1.04)}.tri figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 8px 10px;text-align:center;font:500 clamp(14px,1.6vw,20px) var(--serif);letter-spacing:.14em;background:linear-gradient(transparent,#000c)}@media (max-width:820px){.hero{grid-template-columns:1fr;padding-top:100px}.hero-text{order:1}.tri{order:2}.tri figure{aspect-ratio:2/3}.tri figure:nth-child(2){margin-top:0}}.about{text-align:center;display:grid;justify-items:center;gap:28px;background:#000}.about-logo{width:clamp(130px,22vw,200px);height:auto}.statement{font:400 clamp(22px,3.4vw,38px)/1.3 var(--serif);max-width:28ch;margin-inline:auto}.collection h2,.why h2,.insta h2,.contact h2{margin-bottom:12px}.sec-sub{color:var(--mute);margin-bottom:clamp(32px,5vw,56px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px)}.card{display:flex;flex-direction:column;background:var(--bg2);border-top:2px solid var(--accent)}.card figure{margin:0;overflow:hidden;background:#000;aspect-ratio:896/1200}.card figure img{width:100%;height:100%;object-fit:contain;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.card:hover figure img{transform:scale(1.035)}.card-body{display:grid;gap:10px;padding:clamp(18px,2.4vw,28px);flex:1;align-content:start}.card h3{font-size:34px;letter-spacing:.1em}.card-actions{display:grid;gap:10px;margin-top:10px}@media (max-width:980px){.cards{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}.why{background:var(--bg2)}.why ul{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.why li{border-top:1px solid var(--line);padding-top:20px}.why h3{font-size:24px;margin-bottom:8px}.why p{color:var(--mute);font-size:15px}@media (max-width:980px){.why ul{grid-template-columns:1fr 1fr}}@media (max-width:560px){.why ul{grid-template-columns:1fr}}.insta{text-align:center;display:grid;justify-items:center;gap:24px}.contact{background:#000;display:grid;gap:28px;justify-items:start}.contact ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}.contact li{display:flex;gap:14px;align-items:flex-start}.contact svg{color:var(--gold);flex:none;margin-top:4px}address{font-style:normal}.footer{padding:56px var(--pad) 32px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1.6fr;gap:32px;border-top:1px solid var(--line);font-size:15px}.footer-logo{width:110px;height:auto;mix-blend-mode:lighten}.footer h3{font-size:20px;margin-bottom:12px;color:var(--gold)}.footer nav,.footer>div{display:grid;gap:8px;align-content:start}.footer a,.footer button{color:var(--mute);text-decoration:none;background:none;border:0;padding:6px 0;text-align:left;min-height:32px}.footer a:hover,.footer button:hover{color:var(--ivory)}.footer address{color:var(--mute)}.copy{grid-column:1/-1;color:var(--mute);font-size:13px;border-top:1px solid rgba(255,255,255,.08);padding-top:20px}@media (max-width:820px){.footer{grid-template-columns:1fr 1fr}.footer>div{grid-column:1/-1}}@media (max-width:380px){.footer{grid-template-columns:1fr}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#000000d1;display:grid;place-items:center;padding:12px;animation:fade .3s ease}.modal-panel{position:relative;width:min(1040px,100%);max-height:calc(100svh - 24px);overflow:auto;background:var(--bg);border-top:3px solid var(--accent);display:grid;grid-template-columns:.9fr 1.1fr;animation:rise .5s cubic-bezier(.2,.8,.2,1)}.modal-img{width:100%;height:100%;object-fit:contain;background:#000;align-self:start}.modal-body{display:grid;gap:12px;padding:clamp(20px,3.5vw,44px);align-content:start}.modal-body h2{font-size:clamp(36px,5vw,56px);letter-spacing:.1em}.modal-close{position:absolute;top:8px;right:8px;z-index:2;width:44px;height:44px;display:grid;place-items:center;background:#0009;border:1px solid var(--line);border-radius:50%}.modal-body .btn{margin-top:12px}@media (max-width:760px){.modal-panel{grid-template-columns:1fr}.modal-img{max-height:56svh}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.notes{display:grid;gap:0;margin-top:10px;border-left:1px solid var(--accent)}.tier{padding:14px 0 14px 20px;position:relative}.tier:before{content:"";position:absolute;left:-4px;top:22px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.tier h4{font-size:22px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.tier h4 span{font:400 13px var(--sans);color:var(--mute)}.tier ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.tier li{padding:5px 12px;border:1px solid var(--accent);font-size:14px;border-radius:999px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}.fragrance-proof{display:flex;flex-direction:column;gap:6px;width:fit-content;margin:22px 0 0;padding:14px 20px;border-left:2px solid #c8a45d;background:linear-gradient(90deg,rgba(200,164,93,.13),transparent)}.proof-title{color:#d8b66b;font-size:13px;letter-spacing:.22em;font-weight:600}.proof-concentration{color:#f0d9a0;font-size:15px}.proof-lasting{color:var(--mute);font-size:13px}@media (max-width:820px){.fragrance-proof{margin-top:18px;padding:12px 16px}}.fragrance-note{text-align:center;color:#d8b66b;font-size:12px;letter-spacing:.12em;margin:14px 0 28px}.fragrance-note span{padding:0 8px;color:var(--mute)}
