:root{--night:#130d13;--charcoal:#191719;--glass:#544751;--skin:#eed8cb;--coral:#ff6048;--herbal:#b8d39f;--paper:#f1eee8;--ink:#181316;--muted:#92858d;--gutter:clamp(1rem,3vw,3.5rem);--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--serif:Baskerville,"Times New Roman",serif;--mono:"SFMono-Regular",Menlo,Monaco,monospace;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip;background:var(--night)}body{margin:0;overflow-x:clip;color:var(--paper);background:var(--night);font-family:var(--sans);cursor:none}body.loading{overflow:hidden}a{color:inherit;text-decoration:none;cursor:none}::selection{color:var(--paper);background:var(--coral)}
.loader{position:fixed;z-index:1000;inset:0;display:grid;place-content:center;justify-items:center;gap:1.5rem;background:var(--night);clip-path:inset(0);transition:clip-path 1s var(--ease),visibility 1s}.loader.hidden{visibility:hidden;clip-path:inset(0 0 100% 0)}.loader p{margin:0;color:#9a8d94;font:500 .5rem/1 var(--mono);letter-spacing:.14em}.loader p span{color:var(--coral)}.drop{position:relative;width:4.5rem;height:5.5rem;border:1px solid #5b4c54;border-radius:60% 40% 65% 35%/65% 35% 65% 35%;transform:rotate(45deg);animation:drop 2.5s ease-in-out infinite}.drop i{position:absolute;inset:32%;border-radius:50%;background:var(--coral);box-shadow:0 0 2rem rgba(255,96,72,.6)}@keyframes drop{50%{transform:rotate(225deg) scale(.85)}}
.noise{position:fixed;z-index:90;inset:-40%;width:180%;height:180%;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:noise .24s steps(2) infinite}@keyframes noise{0%{transform:translate(0)}50%{transform:translate(2%,-1%)}100%{transform:translate(-1%,2%)}}
.cursor{position:fixed;z-index:700;top:0;left:0;width:2.8rem;height:2.8rem;border:1px solid rgba(255,96,72,.65);border-radius:50%;pointer-events:none;transform:translate3d(-100px,-100px,0);mix-blend-mode:difference;transition:width .3s var(--ease),height .3s var(--ease),background .3s}.cursor i{position:absolute;top:50%;left:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:white}.cursor span{position:absolute;inset:0;display:grid;place-items:center;opacity:0;font:500 .42rem/1 var(--mono);letter-spacing:.08em}.cursor.hover{width:5rem;height:5rem;background:rgba(255,255,255,.08)}.cursor.hover i{opacity:0}.cursor.hover span{opacity:1}
.header{position:fixed;z-index:100;top:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;width:100%;padding:1.25rem var(--gutter);align-items:center;mix-blend-mode:difference}.logo{width:max-content;font-size:1.15rem;font-weight:700;letter-spacing:-.04em}.logo span{display:inline-grid;width:1.35rem;height:1.35rem;margin-left:.35rem;border:1px solid var(--coral);border-radius:50%;place-items:center;color:var(--coral);font:500 .4rem/1 var(--mono);vertical-align:middle}.formula{font:500 .48rem/1 var(--mono);letter-spacing:.12em}.header-cta{justify-self:end;display:flex;height:2.7rem;padding:0 .35rem 0 1rem;border:1px solid rgba(255,255,255,.5);border-radius:99px;align-items:center;gap:.8rem;font:500 .48rem/1 var(--mono);letter-spacing:.08em;transition:transform .25s}.header-cta i{display:grid;width:2rem;height:2rem;border-radius:50%;color:var(--paper);background:var(--coral);place-items:center;font-style:normal;font-size:.9rem;transition:transform .35s}.header-cta:hover i{transform:rotate(45deg)}
.scent-theatre{position:relative;height:800vh;background:var(--night)}.scent-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--night);transition:color .5s}.scent-sticky.washed{color:var(--night)}#scent-field{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}.wash-layer{position:absolute;z-index:1;inset:-30%;background:radial-gradient(circle at 68% 52%,var(--skin) 0 10%,#d99583 22%,var(--coral) 40%,var(--skin) 66%);opacity:var(--wash-opacity,0);transform:scale(var(--wash-scale,.1));border-radius:50%}.bottle-grid{position:absolute;z-index:1;top:50%;left:68%;width:min(68vw,62rem);aspect-ratio:1;border:1px solid rgba(238,216,203,.1);border-radius:50%;transform:translate(-50%,-50%) rotate(var(--grid-r,0deg));opacity:var(--grid-opacity,.55)}.bottle-grid::before,.bottle-grid::after{content:"";position:absolute;border:1px solid rgba(238,216,203,.08);border-radius:50%}.bottle-grid::before{inset:17%}.bottle-grid::after{inset:35%}
.story-copy{position:absolute;z-index:10;top:18%;left:var(--gutter);width:min(38vw,36rem)}.story-eyebrow{margin:0;color:#9b8c94;font:500 .5rem/1 var(--mono);letter-spacing:.13em}.story-titles{position:relative;height:clamp(14rem,37vh,24rem);margin-top:2.4rem}.story-titles h1,.story-titles h2{position:absolute;inset:0;margin:0;opacity:0;font-size:clamp(4rem,7.1vw,8rem);font-weight:300;line-height:.84;letter-spacing:-.075em;transform:translateY(2rem);transition:opacity .55s,transform .75s var(--ease)}.story-titles .active{opacity:1;transform:translateY(0)}.story-titles em{color:var(--coral);font-family:var(--serif);font-weight:400}.washed .story-titles em{color:var(--night)}.story-description{max-width:25rem;margin:0;color:#aa9da4;font-size:.78rem;line-height:1.65;transition:opacity .3s,transform .5s,color .5s}.washed .story-description,.washed .story-eyebrow{color:rgba(19,13,19,.64)}
.bottle-stage{position:absolute;z-index:7;top:51%;left:68%;width:min(38vw,34rem);aspect-ratio:650/820;transform:translate(-50%,-50%) scale(var(--stage-scale,1));perspective:1300px}.bottle{position:absolute;z-index:5;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2rem 3rem rgba(0,0,0,.45));transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) rotateZ(var(--bottle-r,0deg));opacity:var(--bottle-opacity,1)}.bottle-part{transform-box:fill-box;transform-origin:center;will-change:transform}.bottle-back{transform:translate(var(--back-x,0px),var(--back-y,0px)) rotate(var(--back-r,0deg))}.liquid-core{transform:translate(var(--liquid-x,0px),var(--liquid-y,0px)) rotate(var(--liquid-r,0deg)) scale(var(--liquid-s,1))}.inner-tube{transform:translate(var(--tube-x,0px),var(--tube-y,0px)) rotate(var(--tube-r,0deg))}.glass-shell{transform:translate(var(--glass-x,0px),var(--glass-y,0px)) rotate(var(--glass-r,0deg)) scale(var(--glass-s,1))}.label{transform:translate(var(--label-x,0px),var(--label-y,0px)) rotate(var(--label-r,0deg))}.collar{transform:translate(var(--collar-x,0px),var(--collar-y,0px)) rotate(var(--collar-r,0deg))}.atomizer{transform:translate(var(--atom-x,0px),var(--atom-y,0px)) rotate(var(--atom-r,0deg))}.cap{transform:translate(var(--cap-x,0px),var(--cap-y,0px)) rotate(var(--cap-r,0deg))}.liquid-shape{transform:translateY(var(--liquid-wave,0px)) rotate(var(--liquid-wave-r,0deg));transform-origin:center}.bottle.afterglow-mode .bottle-back path{fill:#6d1f29;stroke:#ff9a82}.bottle.afterglow-mode .glass-shell path:first-child{fill:rgba(255,96,72,.42);stroke:#ffb4a0}.bottle.afterglow-mode .cap path:first-child{fill:#2a1117}.bottle.afterglow-mode .label rect{fill:#211318}.bottle.afterglow-mode .label text:first-of-type{fill:#f4ddd3}.bottle.afterglow-mode .label path{stroke:#ff6048}
.bottle-shadow{position:absolute;z-index:1;right:15%;bottom:6%;left:15%;height:3.5rem;border-radius:50%;background:rgba(0,0,0,.6);filter:blur(28px);opacity:var(--shadow-opacity,.65);transform:scale(var(--shadow-scale,1))}.scent-halo{position:absolute;z-index:1;top:55%;left:50%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,96,72,var(--halo-alpha,.16)),transparent 68%);filter:blur(14px);transform:translate(-50%,-50%) scale(var(--halo-scale,1))}.note-orbits{position:absolute;z-index:9;inset:0;opacity:var(--notes-opacity,0);pointer-events:none}.note{position:absolute;display:flex;align-items:center;gap:.55rem;font:500 .4rem/1.4 var(--mono);letter-spacing:.07em;transform:translate(var(--nx,0px),var(--ny,0px))}.note i{width:1.1rem;height:1.1rem;border-radius:50%;background:var(--note-color);box-shadow:0 0 1.5rem var(--note-color)}.note-iris{--note-color:#eed8cb;top:21%;left:-12%}.note-incense{--note-color:#8b727f;top:43%;right:-23%}.note-cedar{--note-color:#b8d39f;right:-8%;bottom:18%}
.part-label{position:absolute;z-index:10;display:grid;grid-template-columns:auto 3rem auto;align-items:center;opacity:var(--labels-opacity,0);transform:translateY(calc((1 - var(--labels-opacity,0))*8px));font:500 .4rem/1.4 var(--mono);letter-spacing:.07em}.part-label span{display:grid;width:1.35rem;height:1.35rem;border:1px solid var(--coral);border-radius:50%;place-items:center;color:var(--coral);font-size:.4rem}.part-label i{height:1px;background:rgba(238,216,203,.35)}.part-label p{margin:0 0 0 .6rem}.label-cap{top:5%;left:-20%}.label-glass{top:34%;right:-22%}.label-liquid{right:-18%;bottom:28%}.label-atomizer{top:20%;right:-27%}
.sequence-footer{position:absolute;z-index:20;right:var(--gutter);bottom:1.5rem;left:var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;padding-top:1.1rem;border-top:1px solid rgba(241,238,232,.18);align-items:center}.sequence-footer>div:first-child{display:flex;align-items:center;gap:.7rem;font:500 .47rem/1 var(--mono);letter-spacing:.1em}.sequence-footer>div:first-child i{width:.4rem;height:.4rem;border-radius:50%;background:var(--coral);box-shadow:0 0 .8rem var(--coral)}.phase-list{display:flex;gap:1.5rem;color:#60545b;font:500 .43rem/1 var(--mono);letter-spacing:.09em}.phase-list span{transition:color .3s}.phase-list .active{color:var(--paper)}.washed .phase-list .active{color:var(--night)}.sequence-footer>b{justify-self:end;font:500 .48rem/1 var(--mono)}.sequence-footer>b span{color:var(--coral)}.washed .sequence-footer{border-color:rgba(19,13,19,.18)}.progress{position:absolute;z-index:30;right:0;bottom:0;left:0;height:3px;background:rgba(255,96,72,.12)}.progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--coral),var(--skin));transform:scaleX(var(--progress,0));transform-origin:left}
.light{color:var(--ink);background:var(--paper)}.section-line{display:grid;grid-template-columns:1fr 1fr 1fr;padding:1.2rem var(--gutter);border-bottom:1px solid rgba(24,19,22,.16);font:500 .48rem/1 var(--mono);letter-spacing:.1em}.section-line span:nth-child(2){text-align:center}.section-line span:last-child{text-align:right}.dark-line{border-color:rgba(241,238,232,.14)}
.memory{position:relative;min-height:125vh;overflow:hidden}.memory-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 2.5fr;padding:12rem var(--gutter) 10rem;gap:4rem;align-items:start}.memory-layout>p{max-width:18rem;margin:.7rem 0 0;font-size:.78rem;line-height:1.65}.memory h2{margin:0;font-size:clamp(5rem,10.3vw,11.5rem);font-weight:300;line-height:.83;letter-spacing:-.08em}.memory h2 em{color:var(--coral);font-family:var(--serif);font-weight:400}.memory-rings{position:absolute;right:-12vw;bottom:-15vw;width:48vw;aspect-ratio:1;border:1px solid rgba(24,19,22,.09);border-radius:50%}.memory-rings i{position:absolute;border:1px solid rgba(24,19,22,.08);border-radius:50%}.memory-rings i:nth-child(1){inset:16%}.memory-rings i:nth-child(2){inset:33%}.memory-rings i:nth-child(3){inset:46%;background:var(--coral);opacity:.2}
.notes-section{min-height:120vh;padding-bottom:8rem;background:var(--night)}.notes-intro{display:grid;grid-template-columns:2fr 1fr;padding:9rem var(--gutter) 5rem;gap:3rem;align-items:end}.notes-intro h2{margin:0;font-size:clamp(4rem,9vw,9rem);font-weight:300;line-height:.85;letter-spacing:-.075em}.notes-intro p{max-width:25rem;margin:0;color:#a09299;font-size:.8rem;line-height:1.65}.note-cards{display:grid;grid-template-columns:repeat(3,1fr);margin:0 var(--gutter);gap:1px;background:rgba(241,238,232,.14)}.note-cards article{position:relative;min-height:39rem;display:flex;padding:1.4rem;overflow:hidden;flex-direction:column;background:#191419}.note-cards article>span{font:500 .47rem/1 var(--mono);letter-spacing:.1em}.note-cards h3{margin:auto 0 1.2rem;font-size:clamp(2.3rem,3.8vw,4.2rem);font-weight:300;line-height:.95;letter-spacing:-.06em}.note-cards p{max-width:18rem;margin:0;color:#a2949b;font-size:.75rem;line-height:1.6}.note-art{position:relative;height:17rem;margin:3rem 0;display:grid;place-items:center}.iris-art i{position:absolute;border:1px solid #8e7c85;border-radius:55% 45% 60% 40%;width:10rem;height:13rem}.iris-art i:nth-child(2){transform:rotate(60deg)}.iris-art b{width:1rem;height:1rem;border-radius:50%;background:var(--skin);box-shadow:0 0 2rem var(--skin)}.incense-card{background:#2c242a!important}.smoke-art i{position:absolute;width:4rem;height:14rem;border-left:1px solid #b9a8b0;border-radius:50%;filter:blur(.2px);animation:smoke 4s ease-in-out infinite}.smoke-art i:nth-child(2){transform:translateX(2.5rem) rotate(25deg);animation-delay:-1.3s}.smoke-art i:nth-child(3){transform:translateX(-2.5rem) rotate(-25deg);animation-delay:-2.6s}@keyframes smoke{50%{transform:translateY(-1.5rem) rotate(18deg) scaleX(1.5);opacity:.35}}.cedar-card{color:var(--night);background:var(--herbal)!important}.cedar-card p{color:rgba(19,13,19,.65)}.cedar-art i{position:absolute;width:12rem;height:12rem;border:1px solid rgba(19,13,19,.3);border-radius:50%}.cedar-art i:nth-child(2){width:8rem;height:8rem}.cedar-art b{width:3rem;height:3rem;border-radius:50%;background:var(--coral)}
.afterglow{position:relative;min-height:135vh;display:grid;grid-template-columns:42% 58%;overflow:hidden}.afterglow-copy{z-index:3;padding:12rem var(--gutter) 7rem}.afterglow-copy>span{font:500 .5rem/1 var(--mono);letter-spacing:.1em}.afterglow-copy h2{margin:5rem 0 3rem;font-size:clamp(4rem,8vw,9rem);font-weight:300;line-height:.84;letter-spacing:-.075em}.afterglow-copy p{max-width:22rem;font-size:.8rem;line-height:1.65}.afterglow-object{position:relative;display:grid;place-items:center;background:#e1b6a7}.afterglow-object::before{content:"";position:absolute;width:43vw;height:43vw;border:1px solid rgba(24,19,22,.15);border-radius:50%;box-shadow:0 0 0 8vw rgba(255,96,72,.06),0 0 0 16vw rgba(24,19,22,.03)}.mini-bottle{position:relative;width:min(27vw,24rem);height:min(39vw,35rem);border:3px solid rgba(80,23,30,.35);border-radius:4rem 4rem 6rem 6rem;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(151,39,49,.38),rgba(255,96,72,.52));box-shadow:0 3rem 5rem rgba(92,31,38,.3);transform:rotate(8deg)}.mini-cap{position:absolute;top:-25%;left:24%;width:52%;height:27%;border-radius:1.5rem;background:linear-gradient(90deg,#20171b,#493139,#130d13)}.mini-neck{position:absolute;top:-3%;left:31%;width:38%;height:8%;background:#2c2025}.mini-liquid{position:absolute;right:0;bottom:0;left:0;height:62%;border-radius:0 0 5.7rem 5.7rem;background:linear-gradient(rgba(255,96,72,.15),rgba(109,20,34,.62))}.mini-label{position:absolute;top:43%;left:50%;width:64%;padding:2rem 1rem;color:var(--paper);background:#24151b;text-align:center;font-size:2rem;font-weight:700;letter-spacing:.16em;transform:translate(-50%,-50%)}.mini-label small{display:block;margin-top:.8rem;color:var(--coral);font:500 .38rem/1 var(--mono);letter-spacing:.12em}.afterglow-meta{position:absolute;right:var(--gutter);bottom:2rem;left:calc(42% + var(--gutter));display:flex;padding-top:1rem;border-top:1px solid rgba(24,19,22,.18);justify-content:space-between;font:500 .46rem/1 var(--mono);letter-spacing:.1em}
.private{position:relative;min-height:100svh;display:flex;padding:7rem var(--gutter) 2rem;overflow:hidden;flex-direction:column;background:var(--night)}.private-cloud{position:absolute;top:50%;left:67%;width:min(62vw,58rem);aspect-ratio:1;border:1px solid rgba(255,96,72,.16);border-radius:50%;transform:translate(-50%,-50%);filter:blur(.1px)}.private-cloud i{position:absolute;border:1px solid rgba(238,216,203,.12);border-radius:50%}.private-cloud i:nth-child(1){inset:14%}.private-cloud i:nth-child(2){inset:28%;border-color:rgba(184,211,159,.18)}.private-cloud i:nth-child(3){inset:43%;background:var(--coral);border:none;box-shadow:0 0 5rem rgba(255,96,72,.45)}.private-top{position:relative;z-index:2;display:flex;justify-content:space-between;font:500 .5rem/1 var(--mono);letter-spacing:.1em}.private h2{position:relative;z-index:2;margin:auto 0;font-size:clamp(6rem,15vw,16rem);font-weight:300;line-height:.72;letter-spacing:-.085em}.private h2 em{color:var(--coral);font-family:var(--serif);font-weight:400}.private-button{position:absolute;z-index:5;top:42%;right:13%;display:grid;width:clamp(10rem,16vw,16rem);aspect-ratio:1;border-radius:50%;color:var(--night);background:var(--coral);place-items:center;text-align:center;transition:transform .25s,box-shadow .4s}.private-button:hover{box-shadow:0 0 5rem rgba(255,96,72,.35)}.private-button span{font:500 .65rem/1.4 var(--mono);letter-spacing:.1em}.private-button i{position:absolute;top:1.5rem;right:2rem;font-style:normal;transition:transform .35s}.private-button:hover i{transform:rotate(45deg)}.private footer{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;padding-top:1rem;border-top:1px solid rgba(241,238,232,.18);font:500 .47rem/1 var(--mono);letter-spacing:.09em}.private footer span:nth-child(2){text-align:center}.private footer span:last-child{text-align:right}
@media(max-width:900px){body,a{cursor:auto}.cursor{display:none}.formula{display:none}.header{grid-template-columns:1fr auto}.story-copy{top:12%;width:75vw}.story-titles{height:26vh;margin-top:1.5rem}.story-titles h1,.story-titles h2{font-size:clamp(3.5rem,11vw,6.5rem)}.story-description{display:none}.bottle-stage{top:62%;left:51%;width:min(61vw,30rem)}.bottle-grid{left:50%;width:90vw}.part-label{grid-template-columns:auto 1.5rem auto}.label-cap{left:-8%}.label-glass{right:-10%}.label-liquid{right:-7%}.label-atomizer{right:-12%}.phase-list{display:none}.sequence-footer{grid-template-columns:1fr 1fr}.sequence-footer>b{grid-column:2}.memory-layout{grid-template-columns:1fr}.memory-layout>p{order:2}.notes-intro{grid-template-columns:1fr}.note-cards{grid-template-columns:1fr}.note-cards article{min-height:34rem}.afterglow{grid-template-columns:1fr}.afterglow-copy{padding-bottom:4rem}.afterglow-object{min-height:68vh}.mini-bottle{width:min(52vw,23rem);height:min(76vw,34rem)}.afterglow-object::before{width:76vw;height:76vw}.afterglow-meta{left:var(--gutter)}}
@media(max-width:600px){.header{padding-top:1rem}.header-cta{padding-left:.35rem}.header-cta span{display:none}.scent-theatre{height:760vh}.story-copy{top:11%;width:92vw}.story-eyebrow{font-size:.42rem}.story-titles{height:24vh}.story-titles h1,.story-titles h2{font-size:13.1vw;line-height:.87}.bottle-stage{top:61%;width:76vw}.part-label p,.note span{display:none}.part-label{grid-template-columns:auto 1rem}.label-cap{left:3%}.label-glass{right:3%}.label-liquid{right:5%}.label-atomizer{right:1%}.note-orbits .note{transform:scale(.8)}.sequence-footer>div:first-child{font-size:.4rem}.memory{min-height:105vh}.memory-layout{padding-top:8rem}.memory h2{font-size:14vw}.notes-intro{padding-top:7rem}.notes-intro h2{font-size:15vw}.note-cards{margin:0 1rem}.note-cards h3{font-size:11vw}.afterglow-copy{padding-top:8rem}.afterglow-copy h2{margin-top:3rem;font-size:14vw}.afterglow-object{min-height:58vh}.afterglow-meta{font-size:.37rem}.private h2{font-size:22vw;line-height:.76}.private-button{top:58%;right:1rem;width:10rem}.private footer{grid-template-columns:1fr 1fr}.private footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scent-theatre{height:100svh}.bottle-part{transform:none!important}.part-label,.note-orbits{display:none}}