.scene07{background:var(--shell);color:var(--green);contain:layout;margin:0;padding:0;position:relative;overflow:visible}.scene07-intro{height:240vh;position:relative}.scene07-intro-stage{isolation:isolate;background:var(--shell);justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.scene07-intro-plate{z-index:1;object-fit:cover;object-position:center;transform-origin:50%;will-change:opacity, transform;width:100%;height:100%;position:absolute;inset:0}.scene07-intro-plate-scrim{display:none}.scene07-intro-content{z-index:3;text-align:center;max-width:66ch;padding:0 clamp(20px,4vw,56px);position:relative}.scene07-kicker{color:var(--green);will-change:opacity, transform, filter;margin:0 0 clamp(16px,2.4vw,24px)}.scene07-heading{font-family:var(--display);font-size:clamp(2.6rem,5.6vw,4.8rem);font-weight:var(--w-display);letter-spacing:.02em;text-transform:uppercase;text-wrap:balance;color:var(--green);will-change:opacity, transform, filter;margin:0;line-height:1.04}.scene07-heading em{font-family:var(--script);text-transform:none;letter-spacing:0;font-style:italic;font-weight:400}.scene07-lead{max-width:58ch;font-family:var(--body);color:var(--ink-soft);text-wrap:pretty;will-change:opacity, transform, filter;margin:clamp(20px,3vw,28px) auto 0;font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.62}.scene07-beat{margin-inline:0;will-change:opacity, transform, filter;align-items:center;gap:0;width:min(1200px,100%);margin-left:auto;margin-right:auto;padding:clamp(40px,7vw,104px) clamp(20px,4vw,56px);display:flex;position:relative}.scene07-beat--right{flex-direction:row-reverse}.scene07-beat-media{z-index:1;aspect-ratio:3/2;background:var(--green-deep);flex:60%;position:relative;overflow:hidden}.scene07-beat-parallax{transform:translate3d(0, calc(var(--s7-parallax,0) * 7%), 0);will-change:transform;position:absolute;inset:-8% 0}.scene07-beat-parallax img{object-fit:cover;width:100%;height:100%;display:block}.scene07-beat-copy{z-index:2;background:var(--shell);flex:40%;padding:clamp(28px,3.6vw,58px);position:relative}.scene07-beat--left .scene07-beat-copy{margin-left:clamp(-124px,-7vw,-44px)}.scene07-beat--right .scene07-beat-copy{margin-right:clamp(-124px,-7vw,-44px)}.scene07-beat-rule{background:var(--turquoise);width:clamp(40px,5vw,62px);height:2px;margin-bottom:clamp(18px,2.2vw,28px);display:block}.scene07-beat-name{font-family:var(--display);font-size:clamp(1.7rem,3vw,2.7rem);font-weight:var(--w-display);letter-spacing:.03em;text-transform:uppercase;text-wrap:balance;color:var(--green);margin:0;line-height:1.1}.scene07-beat-name em{font-family:var(--script);text-transform:none;letter-spacing:0;font-style:italic;font-weight:400}.scene07-beat-line{max-width:34ch;font-family:var(--script);color:var(--ink-soft);text-wrap:pretty;margin:clamp(12px,1.6vw,16px) 0 0;font-size:clamp(1.1rem,1.7vw,1.35rem);font-style:italic;line-height:1.5}.scene07-beat[data-scene07-entered] .scene07-beat-media,.scene07-beat[data-scene07-entered] .scene07-beat-copy{opacity:0;filter:blur(11px);transition:opacity 1.1s var(--ease), transform 1.1s var(--ease), filter 1.1s var(--ease);transform:translateY(26px)}.scene07-beat[data-scene07-entered=true] .scene07-beat-media,.scene07-beat[data-scene07-entered=true] .scene07-beat-copy{opacity:1;filter:blur();transform:translateY(0)}.scene07-beat[data-scene07-entered=true] .scene07-beat-copy{transition-delay:.12s}.scene07-beat[data-scene07-entered] .scene07-beat-copy>*{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(14px)}.scene07-beat[data-scene07-entered=true] .scene07-beat-copy>*{opacity:1;transform:translateY(0)}.scene07-beat[data-scene07-entered=true] .scene07-beat-copy>:first-child{transition-delay:.3s}.scene07-beat[data-scene07-entered=true] .scene07-beat-copy>:nth-child(2){transition-delay:.42s}.scene07-beat[data-scene07-entered=true] .scene07-beat-copy>:nth-child(3){transition-delay:.54s}.scene07-beat:not(.scene07-beat--vertical){content-visibility:auto;contain-intrinsic-size:auto 620px}.scene07-rooftop{background:var(--green-deep);width:100vw;height:200vh;margin:0 0 0 calc(50% - 50vw);position:relative}.scene07-rooftop-stage{isolation:isolate;background:var(--green-deep);height:100vh;position:sticky;top:0;overflow:hidden}.scene07-rooftop-pan{z-index:1;position:absolute;inset:0}.scene07-rooftop-pan img{object-fit:cover;object-position:60% center;transform-origin:50%;will-change:filter, transform;width:100%;height:100%;display:block}.scene07-rooftop-veil{z-index:2;background:var(--green-deep);will-change:opacity;position:absolute;inset:0}.scene07-rooftop-scrim{z-index:3;pointer-events:none;background:linear-gradient(to top, color-mix(in oklch, var(--green-deep) 70%, transparent) 0%, color-mix(in oklch, var(--green-deep) 26%, transparent) 24%, transparent 46%), linear-gradient(to right, color-mix(in oklch, var(--green-deep) 30%, transparent) 0%, transparent 30%);position:absolute;inset:0}.scene07-rooftop-copy{z-index:4;max-width:660px;color:var(--shell);will-change:opacity, transform, filter;padding:0 clamp(24px,6vw,96px) clamp(8vh,11vh,140px);position:absolute;bottom:0;left:0}.scene07-rooftop-heading{font-family:var(--display);font-size:clamp(3rem,8vw,6.5rem);font-weight:var(--w-display);letter-spacing:.02em;text-transform:uppercase;text-wrap:balance;text-shadow:0 2px 28px color-mix(in oklch, var(--green-deep) 66%, transparent);margin:0;line-height:1}.scene07-rooftop-heading em{font-family:var(--script);text-transform:none;letter-spacing:0;font-style:italic;font-weight:400}.scene07-rooftop-line{font-family:var(--body);color:color-mix(in oklch, var(--shell) 92%, transparent);text-shadow:0 1px 18px color-mix(in oklch, var(--green-deep) 72%, transparent);margin:clamp(14px,2vw,18px) 0 0;font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.45}@media (max-width:760px){.scene07-intro{height:210vh}.scene07-heading{font-size:clamp(2.2rem,9vw,3.4rem)}.scene07-beat{flex-direction:column;gap:0;padding-top:9vh;padding-bottom:9vh}.scene07-beat-media,.scene07-beat-copy{flex:none;width:100%}.scene07-beat--right .scene07-beat-copy,.scene07-beat--left .scene07-beat-copy{margin:clamp(-72px,-12vw,-34px) clamp(16px,5vw,28px) 0}.scene07-rooftop{height:175vh}.scene07-rooftop-copy{padding-right:clamp(22px,6vw,44px)}.scene07-rooftop-pan{width:177.778vh;height:100%;transform:translate3d(calc(var(--panx,0) * (100vw - (100vh * 16 / 9))), 0, 0);will-change:transform;inset:0 auto auto 0}.scene07-rooftop-pan img{object-position:center}}[data-scene07-reduced-motion=true] .scene07-intro{height:auto}[data-scene07-reduced-motion=true] .scene07-intro-stage{height:auto;min-height:70vh;padding:clamp(72px,12vw,160px) clamp(20px,5vw,56px);position:static}[data-scene07-reduced-motion=true] .scene07-intro-plate,[data-scene07-reduced-motion=true] .scene07-intro-plate-scrim{display:none}[data-scene07-reduced-motion=true] .scene07-beat .scene07-beat-media,[data-scene07-reduced-motion=true] .scene07-beat .scene07-beat-copy,[data-scene07-reduced-motion=true] .scene07-beat .scene07-beat-copy>*{opacity:1;filter:none;transition:none;transform:none}[data-scene07-reduced-motion=true] .scene07-beat-parallax{transform:none}[data-scene07-reduced-motion=true] .scene07-rooftop{height:auto}[data-scene07-reduced-motion=true] .scene07-rooftop-stage{height:auto;min-height:80vh;position:static}[data-scene07-reduced-motion=true] .scene07-rooftop-veil{opacity:0}[data-scene07-reduced-motion=true] .scene07-rooftop-pan{width:100%;inset:0;transform:none}[data-scene07-reduced-motion=true] .scene07-rooftop-pan img{filter:none;object-position:center;transform:none}@media (prefers-reduced-motion:reduce){.scene07 :where(.scene07-intro){height:auto}.scene07 :where(.scene07-intro-stage){height:auto;min-height:70vh;padding:clamp(72px,12vw,160px) clamp(20px,5vw,56px);position:static}.scene07 :where(.scene07-intro-plate,.scene07-intro-plate-scrim){display:none}.scene07 :where(.scene07-beat) :where(.scene07-beat-media,.scene07-beat-copy),.scene07 :where(.scene07-beat) :where(.scene07-beat-copy)>*{opacity:1;filter:none;transition:none;transform:none}.scene07 :where(.scene07-beat-parallax){transform:none}.scene07 :where(.scene07-rooftop){height:auto}.scene07 :where(.scene07-rooftop-stage){height:auto;min-height:80vh;position:static}.scene07 :where(.scene07-rooftop-veil){opacity:0}.scene07 :where(.scene07-rooftop-pan){width:100%;inset:0;transform:none}.scene07 :where(.scene07-rooftop-pan) img{filter:none;object-position:center;transform:none}}