/* A continuous editorial tour. All chapters and views remain readable without JS. */
.platform-section{padding:100px var(--gutter) 38px;border-top:1px solid var(--line)}
.platform-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:9vw;margin-bottom:80px}
.platform-heading h2{font-size:clamp(58px,6.3vw,96px);line-height:1.01;margin-top:32px}
.platform-heading h2 span{color:var(--muted)}
.platform-intro{max-width:430px;padding-bottom:7px}
.platform-intro p{font-size:15px;line-height:1.8;color:var(--muted)}
.platform-intro p+p{margin-top:18px}
.tour-introduction{display:block;font-size:10px;letter-spacing:.035em;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
.tour-step{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:7vw;padding:60px 0;border-top:1px solid var(--line);scroll-margin-top:90px;min-width:0}
.tour-copy{min-width:0;max-width:440px}
.tour-kicker{display:flex;align-items:center;gap:18px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;line-height:1.7}
.tour-kicker>span{font-size:12px;font-variant-numeric:tabular-nums;color:#b72d16;border-top:1px solid currentColor;padding-top:5px}
.tour-copy h3{font:400 clamp(38px,3.8vw,58px)/1.04 Newsreader,Georgia,serif;letter-spacing:-.04em;margin:27px 0 24px}
.tour-description{font-size:14px;line-height:1.85;color:var(--muted);max-width:37ch}
.tour-details{margin-top:26px;border-top:1px solid var(--line);max-width:370px}
.tour-details summary{font:500 11px/1.6 Inter,Arial,sans-serif;letter-spacing:0;padding:14px 0;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}
.tour-details summary::-webkit-details-marker{display:none}
.tour-details summary svg{width:18px;height:18px;flex-shrink:0}
.tour-details[open] summary svg{transform:rotate(45deg)}
.tour-details ul{margin:0;padding:4px 0 18px;list-style:none}
.tour-details li{position:relative;font-size:12px;line-height:1.7;padding:6px 0 6px 14px;color:var(--muted)}
.tour-details li::before{content:'';position:absolute;top:15px;left:0;width:4px;height:4px;background:var(--signal)}
.tour-enhanced .tour-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7vw;align-items:start}
.tour-enhanced .tour-chapters{grid-column:1;grid-row:1}
.tour-enhanced .tour-step{display:flex;align-items:center;min-height:470px;padding:65px 0}
.tour-enhanced .tour-step:first-child{border-top:0;padding-top:0;min-height:440px}
.tour-enhanced .tour-step.is-current .tour-kicker{color:#b72d16}
.tour-enhanced .tour-stage{grid-column:2;grid-row:1;position:sticky;top:95px;min-width:0}
.tour-preview{background:var(--obsidian);color:var(--ivory);border:1px solid #30302d;min-width:0;overflow:hidden}
.preview-brand{display:flex;align-items:center;gap:10px;padding:16px 26px;border-bottom:1px solid var(--line-light)}
.preview-brand img{width:24px;height:auto;aspect-ratio:9/11}
.preview-brand>span{font-size:11px;letter-spacing:.22em}
.preview-brand .preview-mode{margin-left:auto;font-size:9px;letter-spacing:.06em;color:#b6b5ae}
.preview-content{padding:22px 28px 18px}
.scene-label{display:block;font-size:9px;line-height:1.6;letter-spacing:.11em;text-transform:uppercase;color:#aaa9a2}
.preview-content h4{font:400 32px/1.1 Newsreader,Georgia,serif;letter-spacing:-.025em;margin:13px 0 18px;min-height:70px;max-width:360px}
.scene-art{min-height:285px;display:flex;flex-direction:column;justify-content:center}
.scene-art strong{font-size:13px;font-weight:450;line-height:1.45;display:block}
.scene-art span:not(.scene-label,.source-dot,.compass-orbit,.compass-axis,.compass-center,.compass-label,.loop-node,.context-thread,.work-card-mark){font-size:10px;line-height:1.7}
.tour-preview figcaption{border-top:1px solid var(--line-light);padding:14px 26px;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#aaa9a2;line-height:1.6}
.tour-preview figcaption>span{color:#e0dfd8;text-align:right}
.tour-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px}
.tour-counter{font-size:10px;letter-spacing:.15em;font-variant-numeric:tabular-nums}
.tour-stage-footer nav{display:flex;gap:5px}
.tour-stage-footer a{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;font-size:10px;font-variant-numeric:tabular-nums}
.tour-stage-footer a[aria-current="step"]{color:var(--ivory);background:var(--obsidian);border-color:var(--obsidian)}
.tour-scroll-note{font-size:10px;color:var(--muted);text-align:right;margin-top:10px}
/* Each perspective has its own visual language, with one shared thread. */
.market-map{display:grid;grid-template-columns:1fr 90px 1.15fr;align-items:center;margin-bottom:24px}
.signal-sources>div{display:flex;align-items:center;gap:10px;min-height:63px}
.source-dot{width:6px;height:6px;flex-shrink:0;background:var(--signal);border-radius:50%}
.signal-sources small{font-size:9px;color:#aaa9a2;display:block;margin-top:2px}
.market-connections{width:100%;height:190px;color:#ff4b2e}
.market-focus{border:1px solid #ff4b2e66;padding:22px 12px;min-height:120px;background:#ff4b2e08}
.market-focus strong{margin:10px 0 6px}
.market-focus>span:last-child{color:#aaa9a2}
.scene-decision{border-top:1px solid var(--line-light);padding-top:18px}
.scene-decision strong{margin:7px 0 4px}
.scene-decision>span:last-child{color:#aaa9a2}
.search-question{border-bottom:1px solid var(--line-light);padding-bottom:20px}
.search-question>p{font:400 24px/1.2 Newsreader,Georgia,serif;letter-spacing:-.02em;margin-top:9px}
.search-path{margin-top:8px}
.search-path>div{position:relative;padding:9px 0 9px 22px;border-left:1px solid #ff4b2e66;margin-left:3px}
.search-path>div::before{content:'';position:absolute;left:-4px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--signal)}
.search-path strong{margin:4px 0 2px}
.search-path>div>span:last-child{color:#aaa9a2}
.customer-voice{border-left:2px solid var(--signal);padding:8px 0 14px 20px}
.customer-voice p{font:400 29px/1.15 Newsreader,Georgia,serif;letter-spacing:-.02em;margin:16px 0}
.customer-voice .voice-source{color:#aaa9a2}
.customer-context{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px;padding-top:20px;border-top:1px solid var(--line-light)}
.customer-context strong{margin:7px 0 6px}
.customer-context>div>span:last-child{color:#aaa9a2}
.scene-strategy{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center}
.strategy-compass{position:relative;aspect-ratio:1;min-width:0;margin:18px 0}
.compass-orbit{position:absolute;width:78%;height:78%;left:11%;top:11%;border:1px solid #f7f6f32c;border-radius:50%}
.compass-orbit:nth-child(2){width:48%;height:48%;left:26%;top:26%}
.compass-axis{position:absolute;top:6%;bottom:6%;left:50%;width:1px;background:var(--signal);transform:rotate(27deg)}
.compass-center{position:absolute;width:8px;height:8px;border:1px solid var(--signal);background:var(--obsidian);left:calc(50% - 4px);top:calc(50% - 4px);border-radius:50%}
.compass-label{position:absolute;font-size:8px;color:#b6b5ae;background:var(--obsidian);padding:2px 4px}
.compass-north{top:0;left:50%;transform:translateX(-50%)}
.compass-south{bottom:0;left:50%;transform:translateX(-50%)}
.compass-east{right:-6px;top:50%;transform:translateY(-50%)}
.compass-west{left:-10px;top:50%;transform:translateY(-50%)}
.strategy-foundation strong{font:400 24px/1.12 Newsreader,Georgia,serif;letter-spacing:-.02em;margin:13px 0}
.strategy-foundation>span:last-child{color:#aaa9a2}
.activation-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.activation-board .scene-label{font-size:8px;letter-spacing:.04em}
.work-card{margin-top:12px;border:1px solid var(--line-light);padding:18px 12px;min-height:170px;background:#ffffff03}
.work-card-review{border-color:#ff4b2e80}
.work-card-mark{display:block;width:20px;height:2px;background:var(--signal);margin-bottom:22px}
.work-card strong{font-size:12px;margin-bottom:10px}
.work-card>span:last-child{color:#aaa9a2}
.activation-context{margin-top:30px;display:flex;align-items:center;gap:12px;color:#b6b5ae}
.context-thread{width:28px;height:1px;background:var(--signal);flex-shrink:0}
.learning-loop{position:relative;height:180px}
.learning-loop>svg{position:absolute;inset:0;color:var(--signal);width:100%;height:100%}
.loop-node{position:absolute;font-size:12px;background:var(--obsidian);border:1px solid var(--line-light);padding:10px 16px;min-width:74px;text-align:center}
.loop-node:nth-child(2){left:12%;top:12%}.loop-node:nth-child(3){right:12%;top:12%}.loop-node:nth-child(4){left:12%;bottom:12%}.loop-node:nth-child(5){right:12%;bottom:12%}
.learning-records{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid var(--line-light);padding-top:24px;margin-top:18px}
.learning-records strong{margin-top:8px;font-size:12px}
.platform-availability{border-top:1px solid var(--line);padding-top:24px;margin-top:35px;font-size:11px;line-height:1.8;color:var(--muted)}
/* A deliberate change of pace before the campaign feature overview. */
.signal-chapter{background:var(--signal);color:var(--obsidian);padding:70px var(--gutter) 30px}
.signal-chapter-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:start;margin:50px 0 70px}
.signal-chapter h2{font-size:clamp(60px,7vw,108px);line-height:1.01;max-width:760px}
.signal-chapter-layout>div{max-width:420px;padding-top:6px}
.signal-chapter-layout p{font-size:14px;line-height:1.8;margin-top:18px}
.signal-chapter-layout .signal-chapter-lead{font-size:23px;line-height:1.35;margin:0;letter-spacing:-.035em}
.action-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 22px;border:1px solid transparent;border-radius:30px;background:var(--signal);color:var(--obsidian);font-size:12px;font-weight:500;min-height:52px;line-height:1.5}
.action-primary svg{width:23px;height:23px;flex-shrink:0;color:currentColor;transition:transform 180ms var(--ease-out)}
.action-inverse{background:var(--obsidian);color:var(--ivory);margin-top:28px}
.signal-pricing{display:flex;align-items:center;gap:12px;width:fit-content;font-size:11px;min-height:44px;margin-top:10px}
.signal-pricing svg{width:16px;height:16px}
.connection-sequence{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #0b0b0b50;padding-top:22px;font-size:10px;text-transform:uppercase;letter-spacing:.13em}
.closing-link.action-primary{border-bottom-color:transparent;padding:14px 22px}
.closing-link.action-primary svg{width:23px;height:23px;color:currentColor}
.hero-cta.action-primary{padding:12px 20px;border-bottom-color:transparent}
.hero-cta.action-primary svg{color:currentColor;width:23px;height:23px}
.hero-pricing.film-trigger{display:inline-flex;align-items:center;gap:10px}
.hero-pricing .film-play-small{height:20px;width:20px;flex-shrink:0}
.hero-pricing .film-duration{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
@media(hover:hover) and (pointer:fine){.action-primary:hover svg{transform:translateX(4px)}.tour-stage-footer a:hover{border-color:var(--obsidian)}}
@media(max-width:1100px){.tour-enhanced .tour-body{gap:4.5vw;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.preview-content{padding:24px 22px 20px}.preview-brand{padding:16px 22px}.preview-content h4{font-size:30px}.market-map{grid-template-columns:1fr 35px 1fr}.work-card{padding:15px 8px}.tour-stage-footer nav{gap:2px}.tour-stage-footer a{width:40px;height:44px}.preview-brand .preview-mode{font-size:8px}.signal-chapter-layout{gap:5vw}}
@media(max-width:800px){
  .platform-section{padding:65px var(--gutter) 30px}.platform-heading{display:block;margin-bottom:38px}.platform-heading h2{font-size:clamp(50px,9vw,72px);margin-top:26px}.platform-intro{margin-top:30px;max-width:540px}.platform-intro p{font-size:14px}.tour-introduction{margin-top:24px}
  .tour-step{display:block;padding:40px 0 48px}.tour-copy{max-width:100%}.tour-copy h3{font-size:clamp(38px,8vw,54px);margin:22px 0 20px}.tour-description{max-width:46ch}.tour-details{max-width:100%;margin-top:22px}.tour-preview{margin-top:30px}.tour-preview .preview-content h4{min-height:0;margin-bottom:18px}.scene-art{min-height:270px}.preview-content{padding:26px}.preview-brand{padding:16px 24px}.scene-strategy{gap:26px}.tour-preview figcaption{padding:14px 24px}.platform-availability{margin-top:0}
  .signal-chapter{padding:50px var(--gutter) 26px}.signal-chapter-layout{display:block;margin:30px 0 44px}.signal-chapter h2{font-size:clamp(50px,10vw,76px)}.signal-chapter-layout>div{margin-top:34px;padding:0;max-width:520px}.signal-chapter-layout .signal-chapter-lead{font-size:22px}.signal-chapter-layout p{font-size:14px}.connection-sequence{grid-template-columns:1fr 1fr;row-gap:18px;font-size:9px;letter-spacing:.1em}
}
@media(max-width:430px){.preview-brand{padding:15px 18px;gap:8px}.preview-brand>span{font-size:10px}.preview-brand .preview-mode{font-size:8px;letter-spacing:0}.preview-content{padding:23px 18px 20px}.preview-content h4{font-size:28px}.market-map{grid-template-columns:1fr 25px 1fr}.market-focus{padding:16px 9px}.scene-art strong{font-size:12px}.signal-sources>div{gap:7px}.scene-art{min-height:270px}.customer-voice{padding-left:14px}.customer-voice p{font-size:26px}.customer-context{gap:18px}.strategy-foundation strong{font-size:22px}.scene-strategy{grid-template-columns:1fr;gap:0}.strategy-compass{width:180px;margin:8px auto 26px}.strategy-foundation{text-align:center}.activation-board{gap:7px}.work-card{padding:15px 8px;min-height:180px}.work-card strong{font-size:11px}.activation-board .scene-label{font-size:7px;letter-spacing:0}.scene-art .work-card>span:last-child{font-size:9px}.learning-records{gap:12px}.learning-records .scene-label{font-size:8px;letter-spacing:.04em}.learning-records strong{font-size:11px}.loop-node{min-width:62px;padding:8px 12px;font-size:11px}.tour-preview figcaption{padding:13px 18px;font-size:8px}.action-primary{font-size:11px;gap:18px;padding:13px 20px}.hero-cta.action-primary{padding:11px 18px}.closing-link.action-primary{font-size:11px;padding:13px 20px}.signal-chapter .action-primary{max-width:100%}}
@media(prefers-reduced-motion:reduce){.action-primary svg{transition:none}.action-primary:hover svg{transform:none}}
.motion-paused .action-primary svg,html.keyboard-input .action-primary svg{transition:none;transform:none}
@media print{.tour-stage{display:none!important}.tour-enhanced .tour-body,.tour-enhanced .tour-step{display:block;min-height:0}.tour-step{break-inside:avoid}.platform-section,.signal-chapter{padding:30px}.tour-details ul{display:block}.action-primary,.signal-pricing{display:none}}

/* Fixed preview dimensions keep the navigation still as chapters change. */
.tour-enhanced .tour-preview{height:574px;display:flex;flex-direction:column}
.tour-enhanced .preview-content{flex:1;display:flex;flex-direction:column;min-height:0}
.tour-enhanced .scene-art{flex:1;min-height:0}
.tour-enhanced .tour-preview figcaption{flex-shrink:0}
.scene-art .scene-row>span:last-child{display:block}

.tour-enhanced .tour-step:last-child{min-height:660px}
.tour-step:focus-visible{outline:0}
.tour-step:focus-visible .tour-copy{outline:1px solid currentColor;outline-offset:12px}

.film-player-footer .action-primary{padding:12px 18px;border-bottom-color:transparent;min-height:48px;font-size:11px;gap:16px}
.film-player-footer .action-primary svg{margin-left:0;color:currentColor;width:20px;height:20px}
