:root{--noir: #0b0908;--creme: #efe3cc;--muted: #bdb09a;--or: #d39a45;--filet: rgba(239, 227, 204, .28);--serif: "Bodoni Moda", Didot, "Bodoni 72", serif;--sans: "Inter Tight", system-ui, sans-serif;--pad: clamp(1.25rem, 3.2vw, 2.75rem);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--noir)}html.lenis,html.lenis body{height:auto}body{color:var(--creme);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stage{position:fixed;inset:0;width:100%;height:100%;display:block}:focus-visible{outline:1px solid var(--creme);outline-offset:4px}.skip{position:fixed;left:var(--pad);top:-4rem;z-index:30;background:var(--creme);color:var(--noir);padding:.7rem 1rem;font-size:.85rem}.skip:focus{top:var(--pad)}.bar{position:fixed;inset:0 0 auto;z-index:10;padding:var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;background:linear-gradient(to bottom,#0b0908d9,#0b090800)}.logo{font-family:var(--serif);font-weight:500;font-size:clamp(.85rem,1.2vw,1rem);letter-spacing:.55em}.chapter{font-size:.78rem;letter-spacing:.24em;color:var(--muted);font-variant-numeric:tabular-nums;transition:opacity .4s}.chapter.is-off{opacity:0}.link,.button,.collection a{font-family:var(--sans);font-weight:400;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--creme);text-decoration:none}.link{justify-self:end;display:inline-flex;gap:.6rem;padding-bottom:.3rem;background:linear-gradient(var(--creme),var(--creme)) 0 100% / 0 1px no-repeat;transition:background-size .6s cubic-bezier(.16,1,.3,1)}.link:hover{background-size:100% 1px}.button{display:inline-block;margin-top:1.4rem;padding:1.05rem 2rem;border:1px solid var(--filet);transition:border-color .4s,background-color .4s,color .4s}.button:hover{border-color:var(--creme);background:var(--creme);color:var(--noir)}.collection{position:fixed;left:50%;top:calc(var(--pad) - .95rem);z-index:11;transform:translate(-50%,-1rem);display:flex;gap:clamp(1.25rem,3vw,2.75rem);padding:.8rem 1.4rem;background:#0b0908b8;border:1px solid var(--filet);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1)}.collection.is-on{opacity:1;pointer-events:auto;transform:translate(-50%)}.collection a{display:inline-flex;gap:.6rem;color:var(--muted);padding:.2rem 0;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}.collection a span{color:var(--or)}.collection a:hover,.collection a[aria-current]{color:var(--creme);border-bottom-color:var(--or)}.progress{position:fixed;left:0;right:0;bottom:0;height:2px;z-index:10;background:#efe3cc1f}.progress span{display:block;height:100%;background:var(--or);transform:scaleX(0);transform-origin:left}main{position:relative;z-index:5}.ch{min-height:100vh;min-height:100svh;padding:16vh var(--pad);display:flex}.ch--center{align-items:center;justify-content:center;text-align:center}.ch--low{align-items:flex-end;justify-content:center;text-align:center;padding-bottom:14vh}.ch--top{align-items:flex-start;justify-content:center;text-align:center;padding-top:14vh}.ch--left{align-items:center;justify-content:flex-start}.ch--right{align-items:center;justify-content:flex-end}.ch--end{align-items:flex-end;justify-content:center;text-align:center;padding-bottom:16vh}.ch--hero{align-items:flex-end;justify-content:center;text-align:center;padding-bottom:7vh}.ch--hero .copy{align-items:center;max-width:none;gap:1rem}.ch--hero .copy>*{opacity:1;transform:none;filter:none}.hero-title{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,7.4vw,8.4rem);line-height:1;letter-spacing:.32em;margin-right:-.32em;white-space:nowrap}.hero-sub{font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,1.7vw,1.6rem);color:var(--creme)}.ch--hero .hint{margin-top:.6rem}.ch--parfum{align-items:flex-end;justify-content:center;text-align:center;padding-bottom:4vh}.copy{position:relative;display:flex;flex-direction:column;gap:1.2rem;max-width:34rem;text-shadow:0 0 24px rgba(11,9,8,.9),0 1px 2px rgba(11,9,8,.7)}.copy:before{content:"";position:absolute;inset:-18% -22%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#0b0908b8,#0b090800)}.ch--center .copy,.ch--low .copy,.ch--top .copy,.ch--end .copy,.ch--parfum .copy{align-items:center;max-width:52rem}.ch--parfum .copy{max-width:62rem;gap:.7rem}.ch--parfum .big{font-size:clamp(2.6rem,5vw,4.6rem)}.ch--parfum .notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.5rem;min-width:min(46rem,90vw)}.ch--parfum .notes div{grid-template-columns:1fr;gap:.25rem;text-align:center}.ch--right .copy{align-items:flex-end;text-align:right}.copy>*{opacity:0;transform:translateY(1.4rem);filter:blur(6px);transition:opacity 1.1s ease,transform 1.3s cubic-bezier(.16,1,.3,1),filter 1.1s ease}.ch.is-in .copy>*{opacity:1;transform:none;filter:none}.ch.is-in .copy>*:nth-child(2){transition-delay:.12s}.ch.is-in .copy>*:nth-child(3){transition-delay:.24s}.ch.is-in .copy>*:nth-child(4){transition-delay:.36s}.ch.is-in .copy>*:nth-child(5){transition-delay:.48s}.kicker{font-size:.78rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--or)}.line{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,3.6vw,3.4rem);line-height:1.15}.line--sm{font-size:clamp(1.35rem,2.2vw,2rem)}.line em,.big em{font-style:italic}.hint{font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-top:2.5rem}.big{font-family:var(--serif);font-weight:400;font-size:clamp(3.4rem,8.5vw,8rem);line-height:.95;letter-spacing:-.01em}.big--md{font-size:clamp(2.4rem,5.2vw,4.8rem);line-height:1.02}.body{font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.65;color:var(--muted);max-width:30rem}.specs{list-style:none;display:grid;gap:1.1rem;min-width:min(26rem,80vw)}.specs li{display:grid;gap:.25rem;font-size:1rem;color:var(--muted);border-top:1px solid var(--filet);padding-top:1rem}.specs strong{font-family:var(--serif);font-weight:400;font-size:2rem;color:var(--creme)}.parfum .family{font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,1.8vw,1.6rem);color:var(--creme);margin-top:-.4rem}.notes{display:grid;gap:.55rem;min-width:min(22rem,80vw);margin-top:.4rem}.notes div{display:grid;grid-template-columns:4.5rem 1fr;gap:1rem;padding-top:.55rem;border-top:1px solid var(--filet);font-size:1rem}.ch--right .notes div{grid-template-columns:1fr 4.5rem}.ch--right .notes dt{order:2}.notes dt{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--or);align-self:center}.notes dd{color:var(--creme)}.format{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.logo--big{font-size:clamp(1.6rem,4vw,3.2rem);letter-spacing:.5em;margin-right:-.5em}.credits{font-size:.85rem;letter-spacing:.06em;line-height:1.8;color:var(--muted)}@media(max-width:760px){.chapter{display:none}.bar{grid-template-columns:1fr auto}.ch--left,.ch--right{align-items:flex-end;justify-content:center;padding-bottom:16vh}.ch--right .copy,.copy{align-items:center;text-align:center}.ch--right .notes div{grid-template-columns:4.5rem 1fr}.ch--right .notes dt{order:0}.collection{top:calc(var(--pad) + 2.6rem);width:calc(100% - 2 * var(--pad));justify-content:space-between;padding:.8rem 1rem}.collection a span{display:none}}@media(prefers-reduced-motion:reduce){.copy>*{transition:none;opacity:1;transform:none;filter:none}.collection{transition:none}}