/* Cinematic worlds — distinct art direction per fragrance. */
.worlds-intro{background:#0b0c0d;color:#f4ebdf;padding:clamp(100px,15vw,220px) 6vw;text-align:center;position:relative;overflow:hidden}
.worlds-intro:before{content:"09";font:italic clamp(20rem,50vw,55rem)/1 Georgia,serif;position:absolute;inset:0;display:grid;place-items:center;color:#ffffff09;pointer-events:none}
.worlds-intro .eyebrow{color:#c9a37c}.worlds-intro h2{font-size:clamp(4.8rem,11vw,12rem);line-height:.83;letter-spacing:-.075em;margin:26px auto;max-width:1250px;position:relative}
.worlds-intro>p:not(.eyebrow){max-width:600px;margin:35px auto;color:#d6c7b7;position:relative}
.worlds-grid{background:#0c0e0d;color:#fff;display:grid;grid-template-columns:repeat(3,1fr)}
.world-tile{min-height:clamp(540px,68vw,950px);position:relative;isolation:isolate;display:flex;align-items:end;padding:clamp(20px,3vw,46px);overflow:hidden;border-right:1px solid #ffffff1d}
.world-tile:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--world-backdrop);transition:transform 1.7s cubic-bezier(.18,.8,.18,1)}
.world-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0a0a0bf5,transparent 72%);pointer-events:none}
.world-tile:hover:before{transform:scale(1.12)}
.world-tile .film-vessel{position:absolute;left:50%;top:18%;transform:translateX(-50%) rotate(-7deg);width:clamp(100px,14vw,230px);aspect-ratio:.66;filter:drop-shadow(22px 30px 23px #0008);transition:transform 1.2s cubic-bezier(.18,.8,.2,1)}
.world-tile:hover .film-vessel{transform:translate(-50%,-24px) rotate(2deg)}
.film-vessel .bottle-wrap{min-width:0;max-width:none;width:100%;height:100%}
.world-tile[data-world=ember]{--world-backdrop:radial-gradient(circle at 50% 42%,#a46b48,#392925 45%,#090b0e 90%)}
.world-tile[data-world=veil]{--world-backdrop:radial-gradient(circle at 50% 40%,#c9aaa8,#665259 48%,#141214 91%)}
.world-tile[data-world=tide]{--world-backdrop:radial-gradient(circle at 50% 40%,#81aaa7,#234653 51%,#081219 91%)}
.world-tile-copy{width:100%;position:relative}
.world-tile-copy h3{font-size:clamp(3.5rem,5vw,7rem);letter-spacing:-.06em;line-height:.9;margin:15px 0}
.world-tile-copy p:not(.eyebrow){max-width:280px;color:#f5ebdece;font-size:13px;margin-bottom:18px}
.world-tile-copy .text-action{font-size:10px}
.world-tile .eyebrow{color:#e3c2a1}
.film-intermission{background:#0e0e0e;color:white;position:relative;min-height:80svh;display:grid;place-items:center;text-align:center;overflow:hidden;padding:12vh 5vw;isolation:isolate}
.film-intermission img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.film-intermission::after{content:"";position:absolute;inset:0;background:#060607ad;z-index:-1}
.film-intermission h2{font-size:clamp(4rem,10vw,11rem);line-height:.91;letter-spacing:-.072em;margin:18px auto 26px;max-width:1100px}
.film-intermission p{color:#f0d5bb;max-width:580px;margin:auto}
.film-intermission .btn{margin-top:32px}
.world-detail{background:#0b0c0d;color:#f6efe6}
.world-detail .world-detail-hero{position:relative;min-height:100svh;display:flex;align-items:end;overflow:hidden;isolation:isolate;padding:12vh 7vw}
.world-detail .world-detail-hero:before{content:"";position:absolute;inset:0;background:var(--world-backdrop);z-index:-3}
.world-detail .world-detail-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 42%,transparent,#0008 75%),linear-gradient(90deg,#060607cd,transparent 85%)}
.world-detail .world-detail-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.32}
.world-detail .world-detail-hero .world-detail-copy{position:relative;z-index:2;max-width:760px}
.world-detail .world-detail-hero h1{font-size:clamp(6rem,13vw,16rem);line-height:.78;letter-spacing:-.085em;margin:25px 0}
.world-detail .world-detail-hero p:not(.eyebrow){max-width:520px;color:#e0d2c6;margin-bottom:30px}
.world-detail .world-detail-hero .film-vessel{position:absolute;z-index:1;right:10%;top:17%;width:clamp(165px,23vw,370px);aspect-ratio:.68;filter:drop-shadow(30px 55px 35px #000b);transform:rotate(-8deg)}
.world-detail .world-detail-hero .film-vessel .bottle-wrap{width:100%;height:100%;min-width:0;max-width:none}
.world-detail .world-detail-hero[data-world=ember]{--world-backdrop:radial-gradient(circle at 73% 36%,#a86e4d,#422b27 45%,#0d0a0a 94%)}
.world-detail .world-detail-hero[data-world=veil]{--world-backdrop:radial-gradient(circle at 71% 39%,#c5a3aa,#52434e 48%,#0e0b13 95%)}
.world-detail .world-detail-hero[data-world=tide]{--world-backdrop:radial-gradient(circle at 73% 36%,#97c3b3,#265862 48%,#07101a 94%)}
.world-detail .story-beats{display:grid;grid-template-columns:1fr 1fr;min-height:85svh}
.world-detail .story-beats .beat-copy{padding:clamp(55px,10vw,160px);align-self:center}
.world-detail .story-beats h2{font-size:clamp(3.4rem,7vw,8rem);line-height:.91;letter-spacing:-.055em;margin:20px 0 26px}
.world-detail .story-beats .beat-photo{min-height:65svh;overflow:hidden}
.world-detail .story-beats .beat-photo img{width:100%;height:100%;object-fit:cover}
.world-detail .story-beats p:not(.eyebrow){max-width:490px;color:#d7c7b8}
.world-detail .world-next{padding:100px 6vw;text-align:center;background:#ebe1d6;color:#26211d}
.world-detail .world-next h2{font-size:clamp(3.3rem,7vw,8rem);margin:20px 0}
.world-detail .world-next .button-row{justify-content:center}
@media(max-width:960px){.worlds-grid{grid-template-columns:1fr}.world-tile{min-height:620px}.world-tile .film-vessel{top:13%;width:200px}.world-tile-copy h3{font-size:4.8rem}.world-detail .story-beats{grid-template-columns:1fr}.world-detail .story-beats .beat-photo{height:430px}.world-detail .world-detail-hero .film-vessel{right:7%;top:15%;width:230px;opacity:.83}}
@media(max-width:600px){.worlds-intro h2{font-size:clamp(4rem,15vw,6rem)}.world-detail .world-detail-hero{min-height:92svh;padding:110px 22px 80px}.world-detail .world-detail-hero h1{font-size:clamp(5rem,20vw,8rem)}.world-detail .world-detail-hero .film-vessel{right:3%;top:16%;width:180px;opacity:.68}.world-detail .story-beats .beat-copy{padding:65px 24px}.world-detail .story-beats .beat-photo{height:370px}.world-tile{min-height:530px}.world-tile .film-vessel{width:165px}.world-tile-copy h3{font-size:4rem}}
@media(prefers-reduced-motion:reduce){.world-tile:before,.world-tile .film-vessel{transition:none!important;transform:none!important}}