/* A product reveal at the foot of search; one shared model continues into story. */
.product-finder{padding-bottom:0}
body>.product-peek{margin:0;background:linear-gradient(180deg,#09121c,#142732 60%,#09121c)}
.product-peek{position:relative;height:480px;margin:20px -10.53% 0;isolation:isolate}
.peek-copy{position:absolute;left:8.7%;top:40%;max-width:280px;z-index:8;pointer-events:none}
.peek-copy>span{font-size:9px;letter-spacing:2px;color:#a6bac6}.peek-copy p{font-size:21px;line-height:1.5;color:#e2e8ec;margin:16px 0 20px;font-weight:300;white-space:pre-line}
.peek-copy a{pointer-events:auto;display:inline-flex;gap:23px;align-items:center;font-size:9px;letter-spacing:1.4px;color:#c3cfd5;text-decoration:none;padding:10px 0}
.peek-copy a:hover{color:#fff}.peek-copy a span:last-child{font-size:17px}
.peek-interaction{position:absolute;bottom:26px;right:11%;font-size:8px;letter-spacing:1.6px;color:#b0c1cc;z-index:8}
.journey-overlay{position:fixed;inset:0;z-index:6;pointer-events:none;visibility:hidden}.journey-overlay canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .65s}.journey-overlay.is-ready canvas{opacity:1}
.journey-overlay[hidden]{display:none}
.story-orbit{position:absolute;left:46%;right:3%;top:20%;height:63%;z-index:7;cursor:grab;touch-action:pan-y;user-select:none;border-radius:20px}
.story-orbit.is-dragging{cursor:grabbing}.story-orbit:focus-visible{outline:1px solid #d8e4eb80;outline-offset:4px}
.story-orbit-hint{font-size:8px;letter-spacing:1px;color:#92a9b8}.story-orbit-reset{justify-self:end;color:#c3d3dd;font-size:8px;letter-spacing:1px;padding:6px 0}
.story-orbit-reset:focus-visible{outline:1px solid #e0e9ef;outline-offset:4px}
@media(max-width:700px){.story-orbit{left:7%;right:7%;top:45%;height:40%}.story-orbit-hint{font-size:6px}.story-orbit-reset{font-size:7px;padding:3px 0}.story-mode{bottom:100px!important}}
.brand-story{position:relative;height:220svh;min-height:1300px;background:radial-gradient(ellipse at 74% 30%,#28414e55,transparent 57%),linear-gradient(180deg,#09121c,#0c1a24 36%,#101f29 70%,#061017);isolation:isolate}
.story-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden}
.story-sticky::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#a0b7c306 1px,transparent 1px),linear-gradient(90deg,#a0b7c306 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,transparent,#000)}
.story-topline{position:absolute;left:8.7%;top:150px;display:flex;align-items:center;gap:16px;z-index:8;font-size:9px;letter-spacing:2px;color:#9fb3c0}.story-topline::before{content:'';height:1px;width:28px;background:#a14349}
.story-copy{position:absolute;left:8.7%;top:29%;width:34%;max-width:470px;z-index:8}
.story-chapter{position:absolute;inset:0 0 auto;transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1);opacity:0;transform:translateY(24px);pointer-events:none;visibility:hidden}
.story-chapter.is-active{opacity:1;transform:none;pointer-events:auto;visibility:visible}
.story-chapter .story-eyebrow{margin:0 0 27px;display:block;color:#b8c9d2;font-size:10px;letter-spacing:2px}
.story-chapter h2{margin:0 0 28px;font-size:clamp(36px,3.6vw,66px);line-height:1.13;letter-spacing:-1.6px;font-weight:400;white-space:pre-line;color:#eef2f3}
.story-chapter p{max-width:355px;line-height:1.9;font-size:14px;color:#b4c4ce;white-space:pre-line}
.story-chapter .story-index{font-family:Arial,sans-serif;display:block;font-size:10px;letter-spacing:3px;margin-top:38px;color:#91a8b6}
.story-mode{position:absolute;right:11%;bottom:56px;z-index:8;display:grid;text-align:right;gap:10px;color:#aebfc9;font-size:9px;letter-spacing:1.8px}
.story-mode strong{font-size:12px;color:#e4ebef;font-weight:400;letter-spacing:2px}
.story-navigation{position:absolute;left:8.7%;bottom:90px;z-index:8;display:flex;gap:18px;width:31%;max-width:400px}
.story-navigation button{min-width:0;flex:1;padding:14px 0 0;text-align:left;color:#869eac;font-size:8px;letter-spacing:1px;border-top:1px solid #ffffff25;line-height:1.6;transition:color .3s,border-color .3s}
.story-navigation button[aria-current=step]{border-color:#b54b50;color:#e1ebf0}.story-navigation b{display:block;font-size:10px;font-weight:400;margin-bottom:7px}
.story-navigation button:focus-visible,.peek-copy a:focus-visible{outline:2px solid #e0e9ef;outline-offset:5px}
.story-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff09;z-index:8}.story-progress i{display:block;height:100%;background:#8a3d43;transform:scaleX(0);transform-origin:left}
.journey-loading{position:absolute;left:58%;top:49%;font-size:9px;letter-spacing:1.3px;color:#9db3c1}.journey-loaded .journey-loading{display:none}
.journey-fallback{display:none;position:absolute;right:9%;top:12%;width:48%;height:75%;object-fit:contain;opacity:.8}
.journey-failed .journey-fallback{display:block}.journey-failed .journey-loading{display:none}.brand-story.journey-failed .journey-fallback{top:25%;height:55%}
.story-caption{position:absolute;bottom:33px;left:8.7%;color:#637d8e;font-size:8px;letter-spacing:1px;z-index:8}
@media(max-width:1100px) and (min-width:701px){.story-copy{width:37%}.story-chapter h2{font-size:39px}.story-chapter p{font-size:13px}.story-topline{top:135px}.story-mode{right:7%;font-size:8px}.peek-copy{max-width:230px}.story-navigation{width:35%}}
@media(max-width:700px){
  .product-peek{height:460px;margin:25px -28px 0}.peek-copy{left:28px;top:18px;max-width:240px}.peek-copy>span{font-size:8px}.peek-copy p{font-size:17px;margin:12px 0 5px}.peek-copy a{font-size:8px;gap:17px}.peek-interaction{right:28px;bottom:20px;font-size:7px}
  .brand-story{height:220svh;min-height:1300px}.story-sticky{min-height:600px}.story-topline{top:105px;left:28px;font-size:7px;letter-spacing:1.5px;gap:12px}.story-topline::before{width:18px}
  .story-copy{left:28px;right:28px;top:148px;width:auto;max-width:none}.story-chapter .story-eyebrow{font-size:8px;margin:0 0 12px;letter-spacing:1.4px}.story-chapter h2{font-size:clamp(27px,8vw,36px);line-height:1.12;letter-spacing:-.7px;margin-bottom:14px;white-space:normal;max-width:340px}.story-chapter p{font-size:11px;line-height:1.75;max-width:330px;margin:0}.story-chapter .story-index{display:none}
  .story-navigation{left:28px;right:28px;width:auto;max-width:none;bottom:41px;gap:17px}.story-navigation button{font-size:7px;padding-top:10px}.story-navigation b{font-size:8px;margin-bottom:5px}
  .story-mode{right:28px;bottom:125px;font-size:7px;gap:6px}.story-mode strong{font-size:9px}.story-caption{bottom:13px;left:28px;font-size:6px;letter-spacing:.7px}
  .journey-loading{left:40%;top:63%;font-size:7px}.journey-fallback{width:75%;right:12.5%;top:25%;height:70%}.brand-story.journey-failed .journey-fallback{top:44%;height:40%}
}
@media(max-height:740px) and (min-width:701px){.story-topline{top:120px}.story-copy{top:29%}.story-chapter h2{font-size:38px;margin-bottom:18px}.story-chapter p{font-size:12px}.story-chapter .story-index{margin-top:22px}.story-navigation{bottom:60px}.story-mode{bottom:65px}.story-caption{bottom:20px}}
@media(prefers-reduced-motion:reduce){.story-chapter{transition:none;transform:none}.journey-overlay canvas{transition:none}.brand-story{height:150svh;min-height:1100px}}

/* V3: industrial editorial art direction; existing 3D remains the hero. */
@font-face{font-family:'BC Condensed';src:url('./assets/BarlowCondensed-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
.brand-story{--story-progress:0;--story-accent:#e35c55;background-color:#0b1820}
.story-print-texture{position:absolute;inset:-20px 0;width:100%;height:calc(100% + 40px);max-width:none;object-fit:cover;opacity:.57;pointer-events:none;transform:translateY(calc(var(--story-progress)*-16px));transition:opacity .5s}
.brand-story[data-stage="2"] .story-print-texture{opacity:.055}
.brand-story[data-stage="2"] .story-brandtype{opacity:.025}
.story-sticky::before{display:none}
.story-brandtype{position:absolute;right:-1.5%;top:14%;font-family:'BC Condensed',Arial,sans-serif;font-size:clamp(100px,15vw,280px);font-weight:600;line-height:.8;letter-spacing:-.045em;white-space:nowrap;color:#b6c3c7;opacity:.09;pointer-events:none;transform:translateX(calc(var(--story-progress)*-24px))}
.story-topline{top:116px;left:6.5%;right:6.5%;justify-content:space-between;gap:28px;font:10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.4px;color:#b7c3c9;border-bottom:1px solid #b8c6cc42;padding-bottom:19px}
.story-topline::before{display:none}.story-topline img{width:174px;height:auto;display:block}
.story-edition{position:absolute;right:28px;top:42%;writing-mode:vertical-rl;font:9px/1 ui-monospace,Menlo,monospace;letter-spacing:2.8px;color:#a0adb3;z-index:8;pointer-events:none}
.story-copy{left:6.5%;top:25%;width:40%;max-width:660px}
.story-chapter .story-eyebrow{display:inline-block;font:10px/1.2 ui-monospace,Menlo,monospace;letter-spacing:1.3px;color:#eab9b2;border-left:3px solid var(--story-accent);padding:3px 0 3px 12px;margin:0 0 20px}
.story-chapter h2{font-family:'BC Condensed',Arial,sans-serif;font-size:clamp(72px,7.4vw,142px);font-weight:600;line-height:.86;letter-spacing:-.022em;margin:0 0 26px;color:#efeee7;white-space:pre-line;text-transform:uppercase}
.story-chapter p{font-size:13px;line-height:1.65;max-width:350px;color:#c2ccd0;margin:0}
.story-chapter .story-index{font:9px/1.4 ui-monospace,Menlo,monospace;letter-spacing:1.7px;margin-top:22px;color:#a8bac3}
.story-navigation{left:6.5%;bottom:65px;width:38%;max-width:550px;gap:22px}
.story-navigation button{min-height:62px;padding-top:9px;border-top:2px solid #b9c6cc45;color:#b2c0c6;font:9px/1.3 ui-monospace,Menlo,monospace;letter-spacing:.6px}
.story-navigation b{font-family:'BC Condensed',Arial,sans-serif;font-size:33px;line-height:1;font-weight:600;margin:0 0 6px;color:#9daeb7}
.story-navigation button[aria-current=step]{color:#f0eee8;border-color:var(--story-accent)}
.story-navigation button[aria-current=step] b{color:var(--story-accent)}
.story-navigation button:hover{color:#fff;border-color:#e5aca5}
.story-mode{right:6.5%;bottom:62px;gap:7px;font-family:ui-monospace,Menlo,monospace;font-size:9px;letter-spacing:1px}
.story-mode strong{font-family:'BC Condensed',Arial,sans-serif;font-size:25px;letter-spacing:.4px;font-weight:600;color:#e9ebe7}
.story-mode>span:first-child{font-size:8px;color:#b5c4cc}.story-orbit-hint{font-size:8px;color:#bacbd5}.story-orbit-reset{min-height:28px;color:#cedbe1}
.story-caption{left:6.5%;bottom:22px;font:8px/1 ui-monospace,Menlo,monospace;letter-spacing:1.4px;color:#a1b1bb}
.story-progress{height:1px}.story-progress i{background:var(--story-accent);opacity:.35}
html[lang="zh-Hant"] .story-chapter h2{font-family:'PingFang TC','Microsoft JhengHei',sans-serif;font-size:clamp(52px,5.1vw,100px);line-height:1.04;font-weight:700;letter-spacing:-.04em}
@media(min-width:701px) and (max-width:1100px){.story-topline{top:115px}.story-copy{top:26%}.story-chapter h2{font-size:72px}.story-chapter p{font-size:12px;max-width:300px}.story-mode{right:5%}.story-edition{right:13px}.story-navigation{width:40%;gap:14px}}
@media(min-width:701px) and (max-height:780px){.story-topline{top:105px;padding-bottom:12px}.story-topline img{width:150px}.story-copy{top:26%}.story-chapter h2{font-size:clamp(60px,6.6vw,91px);margin-bottom:18px}.story-chapter .story-eyebrow{margin-bottom:14px}.story-chapter p{font-size:12px;max-width:340px}.story-chapter .story-index{margin-top:15px}.story-navigation{bottom:55px}.story-caption{bottom:18px}.story-mode{bottom:48px}}
@media(max-width:700px){
 .story-print-texture{object-position:65% center;opacity:.42}.story-brandtype{top:42%;right:-12%;font-size:31vw;opacity:.085;letter-spacing:-.04em}
 .story-topline{top:95px;left:24px;right:24px;padding-bottom:12px;gap:12px;font-size:7px;letter-spacing:.5px}.story-topline img{width:115px}.story-topline span{max-width:134px;text-align:right}
 .story-edition{display:none}.story-copy{left:24px;right:24px;top:151px;width:auto;max-width:none}
 .story-chapter .story-eyebrow{font-size:8px;letter-spacing:.7px;margin-bottom:12px;padding:1px 0 1px 9px;border-left-width:2px}
 .story-chapter h2{font-size:49px;line-height:.87;letter-spacing:-.015em;margin-bottom:13px;max-width:none;white-space:pre-line}
 .story-chapter p{font-size:11px;line-height:1.55;max-width:330px}.story-chapter .story-index{display:none}
 .story-orbit{top:45%;height:37%}.story-mode{right:24px;bottom:104px!important;gap:3px}.story-mode>span:first-child{display:none}.story-mode strong{font-size:18px}.story-orbit-hint{font-size:7px}.story-orbit-reset{font-size:8px;min-height:28px;padding:5px 0}
 .story-navigation{left:24px;right:24px;bottom:30px;width:auto;gap:15px}.story-navigation button{font-size:7px;min-height:58px;padding-top:7px}.story-navigation b{font-size:27px;margin-bottom:4px}
 .story-caption{left:24px;bottom:12px;font-size:6px;letter-spacing:1px}
 html[lang="zh-Hant"] .story-chapter h2{font-size:35px;line-height:1.04}
}
@media(max-width:700px) and (max-height:740px){.story-topline{top:88px;padding-bottom:8px}.story-copy{top:128px}.story-chapter h2{font-size:36px;margin-bottom:10px}.story-chapter .story-eyebrow{margin-bottom:8px}.story-chapter p{font-size:10px;line-height:1.4}.story-mode{bottom:95px!important}.story-mode strong{font-size:15px}.story-orbit-hint{font-size:6px}html[lang="zh-Hant"] .story-chapter h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.story-print-texture,.story-brandtype{transform:none;transition:none}}

/* Match screen 02's broad sans-serif headline and open line spacing. */
.story-copy{left:8.7%;width:38%}
.story-chapter h2,html[lang="zh-Hant"] .story-chapter h2{font-family:Arial,'Noto Sans TC','PingFang TC',sans-serif;font-size:clamp(50px,4.5vw,92px);font-weight:800;line-height:1.2;letter-spacing:-1.5px;color:#f1f3f4;margin-bottom:26px}
.story-chapter p{font-size:clamp(14px,1.15vw,20px);line-height:1.45;letter-spacing:.2px;max-width:420px;color:#dde4e8}
.story-chapter .story-index{margin-top:26px}
.story-navigation,.story-caption{left:8.7%}
.story-navigation b{font-family:Arial,'Noto Sans TC','PingFang TC',sans-serif;font-weight:800;font-size:28px;letter-spacing:-1px}
@media(min-width:701px) and (max-width:1100px){.story-copy{left:8%;width:39%}.story-chapter h2,html[lang="zh-Hant"] .story-chapter h2{font-size:clamp(38px,4.9vw,54px)}.story-chapter p{font-size:14px}.story-navigation,.story-caption{left:8%}}
@media(min-width:701px) and (max-height:780px){.story-chapter h2,html[lang="zh-Hant"] .story-chapter h2{font-size:clamp(38px,4.5vw,62px);margin-bottom:20px}.story-chapter p{font-size:13px}.story-chapter .story-index{margin-top:18px}}
@media(max-width:700px){.story-copy{left:28px;right:28px;width:auto}.story-chapter h2,html[lang="zh-Hant"] .story-chapter h2{font-size:clamp(32px,9vw,42px);line-height:1.2;letter-spacing:-1px;margin-bottom:18px}.story-chapter p{font-size:13px;line-height:1.5;letter-spacing:0}.story-navigation,.story-caption{left:28px}.story-navigation b{font-size:23px}}
@media(max-width:700px) and (max-height:740px){.story-chapter h2,html[lang="zh-Hant"] .story-chapter h2{font-size:28px;margin-bottom:12px}.story-chapter p{font-size:11px;line-height:1.45}}

/* V128: reuse the vehicle selector's headline proportions and corner marks. */
.story-chapter h2,html[lang="zh-Hant"] .story-chapter h2{position:relative;display:table;padding:0 8px;font-family:Arial,'Noto Sans TC','PingFang TC',sans-serif;font-size:clamp(50px,4.5vw,92px);font-weight:800;line-height:1.2;letter-spacing:-1.5px;margin-bottom:26px}
.story-chapter h2::before,.story-chapter h2::after{content:'';position:absolute;left:-16px;right:-18px;height:14px;pointer-events:none;background:linear-gradient(#aab9c2,#aab9c2) left center/14px 1px no-repeat,linear-gradient(#aab9c2,#aab9c2) 6px center/1px 14px no-repeat,linear-gradient(#aab9c2,#aab9c2) right center/14px 1px no-repeat,linear-gradient(#aab9c2,#aab9c2) right 6px center/1px 14px no-repeat}
.story-chapter h2::before{top:0}.story-chapter h2::after{bottom:0;right:18%}
@media(min-width:701px) and (max-width:1100px){.story-chapter h2,html[lang="zh-Hant"] .story-chapter h2{font-size:54px}}
@media(max-width:700px){.story-chapter h2,html[lang="zh-Hant"] .story-chapter h2{font-size:clamp(35px,9vw,55px);letter-spacing:-1px;margin-bottom:22px}.story-chapter h2::before,.story-chapter h2::after{left:-10px;right:-10px;height:10px;background-size:10px 1px,1px 10px,10px 1px,1px 10px;background-position:left center,4px center,right center,right 4px center}.story-chapter h2::after{right:18%}}