:root{--bg:#080808;--panel:#101010;--panel2:#151515;--text:#f3f3f3;--muted:#aaa;--line:#242424;--bronze:#b8844a;--bronze2:#d09a60;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65;border-left:4px solid var(--bronze);padding-top:66px}img{display:block;max-width:100%}a{color:inherit}.site-nav{position:fixed;z-index:1000;top:0;left:4px;right:0;height:66px;background:rgba(8,8,8,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center}.site-nav ul{display:flex;gap:clamp(15px,4vw,40px);list-style:none;padding:0;margin:0}.site-nav a{text-decoration:none;color:#aaa;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.site-nav a:hover,.site-nav a.active{color:var(--bronze2)}.wrap{width:min(var(--max),calc(100% - 34px));margin:auto}.hero{min-height:78vh;display:grid;align-items:end;background:linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.7) 52%,rgba(5,5,5,.2) 100%),url('images/r34-development.jpg') center/cover;border-bottom:1px solid var(--line)}.hero-inner{padding:clamp(60px,10vw,120px) 0}.hero-logo{width:min(470px,90%);filter:drop-shadow(0 10px 30px #000);margin-bottom:20px}.eyebrow{color:var(--bronze2);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem}.hero h1,.page-hero h1{font-size:clamp(2.7rem,7vw,5.8rem);line-height:.98;letter-spacing:-.045em;margin:.45rem 0 1.3rem}.lead{font-size:clamp(1rem,2vw,1.2rem);color:#c3c3c3;max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:12px 18px;border:1px solid var(--bronze);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800}.btn.primary{background:var(--bronze);color:#080808}.btn:hover{background:var(--bronze2);color:#080808}.section{padding:clamp(58px,8vw,96px) 0;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:28px}.section-title:before{content:'';width:3px;height:42px;background:var(--bronze);flex:none}.section-title h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.08;margin:0}.section-copy{max-width:760px;color:#bbb}.split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(26px,5vw,64px);align-items:center}.media{border:1px solid var(--line);background:#111;overflow:hidden}.media img{width:100%;height:100%;object-fit:cover}.media.landscape{aspect-ratio:16/10}.media.portrait{aspect-ratio:4/5}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(180deg,#121212,#0d0d0d);border:1px solid var(--line);padding:18px;transition:.2s}.card:hover{border-color:#6f5235;transform:translateY(-3px)}.card-image{aspect-ratio:4/3;overflow:hidden;margin:-18px -18px 18px}.card-image img{width:100%;height:100%;object-fit:cover}.card-image.contain{background:#080808}.card-image.contain img{object-fit:contain;padding:8px}.card h3{margin:.2rem 0 .65rem;font-size:1.25rem}.card p{color:#aaa;margin:0 0 16px}.badge{display:inline-block;border:1px solid var(--bronze);color:var(--bronze2);padding:5px 9px;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0;list-style:none}.specs li{background:#111;border-left:2px solid var(--bronze);padding:13px;color:#bbb}.log{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.log article{border-top:1px solid #454545;padding-top:16px}.date{color:var(--bronze2);font-size:.72rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.log h3{font-size:1.05rem;margin:.4rem 0}.log p{color:#999;font-size:.9rem}.page-hero{padding:clamp(65px,10vw,120px) 0 55px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 10%,#20170f 0,transparent 36%)}.page-hero h1{max-width:850px}.gallery-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gallery-two img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);background:#ddd}.product-row{display:grid;grid-template-columns:1fr 1.15fr;gap:34px;align-items:center;padding:38px 0;border-bottom:1px solid var(--line)}.product-row:nth-child(even) .product-media{order:2}.product-media{display:grid;grid-template-columns:2fr 1fr;gap:8px}.product-media img{width:100%;height:100%;object-fit:cover;background:#ddd;aspect-ratio:4/5}.product-media img+img{aspect-ratio:4/5}.product-text h2{font-size:clamp(1.7rem,4vw,2.7rem);margin:0 0 10px}.product-text p{color:#aaa}.note{border:1px solid #3b2b1c;background:#100d0a;padding:18px;color:#bbb}.contact{background:#111;border:1px solid var(--bronze);padding:30px;text-align:center}.contact a{color:var(--bronze2);font-size:clamp(1.05rem,3vw,1.4rem);font-weight:800;text-decoration:none;word-break:break-word}.footer{text-align:center;color:#666;padding:42px 16px;font-size:.82rem}.micro{font-size:.8rem;color:#777}.mfd-visual{background:#050505;padding:10px;border:1px solid #252525}.mfd-visual img{width:100%;object-fit:contain}.mfd-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.mfd-grid .mfd-visual:first-child{grid-row:span 2}.mfd-grid .mfd-visual img{height:100%}.mfd-grid .mfd-visual:first-child img{aspect-ratio:16/9}.mfd-grid .mfd-visual:last-child img{aspect-ratio:16/9}.caption{font-size:.78rem;color:#777;margin-top:7px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:20px;border:1px solid var(--line);background:#101010}.feature strong{display:block;color:var(--bronze2);margin-bottom:7px}.feature span{color:#aaa;font-size:.9rem}
@media(max-width:800px){body{border-left-width:3px}.site-nav{left:3px}.wrap{width:min(100% - 24px,var(--max))}.hero{min-height:72vh;background-position:58% center}.hero-inner{padding:78px 8px 55px}.split,.product-row,.mfd-grid{grid-template-columns:1fr}.card-grid,.log,.features{grid-template-columns:1fr}.gallery-two{grid-template-columns:1fr}.product-row:nth-child(even) .product-media{order:0}.product-media{grid-template-columns:1fr 1fr}.specs{grid-template-columns:1fr}.section{padding:55px 6px}.site-nav ul{gap:17px}.site-nav a{font-size:.69rem}.mfd-grid .mfd-visual:first-child{grid-row:auto}.mfd-grid .mfd-visual:first-child img{aspect-ratio:auto}.card{padding:14px}.card-image{aspect-ratio:16/9;margin:-14px -14px 16px}.card-image.contain img{padding:6px}.card h3{font-size:1.15rem}.card p{font-size:.92rem}}

.badge-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.badge.preorder{border-color:#d09a60;background:rgba(184,132,74,.09);color:#e2b27d}
.card-cta{display:inline-block;margin-top:14px;color:#0a0a0a;background:var(--bronze);border:1px solid var(--bronze);padding:9px 12px;text-decoration:none;text-transform:uppercase;letter-spacing:.09em;font-size:.68rem;font-weight:800}
.card-cta:hover{background:var(--bronze2);border-color:var(--bronze2)}
.preorder-intro{max-width:720px;margin-top:18px;line-height:1.6}
.card-image.product-detail{background:#0b0b0b}
.card-image.product-detail img{object-fit:contain;padding:18px}
@media(max-width:800px){
  .card-image.product-detail{aspect-ratio:4/3}
  .card-image.product-detail img{padding:20px}
  .badge-row{gap:7px}
  .card-cta{width:100%;text-align:center;padding:10px 12px}
}

.card-image.armrest-installed img{
  object-fit:cover;
  object-position:center center;
  padding:0;
}

.option-list{margin:12px 0 10px 18px;padding:0;color:#d8d8d8;line-height:1.65}.option-list li{margin:0 0 4px}.signature-note{display:inline-block;margin-left:6px;color:var(--bronze);font-size:.78rem;font-weight:700;letter-spacing:.02em}.option-copy{margin-top:10px;max-width:36ch}
.parts-overview-grid{grid-template-columns:repeat(2,1fr)}.featured-product-card{border-color:#3b2b1c}.secondary-cta{background:transparent;color:var(--bronze2)}.compact-option-list{margin:10px 0 17px 18px;padding:0;color:#bbb;font-size:.9rem}.compact-option-list li{margin-bottom:3px}.purchase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.purchase-option{position:relative;border:1px solid var(--line);background:#101010;padding:22px}.purchase-option h3{margin:.1rem 0 .6rem}.purchase-option p{color:#aaa;min-height:52px}.recommended-option{border-color:var(--bronze)}.viz-badge-like{display:inline-block;margin-bottom:12px;color:var(--bronze2);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.combination-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.combination{border:1px solid var(--line);background:#101010;padding:18px}.combination h3{margin:0 0 5px}.combination span{color:#999;font-size:.84rem}.signature-combination{border-color:var(--bronze);background:#120f0b}.signature-combination span{color:var(--bronze2)}.detail-note{margin-top:18px;max-width:720px}.enquiry-copy{margin:10px auto 18px}.contact h2{margin:.4rem 0}.media.portrait img{object-position:center 58%}@media(max-width:800px){.parts-overview-grid,.purchase-grid,.combination-grid{grid-template-columns:1fr}.purchase-option p{min-height:0}.featured-product-card{order:-1}}
.clickable-card{display:block;color:inherit;text-decoration:none;cursor:pointer}.clickable-card h3,.clickable-card p,.clickable-card li{color:inherit}.clickable-card:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}.clickable-card .card-cta{pointer-events:none}.clickable-card:hover .card-cta,.clickable-card:focus-visible .card-cta{background:var(--bronze2);border-color:var(--bronze2)}
.delayed-card-link{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.delayed-card-link.is-activating{border-color:var(--bronze2);transform:translateY(-2px) scale(.995);box-shadow:0 0 0 1px rgba(184,132,74,.28),0 10px 28px rgba(0,0,0,.34);transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.delayed-card-link.is-activating .card-cta{background:var(--bronze2);border-color:var(--bronze2)}@media(prefers-reduced-motion:reduce){.delayed-card-link,.delayed-card-link.is-activating{transition:none;transform:none}}

/* v13: native-link-free clickable product card for consistent mobile behaviour */
.clickable-card{display:block;color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none}
.clickable-card h3,.clickable-card p,.clickable-card li,.clickable-card span{text-decoration:none}
.clickable-card:focus{outline:none}
.clickable-card:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
.delayed-card-link{touch-action:manipulation}
.delayed-card-link.is-activating{border-color:var(--bronze2)!important;transform:translateY(-2px) scale(.992)!important;box-shadow:0 0 0 1px rgba(184,132,74,.4),0 10px 28px rgba(0,0,0,.34)!important}


/* v14: restore visual hierarchy on the trim collection pages */
.compact-option-list .compact-signature{
  display:inline;
  margin-left:6px;
  color:var(--bronze2) !important;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.02em;
}
.compact-option-list strong{color:#e7e7e7;font-weight:600}

.purchase-option{
  border:1px solid #34302b;
  background:linear-gradient(180deg,#141414 0%,#0e0e0e 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.purchase-option::before{
  content:'';
  position:absolute;
  top:0;left:0;bottom:0;
  width:3px;
  background:#4b3826;
}
.purchase-option.recommended-option{
  border-color:var(--bronze);
  background:linear-gradient(180deg,#17120d 0%,#100d0a 100%);
}
.purchase-option.recommended-option::before{background:var(--bronze2)}
.purchase-option h3{color:#f1f1f1}
.purchase-option p{line-height:1.55}

.combination{
  position:relative;
  border:1px solid #34302b;
  background:linear-gradient(180deg,#141414 0%,#0e0e0e 100%);
  padding:20px 18px 18px;
}
.combination::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:#4b3826;
}
.combination h3{color:#f0f0f0}
.combination.signature-combination{
  border-color:var(--bronze);
  background:linear-gradient(180deg,#18120c 0%,#100d09 100%);
}
.combination.signature-combination::before{background:var(--bronze2)}
.combination.signature-combination h3,
.combination.signature-combination span{color:var(--bronze2)}

@media(max-width:800px){
  .purchase-grid,.combination-grid{gap:14px}
  .purchase-option,.combination{padding:18px 16px 17px}
  .purchase-option .card-cta{margin-top:14px}
  .compact-option-list .compact-signature{display:block;margin:2px 0 0;color:var(--bronze2)!important}
}


/* v15: unified trim card states — bronze only on interaction */
.purchase-option,
.combination{
  border-color:#34302b;
  background:linear-gradient(180deg,#141414 0%,#0e0e0e 100%);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.purchase-option::before,
.combination::before{
  background:#4b3826;
  transition:background .18s ease;
}
.purchase-option.recommended-option,
.combination.signature-combination{
  border-color:#34302b;
  background:linear-gradient(180deg,#141414 0%,#0e0e0e 100%);
}
.purchase-option.recommended-option::before,
.combination.signature-combination::before{background:#4b3826}
.combination.signature-combination h3{color:#f0f0f0}
.combination.signature-combination span{color:var(--bronze2)}

.purchase-option:hover,
.purchase-option:focus-within,
.purchase-option:active,
.combination:hover,
.combination:focus-visible,
.combination:active{
  border-color:var(--bronze);
  background:linear-gradient(180deg,#17130f 0%,#100d0a 100%);
  box-shadow:0 0 0 1px rgba(184,132,74,.16),0 10px 28px rgba(0,0,0,.28);
  transform:translateY(-2px);
}
.purchase-option:hover::before,
.purchase-option:focus-within::before,
.purchase-option:active::before,
.combination:hover::before,
.combination:focus-visible::before,
.combination:active::before{background:var(--bronze2)}
.combination:focus{outline:none}
.combination:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}

@media(hover:none){
  .purchase-option:hover,
  .combination:hover{border-color:#34302b;background:linear-gradient(180deg,#141414 0%,#0e0e0e 100%);box-shadow:none;transform:none}
  .purchase-option:hover::before,
  .combination:hover::before{background:#4b3826}
  .purchase-option:focus-within,
  .purchase-option:active,
  .combination:focus-visible,
  .combination:active{
    border-color:var(--bronze);
    background:linear-gradient(180deg,#17130f 0%,#100d0a 100%);
    box-shadow:0 0 0 1px rgba(184,132,74,.16),0 8px 22px rgba(0,0,0,.24);
    transform:translateY(-1px);
  }
  .purchase-option:focus-within::before,
  .purchase-option:active::before,
  .combination:focus-visible::before,
  .combination:active::before{background:var(--bronze2)}
}


/* Instagram footer link */
.footer-inner{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.instagram-link{display:inline-flex;align-items:center;gap:7px;color:#b8b8b8;text-decoration:none;transition:color .18s ease}
.instagram-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.instagram-link:hover,.instagram-link:focus-visible{color:var(--bronze2)}
.instagram-link:focus-visible{outline:1px solid var(--bronze);outline-offset:5px}
@media(max-width:560px){.footer-inner{flex-direction:column;gap:10px}.instagram-link{font-size:.95rem}}


/* v17: refined copy update support */
.sub-label{display:block;margin:-4px 0 10px;color:var(--bronze2);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.btn:not(.primary),.card-cta.secondary-cta{background:transparent;color:var(--bronze2);border-color:rgba(184,132,74,.75)}
.btn:not(.primary):hover,.btn:not(.primary):focus-visible,.card-cta.secondary-cta:hover,.card-cta.secondary-cta:focus-visible{background:rgba(184,132,74,.14);border-color:var(--bronze);color:var(--bronze2)}
.badge{background:rgba(184,132,74,.045)}


/* v18: MIDESU brand transition */
.hero-logo{width:min(560px,94%);margin-bottom:24px}
.footer-email{display:inline-flex;align-items:center;gap:7px;color:#b8b8b8;text-decoration:none;transition:color .18s ease}
.footer-email svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.footer-email:hover,.footer-email:focus-visible{color:var(--bronze2)}
.footer-email:focus-visible{outline:1px solid var(--bronze);outline-offset:5px}
.rebrand-note{margin:.7rem 0 0;color:#8f8f8f}
@media(max-width:560px){.hero-logo{width:min(100%,520px)}.footer-email,.instagram-link{font-size:.92rem}}

.contact-social{margin-top:10px}.contact-social .instagram-link{color:var(--bronze2);justify-content:center}