html.scene-mode{
  height:100%;
  scroll-behavior:smooth;
  scroll-snap-type:y mandatory;
  scroll-padding-top:0;
  overscroll-behavior-y:contain;
}
html.scene-mode body{overflow-x:hidden}
html.scene-mode .site-header{position:fixed;inset:0 0 auto;z-index:120;width:100%;background:rgba(11,13,12,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
html.scene-mode .scene-target{position:relative;height:100svh;min-height:100svh;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}
html.scene-mode .hero{height:100svh;min-height:100svh;padding:92px 5vw 42px}
html.scene-mode .network-visual{height:min(580px,calc(100svh - 134px))}
html.scene-mode .signal-ticker{position:relative;z-index:25;height:50px;margin-top:-50px}
html.scene-mode .living-network{height:100svh;min-height:100svh}
html.scene-mode .living-network .cosmos-hud{top:90px}
html.scene-mode .manifesto{min-height:100svh;padding:100px 8vw;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,36vw);gap:5vw;align-items:center;align-content:center;overflow:hidden}
html.scene-mode .manifesto:after{content:"01 → 02";position:absolute;right:-2vw;bottom:-7vw;z-index:0;color:rgba(11,13,12,.07);font:800 clamp(130px,19vw,300px)/1 "Manrope",sans-serif;letter-spacing:-.08em;pointer-events:none}
html.scene-mode .manifesto-copy,html.scene-mode .shift-illustration{position:relative;z-index:1}
html.scene-mode .manifesto-copy p{margin-bottom:26px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
html.scene-mode .manifesto-copy h2{font-size:clamp(44px,4.4vw,68px)}
.shift-illustration{width:100%;max-width:520px;aspect-ratio:13/9;justify-self:end;margin-right:3vw;border:1px solid rgba(11,13,12,.2);background-color:rgba(255,255,255,.13);background-image:linear-gradient(rgba(11,13,12,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,13,12,.045) 1px,transparent 1px);background-size:28px 28px;box-shadow:14px 14px 0 rgba(11,13,12,.08);overflow:hidden}
.shift-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.shift-routes path{fill:none;stroke:rgba(11,13,12,.72);stroke-width:2;stroke-dasharray:5 8;vector-effect:non-scaling-stroke;animation:shift-route-flow 2.4s linear infinite}
.shift-routes path:nth-of-type(2){animation-delay:-1.2s}
.shift-routes marker path{fill:var(--ink);stroke:0;animation:none}
.shift-routes circle{fill:#fff;stroke:var(--ink);stroke-width:2;vector-effect:non-scaling-stroke;animation:shift-hub-pulse 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.shift-core,.shift-path{position:absolute;z-index:2}
.shift-core{left:4%;top:50%;width:30%;padding:6% 4%;transform:translateY(-50%);background:var(--ink);color:#fff;box-shadow:8px 8px 0 rgba(11,13,12,.16)}
.shift-core-icon{display:grid;width:42px;height:42px;margin-bottom:18px;place-items:center;background:var(--gold);color:var(--ink)}
.shift-core svg,.shift-path svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.shift-core small,.shift-core strong,.shift-path small,.shift-path strong,.shift-path em{display:block}
.shift-core small,.shift-path small{font:800 7px "Manrope",sans-serif;letter-spacing:.12em}
.shift-core small{color:#858b86}
.shift-core strong{margin-top:5px;font:800 clamp(13px,1.35vw,19px) "Manrope",sans-serif;letter-spacing:.03em}
.shift-path{right:4%;width:36%;min-height:32%;padding:4%;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;border:1px solid var(--ink);background:rgba(255,255,255,.38);transition:transform .35s ease,background .35s ease}
.shift-path:before{content:"";position:absolute;left:-5px;top:50%;width:9px;height:9px;border-radius:50%;background:var(--ink);transform:translateY(-50%);box-shadow:0 0 0 5px rgba(11,13,12,.1)}
.shift-retail{top:5%}
.shift-online{bottom:5%}
.shift-path-icon{display:grid;width:36px;height:36px;place-items:center;background:var(--ink);color:var(--gold)}
.shift-path small{color:#7a5b00}
.shift-path strong{margin:4px 0 3px;font:800 clamp(11px,1vw,14px) "Manrope",sans-serif;white-space:nowrap}
.shift-path em{font:500 9px "DM Sans",sans-serif;color:#5f5740}
.shift-path .shift-person{position:absolute;top:8px;right:8px;width:15px;height:15px;color:var(--ink);opacity:.55}
.shift-equation{position:absolute;left:4%;right:4%;bottom:3%;display:flex;gap:11px;align-items:center;color:rgba(11,13,12,.62);font:800 7px "Manrope",sans-serif;letter-spacing:.12em}
.shift-equation i{font-style:normal;color:var(--ink)}
@keyframes shift-route-flow{to{stroke-dashoffset:-52}}
@keyframes shift-hub-pulse{50%{transform:scale(1.65);opacity:.55}}
html.scene-mode .choose-path{min-height:100svh;padding:94px 8vw 46px;display:flex;flex-direction:column;justify-content:center}
html.scene-mode .path-switch{margin-top:30px}
html.scene-mode .path-stage{min-height:min(410px,50svh);margin-top:20px;padding:34px 7vw}
html.scene-mode .channel-display{width:min(330px,42svh);height:min(330px,42svh)}
html.scene-mode .channel-core{inset:32%}
html.scene-mode .channel-period{position:absolute;left:50%;bottom:6%;z-index:4;transform:translateX(-50%);color:#687069;font:800 6px "Manrope",sans-serif;letter-spacing:.14em;white-space:nowrap}
html.scene-mode .channel-orbit{width:100px;height:100px}
html.scene-mode .channel-orbit span{max-width:76px;font-size:6px;font-weight:800;line-height:1.1}
html.scene-mode .channel-orbit span small{display:block;margin-top:2px;color:#929992;font:700 5px "Manrope",sans-serif;letter-spacing:.1em}
html.scene-mode .channel-orbit b{display:block;margin-top:5px;font-size:15px;letter-spacing:-.02em}
html.scene-mode .audiences{padding:0 5vw}
html.scene-mode .audience{height:100svh;min-height:100svh;padding:82px 6vw 34px}
html.scene-mode .audience-content h2{font-size:clamp(40px,4vw,56px);margin:16px 0}
html.scene-mode .audience-content>p{font-size:15px;line-height:1.5}
html.scene-mode .audience-content ul{margin:18px 0}
html.scene-mode .audience-content li{padding:8px 0;font-size:12px}
html.scene-mode .audience-content li:nth-child(n+4){display:none}
html.scene-mode .distribution-console .pulse-hero{min-height:270px}
html.scene-mode .distribution-console .pulse-orbit{min-height:270px}
html.scene-mode .distribution-console .pulse-stream{height:54px}
html.scene-mode .distribution-console .next-move{padding:14px 18px}
html.scene-mode .distribution-console .privacy-note{padding:8px 18px}
html.scene-mode .how{min-height:100svh;padding:94px 8vw 46px;display:flex;flex-direction:column;justify-content:center}
html.scene-mode .steps{margin-top:44px}
html.scene-mode .steps li{min-height:180px}
html.scene-mode .steps h3{margin-top:34px}
html.scene-mode .intelligence{min-height:100svh;padding:96px 8vw 52px;align-items:center}
html.scene-mode .pilot{min-height:100svh;padding:90px 8vw 118px;align-items:center}
html.scene-mode .pilot>footer{position:absolute;left:0;right:0;bottom:0;height:72px;padding:0 5vw}

.scene-motion{opacity:.08;translate:0 34px;filter:blur(4px);transition:opacity .62s ease,translate .78s cubic-bezier(.2,.8,.2,1),filter .7s ease;transition-delay:var(--motion-delay,0ms)}
.scene-target.is-scene-active .scene-motion,.scene-target.scene-motion.is-scene-active{opacity:1;translate:0 0;filter:blur(0)}
.scene-target .scene-motion[data-motion="left"]{translate:-42px 0}
.scene-target .scene-motion[data-motion="right"]{translate:42px 0}
.scene-target.is-scene-active .scene-motion[data-motion="left"],.scene-target.is-scene-active .scene-motion[data-motion="right"]{translate:0 0}

html.scene-mode .cosmos-legend span{display:inline-flex;align-items:center;gap:7px}
html.scene-mode .cosmos-legend svg{width:15px;height:15px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px currentColor)}
html.scene-mode .cosmos-legend .legend-brand{color:#f6bd2f}
html.scene-mode .cosmos-legend .legend-store{color:#62e8a3}
html.scene-mode .cosmos-legend .legend-customer{color:#8d7cff}

.scene-nav{position:fixed;right:22px;top:50%;z-index:130;display:flex;align-items:flex-end;gap:12px;transform:translateY(-50%);color:#fff;font-family:"Manrope",sans-serif;mix-blend-mode:difference}
.scene-readout{display:flex;flex-direction:column;align-items:flex-end;min-width:118px}
.scene-count{font-size:9px;font-weight:800;letter-spacing:.12em}
.scene-label{max-width:118px;margin-top:5px;font-size:7px;font-weight:700;letter-spacing:.13em;text-align:right;text-transform:uppercase;opacity:.65}
.scene-dots{display:flex;flex-direction:column;gap:8px}
.scene-dot{width:8px;height:8px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;opacity:.4;cursor:pointer;transition:height .28s ease,background .28s ease,opacity .28s ease,border-radius .28s ease}
.scene-dot[aria-current="true"]{height:25px;border-radius:9px;background:currentColor;opacity:1}
.scene-hint{position:fixed;left:50%;bottom:22px;z-index:130;display:flex;align-items:center;gap:10px;transform:translateX(-50%);color:#fff;font:700 7px "Manrope",sans-serif;letter-spacing:.15em;mix-blend-mode:difference;transition:opacity .35s ease,translate .35s ease}
.scene-hint i{position:relative;width:20px;height:30px;border:1px solid currentColor;border-radius:12px}
.scene-hint i:after{content:"";position:absolute;left:50%;top:6px;width:3px;height:6px;border-radius:4px;background:currentColor;transform:translateX(-50%);animation:scene-scroll-cue 1.6s ease-in-out infinite}
.scene-beyond-first .scene-hint{opacity:0;translate:0 10px;pointer-events:none}
.scene-wipe{position:fixed;inset:0;z-index:125;pointer-events:none;opacity:0;transform:translateY(100%);background:linear-gradient(180deg,transparent 0%,rgba(246,189,47,.12) 48%,rgba(246,189,47,.42) 50%,rgba(98,232,163,.1) 52%,transparent 100%)}
.is-scene-shifting .scene-wipe{animation:scene-wipe .72s cubic-bezier(.2,.8,.2,1)}
@keyframes scene-wipe{0%{opacity:0;transform:translateY(70%)}35%{opacity:1}100%{opacity:0;transform:translateY(-70%)}}
@keyframes scene-scroll-cue{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,10px)}}

@media(max-width:1050px) and (min-width:701px){
  html.scene-mode .audience{grid-template-columns:45px 1fr 1fr;gap:3vw;padding-left:4vw;padding-right:4vw}
  html.scene-mode .audience-content h2{font-size:clamp(38px,4.2vw,54px)}
}

@media(max-width:950px) and (min-width:701px){
  html.scene-mode .manifesto{grid-template-columns:1fr 360px;gap:4vw;padding-left:5vw;padding-right:5vw}
  html.scene-mode .manifesto-copy h2{font-size:40px}
  .shift-illustration{margin-right:2vw}
}

@media(max-width:700px){
  html.scene-mode{scroll-padding-top:0}
  html.scene-mode body{padding-bottom:0}
  html.scene-mode .site-header{height:62px}
  html.scene-mode .hero{height:100svh;min-height:100svh;padding:104px 20px 92px;display:flex;align-items:center}
  html.scene-mode .hero-copy{width:100%}
  html.scene-mode .signal-ticker{height:48px;margin-top:-48px}
  html.scene-mode .living-network{height:100svh;min-height:100svh}
  html.scene-mode .living-network .cosmos-hud{top:80px}
  html.scene-mode .living-network .cosmos-copy{top:42%}
  html.scene-mode .living-network .cosmos-legend{top:244px;bottom:auto;left:20px;right:auto;display:grid;gap:7px;padding:10px 12px;background:rgba(7,11,9,.66);border:1px solid rgba(255,255,255,.09);border-radius:3px;backdrop-filter:blur(10px)}
  html.scene-mode .living-network .cosmos-event{top:188px;bottom:auto}
  html.scene-mode .manifesto{min-height:100svh;padding:88px 20px 82px;display:flex;flex-direction:column;justify-content:center;gap:24px}
  html.scene-mode .manifesto:after{right:-8vw;bottom:68px;font-size:38vw}
  html.scene-mode .manifesto-copy p{margin-bottom:16px;font-size:9px}
  html.scene-mode .manifesto-copy h2{font-size:38px}
  html.scene-mode .shift-illustration{width:100%;max-width:360px;margin:0 auto;box-shadow:8px 8px 0 rgba(11,13,12,.08)}
  html.scene-mode .shift-core{width:32%;padding:5% 3%}
  html.scene-mode .shift-core-icon{width:31px;height:31px;margin-bottom:9px}
  html.scene-mode .shift-core svg{width:19px;height:19px}
  html.scene-mode .shift-core strong{font-size:11px}
  html.scene-mode .shift-core small{font-size:5px}
  html.scene-mode .shift-path{width:39%;min-height:34%;padding:3%;grid-template-columns:27px 1fr;gap:7px}
  html.scene-mode .shift-path-icon{width:27px;height:27px}
  html.scene-mode .shift-path-icon svg{width:17px;height:17px}
  html.scene-mode .shift-path small{font-size:5px}
  html.scene-mode .shift-path strong{font-size:9px}
  html.scene-mode .shift-path em{font-size:7px}
  html.scene-mode .shift-path .shift-person{top:5px;right:5px;width:11px;height:11px}
  html.scene-mode .shift-equation{font-size:5px;bottom:2%}
  html.scene-mode .choose-path{min-height:100svh;padding:92px 20px 88px;justify-content:center}
  html.scene-mode .path-switch{margin-top:24px}
  html.scene-mode .path-stage{min-height:0;margin-top:14px;padding:18px 20px 14px}
  html.scene-mode .path-copy h3{margin:9px 0;font-size:28px;line-height:1}
  html.scene-mode .path-copy p{font-size:10px;line-height:1.4}
  html.scene-mode .path-copy a{margin-top:6px;font-size:10px}
  html.scene-mode .channel-display{width:100%;height:auto;margin-top:14px;border:0;border-radius:0;display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:6px}
  html.scene-mode .channel-display:before,html.scene-mode .channel-display:after{display:none}
  html.scene-mode .path-stage[data-active-path="store"] .channel-display{transform:none}
  html.scene-mode .channel-core,html.scene-mode .channel-orbit{position:relative;inset:auto;width:auto;height:auto;min-height:54px;border-radius:0;transform:none;animation:none}
  html.scene-mode .channel-core{padding:7px}
  html.scene-mode .channel-core span,html.scene-mode .channel-core small{font-size:5px}
  html.scene-mode .channel-core strong{font-size:18px;line-height:1}
  html.scene-mode .channel-orbit{padding:7px 4px}
  html.scene-mode .channel-orbit span{max-width:70px;font-size:5px;line-height:1.05}
  html.scene-mode .channel-orbit span small{font-size:4px}
  html.scene-mode .channel-orbit b{margin-top:4px;font-size:11px}
  html.scene-mode .channel-period{left:0;top:-12px;bottom:auto;transform:none;font-size:4.5px}
  html.scene-mode .audiences{display:block;padding:0}
  html.scene-mode .audience{display:contents}
  html.scene-mode .audience-number{display:none}
  html.scene-mode .audience>.audience-content{max-width:none;min-height:100svh;padding:96px 20px 92px;display:flex;flex-direction:column;justify-content:center}
  html.scene-mode .brand-audience>.audience-content{color:var(--ink);background:#fff}
  html.scene-mode .partner-audience>.audience-content{color:#fff;background:#171a18}
  html.scene-mode .audience-content h2{font-size:42px}
  html.scene-mode .audience-content>p{font-size:13px}
  html.scene-mode .audience-content ul{margin:20px 0}
  html.scene-mode .audience-content li{padding:9px 0;font-size:11px}
  html.scene-mode .audience-content li:nth-child(4){display:block}
  html.scene-mode .audience-content li:nth-child(n+5){display:none}
  html.scene-mode .distribution-console{min-height:100svh;padding:62px 0 68px;border:0;box-shadow:none;background:#0d100e}
  html.scene-mode .distribution-console:hover{box-shadow:none}
  html.scene-mode .distribution-console .console-bar{height:42px}
  html.scene-mode .distribution-console .collection-visual{height:190px}
  html.scene-mode .distribution-console .collection-visual>strong{font-size:23px}
  html.scene-mode .distribution-console .pulse-orbit{min-height:220px}
  html.scene-mode .distribution-console .orbit-rings{inset:28px 48px}
  html.scene-mode .distribution-console .pulse-core{width:106px;height:106px}
  html.scene-mode .distribution-console .pulse-core strong{font-size:38px}
  html.scene-mode .distribution-console .pulse-signal{min-width:94px;padding:7px 8px}
  html.scene-mode .distribution-console .pulse-signal b{font-size:14px}
  html.scene-mode .distribution-console .pulse-stream{height:48px}
  html.scene-mode .distribution-console .next-move{min-height:84px;padding:12px}
  html.scene-mode .distribution-console .privacy-note{min-height:30px;padding:8px 12px;gap:3px}
  html.scene-mode .capacity-panel{min-height:100svh;padding:102px 24px 92px;border:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center;background:#f4f2eb}
  html.scene-mode .capacity-panel:hover{box-shadow:none;transform:none}
  html.scene-mode .capacity-value{font-size:72px}
  html.scene-mode .how{min-height:100svh;padding:92px 20px 88px}
  html.scene-mode .how .section-heading h2{font-size:34px;line-height:.98}
  html.scene-mode .steps{margin-top:18px}
  html.scene-mode .steps li,html.scene-mode .steps li+li{min-height:0;padding:5px 0;grid-template-columns:34px 1fr}
  html.scene-mode .steps h3{font-size:14px}
  html.scene-mode .steps p{font-size:9.5px;line-height:1.25}
  html.scene-mode .intelligence{min-height:100svh;padding:94px 20px 88px;display:flex;flex-direction:column;justify-content:center;gap:24px}
  html.scene-mode .intelligence h2{font-size:39px}
  html.scene-mode .signal-grid span{padding:14px 10px}
  html.scene-mode .pilot{min-height:100svh;padding:86px 20px 132px;display:flex;flex-direction:column;justify-content:center;gap:26px}
  html.scene-mode .pilot h2{font-size:39px}
  html.scene-mode .pilot>footer{bottom:68px;height:38px;padding:0 20px;grid-template-columns:1fr auto;gap:10px}
  html.scene-mode .pilot>footer>.brand,html.scene-mode .pilot>footer>p{display:none}
  html.scene-mode .pilot>footer>div{display:flex;flex-direction:row;gap:14px;font-size:8px}
  .scene-nav{top:78px;right:12px;transform:none;mix-blend-mode:difference}
  .scene-dots{display:none}
  .scene-readout{min-width:100px}
  .scene-count{font-size:8px}
  .scene-label{font-size:6px}
  .scene-hint{bottom:80px}
}

@media(max-height:700px) and (min-width:701px){
  html.scene-mode .hero{padding-top:80px;padding-bottom:26px}
  html.scene-mode .audience{padding-top:74px;padding-bottom:28px}
  html.scene-mode .audience-content h2{font-size:48px}
  html.scene-mode .audience-content ul{margin:20px 0}
  html.scene-mode .audience-content li{padding:8px 0}
  html.scene-mode .choose-path,html.scene-mode .how,html.scene-mode .intelligence,html.scene-mode .pilot{padding-top:78px;padding-bottom:30px}
}

@media(prefers-reduced-motion:reduce){
  html.scene-mode{scroll-behavior:auto;scroll-snap-type:y proximity}
  .scene-motion{opacity:1;translate:0 0;filter:none;transition:none}
  .scene-wipe,.scene-hint i:after{display:none}
}