/* Somchai palette. iPhone-inspired treatment is limited to interactive controls. */
/* Shared section rule: a short red leading segment continues into quiet gray. */
#featured-ride{border-bottom:0}
#collection,#promotion,#why,#branches,#faq{position:relative;border-top:0;border-bottom:0;padding-block:56px}
#collection::before,#promotion::before,#why::before,#branches::before,#faq::before{content:"";position:absolute;z-index:0;top:0;left:5%;width:90%;height:1px;background:linear-gradient(to right,var(--red) 0 28px,#48484c 28px 100%);pointer-events:none;transform:none;border-radius:0;box-shadow:none}
#why::after{content:none}
/* Keep one red accent per section boundary; remove duplicate heading strokes. */
#collection .eyebrow::before,#promotion .eyebrow::before,#why .eyebrow::before,#branches .eyebrow::before,#faq .eyebrow::before{content:none;display:none}
@media(max-width:760px){#collection,#promotion,#why,#branches,#faq{padding-block:40px}#collection::before,#promotion::before,#why::before,#branches::before,#faq::before{left:16px;width:calc(100% - 32px)}}
:root{--bg:#080809;--panel:#1a1a1d;--red:#ee242e;--gold:#e4e4e8;color-scheme:dark}body,.detail-page{background:#080809;color:#f5f5f7}.reasons-first,.night-ride,.collection,.experience,.promotion,.branches,.faq,.community,.detail-intro,.detail-feature-heading,.detail-feature,.detail-spec-section,.detail-closing,.brochure-complete{background-color:#080809;background-image:linear-gradient(#080809dc,#080809dc),url('assets/edge-mist.png');background-position:center;background-size:cover;color:#f5f5f7}.night-ride{background-image:linear-gradient(#080809e8,#080809e8),url('assets/edge-mist.png')}.header,.detail-header{background:#080809f5;backdrop-filter:none}.reason-card,.branch-selector,.branch-detail,.social-links>a,.spin-shell{background:#1a1a1d;border:1px solid #ffffff17;box-shadow:0 12px 32px #0002;border-radius:18px}.reason-card h2,.reason-card strong,.collection-title,.promotion h2,.faq h2,.detail-intro h1,.detail-feature-copy h2{color:#f5f5f7}.collection .eyebrow,.collection .section-note,.promotion-copy>p,.faq .eyebrow,.faq details p,.detail-intro>.eyebrow,.detail-intro>p:not(.eyebrow),.detail-config>p,.detail-feature-heading p:not(.eyebrow){color:#aaaab2}.vehicle{background:#1a1a1d;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 14px 30px #0003}.vehicle-art{background:#fff!important}.color-panel{background:#1a1a1d;color:#eee;border-top:0}.vehicle-copy{color:#f5f5f7}.vehicle .description{color:#b9b9c1}.mini-specs{border-top-color:#ffffff18}.mini-specs b{color:#f5f5f7}.mini-specs small,.mini-specs svg{color:#a9a9b2;stroke:#aaaab2}.selected-color{color:#c6c6ce!important}.swatch-heading{color:#ddd}.color-panel .variant-picker,.detail-config .variant-picker{background:#333338}.color-panel .variant-picker button,.detail-config .variant-picker button{color:#ccc}.color-panel .color-swatch[aria-pressed=true],.detail-config .color-swatch[aria-pressed=true]{border-color:#f5f5f7}.detail-feature:nth-child(even){background-color:#141416;background-image:none}.detail-feature:nth-child(even) .detail-feature-image{order:0}.detail-feature-copy>p:not(.eyebrow){color:#b9b9c1}.detail-product{border-radius:18px}.detail-spec-section dl>div{border-bottom-color:#ffffff1a}.detail-spec-section dt{color:#aaaab2}.detail-spec-section dd{color:#f5f5f7}.faq details{border-bottom-color:#ffffff1a}.faq summary{color:#f5f5f7}.faq summary:after{color:#aaa}.campaign-full{background:#1a1a1d;border:1px solid #ffffff17;border-radius:18px}.campaign-full>span{color:#bdbdc6}.variant-spec{display:block;margin-bottom:10px}.variant-spec small{display:block;color:#aaaab2;font-size:13px}
/* Tactile capsule controls, unified symbols and segmented selections. */
.button,.header-contact,.night-inquiry,.learn-button,.map-link,.category{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;min-height:48px;padding:12px 22px;font-size:16px;font-weight:600;border:1px solid #ffffff15;box-shadow:inset 0 1px 0 #ffffff20,0 4px 12px #0003;transition:transform .18s ease,background .2s ease,box-shadow .2s ease}.red,.header-contact,.night-inquiry{background:linear-gradient(180deg,#f6323e,#e5202b);color:white}.button.secondary,.map-link,.category{background:linear-gradient(#36363b,#28282d);color:#eee}.category[aria-pressed=true]{background:linear-gradient(#f6323e,#e5202b);box-shadow:inset 0 1px 0 #ffffff20,0 4px 12px #0003}.learn-button{background:#343439;color:#f5f5f7;width:100%}.button:active,.category:active,.learn-button:active,.map-link:active,.header-contact:active{transform:scale(.97);box-shadow:inset 0 1px 2px #0002}.button:hover,.learn-button:hover,.map-link:hover{transform:none;filter:brightness(1.08)}.search{background:#252529;color:#aaa;border:1px solid #ffffff18}.search input{color:#eee}.search-clear{color:#bbb}.color-panel .variant-picker button[aria-pressed=true],.detail-config .variant-picker button[aria-pressed=true]{background:linear-gradient(#fafafa,#dedee3);color:#141416;box-shadow:0 2px 5px #0003}.hero-variants button:active,.variant-picker button:active{transform:scale(.97)}
/* Every page and every pixel of the supplied brochure, split for progressive loading. */
.brochure-complete{padding:70px 5%}.brochure-complete>h2,.brochure-complete>.eyebrow,.complete-intro{max-width:1050px;margin-left:auto;margin-right:auto}.brochure-complete h2{font-size:clamp(30px,4vw,46px)}.complete-intro{font-size:17px;color:#b5b5be;line-height:1.9;margin-top:22px;margin-bottom:36px}#brochure-pages{max-width:1050px;margin:auto;background:white;overflow:hidden;border-radius:16px}.brochure-panel{display:block;padding:0;border:0;border-radius:0;background:white;position:relative;width:100%;cursor:zoom-in}.brochure-panel img{width:100%;height:auto;display:block}.zoom-cue{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:8px;font-size:12px;border-radius:999px;background:#111d;color:white;padding:8px 12px;box-shadow:0 2px 8px #0002;opacity:0;transition:opacity .2s}.brochure-panel:hover .zoom-cue,.brochure-panel:focus-visible .zoom-cue{opacity:1}.brochure-zoom{padding:0;width:96vw;max-width:1500px;height:92dvh;max-height:92dvh;background:#111;color:white;border:1px solid #444;border-radius:18px;overflow:hidden}.brochure-zoom::backdrop{background:#000c}.zoom-close{position:absolute;z-index:2;right:15px;top:15px;border:1px solid #ffffff30;border-radius:999px;background:#252529ee;color:#fff;min-height:44px;padding:8px 20px;font-size:16px}.zoom-scroll{width:100%;height:100%;overflow:auto;touch-action:pan-x pan-y pinch-zoom;padding-top:70px;background:#fff}.zoom-scroll img{width:1800px;max-width:none;height:auto}.brochure-zoom[open]{display:block}
@media(max-width:760px){.category{padding:12px 6px;font-size:15px}.detail-feature{background-size:auto 100%}.brochure-complete{padding:50px 5%}.zoom-cue{opacity:1;font-size:11px}.brochure-zoom{width:100vw;height:94dvh;max-height:94dvh;border-radius:16px 16px 0 0}.zoom-scroll img{width:1200px}.hero-copy-actions .button{padding-inline:18px}.learn-button{font-size:16px}.complete-intro{font-size:16px}}@media(prefers-reduced-motion:reduce){.button,.category,.learn-button,.map-link,.hero-variants button,.variant-picker button{transition:none;transform:none!important}}

/* One sample: whole-photo body stays intact; only wheel layers turn. */
.pcx-wheel-layer{display:none;position:absolute;inset:0;pointer-events:none}.wheel-demo-ready .pcx-wheel-layer{display:block}.night-ride .giorno-motion.wheel-demo-ready>img{visibility:hidden}.pcx-wheel-scene{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 17px 12px #0007)}

/* Low ground dust behind both wheel contact patches, with no wheel blur. */
.pcx-dust-puff{opacity:0;animation:pcx-wheel-dust 3.2s ease-out infinite;animation-play-state:var(--dust-play-state,paused)}.dust-front-b{animation-delay:-1.6s}.dust-rear-a{animation-duration:3.6s;animation-delay:-.7s}.dust-rear-b{animation-duration:3.6s;animation-delay:-2.4s}@keyframes pcx-wheel-dust{0%{opacity:0;transform:translate(0,0)}20%{opacity:.5}65%{opacity:.28}100%{opacity:0;transform:translate(22px,-3px)}}@media(prefers-reduced-motion:reduce){.pcx-wheel-dust{display:none}}

/* Textured dust sits above the original photograph's ground shadow. */
.dust-contact{opacity:.55}.pcx-dust-puff{animation-name:pcx-wheel-dust-visible;animation-duration:2.5s}.dust-rear-a,.dust-rear-b{animation-duration:2.8s}@keyframes pcx-wheel-dust-visible{0%{opacity:.22;transform:translate(0,0)}25%{opacity:.95}65%{opacity:.65}100%{opacity:.22;transform:translate(28px,-4px)}}
/* Twelve untouched square posters, with controls outside the artwork. */
.promo-gallery{display:block;padding:75px 5%;min-width:0;overflow:hidden}.promo-heading{max-width:1050px;margin:0 auto 35px}.promo-heading .eyebrow:before{content:'';display:block;width:44px;height:3px;background:var(--red);margin-bottom:16px}.promo-heading h2{font-size:clamp(32px,4vw,52px);line-height:1.35}.promo-heading>p:last-child{color:#aaaab2;font-size:17px;margin-top:18px}.promo-window{max-width:1100px;margin:auto;overflow:hidden;padding:12px 0}.promo-viewport{width:60%;margin:0 auto;touch-action:pan-y;min-width:0}.promo-track{display:flex;gap:24px;width:100%;will-change:transform}.promo-slide{flex:0 0 100%;min-width:0;width:100%;padding:8px;border:1px solid #ffffff30;border-radius:22px;background:#202023;overflow:hidden;cursor:zoom-in}.promo-slide img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:15px}.promo-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:24px auto 15px}.promo-controls button,.promo-lightbox button{border:1px solid #ffffff25;color:#fff;background:linear-gradient(#38383d,#26262b);min-height:46px;padding:10px 18px;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff18;font-size:15px}.promo-controls>button:first-child,.promo-controls>button:last-child{width:48px;height:48px;padding:12px}.promo-controls .ui-icon{width:22px;height:22px}.promo-controls button:active{transform:scale(.97)}#promo-count{font-size:19px;color:#eee;font-variant-numeric:tabular-nums}.promo-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:500px;margin:0 auto 24px}.promo-dots button{width:16px;height:22px;padding:0;border:0;background:none;display:grid;place-items:center}.promo-dots button:before{content:'';width:7px;height:7px;border-radius:50%;background:#5b5b61}.promo-dots button[aria-pressed=true]:before{background:var(--red);width:9px;height:9px}.promo-caption{text-align:center;max-width:660px;margin:auto}.promo-caption h3{font-size:clamp(22px,3vw,30px);line-height:1.5}.promo-caption>p{color:#aaaab2;margin:12px 0 20px;font-size:16px}.promo-caption .promo-inquiry{width:100%;max-width:620px;min-height:54px;justify-content:center;font-size:17px;gap:13px}.promo-inquiry>.ui-icon:last-child{margin-left:auto}.promo-caption .fine{font-size:12px;margin-top:20px;line-height:1.8}.promo-lightbox{padding:0;width:96vw;max-width:1400px;height:94dvh;max-height:94dvh;border:1px solid #444;border-radius:20px;background:#101012;color:white;overflow:hidden}.promo-lightbox[open]{display:flex;flex-direction:column}.promo-lightbox::backdrop{background:#000d}.promo-lightbox-bar{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid #ffffff18;flex:none}.promo-lightbox-bar strong{margin-right:auto;font-size:16px}.promo-image-scroll{overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-x pan-y pinch-zoom}.promo-image-scroll img{display:block;width:auto;max-width:100%;max-height:100%;height:auto;object-fit:contain}.promo-image-scroll.zoomed{display:block}.promo-image-scroll.zoomed img{width:1280px;max-width:none;max-height:none;height:auto}.promo-lightbox-nav{display:flex;justify-content:center;align-items:center;gap:25px;padding:12px;flex:none;border-top:1px solid #ffffff18}.promo-lightbox-nav button{padding:10px 15px}.promo-lightbox-nav .ui-icon{width:20px;height:20px}@media(max-width:760px){.promo-gallery{padding:50px 5%}.promo-heading{margin-bottom:24px}.promo-heading h2{font-size:34px}.promo-heading>p:last-child{font-size:15px}.promo-window{overflow:hidden}.promo-viewport{width:100%;margin:0}.promo-slide{padding:6px;border-radius:18px}.promo-slide img{border-radius:12px}.promo-controls{gap:16px}.promo-caption .promo-inquiry{font-size:15px;padding:13px 18px;gap:10px}.promo-lightbox-bar{padding:10px;gap:6px}.promo-lightbox-bar strong{font-size:14px}.promo-lightbox button{font-size:14px;padding:10px 14px}.promo-lightbox{width:100vw;height:94dvh;border-radius:16px 16px 0 0}}@media(prefers-reduced-motion:reduce){.promo-track{transition:none!important}}

/* Preserve complete original PDF highlight panels. */
.detail-feature-image img{object-fit:contain}
