/* Selected scent scenes, one uninterrupted scroll. */
.scent-journey{--scene-bg:#c2e0db;--scene-ink:#123e45;--scene-accent:#397b85;--scene-glow:#e4f5bd;position:relative;margin:0 24px;height:200svh;color:var(--scene-ink)}
.scent-stage{position:sticky;top:12px;height:calc(100svh - 140px);min-height:600px;max-height:860px;overflow:clip;border-radius:8px;background:var(--scene-bg);isolation:isolate;transition:background 900ms ease,color 700ms ease}
.scent-stage::before{content:'';position:absolute;inset:-20%;background:radial-gradient(ellipse at 76% 35%,var(--scene-glow),transparent 52%);opacity:.85;transition:background 900ms;pointer-events:none;z-index:-1}
.scent-journey[data-scene="1"]{--scene-bg:#e4b69a;--scene-ink:#512a1d;--scene-accent:#a8592d;--scene-glow:#ffebad}
.scent-journey[data-scene="2"]{--scene-bg:#c6bed5;--scene-ink:#30273f;--scene-accent:#705080;--scene-glow:#eee0ef}
.scent-topline{position:absolute;top:34px;left:42px;right:42px;display:flex;justify-content:space-between;gap:24px;font-size:11px;letter-spacing:.13em;font-weight:600;z-index:4}
.scent-topline>span:last-child{letter-spacing:.05em;opacity:.75}
.scent-copy{position:absolute;top:23%;left:5%;width:43%;z-index:4}
.scent-kicker{display:flex;align-items:center;gap:11px;font-size:12px;margin-bottom:25px;letter-spacing:.03em}
.scent-kicker::before{content:'';width:24px;height:1px;background:currentColor}
.scent-copy h1{font-size:clamp(58px,6.9vw,106px);font-weight:500;line-height:1.01;letter-spacing:-.075em;max-width:8.8ch}
.scent-copy h1 span{display:block;color:inherit}
.scent-copy>p{max-width:310px;margin:26px 0 28px;font-size:15px;line-height:1.7}
.scent-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 0;border-bottom:1px solid currentColor;font-weight:700;font-size:13px;min-width:195px;transition:gap .2s}
.scent-cta:hover{gap:45px}.scent-cta svg{width:19px;height:19px}
.scent-art{position:absolute;top:10%;bottom:31%;left:43%;right:3%;touch-action:pan-y}
.scent-orbit{position:absolute;width:86%;max-width:55svh;aspect-ratio:1;top:50%;left:50%;translate:-50% -50%;border:1px solid currentColor;border-radius:50%;opacity:.17;transform:rotateX(24deg) rotateZ(-18deg);transition:transform 1.2s ease}
.scent-orbit::after{content:'';position:absolute;inset:9%;border:1px solid currentColor;border-radius:50%}
.scent-journey[data-scene="1"] .scent-orbit{transform:rotateX(38deg) rotateZ(35deg)}
.scent-journey[data-scene="2"] .scent-orbit{transform:rotateX(12deg) rotateZ(-35deg)}
.scent-word{position:absolute;top:33%;left:50%;transform:translateX(-50%) rotate(-90deg);font-family:'Schibsted Grotesk',sans-serif;font-size:clamp(80px,10.5vw,164px);font-weight:600;line-height:1;letter-spacing:-.07em;color:var(--scene-ink);opacity:.075;white-space:nowrap;pointer-events:none}
.scent-bottles{position:absolute;inset:0;transform:translate3d(var(--mx,0px),var(--my,0px),0) rotate(var(--mr,-7deg));transition:transform .7s cubic-bezier(.2,.7,.2,1);mix-blend-mode:multiply}
.scent-bottle{position:absolute;inset:0;margin:0;display:grid;place-items:center;opacity:0;transform:translate3d(100px,30px,0) rotate(14deg) scale(.8);transition:opacity .65s ease,transform 1s cubic-bezier(.18,.75,.2,1);pointer-events:none}
.scent-bottle.is-active{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}
.scent-bottle.is-exiting{transform:translate3d(-90px,-15px,0) rotate(-15deg) scale(.9)}
.scent-bottle img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-height:470px;object-fit:contain;user-select:none;-webkit-user-drag:none}
.scent-bottle[data-bottle="1"] img{width:94%;height:94%}.scent-bottle[data-bottle="2"] img{width:96%;height:96%}
.scent-shadow{position:absolute;bottom:4%;left:24%;width:55%;height:25px;background:var(--scene-ink);opacity:.14;filter:blur(17px);border-radius:50%;transform:rotate(-6deg)}
.scent-spray{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.scent-spray-button{position:absolute;right:24px;top:47%;z-index:5;display:grid;place-items:center;width:48px;height:48px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;transition:background .2s,transform .2s}
.scent-spray-button:hover{background:#ffffff30;transform:scale(1.08)}.scent-spray-button svg{width:21px;height:21px}
.scent-caption{position:absolute;bottom:20%;left:52%;right:7%;z-index:4;display:flex;align-items:end;justify-content:space-between;gap:14px}
.scent-caption small{font-size:10px;letter-spacing:.13em}.scent-caption h2{font-size:clamp(22px,2.2vw,32px);letter-spacing:-.045em;font-weight:500;margin-top:5px}.scent-caption .scent-profile{font-size:12px;color:inherit;margin-top:8px;opacity:.8}
.scent-caption-number{font-size:14px;align-self:start;font-variant-numeric:tabular-nums}
.scent-controls{position:absolute;bottom:0;left:0;right:0;padding:0 42px 22px;z-index:5}
.scent-selector{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #0002}
.scent-choice{position:relative;display:flex;align-items:center;gap:18px;min-height:79px;padding:18px 18px 18px 0;background:none;color:inherit;text-align:left;opacity:.55;transition:opacity .3s}
.scent-choice[aria-pressed="true"],.scent-choice:hover{opacity:1}
.scent-choice::before{content:'';position:absolute;left:0;right:24px;top:-1px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.scent-choice[aria-pressed="true"]::before{transform:scaleX(1)}
.scent-choice>span:first-child{font-size:12px;font-variant-numeric:tabular-nums}.scent-choice strong{display:block;font-size:16px;font-weight:500}.scent-choice small{display:block;font-size:10px;letter-spacing:.04em;margin-top:2px}
.scent-choice svg{width:18px;height:18px;margin-left:auto;margin-right:20px}
.scent-bottomline{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;opacity:.8}
.scent-scroll-hint{display:flex;align-items:center;gap:8px}.scent-scroll-hint svg{width:14px;height:14px}.scent-touch-hint{display:none}
.scent-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;width:100%;transform:scaleX(var(--progress,0));transform-origin:left;opacity:.35}
.scent-copy.is-changing{animation:scent-copy-in .7s cubic-bezier(.2,.7,.2,1) both}
.scent-caption.is-changing{animation:scent-copy-in .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes scent-copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.scent-journey :is(button,a):focus-visible{outline:3px solid currentColor;outline-offset:5px}
.scent-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1700px){.scent-copy h1{font-size:112px}}
@media(min-width:1001px) and (max-height:850px){.scent-copy{top:18%}.scent-copy h1{font-size:clamp(58px,5.7vw,80px)}.scent-kicker{margin-bottom:18px}.scent-copy>p{font-size:14px;margin:18px 0 12px}.scent-caption{bottom:23%}.scent-art{bottom:34%}}
@media(max-width:1000px) and (min-width:701px){.scent-copy{left:4%;width:45%;top:22%}.scent-copy h1{font-size:clamp(42px,6.3vw,65px)}.scent-art{left:42%;right:0;bottom:26%}.scent-topline{left:30px;right:30px}.scent-controls{padding-left:30px;padding-right:30px}.scent-caption{left:51%;bottom:24%}.scent-spray-button{right:10px}.scent-choice{gap:10px}.scent-choice svg{margin-right:4px}}
@media(max-width:700px){
 .scent-journey{height:auto;margin:0 14px}.scent-stage{position:relative;top:0;height:850px;min-height:0;max-height:none}
 .scent-topline{top:24px;left:23px;right:23px;font-size:9px}.scent-topline>span:last-child{display:none}
 .scent-copy{top:72px;left:24px;width:calc(100% - 48px)}.scent-kicker{font-size:11px;margin-bottom:16px}.scent-copy h1{font-size:clamp(45px,11.7vw,70px);max-width:none;line-height:.99;letter-spacing:-.07em}
 .scent-copy>p{font-size:12px;line-height:1.6;max-width:240px;margin:17px 0 6px}.scent-cta{font-size:11px;min-width:180px;padding:10px 0;gap:18px}
 .scent-art{top:325px;bottom:225px;left:6%;right:6%}.scent-orbit{width:92%;left:50%;top:50%}.scent-word{font-size:82px;top:40%}.scent-bottle img{max-height:280px}.scent-shadow{bottom:0}.scent-spray-button{right:2px;top:50%;width:39px;height:39px}
 .scent-caption{left:24px;right:24px;bottom:151px;align-items:center}.scent-caption h2{font-size:24px;margin-top:3px}.scent-caption small{font-size:9px}.scent-caption .scent-profile{font-size:10px;margin-top:4px}.scent-caption-number{font-size:12px}
 .scent-controls{padding:0 20px 19px}.scent-choice{gap:8px;min-height:82px;padding:16px 6px 16px 0;align-items:start}.scent-choice strong{font-size:12px}.scent-choice small{font-size:9px}.scent-choice>span:first-child{font-size:9px;padding-top:2px}.scent-choice svg{display:none}.scent-choice::before{right:10px}.scent-bottomline{font-size:9px;gap:12px;align-items:start}.scent-bottomline>span:first-child{max-width:170px}.scent-scroll-hint{display:none}.scent-touch-hint{display:flex;gap:5px;align-items:center;white-space:nowrap}.scent-touch-hint svg{width:13px;height:13px}.scent-progress{display:none}
}
@media(max-width:360px){.scent-copy h1{font-size:43px}.scent-choice{gap:5px}.scent-choice strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.scent-journey{height:auto}.scent-stage{position:relative;top:0}.scent-stage,.scent-stage::before,.scent-bottles,.scent-bottle,.scent-orbit,.scent-choice::before{transition:none}.scent-copy.is-changing,.scent-caption.is-changing{animation:none}.scent-spray,.scent-spray-button,.scent-progress,.scent-scroll-hint{display:none}.scent-touch-hint{display:flex}}