:root{--cream:#f3ecdf;--ink:#211b15;--muted:#786f63;--line:#d9cfbf;--hero-height:min(820px,91svh);--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--serif)}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #ae7b39;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}[hidden]{display:none!important}.skip{position:fixed;top:-90px;left:15px;background:var(--cream);padding:15px;z-index:100}.skip:focus{top:15px}.story-track{position:relative;height:calc(var(--hero-height) + 140svh);min-height:650px;background:#21140b}.hero{position:sticky;top:0;height:var(--hero-height);min-height:620px;color:#fff4dc;overflow:hidden;isolation:isolate}.header{position:absolute;z-index:8;left:11%;right:11%;top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:31px;letter-spacing:.19em;line-height:1.15;white-space:nowrap}.wordmark small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.27em;margin-top:7px}.header nav{display:flex;align-items:center;gap:30px;font-size:13px}.header nav button{padding:0;color:inherit}.header nav a:hover,.header nav button:hover{color:#e6c08a}#selection-count{font-family:'DM Sans',sans-serif;font-size:10px;margin-left:5px;border:1px solid #fff5;border-radius:50%;display:inline-grid;place-items:center;width:20px;height:20px}.hero-pagination{display:flex;align-items:center;gap:16px;font-size:12px;white-space:nowrap}.scene-dots{display:flex;gap:6px}.scene-dots button{width:25px;height:30px;position:relative;padding:0}.scene-dots button:before{content:'';position:absolute;left:0;right:0;top:14px;height:2px;background:#fff5}.scene-dots button[aria-pressed=true]:before{background:#fff4dc}.scene-window{position:absolute;inset:0 7%;overflow:hidden;border-inline:1px solid #e8dab63b}.perfume-scene{position:absolute;inset:0;opacity:0;visibility:hidden;overflow:hidden;perspective:1100px}.perfume-scene.is-active{opacity:1;visibility:visible}.scene-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#100b0850,transparent 35%,transparent 75%,#100b0838);pointer-events:none}.hero-title{position:absolute;left:0;right:0;bottom:7.5%;text-align:center;font-size:clamp(110px,24vw,370px);line-height:1;letter-spacing:-.065em;white-space:nowrap;color:#fff2d7;z-index:2;font-weight:400}.perfume-scene[data-perfume=umbral] .hero-title{font-size:clamp(90px,19vw,310px);letter-spacing:-.035em;bottom:15%}.perfume-scene[data-perfume=bruma] .hero-title{font-size:clamp(90px,17vw,290px);letter-spacing:-.045em}.bottle-wrap{position:absolute;top:4%;height:91%;left:30%;width:40%;z-index:3;pointer-events:none;transform-origin:50% 82%}.bottle-wrap img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 12px #0b060662)}.scene-copy{position:absolute;z-index:4;left:6.5%;top:34%;width:25%}.scene-copy p{font-size:clamp(22px,2.25vw,36px);line-height:1.13;white-space:pre-line;text-shadow:0 2px 20px #0008}.pill{border:1px solid currentColor;padding:11px 25px;border-radius:30px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:13px}.scene-copy .pill{margin-top:24px;min-width:155px;background:#1a100c20}.pill:hover{background:#fff1}.pill.dark{background:#19140e;color:#fff8e9;border-color:#19140e}.pill.dark:hover{background:#473727}.scene-brand{position:absolute;top:35.5%;right:5%;width:25%;text-align:center;z-index:4}.scene-brand p{font-size:clamp(14px,1.65vw,26px);letter-spacing:.04em}.scene-brand small{display:block;font-size:18px;margin-top:12px}.perfume-scene[data-perfume=umbral] .scene-brand p{letter-spacing:.2em}.hero-bottom{position:absolute;bottom:20px;left:11%;right:11%;z-index:9;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#f4e4cd}.hero-bottom button{color:inherit;padding:5px 0;font-size:10px;opacity:.8}.scroll-hint{position:absolute;left:50%;transform:translateX(-50%);font-size:13px;white-space:nowrap}.scroll-hint span{margin-left:8px}.catalog-shortcut{font-size:10px;opacity:.8}.peek{position:absolute;top:0;bottom:0;width:7%;overflow:hidden;z-index:5;color:#fff4dc;padding:0;background:#121416}.peek-prev{left:0}.peek-next{right:0}.peek-image{position:absolute;inset:0;background-position:center;background-size:cover;transition:opacity .4s}.peek-image img{position:absolute;height:65%;width:220%;max-width:none;object-fit:contain;bottom:7%;left:-60%;filter:brightness(.7)}.peek:after{content:'';position:absolute;inset:0;background:#0003}.peek-arrow{position:absolute;z-index:2;top:50%;left:0;right:0;font-size:35px;opacity:.65;transition:opacity .2s}.peek:hover .peek-arrow{opacity:1}.finder{padding:34px 3.5% 16px;background:linear-gradient(115deg,#f7f0e3,#f1e6d7);scroll-margin-top:0}.finder-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.finder h1{font-size:clamp(32px,3.7vw,56px);letter-spacing:-.045em}.finder-top p{font-size:18px;margin:8px 0 0 20px;color:#4f4436}.finder-actions{display:flex;align-items:center;gap:30px}.finder-progress{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.finder-progress i{width:28px;height:2px;background:#d6cbb9}.finder-progress i.active{background:#34281b}.finder-progress i:first-of-type{margin-left:10px}.finder-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.scent-option{position:relative;aspect-ratio:1.7;border-radius:8px;overflow:hidden;padding:0;text-align:left;color:white;outline-offset:4px}.scent-option img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.61,.36,1)}.scent-option:hover img{transform:scale(1.035)}.scent-option:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#180e0a88)}.scent-option .option-label{position:absolute;left:23px;bottom:18px;z-index:2;font-size:34px}.scent-option .check{position:absolute;right:20px;bottom:22px;border:1px solid #fff9;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;z-index:2;font-family:'DM Sans',sans-serif;font-size:22px;font-weight:400}.scent-option[aria-pressed=true]{outline:3px solid #755530}.scent-option[aria-pressed=true] .check{background:#fff4e1;color:#362311}.finder-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:26px;margin-top:13px;font-family:'DM Sans',sans-serif;font-size:11px}.finder-bottom p{color:#755132}.finder-bottom button{text-decoration:underline;font-size:11px;padding:5px 0}.finder-results{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px;background:#e9ddcc;min-height:200px;border-radius:8px}.finder-results h3{font-size:30px}.finder-results p{font-size:14px;line-height:1.5}.finder-results .pill{align-self:start}.catalog{padding:28px 3.5% 55px;background:linear-gradient(115deg,#f6efe3,#efe5d7)}.catalog-top{display:flex;align-items:center;gap:35px}.catalog h2{font-size:clamp(30px,3.4vw,51px);letter-spacing:-.04em;white-space:nowrap}.category-tabs{display:flex;gap:25px;align-items:center}.category-tabs button{padding:12px 0;font-size:13px;position:relative;color:#756b60;white-space:nowrap}.category-tabs button[aria-pressed=true]{color:#231b12}.category-tabs button[aria-pressed=true]:after{content:'';height:1px;background:currentColor;position:absolute;bottom:4px;left:0;right:0}.search{margin-left:auto;border:1px solid #d3c7b6;border-radius:30px;display:flex;align-items:center;gap:10px;min-width:180px;width:260px;padding:10px 17px}.search>span{font-size:23px;line-height:1}.search input{width:100%;min-width:0;border:0;background:transparent;font-size:12px;color:#4e4234;outline-offset:3px}.search input::placeholder{color:#837463}.catalog-status{display:flex;justify-content:space-between;font-family:'DM Sans',sans-serif;font-size:10px;color:#756857;min-height:29px;align-items:center;margin:5px 0}.catalog-status button{text-decoration:underline;padding:4px 0;font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-photo{position:relative;display:block;width:100%;aspect-ratio:.91;padding:0;border-radius:7px;overflow:hidden;background-color:#382715;background-size:cover;background-position:center}.stage-amber{background-image:url('assets/amber-stage.webp')}.stage-blue{background-image:url('assets/blue-stage.webp')}.stage-black{background-image:url('assets/black-stage.webp')}.product-photo img{width:100%;height:100%;object-fit:contain;padding:15px 12px 10px;transition:transform .55s cubic-bezier(.22,.61,.36,1);filter:drop-shadow(0 7px 7px #0006)}.product-photo:hover img{transform:scale(1.045) translateY(-3px)}.product-card{position:relative;min-width:0}.product-card h3{font-size:20px;line-height:1.2;margin-top:13px;padding-right:24px}.product-card h3 span{display:block}.product-card .view-perfume{font-size:13px;border-bottom:1px solid #95816c;padding:0 0 4px;margin-top:17px}.save-mini{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:50%;background:#f6eadbe8;color:#362719;z-index:2;display:grid;place-items:center;padding:0;font-family:Arial,sans-serif;font-size:20px}.save-mini[aria-pressed=true]{background:#2c1d11;color:#ffe5b2}.empty{padding:50px 0;text-align:center}.empty h3{font-size:35px}.empty p{margin:12px 0 25px}footer{padding:35px 4%;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;background:#21180f;color:#efe1cd}footer .wordmark{font-size:26px}footer p{font-size:16px}footer>a:last-of-type{font-size:12px}.demo-note{font-family:'DM Sans',sans-serif;flex-basis:100%;font-size:10px;color:#baaa94;border-top:1px solid #c7ae891f;padding-top:16px}dialog{border:0;padding:0;background:var(--cream);color:var(--ink);max-height:92dvh;overscroll-behavior:contain}dialog::backdrop{background:#110d09b0;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.product-dialog{width:min(920px,94vw);overflow:auto}.dialog-close{position:absolute;right:15px;top:15px;z-index:5;background:#f3eadc;border-radius:50%;width:37px;height:37px;font-family:Arial;font-size:26px}.detail-layout{display:grid;grid-template-columns:47% 53%}.detail-visual{min-height:540px;background-size:cover;background-position:center;display:grid;place-items:center;overflow:hidden}.detail-visual img{width:90%;height:90%;max-height:560px;object-fit:contain;filter:drop-shadow(0 10px 9px #0006)}.detail-copy{padding:55px 36px 30px}.detail-brand{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6f604e}.detail-copy h2{font-size:48px;line-height:1.08;margin:12px 0}.detail-type{font-size:14px;color:#75634f}.detail-description{font-size:16px;line-height:1.55;margin:25px 0}.detail-copy h3{font-size:17px;margin-top:20px}.notes{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 25px}.notes span{border:1px solid #d3c2ac;border-radius:20px;padding:7px 12px;font-family:'DM Sans',sans-serif;font-size:11px}.detail-save{width:100%;margin:8px 0 18px}.detail-concept{display:block;font-size:12px;color:#76634d;line-height:1.6}.detail-disclaimer{font-family:'DM Sans',sans-serif;font-size:10px;line-height:1.6;color:#82715d;margin-top:20px}.selection-dialog{width:460px;max-width:100vw;max-height:100dvh;height:100dvh;margin:0 0 0 auto;padding:30px;inset:0;overflow:auto}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dialog-heading h2{font-size:32px}.dialog-heading button{font-family:Arial;font-size:28px;padding:0 5px}.selection-row{display:grid;grid-template-columns:82px 1fr;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #d9cebe}.selection-row .product-photo{height:100px;aspect-ratio:auto}.selection-row .product-photo img{padding:5px}.selection-row h3{font-size:20px}.selection-row p{font-size:12px;color:#756b5b;margin:6px 0 12px}.selection-row .row-actions{display:flex;gap:20px;font-size:12px}.selection-row .row-actions button{border-bottom:1px solid #a69580;padding:0 0 3px}.selection-note{font-size:13px;line-height:1.7;color:#746450;margin:25px 0}.selection-empty p{line-height:1.7;margin:20px 0}.toast{position:fixed;z-index:60;bottom:22px;left:50%;transform:translateX(-50%);background:#2b2117;color:#fff2df;font-size:13px;padding:15px 25px;box-shadow:0 5px 20px #0002;max-width:92vw;width:max-content}.no-js{padding:30px}
@media(max-width:1150px){.header{left:10%;right:10%;top:25px}.wordmark{font-size:26px}.header nav{gap:20px;font-size:12px}.hero-pagination{gap:10px;font-size:11px}.scene-dots button{width:17px}.scene-copy p{font-size:26px}.scene-brand p{font-size:18px}.scene-brand small{font-size:15px}.finder-actions{gap:18px}.finder-progress i{width:18px}.finder-top p{margin-left:0;font-size:16px}.finder-options{gap:16px}.catalog-top{gap:25px;flex-wrap:wrap}.catalog h2{font-size:39px}.category-tabs{gap:20px}.search{width:220px}.product-grid{gap:18px}.product-card h3{font-size:18px}}
@media(max-width:760px){:root{--hero-height:88svh}.hero{min-height:570px}.story-track{height:calc(max(570px,88svh) + 105svh)}.header{top:22px;left:9%;right:9%;flex-wrap:wrap;gap:18px 10px}.wordmark{font-size:24px}.wordmark small{font-size:6px;letter-spacing:.22em}.header nav{order:3;flex-basis:100%;justify-content:space-between;font-size:11px;gap:10px}.hero-pagination{margin-left:auto;font-size:10px;gap:8px}.scene-dots{gap:4px}.scene-dots button{width:12px}.scene-window{inset:0 4%}.peek{width:4%}.peek-arrow{font-size:20px}.peek-image img{width:420%;left:-160%;height:53%;bottom:10%}.scene-copy{top:22%;left:7%;width:43%}.scene-copy p{font-size:21px;line-height:1.12}.scene-copy .pill{font-size:11px;padding:9px 15px;min-width:125px;margin-top:13px;gap:20px}.scene-brand{top:23%;right:7%;width:38%}.scene-brand p{font-size:12px;letter-spacing:.05em}.scene-brand small{font-size:13px;margin-top:9px}.bottle-wrap{top:32%;height:59%;left:20%;width:60%}.hero-title{font-size:26vw;bottom:12.5%;letter-spacing:-.07em}.perfume-scene[data-perfume=umbral] .hero-title{font-size:22vw;bottom:15%}.perfume-scene[data-perfume=bruma] .hero-title{font-size:25vw;bottom:15%}.hero-bottom{left:10%;right:10%;bottom:19px;flex-wrap:wrap;gap:18px;justify-content:space-between}.hero-bottom button,.catalog-shortcut{font-size:8px}.scroll-hint{font-size:11px;bottom:24px}.finder{padding:25px 5% 13px}.finder-top{flex-wrap:wrap;gap:20px;margin-bottom:18px}.finder h1{font-size:36px}.finder-top p{font-size:14px;margin-top:9px}.finder-actions{width:100%;justify-content:space-between;gap:15px}.finder-progress{font-size:10px;gap:5px}.finder-progress i{width:15px}.finder-progress i:first-of-type{margin-left:3px}.finder-actions .pill{font-size:11px;padding:11px 16px;gap:12px}.finder-options{gap:10px}.scent-option{aspect-ratio:.7;border-radius:6px}.scent-option .option-label{font-size:20px;left:9px;bottom:43px}.scent-option .check{right:10px;bottom:10px;width:24px;height:24px;font-size:17px}.finder-bottom{font-size:10px;flex-wrap:wrap;gap:8px}.finder-bottom button{font-size:10px}.finder-results{grid-column:1/-1;min-height:150px;padding:20px}.finder-results h3{font-size:28px}.catalog{padding:22px 5% 35px}.catalog-top{gap:16px;justify-content:space-between}.catalog h2{font-size:33px;width:100%}.category-tabs{gap:24px;order:2;width:100%;justify-content:space-between}.category-tabs button{font-size:12px;padding:9px 0}.search{width:100%;margin:0;order:3;padding:9px 15px}.catalog-status{margin-top:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.product-photo{aspect-ratio:.78}.product-photo img{padding:12px 5px}.product-card h3{font-size:17px;margin-top:10px;line-height:1.15;padding-right:0}.product-card .view-perfume{font-size:12px;margin-top:13px}.save-mini{width:29px;height:29px;right:7px;top:7px;font-size:18px}footer{padding:30px 5%;gap:25px}footer p{font-size:14px}footer>a:last-of-type{font-size:11px}.demo-note{font-size:9px;line-height:1.6}.detail-layout{grid-template-columns:1fr}.detail-visual{min-height:0;height:300px}.detail-visual img{height:285px;width:80%}.detail-copy{padding:27px}.detail-copy h2{font-size:39px}.detail-description{font-size:15px;margin:20px 0}.product-dialog{width:94vw;max-height:94dvh}.dialog-close{position:fixed;top:calc(3dvh + 12px);right:calc(3vw + 12px)}.selection-dialog{padding:24px;width:100%}.toast{font-size:12px}.scene-shade{background:linear-gradient(180deg,#160d0766,transparent 55%,#120c0630)}}
:root{--hero-height:100svh}.finder-results{grid-column:1/-1}.bottle-wrap{top:7%;height:86%;left:29%;width:42%}
@media(max-width:760px){.story-track{height:calc(max(570px,100svh) + 105svh)}.bottle-wrap{top:32%;height:59%;left:20%;width:60%}}
.stage-rose{background:#d9bbac url('assets/floral.webp') center/cover}
body.reduced .story-track{height:var(--hero-height);min-height:570px}body.reduced .hero{position:relative}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.story-track{height:var(--hero-height);min-height:570px}.hero{position:relative}}