:root{
  --paper:#f1f0ea;
  --paper-2:#e3e1d8;
  --paper-3:#d7d4ca;
  --ink:#101518;
  --muted:#667078;
  --line:#c3c5bf;
  --blue:#1269b0;
  --dark:#0a1116;
  --dark-2:#111b22;
  --white:#fff;
  --max:1540px;
  --pad:clamp(22px,4.2vw,76px);
  --sans:"Noto Sans JP",sans-serif;
  --mono:"Roboto Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-feature-settings:"palt" 1,"kern" 1;font-kerning:normal;text-rendering:optimizeLegibility;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
::selection{background:#b9d8ff;color:#08131e}
.progress{position:fixed;z-index:1200;left:0;top:0;width:100%;height:3px;background:transparent}.progress i{display:block;width:0;height:100%;background:#1675bf}
.site-header{position:fixed;z-index:1000;inset:0 0 auto;height:80px;padding:0 var(--pad);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px;background:rgba(215,212,202,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(83,82,76,.2);transition:height .28s ease,background .28s ease}.site-header.scrolled{height:68px;background:rgba(215,212,202,.97)}
.brand-lockup{display:flex;align-items:center;gap:10px}.brand-lockup img{width:164px;height:auto}.brand-lockup span,.footer-brand span{font:600 10px/1 var(--mono);letter-spacing:.2em;color:#434b50}.desktop-nav{justify-self:center;display:flex;gap:clamp(17px,2vw,34px);font:500 10px/1 var(--mono);letter-spacing:.1em}.desktop-nav a{position:relative;padding:8px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--ink);transition:right .25s}.desktop-nav a:hover:after{right:0}.store-link{font:600 11px/1 var(--mono);letter-spacing:.08em;display:flex;align-items:center;gap:10px}.store-link span{font-size:18px}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:12px}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:6px 0}.mobile-panel{display:none}
.kicker{margin:0 0 22px;font:600 11px/1.4 var(--mono);letter-spacing:.14em;color:#4b5962}.kicker.light{color:#dce5ea}.kicker.inverse{color:#8da5b4}.section-index{font:500 10px/1 var(--mono);letter-spacing:.18em;color:#7c888f}.section-index.dark{color:#59656b}.section-index:after{content:"";display:inline-block;vertical-align:middle;width:54px;height:1px;margin-left:12px;background:currentColor}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:220px;padding:17px 20px;border:1px solid var(--ink);font-size:13px;font-weight:600;transition:.25s}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{background:var(--blue);border-color:var(--blue)}.btn-light{border-color:#f2f2ee;background:#f2f2ee;color:#11181c}.btn-light:hover{background:#fff}.btn span{font-size:18px}
.cover{position:relative;min-height:100svh;color:#fff;overflow:hidden;background:#0a1015}.cover-photo,.cover-photo img,.cover-shade{position:absolute;inset:0;width:100%;height:100%}.cover-photo img{object-fit:cover;object-position:center 58%}.cover-shade{background:linear-gradient(90deg,rgba(4,9,13,.88) 0%,rgba(4,9,13,.67) 33%,rgba(4,9,13,.18) 66%,rgba(4,9,13,.08) 100%),linear-gradient(0deg,rgba(3,7,10,.55),transparent 48%)}
.cover-copy{position:relative;z-index:2;padding:clamp(150px,17vh,220px) var(--pad) 120px;max-width:min(900px,67vw)}.cover h1{margin:0;font:700 clamp(54px,6.5vw,112px)/.92 var(--sans);letter-spacing:-.06em}.cover h1 em{font-style:normal;font-weight:500;color:#d7d4ca}.cover-jp{margin:34px 0 0;font-size:clamp(15px,1.18vw,19px);line-height:2;color:#e8eceb}.cover-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.cover-link{font-size:13px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:6px}.cover-spec{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:38px;display:flex;gap:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.26);font:500 9px/1 var(--mono);letter-spacing:.12em;color:#d1d9dd}
.product-intro{max-width:var(--max);margin:auto;padding:130px var(--pad);display:grid;grid-template-columns:minmax(390px,.82fr) minmax(500px,1.18fr);gap:clamp(40px,7vw,120px);align-items:center}.product-copy{max-width:590px}.product-copy h2,.problem h2,.inside h2,.detail-heading h2,.proof h2,.installed h2,.made h2,.japan h2,.motorsport h2,.dealer h2,.faq h2{margin:0;font-size:clamp(40px,4.15vw,72px);line-height:1.12;letter-spacing:-.045em;font-weight:650}.product-copy>p:not(.kicker){font-size:16px;line-height:2;color:#58636a;margin:28px 0 0}.product-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:44px 0 0;padding-top:18px;border-top:1px solid var(--line)}.product-facts div{display:grid;gap:6px}.product-facts dt{font:500 9px/1 var(--mono);letter-spacing:.1em;color:#718087}.product-facts dd{margin:0;font:600 11px/1.35 var(--mono)}
.product-visual{position:relative;min-height:650px;margin:0;display:grid;place-items:center;overflow:visible;background:transparent}.product-halo{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(25,37,44,.2);box-shadow:0 0 0 70px rgba(255,255,255,.12),0 0 0 145px rgba(255,255,255,.08)}.product-cutout{position:relative;z-index:2;width:min(660px,86%);height:580px;object-fit:contain;filter:drop-shadow(0 34px 30px rgba(18,24,28,.24));transition:opacity .28s ease,transform .16s ease}.product-visual figcaption{position:absolute;z-index:3;left:28px;bottom:24px;display:grid;gap:5px;font:500 9px/1.3 var(--mono);letter-spacing:.1em;color:#57636a}.product-visual figcaption b{color:#1269b0}
.signal-strip{overflow:hidden;border-block:1px solid var(--line);background:#deddd5;padding:16px 0}.signal-marquee{display:flex;width:max-content;align-items:center;gap:28px;animation:marquee 30s linear infinite;font:500 10px/1 var(--mono);letter-spacing:.12em;color:#536169}.signal-marquee i{width:5px;height:5px;border-radius:50%;background:var(--blue)}
.problem{background:var(--dark);color:#f2f5f4;padding:130px var(--pad);display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(40px,6vw,100px);position:relative}.problem>.section-index{position:absolute;top:50px;left:var(--pad);color:#53616a}.problem-copy{align-self:center;max-width:560px}.problem-copy>p:not(.kicker){font-size:16px;line-height:2;color:#aab5ba;margin:27px 0 0}.problem-copy strong{color:#fff}.torsion-lab{border-top:1px solid #2a3942;border-bottom:1px solid #2a3942;background:#0d151b;align-self:center;min-width:0}.lab-head{height:48px;border-bottom:1px solid #27333a;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:500 9px/1 var(--mono);letter-spacing:.1em;color:#69808e}.torsion-lab canvas{width:100%;height:auto;display:block}.lab-legend{display:flex;gap:25px;padding:14px 18px;border-top:1px solid #27333a;font:500 9px/1 var(--mono);color:#738692}.lab-legend i{display:inline-block;width:15px;height:2px;margin-right:8px;vertical-align:middle}.lab-legend .pulse{background:#d94848}.lab-legend .wave{background:#42a1ff}.problem-note{grid-column:2;border-top:1px solid #27333a;padding-top:16px;display:flex;gap:24px;justify-content:space-between}.problem-note span{font:600 10px/1 var(--mono);letter-spacing:.1em;color:#87a3b5}.problem-note p{margin:0;color:#87949b;font-size:13px}
.inside{background:#d7d4ca}.inside-wrap{max-width:var(--max);margin:auto;padding:130px var(--pad);display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(42px,7vw,120px);align-items:center;position:relative}.inside-wrap>.section-index{position:absolute;top:52px;left:var(--pad)}.inside-copy{max-width:620px}.inside-lead{font-size:16px;line-height:2;color:#566168;margin:28px 0 0}.component-list{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid #b7b7b0}.component-list li{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:19px 0;border-bottom:1px solid #b7b7b0;opacity:.48;transition:.25s}.component-list li.active,.component-list li:hover{opacity:1;transform:translateX(5px)}.component-list li>span{font:600 10px/1.2 var(--mono);color:var(--blue)}.component-list strong{font:600 19px/1.2 var(--mono)}.component-list p{margin:7px 0 0;color:#5d686f;line-height:1.8;font-size:14px}.silicone-window{margin-top:30px;padding:22px 0;border-top:1px solid #aeb0aa;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:8px 22px}.silicone-window span,.silicone-window small{font:500 9px/1.3 var(--mono);letter-spacing:.1em;color:#637078}.silicone-window strong{font:600 27px/1 var(--mono)}.silicone-window strong i{font-style:normal;font-size:12px;color:#6f7a81}.silicone-window small{grid-column:1/-1}
.cutaway-visual{margin:0;min-width:0}.cutaway-field{position:relative;min-height:690px;display:grid;place-items:center;overflow:visible;background:transparent}.cutaway-orbit{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(34,45,51,.34);animation:ringSpin 30s linear infinite}.cutaway-orbit:before,.cutaway-orbit:after{content:"";position:absolute;inset:11%;border:1px solid rgba(34,45,51,.22);border-radius:50%}.cutaway-orbit:after{inset:24%}.cutaway-img{position:relative;z-index:2;width:88%;height:650px;object-fit:contain;filter:drop-shadow(0 30px 30px rgba(20,27,31,.18))}.cutaway-visual figcaption{margin-top:10px;font:500 9px/1 var(--mono);letter-spacing:.12em;color:#69747a}
.detail-study{padding:130px var(--pad);max-width:var(--max);margin:auto}.detail-heading{max-width:660px;margin-bottom:66px}.detail-heading>p:last-child{font-size:16px;line-height:2;color:#5c686f;margin-top:28px}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:minmax(360px,520px) auto;gap:22px}.detail-grid figure{margin:0;position:relative;overflow:hidden;background:#d8d7d0}.detail-grid img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.detail-grid figure:hover img{transform:scale(1.025)}.detail-main{grid-row:1/3;min-height:760px}.detail-sub{min-height:520px}.detail-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(0deg,rgba(8,13,16,.8),transparent);color:#fff;display:flex;justify-content:space-between;gap:18px;align-items:end;font:500 9px/1.35 var(--mono);letter-spacing:.08em}.detail-grid figcaption b{font-size:11px}.detail-note{padding:24px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr;gap:28px}.detail-note span{font:600 10px/1.3 var(--mono);letter-spacing:.1em;color:#5d6c74}.detail-note p{margin:0;line-height:1.8;color:#68737a;font-size:13px}
.proof{background:#10212d;color:#eef4f6;padding:130px var(--pad);position:relative}.proof>.section-index{position:absolute;top:50px;left:var(--pad);color:#698191}.proof-intro{max-width:780px}.proof-intro p:last-child{font-size:16px;line-height:2;color:#aebbc2;margin:28px 0 0}.proof-media{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:60px}.proof-media figure{margin:0;position:relative;overflow:hidden;background:#e6e7e2;min-height:500px}.proof-media img{width:100%;height:100%;object-fit:cover}.proof-chart img{object-fit:contain;padding:20px}.proof-media figcaption{position:absolute;left:18px;bottom:16px;padding:8px 10px;background:rgba(8,14,18,.76);font:500 8px/1 var(--mono);letter-spacing:.1em;color:#fff}
.installed{display:grid;grid-template-columns:1.08fr .92fr;min-height:760px;background:#e0dfd8;overflow:hidden}.installed-image{min-height:760px;overflow:hidden}.installed-image img{width:100%;height:108%;object-fit:cover}.installed-copy{padding:100px var(--pad);align-self:center;max-width:680px}.installed-copy>p:not(.kicker){font-size:16px;line-height:2;color:#59646a;margin:28px 0}.caption-line{font:500 9px/1 var(--mono);letter-spacing:.1em;color:#68767e}
.made{max-width:var(--max);margin:auto;padding:130px var(--pad);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(42px,7vw,110px);align-items:center;position:relative}.made>.section-index{position:absolute;top:52px;left:var(--pad)}.made-photo{margin:0;min-height:610px;position:relative;overflow:hidden;background:#d8d7d0}.made-photo img{width:100%;height:100%;object-fit:cover}.made-photo span{position:absolute;left:20px;bottom:18px;background:rgba(12,17,20,.8);color:#fff;padding:9px 11px;font:500 9px/1 var(--mono);letter-spacing:.1em}.made-copy>p:not(.kicker){font-size:16px;line-height:2;color:#5d686e;margin:28px 0}.made-specs{margin-top:38px;border-top:1px solid var(--line)}.made-specs div{display:grid;grid-template-columns:150px 1fr;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.made-specs span{font:500 9px/1 var(--mono);letter-spacing:.1em;color:#6d777d}.made-specs strong{font:600 12px/1.3 var(--mono)}
.japan{padding:130px 0 120px;background:#ecebe5}.japan>.section-index{margin-left:var(--pad)}.japan-head{display:grid;grid-template-columns:1fr .72fr;gap:60px;align-items:end;margin:45px var(--pad) 52px;max-width:var(--max)}.japan-head>p{margin:0;max-width:540px;font-size:15px;line-height:2;color:#5c686f}.platform-rail{display:flex;gap:18px;overflow-x:auto;padding:0 var(--pad) 18px;scroll-snap-type:x mandatory;scrollbar-width:none}.platform-rail::-webkit-scrollbar{display:none}.platform-card{flex:0 0 min(430px,76vw);height:570px;scroll-snap-align:start;position:relative;background:#d2d0c7;display:grid;grid-template-rows:1fr auto;overflow:hidden}.platform-no{position:absolute;z-index:4;left:18px;top:18px;font:500 9px/1 var(--mono);letter-spacing:.1em;color:#6a7378}.platform-image{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;padding:18px 22px 8px}.platform-image:before{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(48,57,61,.17)}.product-normalized{position:relative;z-index:2;width:78%;height:78%;object-fit:contain;transform-origin:center;filter:drop-shadow(0 20px 17px rgba(22,28,31,.18));transition:filter .35s ease,opacity .28s ease}.platform-card:hover .product-normalized{filter:drop-shadow(0 24px 20px rgba(22,28,31,.22))}.platform-copy{padding:24px 24px 28px;border-top:1px solid rgba(84,87,83,.2);background:#e3e1d8}.platform-copy span,.platform-copy p{font:500 9px/1.3 var(--mono);letter-spacing:.08em;color:#647077}.platform-copy h3{margin:8px 0 8px;font-size:25px;line-height:1.2;letter-spacing:-.02em}.platform-copy p{margin:0}.rail-controls{display:flex;align-items:center;gap:18px;margin:18px var(--pad) 0}.rail-controls button{width:46px;height:46px;border:1px solid #a8aba6;background:transparent;cursor:pointer}.rail-controls button:disabled{opacity:.28;cursor:default;pointer-events:none}.rail-line{width:180px;height:1px;background:#b8bbb6;overflow:hidden}.rail-line i{display:block;width:22%;height:100%;background:#202a2f;transform:translateX(0);transition:transform .2s}
.motorsport{position:relative;min-height:790px;color:#fff;display:flex;align-items:flex-end;overflow:hidden;background:#050a0e}.motorsport-bg{position:absolute;inset:-4% 0}.motorsport-bg img{width:100%;height:100%;object-fit:cover}.motorsport:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,14,.78),rgba(5,10,14,.22) 60%,rgba(5,10,14,.12)),linear-gradient(0deg,rgba(5,10,14,.7),transparent 58%)}.motorsport-copy{position:relative;z-index:2;padding:110px var(--pad);max-width:800px}.motorsport-copy p:last-child{font-size:16px;line-height:2;color:#ced6da;margin:28px 0 0}
.dealer{background:#b9c4c5;padding:130px var(--pad);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(46px,8vw,130px);align-items:center;position:relative}.dealer>.section-index{position:absolute;left:var(--pad);top:50px}.dealer-copy{max-width:620px}.dealer-copy>p:not(.kicker){font-size:16px;line-height:2;color:#445157;margin:28px 0 32px}.dealer-signature{min-height:430px;display:grid;grid-template-rows:1fr auto 1fr;align-items:center;padding:46px 0;border-top:1px solid rgba(33,45,49,.28);border-bottom:1px solid rgba(33,45,49,.28)}.dealer-fluidampr img{width:min(420px,76%);margin:auto}.dealer-r70 img{width:min(280px,55%);margin:auto}.dealer-word{text-align:center;font:600 10px/1 var(--mono);letter-spacing:.17em;color:#47565b}
.faq{max-width:var(--max);margin:auto;padding:120px var(--pad);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(45px,8vw,120px)}.faq-head{max-width:520px}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:24px 42px 24px 0;position:relative;font-size:15px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary span,.faq summary span:after{position:absolute;right:4px;top:50%;width:18px;height:1px;background:#303a3f;content:""}.faq summary span:after{right:0;top:0;transform:rotate(90deg);transition:.2s}.faq details[open] summary span:after{transform:rotate(0)}.faq details p{margin:0;padding:0 55px 26px 0;font-size:14px;line-height:1.9;color:#657077}
.site-footer{background:#d7d4ca;color:#1d262a;padding:58px var(--pad) 30px;border-top:1px solid rgba(57,63,63,.2)}.footer-main{display:grid;grid-template-columns:auto 1fr auto;gap:44px;align-items:center}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:170px}.footer-main>p{margin:0;font:500 9px/1.65 var(--mono);letter-spacing:.1em;color:#5e686c}.footer-store{font:600 11px/1 var(--mono);letter-spacing:.08em}.footer-r70{display:flex;align-items:center;gap:20px;margin-top:44px;padding-top:28px;border-top:1px solid rgba(57,63,63,.2)}.footer-r70 img{width:180px}.footer-r70 span{font:500 9px/1 var(--mono);letter-spacing:.12em;color:#566266}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:18px;border-top:1px solid rgba(57,63,63,.2);font:500 8px/1.4 var(--mono);letter-spacing:.08em;color:#647074}

/* Persistent page controller: Fluidampr-specific navigation, not a hero-only scroll cue. */
.page-scroll-controller{position:fixed;z-index:930;right:clamp(12px,1.45vw,28px);top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:10px;color:#182126;transition:color .25s ease,opacity .25s ease;isolation:isolate}
.page-scroll-controller.is-dark{color:#f1f3f1}
.page-scroll-btn{appearance:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:inherit;background:rgba(229,227,219,.78);box-shadow:0 8px 28px rgba(8,14,18,.10);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:500 18px/1 var(--mono);transition:transform .2s ease,background .2s ease,opacity .2s ease}
.page-scroll-controller.is-dark .page-scroll-btn{background:rgba(6,13,17,.62);box-shadow:0 8px 28px rgba(0,0,0,.20)}
.page-scroll-btn:hover{transform:scale(1.07)}
.page-scroll-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.page-scroll-btn:disabled{opacity:.28;cursor:default;transform:none}
.page-scroll-status{display:grid;justify-items:center;gap:5px;min-width:72px;text-shadow:0 1px 10px rgba(255,255,255,.25)}
.page-scroll-controller.is-dark .page-scroll-status{text-shadow:0 1px 12px rgba(0,0,0,.45)}
.page-scroll-count{display:flex;align-items:baseline;gap:4px;font:500 9px/1 var(--mono);letter-spacing:.08em}
.page-scroll-count b{font-size:11px;font-weight:600}.page-scroll-count i{font-style:normal;opacity:.45}.page-scroll-count em{font-style:normal;opacity:.6}
.page-scroll-label{max-width:92px;text-align:center;font:600 8px/1.25 var(--mono);letter-spacing:.11em;white-space:nowrap}
.page-scroll-track{position:relative;width:1px;height:92px;background:currentColor;opacity:.28;overflow:hidden}
.page-scroll-track i{position:absolute;left:0;top:0;width:100%;height:100%;background:currentColor;transform:scaleY(0);transform-origin:top;transition:transform .14s linear;opacity:1}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes scrollLine{0%,15%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@media(max-width:1120px){
  .desktop-nav,.store-link{display:none}.menu-toggle{display:block;grid-column:3}.site-header{grid-template-columns:auto 1fr auto}.mobile-panel{position:fixed;z-index:950;inset:68px 0 auto;background:rgba(215,212,202,.98);padding:28px var(--pad) 34px;display:grid;gap:0;transform:translateY(-130%);transition:.35s;border-bottom:1px solid rgba(58,63,63,.2)}.mobile-panel.open{transform:none}.mobile-panel a{padding:14px 0;border-bottom:1px solid rgba(58,63,63,.2);font-size:14px}.mobile-panel .mobile-store{margin-top:15px;border:0;background:var(--ink);color:#fff;padding:16px}
  .cover-copy{max-width:80vw}.product-intro,.inside-wrap,.made,.dealer{grid-template-columns:1fr}.product-copy,.inside-copy,.made-copy,.dealer-copy{max-width:760px}.product-visual{min-height:650px}.problem{grid-template-columns:1fr}.problem-note{grid-column:1}.detail-grid{grid-template-columns:1fr}.detail-main{grid-row:auto;min-height:620px}.detail-sub{min-height:520px}.proof-media{grid-template-columns:1fr}.installed{grid-template-columns:1fr}.installed-image{min-height:620px}.japan-head{grid-template-columns:1fr}.faq{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr auto}.footer-main>p{grid-column:1/-1;grid-row:2}.motorsport{min-height:720px}
}
@media(max-width:720px){
  :root{--pad:20px}.site-header{height:68px}.brand-lockup img{width:138px}.brand-lockup span{font-size:8px}.cover{min-height:780px}.cover-photo img{object-position:62% center}.cover-shade{background:linear-gradient(0deg,rgba(4,9,13,.78),rgba(4,9,13,.14) 67%),linear-gradient(90deg,rgba(4,9,13,.55),rgba(4,9,13,.05))}.cover-copy{max-width:none;padding-top:150px;padding-bottom:150px}.cover h1{font-size:clamp(46px,14vw,68px)}.cover-jp{font-size:14px;line-height:1.85}.cover-actions{align-items:flex-start;flex-direction:column}.cover-spec{flex-wrap:wrap;gap:10px 20px;bottom:24px}
  .product-intro,.problem,.inside-wrap,.detail-study,.proof,.made,.dealer,.faq{padding-top:96px;padding-bottom:86px}.product-copy h2,.problem h2,.inside h2,.detail-heading h2,.proof h2,.installed h2,.made h2,.japan h2,.motorsport h2,.dealer h2,.faq h2{font-size:clamp(36px,10vw,52px)}.product-facts{grid-template-columns:1fr;gap:0}.product-facts div{padding:10px 0;border-bottom:1px solid var(--line)}.product-visual{min-height:470px}.product-cutout{height:430px;width:95%}
  .problem-copy>p:not(.kicker),.inside-lead,.proof-intro p:last-child,.installed-copy>p:not(.kicker),.made-copy>p:not(.kicker),.motorsport-copy p:last-child,.dealer-copy>p:not(.kicker){font-size:14px}.lab-head span:last-child{display:none}.problem-note{display:grid}.cutaway-field{min-height:470px}.cutaway-img{height:450px;width:96%}.silicone-window{grid-template-columns:1fr}.detail-main{min-height:500px}.detail-sub{min-height:430px}.detail-grid figcaption{align-items:start;flex-direction:column}.detail-note{grid-template-columns:1fr}.proof-media{margin-top:40px}.proof-media figure{min-height:320px}.installed-image{min-height:500px}.installed-copy{padding:70px var(--pad)}.made-photo{min-height:430px}.made-specs div{grid-template-columns:120px 1fr}.japan{padding-top:96px;padding-bottom:90px}.japan-head{margin:38px var(--pad)}.platform-card{flex-basis:84vw;height:510px}.platform-image{padding:20px}.product-normalized{width:88%;height:88%}.motorsport{min-height:680px}.motorsport:after{background:linear-gradient(0deg,rgba(5,10,14,.9) 5%,rgba(5,10,14,.28) 70%)}.motorsport-copy{padding:74px var(--pad)}.dealer-signature{min-height:320px}.dealer-fluidampr img{width:78%}.dealer-r70 img{width:52%}.faq summary{font-size:14px;line-height:1.65}.footer-main{grid-template-columns:1fr}.footer-main>p{grid-column:auto;grid-row:auto}.footer-store{justify-self:start}.footer-r70{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}
}

@media(max-width:720px){
  .page-scroll-controller{top:auto;right:14px;bottom:16px;transform:none;grid-template-columns:40px auto 40px;gap:7px;align-items:center;color:#182126}
  .page-scroll-controller.is-dark{color:#f1f3f1}
  .page-scroll-btn{width:40px;height:40px;font-size:16px}
  .page-scroll-status{min-width:54px;padding:5px 4px;gap:3px;background:rgba(229,227,219,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:2px}
  .page-scroll-controller.is-dark .page-scroll-status{background:rgba(6,13,17,.62)}
  .page-scroll-label{display:none}.page-scroll-count{font-size:8px}.page-scroll-track{display:none}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* v4.5 — deterministic image presentation ---------------------------------
   Processed transparent PNGs are the primary source. If a processed file is
   missing, .studio-fallback makes the original white-background studio image
   blend into the section instead of exposing a white rectangle. */
.asset-missing{display:none!important}
.studio-fallback{mix-blend-mode:multiply;background:transparent!important;box-shadow:none!important}

.product-visual{min-height:620px}
.product-cutout{width:min(680px,88%);height:570px;object-fit:contain;object-position:center;filter:drop-shadow(0 34px 30px rgba(18,24,28,.22))}
.product-cutout.studio-fallback{width:min(760px,98%);height:610px;filter:none}

.cutaway-field{min-height:650px}
.cutaway-img{width:min(720px,92%);height:620px;object-fit:contain;object-position:center;filter:drop-shadow(0 28px 26px rgba(20,27,31,.16))}
.cutaway-img.studio-fallback{width:min(790px,100%);height:650px;filter:none}

/* The two close-up study images are manufacturer studio photography.
   Treat the pale studio background as part of the paper rather than a card. */
.detail-grid figure{background:#e2e0d7}
.detail-grid img{object-fit:contain;object-position:center;mix-blend-mode:multiply;background:transparent}
.detail-main img{width:112%;height:112%;max-width:none;margin:-6%}
.detail-sub img{width:124%;height:124%;max-width:none;margin:-12%}
.detail-grid figure:hover img{transform:none}

/* Measured-data chart intentionally remains a white document surface. */
.proof-chart img{mix-blend-mode:normal;background:#fff}

/* Product rail: one visual stage, one apparent scale. */
.platform-card{height:560px;background:#d7d5cc;grid-template-rows:minmax(0,1fr) auto}
.platform-image{height:405px;padding:28px 28px 18px;background:#d7d5cc;isolation:isolate}
.platform-image:before{width:67%;border-color:rgba(48,57,61,.14)}
.product-normalized{width:82%;height:82%;max-width:none;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 18px rgba(22,28,31,.16));transition:filter .3s ease}
.product-normalized.studio-fallback{width:100%;height:100%;filter:none;mix-blend-mode:multiply}
.platform-card:nth-child(1) .product-normalized.studio-fallback{width:112%;height:112%}
.platform-card:nth-child(2) .product-normalized.studio-fallback{width:122%;height:122%}
.platform-card:nth-child(3) .product-normalized.studio-fallback{width:104%;height:104%}
.platform-card:nth-child(4) .product-normalized.studio-fallback{width:118%;height:118%}
.platform-copy{position:relative;z-index:3}

/* Photo sections must always fill their photographic frame, never inherit
   product-image blending/cropping rules. */
.proof-photo img,.installed-image img,.made-photo img,.motorsport-bg img{mix-blend-mode:normal}

@media(max-width:1120px){
  .product-visual{min-height:590px}.product-cutout{height:535px}.product-cutout.studio-fallback{height:575px}
  .cutaway-field{min-height:590px}.cutaway-img{height:560px}.cutaway-img.studio-fallback{height:590px}
  .platform-image{height:390px}
}
@media(max-width:720px){
  .product-visual{min-height:440px}.product-cutout{height:400px;width:94%}.product-cutout.studio-fallback{height:430px;width:108%}
  .cutaway-field{min-height:430px}.cutaway-img{height:405px;width:96%}.cutaway-img.studio-fallback{height:430px;width:108%}
  .detail-main img{width:118%;height:118%;margin:-9%}.detail-sub img{width:136%;height:136%;margin:-18%}
  .platform-card{height:500px}.platform-image{height:350px;padding:20px 18px 12px}.product-normalized{width:84%;height:84%}
}

/* v4.5 detail-study rebalance: two intentional technical plates, not one
   oversized crop plus a leftover side tile. */
.detail-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:560px auto;gap:22px}
.detail-main{grid-row:auto;min-height:0}.detail-sub{min-height:0}
.detail-grid figure{height:560px}
.detail-note{grid-column:1/-1}
.detail-main img{width:110%;height:110%;margin:-5%}
.detail-sub img{width:138%;height:138%;margin:-19%}
@media(max-width:1120px){
  .detail-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:18px}
  .detail-grid figure{height:clamp(430px,68vw,620px)}
  .detail-note{grid-column:auto}
}
@media(max-width:720px){
  .detail-grid figure{height:420px}
  .detail-main img{width:116%;height:116%;margin:-8%}
  .detail-sub img{width:148%;height:148%;margin:-24%}
}

/* v4.6 — photographic frame audit -----------------------------------------
   Photography and product cutouts are different media types. Photo frames
   must have a definite box; never combine min-height-only parents with
   percentage-height images. */
.detail-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:start;
}
.detail-grid figure{
  height:auto;
  min-height:0;
  aspect-ratio:3 / 2;
  background:#deddd6;
}
.detail-grid img,
.detail-main img,
.detail-sub img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  margin:0;
  object-fit:cover;
  object-position:center;
  mix-blend-mode:normal;
}
.detail-note{grid-column:1 / -1}

.proof-media{align-items:start}
.proof-media figure{
  height:auto;
  min-height:0;
  aspect-ratio:3 / 2;
  position:relative;
}
.proof-media img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.proof-chart img{
  box-sizing:border-box;
  object-fit:contain;
  padding:clamp(14px,1.5vw,24px);
}

.installed-image{
  position:relative;
  min-height:0;
  height:clamp(600px,52vw,760px);
  overflow:hidden;
}
.installed-image img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:none;
}

.made-photo{
  position:relative;
  min-height:0;
  height:auto;
  aspect-ratio:3 / 2;
  overflow:hidden;
  background:#d8d7d0;
}
.made-photo img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.made-photo span{z-index:2}

@media(max-width:1120px){
  .detail-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:18px}
  .detail-grid figure{height:auto;aspect-ratio:3 / 2}
  .detail-note{grid-column:auto}
  .proof-media figure{height:auto;min-height:0;aspect-ratio:3 / 2}
  .installed-image{height:clamp(520px,64vw,720px);min-height:0}
  .made-photo{height:auto;min-height:0;aspect-ratio:3 / 2}
}
@media(max-width:720px){
  .detail-grid figure{height:auto;aspect-ratio:3 / 2}
  .detail-main img,.detail-sub img{width:100%;height:100%;margin:0}
  .proof-media figure{height:auto;min-height:0;aspect-ratio:3 / 2}
  .proof-chart img{padding:12px}
  .installed-image{height:430px;min-height:0}
  .made-photo{height:auto;min-height:0;aspect-ratio:3 / 2}
}

/* v4.7 production-asset rule
   Manufacturer studio photography is used as the source of truth. White/near-white
   studio backgrounds are blended into the site's light engineering surfaces instead
   of being presented as rectangular image cards. */
.product-cutout.studio-source,
.cutaway-img.studio-source,
.product-normalized.studio-source{
  mix-blend-mode:multiply;
  background:transparent!important;
  box-shadow:none!important;
}
.product-cutout.studio-source,
.cutaway-img.studio-source{filter:none!important}
.product-normalized.studio-source{filter:none!important}