/* Scroll-led celebration scenes using the original models. */
[hidden]{display:none!important}
body{background:#140e20}
.announcement{position:absolute;top:0;left:0;right:0;z-index:9}
.header{position:absolute;top:35px;left:0;right:0;z-index:8;background:transparent}
.launch-journey{height:100vh;height:100dvh;position:relative;background:#100b19}
.journey-ready .launch-journey{height:calc(100dvh + 170svh)}
.launch-stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;isolation:isolate;background:#100b19}
.journey-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 53%,#3b24494d,transparent 52%),radial-gradient(ellipse at 50% 116%,#8755525c,transparent 48%)}
#launch-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.journey-poster{position:absolute;right:9%;top:22%;height:58%;width:34%;object-fit:contain;opacity:.9;transition:opacity .3s}
.journey-ready .journey-poster{opacity:0}
.journey-grain{position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 140px #08061166}
.journey-copy{position:absolute;left:6%;top:24%;z-index:3;max-width:58%}
.journey-ready .journey-copy{will-change:opacity,transform}
.journey-copy .eyebrow{font-size:11px;letter-spacing:2.1px;color:#c1b2d0}
.journey-copy h1{font-size:clamp(60px,7.4vw,118px);line-height:.93;margin-bottom:25px;letter-spacing:-1.5px}
.journey-copy .hero-description{font-size:17px;line-height:1.65;color:#bfb1cc}
.journey-copy-intro .hero-ctas{flex-wrap:wrap}
.journey-ready .marquee{margin-top:0}

/* Large editorial scenes: the art takes centre stage between scroll beats. */
.model-story{position:relative;height:100svh;min-height:690px;color:var(--ink);background:#f5e8de}
.model-story.is-ready{height:245svh}
.story-stage{height:100svh;min-height:690px;position:sticky;top:0;overflow:hidden;isolation:isolate}
.diwali-story .story-stage{background:radial-gradient(ellipse at 65% 55%,#fff6e9 0%,#f3e4d9 70%)}
.box-story{background:var(--lime)}
.box-story .story-stage{background:radial-gradient(ellipse at 45% 45%,#efffa5 0%,#dcfa66 73%)}
.story-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.story-poster{position:absolute;right:5%;top:14%;width:47%;height:72%;object-fit:contain;z-index:2;transition:opacity .3s}
.box-story .story-poster{right:auto;left:4%}
.model-story.is-ready .story-poster{opacity:0}
.story-overline{position:absolute;top:34px;left:6%;right:6%;z-index:4;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:700;letter-spacing:1.7px;color:#766371}
.box-story .story-overline{color:#50602b}
.chapter-copy{position:absolute;z-index:3;left:6%;top:24%;width:43%;will-change:opacity,transform}
.chapter-copy h2{font-size:clamp(68px,7.2vw,116px);line-height:.9;letter-spacing:-1.5px;margin-bottom:26px}
.chapter-copy h2 em{font-style:normal;color:#ba5146}
.chapter-copy .eyebrow{font-size:10px;letter-spacing:1.6px;color:#886574;margin-bottom:24px}
.chapter-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;color:#7a666f;margin-bottom:27px}
.box-story .chapter-copy{left:auto;right:6%;width:39%;top:23%}
.box-story .chapter-copy h2 em{color:#688e21}
.box-story .chapter-copy>p:not(.eyebrow),.box-story .chapter-copy .eyebrow{color:#57692d}
.story-outro{opacity:0;top:32%;left:auto;right:6%;width:39%;pointer-events:none}
.story-outro h2{font-size:clamp(56px,5.4vw,91px)}
.box-story .story-outro{top:30%}
.story-outro.is-current{pointer-events:auto}
.story-wordmark{position:absolute;left:0;right:0;top:28%;z-index:0;text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:26vw;font-weight:800;line-height:1;letter-spacing:-1vw;color:#b2564212;pointer-events:none;will-change:transform,opacity}
.box-story .story-wordmark{font-size:39vw;top:20%;color:#5d881317}
.story-orbit-lines{position:absolute;left:50%;top:52%;width:75vw;aspect-ratio:1;z-index:0;transform:translate(-50%,-50%) rotateX(55deg) rotateZ(-20deg);pointer-events:none;opacity:.22}
.story-orbit-lines i{position:absolute;inset:0;border:1px solid #a87470;border-radius:50%}
.story-orbit-lines i:nth-child(2){inset:13%}.story-orbit-lines i:nth-child(3){inset:26%}
.box-story .story-orbit-lines i{border-color:#6c8c32}
.story-footer{position:absolute;bottom:25px;left:6%;right:6%;z-index:5;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.story-steps{display:none;gap:25px}
.model-story.is-ready .story-steps{display:flex}
.story-steps button{display:flex;gap:8px;align-items:center;background:none;color:#927a82;font-size:9px;letter-spacing:1px;padding:9px 0;border-bottom:1px solid transparent}
.story-steps button[aria-current=step]{color:var(--ink);border-color:var(--ink)}
.box-story .story-steps button{color:#708537}.box-story .story-steps button[aria-current=step]{color:var(--ink)}
.story-next{font-size:9px;letter-spacing:1.2px;font-weight:700;white-space:nowrap;padding:8px 0}
.story-motion{margin-left:auto;background:none;font-size:10px;padding:9px 0;color:#705d65}
.box-story .story-motion{color:#53652d}
.story-progress{height:2px;width:100%;background:#6c3d5020}
.story-progress i{display:block;width:100%;height:100%;background:#a9473d;transform:scaleX(0);transform-origin:left;will-change:transform}
.box-story .story-progress{background:#6b883326}.box-story .story-progress i{background:#617f28}
.story-buy{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.story-buy strong{display:block;font-size:23px;line-height:1.3}.story-buy small{display:block;font-size:10px;color:#687633;margin-top:4px}
.model-story:not(.is-ready) .story-motion{display:none}

.motion-paused .launch-journey{height:100dvh!important}
.motion-paused .launch-stage,.motion-paused .story-stage{position:relative}
.motion-paused .story-steps,.motion-paused .story-progress{display:none!important}
.motion-paused .model-story{height:100svh!important;min-height:690px}
.motion-paused .box-story.is-ready .story-intro{display:none}
.motion-paused .box-story.is-ready .story-outro{opacity:1!important;transform:none!important}

@media(min-width:1600px){.journey-copy{left:max(6%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.journey-copy h1{font-size:clamp(60px,8vw,92px)}.story-steps{gap:16px}.story-steps button{font-size:8px;letter-spacing:.5px}.chapter-copy h2{font-size:7.5vw}.story-outro h2{font-size:6.2vw}.chapter-copy>p:not(.eyebrow){font-size:15px}.story-buy{gap:15px}.story-buy .button{padding:0 18px;font-size:12px;gap:18px}}
@media(max-width:700px){
  .header{top:30px}
  .journey-copy .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:17px}
  .journey-copy .hero-description{font-size:14px;line-height:1.5;margin-bottom:14px}
  .journey-copy-intro .hero-ctas{gap:18px}.journey-copy .button{min-height:45px;padding:0 17px;font-size:12px;gap:18px}
  .journey-copy .show-button{font-size:11px}.journey-copy .play-icon{width:25px;height:25px}
  .journey-poster{width:65%;height:35%;top:53%;right:17%}
  .model-story,.story-stage{min-height:690px}.model-story.is-ready{height:240svh}
  .story-overline{top:24px;font-size:8px;letter-spacing:1px}.story-overline>span:last-child{max-width:42%;text-align:right}
  .chapter-copy,.box-story .chapter-copy{top:12%;left:6%;right:auto;width:88%}
  .chapter-copy h2{font-size:clamp(52px,14.6vw,86px);line-height:.9;letter-spacing:-.8px;margin-bottom:15px}
  .chapter-copy .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:17px}
  .chapter-copy>p:not(.eyebrow){font-size:13px;line-height:1.5;margin-bottom:20px}
  .story-outro,.box-story .story-outro{top:auto;bottom:16%;left:6%;width:88%}
  .story-outro h2{font-size:clamp(47px,12vw,73px)}
  .story-outro>p:not(.eyebrow){max-width:280px}
  .story-outro .button{min-height:45px;font-size:12px;padding:0 18px;gap:17px}
  .story-poster,.box-story .story-poster{top:45%;left:9%;right:auto;width:82%;height:39%}
  .story-wordmark{font-size:29vw;top:40%;white-space:nowrap;left:-5%;right:-5%}.box-story .story-wordmark{top:36%;font-size:60vw}
  .story-orbit-lines{width:145vw}
  .story-footer{bottom:20px;gap:10px}.story-steps{width:100%;justify-content:space-between;gap:10px}
  .story-steps button{font-size:8px;letter-spacing:.2px;gap:5px}.story-steps button span{font-size:7px}.story-next{font-size:8px}.story-motion{margin-left:0;font-size:9px}.story-next{margin-left:auto}
  .story-progress{margin-top:4px}.story-buy{gap:17px}.story-buy strong{font-size:21px}.story-buy small{font-size:9px}
}
@media(max-width:900px) and (orientation:portrait){
  .journey-ready .launch-journey{height:calc(100dvh + 135svh)}
  .journey-copy{top:clamp(128px,18dvh,184px);left:6%;max-width:88%}
  .journey-copy h1{font-size:clamp(38px,min(12vw,7dvh),58px);line-height:.95;letter-spacing:-.6px;margin-bottom:16px}
  .journey-copy .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:17px}
  .journey-copy .hero-description{font-size:14px;line-height:1.5;margin-bottom:14px}
  .journey-copy .button{min-height:45px;padding:0 17px;font-size:12px;gap:18px}
  .journey-poster{width:70%;height:32%;top:auto;bottom:5%;right:6%}
}
@media(min-width:701px) and (max-width:900px){
  .desktop-nav{display:none;position:absolute;top:78px;left:4%;right:4%;background:var(--ink-light);padding:26px;border:1px solid var(--line);border-radius:10px;flex-direction:column;font-size:17px}
  .desktop-nav.open{display:flex}.menu-toggle{display:grid;gap:5px;background:none;padding:10px}
  .menu-toggle i{width:20px;height:2px;background:var(--cream);display:block}
}
@media(max-height:600px) and (orientation:landscape){
  .journey-ready .launch-journey{height:calc(100dvh + 130svh)}
  .header{height:64px}.journey-copy{top:110px;max-width:48%}
  .journey-copy h1{font-size:clamp(30px,9dvh,54px);margin-bottom:14px}
  .journey-copy .eyebrow{font-size:8px;margin-bottom:10px}
  .journey-copy .hero-description{display:none}.journey-copy .button{min-height:40px;font-size:12px}
}
@media(max-width:365px){
  .announcement{gap:8px;font-size:6px;letter-spacing:.7px}
  .header-actions{gap:10px}.journey-copy .hero-description{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.journey-copy{transition:none}}

.story-static-buy{margin-top:20px}.model-story.is-ready .story-static-buy{display:none}

html:has(body.motion-paused){scroll-behavior:auto}

/* Diwali flows directly into the catalogue; its camera starts on viewport entry. */
.diwali-story,.diwali-story.is-ready{height:100svh;min-height:690px}
.diwali-story .story-stage{position:relative;height:100%;min-height:690px}
.diwali-story .story-canvas{filter:saturate(1.08) contrast(1.03)}
.diwali-story .story-wordmark{color:#b256421c}
.diwali-story .story-footer .story-motion{margin-left:0}
.diwali-story .story-next{margin-left:auto}
@media(max-width:700px){
  .diwali-story,.diwali-story.is-ready,.diwali-story .story-stage{height:100svh;min-height:740px}
  .diwali-story .chapter-copy{top:12%}
}

