:root{color-scheme:dark;--paper:#f6ead8;--gold:#d7ad6c;--muted:#c1afa0;--bg:#1b120e}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 5% 45%,#372016 0%,transparent 62%),var(--bg)}
.page{width:min(100%,1600px);min-height:100svh;margin:auto;padding:24px clamp(24px,5vw,88px) 18px;display:flex;flex-direction:column}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px}
header{padding-bottom:20px;border-bottom:1px solid #d7ad6c26}
.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--gold);font-size:17px;font-weight:500;letter-spacing:.19em}
.brand img{width:54px;height:54px;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(circle,black 43%,transparent 72%)}
.launch-label{font-size:12px;line-height:1.5;letter-spacing:.18em;color:#dec7a7}
main{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(36px,6vw,100px);padding:44px 0}
.story{padding:20px 0 40px;min-width:0}
.category{margin:0 0 27px;color:var(--gold);font-size:14px;line-height:1.6;letter-spacing:.19em}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,5.6vw,84px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:0}
h1 em{font-weight:400;color:var(--gold)}
.rule{height:1px;width:56px;background:var(--gold);margin:32px 0;opacity:.7}
.intro{font-size:17px;line-height:1.85;color:var(--muted);max-width:360px;margin:0 0 32px}
.follow{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--gold);color:#24170e;border:1px solid var(--gold);padding:17px 26px;min-height:54px;text-decoration:none;font-size:15px;font-weight:600;border-radius:2px;transition:background .2s,transform .2s}
.follow:hover{background:#ebc68b;transform:translateY(-2px)}
a:focus-visible,button:focus-visible{outline:2px solid #f4d895;outline-offset:6px}
.handle{font-size:14px;color:var(--muted);margin:16px 0 0;letter-spacing:.035em}
.fragrance{margin:0;min-width:0;width:100%;max-width:560px;justify-self:end}
.image-frame{position:relative;isolation:isolate;aspect-ratio:4/5;overflow:hidden;background:#2c1b10;border:1px solid #d7ad6c30}
.hero-image{width:100%;height:100%;object-fit:cover;display:block}
.scent-light{position:absolute;pointer-events:none;mix-blend-mode:screen;filter:blur(22px);border-radius:50%;animation:scent-drift 17s ease-in-out infinite alternate;opacity:.16}
.scent-light-one{width:48%;height:72%;top:-18%;left:2%;background:radial-gradient(ellipse,#e8b878,transparent 67%);transform:rotate(25deg)}
.scent-light-two{width:30%;height:60%;top:8%;right:6%;background:radial-gradient(ellipse,#f5d7a7,transparent 65%);animation-duration:23s;animation-delay:-9s}
@keyframes scent-drift{from{transform:translate(-8%,-5%) rotate(16deg) scale(.9);opacity:.07}to{transform:translate(19%,15%) rotate(-12deg) scale(1.22);opacity:.24}}
.motion-paused .scent-light{animation-play-state:paused}
figcaption{font-size:12px;line-height:1.6;color:#b7a394;margin-top:13px;letter-spacing:.025em}
footer{border-top:1px solid #d7ad6c26;padding-top:14px;font-size:12px;color:#b7a394;line-height:1.6}
#motion{font:inherit;color:var(--muted);background:none;border:0;padding:10px 12px;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
#motion[hidden]{display:none}
@media(min-width:1100px) and (min-height:760px){.fragrance{max-width:min(560px,63vh)}}
@media(max-width:760px){.page{padding:18px 24px 14px}header{gap:12px;padding-bottom:14px}.brand{font-size:14px;gap:7px;letter-spacing:.14em}.brand img{width:42px;height:42px}.launch-label{font-size:12px;letter-spacing:.08em}main{grid-template-columns:1fr;gap:30px;padding:36px 0}.story{padding:0;text-align:center}.category{font-size:12px;margin-bottom:18px;letter-spacing:.15em}h1{font-size:clamp(46px,10.5vw,70px)}.rule{margin:23px auto}.intro{font-size:16px;max-width:360px;margin:0 auto 25px}.follow{min-width:240px;max-width:100%}.handle{margin-top:13px}.fragrance{max-width:460px;justify-self:center}.image-frame{aspect-ratio:1/1}.hero-image{object-position:center 60%}figcaption{text-align:center}footer{flex-wrap:wrap;gap:8px}.footer-domain{display:none}#motion{padding-right:0}}
@media(max-width:350px){.page{padding-right:18px;padding-left:18px}.brand{letter-spacing:.06em;font-size:12px}.launch-label{letter-spacing:0}.follow{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){body:not(.motion-playing) .scent-light{animation-play-state:paused}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}