@charset "UTF-8";
:root{--stage-bg:#aa644a;--stage-ink:#f1eadc;--stage-ghost:#743d2d}body.story-mode{background:#eee8db;color:#492c22}.story-mode .story-main{padding:0;max-width:none}.story-nav{position:fixed;top:0;left:0;right:0;height:78px;padding:0 4vw;display:flex;gap:30px;align-items:center;justify-content:space-between;color:var(--stage-ink);z-index:30;border-bottom:1px solid color-mix(in srgb,var(--stage-ink) 18%,transparent);background:color-mix(in srgb,var(--stage-bg) 88%,transparent);backdrop-filter:blur(14px)}.story-logo{font-size:25px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.story-logo span{font-size:10px;font-weight:500;letter-spacing:.8px;margin-left:5px}.story-nav nav{gap:22px}.story-nav nav button,.story-nav nav a{color:inherit;background:none;height:auto;font-size:10px;padding:9px 0;opacity:.62}.story-nav nav .active{opacity:1;border-bottom:1px solid currentColor}.story-filters{display:flex;align-items:center;gap:13px}.story-filters select{font-size:10px;color:inherit;min-width:100px;max-width:150px;border:1px solid color-mix(in srgb,var(--stage-ink) 30%,transparent);border-radius:0;padding:7px 9px;background:transparent}.story-filters select option{background:#f1eadc;color:#492c22}.story-filters #brandSelect{min-width:110px}.story-filters #motionButton{background:none;color:inherit;display:flex;align-items:center;gap:6px;padding:0}.story-filters #motionLabel{font-size:0}.motion-indicator{display:inline-block;width:21px;height:13px;border:1px solid currentColor;border-radius:20px;position:relative}.motion-indicator:after{content:"";position:absolute;height:7px;width:7px;background:currentColor;border-radius:50%;top:2px;right:2px}.motion-off .motion-indicator:after{right:10px}.scroll-story{height:340vh;position:relative;scroll-margin-top:0}.story-stage{position:sticky;top:0;height:100vh;height:100dvh;min-height:600px;overflow:hidden;background:var(--stage-bg);color:var(--stage-ink);isolation:isolate}.stage-light{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 25%,#ffd6ae44 0,transparent 63%),linear-gradient(125deg,#00000014,transparent 43%,#00000014);pointer-events:none;z-index:1}.scene-copy{position:absolute;top:16.7%;left:5.3%;z-index:7;pointer-events:none}.story-eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:550}.scene-copy h1,.scene-copy h2{font-family:"Arial Black","Segoe UI",Arial,sans-serif;font-size:clamp(33px,4.2vw,66px);line-height:.95;font-weight:850;letter-spacing:-2.7px;margin:20px 0 0;max-width:610px}.scene-copy h1>span{font-size:13px;position:absolute;top:56px;margin-left:8px}.scene-copy p{font-size:10px;line-height:1.6;margin-top:19px;opacity:.8;max-width:240px}.copy-1,.copy-2{opacity:0;visibility:hidden}.scene-word{position:absolute;left:50%;top:46%;transform:translate(-50%,-12%);width:max-content;font-family:"Arial Black","Segoe UI",Arial,sans-serif;font-size:clamp(110px,19.4vw,340px);font-weight:900;line-height:.85;letter-spacing:-1.2vw;color:var(--stage-ghost);opacity:.68;z-index:2;pointer-events:none;user-select:none}.word-1,.word-2{opacity:0}.three-host{position:absolute;top:11%;left:9%;width:86%;height:75%;z-index:5;pointer-events:none}.three-host canvas{width:100%;height:100%;display:block;touch-action:pan-y}.model-status{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:11px;letter-spacing:1px;color:var(--stage-ink)}.scene-metric{position:absolute;left:5.3%;bottom:12%;z-index:7;pointer-events:none}.scene-value{display:block;font-size:clamp(53px,7.7vw,120px);font-weight:350;line-height:1.05;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.scene-unit{display:block;font-size:8px;letter-spacing:1.8px;margin-top:9px}.scene-metric p{font-size:9px;opacity:.65;margin-top:12px;max-width:320px}.metric-1,.metric-2{opacity:0;visibility:hidden}.metric-1 .scene-value{font-size:clamp(38px,5.6vw,88px);max-width:450px}.metric-2 .scene-value{font-size:clamp(45px,6vw,94px)}.stage-aside{position:absolute;right:5.3%;top:18%;display:flex;flex-direction:column;align-items:flex-end;z-index:7;text-align:right}.stage-aside>span:first-child{font-size:10px;letter-spacing:.3px}.stage-rule{height:36px;width:1px;background:currentColor;opacity:.3;display:block;margin:15px 0}.stage-aside p{font-size:9px;line-height:1.7;opacity:.6}.scene-counter{margin-top:17px;font-size:10px;font-family:Georgia,serif;font-style:italic}.stage-bottom{position:absolute;bottom:3.7%;left:5.3%;right:5.3%;display:flex;justify-content:space-between;align-items:center;z-index:7;font-size:7px;letter-spacing:1.1px}.scroll-cue{display:flex;gap:24px;align-items:center}.scroll-cue i{font-size:24px;font-style:normal;animation:scrollArrow 2s ease-in-out infinite}.illustration-note{letter-spacing:0;opacity:.5;font-size:8px}.draft-stamp{opacity:.55}.scene-progress{position:absolute;bottom:0;height:3px;width:100%;background:#ffffff0d;z-index:8}.scene-progress i{display:block;background:currentColor;height:100%;width:0;opacity:.5}.bar-labels{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:0}.bar-label{position:absolute;display:flex;flex-direction:column;text-align:center;transform:translate(-50%,-110%);font-size:9px;white-space:nowrap}.bar-label strong{font-size:20px;font-weight:500;letter-spacing:-.7px}.bar-label span{font-size:8px;margin-top:2px;opacity:.7}.numbers-section{max-width:1410px;margin:auto;padding:80px 5.3vw 0;background:#eee8db;position:relative;z-index:9}.numbers-heading{position:relative;padding-bottom:44px;border-bottom:1px solid #d1c5b4}.numbers-heading h2{font-size:clamp(32px,4vw,58px);font-weight:450;line-height:1.03;letter-spacing:-2px;margin-top:25px}.numbers-heading h2 em{font-family:Georgia,serif;font-weight:400}.numbers-side-note{position:absolute;right:0;bottom:46px;font-size:10px;line-height:1.7;color:#8e7b69}.detail-kpis{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:28px 0;border-bottom:1px solid #d1c5b4}.detail-kpis article{border-left:1px solid #d1c5b4;padding-left:25px}.detail-kpis article:first-child{border-left:0;padding-left:0}.detail-kpis article>span{font-size:9px;color:#8c7967}.detail-kpis strong{display:block;font-size:34px;font-weight:450;letter-spacing:-1.5px;margin-top:10px}.detail-kpis p{font-size:8px;color:#9b8978;margin-top:4px}.story-mode .panel{background:#f5f0e6;border:0;border-radius:0;padding:32px 28px;color:#492c22}.story-mode .section-kicker{color:#ad8e73}.story-mode .segment-control{background:#e9e0d0;border-color:#e4d8c5}.story-mode .segment-control button{color:#9a826b}.story-mode .segment-control button.selected{color:#623e2d;background:#fbf7ee}.story-mode .legend-dot{background:#9f6043}.story-mode td{border-color:#e4dccf}.story-mode tfoot td,.story-mode tfoot th{border-color:#c6b6a0;color:#5d3c27}.story-mode tbody tr:hover,.story-mode tbody tr.active{background:#ece3d3}.story-mode footer,.story-mode .footer-brand{color:#9a8069}.story-mode .data-info{background:#e6dcca}.story-mode .data-info p{color:#806b57}.story-mode .chart-note{color:#a28d76}.story-mode .structure-bottom p,.story-mode th{color:#a48e78}.story-mode .share-track{background:#e5ddcf}.story-mode .export-button{border-color:#cdbba3}.story-mode .structure-bottom button{border-color:#cbbba3}@keyframes scrollArrow{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
@media(max-width:1100px){.story-nav{gap:15px}.story-nav nav{gap:14px}.story-filters{gap:7px}.story-filters select{max-width:125px;min-width:95px}.scene-copy h1,.scene-copy h2{font-size:48px}.three-host{left:8%;width:90%;top:13%;height:73%}.stage-aside{top:19%}.numbers-heading h2{font-size:44px}}
@media(max-width:760px){.story-nav{height:99px;padding:12px 5vw;flex-wrap:wrap;gap:0;align-content:space-between}.story-logo{font-size:20px}.story-logo span{font-size:8px}.story-nav nav{height:25px;gap:16px;margin-left:auto}.story-nav nav button,.story-nav nav a{font-size:9px;padding:4px 0}.story-filters{width:100%;gap:8px;justify-content:flex-end}.story-filters select{font-size:9px;flex:1;min-width:0;max-width:none;padding:5px 8px}.story-filters #brandSelect{min-width:0}.story-filters #motionButton{padding:0 4px}.story-stage{min-height:650px}.scroll-story{height:310vh}.scene-copy{top:18%;left:6%}.scene-copy h1,.scene-copy h2{font-size:36px;line-height:.98;letter-spacing:-1.8px;margin-top:14px;max-width:320px}.scene-copy h1>span{font-size:8px;top:39px}.story-eyebrow{font-size:7px;letter-spacing:1.2px}.scene-copy p{font-size:9px;margin-top:13px;max-width:150px}.stage-aside{right:6%;top:19%;max-width:100px}.stage-aside>span:first-child{font-size:8px}.stage-aside p{display:none}.stage-rule{height:23px;margin:11px 0}.scene-counter{margin-top:0;font-size:9px}.scene-word{font-size:25vw;letter-spacing:-1.9vw;top:49%}.three-host{top:31%;left:-13%;height:43%;width:130%}.scene-metric{left:6%;bottom:12.4%}.scene-value{font-size:73px}.scene-unit{font-size:7px;margin-top:6px}.scene-metric p{font-size:8px;max-width:270px;margin-top:10px}.metric-1 .scene-value{font-size:47px;max-width:330px}.metric-2 .scene-value{font-size:54px}.stage-bottom{left:6%;right:6%;font-size:6px;bottom:4%;letter-spacing:.7px;align-items:flex-end}.scroll-cue{max-width:180px;gap:15px}.scroll-cue i{font-size:21px}.illustration-note{display:none}.draft-stamp{font-size:6px}.bar-label{font-size:8px}.bar-label strong{font-size:17px}.bar-label span{font-size:7px}.numbers-section{padding:50px 6vw 0}.numbers-heading{padding-bottom:24px}.numbers-heading h2{font-size:35px;letter-spacing:-1px;margin-top:20px}.numbers-side-note{position:static;display:block;font-size:9px;margin-top:20px}.detail-kpis{gap:12px;padding:24px 0}.detail-kpis article{padding-left:10px}.detail-kpis article>span{font-size:8px;line-height:1.2;display:block;min-height:24px}.detail-kpis strong{font-size:22px;letter-spacing:-1px}.detail-kpis p{font-size:7px}.story-mode .panel{padding:25px 14px;margin-top:16px}.numbers-section .panel-head h2{font-size:21px}.story-mode footer{font-size:8px}.story-mode .trend-chart svg{min-width:650px}}
.ring-labels{position:absolute;right:5.3%;bottom:12%;width:200px;z-index:7;opacity:0;pointer-events:none}.ring-label-caption{display:block;font-size:7px;letter-spacing:1.4px;margin-bottom:12px;opacity:.6}.ring-labels>div{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:9px}.ring-labels i{width:5px;height:5px;flex:none;border-radius:50%;border:1px solid #ffffff33}.ring-labels strong{margin-left:auto;font-size:10px;font-weight:450}.ring-labels>div>span{opacity:.75}@media(max-width:760px){.ring-labels{width:128px;right:6%;bottom:auto;top:30.5%}.ring-label-caption{font-size:6px;margin-bottom:8px}.ring-labels>div{font-size:7px;margin-top:4px;gap:5px}.ring-labels strong{font-size:8px}}
.replay-scene{margin-top:16px;padding:4px 0;background:transparent;color:inherit;border-bottom:1px solid currentColor;border-radius:0;font-size:8px;letter-spacing:.2px;opacity:.7}.replay-scene:hover{opacity:1}.replay-scene:disabled{opacity:.25;cursor:default}@media(max-width:760px){.replay-scene{margin-top:12px;font-size:7px}}