/* One object connects the three acts. The page keeps its native scroll. */
.marketing-journey .world-intro{padding-top:60px;padding-bottom:60px;min-height:0}.marketing-journey .world-intro h1{font-size:clamp(64px,8.5vw,125px)}
.compact-marketing{--story:0;--listen:0;--open:0;--handoff:0;--scene-bg:#171f29;height:340svh;background:var(--scene-bg);color:var(--scene-ink,#f6f4ee);position:relative}
.compact-stage{position:sticky;top:0;height:100svh;padding:24px var(--pad) 20px;display:flex;flex-direction:column;overflow:clip}
.compact-route{list-style:none;display:flex;padding:0;margin:0;gap:40px;flex-shrink:0;border-top:1px solid #ffffff35;max-width:100%;height:58px;align-items:center}.compact-route li{position:relative;font-size:12px;opacity:.45;display:flex;gap:12px;align-items:center;transition:opacity .15s}.compact-route li[aria-current]{opacity:1}.compact-route li>span{font-size:10px}.compact-route li i{position:absolute;left:0;right:0;bottom:-14px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left}.compact-route li[aria-current] i{transform:scaleX(1)}
.compact-scene{flex:1;min-height:0;display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;position:relative}
.compact-copy{position:relative;min-height:0}.compact-caption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:var(--caption-opacity,0);transform:translateY(var(--caption-y,0px));pointer-events:none}.compact-caption[data-caption="0"]{--caption-opacity:1}.compact-caption:not([inert]){pointer-events:auto}
.compact-caption .eyebrow{color:inherit}.compact-caption h2{font:700 clamp(50px,5.8vw,90px)/.98 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:25px 0 22px}.compact-caption p{font-size:clamp(17px,1.6vw,23px);line-height:1.6;margin:0 0 25px;max-width:530px}.compact-caption small{font-size:11px;line-height:1.6;color:inherit}.compact-case-link{font-size:14px;align-self:flex-start;border-bottom:1px solid #ffffff70;min-height:40px;margin-top:15px;padding:10px 0}.compact-case-link:hover{color:#fff}
.compact-visual{min-height:0;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;padding-bottom:30px}
.audience-echo{position:absolute;left:50%;top:50%;font:800 clamp(85px,11vw,190px)/1 'Barlow Condensed',sans-serif;transform:translate(-50%,-50%) translateX(calc(var(--open)*-90px + var(--listen)*-18px));letter-spacing:calc(.02em + var(--open)*.1em);color:#8da8c640;opacity:calc(1 - var(--open));white-space:nowrap;z-index:-1}
.compact-screen{position:relative;width:clamp(230px,calc(420px - var(--open)*100px),420px);max-width:100%;height:min(100%,680px);border:1px solid rgb(205 222 238 / calc(var(--open)*.5));border-radius:calc(var(--open)*18px);overflow:hidden;background:rgb(10 23 31 / calc(var(--open)*.4));box-shadow:0 25px 55px rgb(0 0 0 / calc(var(--open)*.2));transform:translateY(calc((1 - var(--open))*10px));}
.audience-view{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;opacity:calc(1 - var(--open));transform:scale(calc(1 - var(--open)*.16));z-index:1;pointer-events:none}.audience-view>span{font-size:12px;letter-spacing:.12em}.audience-view strong{font:600 clamp(39px,4vw,65px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;text-align:center;background:#171f29;padding:25px;transform:translateY(calc((1 - var(--listen))*18px)) scale(calc(1.06 - var(--listen)*.06))}.audience-view small{font-size:11px}.audience-strands{position:absolute;inset:15% 0;display:flex;justify-content:space-between;z-index:-1;transform:translateX(calc((1 - var(--listen))*-28px)) scaleX(calc(1.2 - var(--listen)*.2))}.audience-strands i{width:1px;background:linear-gradient(transparent,#b4d6ff70,transparent)}
.screen-corners{position:absolute;inset:calc(20%*(1 - var(--open)));pointer-events:none;opacity:calc(1 - var(--open))}.screen-corners i{position:absolute;width:26px;height:26px;border:1px solid #f58c68}.screen-corners i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.screen-corners i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.screen-corners i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.screen-corners i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}
.channel-track{position:absolute;inset:0 auto 0 0;width:200%;display:flex;transform:translateX(calc(var(--handoff)*-50%));opacity:var(--open);clip-path:inset(calc((1 - var(--open))*100%) 0 0)}
.compact-channel{flex:0 0 50%;width:50%;min-width:0;height:100%;background:#0d1f29}.compact-channel .work-video{width:100%;height:100%;max-width:none;transform:none;opacity:1;display:flex;flex-direction:column}
.compact-channel .work-video video{height:calc(100% - 44px);width:100%;object-fit:contain;min-height:0;flex:1;border:0;border-radius:0;box-shadow:none;background:#0d1f29}
.compact-channel figcaption{flex-shrink:0;height:44px;padding:0 12px;align-items:center;gap:12px;font-size:11px;color:#f6f4ee}.compact-channel figcaption>span,.compact-channel figcaption small{display:none}.compact-channel figcaption a,.compact-channel .video-toggle{font-size:11px;min-height:44px;display:flex;align-items:center;margin:0;padding:0}
.channel-label{position:absolute;bottom:0;left:0;right:0;height:20px;text-align:center;font-size:10px;letter-spacing:.13em;opacity:var(--open)}.channel-label>span{position:absolute;left:0;right:0}.label-site{opacity:calc(1 - var(--handoff));transform:translateX(calc(var(--handoff)*-35px))}.label-meta{opacity:var(--handoff);transform:translateX(calc((1 - var(--handoff))*35px))}
.compact-bottom{flex-shrink:0;display:flex;justify-content:space-between;gap:25px;padding-top:20px;font-size:11px;line-height:1.7;color:inherit}.compact-bottom>span:first-child{max-width:460px}.compact-progress{height:1px;flex-shrink:0;margin-top:18px;background:#ffffff25}.compact-progress i{display:block;height:100%;background:currentColor;transform:scaleX(var(--story));transform-origin:left}
.marketing-journey .editorial-close{padding-top:65px;padding-bottom:65px}.marketing-journey .editorial-close h2{font-size:clamp(50px,6.7vw,95px)}.marketing-journey .editorial-close .close-copy{font-size:18px;max-width:670px}.marketing-journey .editorial-close .bridge{margin-top:45px;padding-top:30px}.marketing-journey .editorial-close .bridge>p{font-size:23px}
/* Portrait, name and the following scene share a deliberate lower edge. */
body[data-world=landing] .landing{--home-drift:0;height:calc(100svh - 100px);min-height:700px;max-height:none;overflow:clip;background:#242522;padding-bottom:30px;border-bottom:1px solid #8096a470}
body[data-world=landing] .landing h1{transform:translate3d(calc(var(--home-drift)*-24px),calc(var(--home-drift)*-38px),0);font-size:clamp(90px,14.8vw,240px)}
body[data-world=landing] .landing .portrait{bottom:-2px;height:84%;left:56%;transform:translateX(-50%);max-width:none;filter:grayscale(1)}
body[data-world=landing] .landing-bottom{padding-top:22px;border-top:1px solid #8b9a8060;margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad);padding-bottom:0;background:linear-gradient(transparent,#242522 55%);min-height:90px}
.home-connection{--connection:0;position:relative;background:#172c38;color:#f2f4ef;padding:38px var(--pad) 45px;overflow:clip;isolation:isolate}.home-connection:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#244cba44,transparent 70%);transform:translateX(calc((1 - var(--connection))*-35%))}
.home-connection-top{display:flex;justify-content:space-between;gap:24px;align-items:center}.home-connection .eyebrow{font-size:10px;color:#b4d6ff}.home-direction{font-size:32px;transform:rotate(calc((1 - var(--connection))*-40deg))}
.home-connection h2{font:600 clamp(44px,5vw,76px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:20px 0 25px;transform:translateX(calc((1 - var(--connection))*-25px))}.home-connection h2 em{font-style:normal;color:#b4d6ff}
.home-thread{display:flex;align-items:center;gap:20px;font-size:13px;max-width:760px}.home-thread i{height:1px;background:#b4d6ff;flex:1;transform:scaleX(var(--connection));transform-origin:left}.home-thread span{transform:translateY(calc((1 - var(--connection))*12px))}
.home-connection-bottom{display:flex;justify-content:space-between;gap:50px;align-items:center;margin-top:25px}.home-connection-bottom p{max-width:670px;font-size:17px;line-height:1.65;margin:0;transform:translateY(calc((1 - var(--connection))*16px))}.home-connection .editorial-link{font-size:16px;white-space:nowrap;margin:0;gap:15px}.home-connection .editorial-link:hover{color:#b4d6ff}
@media(max-width:850px){.compact-scene{gap:4vw}.compact-caption h2{font-size:56px}.compact-caption p{font-size:17px}.compact-route{gap:28px}.compact-screen{width:clamp(210px,calc(340px - var(--open)*50px),340px)}.home-connection-bottom{gap:30px}.home-connection .editorial-link{white-space:normal;flex-shrink:0;max-width:210px}}
@media(max-width:650px){
 .marketing-journey .world-intro{padding:38px var(--pad) 45px;min-height:0}.marketing-journey .world-intro h1{font-size:clamp(48px,12.5vw,72px);line-height:1;margin-bottom:28px}.marketing-journey .intro-bottom p{font-size:16px}.marketing-journey .journey-invitation{font-size:10px}
 .compact-stage{padding:14px var(--pad) 12px}.compact-route{height:37px;gap:23px}.compact-route li{font-size:10px;gap:8px}.compact-route li>span{font-size:9px}.compact-route li i{bottom:-10px}.compact-scene{display:flex;flex-direction:column;gap:10px}.compact-copy{height:250px;flex-shrink:0}.compact-caption{justify-content:flex-start;padding-top:20px}.compact-caption .eyebrow{display:none}.compact-caption h2{font-size:clamp(32px,8.8vw,43px);line-height:1.02;margin:0 0 12px}.compact-caption p{font-size:14px;line-height:1.5;margin:0 0 12px}.compact-caption small{font-size:10px}.compact-case-link{font-size:12px;min-height:32px;padding:6px 0;margin-top:6px}
 .compact-visual{flex:1;min-height:0;padding-bottom:22px}.compact-screen{height:100%;width:clamp(205px,calc(100% - var(--open)*12%),300px)}.compact-channel .work-video video{object-fit:cover;object-position:top}.compact-channel figcaption{height:38px;padding-inline:10px}.compact-channel figcaption a,.compact-channel .video-toggle{font-size:10px;min-height:38px}.audience-echo{font-size:26vw}.audience-view{gap:14px}.audience-view strong{font-size:39px;padding:18px}.audience-view>span{font-size:10px}.audience-view small{font-size:9px}.channel-label{font-size:9px;height:14px}
 .compact-bottom{padding-top:8px;gap:15px;font-size:9px}.compact-bottom>span:first-child{max-width:195px}.compact-bottom>span:last-child{max-width:70px;text-align:right}.compact-progress{margin-top:8px}
 .marketing-journey .editorial-close{padding-block:45px}.marketing-journey .editorial-close h2{font-size:clamp(43px,11.2vw,62px)}.marketing-journey .editorial-close .close-copy{font-size:16px}.marketing-journey .editorial-close .bridge{margin-top:30px;padding-top:20px}.marketing-journey .editorial-close .bridge>p{font-size:19px}
 body[data-world=landing] .landing{height:calc(100svh - 78px);min-height:660px;padding-top:28px;padding-bottom:18px}body[data-world=landing] .landing h1{font-size:26vw;line-height:.85;max-width:100%;margin-top:27px;transform:translate3d(calc(var(--home-drift)*-12px),calc(var(--home-drift)*-22px),0)}body[data-world=landing] .landing .portrait{height:61%;left:70%;bottom:-1px;transform:translateX(-50%)}body[data-world=landing] .landing-copy{margin-top:26px;max-width:155px}body[data-world=landing] .landing-copy p{font-size:22px}body[data-world=landing] .landing-copy .small{max-width:140px;font-size:12px;line-height:1.5;margin-top:18px}body[data-world=landing] .landing-bottom{padding-top:25px;min-height:95px;z-index:4}.landing-bottom .world-choice{min-width:0}
 .home-connection{padding:30px var(--pad) 35px}.home-connection h2{font-size:44px;margin:15px 0 23px}.home-connection .eyebrow{max-width:230px;line-height:1.6}.home-direction{font-size:28px}.home-thread{font-size:10px;gap:10px}.home-connection-bottom{display:block;margin-top:22px}.home-connection-bottom p{font-size:15px;line-height:1.6}.home-connection .editorial-link{max-width:none;font-size:14px;margin-top:18px}
}
@media(min-width:651px) and (max-height:699px),(orientation:landscape) and (max-height:499px),(prefers-reduced-motion:reduce){
 .compact-marketing{height:auto;background:#172c38}.compact-stage{height:auto;position:relative;overflow:visible}.compact-route{display:none}.compact-scene{display:flex;flex-direction:column;gap:30px}.compact-copy{height:auto}.compact-caption{position:relative;inset:auto;opacity:1!important;transform:none!important;padding:25px 0}.compact-caption h2{margin:15px 0}.compact-caption .eyebrow{display:block}.compact-visual{display:block;padding:0}.audience-echo,.audience-view,.screen-corners,.channel-label{display:none}.compact-screen{width:100%;height:auto;border:0;background:none;transform:none;overflow:visible;max-width:none}.channel-track{position:relative;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:30px;opacity:1;clip-path:none;transform:none}.compact-channel{width:100%;height:auto;border-radius:14px;overflow:hidden;max-width:340px;justify-self:center}.compact-channel .work-video video{height:auto;object-fit:contain}.compact-channel figcaption{height:auto;min-height:44px}.compact-bottom>span:last-child,.compact-progress{display:none}
 body[data-world=landing] .landing h1{transform:none}.home-connection:before,.home-connection h2,.home-thread i,.home-thread span,.home-connection-bottom p,.home-direction{transform:none}
}
@media(max-width:650px) and (orientation:landscape) and (max-height:499px), (max-width:650px) and (prefers-reduced-motion:reduce){.channel-track{grid-template-columns:1fr;gap:25px}.compact-copy{height:auto}}

/* The surface belongs to the next section, including its curved upper edge. */
.home-connection{background:none;overflow:visible;z-index:3}
.home-connection:before{display:none}
.home-elastic-edge{position:absolute;left:0;top:-180px;width:100%;height:calc(100% + 180px);z-index:0;pointer-events:none;overflow:visible}
body[data-world=landing] .landing{border-bottom:0;animation:none}
body[data-world=landing] .landing-bottom{background:none}
body[data-world=landing] .landing-bottom .world-choice{background:none}
@media(prefers-reduced-motion:reduce){.home-connection{background:linear-gradient(90deg,#1c3c67,#172c38 70%)}.home-elastic-edge{display:none}}

/* Drawn icons remain consistent on iOS instead of using emoji glyphs. */
.ui-arrow{display:inline-block;width:1em;height:1em;min-width:12px;min-height:12px;vertical-align:-.12em;flex-shrink:0}
.compact-channel figcaption a{gap:5px}

/* Keep the portrait and the elastic surface in the same explicit layer order. */
body[data-world=landing] #main{isolation:isolate;overflow-x:clip}
body[data-world=landing] .landing{overflow:visible}
.landing-portrait{position:absolute;inset:0;overflow:hidden;z-index:2;pointer-events:none}
.home-connection> :not(.home-elastic-edge){position:relative;z-index:1}

html.home-scroll-resisting{scroll-behavior:auto!important;overscroll-behavior-y:none}

/* Browser bars can shorten a phone viewport. Keep portrait stories animated. */
@media(max-width:650px) and (orientation:portrait) and (prefers-reduced-motion:no-preference){
 .compact-copy{display:grid;height:auto;flex-shrink:0}
 .compact-caption{position:relative;inset:auto;grid-area:1/1;align-self:start}
 .compact-visual{min-height:105px}
 .audience-view{gap:10px}.audience-view strong{font-size:clamp(26px,5.1svh,39px);padding:10px}.audience-view small{font-size:8px}
}
@media(max-width:650px) and (max-height:699px) and (orientation:portrait) and (prefers-reduced-motion:no-preference){
 .compact-stage{padding-block:10px}.compact-route{height:32px}
 .compact-caption{padding-top:15px}.compact-caption h2{font-size:clamp(28px,8.3vw,36px);margin-bottom:10px}.compact-caption p{font-size:13px;line-height:1.5;margin-bottom:10px}.compact-caption small{font-size:9px}
 .compact-bottom{font-size:8px;line-height:1.5}.compact-progress{margin-top:6px}
}
@media(max-width:760px) and (max-height:720px) and (orientation:portrait) and (prefers-reduced-motion:no-preference){
 .operation-stage{height:100svh;min-height:0;padding:14px var(--pad)}
 .operation-route{font-size:9px;gap:6px}.operation-route li{padding-bottom:7px}
 .operation-titles{display:grid;height:auto;margin-top:16px}
 .operation-titles h2{position:relative;inset:auto;grid-area:1/1;font-size:clamp(30px,8vw,42px);line-height:.98;align-self:start}
 .operation-diagram{min-height:120px;max-height:none;overflow:clip}
 .operation-evidence{display:grid;min-height:0;margin-top:14px}
 .operation-evidence article{position:relative;inset:auto;grid-area:1/1;align-self:start}
 .operation-evidence small{font-size:9px}.operation-evidence h3{font-size:19px;margin:9px 0}.operation-evidence p{font-size:12.5px;line-height:1.5}
 .visibility-frame{padding:17px;width:min(265px,90%);gap:10px}.visibility-frame strong{font-size:32px}.visibility-frame>span,.visibility-frame small{font-size:10px}
 .single-label{padding:16px;width:min(265px,90%);gap:9px}.single-label strong{font-size:29px}.single-label span,.single-label small{font-size:10px}.barcode{height:30px}
 .team-center{padding:16px;font-size:24px}.team-branches{height:22px;margin-top:12px}.team-practices span{padding:10px 8px;font-size:12px}.team-system>small{margin-top:12px;font-size:9px}
}

@media(max-width:760px) and (max-height:720px) and (orientation:portrait) and (prefers-reduced-motion:no-preference){
 body[data-world=supply] .operation-titles h2{font-family:'Barlow Condensed',sans-serif}
 .operation-titles h2,.operation-evidence article{visibility:hidden}
 .operation-story[data-act="1"] .operation-titles h2:nth-child(1),.operation-story[data-act="2"] .operation-titles h2:nth-child(2),.operation-story[data-act="3"] .operation-titles h2:nth-child(3),.operation-story[data-act="4"] .operation-titles h2:nth-child(4),
 .operation-story[data-act="1"] .operation-evidence article:nth-child(1),.operation-story[data-act="2"] .operation-evidence article:nth-child(2),.operation-story[data-act="3"] .operation-evidence article:nth-child(3),.operation-story[data-act="4"] .operation-evidence article:nth-child(4){visibility:visible}
 .operation-story[data-act="1"] .visibility-frame,.operation-story[data-act="1"] .label-system,.operation-story[data-act="1"] .team-system,
 .operation-story[data-act="2"] .flow-lanes,.operation-story[data-act="2"] .stock-tokens,.operation-story[data-act="2"] .label-system,.operation-story[data-act="2"] .team-system,
 .operation-story[data-act="3"] .flow-lanes,.operation-story[data-act="3"] .stock-tokens,.operation-story[data-act="3"] .visibility-frame,.operation-story[data-act="3"] .team-system,
 .operation-story[data-act="4"] .flow-lanes,.operation-story[data-act="4"] .stock-tokens,.operation-story[data-act="4"] .visibility-frame,.operation-story[data-act="4"] .label-system{visibility:hidden}
}

@media(max-width:650px) and (orientation:portrait) and (prefers-reduced-motion:no-preference){.compact-caption{transform:translateY(clamp(-10px,var(--caption-y,0px),10px))}}