
.about-page{background:#fff}.about-intro,.feature-chapter,.tour-simulation{padding:45px 7% 65px;scroll-margin-top:120px}.chapter-label{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:40px}.intro-grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:5%;align-items:center}.about-intro h1{font-size:clamp(3.8rem,7vw,7.5rem);margin:18px 0 25px}.intro-purpose{max-width:340px;margin-bottom:30px}.intro-machine video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.intro-machine figcaption{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding-top:15px;color:var(--blue)}.chapter-nav{position:sticky;top:86px;z-index:10;display:flex;justify-content:center;gap:24px;padding:17px 4%;background:var(--tan);border-block:1px solid var(--line);overflow-x:auto;font-size:.9rem;white-space:nowrap}.chapter-nav a[aria-current="true"]{color:var(--rust);text-decoration:underline;text-underline-offset:5px}.feature-chapter{border-bottom:1px solid var(--line);min-height:640px}.feature-chapter:nth-of-type(even){background:#f5f8f9}.chapter-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}.reverse .feature-media{order:2}.reverse .feature-copy{order:1}.feature-media{min-width:0;transform:translateY(var(--reveal-y,0px));transition:transform .15s ease-out}.feature-media video{width:100%;aspect-ratio:16/9;display:block;background:#202426;border:1px solid var(--line)}.feature-media figcaption{font-size:.8rem;margin-top:12px;color:var(--blue)}.feature-copy h2{font-size:clamp(2.3rem,3.8vw,4rem);line-height:1.1}.copy-lines{margin-top:35px;display:grid;gap:16px}.copy-lines i{display:block;height:1px;background:var(--line);width:100%}.copy-lines i:last-child{width:70%}.copy-pending{margin-top:20px;font-size:1rem;color:var(--blue)}.chapter-note{display:flex;gap:25px;align-items:center;border-top:1px dashed var(--line);padding-top:22px;margin-top:45px;font:500 .95rem/1.5 var(--serif);color:var(--blue)}.tour-simulation{background:var(--tan)}.tour-simulation h2{font-size:clamp(3rem,5vw,5rem)}.simulation-intro{margin-top:18px}.simulation-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;margin-top:35px}.simulation-layout video{display:block;width:100%;aspect-ratio:16/9;background:#202426}.scenario-list{display:flex;flex-direction:column;gap:8px}.scenario-button{border:1px solid var(--line);background:transparent;text-align:left;padding:12px 16px;font-size:1rem;border-radius:3px}.scenario-button[aria-pressed="true"]{background:var(--blue);color:white}.scenario-button:hover{border-color:var(--blue)}#scenario-caption{margin-top:12px;font-size:.9rem;color:var(--blue)}.back-home{display:inline-block;margin-top:40px;border-bottom:1px solid var(--blue);padding-bottom:7px}.about-page .brand-word{white-space:normal}
@media(max-width:900px){.chapter-nav{justify-content:flex-start;gap:18px}.simulation-layout{grid-template-columns:1fr}.scenario-list{display:grid;grid-template-columns:repeat(4,1fr)}.scenario-button{font-size:.85rem}.feature-chapter{min-height:560px}}
@media(max-width:700px){.about-intro,.feature-chapter,.tour-simulation{padding:30px 6% 45px;scroll-margin-top:135px}.chapter-label{font-size:.65rem;margin-bottom:28px}.intro-grid,.chapter-grid{grid-template-columns:1fr;gap:30px}.about-intro h1{font-size:4.3rem}.about-intro h1 br{display:none}.intro-purpose{max-width:none}.intro-machine{margin-top:12px}.chapter-nav{top:76px;font-size:.8rem;padding-block:14px}.feature-chapter{min-height:0}.feature-copy h2{font-size:2.5rem}.reverse .feature-media,.reverse .feature-copy{order:initial}.feature-copy{grid-row:1}.chapter-note{align-items:flex-start;gap:15px;margin-top:30px}.copy-lines{margin-top:22px;gap:12px}.scenario-list{grid-template-columns:1fr 1fr}.simulation-layout{gap:20px}.about-page footer{gap:22px}.about-intro .eyebrow{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.feature-media{transform:none;transition:none}}

@media(max-width:700px){.about-intro h1 br{display:block}}

/* One continuous showcase travels between feature chapters. */
.showcase-track{height:900svh;position:relative;background:#4b4842}.showcase-stage{position:sticky;top:86px;height:calc(100svh - 86px);min-height:580px;overflow:hidden;isolation:isolate;color:white;background:radial-gradient(ellipse at 50% 60%,#69655c,#282925)}
.showcase-meta{position:absolute;z-index:5;top:25px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tan)}#story-motion{background:#181c1ccc;color:var(--tan);border:1px solid #efe8ca55;border-radius:30px;padding:9px 15px;font-size:.8rem;letter-spacing:0}
.showcase-vehicle{position:absolute;top:0;bottom:0;left:var(--vehicle-x,0%);width:var(--vehicle-width,100%);transform:rotate(var(--vehicle-tilt,0deg));z-index:1;will-change:left,width,transform;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.showcase-vehicle video{width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent)}.story-intro .showcase-vehicle video{object-fit:cover}
.showcase-copy{position:absolute;z-index:3;left:5%;top:30%;width:28%;opacity:var(--copy-arrival,1)}.copy-right .showcase-copy{left:69%}.showcase-copy h1{font:400 clamp(2rem,3.8vw,4.2rem)/1.06 var(--sans);margin:22px 0;color:var(--tan)}.showcase-copy p{font-size:1rem;color:#fff;max-width:340px}.story-number{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}.story-intro .showcase-copy{top:24%;padding:22px;background:linear-gradient(90deg,#242722c9,#24272200);width:32%}.story-lines{margin-top:28px;display:grid;gap:15px}.story-lines[hidden]{display:none}.story-lines i{height:1px;background:#efe8ca55}.story-lines i:last-child{width:70%}
.showcase-bottom{position:absolute;z-index:5;bottom:24px;left:5%;right:5%}.story-actions{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:18px}.story-actions .text-button{color:var(--tan);border-color:var(--tan);font-size:.9rem}.story-chapters{display:flex;justify-content:space-between;gap:10px}.story-chapters button{background:#252922b3;color:var(--tan);border:1px solid #efe8ca55;border-radius:50%;width:38px;height:38px;font-size:.85rem}.story-chapters button[aria-current]{background:var(--orange);border-color:var(--orange);color:black}.showcase-progress{height:2px;background:#efe8ca33;margin-top:16px}.showcase-progress span{display:block;height:100%;background:var(--orange);width:calc(var(--story-progress,0)*100%)}.travel-line{position:absolute;left:5%;right:5%;bottom:17%;height:20%;border-bottom:1px dashed #efe8ca30;border-radius:50%;z-index:0}.no-scroll-motion{height:auto}.no-scroll-motion .showcase-stage{position:relative;top:0}
#showcase-dialog{max-width:1100px;width:92vw;padding:24px;background:var(--tan)}#showcase-dialog video{width:100%;max-height:75svh;display:block}.showcase-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.showcase-dialog-head h2{font-size:1.8rem}#close-showcase{border:0;background:transparent;font-size:2rem}
@media(max-width:700px){.showcase-track{height:780svh}.showcase-stage{top:76px;height:calc(100svh - 76px);min-height:630px}.showcase-meta{top:18px;font-size:.6rem;gap:15px}#story-motion{font-size:.7rem;padding:8px 10px}.showcase-vehicle{left:0!important;width:100%!important;top:40px;bottom:34%;transform:translateX(calc((var(--story-progress) - .5)*16px))}.showcase-vehicle video{object-fit:contain!important}.showcase-copy,.copy-right .showcase-copy,.story-intro .showcase-copy{left:6%;top:auto;bottom:150px;width:88%;padding:0;background:none}.showcase-copy h1{font-size:2rem;margin:10px 0}.showcase-copy p{font-size:.9rem;max-width:none}.story-number{font-size:.6rem}.story-lines{display:none}.story-intro .showcase-copy h1{font-size:2.5rem}.showcase-bottom{bottom:18px}.story-chapters{gap:5px}.story-chapters button{width:33px;height:33px;font-size:.75rem}.story-actions{font-size:.7rem;gap:8px}.story-actions .text-button{font-size:.75rem}.showcase-dialog-head h2{font-size:1.3rem}.no-scroll-motion{height:auto}}
.showcase-copy,.copy-right .showcase-copy{left:var(--copy-x,5%)}@media(max-width:700px){.showcase-copy,.copy-right .showcase-copy,.story-intro .showcase-copy{left:6%;opacity:1}}

.showcase-load{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 24px;border:1px solid #efe8ca55;background:#242722ee;color:var(--tan);max-width:85%;font:500 1rem/1.5 var(--serif)}.showcase-load[hidden]{display:none}.showcase-load button{margin-left:10px;padding:6px 12px}

/* A stationary detail stage: direct cuts, generous scroll time, no travel or zoom. */
.showcase-track{height:1600svh}.showcase-vehicle{left:32%;width:68%;top:65px;bottom:110px;transform:none;will-change:auto}.showcase-vehicle video,.story-intro .showcase-vehicle video{object-fit:contain}.showcase-copy,.copy-right .showcase-copy,.story-intro .showcase-copy{left:5%;top:30%;width:26%;padding:0;background:none;opacity:1}.showcase-copy h1{font-size:clamp(2rem,3.3vw,3.7rem)}.travel-line{display:none}
@media(max-width:700px){.showcase-track{height:1500svh}.showcase-vehicle{left:0!important;width:100%!important;top:45px;bottom:36%;transform:none}.showcase-copy,.copy-right .showcase-copy,.story-intro .showcase-copy{left:6%;top:auto;bottom:145px;width:88%}.showcase-copy h1{font-size:1.9rem}.story-actions{align-items:center}.story-chapters button{flex-shrink:0}}

/* Long supplied descriptions stay readable without covering the feature image. */
.showcase-copy,.copy-right .showcase-copy,.story-intro .showcase-copy{top:23%;bottom:145px;display:flex;flex-direction:column}.showcase-copy h1{flex-shrink:0;margin:15px 0 20px}.story-number{flex-shrink:0}#story-description{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding-right:12px;scrollbar-width:thin;scrollbar-color:var(--tan) transparent}#story-description p{font-size:1rem;line-height:1.55;max-width:none}#story-description p+p{margin-top:16px}#story-description:focus-visible{outline:1px solid var(--tan);outline-offset:4px}
@media(max-width:700px){.showcase-copy,.copy-right .showcase-copy,.story-intro .showcase-copy{top:auto;bottom:140px;max-height:34%}.showcase-copy h1{font-size:1.7rem;margin:10px 0 12px}#story-description p{font-size:.95rem;line-height:1.45}.showcase-vehicle{bottom:44%}}
