/* Local cinematic homepage treatment; media is configured separately. */
.cinematic-story { background:#030712; color:#f4f8ff; }
/* Keep privacy access available without covering chapters or product evidence. */
.cinematic-story .privacy-widget { position:static; min-height:44px; margin:12px 24px 28px; }
.cinematic-story .section-kicker { font:500 14px/1.5 var(--ui); letter-spacing:0; text-transform:none; }
.cinematic-story .cinematic-hero { display:block; width:100%; padding:0; min-height:0; margin:0; }
.cinema-stage { position:relative; isolation:isolate; width:100%; min-width:0; aspect-ratio:auto; min-height:max(760px,56.25vw); display:flex; flex-direction:column; justify-content:center; background:#071022; overflow:hidden; }
#cinematic-video { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; object-position:center; z-index:-3; }
.cinema-shade { position:absolute; inset:0; background:linear-gradient(90deg,#030712e8 0%,#030712aa 33%,#03071224 64%,transparent 100%),linear-gradient(0deg,#030712d9,transparent 35%); z-index:-1; pointer-events:none; }
.cinematic-hero[data-cinema-state="pending"] .cinema-stage,
.cinematic-hero[data-cinema-state="error"] .cinema-stage { background:linear-gradient(120deg,#030712,#0b1428); }
.cinematic-story .hero-content { width:min(100%,1500px); padding:115px clamp(24px,6vw,90px) 32px; margin:auto; display:block; flex-shrink:0; }
.cinematic-story .hero-brand-lockup { width:100px; margin:0 0 26px; }
.cinematic-story .eyebrow { font:500 14px/1.5 var(--ui); letter-spacing:0; color:#c7d5eb; margin-bottom:22px; }
.cinematic-story .hero-title { font-size:clamp(58px,7.2vw,112px); font-weight:500; line-height:1.01; letter-spacing:-.055em; max-width:850px; margin:0 0 23px; text-wrap:initial; }
.cinematic-story .hero-tagline { font-size:clamp(23px,2.3vw,32px); color:#e3eaff; font-weight:400; margin:0 0 17px; }
.cinematic-story .hero-copy { font-size:clamp(17px,1.5vw,21px); line-height:1.6; max-width:530px; color:#d0daeb; margin:0; }
.cinematic-story .hero-actions { gap:24px; margin-top:30px; }
.cinematic-story .button { border-radius:32px; min-height:50px; font-size:14px; }
.cinematic-story .hero-actions .secondary { background:transparent; border:0; padding-inline:0; text-decoration:underline; text-underline-offset:6px; }
.cinema-playback { position:relative; width:min(100%,1500px); margin:0 auto; display:flex; flex-shrink:0; align-items:center; justify-content:space-between; gap:20px; padding:0 calc(clamp(24px,6vw,90px) + 210px) 88px clamp(24px,6vw,90px); }
#cinema-status { font:400 14px/1.5 var(--ui); color:#c7d5eb; margin:0; max-width:680px; }
.cinema-transport { display:flex; flex-wrap:wrap; gap:12px; flex-shrink:1; margin-bottom:24px; }
.cinema-transport button { min-height:46px; border:1px solid #8b9db9; border-radius:28px; padding:10px 22px; color:#f4f8ff; background:#030712aa; font:500 14px/1.4 var(--ui); cursor:pointer; }
.cinema-transport button:disabled { opacity:.6; cursor:default; }
.kinetic-word { display:inline-block; transform-origin:0 80%; }
.kinetic-line { display:block; width:100%; }
.kinetic-pose { display:inline-block; }
.cinematic-story .hero-title { max-width:1050px; font-size:clamp(50px,8vw,128px); line-height:1.08; }
.story-scrubber { max-width:530px; margin:24px 0; }
.story-scrubber label { display:flex; flex-wrap:wrap; gap:6px 18px; justify-content:space-between; font:500 14px/1.5 var(--ui); color:#f4f8ff; }
.story-scrubber label span,.story-scrubber p { font:400 12px/1.5 var(--ui); color:#c7d5eb; }
.story-scrubber p { margin:0; }
.story-scrubber input { display:block; width:100%; height:44px; margin:10px 0; padding:0; accent-color:#00c9f4; cursor:ew-resize; }
.cinematic-story .hero-title { transform-origin:left center; }
.cinema-transport [data-type-motion] { border-style:dashed; }
.cinema-story { max-width:1440px; margin:auto; padding:0 clamp(24px,6vw,90px) 55px; }
.chapter-controls { display:flex; gap:40px; border-bottom:1px solid #ffffff26; }
.chapter-controls button { position:relative; flex:1; min-height:104px; padding:26px 0; text-align:left; background:none; border:0; color:#aebdd4; font:400 clamp(20px,2.3vw,32px)/1.4 var(--heading); cursor:pointer; letter-spacing:-.03em; }
.chapter-controls button span { font-size:15px; margin-right:15px; color:#aebdd4; letter-spacing:0; }
.chapter-controls button[aria-pressed="true"] { color:#fff; }
.chapter-controls button[aria-pressed="true"]::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:#00c9f4; }
.chapter-panels article { display:grid; grid-template-columns:1.1fr 1fr; gap:8%; align-items:start; padding:40px 0 25px; }
.chapter-panels h2 { font-size:clamp(29px,3.2vw,46px); font-weight:400; letter-spacing:-.035em; line-height:1.13; margin:0; }
.chapter-panels p { font:400 18px/1.7 var(--ui); color:#bdcbe0; margin:0; }
.cinema-story.is-enhanced .chapter-panels { min-height:175px; }
.cinema-disclosure,.weave-disclosure { color:#aebdd4; font:400 13px/1.65 var(--ui); margin:12px 0 0; }
/* A warm, original product workspace: one object, six distinct business perspectives. */
.connected-foundation { max-width:none; padding:100px clamp(24px,6vw,96px); margin:0; scroll-margin-top:80px; background:#f1f0e9; color:#151923; }
.product-intro { max-width:1280px; margin:auto auto 70px; display:grid; grid-template-columns:140px 1fr; gap:30px; }
.chapter-number { font:400 clamp(48px,7vw,100px)/1 var(--heading); letter-spacing:-.06em; color:#155dff; }
.weave-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
.cinematic-story .product-experience .section-kicker,.product-experience .concept-badge { font:500 13px/1.5 var(--ui); color:#50596a; margin:0; letter-spacing:0; text-transform:none; }
.product-intro h2 { font-size:clamp(48px,6.2vw,88px); font-weight:400; letter-spacing:-.055em; line-height:1.03; margin:0 0 25px; max-width:920px; }
.product-intro-copy { font-size:18px; color:#4d5461; line-height:1.6; max-width:620px; margin:0; }
.product-workspace { max-width:1280px; margin:auto; display:grid; grid-template-columns:minmax(225px,.65fr) minmax(0,1.6fr); gap:0 70px; }
.component-controls { display:flex; flex-direction:column; grid-column:1; grid-row:1; padding:20px 0; }
.component-controls button { min-height:68px; width:100%; display:flex; align-items:center; gap:12px; padding:15px 0; border:0; border-bottom:2px solid #1b263527; background:none; color:#535a66; font:400 18px/1.4 var(--ui); text-align:left; cursor:pointer; transition:color 220ms ease; }
.component-controls button > span { font-size:12px; color:#535a66; }
.component-controls button > b { margin-left:auto; font-size:23px; font-weight:400; transform:translate(-5px,5px); opacity:0; transition:transform 220ms ease,opacity 220ms ease; }
.component-controls button[aria-pressed="true"] { color:#114dd6; border-bottom-color:#114dd6; }
.component-controls button[aria-pressed="true"] > b { transform:none; opacity:1; }
.product-visual { grid-column:2; grid-row:1; position:relative; min-width:0; min-height:550px; background:radial-gradient(ellipse at 50% 48%,#faf9f3 0%,#e7e5dc 70%,#deddd3); overflow:hidden; isolation:isolate; }
.sample-label { position:absolute; top:24px; left:28px; z-index:3; margin:0; color:#606574; font:400 12px/1.5 var(--ui); }
.product-sculpture { position:absolute; width:270px; top:72px; left:50%; transform:translateX(-50%); transition:left 320ms ease,width 320ms ease,opacity 320ms ease,top 320ms ease; z-index:1; pointer-events:none; }
.sample-bottle { display:block; width:100%; height:auto; }
.scenario { position:relative; z-index:2; margin:20px; padding:25px; border-top:1px solid #aab0b8; }
.product-experience.is-enhanced .scenario { position:absolute; inset:0; margin:0; padding:0; border:0; }
.visual-note { background:#ffffffd9; padding:22px 24px; box-shadow:0 15px 35px #1118270a; }
.visual-note > span,.margin-note > span { display:block; font:500 12px/1.5 var(--ui); color:#50596a; margin-bottom:12px; }
.visual-note > strong { display:block; font:400 25px/1.15 var(--heading); letter-spacing:-.035em; }
.visual-note p { font-size:14px; line-height:1.6; color:#535b69; margin:12px 0 0; }
.visual-note small { font-size:11px; color:#535b69; }
.identity-note { position:absolute; left:5%; top:135px; }
.identity-baseline { position:absolute; left:6%; bottom:38px; }
.identity-baseline span { display:block; font-size:12px; color:#4c5666; margin-bottom:8px; }
.identity-baseline strong { font-size:20px; font-weight:400; }
.product-visual[data-visual-state="products"] .product-sculpture { left:73%; width:250px; }
.stock-one { position:absolute; left:5%; top:132px; }
.stock-two { position:absolute; right:5%; top:245px; }
.stock-one strong,.stock-two strong { font-size:42px; }
.stock-one strong small,.stock-two strong small { font-size:15px; }
.stock-hold { position:absolute; left:7%; right:7%; bottom:32px; display:flex; align-items:center; gap:18px; padding:18px 20px; background:#172132; color:#fff; }
.stock-hold > span { font-size:27px; }
.stock-hold strong { font-size:19px; font-weight:500; }
.stock-hold p { font-size:12px; line-height:1.5; color:#d0d9e8; margin:6px 0 0; }
.cost-note { position:absolute; top:100px; left:5%; min-width:245px; }
.cost-note dl { margin:0; font-size:14px; }
.cost-note dl > div { display:flex; justify-content:space-between; gap:28px; padding:13px 0; border-bottom:1px solid #1822341c; }
.cost-note dt,.cost-note dd { margin:0; }
.cost-note dd { color:#155dff; font-weight:500; }
.margin-note { position:absolute; bottom:35px; left:7%; }
.margin-note strong { font-size:35px; line-height:1.2; font-weight:400; letter-spacing:-.04em; }
.margin-note p { font-size:13px; color:#515b6c; margin:8px 0 0; }
.product-visual[data-visual-state="finance"] .product-sculpture { left:76%; width:240px; opacity:.8; }
.evidence-note { position:absolute; left:5%; top:95px; max-width:260px; }
.comparison-marks { position:absolute; right:8%; top:80px; display:flex; gap:14px; }
.comparison-marks span { font-size:30px; color:#155dff; }
.evidence-hold { position:absolute; left:7%; bottom:35px; }
.evidence-hold strong { font-size:27px; font-weight:400; letter-spacing:-.035em; }
.evidence-hold p { font-size:14px; margin:8px 0 0; color:#4d5768; }
.product-visual[data-visual-state="market"] .product-sculpture { left:73%; width:230px; top:115px; }
.campaign-canvas { position:absolute; inset:0; padding:70px 7%; background:#155dff; color:#fff; z-index:-1; }
.campaign-canvas > span { font-size:12px; opacity:.85; }
.campaign-canvas h3 { margin:35px 0 22px; font-size:clamp(30px,3.3vw,48px); letter-spacing:-.05em; font-weight:400; line-height:1.07; }
.campaign-canvas h3 em { font-weight:400; }
.campaign-canvas p { font-size:13px; }
.campaign-note { position:absolute; bottom:25px; left:7%; right:7%; color:#fff; border-top:1px solid #ffffff70; padding-top:15px; }
.campaign-note strong { font-size:15px; font-weight:500; }
.campaign-note p { font-size:12px; margin:6px 0 0; }
.product-visual[data-visual-state="marketing"] { background:#155dff; }
.product-visual[data-visual-state="marketing"] .sample-label { color:#fff; }
.product-visual[data-visual-state="marketing"] .product-sculpture { left:78%; width:220px; top:115px; z-index:3; }
.studio-frame { position:absolute; width:255px; aspect-ratio:3/4; left:50%; top:65px; transform:translateX(-50%); border:1px solid #155dff; transition:width 300ms ease,aspect-ratio 300ms ease; }
.studio-frame::before,.studio-frame::after { content:''; position:absolute; inset:10px; border:1px solid #155dff25; pointer-events:none; }
.studio-frame span { position:absolute; top:20px; left:0; right:0; text-align:center; font-size:12px; letter-spacing:.07em; color:#124ad1; }
.product-visual[data-visual-state="studio"] .product-sculpture { top:105px; width:210px; }
.product-visual[data-format="square"] .studio-frame { width:310px; aspect-ratio:1; }
.product-visual[data-format="wide"] .studio-frame { width:440px; aspect-ratio:16/9; top:100px; }
.product-visual[data-visual-state="studio"][data-format="square"] .product-sculpture { width:190px; top:95px; }
.product-visual[data-visual-state="studio"][data-format="wide"] .product-sculpture { width:150px; top:125px; }
.format-controls { position:absolute; left:0; right:0; bottom:64px; display:flex; justify-content:center; gap:6px; }
.format-controls button { min-height:44px; background:transparent; padding:10px 16px; border:1px solid #69748a; border-radius:24px; font:400 13px/1.4 var(--ui); color:#192237; cursor:pointer; }
.format-controls button[aria-pressed="true"] { color:#fff; background:#155dff; border-color:#155dff; }
.studio-caption { position:absolute; bottom:13px; left:4%; right:4%; text-align:center; font-size:12px; line-height:1.5; color:#3e4b61; margin:0; }
.studio-caption span { font-size:10px; }
.component-panels { grid-column:1 / -1; }
.component-panels article { display:grid; grid-template-columns:1fr 1fr; gap:10px 8%; padding:34px 0; }
.component-panels article + article { border-top:1px solid #18223425; }
.component-panels span { grid-column:1; color:#155dff; font:500 13px/1.5 var(--ui); }
.component-panels h3 { grid-column:1; font-size:clamp(27px,3vw,42px); font-weight:400; letter-spacing:-.035em; line-height:1.2; margin:0; }
.component-panels p { grid-column:2; grid-row:1 / 3; font:400 17px/1.7 var(--ui); color:#4b5667; margin:0; }
.connected-foundation.is-enhanced .component-panels { min-height:195px; }
.product-experience .weave-disclosure,.product-experience > .story-link { max-width:1280px; margin-left:auto; margin-right:auto; color:#4d5667; }
.product-experience > .story-link { display:block; color:#155dff; }
.cinematic-story .product-experience :is(button,a):focus-visible { outline-color:#155dff; }
.product-experience:not(.is-enhanced) .product-workspace { display:block; }
.product-experience:not(.is-enhanced) .product-visual { padding-top:420px; }
.product-experience:not(.is-enhanced) .scenario { min-height:500px; position:relative; }
.story-link { display:inline-block; padding:15px 0; color:#a2eaff; font-size:16px; text-decoration:underline; text-underline-offset:6px; }
.cinematic-story .section { max-width:1440px; margin-inline:auto; padding-block:clamp(70px,9vw,140px); }
.cinematic-story .section-intro h2,.cinematic-story .engine-copy h2 { font-size:clamp(36px,5.2vw,72px); letter-spacing:-.055em; font-weight:400; max-width:1000px; }
.cinematic-story .section-intro p:not(.section-kicker) { max-width:690px; font-size:17px; }
.cinematic-story :is(.foundation-grid,.audience-grid,.module-grid,.proof-grid) { border:0; border-radius:0; background:none; gap:36px; }
.cinematic-story :is(.foundation-grid,.audience-grid,.module-grid,.proof-grid) article { min-height:0; background:none; border:0; border-top:1px solid #ffffff26; padding:26px 0 0; }
.cinematic-story :is(.foundation-grid,.audience-grid,.module-grid) h3 { font-size:25px; letter-spacing:-.035em; font-weight:500; }
.cinematic-story .audience { background:linear-gradient(120deg,#7428ff0b,#155dff0e 55%,transparent); }
.cinematic-story .module-grid { grid-template-columns:1fr; gap:0; }
.cinematic-story .module-grid article { display:grid; grid-template-columns:.7fr 1.4fr 1.8fr .7fr; align-items:baseline; gap:24px; padding-block:30px; }
.cinematic-story .module-grid article h3,.cinematic-story .module-grid article p,.cinematic-story .module-index { margin:0; }
.cinematic-story .module-name { text-align:right; }
.cinematic-story .engine { background:none; gap:8%; border-block:1px solid #ffffff12; }
.merchant-story { min-width:0; }
.merchant-story details { border-top:1px solid #ffffff26; }
.merchant-story summary { padding:22px 0; cursor:pointer; font-size:21px; letter-spacing:-.02em; line-height:1.4; font-weight:400; }
.merchant-story summary span { display:block; color:#92dbff; font:10px/1.5 var(--mono); margin-bottom:8px; letter-spacing:.05em; }
.merchant-story details p,.destination-grid p { color:#b4c3d9; font-size:15px; line-height:1.8; }
.example-controls { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.example-controls button { min-height:48px; padding:12px 18px; color:#dce7f7; background:transparent; border:1px solid #617794; border-radius:28px; font-size:12px; cursor:pointer; }
.example-controls button[aria-pressed="true"] { color:#a2eeff; border-color:#00c9f4; }
.merchant-story .example-result { color:#c9d8ff; border-left:2px solid #7428ff; padding:12px 16px; background:#7428ff09; }
.destination-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 48px; }
.destination-grid details { min-width:0; padding:8px 0; border-bottom:1px solid #ffffff26; }
.destination-grid summary { cursor:pointer; padding:24px 0; font-size:clamp(25px,3vw,42px); font-weight:400; letter-spacing:-.04em; }
.destination-grid summary span { float:right; color:#92dbff; }
.return-ribbon { display:flex; gap:24px; align-items:center; flex-wrap:wrap; margin-top:50px; padding:30px 0; }
.return-ribbon > span:first-child { color:#92dbff; font-size:60px; }
.return-ribbon p { flex:1 1 280px; margin:0; color:#b4c3d9; font-size:16px; line-height:1.75; }
.return-ribbon strong { display:block; color:#f0f6fc; font-weight:500; }
.cinematic-story :is(.network-panel,.access-panel) { border:0; border-radius:0; background:none; box-shadow:none; padding-inline:0; }
.cinematic-story .proof-grid span { background:none; border:0; padding:0; }
.cinematic-story .access-form { border-radius:0; box-shadow:none; background:#0b142866; }
.cinematic-story :is(a,button,summary,input):focus-visible { outline:3px solid #8cecff; outline-offset:5px; }
.cinematic-story [hidden] { display:none !important; }

.cinematic-story :is(a,button,summary,input):focus-visible { outline:3px solid #8cecff; outline-offset:5px; }
.cinematic-story [hidden] { display:none !important; }
@media(min-width:1041px) {
  .cinematic-story .hero-title { max-width:1050px; }
}
@media(max-width:1040px) {
  .cinema-stage { min-height:800px; aspect-ratio:auto; }
  .cinematic-story .hero-title { font-size:clamp(50px,8vw,94px); }
  .cinematic-story .module-grid article { grid-template-columns:.7fr 1.4fr 2fr; }
  .cinematic-story .module-name { grid-column:2; text-align:left; }
}
@media(max-width:600px) {
  .cinema-stage { min-height:780px; min-height:100svh; aspect-ratio:auto; justify-content:flex-start; }
  #cinematic-video { object-position:66% center; }
  .cinema-shade { background:linear-gradient(90deg,#030712d9,#03071280),linear-gradient(0deg,#030712e6,transparent 60%); }
  .cinematic-story .hero-content { padding:110px 24px 32px; margin:0; }
  .cinematic-story .hero-brand-lockup { width:78px; margin-bottom:22px; }
  .cinematic-story .eyebrow { font-size:12px; line-height:1.5; }
  .cinematic-story .hero-title { font-size:clamp(36px,10vw,60px); letter-spacing:-.05em; }
  .cinematic-story .hero-copy { font-size:17px; }
  .cinematic-story .hero-actions { gap:13px; align-items:flex-start; }
  .cinematic-story .hero-actions .button { width:auto; font-size:13px; }
  .cinema-playback { flex-direction:column; align-items:flex-start; gap:12px; padding:0 24px 88px; }
  #cinema-status { font-size:12px; }
  .cinema-transport button { font-size:13px; padding:8px 18px; }
  .chapter-controls { gap:18px; }
  .chapter-controls button { min-height:96px; font-size:17px; padding:20px 0; }
  .chapter-controls button span { display:block; margin:0 0 5px; font-size:12px; }
  .chapter-panels article { display:block; padding-top:28px; }
  .chapter-panels h2 { font-size:30px; margin-bottom:18px; }
  .chapter-panels p { font-size:17px; }
  .cinema-story.is-enhanced .chapter-panels { min-height:250px; }
  .connected-foundation { padding-top:50px; }
  .weave-heading { display:block; }
  .weave-heading .section-kicker { margin-bottom:6px; }
  .component-controls { display:grid; grid-template-columns:1fr 1fr; gap:6px 22px; }
  .component-controls button { text-align:left; font-size:16px; }
  .component-panels article { display:block; }
  .component-panels h3 { font-size:29px; margin:12px 0 18px; }
  .component-panels p { font-size:17px; }
  .connected-foundation.is-enhanced .component-panels { min-height:285px; }
  .cinematic-story .section { padding-inline:24px; }
  .cinematic-story :is(.foundation-grid,.audience-grid,.proof-grid) { gap:30px; grid-template-columns:1fr; }
  .cinematic-story .module-grid article { display:block; padding-block:26px; }
  .cinematic-story .module-grid article h3 { margin:12px 0; }
  .cinematic-story .module-name { margin-top:14px; display:block; }
  .destination-grid { grid-template-columns:1fr; }
}
@media(max-width:360px) {
  .cinematic-story .hero-content { padding-top:70px; }
}
@media(max-width:900px) {
  .product-intro { grid-template-columns:80px 1fr; gap:25px; }
  .product-workspace { grid-template-columns:1fr; gap:0; }
  .component-controls { grid-column:1; grid-row:1; display:grid; grid-template-columns:repeat(3,1fr); gap:5px 20px; padding:0 0 25px; }
  .component-controls button { min-height:62px; font-size:15px; }
  .component-controls button > span { display:none; }
  .product-visual { grid-column:1; grid-row:2; }
  .component-panels { grid-column:1; grid-row:3; }
}
@media(max-width:600px) {
  .product-experience { padding:60px 22px; }
  .product-intro { display:block; margin-bottom:38px; }
  .chapter-number { display:block; font-size:50px; margin-bottom:28px; }
  .product-intro h2 { font-size:43px; }
  .product-intro-copy { font-size:16px; }
  .weave-heading .concept-badge { margin-top:5px; }
  .component-controls { grid-template-columns:1fr 1fr; gap:0 18px; }
  .component-controls button { font-size:14px; min-height:60px; }
  .component-controls button > b { font-size:18px; }
  .product-visual { min-height:505px; margin-inline:-4px; }
  .sample-label { top:19px; left:17px; font-size:10px; }
  .product-sculpture { width:220px; top:75px; }
  .visual-note { padding:16px; }
  .visual-note > span { font-size:10px; margin-bottom:9px; }
  .visual-note > strong { font-size:22px; }
  .visual-note p { font-size:12px; }
  .identity-note { top:90px; left:5%; max-width:158px; }
  .product-visual[data-visual-state="products"] .product-sculpture { left:78%; width:180px; top:145px; }
  .identity-baseline { bottom:35px; }
  .identity-baseline strong { font-size:17px; }
  .stock-one { top:95px; left:4%; }
  .stock-two { top:250px; right:4%; }
  .stock-one strong,.stock-two strong { font-size:32px; }
  .stock-hold { bottom:20px; left:5%; right:5%; gap:12px; padding:15px; }
  .stock-hold strong { font-size:16px; }
  .stock-hold p { font-size:11px; }
  .cost-note { top:80px; left:5%; min-width:0; width:77%; }
  .cost-note dl { font-size:12px; }
  .cost-note dl > div { gap:12px; padding:11px 0; }
  .product-visual[data-visual-state="finance"] .product-sculpture { left:79%; width:150px; top:238px; }
  .margin-note { bottom:47px; left:6%; }
  .margin-note strong { font-size:27px; }
  .evidence-note { top:83px; left:5%; max-width:210px; }
  .comparison-marks { top:55px; right:7%; }
  .comparison-marks span { font-size:22px; }
  .product-visual[data-visual-state="market"] .product-sculpture { top:235px; width:155px; left:80%; }
  .evidence-hold { bottom:33px; left:6%; }
  .evidence-hold strong { font-size:21px; }
  .evidence-hold p { font-size:12px; }
  .campaign-canvas { padding-top:80px; }
  .campaign-canvas h3 { font-size:36px; }
  .product-visual[data-visual-state="marketing"] .product-sculpture { left:81%; width:155px; top:185px; }
  .campaign-canvas p { max-width:130px; }
  .campaign-note p { max-width:240px; font-size:11px; }
  .studio-frame { width:210px; top:58px; }
  .product-visual[data-format="square"] .studio-frame { width:235px; }
  .product-visual[data-format="wide"] .studio-frame { width:90%; top:107px; }
  .product-visual[data-visual-state="studio"] .product-sculpture { top:95px; width:165px; }
  .product-visual[data-visual-state="studio"][data-format="square"] .product-sculpture { width:140px; top:90px; }
  .product-visual[data-visual-state="studio"][data-format="wide"] .product-sculpture { width:90px; top:118px; }
  .format-controls { bottom:78px; gap:5px; }
  .format-controls button { padding:9px 12px; font-size:12px; }
  .studio-caption { bottom:28px; font-size:10px; }
  .studio-caption span { font-size:9px; }
  .component-panels article { display:block; }
  .component-panels h3 { margin:10px 0 16px; font-size:29px; }
  .component-panels p { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
 .cinematic-story *,.cinematic-story *::before,.cinematic-story *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}