:root{--sensory-bg:#0b1115;--sensory-ink:#eff3ed;--sensory-muted:#a1aea8;--sensory-panel:#141e22;--sensory-line:#d3e4db24;--sensory-accent:#d6c092}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sensory-bg);color:var(--sensory-ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--sensory-accent);outline-offset:5px}.sensory-nav,main,.sensory-footer{width:min(1200px,calc(100% - 80px));margin:auto}.sensory-nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--sensory-line);gap:20px}.sensory-nav>a{font-size:24px;font-weight:650;letter-spacing:-.05em}.sensory-nav>a span{font:10px ui-monospace,monospace;letter-spacing:.16em;margin-left:16px;color:var(--sensory-muted)}.sensory-nav nav{display:flex;gap:26px;font-size:12px;color:var(--sensory-muted)}.eyeline,.section-label{font:11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em;color:var(--sensory-accent)}.sensory-hero{padding-top:64px}.sensory-hero h1{font-size:clamp(42px,6vw,78px);font-weight:500;letter-spacing:-.06em;line-height:1.2;margin:24px 0}.sensory-hero h1 em{font-style:normal;color:var(--sensory-accent)}.hero-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 0 36px}.hero-intro p{font-size:16px;line-height:1.9;color:var(--sensory-muted)}.sensory-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;flex:none;background:var(--sensory-accent);color:#1b251f;padding:17px 22px;border-radius:999px;font-size:13px;font-weight:600;transition:transform .2s}.sensory-cta:hover{transform:translateY(-2px)}.sensory-cover{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#12191c}.sensory-cover img{display:block;width:100%;height:auto;aspect-ratio:2.25;object-fit:cover}.sensory-cover figcaption{position:absolute;right:20px;bottom:16px;font:10px ui-monospace,monospace;letter-spacing:.1em;color:#e2e7d8}.sensory-results{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:32px 0;border-bottom:1px solid var(--sensory-line)}.sensory-results strong{font-size:42px;letter-spacing:-.04em;font-weight:450}.sensory-results strong small{font-size:15px;margin-left:6px}.sensory-results p{color:var(--sensory-muted);font-size:12px;line-height:1.8;margin-bottom:0}.sensory-note{font-size:11px;line-height:1.8;color:var(--sensory-muted);max-width:950px;margin-top:18px}.sensory-section{padding:88px 0;border-bottom:1px solid var(--sensory-line);scroll-margin-top:24px}.section-label{margin-bottom:28px}.sensory-section h2{font-size:clamp(30px,4vw,48px);font-weight:450;letter-spacing:-.05em;line-height:1.3;margin:0 0 22px}.sensory-split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.sensory-section p{color:var(--sensory-muted);font-size:14px;line-height:1.9}.sensory-section .lead{font-size:18px;line-height:1.8;margin-top:0}.sensory-principle{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 0;margin-top:26px;border-top:1px solid var(--sensory-line);font-size:18px}.sensory-principle i{font-style:normal;color:var(--sensory-accent)}.sensory-experiment h2{max-width:700px}.scent-tabs{display:flex;gap:12px;margin:28px 0 20px}.scent-tabs button{border:1px solid var(--sensory-line);border-radius:30px;background:transparent;color:var(--sensory-muted);padding:10px 24px;font-size:13px}.scent-tabs button[aria-selected=true]{background:var(--sensory-accent);color:#1b251f;border-color:var(--sensory-accent)}.scent-panel{background:var(--sensory-panel);border-radius:16px;padding:35px;border-left:2px solid var(--sensory-accent);min-height:230px}.scent-panel>span{font:11px ui-monospace,monospace;letter-spacing:.12em;color:var(--sensory-accent)}.scent-panel h3{font-size:28px;font-weight:450;letter-spacing:-.03em;margin:18px 0 12px}.scent-panel p{max-width:700px}.scent-tags{display:flex;gap:10px;flex-wrap:wrap}.scent-tags span{font-size:11px;border:1px solid var(--sensory-line);border-radius:20px;padding:5px 10px;color:var(--sensory-muted)}.sensory-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:30px 0 0;margin:0}.sensory-steps li{border-top:1px solid var(--sensory-line);padding-top:20px}.sensory-steps li>span{font:12px ui-monospace,monospace;color:var(--sensory-accent)}.sensory-steps h3{font-size:18px;font-weight:500;margin:24px 0 10px}.sensory-layers{display:grid;grid-template-columns:1fr repeat(3,1.2fr);gap:25px;margin-top:36px;padding:28px;background:var(--sensory-panel);border-radius:14px}.sensory-layers h3{font-size:18px;font-weight:450;margin:0}.sensory-layers b{font-weight:500;color:var(--sensory-accent)}.sensory-layers p{font-size:12px;margin-bottom:0}.sensory-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:32px}.sensory-scenes article{border-top:1px solid var(--sensory-line);padding-top:24px}.sensory-scenes small{font-size:11px;color:var(--sensory-accent)}.sensory-scenes h3{font-size:22px;font-weight:450}.sensory-roadmap{margin-top:38px;border-left:2px solid var(--sensory-accent);padding-left:24px;max-width:800px}.sensory-roadmap strong{font-size:22px;font-weight:450}.sensory-end{display:flex;align-items:center;justify-content:space-between;gap:30px}.sensory-end-actions{display:flex;flex-direction:column;align-items:center;gap:22px;font-size:12px;color:var(--sensory-muted)}.sensory-footer{display:flex;justify-content:space-between;padding:30px 0;font-size:11px;color:var(--sensory-muted)}
html[data-theme=light]{--sensory-bg:#f3f6f4;--sensory-ink:#213a30;--sensory-muted:#5c7167;--sensory-panel:#e9efeb;--sensory-line:#284c322a;--sensory-accent:#80652d}html[data-theme=light] body{background:var(--sensory-bg);color:var(--sensory-ink)}html[data-theme=light] :is(h1,h2,h3,h4){color:var(--sensory-ink)}html[data-theme=light] .sensory-cta,html[data-theme=light] .scent-tabs button[aria-selected=true]{color:#fff;background:#80652d}
@media(max-width:800px){.sensory-nav,main,.sensory-footer{width:calc(100% - 40px)}.sensory-nav nav a:not(:last-child){display:none}.sensory-split{gap:30px}.sensory-steps{grid-template-columns:repeat(2,1fr)}.sensory-layers{grid-template-columns:repeat(3,1fr)}.sensory-layers h3{grid-column:1/-1}.sensory-results strong{font-size:30px}.sensory-scenes{gap:20px}.sensory-section{padding:60px 0}}
@media(max-width:560px){.sensory-nav{padding:20px 0}.sensory-nav>a span{display:none}.sensory-hero{padding-top:38px}.hero-intro{align-items:flex-start;flex-direction:column}.hero-intro p{font-size:14px;margin:0}.sensory-cta{padding:14px 20px}.sensory-cover{border-radius:12px}.sensory-cover figcaption{display:none}.sensory-results{gap:14px;padding:24px 0}.sensory-results strong{font-size:26px}.sensory-results strong small{font-size:11px}.sensory-results p{font-size:10px}.sensory-split{grid-template-columns:1fr;gap:10px}.sensory-section .lead{font-size:16px}.sensory-principle{font-size:12px;gap:5px}.sensory-section h2{font-size:32px}.scent-panel{padding:24px;min-height:265px}.scent-panel h3{font-size:23px}.sensory-layers{grid-template-columns:1fr}.sensory-scenes{grid-template-columns:1fr}.sensory-end{align-items:flex-start;flex-direction:column}.sensory-end-actions{align-items:flex-start}.sensory-footer{gap:20px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sensory-cta{transition:none}}
@media(max-width:560px){.sensory-hero h1 em{display:block;white-space:nowrap}}
/* Living Green reference: full-bleed field, floating cream stories and liquid controls. */
:root{--sensory-bg:#383b34;--sensory-ink:#eef1e7;--sensory-muted:#c0c7b9;--sensory-panel:#464b40;--sensory-line:#eef1e722;--sensory-accent:#e4d5b2}
body{overflow-x:clip}main{width:100%}.sensory-section,.living-provenance{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.sensory-nav{position:absolute;left:50%;top:28px;transform:translateX(-50%);z-index:10;padding:15px 22px;width:min(1050px,calc(100% - 80px));border:1px solid #ffffff26;border-radius:16px;background:#22281fd4;box-shadow:0 10px 24px #0a0e084d,inset 0 1px #ffffff15;backdrop-filter:blur(20px);color:#eef1e7}.sensory-nav nav{color:#d2d8cd}.sensory-nav>a{font-size:21px}.sensory-nav>a span{color:#a6b69b}
.living-hero{position:relative;isolation:isolate;min-height:780px;height:min(920px,100svh);padding:0;overflow:hidden;background:#4a4d44;color:#fff;--px:0px;--py:0px}
.living-background{position:absolute;inset:-30px;z-index:-3;background-image:linear-gradient(90deg,#3d4338 0%,#3d4338f5 24%,#3d4338b8 42%,#3d433833 68%,#3d43380d 100%),url('https://jdad-memorizer-1305519777.cos.ap-beijing.myqcloud.com/sensory-ai/20261021-cos/ai-projects/olfactory-cover-v4.webp');background-size:cover;background-position:center;transform:translate3d(calc(var(--px)*-.5),calc(var(--py)*-.5),0) scale(1.04);filter:saturate(.65);transition:transform .8s cubic-bezier(.16,1,.3,1)}
.living-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#383b34aa,transparent 45%);pointer-events:none}
#sensory-breeze{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.living-guides{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff09 calc(25% - 1px),#ffffff09 25%);pointer-events:none;z-index:-2}
.living-copy{position:absolute;left:max(40px,calc((100% - 1200px)/2));top:22%;z-index:2;max-width:600px}.living-copy .eyeline{color:#d1dbc4;font-size:10px}.living-project-name{margin:26px 0 16px;font-size:14px;letter-spacing:.25em;color:#e4dfce}.living-hero h1{font-size:clamp(62px,7vw,104px);font-weight:300;line-height:1.09;letter-spacing:-.055em;margin:0 0 25px;color:#fff!important}.living-hero h1 em{color:#eef1e7}.living-lede{font-size:17px;line-height:1.9;color:#d2d9c9;margin:0}.living-actions{display:flex;align-items:center;gap:18px;margin:24px 0 30px}.living-film-link{display:flex;align-items:center;gap:12px;font-size:12px;color:#e8ebdd}.living-film-link>span{border:1px solid #ffffff55;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:18px;background:#22281f55}.living-stats{display:flex;gap:40px}.living-stats>div{display:flex;align-items:center;gap:12px}.living-stats strong{font-size:26px;font-weight:350;letter-spacing:-.04em}.living-stats small{font-size:12px;margin-left:4px}.living-stats>div>span{max-width:95px;font-size:11px;line-height:1.5;color:#d2d9c9}
.living-ghost{position:absolute;left:2%;bottom:-20px;font-size:clamp(140px,23vw,360px);letter-spacing:.06em;color:#ffffff0b;line-height:.8;font-weight:450;pointer-events:none;z-index:-1}.living-floating-card{position:absolute;right:max(40px,calc((100% - 1200px)/2));bottom:75px;width:330px;border-radius:34px;overflow:hidden;background:#f2f3ef;color:#23261f;box-shadow:0 30px 70px #10150d4d;transform:translate3d(calc(var(--px)*.6),calc(var(--py)*.6),0) rotate(-3deg);transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.living-floating-card:hover{transform:translate3d(calc(var(--px)*.6),calc(var(--py)*.6 - 8px),0) rotate(0);box-shadow:0 38px 84px #10150d5c}.living-floating-card>img{width:calc(100% - 24px);display:block;margin:12px;border-radius:22px;height:170px;object-fit:cover;object-position:top}.living-floating-card>div{position:relative;padding:8px 24px 24px}.living-floating-card small{font:10px ui-monospace,monospace;letter-spacing:.14em;color:#7c8177}.living-floating-card h2{font-size:25px;line-height:1.3;font-weight:400;color:#23261f!important;margin:12px 0 0}.living-round-arrow{position:absolute;right:23px;bottom:28px;display:grid;place-items:center;border:1px solid #23261f2b;border-radius:50%;width:38px;height:38px;font-size:20px}
.living-award-card{position:absolute;right:max(75px,calc((100% - 1050px)/2));top:22%;width:240px;padding:22px;border-radius:24px;background:#f2f3ef;color:#23261f;box-shadow:0 15px 45px #10150d33;transform:rotate(4deg);transition:transform .5s}.living-award-card:hover{transform:rotate(0) translateY(-4px)}.living-award-card small{display:block;font:10px ui-monospace,monospace;color:#7c8177;letter-spacing:.15em}.living-award-card>span{display:block;font-size:15px;margin:12px 0 24px}.living-award-card b{font-size:11px;font-weight:450;color:#6b715f}.living-scroll{position:absolute;right:30px;bottom:30px;font:10px ui-monospace,monospace;letter-spacing:.18em;color:#d7e0c7}
.living-provenance{padding:24px 0 0}.living-provenance p{font-size:11px;line-height:1.8;color:var(--sensory-muted);max-width:950px;margin:0}
.sensory-liquid-host{position:relative;display:inline-block;flex:none;width:235px;height:76px;margin:-10px -12px;isolation:isolate}.sensory-liquid-host .plate{position:absolute;inset:14px;border-radius:999px;background:linear-gradient(180deg,#ffffff12,#ffffff02 44%,transparent 64%),#172019bc;box-shadow:0 4px 8px #0006,0 10px 20px #0004,inset 0 1px #ffffff26;transition:box-shadow .3s}.sensory-liquid-host .liquid-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .4s}.sensory-liquid-host.liquid-ready .liquid-fx{opacity:1}.sensory-liquid-host .liquid-button{position:absolute;inset:14px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e1eac426;border-radius:999px;padding:0 24px;font-size:13px;color:#fff;background:transparent;z-index:2}.sensory-liquid-host.hot .plate{box-shadow:0 4px 12px #0007,0 0 18px #d0ebbe22,inset 0 1px #ffffff36}
.sensory-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}.sensory-film-grid article{background:#f2f3ef;border-radius:30px;overflow:hidden;color:#23261f;box-shadow:0 18px 45px #10150d24}.sensory-film-feature{grid-column:1/-1}.film-label{padding:24px 26px 18px}.film-label>span{font:10px ui-monospace,monospace;letter-spacing:.13em;color:#7c8177}.film-label h3{font-size:23px;font-weight:400;color:#23261f!important;margin:10px 0 0}.sensory-film-grid video{display:block;width:100%;max-height:620px;aspect-ratio:16/9;object-fit:contain;background:#0a0e0a}.sensory-film-grid article>p{padding:0 26px 22px;margin:18px 0 0;color:#6f7868;font-size:12px}
.sensory-image-open{position:relative;display:block;cursor:zoom-in;border:0;padding:0;border-radius:30px;overflow:hidden;background:#000;margin-top:32px;width:100%;color:#fff}.sensory-image-open>img{display:block;width:100%;height:auto;max-height:740px;object-fit:contain;transition:transform .6s}.sensory-image-open:hover>img{transform:scale(1.015)}.sensory-image-open>span{position:absolute;right:20px;bottom:20px;background:#f2f3ef;color:#23261f;padding:12px 16px;border-radius:30px;font-size:12px}
.sensory-image-dialog{width:min(1250px,94vw);height:90dvh;max-height:90dvh;padding:40px 12px 12px;border:1px solid #d5e2c23d;border-radius:22px;background:#172019;overflow:hidden}.sensory-image-dialog::backdrop{background:#050b08d9;backdrop-filter:blur(12px)}.sensory-image-dialog>img{width:100%;height:100%;object-fit:contain}.sensory-image-dialog>button{position:absolute;right:14px;top:8px;background:none;border:0;color:#fff;font-size:28px;width:32px;height:32px}
.scent-panel{border-radius:30px;background:#f2f3ef;color:#23261f;border-left:0;padding:36px}.scent-panel h3{color:#23261f!important}.scent-panel p,.scent-panel .scent-tags span{color:#6f7868}.scent-panel>span{color:#777c69}.scent-panel .scent-tags span{border-color:#23261f22}.sensory-layers{border-radius:28px}.sensory-scenes article{transition:transform .4s}.sensory-scenes article:hover{transform:translateY(-5px)}
.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s,transform .85s cubic-bezier(.16,1,.3,1)}.js-motion .reveal.is-visible{opacity:1;transform:none}
html[data-theme=light]{--sensory-bg:#eef1e7;--sensory-ink:#23261f;--sensory-muted:#68715f;--sensory-panel:#e0e6d6;--sensory-line:#5969462a;--sensory-accent:#667946}html[data-theme=light] .living-hero{background:#4a4d44;color:#fff}html[data-theme=light] .sensory-nav{color:#eef1e7}html[data-theme=light] .sensory-cta{background:#596a45;color:#fff}html[data-theme=light] .scent-tabs button[aria-selected=true]{background:#596a45;color:#fff}
@media(max-width:1100px){.living-copy{left:40px;max-width:510px}.living-floating-card{right:35px;width:280px}.living-award-card{right:45px;width:215px}.living-hero h1{font-size:80px}.living-stats{gap:24px}}
@media(max-width:800px){.sensory-section,.living-provenance{width:calc(100% - 40px)}.sensory-nav{width:calc(100% - 40px);top:20px}.living-hero{min-height:1060px;height:auto}.living-copy{top:140px;left:30px;right:30px;max-width:none}.living-hero h1{font-size:74px}.living-award-card{display:none}.living-floating-card{width:330px;bottom:65px;right:50%;margin-right:-165px;transform:rotate(-3deg)}.living-background{background-position:72% center;background-image:linear-gradient(180deg,#3d4338eb 0%,#3d4338bc 50%,#3d433850),url('https://jdad-memorizer-1305519777.cos.ap-beijing.myqcloud.com/sensory-ai/20261021-cos/ai-projects/olfactory-cover-v4.webp')}.living-stats{gap:35px}.living-ghost{bottom:50px;font-size:180px}.sensory-film-grid{gap:18px}.film-label{padding:20px}.film-label h3{font-size:20px}}
@media(max-width:560px){.living-hero{min-height:1050px}.living-copy{top:130px;left:24px;right:24px}.living-hero h1{font-size:68px}.living-lede{font-size:15px}.living-project-name{margin-top:20px}.living-actions{gap:9px;flex-wrap:wrap}.living-film-link{font-size:11px}.sensory-liquid-host{width:205px}.living-stats{gap:22px}.living-stats strong{font-size:23px}.living-stats>div>span{font-size:10px;max-width:75px}.living-floating-card{width:290px;margin-right:-145px;bottom:67px}.living-floating-card>img{height:145px}.living-floating-card h2{font-size:23px}.sensory-film-grid{grid-template-columns:1fr}.sensory-film-feature{grid-column:auto}.sensory-film-grid video{aspect-ratio:4/3;max-height:450px}.sensory-image-open{border-radius:20px}.scent-panel{padding:24px}.sensory-nav>a span{display:none}}
@media(prefers-reduced-motion:reduce){.living-background,.living-floating-card,.living-award-card,.sensory-image-open>img,.sensory-scenes article{transition:none;transform:none}.js-motion .reveal{opacity:1;transform:none;transition:none}}
/* Use only the artwork's rightmost subject in the hero, avoiding duplicate cover text. */
.living-background{background:#3d4338;filter:none}
.living-background:before{content:"";position:absolute;inset:0 0 0 42%;background:url('https://jdad-memorizer-1305519777.cos.ap-beijing.myqcloud.com/sensory-ai/20261021-cos/ai-projects/olfactory-cover-v4.webp') right center/auto 100% no-repeat;filter:saturate(.65);mask-image:linear-gradient(90deg,transparent,#000 40%)}
@media(max-width:800px){.living-background{background:#3d4338}.living-background:before{inset:38% 0 0 15%;opacity:.65;background-size:auto 100%;mask-image:linear-gradient(180deg,transparent,#000 35%)}}

/* Full hero film; the two floating cards have been removed. */
.living-background{inset:0;background:#3d4338;transform:none;filter:none}.living-background:before{display:none}.living-hero-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.living-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#172018c9, #17201875 42%,#17201810 80%);pointer-events:none}
@media(max-width:800px){.living-hero{min-height:760px;height:100svh}.living-background:after{background:linear-gradient(90deg,#172018bb,#17201855)}.living-copy{top:150px}.living-ghost{bottom:-15px}}
@media(max-width:560px){.living-hero{min-height:720px}.living-copy{top:130px}.living-hero-video{object-position:65% center}}

/* Keep metric explanations on one line at a readable size. */
.living-stats{flex-wrap:wrap;gap:20px 36px}.living-stats>div{gap:14px}.living-stats>div>span{max-width:none;font-size:14px;line-height:1.5;white-space:nowrap}
.living-ghost{font-size:clamp(85px,13vw,210px);letter-spacing:.025em}
@media(max-width:560px){.living-stats{gap:16px;flex-direction:column;align-items:flex-start}.living-stats>div>span{max-width:none;font-size:13px}.living-ghost{font-size:54px;letter-spacing:0}}

/* Reference vegetation: real geometry, above the video and below content. */
#sensory-stage{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#sensory-scene{display:block;width:100%;height:100%}
.living-copy{z-index:2}
.living-scroll{z-index:3}
.sensory-liquid-host .liquid-fx{clip-path:inset(14px round 999px)}

/* Mirror only the 3D scene; preserve the video and typography direction. */
#sensory-scene{transform:scaleX(-1)}

/* Editorial content modules. All changes are scoped below the existing hero. */
.sensory-story{background:var(--sensory-bg);padding:20px 0 0}.sensory-story .sensory-section{padding-block:100px;scroll-margin-top:28px}.sensory-story h2{font-size:clamp(34px,4.4vw,60px);line-height:1.22;letter-spacing:-.045em;text-wrap:balance}.sensory-story h3{font-weight:450;letter-spacing:-.025em;text-wrap:balance}.sensory-story .sensory-split{grid-template-columns:1.05fr 1fr;gap:80px}.sensory-story .lead{font-size:20px;line-height:1.85}.sensory-story .section-label{margin-bottom:36px}.story-frictions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin-top:54px}.story-frictions article{border-top:1px solid var(--sensory-line);padding-top:22px}.story-frictions article>span,.story-decision article>span,.story-plan>li>span{font:12px ui-monospace,monospace;color:var(--sensory-accent)}.story-frictions h3{font-size:26px;margin:26px 0 10px}.sensory-story .story-takeaway{font-size:clamp(23px,3vw,36px);line-height:1.6;margin:60px 0 0;color:var(--sensory-ink);letter-spacing:-.04em}.story-takeaway em{font-style:normal;color:var(--sensory-accent)}.story-evolution{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;border-block:1px solid var(--sensory-line)}.story-evolution article{padding:30px 24px 30px 0;min-width:0}.story-evolution article+article{border-left:1px solid var(--sensory-line);padding-left:30px}.story-evolution article:last-child{background:var(--sensory-panel);padding-right:24px}.story-evolution small{font-size:12px;color:var(--sensory-muted)}.story-evolution strong{display:block;font-size:clamp(38px,5vw,64px);font-weight:350;margin:28px 0;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.story-evolution strong>span{font-size:12px;letter-spacing:0;margin-left:10px;display:inline-block}.story-evolution h3{font-size:25px;margin:0}.story-evolution p{font-size:12px;min-height:23px}.story-senses{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.story-senses>span{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid var(--sensory-line);border-radius:50%;font-size:11px;padding:5px}.sensory-story .sensory-film-grid{margin-top:42px}.sensory-story .sensory-film-grid article{border-radius:16px;box-shadow:none}.sensory-story .film-label{padding:22px 26px}.sensory-story .sensory-film-grid video{aspect-ratio:16/9}.story-decision{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-block:40px 4px}.story-decision article{border-top:1px solid var(--sensory-line);padding-top:20px}.story-decision h3{font-size:25px;margin:24px 0 10px}.story-support-films #workflow{scroll-margin-top:28px}.story-comparison{margin-top:64px}.story-subheading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.story-subheading h3{font-size:28px;margin:0}.sensory-story .sensory-image-open{border-radius:16px;margin-top:24px}.sensory-story .sensory-image-open img{max-height:660px}.story-results{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding:48px 0 0;margin-top:64px;border-top:1px solid var(--sensory-line)}.story-results .section-label{margin-bottom:20px}.story-results strong{font-size:clamp(72px,9vw,120px);font-weight:300;letter-spacing:-.075em;font-variant-numeric:tabular-nums;line-height:1}.story-results strong>span{font-size:.38em;margin-left:8px}.story-results>div>p{margin-top:18px}.story-results h3{font-size:32px;line-height:1.5;margin:0 0 16px}.story-categories{display:flex;flex-wrap:wrap;gap:12px 22px;border-block:1px solid var(--sensory-line);padding-block:18px;margin-top:26px;font-size:14px}.story-experience{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--sensory-panel);border-radius:16px;padding:32px 48px;margin-top:40px;font-size:clamp(18px,2.5vw,30px);letter-spacing:-.03em}.story-experience i{font-style:normal;color:var(--sensory-accent)}.story-scene-list{margin-top:40px}.story-scene-list article{display:grid;grid-template-columns:.6fr 1.4fr .9fr;gap:40px;align-items:start;border-top:1px solid var(--sensory-line);padding:32px 0}.story-scene-index{font:12px ui-monospace,monospace;color:var(--sensory-accent);padding-top:8px}.story-scene-list h3{font-size:30px;margin:0 0 10px}.story-scene-list p{margin:0;max-width:460px}.story-scene-outcome{font-size:12px;color:var(--sensory-muted);text-align:right;padding-top:10px}.story-formula{margin-top:30px;padding:36px 0;border-block:1px solid var(--sensory-line)}.story-formula>p{margin:0 0 14px}.story-formula h3{font-size:clamp(25px,3.5vw,44px);line-height:1.7;margin:0}.story-formula h3>span{color:var(--sensory-accent)}.story-plan{list-style:none;padding:0;margin:42px 0 0}.story-plan li{display:grid;grid-template-columns:65px 1fr 100px;gap:24px;align-items:start;padding:28px 0;border-top:1px solid var(--sensory-line)}.story-plan li>span{padding-top:8px}.story-plan h3{font-size:24px;margin:0 0 8px}.story-plan p{margin:0}.story-plan small{font-size:11px;color:var(--sensory-muted);text-align:right;padding-top:9px}.story-closing{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:45px;padding:36px;background:var(--sensory-panel);border-radius:16px}.sensory-story .story-closing>p{font-size:25px;color:var(--sensory-ink);margin:0}.story-closing>div{display:flex;align-items:center;gap:28px;font-size:12px}.story-references{margin-top:40px;border-top:1px solid var(--sensory-line);padding-top:24px;color:var(--sensory-muted)}.story-references summary{cursor:pointer;display:flex;justify-content:space-between;font-size:13px;list-style:none}.story-references summary::-webkit-details-marker{display:none}.story-references[open] summary>span{transform:rotate(45deg)}.story-references summary>span{transition:transform .2s}.story-references ul{padding-left:20px;font-size:12px;line-height:2.2}.story-references p{font-size:12px}.story-references a{text-decoration:underline;text-underline-offset:4px}.sensory-story :is(a,button,summary):focus-visible{outline:2px solid var(--sensory-accent);outline-offset:5px}.sensory-story a{transition:opacity .2s}.sensory-story a:hover{opacity:.8}
@media(max-width:900px){.sensory-story .sensory-split{gap:35px}.sensory-story .sensory-section{padding-block:72px}.story-results{gap:38px}.story-evolution article+article{padding-left:20px}.story-frictions,.story-decision{gap:24px}.story-scene-list article{grid-template-columns:.5fr 1.4fr;gap:24px}.story-scene-outcome{grid-column:2;text-align:left;padding-top:0}.story-closing{align-items:flex-start;flex-direction:column}.story-closing>div{flex-wrap:wrap}}
@media(max-width:560px){.sensory-story{padding-top:0}.sensory-story .sensory-section{padding-block:56px}.sensory-story .sensory-split{grid-template-columns:1fr;gap:6px}.sensory-story .section-label{font-size:10px;margin-bottom:25px;letter-spacing:.1em}.sensory-story h2{font-size:36px}.sensory-story .lead{font-size:17px}.story-frictions,.story-decision{grid-template-columns:1fr;gap:16px;margin-top:26px}.story-frictions article{display:grid;grid-template-columns:28px 1fr;gap:0 10px;padding-top:16px}.story-frictions article>span{padding-top:7px}.story-frictions h3{font-size:23px;margin:0}.story-frictions p{grid-column:2;margin:8px 0 0}.sensory-story .story-takeaway{margin-top:32px;font-size:24px}.story-takeaway em{display:block}.story-evolution{grid-template-columns:1fr;margin-top:28px}.story-evolution article{padding:24px 20px!important}.story-evolution article+article{border-left:0;border-top:1px solid var(--sensory-line)}.story-evolution strong{font-size:48px;margin:18px 0}.story-evolution h3{font-size:23px}.story-senses{margin-top:14px}.sensory-story .sensory-film-grid{margin-top:28px}.sensory-story .film-label{padding:20px}.story-decision{padding-top:24px;margin-top:0}.story-decision h3{margin:16px 0 8px;font-size:23px}.story-decision p{margin-bottom:0}.story-comparison{margin-top:36px}.story-subheading{display:block}.story-subheading h3{font-size:25px}.story-results{grid-template-columns:1fr;gap:28px;margin-top:36px;padding-top:30px}.story-results strong{font-size:90px}.story-results h3{font-size:28px}.story-experience{padding:24px 16px;gap:8px;font-size:17px;margin-top:26px}.story-scene-list{margin-top:26px}.story-scene-list article{grid-template-columns:1fr;gap:16px;padding-block:24px}.story-scene-list h3{font-size:26px}.story-scene-outcome{grid-column:1}.story-formula{padding-block:25px;margin-top:16px}.story-formula h3{font-size:24px}.story-plan{margin-top:28px}.story-plan li{grid-template-columns:28px 1fr;gap:12px;padding-block:22px}.story-plan h3{font-size:22px}.story-plan small{grid-column:2;text-align:left;padding-top:0}.story-closing{padding:24px;margin-top:28px;gap:22px}.sensory-story .story-closing>p{font-size:21px}.story-closing>div{gap:20px}.story-references li{margin-bottom:12px}}

/* Source material supplied for the five content modules. */
.story-material{margin:32px 0 0;min-width:0}.story-material img{display:block;width:100%;height:auto;border-radius:12px}.story-material figcaption{font-size:11px;color:var(--sensory-muted);line-height:1.8;margin-top:12px}.story-insight>.story-material{max-width:760px;margin-top:40px}.story-research-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:12px}.story-main-film .sensory-film-feature{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:auto 1fr;background:var(--sensory-panel);color:var(--sensory-ink)}.story-main-film .sensory-film-feature video{grid-column:1;grid-row:1/3;height:580px;aspect-ratio:auto;object-fit:contain;background:#171d17}.story-main-film .film-label{grid-column:2;padding:45px 40px 0}.story-main-film .film-label h3{color:var(--sensory-ink)!important;font-size:32px;line-height:1.5;margin-top:25px}.story-main-film .film-label>span{color:var(--sensory-accent)}.story-main-film .sensory-film-feature>p{grid-column:2;align-self:start;padding:15px 40px;color:var(--sensory-muted);font-size:15px;max-width:480px}.story-case-section{margin-top:60px}.story-case-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:26px}.story-case-grid article{min-width:0}.story-case-grid h4{font-weight:450;font-size:16px;margin:0 0 14px}.story-case-grid video{display:block;width:100%;aspect-ratio:443/960;object-fit:contain;background:#171d17;border-radius:12px}.story-scene-media{grid-column:2/-1;min-width:0}.story-scene-media>.story-material{margin:0}.story-travel-images{display:grid;grid-template-columns:1fr 1fr;gap:18px}.story-travel-images .story-material{margin:0}.story-scene-media>video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin-top:24px;border-radius:12px;background:#171d17}.story-references .story-material{margin-top:24px}.story-references .story-material img{object-fit:contain;max-height:700px}.story-one>.story-material{margin-top:40px}
@media(max-width:900px){.story-main-film .sensory-film-feature video{height:500px}.story-main-film .film-label{padding:30px 24px 0}.story-main-film .film-label h3{font-size:26px}.story-main-film .sensory-film-feature>p{padding-inline:24px}.story-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}}
@media(max-width:560px){.story-research-grid{grid-template-columns:1fr;gap:0}.story-main-film .sensory-film-feature{display:flex;flex-direction:column}.story-main-film .film-label{padding:24px}.story-main-film .film-label h3{font-size:25px;margin-top:12px}.story-main-film .sensory-film-feature video{height:520px;max-height:none}.story-main-film .sensory-film-feature>p{font-size:13px;padding:0 24px 24px}.story-case-section{margin-top:36px}.story-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.story-case-grid h4{font-size:14px}.story-travel-images{grid-template-columns:1fr;gap:24px}.story-scene-media{grid-column:1}.story-material{margin-top:24px}.story-scene-media>video{margin-top:20px}}

/* Silent, seamless video display with no player chrome or letterboxing. */
.sensory-story video{object-fit:cover!important;background:transparent!important;height:auto!important;max-height:none!important;display:block;width:100%}
.sensory-story video::-webkit-media-controls{display:none!important}
.story-main-film .sensory-film-feature{grid-template-columns:minmax(0,320px) minmax(0,1fr)}
.story-main-film .sensory-film-feature video{aspect-ratio:443/960}
@media(max-width:560px){.story-main-film .sensory-film-feature video{width:100%;height:auto;aspect-ratio:443/960}}

/* Native high-resolution market chart, transcribed from the supplied reference. */
.market-board{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--sensory-line);border-radius:20px;overflow:hidden;margin-top:48px;background:var(--sensory-panel)}
.market-cover{position:relative;margin:0;min-width:0;background:#f5efe3;display:flex;align-items:center;flex-direction:column;justify-content:center}.market-cover img{width:100%;height:auto;display:block}.market-cover figcaption{position:absolute;bottom:20px;left:24px;color:#6a665c;font-size:11px;background:#fff9;padding:7px 10px;border-radius:4px}
.market-data{padding:32px;min-width:0;background:#e8f3f2;color:#244e50}.sensory-story .market-heading p{font-size:10px;letter-spacing:.15em;color:#557576;margin:0 0 10px}.market-heading h3{font-size:26px;line-height:1.4;color:#244e50!important;margin:0}.market-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 28px}.market-filters button{display:flex;align-items:center;gap:7px;font:inherit;font-size:11px;padding:8px 12px;border:1px solid #abcac8;background:transparent;border-radius:5px;color:#365f60;cursor:pointer;transition:background .2s,color .2s}.market-filters button[aria-pressed=true]{background:#245e60;color:#fff;border-color:#245e60}.market-dot{width:10px;height:10px;border-radius:2px;background:#12a8b3}.market-dot.online{background:repeating-linear-gradient(135deg,#72a9a7 0 2px,#e8f3f2 2px 4px)}
.market-chart{display:grid;grid-template-columns:36px 1fr;gap:12px;height:240px}.market-axis{display:flex;flex-direction:column;justify-content:space-between;font:10px ui-monospace,monospace;color:#6a8888;padding-bottom:29px}.market-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#b5d2d255 calc(25% - 1px),#b5d2d255 25%);min-width:0}.market-year{appearance:none;border:0;background:none;padding:0;color:#365e5f;cursor:pointer;display:flex;flex-direction:column;gap:12px;align-items:center;min-width:0;font:12px ui-monospace,monospace}.market-stack{display:flex;flex-direction:column;width:100%;height:211px;outline:2px solid transparent;outline-offset:4px;border-radius:3px;overflow:hidden;transition:outline-color .2s,transform .2s}.market-year[aria-pressed=true] .market-stack{outline-color:#245e60}.market-year:hover .market-stack{transform:translateY(-3px)}.market-segment{height:var(--share);display:grid;place-items:center;flex-shrink:0;transition:opacity .25s;min-height:0}.market-online{background:repeating-linear-gradient(135deg,#75b9b4 0 2px,#dff2ee 2px 6px);color:#164b4c}.market-offline{background:#10a7b4;color:#fff}.market-segment b{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;background:#e1f3efde;padding:2px 4px;border-radius:2px}.market-offline b{background:none}.market-board[data-channel=online] .market-offline,.market-board[data-channel=offline] .market-online{opacity:.18}.sensory-story .market-readout{display:flex;align-items:center;gap:14px;margin:22px 0;font-size:12px;color:#245e60;flex-wrap:wrap}.market-readout strong{font:18px ui-monospace,monospace}.market-readout small{margin-left:auto;font-size:10px;color:#668383}.market-growth{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.market-growth caption{text-align:left;font-size:12px;margin-bottom:14px}.market-growth th,.market-growth td{padding:12px 7px;border-top:1px solid #c1d8d5;font-weight:400}.market-growth thead th{font-size:10px;color:#5b7f7d}.market-growth th:first-child{text-align:left}.market-growth tbody td{font-size:17px}.market-growth button{appearance:none;border:0;background:none;font:inherit;color:inherit;padding:4px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.market-board[data-channel=online] [data-growth=online],.market-board[data-channel=offline] [data-growth=offline]{background:#cce5df}.market-board[data-channel=online] [data-growth=offline],.market-board[data-channel=offline] [data-growth=online]{opacity:.45}.sensory-story .market-footnote{font-size:10px;line-height:1.8;color:#63807f;margin:16px 0 0}.market-board button:focus-visible{outline:2px solid #245e60;outline-offset:4px}.market-board .market-year:focus-visible{outline-offset:6px}
@media(max-width:900px){.market-board{grid-template-columns:1fr}.market-cover img{max-height:480px;object-fit:cover}.market-data{padding:28px}.market-cover figcaption{bottom:12px}}
@media(max-width:560px){.market-board{margin-top:28px;border-radius:14px}.market-data{padding:24px 18px}.market-heading h3{font-size:24px}.market-bars{gap:18px}.market-chart{gap:8px}.market-readout{gap:10px}.market-growth th,.market-growth td{padding-inline:4px}.market-cover figcaption{left:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.market-board *{transition:none!important}}

.market-cover{background:linear-gradient(155deg,#fbf1e4 0%,#f9f0e2 38%,#d7ece8 100%)}

/* Interactive sensory-channel research, using the source image's values. */
.channels-chart{margin-top:40px;padding:38px;border:1px solid var(--sensory-line);border-radius:18px;background:var(--sensory-panel);--channel-color:#d1764b}
.channels-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.sensory-story .channels-heading>div>p{font-size:10px;letter-spacing:.12em;color:var(--sensory-accent);margin:0 0 16px}.channels-heading h3{font-size:34px;line-height:1.35;margin:0}.sensory-story .channels-heading>p{max-width:260px;font-size:12px;margin:0 0 4px}.channels-plot{position:relative;margin-top:48px}.channels-plot svg{display:block;width:100%;overflow:visible}.channels-grid path{stroke:var(--sensory-line);fill:none;stroke-width:1}.channels-grid text{fill:var(--sensory-muted);font:13px ui-monospace,monospace}.channels-area{fill:var(--channel-color);opacity:.1}.channels-line{fill:none;stroke:var(--channel-color);stroke-width:3;vector-effect:non-scaling-stroke}.channels-point circle{fill:var(--sensory-bg);stroke:var(--channel-color);stroke-width:3;transition:stroke-width .2s}.channels-point.selected circle{stroke-width:7}.channels-point text{fill:var(--channel-color);font:500 28px ui-monospace,monospace;text-anchor:middle}.channels-point.selected text{font-weight:700}.channels-labels text{text-anchor:middle;fill:var(--sensory-muted);font-size:16px}.channels-hitareas{position:absolute;inset:0 9% 8% 9%;display:grid;grid-template-columns:repeat(3,1fr)}.channels-hitareas button{border:0;background:transparent;cursor:pointer}.channels-hitareas button:focus-visible{outline:2px dashed var(--channel-color);outline-offset:-5px;border-radius:8px}.channels-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 24px}.channels-options button{border:1px solid var(--sensory-line);background:transparent;padding:16px 10px;border-radius:8px;color:var(--sensory-ink);font:inherit;font-size:15px;cursor:pointer;transition:background .2s,border-color .2s}.channels-options button>span{display:block;color:var(--sensory-muted);font-size:11px;margin-top:6px}.channels-options button[aria-pressed=true]{background:var(--sensory-bg);border-color:var(--channel-color)}.channels-options button:focus-visible{outline:2px solid var(--channel-color);outline-offset:3px}.channels-detail{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;border-block:1px solid var(--sensory-line);padding:28px 0}.channels-detail>strong{color:var(--channel-color);font-size:65px;font-weight:350;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.channels-detail>strong small{font-size:25px;margin-left:4px}.channels-detail h4{font-size:20px;font-weight:450;margin:0}.sensory-story .channels-detail div p{font-size:13px;margin:8px 0}.channels-detail div>span{font-size:10px;color:var(--sensory-muted)}.sensory-story .channels-delta{font-size:11px;margin:0;max-width:125px;color:var(--sensory-accent)}.sensory-story .channels-source{font-size:10px;line-height:1.9;margin:20px 0 0;color:var(--sensory-muted)}
html[data-theme=light] .channels-chart{--channel-color:#b95831}
@media(max-width:800px){.channels-chart{padding:26px}.channels-heading{align-items:flex-start;flex-direction:column;gap:16px}.channels-heading h3{font-size:30px}.channels-detail{grid-template-columns:auto 1fr;gap:18px}.sensory-story .channels-delta{grid-column:2;max-width:none}}
@media(max-width:560px){.channels-chart{padding:22px 16px;margin-top:28px}.channels-heading h3{font-size:27px}.channels-plot{margin-top:35px}.channels-point text{font-size:40px}.channels-grid text{font-size:25px}.channels-labels text{font-size:27px}.channels-options{gap:6px;margin-top:22px}.channels-options button{font-size:12px;padding:14px 4px}.channels-options button>span{font-size:9px}.channels-detail{gap:16px}.channels-detail>strong{font-size:50px}.channels-detail h4{font-size:16px}.sensory-story .channels-detail div p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.channels-chart *{transition:none!important}}

/* Tighter editorial rhythm across the content modules. */
.sensory-story{padding-top:0}
.sensory-story .sensory-section{padding-block:64px}
.sensory-story .section-label{margin-bottom:24px}
.sensory-story .sensory-split{gap:48px}
.sensory-story h2{font-size:clamp(34px,3.8vw,52px);margin-bottom:16px}
.sensory-story .lead{font-size:18px;line-height:1.7}
.story-frictions{margin-top:28px;gap:30px}
.story-frictions h3{margin-top:18px}
.sensory-story .story-takeaway{margin-top:28px;font-size:clamp(23px,2.7vw,32px)}
.story-insight>.story-material,.story-one>.story-material{margin-top:28px}
.story-research-grid{margin-top:0;gap:20px}
.story-research-grid .story-material{margin-top:24px}
.story-evolution{margin-top:28px}
.story-evolution article{padding-block:24px}
.story-evolution strong{margin-block:18px;font-size:clamp(38px,4.5vw,56px)}
.story-senses{margin-top:16px}
.sensory-story .sensory-film-grid{margin-top:28px;gap:20px}
.story-decision{padding-top:28px;gap:28px}
.story-decision h3{margin-top:16px}
.story-comparison,.story-case-section{margin-top:36px}
.story-results{margin-top:36px;padding-top:32px;gap:48px}
.story-results strong{font-size:clamp(72px,8vw,100px)}
.story-results h3{font-size:28px}
.story-experience{margin-top:26px;padding:24px 36px}
.story-scene-list{margin-top:24px}
.story-scene-list article{padding-block:26px;gap:22px 32px}
.story-scene-media>video{margin-top:18px;max-height:440px!important;object-fit:cover}
.story-formula{margin-top:18px;padding-block:24px}
.story-formula h3{font-size:clamp(25px,3vw,36px)}
.story-plan{margin-top:28px}
.story-plan li{padding-block:22px}
.story-closing{margin-top:28px;padding:28px}
.story-references{margin-top:26px;padding-top:20px}
.market-board{margin-top:28px}
.market-data{padding:26px}
.market-heading h3{font-size:24px}
.market-filters{margin-block:18px 22px}
.market-chart{height:210px}
.market-stack{height:181px}
.market-readout{margin-block:18px!important}
.market-growth th,.market-growth td{padding-block:9px}
.market-cover{justify-content:center}
.channels-chart{margin-top:28px;padding:28px}
.channels-heading h3{font-size:30px}
.channels-plot{margin-top:30px;max-width:940px;margin-inline:auto}
.channels-options{margin-block:12px 18px}
.channels-options button{padding-block:12px}
.channels-detail{padding-block:20px}
.channels-detail>strong{font-size:56px}
.sensory-story .channels-source{margin-top:14px}
@media(min-width:901px){
 .story-scene-media{display:grid;grid-template-columns:1fr;gap:18px}
 .story-scene-media:has(.story-travel-images){grid-template-columns:1.1fr 1fr;align-items:start}
 .story-travel-images{grid-template-columns:1fr;gap:16px}
 .story-travel-images .story-material:last-child{display:block}
 .story-scene-media>video{margin-top:0;align-self:start}
 .story-scene-media>.story-material{max-width:780px}
 .market-board{grid-template-columns:1.05fr 1fr}
}
@media(max-width:900px){
 .sensory-story .sensory-section{padding-block:48px}
 .sensory-story .sensory-split{gap:24px}
 .story-results{gap:28px}
 .channels-chart{padding:24px}
}
@media(max-width:560px){
 .sensory-story .sensory-section{padding-block:40px}
 .sensory-story .section-label{margin-bottom:20px}
 .sensory-story .sensory-split{gap:6px}
 .sensory-story h2{font-size:34px}
 .sensory-story .lead{font-size:16px}
 .story-frictions{gap:16px;margin-top:22px}
 .story-frictions h3{margin-top:0}
 .story-decision{gap:18px;padding-top:24px}
 .story-experience{padding:20px 14px}
 .story-scene-list article{padding-block:22px;gap:14px}
 .story-results{margin-top:28px;padding-top:24px}
 .story-comparison,.story-case-section{margin-top:28px}
 .story-plan li{padding-block:18px}
 .story-closing{padding:22px}
 .market-data{padding:22px 18px}
 .channels-chart{padding:22px 16px;margin-top:24px}
 .channels-heading h3{font-size:26px}
 .channels-options{margin-top:18px}
 .channels-detail>strong{font-size:48px}
}

/* Whole-page composition: aligned editorial blocks rather than isolated rows. */
.sensory-story .sensory-section{width:min(1280px,calc(100% - 80px));padding-block:52px}
.sensory-story .section-label{margin-bottom:20px}
.sensory-story .sensory-split{grid-template-columns:.82fr 1.18fr;gap:56px;align-items:start}
.sensory-story h2{font-size:clamp(32px,3.1vw,45px);line-height:1.25;letter-spacing:-.045em;margin:0 0 12px}
.sensory-story .sensory-split p{margin-bottom:12px}
.sensory-story .sensory-split .lead{font-size:18px;line-height:1.65}
.story-frictions{margin-top:24px;gap:24px;padding:22px 26px;background:var(--sensory-panel);border-radius:12px}
.story-frictions article{border:0;padding:0;display:grid;grid-template-columns:24px 1fr;gap:0 12px}
.story-frictions article>span{padding-top:5px}
.story-frictions h3{font-size:22px;margin:0}
.story-frictions p{grid-column:2;margin:7px 0 0;font-size:12px}
.sensory-story .story-takeaway{font-size:26px;margin-top:24px}
.market-board{margin-top:24px;grid-template-columns:1fr 1.15fr}
.market-cover{min-height:100%}
.market-data{padding:24px}
.market-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}
.market-heading h3{font-size:22px}
.market-heading h3 br{display:none}
.market-heading>p{max-width:110px;flex-shrink:0}
.market-filters{margin-block:14px 20px}
.market-chart{height:180px}
.market-stack{height:151px}
.market-growth caption{margin-bottom:8px}
.market-growth th,.market-growth td{padding-block:7px}
.market-growth tbody td{font-size:15px}
.story-research-grid .story-material{margin-top:18px}
.story-material figcaption{font-size:10px;margin-top:8px}
.story-evolution{margin-top:24px}
.story-evolution article{padding-block:18px}
.story-evolution strong{font-size:42px;margin-block:14px}
.story-evolution h3{font-size:22px}
.story-evolution p{margin-block:8px}
.story-senses{margin-top:12px}
.story-senses>span{min-width:30px;height:30px}
.channels-chart{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;padding:26px;margin-top:24px}
.channels-heading{grid-column:1/-1;align-items:center}
.channels-heading h3{font-size:26px}
.channels-heading h3 br{display:none}
.channels-heading>div>p{margin-bottom:10px!important}
.channels-plot{grid-column:1/-1;width:100%;max-width:none;margin-top:28px}
.channels-options{grid-column:1;margin:16px 0 0;align-self:center}
.channels-detail{grid-column:2;grid-template-columns:auto 1fr;gap:10px 18px;padding:16px 0 0;border:0}
.channels-detail>strong{font-size:46px;grid-row:1/3}
.channels-detail h4{font-size:16px}
.sensory-story .channels-detail div p{font-size:12px}
.sensory-story .channels-delta{grid-column:2;max-width:none;font-size:10px}
.channels-source{grid-column:1/-1}
.story-production{display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px;margin-top:24px;align-items:start}
.sensory-story .story-production .sensory-film-grid{margin-top:0}
.story-production .story-main-film{display:block;position:sticky;top:24px}
.story-production .story-main-film .sensory-film-feature{display:flex;flex-direction:column}
.story-production .story-main-film .film-label{padding:18px}
.story-production .story-main-film .film-label h3{font-size:20px;line-height:1.4;margin-top:10px}
.story-production .story-main-film .sensory-film-feature>p{padding:14px 18px;margin:0;font-size:12px}
.story-production-support{min-width:0}
.story-production-support>.story-material{margin:0;padding:16px;background:#fff;border-radius:12px}
.story-production-support>.story-material img{border-radius:0}
.story-production-support>.story-material figcaption{color:#657065}
.story-production-support .story-decision{padding:22px 0;gap:20px}
.story-production-support .story-decision h3{font-size:20px;margin:12px 0 6px}
.story-production-support .story-decision p{font-size:12px;margin:0;line-height:1.75}
.story-production-support .story-decision article{padding-top:14px}
.story-production-support .film-label{padding:16px 18px}
.story-production-support .film-label h3{font-size:18px}
.story-production-support .sensory-film-grid article>p{padding:0 18px 16px;font-size:11px;margin-top:12px}
.story-subheading h3{font-size:25px}
.story-subheading p{font-size:12px}
.story-comparison{margin-top:30px}
.story-comparison .sensory-image-open{margin-top:16px}
.story-comparison .sensory-image-open img{max-height:480px}
.story-case-section{margin-top:30px}
.story-case-grid{margin-top:18px;gap:16px}
.story-case-grid h4{font-size:14px;margin-bottom:10px}
.story-results{grid-template-columns:.72fr 1.28fr;margin-top:30px;padding-top:26px;gap:40px}
.story-results strong{font-size:86px}
.story-results h3{font-size:26px;line-height:1.35}
.story-results h3 br{display:none}
.story-results .section-label{margin-bottom:12px}
.story-categories{margin-top:16px;padding-block:12px}
.story-scene-list article{grid-template-columns:130px minmax(0,1fr) minmax(0,1fr);gap:18px 28px;padding-block:26px}
.story-scene-list article>.story-scene-index{grid-column:1;grid-row:1}
.story-scene-list article>div:not(.story-scene-index):not(.story-scene-media){grid-column:1/3;grid-row:2}
.story-scene-list article>.story-scene-outcome{grid-column:2;grid-row:1;text-align:left}
.story-scene-list .story-scene-media{grid-column:3;grid-row:1/4;display:block}
.story-scene-list .story-travel-images{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.story-scene-list .story-travel-images .story-material:last-child{display:block}
.story-scene-list .story-scene-media>video{margin-top:14px;max-height:none!important}
.story-scene-list h3{font-size:28px}
.story-formula{display:flex;justify-content:space-between;align-items:center;gap:30px}
.story-formula h3{font-size:28px;line-height:1.5}
.story-plan{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:22px}
.story-plan li{grid-template-columns:28px 1fr;gap:12px;padding-block:20px}
.story-plan li small{grid-column:2;text-align:left;padding-top:0}
.story-plan h3{font-size:22px}
.story-plan p{font-size:13px}
.story-closing{margin-top:22px;padding:24px}
@media(max-width:1000px){
 .sensory-story .sensory-split{gap:30px}
 .story-production{grid-template-columns:220px minmax(0,1fr);gap:20px}
 .story-production-support .story-decision{grid-template-columns:1fr;gap:14px}
 .story-production-support .story-decision h3{margin-top:8px}
 .story-scene-list article{grid-template-columns:90px minmax(0,1fr) minmax(0,1fr);gap:16px}
 .channels-options,.channels-detail{grid-column:1/-1}
 .channels-detail{border-top:1px solid var(--sensory-line);margin-top:18px}
 .market-board{grid-template-columns:1fr}
 .market-cover{min-height:0}
 .market-cover img{max-height:none;object-fit:contain}
}
@media(max-width:700px){
 .sensory-story .sensory-section{width:calc(100% - 40px);padding-block:36px}
 .sensory-story .sensory-split{grid-template-columns:1fr;gap:4px}
 .sensory-story h2{font-size:32px}
 .story-frictions{grid-template-columns:1fr;padding:20px;gap:20px}
 .story-production{grid-template-columns:1fr;gap:22px}
 .story-production .story-main-film{position:static}
 .story-production .story-main-film .sensory-film-feature{display:grid;grid-template-columns:42% 58%;grid-template-rows:auto 1fr}
 .story-production .story-main-film video{grid-column:1;grid-row:1/3;align-self:stretch;height:100%!important;object-fit:cover}
 .story-production .story-main-film .film-label{grid-column:2;padding:18px 16px 0}
 .story-production .story-main-film .film-label h3{font-size:19px}
 .story-production .story-main-film .sensory-film-feature>p{grid-column:2;padding:14px 16px;align-self:start}
 .story-production-support .story-decision{grid-template-columns:1fr}
 .story-production-support>.story-material{padding:10px}
 .story-results{grid-template-columns:1fr;gap:18px}
 .story-results strong{font-size:76px}
 .story-scene-list article{grid-template-columns:1fr;gap:12px}
 .story-scene-list article>.story-scene-index,.story-scene-list article>.story-scene-outcome,.story-scene-list article>div:not(.story-scene-index):not(.story-scene-media),.story-scene-list .story-scene-media{grid-column:1;grid-row:auto}
 .story-scene-list article>.story-scene-outcome{order:1}
 .story-scene-list .story-scene-media{margin-top:6px}
 .story-formula{display:block}
 .story-formula h3{font-size:23px}
 .story-plan{grid-template-columns:1fr}
 .channels-chart{padding:22px 16px;gap:0}
 .channels-heading{align-items:start}
 .channels-heading h3{font-size:24px}
 .channels-heading h3 br{display:block}
 .channels-plot{margin-top:28px}
 .channels-detail{grid-template-columns:auto 1fr}
 .market-heading{display:block}
 .market-heading>p{max-width:none}
 .market-heading h3{font-size:22px}
}

/* Five distinct chapter bands with consistent content alignment. */
.sensory-story>.sensory-section{position:relative;isolation:isolate;border-bottom:0;padding-block:60px}
.sensory-story>.sensory-section::before{content:"";position:absolute;z-index:-1;inset:0 calc((100vw - 100%)/-2);background:var(--sensory-bg);border-top:1px solid var(--sensory-line);pointer-events:none}
.sensory-story>.sensory-section:nth-child(even)::before{background:color-mix(in srgb,var(--sensory-bg) 68%,var(--sensory-panel) 32%)}
.sensory-story>.sensory-section>.section-label{display:flex;align-items:center;gap:16px;padding:0 0 18px;margin-bottom:28px;border-bottom:1px solid var(--sensory-line);font-size:12px;letter-spacing:.08em;color:var(--sensory-ink)}
.sensory-story>.sensory-section>.section-label::before{content:"01";display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid var(--sensory-accent);border-radius:8px;color:var(--sensory-accent);font:22px ui-monospace,monospace;letter-spacing:-.06em;background:var(--sensory-panel)}
.sensory-story>.sensory-section:nth-child(2)>.section-label::before{content:"02"}
.sensory-story>.sensory-section:nth-child(3)>.section-label::before{content:"03"}
.sensory-story>.sensory-section:nth-child(4)>.section-label::before{content:"04"}
.sensory-story>.sensory-section:nth-child(5)>.section-label::before{content:"05"}
html[data-theme=light] .sensory-story>.sensory-section:nth-child(even)::before{background:#e1e7d9}
html[data-theme=dark] .sensory-story>.sensory-section:nth-child(even)::before{background:#30372e}
@media(max-width:700px){.sensory-story>.sensory-section{padding-block:38px}.sensory-story>.sensory-section>.section-label{font-size:10px;gap:12px;margin-bottom:24px;padding-bottom:16px}.sensory-story>.sensory-section>.section-label::before{flex-basis:38px;height:38px;font-size:19px}}

/* Static market reference with a full-bleed cover. */
.market-cover{position:relative;align-self:stretch;overflow:hidden;min-height:360px}
.market-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
.market-cover figcaption{z-index:1}
.market-legend{display:flex;gap:20px;margin:18px 0 22px;font-size:12px;color:#365f60}
.market-legend>span{display:flex;align-items:center;gap:8px}
.market-legend i{display:block}
.market-year{cursor:default}
.market-year:hover .market-stack{transform:none}
.market-stack{outline:0}
.market-growth{margin-top:24px}
@media(max-width:1000px){.market-cover{min-height:0;aspect-ratio:1635/962}.market-cover img{object-fit:cover}}

/* Keep the sensory research module light in both page themes. */
html .sensory-story .channels-chart{--sensory-bg:#fffdf8;--sensory-panel:#f7f8f2;--sensory-ink:#293b31;--sensory-muted:#657367;--sensory-line:#334b3226;--sensory-accent:#64754d;--channel-color:#b95832;background:#f7f8f2;color:#293b31;border-color:#334b3226}
html .sensory-story .channels-chart :is(h3,h4){color:#293b31}

.channels-hint{display:block;margin-top:8px;font-size:11px;color:var(--sensory-muted)}
.channels-journey{grid-column:1/-1;margin-top:24px;padding-top:18px;border-top:1px solid var(--sensory-line)}
.channels-journey>div:first-child{display:flex;justify-content:space-between;gap:20px;color:var(--sensory-muted);font-size:11px}
.channels-journey-line{position:relative;margin:16px 5px 0;border-top:1px dashed var(--channel-color)}
.channels-journey-line::after{content:"";position:absolute;right:-4px;top:-5px;border-left:9px solid var(--channel-color);border-top:4px solid transparent;border-bottom:4px solid transparent}
.sensory-story .channels-journey>p{text-align:center;font-size:12px;margin:14px 0 0;color:var(--sensory-muted)}
@media(max-width:560px){.channels-journey>div:first-child{font-size:10px;gap:12px}.sensory-story .channels-journey>p{font-size:11px}}

/* Concrete visual references for each sensory stage. */
.story-evolution article{display:flex;flex-direction:column;padding:22px!important}
.story-evolution article:last-child{padding:22px!important}
.story-evolution .story-senses{margin-bottom:20px}
.story-evolution .evolution-media{display:block;width:100%;height:auto!important;aspect-ratio:9/19.5;object-fit:cover;border-radius:10px;margin-top:auto;background:transparent}
.story-evolution article:last-child .evolution-media{object-position:center}
@media(max-width:560px){.story-evolution article{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:20px!important}.story-evolution article:last-child{padding:20px!important}.story-evolution article>.evolution-media{grid-column:2;grid-row:1/6;align-self:start;margin:0}.story-evolution article>small{font-size:10px}.story-evolution article>strong{font-size:32px;margin:14px 0}.story-evolution article>strong>span{display:block;margin:5px 0 0;font-size:10px}.story-evolution article>h3{font-size:21px}.story-evolution article>p{font-size:11px;line-height:1.7}.story-evolution .story-senses{margin-bottom:0;gap:5px}.story-evolution .story-senses>span{min-width:24px;height:24px;font-size:9px;padding:3px}}

/* Follow the reference document: mechanism, evidence, then application stages. */
.story-science>.channels-chart{margin-top:26px}
.story-science>.story-evolution{margin-top:30px}

.insight-category-block{margin-top:28px}
.insight-category-scroll{margin-top:16px;border:1px solid var(--sensory-line);border-radius:10px;overflow:auto}
.insight-category-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px;line-height:1.9;text-align:left}
.insight-category-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.insight-category-table th,.insight-category-table td{padding:18px 16px;border-right:1px solid var(--sensory-line);vertical-align:top}
.insight-category-table tr>:last-child{border-right:0}
.insight-category-table thead{background:#b53730;color:#fff}
.insight-category-table thead th{font-size:15px;font-weight:500;white-space:nowrap}
.insight-category-table tbody{background:var(--sensory-panel)}
.insight-category-table tbody th{font-weight:500;color:var(--sensory-ink)}
.insight-category-table tbody td{color:var(--sensory-muted)}
.insight-category-table tr>:first-child{width:112px}
.insight-category-scroll:focus-visible{outline:2px solid var(--sensory-accent);outline-offset:4px}
@media(max-width:900px){.insight-category-table{min-width:850px}.insight-category-block .story-subheading{display:block}}
@media(max-width:560px){.insight-category-block{margin-top:24px}.insight-category-block h3{font-size:23px}.insight-category-table th,.insight-category-table td{padding:16px 14px}}

/* Compact category proofs beside the measured result. */
.story-results .story-case-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px;padding-block:18px;border-block:1px solid var(--sensory-line)}
.story-results .story-case-grid article{min-width:0}
.story-results .story-case-grid h4{font-size:12px;margin:0 0 10px;font-weight:450}
.story-results .story-case-grid video{width:100%;height:auto!important;max-height:260px!important;aspect-ratio:443/960;object-fit:cover;border-radius:7px}
@media(max-width:700px){.story-results .story-case-grid{gap:8px}.story-results .story-case-grid h4{font-size:10px}.story-results .story-case-grid video{max-height:180px!important}}

/* Research and sensory-stage examples shown side by side. */
.sensory-evidence-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:24px;align-items:start;margin-top:26px}
.sensory-evidence-layout>.channels-chart{margin:0;grid-template-columns:1fr;padding:22px}
.sensory-evidence-layout .channels-heading{display:block}
.sensory-evidence-layout .channels-heading h3{font-size:26px}
.sensory-evidence-layout .channels-heading>p{max-width:none;margin-top:12px}
.sensory-evidence-layout .channels-plot{margin-top:28px}
.sensory-evidence-layout .channels-options,.sensory-evidence-layout .channels-detail{grid-column:1/-1}
.sensory-evidence-layout .channels-detail{margin-top:16px;border-top:1px solid var(--sensory-line)}
.sensory-evidence-layout .channels-options button{font-size:12px;padding:12px 6px}
.sensory-evidence-layout .channels-point text{font-size:32px}
.sensory-evidence-layout .channels-grid text{font-size:20px}
.sensory-evidence-layout .channels-labels text{font-size:22px}
.sensory-evidence-layout>.story-evolution{margin:0;grid-column:2;grid-row:1;min-width:0}
.sensory-evidence-layout .story-evolution article,.sensory-evidence-layout .story-evolution article:last-child{padding:16px 12px!important}
.sensory-evidence-layout .story-evolution small{font-size:10px;line-height:1.6;min-height:32px}
.sensory-evidence-layout .story-evolution strong{font-size:34px;margin:12px 0}
.sensory-evidence-layout .story-evolution strong>span{display:block;margin:6px 0 0;font-size:10px;letter-spacing:0}
.sensory-evidence-layout .story-evolution h3{font-size:20px}
.sensory-evidence-layout .story-evolution p{font-size:11px;line-height:1.7;min-height:38px}
.sensory-evidence-layout .story-senses{gap:4px;min-height:56px;align-content:start;margin:8px 0 12px}
.sensory-evidence-layout .story-senses>span{min-width:24px;height:24px;padding:3px;font-size:9px}
.sensory-evidence-layout .story-evolution .evolution-media{max-height:350px!important;aspect-ratio:9/19.5;object-fit:cover}
.sensory-evidence-layout>.sensory-note{grid-column:2;margin:0;font-size:10px}
@media(max-width:1050px){.sensory-evidence-layout{grid-template-columns:1fr}.sensory-evidence-layout>.story-evolution{grid-column:1;grid-row:auto}.sensory-evidence-layout>.sensory-note{grid-column:1}.sensory-evidence-layout .story-evolution .evolution-media{max-height:320px!important;width:auto;max-width:100%;align-self:center}.sensory-evidence-layout .story-evolution small{min-height:0}}
@media(max-width:560px){.sensory-evidence-layout{gap:20px}.sensory-evidence-layout .story-evolution article,.sensory-evidence-layout .story-evolution article:last-child{padding:18px!important}.sensory-evidence-layout .story-evolution .evolution-media{width:100%;max-height:300px!important}.sensory-evidence-layout .story-evolution p{min-height:0}.sensory-evidence-layout .story-senses{min-height:0}.sensory-evidence-layout>.channels-chart{padding:22px 16px}}

/* Align both evidence columns to the same top and bottom edges. */
@media(min-width:1051px){
 .sensory-evidence-layout{align-items:stretch}
 .sensory-evidence-layout>.channels-chart{align-self:stretch;height:100%;box-sizing:border-box;align-content:start}
 .sensory-evidence-layout>.story-evolution{align-self:stretch;box-sizing:border-box;height:100%}
 .sensory-evidence-layout .story-evolution article{min-height:0}
 .sensory-evidence-layout .story-evolution .evolution-media{margin-top:auto}
}

/* A shallower research plot within the equal-height evidence columns. */
.sensory-evidence-layout .channels-plot svg{height:170px}
.sensory-evidence-layout .channels-plot{margin-top:20px}
@media(max-width:560px){.sensory-evidence-layout .channels-plot svg{height:140px}}

/* Link each research selection to its corresponding sensory-stage column. */
.sensory-evidence-layout .story-evolution>article{transition:background .25s,box-shadow .25s;position:relative}
.sensory-evidence-layout .story-evolution>article.stage-highlighted{background:color-mix(in srgb,var(--sensory-panel) 72%,var(--sensory-accent) 28%);box-shadow:inset 0 0 0 2px var(--sensory-accent)}
.sensory-evidence-layout .story-evolution>article.stage-highlighted>small,.sensory-evidence-layout .story-evolution>article.stage-highlighted>strong{color:var(--sensory-accent)}
@media(prefers-reduced-motion:reduce){.sensory-evidence-layout .story-evolution>article{transition:none}}

.sensory-story .structure-image-trigger{margin:0;border-radius:0;background:#101510}
.sensory-story .structure-image-trigger img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.structure-image-trigger>span{font-size:10px;padding:8px 12px;right:12px;bottom:12px}

/* Give the category examples more space than the summary metric. */
.story-results{grid-template-columns:minmax(170px,.42fr) minmax(0,1.58fr);gap:32px}
.story-results>div:first-child .section-label{font-size:10px;letter-spacing:.09em}
.story-results>div:first-child>strong{font-size:68px}
.story-results>div:first-child>p{font-size:12px;margin-top:14px}
.story-results .story-case-grid{gap:14px}
@media(max-width:900px){.story-results{grid-template-columns:150px minmax(0,1fr);gap:24px}.story-results>div:first-child>strong{font-size:56px}.story-results .story-case-grid{gap:10px}}
@media(max-width:700px){.story-results{grid-template-columns:1fr;gap:20px}.story-results>div:first-child>strong{font-size:60px}.story-results .story-case-grid{gap:8px}}

/* Preserve every frame of the five category videos without cropping. */
.sensory-story .story-results .story-case-grid video{width:auto;max-width:100%;height:260px!important;max-height:260px!important;aspect-ratio:auto;object-fit:contain!important;margin-inline:auto;background:transparent!important}
@media(max-width:700px){.sensory-story .story-results .story-case-grid video{height:150px!important;max-height:150px!important}}

/* Larger complete category videos while remaining below a full screen. */
.sensory-story .story-results .story-case-grid video{height:340px!important;max-height:340px!important}
@media(max-width:900px) and (min-width:701px){.story-results .story-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sensory-story .story-results .story-case-grid video{height:290px!important;max-height:290px!important}}
@media(max-width:700px){.story-results .story-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.sensory-story .story-results .story-case-grid video{height:230px!important;max-height:230px!important}}

/* Emphasize the measured lift and add a soft green sheen to its caption. */
.story-results>div:first-child>strong{display:block;font-size:clamp(88px,8vw,120px);font-weight:350;line-height:1.1;white-space:nowrap;letter-spacing:-.075em}
.sensory-story .story-results>div:first-child>p{font-size:12px;line-height:1.7;color:#91b889;display:inline-block;background:linear-gradient(110deg,#80ad79 0%,#80ad79 36%,#e2f5c9 48%,#a8d998 54%,#80ad79 66%,#80ad79 100%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:results-caption-sheen 5s linear infinite}
html[data-theme=light] .sensory-story .story-results>div:first-child>p{color:#477444;background-image:linear-gradient(110deg,#477444 0%,#477444 36%,#9ebc63 48%,#649d56 54%,#477444 66%,#477444 100%)}
@keyframes results-caption-sheen{from{background-position:160% 50%}to{background-position:-100% 50%}}
@media(max-width:900px){.story-results>div:first-child>strong{font-size:82px}}
@media(max-width:700px){.story-results>div:first-child>strong{font-size:100px}}
@media(prefers-reduced-motion:reduce){.sensory-story .story-results>div:first-child>p{animation:none}}

/* Apply the green sheen to the result, with smaller mathematical signs. */
html .sensory-story .story-results>div:first-child>p{background:none;-webkit-text-fill-color:currentColor;color:var(--sensory-muted);animation:none}
.story-results>div:first-child>strong.results-lift{display:flex;align-items:baseline;gap:4px;letter-spacing:-.07em;color:#9bc58b;background:linear-gradient(110deg,#82af76 0%,#82af76 36%,#efffd8 48%,#b6e49f 54%,#82af76 66%,#82af76 100%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:results-caption-sheen 5s linear infinite}
.story-results strong.results-lift>.lift-number{font-size:1em;margin:0;font-weight:350}
.story-results strong.results-lift>.lift-plus,.story-results strong.results-lift>.lift-percent{font-size:.36em;margin:0;font-weight:400;letter-spacing:0}
html[data-theme=light] .story-results>div:first-child>strong.results-lift{background-image:linear-gradient(110deg,#477444 0%,#477444 36%,#b2d289 48%,#649d56 54%,#477444 66%,#477444 100%)}
@media(prefers-reduced-motion:reduce){.story-results>div:first-child>strong.results-lift{animation:none}}

/* A distinct surface for the multisensory new-retail stage. */
.sensory-evidence-layout .story-evolution>article:last-child{background:#48543c;border-radius:0 10px 10px 0}
html[data-theme=light] .sensory-evidence-layout .story-evolution>article:last-child{background:#d6e2c4}
.sensory-evidence-layout .story-evolution>article:last-child.stage-highlighted{background:#596b45;box-shadow:inset 0 0 0 2px var(--sensory-accent)}
html[data-theme=light] .sensory-evidence-layout .story-evolution>article:last-child.stage-highlighted{background:#c2d5a6}
@media(max-width:560px){.sensory-evidence-layout .story-evolution>article:last-child{border-radius:0 0 10px 10px}}

/* Keep the full lift value inside its summary column. */
.story-results>div:first-child{min-width:0;container-type:inline-size}
.story-results>div:first-child>strong.results-lift{font-size:clamp(62px,6vw,88px);gap:2px;max-width:100%}
@supports(font-size:1cqi){.story-results>div:first-child>strong.results-lift{font-size:min(88px,33cqi)}}
@media(max-width:700px){.story-results>div:first-child>strong.results-lift{font-size:84px}}

/* All sensory stages share the page surface until selected. */
html .sensory-evidence-layout .story-evolution>article:last-child{background:transparent}
html .sensory-evidence-layout .story-evolution>article:last-child.stage-highlighted{background:color-mix(in srgb,var(--sensory-panel) 72%,var(--sensory-accent) 28%);box-shadow:inset 0 0 0 2px var(--sensory-accent)}

/* Vertically center the result summary beside the category examples. */
.story-results>div:first-child{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}

/* Source-faithful value estimates, presented directly at the end of chapter 03. */
.value-dashboard{margin-top:36px;padding:30px;border:1px solid var(--sensory-line);border-radius:16px;background:var(--sensory-panel)}
.value-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.value-heading .section-label{margin:0 0 12px;font-size:10px}
.value-heading h3{font-size:29px;margin:0;line-height:1.4}
.value-status{font-size:11px;color:var(--sensory-accent);border:1px solid var(--sensory-line);padding:8px 12px;border-radius:4px;white-space:nowrap}
.value-formula{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:20px;padding:20px 0;border-block:1px solid var(--sensory-line)}
.value-dashboard h4{font-size:15px;font-weight:500;margin:0}
.value-formula>div{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px}
.value-formula i{font-style:normal;color:var(--sensory-accent)}
.value-assumptions{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:22px 0}
.value-assumptions article+article{border-left:1px solid var(--sensory-line);padding-left:24px}
.sensory-story .value-assumptions p{font-size:12px;line-height:1.8;margin:10px 0 0}
.value-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.value-metrics>article{padding:26px;background:var(--sensory-bg);border-radius:12px;border-top:2px solid var(--sensory-accent)}
.value-metrics>article>span{font-size:13px;color:var(--sensory-muted)}
.value-metrics strong{display:block;font-size:clamp(48px,5vw,72px);font-weight:350;letter-spacing:-.06em;margin:16px 0 24px;font-variant-numeric:tabular-nums;color:var(--sensory-ink)}
.value-metrics strong small{font-size:17px;letter-spacing:0;margin-left:12px}
.value-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--sensory-line);padding-top:16px}
.sensory-story .value-breakdown p{font-size:11px;margin:0}
.value-breakdown b{display:block;font-size:21px;font-weight:450;color:var(--sensory-ink);margin-top:5px}
.value-coverage{display:flex;align-items:center;gap:30px;margin-top:24px;padding-block:18px;border-block:1px solid var(--sensory-line)}
.sensory-story .value-coverage p{font-size:13px;margin:0;line-height:2}
.value-coverage span{margin:0 13px;color:var(--sensory-accent)}
.value-original{margin-top:18px;color:var(--sensory-muted);font-size:12px}
.value-original summary{cursor:pointer;display:flex;justify-content:space-between;padding-block:10px;list-style:none}
.value-original summary:focus-visible{outline:2px solid var(--sensory-accent);outline-offset:3px}
.value-original img{display:block;width:100%;height:auto;margin-top:14px;border-radius:8px}
@media(max-width:700px){.value-dashboard{padding:22px 18px;margin-top:28px}.value-heading{align-items:start;flex-direction:column;gap:14px}.value-heading h3{font-size:24px}.value-formula{grid-template-columns:1fr;gap:16px}.value-formula>div{flex-wrap:wrap;justify-content:start;gap:10px;font-size:12px}.value-assumptions{grid-template-columns:1fr;gap:18px}.value-assumptions article+article{border-left:0;padding-left:0;border-top:1px solid var(--sensory-line);padding-top:16px}.value-metrics{grid-template-columns:1fr;gap:16px}.value-metrics>article{padding:22px}.value-metrics strong{font-size:58px}.value-coverage{align-items:start;flex-direction:column;gap:10px}.value-coverage span{margin-inline:8px}}

/* Match the source board: formula, categories, then partners and two metrics. */
.value-dashboard{padding:24px}
.value-formula{grid-template-columns:130px 1fr;padding:20px;border:1px solid var(--sensory-line);border-radius:10px;background:var(--sensory-bg)}
.value-formula>h4,.value-coverage>h4{font-size:21px;line-height:1.5}
.value-formula>div{gap:14px}
.value-formula section{min-width:0}
.value-formula section h4{font-size:17px}
.sensory-story .value-formula section p{font-size:12px;line-height:1.7;margin:9px 0 0}
.value-coverage{display:grid;grid-template-columns:130px 1fr;gap:20px;margin:16px 0;padding:20px;border:1px solid var(--sensory-line);border-radius:10px;background:var(--sensory-bg)}
.sensory-story .value-coverage p{display:flex;justify-content:space-between;align-items:center;font-size:16px;flex-wrap:wrap;gap:8px}
.value-coverage span{margin:0;color:var(--sensory-line)}
.value-bottom{display:grid;grid-template-columns:1.05fr 1.3fr;gap:16px;align-items:stretch}
.value-partners{min-width:0;border-radius:12px;overflow:hidden;background:#fff;display:flex;align-items:center}
.value-partners img{display:block;width:100%;height:auto}
.value-bottom .value-metrics{gap:16px;min-width:0}
.value-bottom .value-metrics>article{padding:22px 18px;display:flex;flex-direction:column;justify-content:space-between}
.value-bottom .value-metrics strong{font-size:clamp(40px,4.2vw,58px);margin:20px 0}
.value-bottom .value-metrics strong small{font-size:14px;margin-left:7px}
.value-bottom .value-breakdown{gap:12px}
.value-bottom .value-breakdown b{font-size:18px}
@media(max-width:1000px){.value-formula{grid-template-columns:100px 1fr}.value-formula section h4{font-size:14px}.sensory-story .value-formula section p{font-size:10px}.value-bottom{grid-template-columns:1fr}.value-partners img{max-height:340px;object-fit:contain}}
@media(max-width:700px){.value-dashboard{padding:18px}.value-formula,.value-coverage{grid-template-columns:1fr;padding:18px;gap:14px}.value-formula>h4 br,.value-coverage>h4 br{display:none}.value-formula>div{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}.value-formula i{display:none}.sensory-story .value-formula section p{font-size:11px}.sensory-story .value-coverage p{font-size:13px;gap:10px}.value-bottom .value-metrics{grid-template-columns:1fr 1fr;gap:10px}.value-bottom .value-metrics>article{padding:16px 12px}.value-bottom .value-metrics strong{font-size:38px}.value-bottom .value-metrics strong small{font-size:11px;margin-left:3px}.value-bottom .value-breakdown{grid-template-columns:1fr;gap:10px}.value-bottom .value-breakdown b{font-size:17px}}

/* Chapter 04 follows the document's three-column omnichannel plan. */
#scenes .sensory-split{gap:40px}
#scenes .sensory-split h2{font-size:38px}
#scenes .sensory-split .lead{margin-bottom:8px}
.omni-plan{margin-top:22px;border:1px solid var(--sensory-line);border-radius:14px;overflow:hidden}
.omni-plan-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;background:var(--sensory-panel);border-bottom:1px solid var(--sensory-line)}
.omni-plan-heading h3{font-size:24px;margin:0}
.omni-plan-heading>span{font-size:11px;color:var(--sensory-muted)}
.omni-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.omni-scene{display:flex;flex-direction:column;min-width:0;padding:22px}
.omni-scene+.omni-scene{border-left:1px solid var(--sensory-line)}
.omni-title{min-height:138px}
.omni-title>small{font:10px ui-monospace,monospace;color:var(--sensory-accent)}
.omni-title h4{font-size:26px;font-weight:450;letter-spacing:-.035em;margin:12px 0 6px}
.sensory-story .omni-title>p{font-size:12px;margin:0 0 12px;line-height:1.7}
.omni-status{display:inline-block;font-size:10px;color:var(--sensory-accent);border:1px solid var(--sensory-line);padding:4px 8px;border-radius:4px}
.omni-media{margin-top:16px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--sensory-panel)}
.omni-media img,.sensory-story .omni-media video{display:block;width:100%;height:100%!important;max-height:none!important;object-fit:cover!important}
.omni-description{padding-top:16px;flex:1}
.sensory-story .omni-description p{font-size:12px;line-height:1.9;margin:0 0 12px}
.omni-outcome{border-top:1px solid var(--sensory-line);padding-top:14px;font-size:11px;color:var(--sensory-accent)}
.omni-extra{margin-top:14px;font-size:10px;color:var(--sensory-muted)}
.omni-extra summary{cursor:pointer}
.omni-extra>div{display:grid;gap:10px;margin-top:12px}
.omni-extra img{display:block;width:100%;height:auto;border-radius:6px}
.omni-conclusion{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:18px 22px;background:var(--sensory-panel);border-radius:10px}
.omni-conclusion strong{font-size:18px;font-weight:450}
.omni-conclusion>span{color:var(--sensory-accent)}
.sensory-story .omni-conclusion p{font-size:18px;margin:0;color:var(--sensory-ink)}
@media(max-width:900px){.omni-scene{padding:18px}.omni-title h4{font-size:23px}.omni-title{min-height:146px}.omni-plan-heading h3{font-size:22px}.omni-conclusion{gap:16px}.omni-conclusion strong,.sensory-story .omni-conclusion p{font-size:15px}}
@media(max-width:700px){#scenes .sensory-split{gap:6px}#scenes .sensory-split h2{font-size:32px}.omni-plan-heading{display:block;padding:18px}.omni-plan-heading>span{display:block;margin-top:8px}.omni-grid{grid-template-columns:1fr}.omni-scene+.omni-scene{border-left:0;border-top:1px solid var(--sensory-line)}.omni-title{min-height:0}.omni-title h4{font-size:25px}.omni-media{margin-top:18px}.omni-conclusion{flex-direction:column;align-items:start;gap:8px}.omni-conclusion>span{display:none}}

#future .story-plan h3{font-size:21px;line-height:1.55}
#future .story-plan p{font-size:13px;line-height:1.95}
#future .story-plan li{padding-block:24px}
#future .future-highlight{font-weight:600;color:var(--sensory-accent);white-space:nowrap}
@media(max-width:700px){#future .story-plan h3{font-size:19px}#future .story-plan li{padding-block:20px}}

/* Full source index from the project document, visible above the footer. */
.sensory-appendix{width:min(1280px,calc(100% - 80px));margin:auto;padding:36px 0 40px;border-top:1px solid var(--sensory-line)}
.appendix-heading{display:grid;grid-template-columns:.55fr 1fr;gap:32px;align-items:baseline;margin-bottom:22px}
.sensory-appendix h2{font-size:24px;font-weight:450;letter-spacing:-.025em;margin:0}
.appendix-heading p{font-size:12px;line-height:1.8;color:var(--sensory-muted);margin:0}
.sensory-appendix ol{margin:0;padding-left:28px;display:grid;grid-template-columns:1fr 1fr;gap:0 42px}
.sensory-appendix li{padding:14px 4px 14px 6px;border-bottom:1px solid var(--sensory-line);font-size:12px;line-height:1.85;color:var(--sensory-muted);overflow-wrap:anywhere}
.sensory-appendix li::marker{font:11px ui-monospace,monospace;color:var(--sensory-accent)}
.sensory-appendix a{color:inherit;text-decoration:underline;text-decoration-color:var(--sensory-line);text-underline-offset:4px;transition:color .2s}
.sensory-appendix a:hover{color:var(--sensory-accent)}
.sensory-appendix a:focus-visible{outline:2px solid var(--sensory-accent);outline-offset:4px}
.sensory-appendix a>span{color:var(--sensory-accent);white-space:nowrap}
@media(max-width:700px){.sensory-appendix{width:calc(100% - 40px);padding-block:28px}.appendix-heading{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.sensory-appendix ol{grid-template-columns:1fr;padding-left:24px}.sensory-appendix h2{font-size:23px}}

#future .story-plan{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
#future .story-plan>li:nth-child(4){grid-column:1/-1;grid-template-columns:28px minmax(0,1fr);padding-bottom:0}
#future .story-plan>li:nth-child(4)>.digital-humans{grid-column:1/-1}
@media(max-width:900px){#future .story-plan{grid-template-columns:1fr}#future .story-plan>li:nth-child(4){grid-column:1}}

/* Align the structure preview and workflow video on shared media/caption rows. */
.story-production-support .story-support-films{align-items:stretch}
.story-production-support .story-support-films>article{display:grid;grid-template-rows:auto auto 1fr;align-content:start}
.story-production-support .story-support-films .film-label{min-height:88px;box-sizing:border-box}
.sensory-story .story-production-support .story-support-films .structure-image-trigger,
.sensory-story .story-production-support .story-support-films>article>video{display:block;width:100%;height:auto!important;aspect-ratio:16/9!important;max-height:none!important;margin:0;object-fit:contain!important;background:#101510!important}
.sensory-story .story-production-support .story-support-films .structure-image-trigger>img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}
.story-production-support .story-support-films>article>p{align-self:start;margin:0!important;padding:16px 18px!important}
@media(max-width:560px){.story-production-support .story-support-films .film-label{min-height:0}}

/* No fixed fill on the new-retail stage in either theme or selection state. */
html[data-theme] .sensory-evidence-layout .story-evolution>article:last-child,
html[data-theme] .sensory-evidence-layout .story-evolution>article:last-child.stage-highlighted{background:transparent!important;background-image:none!important}

/* Caption uses plain colored text, never a gradient-filled rectangle. */
html[data-theme] .sensory-story .story-results>div:first-child>p{background:none!important;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important;color:var(--sensory-accent)!important;animation:none!important}

.story-results .story-case-grid h4{text-align:center}

/* Lower the foreground vine so the hero copy remains clear. */
#sensory-scene{transform:scaleX(-1)}
@media(max-width:800px){#sensory-scene{transform:scaleX(-1)}}
@media(max-width:560px){#sensory-scene{transform:scaleX(-1)}}

/* Pale blue veil behind the hero copy, fading into the film. */
.living-background:after{background:linear-gradient(90deg,rgba(152,192,215,.42) 0%,rgba(150,191,215,.30) 24%,rgba(147,188,213,.13) 43%,rgba(147,188,213,0) 66%)}
@media(max-width:800px){.living-background:after{background:linear-gradient(90deg,rgba(152,192,215,.40),rgba(150,191,215,.23) 45%,rgba(147,188,213,0) 92%)}}

/* Strengthen headline contrast against moving imagery. */
.living-hero h1{font-weight:450;text-shadow:0 2px 4px rgba(16,39,57,.35),0 8px 28px rgba(16,39,57,.48)}
.living-hero h1 em{color:#fff}
.living-background:after{background:linear-gradient(90deg,rgba(28,58,79,.72) 0%,rgba(53,90,116,.56) 25%,rgba(126,177,207,.20) 46%,rgba(147,188,213,0) 70%)}
.living-lede{color:#f0f6fa;text-shadow:0 2px 8px rgba(16,39,57,.55)}
@media(max-width:800px){.living-background:after{background:linear-gradient(90deg,rgba(28,58,79,.72),rgba(69,111,140,.48) 52%,rgba(147,188,213,.06) 100%)}}

.living-background:after{background:linear-gradient(90deg,rgba(20,44,65,.86) 0%,rgba(35,68,94,.74) 25%,rgba(91,145,181,.36) 46%,rgba(147,188,213,0) 72%)}
@media(max-width:800px){.living-background:after{background:linear-gradient(90deg,rgba(20,44,65,.86),rgba(42,80,109,.66) 52%,rgba(147,188,213,.08) 100%)}}

.living-background:after{background:linear-gradient(90deg,rgba(12,31,49,.94) 0%,rgba(23,49,72,.86) 27%,rgba(58,104,141,.52) 48%,rgba(147,188,213,0) 74%)}
@media(max-width:800px){.living-background:after{background:linear-gradient(90deg,rgba(12,31,49,.94),rgba(26,57,83,.80) 52%,rgba(117,162,194,.14) 100%)}}

/* Interactive exploded view: original supplied layer artwork. */
.story-material.interactive-layers{background:#fff;color:#233027;overflow:hidden}
.layer-board{position:relative;aspect-ratio:3286/1224;isolation:isolate;overflow:hidden;background:#fff}
.layer-hint{position:absolute;left:5%;top:5%;font-size:12px;color:#7a887d;letter-spacing:.06em;z-index:6;pointer-events:none}
.layer-board .scent-layer{position:absolute;inset:0 auto 0 -15%;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;transition:filter .25s,opacity .25s;will-change:transform;pointer-events:none}
.layer-board .scent-layer img{width:100%;height:auto;object-fit:contain;display:block;pointer-events:none}
.scent-layer-1{z-index:3}.scent-layer-1 .layer-hit{clip-path:polygon(40% 7%,52% 11%,40% 72%,28% 67%)}
.scent-layer-2{z-index:2}.scent-layer-2 .layer-hit{clip-path:polygon(48% 18%,59% 22%,47% 83%,35% 78%)}
.scent-layer-3{z-index:1}.scent-layer-3 .layer-hit{clip-path:polygon(53% 30%,64% 34%,52% 95%,40% 90%)}
.layer-board.has-active .scent-layer{opacity:.3}
.layer-board.has-active .scent-layer.is-active{opacity:1;z-index:4}
.layer-board .scent-layer:focus-visible{outline:3px solid #6f9c5e;outline-offset:-3px}
.layer-descriptions{position:absolute;inset:9% 4% 7% 60%;display:flex;flex-direction:column;justify-content:space-between;z-index:6}
.layer-description{border:0;border-left:2px solid #dbe3d9;padding:9px 0 9px 16px;text-align:left;background:none;color:#667367;cursor:pointer;transition:color .2s,border-color .2s,transform .2s}
.layer-description small{display:block;font:11px monospace;letter-spacing:.12em;margin-bottom:7px}
.layer-description strong{display:block;font-size:clamp(13px,1.4vw,22px);font-weight:600;line-height:1.45}
.layer-description span{display:block;font-size:clamp(11px,1vw,15px);line-height:1.65;margin-top:8px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.layer-description.is-active{color:#3e713d;border-color:#6f9c5e;transform:translateX(3px)}
.layer-description.is-active span{opacity:1;transform:none}
.layer-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:0;transition:opacity .2s;overflow:visible}
.has-active .layer-connectors{opacity:1}.layer-connectors path{stroke:#6c965b;stroke-width:1.4;fill:none;vector-effect:non-scaling-stroke}.layer-connectors circle{fill:#6c965b}
@media(max-width:650px){.layer-board{aspect-ratio:3286/1224}.layer-descriptions{left:57%;right:3%;top:12%;bottom:5%}.layer-description{padding:5px 0 5px 8px}.layer-description strong{font-size:12px}.layer-description small{font-size:9px;margin-bottom:3px}.layer-description span{font-size:10px;margin-top:4px}.layer-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){.layer-board *{transition:none!important}}

.layer-hit{position:absolute;inset:0;pointer-events:auto;cursor:pointer}

/* Day / night preview overlays the second and third scenario columns. */
.omni-grid{position:relative}.omni-preview-trigger{align-self:flex-start;margin-top:14px;border:0;padding:4px 0;background:none;color:var(--sensory-muted);font-size:11px;text-align:left}.omni-preview-trigger:hover{color:var(--sensory-accent)}
.omni-scene-preview{position:absolute;inset:0 0 0 33.333333%;z-index:5;padding:22px 28px;display:grid;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);gap:16px;background:rgba(24,33,28,.76);backdrop-filter:blur(12px);border-left:1px solid var(--sensory-line);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s;color:var(--sensory-ink)}
html[data-theme=light] .omni-scene-preview{background:rgba(237,243,231,.80)}
.has-scene-preview .omni-scene-preview{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.omni-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:550}.omni-preview-close{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--sensory-line);border-radius:50%;background:none;color:inherit;font-size:20px;line-height:1}
.omni-scene-preview figure{margin:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px}.omni-scene-preview figcaption{font-size:11px;color:var(--sensory-muted)}.omni-scene-preview img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;border-radius:8px}
@media(max-width:700px){.omni-scene-preview{position:fixed;inset:50% auto auto 50%;width:min(92vw,640px);height:82vh;height:82dvh;padding:18px;border:1px solid var(--sensory-line);border-radius:14px;z-index:100;transform:translate(-50%,-48%);background:rgba(24,33,28,.94)}html[data-theme=light] .omni-scene-preview{background:rgba(237,243,231,.94)}.has-scene-preview .omni-scene-preview{transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){.omni-scene-preview{transition:none}}
/* Platform: shared capabilities and cumulative outcomes. */
#future .story-plan>.platform-overview{grid-column:1/-1;grid-template-columns:28px minmax(0,1fr);gap:12px;margin-top:38px;padding-top:34px;border-top:1px solid var(--sensory-line)}
.platform-content{min-width:0}.platform-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}#future .platform-launch{margin:8px 0 0;font-size:11px;letter-spacing:.08em}.platform-visit{display:inline-flex;padding:12px 20px;border:1px solid var(--sensory-line);border-radius:30px;white-space:nowrap;color:var(--sensory-ink);text-decoration:none;font-size:13px}.platform-visit:hover{background:var(--sensory-panel)}
.platform-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;margin:30px 0}.platform-intro blockquote{margin:0;color:var(--sensory-accent);font-size:clamp(22px,2.5vw,34px);line-height:1.6;letter-spacing:-.035em}#future .platform-intro p{margin:0}
.platform-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:1px solid var(--sensory-line);background:var(--sensory-panel)}.platform-flow a{padding:22px 16px;min-width:0;text-decoration:none;color:var(--sensory-ink);transition:background .2s}.platform-flow a+a{border-left:1px solid var(--sensory-line)}.platform-flow a:hover{background:var(--sensory-line)}.platform-flow a small{display:block!important;padding:0!important;text-align:left!important;font:11px ui-monospace,monospace;color:var(--sensory-accent)}.platform-flow strong{display:block;font-size:19px;font-weight:450;margin:16px 0 10px}.platform-flow a>span{font-size:11px;color:var(--sensory-muted)}
.platform-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0 0}.platform-metrics>div{padding:24px 20px;border-bottom:1px solid var(--sensory-line)}.platform-metrics>div:not(:nth-child(4n+1)){border-left:1px solid var(--sensory-line)}.platform-metrics strong{display:block;font-size:clamp(30px,3.8vw,54px);line-height:1.2;letter-spacing:-.045em;font-weight:400;color:var(--sensory-accent);font-variant-numeric:tabular-nums}.platform-metrics span{display:block;margin-top:10px;font-size:12px;color:var(--sensory-muted)}.platform-footer{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-top:22px}#future .platform-footer p{margin:0;max-width:600px}.platform-footer>span{font-size:11px;color:var(--sensory-accent);white-space:nowrap}
@media(max-width:900px){.platform-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-flow a:nth-child(4){border-left:0}.platform-flow a:nth-child(n+4){border-top:1px solid var(--sensory-line)}.platform-intro{gap:24px}.platform-footer{display:block}.platform-footer>span{display:block;margin-top:14px}}
@media(max-width:600px){#future .story-plan>.platform-overview{grid-template-columns:24px minmax(0,1fr);gap:8px;margin-top:24px}.platform-heading{align-items:flex-start;gap:12px}.platform-visit{padding:9px 12px;font-size:11px}.platform-intro{grid-template-columns:1fr;gap:18px;margin:24px 0}.platform-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-flow a{padding:16px 12px}.platform-flow a:nth-child(odd){border-left:0}.platform-flow a:nth-child(even){border-left:1px solid var(--sensory-line)}.platform-flow a:nth-child(n+3){border-top:1px solid var(--sensory-line)}.platform-flow strong{font-size:17px}.platform-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-metrics>div{padding:20px 12px}.platform-metrics>div:nth-child(odd){border-left:0}.platform-metrics span{font-size:11px}}
/* Platform entry: moving light border and hover sheen. */
.platform-visit{position:relative;isolation:isolate;overflow:hidden;border-color:transparent;background:var(--sensory-panel);box-shadow:0 0 0 1px var(--sensory-line);transition:transform .3s,box-shadow .3s,background .3s}
.platform-visit::before{content:"";position:absolute;inset:-180%;z-index:-2;background:conic-gradient(from 0deg,transparent 0deg,transparent 240deg,var(--sensory-accent) 285deg,transparent 330deg);animation:platform-entry-orbit 5s linear infinite;pointer-events:none}
.platform-visit::after{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:var(--sensory-bg);pointer-events:none}
.platform-visit .platform-visit-label{position:relative;display:inline-block}.platform-visit .platform-visit-label::after{content:"";position:absolute;inset:-18px -25px;background:linear-gradient(110deg,transparent 30%,rgba(190,223,164,.34) 50%,transparent 70%);transform:translateX(-140%);pointer-events:none}
.platform-visit .platform-visit-arrow{display:inline-block;margin-left:7px;transition:transform .3s}.platform-visit:hover,.platform-visit:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 1px var(--sensory-accent),0 6px 22px rgba(115,151,90,.2)}.platform-visit:hover .platform-visit-arrow,.platform-visit:focus-visible .platform-visit-arrow{transform:translate(2px,-2px)}.platform-visit:hover .platform-visit-label::after,.platform-visit:focus-visible .platform-visit-label::after{animation:platform-entry-sheen .8s ease-out}.platform-visit:focus-visible{outline:2px solid var(--sensory-accent);outline-offset:5px}
@keyframes platform-entry-orbit{to{transform:rotate(360deg)}}@keyframes platform-entry-sheen{to{transform:translateX(140%)}}
@media(prefers-reduced-motion:reduce){.platform-visit::before,.platform-visit:hover .platform-visit-label::after,.platform-visit:focus-visible .platform-visit-label::after{animation:none}.platform-visit,.platform-visit .platform-visit-arrow{transition:none}.platform-visit:hover,.platform-visit:focus-visible,.platform-visit:hover .platform-visit-arrow,.platform-visit:focus-visible .platform-visit-arrow{transform:none}}
/* Highlight only the three action columns, without shifting their layout. */
#future .story-plan>li:nth-child(-n+3){position:relative;isolation:isolate;transition:border-color .25s}
#future .story-plan>li:nth-child(-n+3)::before{content:"";position:absolute;inset:0 -12px;z-index:-1;border-radius:0 0 12px 12px;background:var(--sensory-panel);opacity:0;transition:opacity .25s;pointer-events:none}
@media(hover:hover){#future .story-plan>li:nth-child(-n+3):hover{border-top-color:var(--sensory-accent)}#future .story-plan>li:nth-child(-n+3):hover::before{opacity:1}}
@media(prefers-reduced-motion:reduce){#future .story-plan>li:nth-child(-n+3),#future .story-plan>li:nth-child(-n+3)::before{transition:none}}