/* Native document scrolling is the timeline. These scenes own their transforms;
   ordinary content and the no-JS/reduced-motion version stay in normal flow. */
body.motion-ready .motion-fan[data-scroll-scene] > figure { opacity:1; transition:none; }
body.motion-ready .motion-fan[data-scroll-scene] > figure:nth-child(1) { --photo-x:-80%; --photo-y:25px; --photo-angle:-8deg; }
body.motion-ready .motion-fan[data-scroll-scene] > figure:nth-child(2) { --photo-x:0%; --photo-y:0px; --photo-angle:0deg; }
body.motion-ready .motion-fan[data-scroll-scene] > figure:nth-child(3) { --photo-x:80%; --photo-y:25px; --photo-angle:8deg; }
.scroll-scenes-on #atmosfera {
  position:relative;
  height:400svh;
  padding:0;
  isolation:isolate;
}
.scroll-scenes-on .scroll-story-viewport {
  position:sticky;
  top:0;
  height:100svh;
  min-height:580px;
  overflow:clip;
  background:var(--black);
}
.scroll-scenes-on .scroll-story-viewport > .shell {
  position:relative;
  height:100%;
  max-width:1720px;
  padding-inline:40px;
}
.scroll-scenes-on #atmosfera .section-heading {
  position:absolute;
  inset:118px 7% auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:44px;
  z-index:6;
  margin:0;
  transform-origin:left top;
  pointer-events:none;
}
.scroll-scenes-on #atmosfera .section-heading h2 {
  font-size:clamp(58px,6.5vw,104px);
  line-height:1;
  letter-spacing:-.055em;
}
.scroll-scenes-on #atmosfera .section-heading > p { display:block; flex:0 0 26%; max-width:290px; margin:0; padding:0; font-size:14px; line-height:1.6; color:#aaa89f; }
.scroll-scenes-on #atmosfera .section-heading .eyebrow { margin-bottom:20px; }
.scroll-scenes-on #atmosfera .cinematic-story-grid {
  position:absolute;
  inset:100px 40px 105px;
  display:block;
  perspective:1600px;
  perspective-origin:center 45%;
}
.scroll-scenes-on #atmosfera .cinematic-story {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  transform-origin:center;
  border-radius:5px;
  box-shadow:0 20px 70px #0008;
  backface-visibility:hidden;
}
.scroll-scenes-on #atmosfera .cinematic-story-media {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0;
  aspect-ratio:auto;
  border-radius:5px;
  transform:none;
  clip-path:none;
  opacity:1;
  transition:none;
}
.scroll-scenes-on #atmosfera .cinematic-story-media::after {
  background:linear-gradient(180deg,#0005,transparent 27%,#0002 40%,#000d 100%);
}
.scroll-scenes-on #atmosfera .cinematic-story-media::before { display:none; }
.scroll-scenes-on #atmosfera .cinematic-story-caption {
  position:absolute;
  inset:auto 36px 30px;
  z-index:5;
  display:block;
  max-width:780px;
  padding:0;
  opacity:var(--caption-reveal,0);
  transform:translate3d(0,calc((1 - var(--caption-reveal,0))*24px),0);
}
.scroll-scenes-on #atmosfera .cinematic-story-caption h3 {
  max-width:760px;
  font-size:clamp(32px,3.7vw,58px);
  line-height:1.04;
  letter-spacing:-.05em;
}
.scroll-scenes-on #atmosfera .cinematic-story-caption p {
  max-width:500px;
  margin-top:12px;
  color:#dedcd5;
  font-size:14px;
  line-height:1.5;
}
.scroll-scenes-on #atmosfera .cinematic-story-caption a { margin-top:14px; font-size:12px; }
.scroll-scenes-on #atmosfera .cinematic-story-tag { left:30px; top:25px; }
.scroll-scenes-on #atmosfera .cinematic-video-toggle { right:24px; bottom:26px; z-index:8; opacity:var(--caption-reveal,0); }
.scroll-scenes-on #atmosfera .cinematic-stage-title {
  top:14%;
  left:36px;
  bottom:auto;
  font-size:clamp(50px,6vw,95px);
  line-height:.96;
  opacity:var(--caption-reveal,0);
}
.scroll-story-chapters[hidden] { display:none; }
.scroll-scenes-on .scroll-story-chapters {
  position:absolute;
  inset:auto 40px 53px;
  display:flex;
  align-items:center;
  gap:30px;
  z-index:10;
}
.scroll-story-chapters button {
  position:relative;
  flex:1;
  min-width:0;
  padding:10px 0 13px;
  border:0;
  border-bottom:1px solid #ffffff38;
  border-radius:0;
  background:none;
  color:#a7a49b;
  font-size:12px;
  text-align:left;
}
.scroll-story-chapters button > span { margin-right:12px; color:var(--gold); font-size:9px; }
.scroll-story-chapters button > i {
  position:absolute;
  inset:auto 0 -1px;
  height:2px;
  background:var(--gold-light);
  transform:scaleX(var(--chapter-progress,0));
  transform-origin:left;
}
.scroll-story-chapters button[aria-current="step"],.scroll-story-chapters button:hover { color:var(--paper); }
.scroll-story-chapters > a { flex-shrink:0; padding:12px 0 12px 14px; font-size:11px; color:var(--gold-light); }
.scroll-story-chapters > a > span { margin-left:16px; font-size:20px; }
.scroll-scenes-on #atmosfera .image-disclaimer { position:absolute; left:40px; right:40px; bottom:13px; margin:0; color:#84827c; font-size:9px; line-height:1.4; }
.scroll-scenes-on #atmosfera.is-scroll-active .cinematic-story { will-change:transform,opacity; }
.scroll-scenes-on #atmosfera [data-scroll-inactive="true"] { pointer-events:none; }

/* A second, shorter scene opens the photographs from the same anchored stack. */
.scroll-scenes-on .scroll-fan-sequence { position:relative; height:180svh; margin-top:70px; }
body.scroll-scenes-on.cinematic-page .scroll-fan-sequence > .motion-fan {
  position:sticky;
  top:86px;
  width:100%;
  max-width:1120px;
  height:calc(100svh - 110px);
  min-height:410px;
  margin:0 auto;
  perspective:1400px;
}
body.scroll-scenes-on.motion-ready .scroll-fan-sequence .motion-fan > figure {
  top:12%;
  width:35%;
  opacity:1;
  transform-origin:center 75%;
  transform:translate3d(-50%,0,0);
  transition:none;
}
.scroll-scenes-on .scroll-fan-sequence .motion-fan > figure > img { aspect-ratio:1.08; border-radius:7px; }
.scroll-scenes-on .scroll-fan-sequence .motion-fan figcaption { opacity:var(--fan-caption,0); transform:translateY(calc((1 - var(--fan-caption,0))*10px)); color:var(--paper); }
.scroll-scenes-on .scroll-fan-sequence.is-scroll-active figure { will-change:transform; }

/* Small editorial entries leave room for the main, user-controlled scenes. */
body.motion-ready.scroll-scenes-on .motion-target[data-motion] { --motion-duration:520ms; --motion-blur:1px; --motion-distance:22px; }
body.motion-ready.scroll-scenes-on .motion-target[data-motion="headline"] { --motion-duration:650ms; --motion-distance:28px; --motion-blur:2px; }
body.motion-ready.scroll-scenes-on .motion-target[data-motion="media"] { --motion-duration:700ms; --motion-distance:30px; --motion-blur:0px; }
body.scroll-scenes-on .cinematic-hero .hero-intro { transform:translate3d(0,var(--hero-exit-y,0px),0); opacity:var(--hero-exit-opacity,1); }
body.scroll-scenes-on .cinematic-hero-stage > :is(.hero-stage-image,.cinematic-video) { transform:scale(var(--hero-film-scale,1)); }

@media(max-width:760px) {
  .scroll-scenes-on #atmosfera { height:360svh; }
  .scroll-scenes-on .scroll-story-viewport { min-height:0; }
  body.motion-ready .motion-fan[data-scroll-scene] > figure:nth-child(1) { --photo-x:-57%; }
  body.motion-ready .motion-fan[data-scroll-scene] > figure:nth-child(3) { --photo-x:57%; }
  .scroll-scenes-on #atmosfera .section-heading { inset:122px 24px auto; display:block; }
  .scroll-scenes-on #atmosfera .section-heading > p { max-width:330px; margin-top:20px; font-size:12px; }
  .scroll-scenes-on #atmosfera .section-heading h2 { font-size:clamp(40px,9.4vw,68px); }
  .scroll-scenes-on #atmosfera .section-heading .eyebrow { font-size:9px; margin-bottom:20px; }
  .scroll-scenes-on #atmosfera .cinematic-story-grid { inset:90px 16px 140px; perspective:1000px; }
  .scroll-scenes-on #atmosfera .cinematic-story-caption { inset:auto 22px 77px; }
  .scroll-scenes-on #atmosfera .cinematic-story-caption h3 { font-size:clamp(27px,6.8vw,43px); }
  .scroll-scenes-on #atmosfera .cinematic-story-caption p { font-size:13px; line-height:1.5; }
  .scroll-scenes-on #atmosfera .cinematic-story-caption a { margin-top:11px; }
  .scroll-scenes-on #atmosfera .cinematic-story-tag { left:22px; top:22px; font-size:8px; }
  .scroll-scenes-on #atmosfera .cinematic-video-toggle { bottom:18px; right:18px; }
  .scroll-scenes-on #atmosfera .cinematic-stage-title { top:16%; left:22px; font-size:clamp(43px,11vw,68px); }
  .scroll-scenes-on .scroll-story-chapters { inset:auto 20px 83px; gap:14px; }
  .scroll-story-chapters button { font-size:10px; line-height:1.35; min-height:53px; }
  .scroll-story-chapters button > span { display:block; margin:0 0 5px; font-size:8px; }
  .scroll-story-chapters > a { padding-left:0; font-size:0; }
  .scroll-story-chapters > a > span { margin:0; font-size:24px; }
  .scroll-scenes-on #atmosfera .image-disclaimer { left:20px; right:20px; bottom:19px; font-size:8px; }
  .scroll-scenes-on .scroll-fan-sequence { height:150svh; margin-top:35px; }
  body.scroll-scenes-on.cinematic-page .scroll-fan-sequence > .motion-fan { min-height:0; height:calc(100svh - 100px); }
  body.scroll-scenes-on.motion-ready .scroll-fan-sequence .motion-fan > figure { top:23%; width:44%; }
  .scroll-scenes-on .scroll-fan-sequence .motion-fan > figure > img { aspect-ratio:.78; }
  .scroll-scenes-on .scroll-fan-sequence .motion-fan figcaption { font-size:10px; }
}
@media(max-height:650px) and (min-width:761px) {
  .scroll-scenes-on .scroll-story-viewport { min-height:0; }
  .scroll-scenes-on #atmosfera .cinematic-story-grid { inset:88px 32px 98px; }
  .scroll-scenes-on #atmosfera .cinematic-story-caption h3 { font-size:32px; }
  .scroll-scenes-on #atmosfera .cinematic-story-caption p { max-width:600px; font-size:12px; }
  .scroll-scenes-on #atmosfera .cinematic-stage-title { top:16%; left:auto; right:40px; font-size:48px; }
}
@media(max-height:700px) and (max-width:760px) {
  .scroll-scenes-on #atmosfera .cinematic-stage-title { display:none; }
  .scroll-scenes-on #atmosfera .cinematic-story-caption h3 { font-size:30px; }
  .scroll-scenes-on #atmosfera .cinematic-story-caption p { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .scroll-story-chapters { display:none!important; }
  .scroll-fan-sequence { height:auto!important; }
  .scroll-story-viewport { position:static!important; height:auto!important; min-height:0!important; }
}