:root{--ink:#0b0d10;--panel:#11151a;--paper:#f4f4f1;--muted:#a9adb3;--red:#e22c2c;--line:rgba(255,255,255,.14);--display:"Barlow Condensed",sans-serif;--body:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);background:linear-gradient(180deg,rgba(6,8,10,.93),rgba(6,8,10,.18));border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:1.5rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.brand b{font-weight:800}.brand-mark{width:42px;height:32px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:1rem;font-style:italic;transform:skew(-8deg)}nav{display:flex;align-items:center;gap:30px}nav a{font-size:.86rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}nav a:not(.nav-cta):hover{color:#ddd}.nav-cta{border:1px solid rgba(255,255,255,.5);padding:10px 17px}.menu-toggle{display:none;color:#fff;background:none;border:1px solid var(--line);padding:8px 12px}.hero{position:relative;min-height:760px;height:100svh;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;background-image:radial-gradient(circle at 72% 60%,#454b54 0,#1a2028 30%,#080b0f 75%);background-position:center;background-size:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,9,.97) 0%,rgba(5,7,9,.76) 38%,rgba(5,7,9,.15) 72%),linear-gradient(0deg,rgba(5,7,9,.75),transparent 55%)}.hero-content{position:relative;z-index:2;width:min(1200px,90vw);margin:60px auto 0}.eyebrow{margin:0 0 13px;color:var(--red);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero h1,.section h2,.statement h2{font-family:var(--display);text-transform:uppercase;line-height:.9;margin:0}.hero h1{font-size:clamp(4rem,8.8vw,8.1rem);letter-spacing:-.035em;max-width:850px}.hero h1 em{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.78);font-style:normal}.hero-copy{max-width:570px;font-size:clamp(1rem,1.7vw,1.25rem);color:#d1d3d6;margin:28px 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 22px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.055em;cursor:pointer}.primary{background:var(--red);color:#fff}.primary:hover{background:#f03b3b}.ghost{border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.15)}.dark{background:#0e1115;color:#fff}.trust-row{display:flex;gap:28px;margin-top:45px;color:#b8bbc0;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.trust-row span:before{content:"✓";color:var(--red);margin-right:8px}.scroll-cue{position:absolute;z-index:2;right:5vw;bottom:40px;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:#bbc0c6}.scroll-cue span{font-size:1.2rem;margin-left:10px}.section{padding:110px clamp(22px,5vw,72px)}.inventory{background:var(--paper);color:var(--ink)}.section-heading{max-width:1300px;margin:0 auto 42px;display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading h2,.contact h2{font-size:clamp(3rem,5.5vw,5.5rem);letter-spacing:-.03em}.text-link{font-size:.83rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #333;padding-bottom:4px}.inventory-panel{max-width:1300px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;padding:38px;background:#fff;border:1px solid #d9d9d5}.inventory-icon{width:94px;aspect-ratio:1;display:grid;place-items:center;background:var(--ink);color:var(--red);font-family:var(--display);font-size:2.2rem;font-weight:800;font-style:italic}.inventory-panel h3,.service-grid h3{font-family:var(--display);font-size:2rem;text-transform:uppercase;margin:0 0 5px;line-height:1}.inventory-panel p{color:#5d6268;margin:0;max-width:600px}.services{background:var(--panel)}.compact{justify-content:flex-start}.compact h2{max-width:760px}.service-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid article{padding:42px 32px 48px;border-right:1px solid var(--line)}.service-grid article:last-child{border:0}.number{color:var(--red);font-family:var(--display);font-size:1rem}.service-grid h3{margin-top:55px;font-size:2.1rem}.service-grid p{color:var(--muted);min-height:80px}.service-grid a{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.statement{padding:130px clamp(22px,8vw,130px);background:var(--red);color:white}.statement>p{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:700}.statement h2{font-size:clamp(4rem,9.3vw,9.5rem);letter-spacing:-.035em}.statement h2 span{color:#111}.contact{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,560px);gap:8vw}.contact-copy>p:not(.eyebrow){max-width:520px;color:#5c6167;font-size:1.08rem}.contact-note{margin-top:60px;padding-left:18px;border-left:3px solid var(--red)}.contact-note span{color:#8a8e92;font-size:.9rem}form{background:#fff;padding:36px;border:1px solid #dadad6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.055em;margin-bottom:17px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #d3d4d3;background:#f9f9f7;color:#17191b;border-radius:0;padding:13px 12px;outline:none;text-transform:none}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 2px rgba(226,44,44,.12)}textarea{resize:vertical}form .button{width:100%}.form-status{margin:12px 0 0;font-size:.9rem;color:#3b6541}footer{padding:34px clamp(22px,5vw,72px);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px;color:#9b9fa5;border-top:1px solid var(--line);font-size:.78rem}footer .brand{color:#fff;font-size:1.2rem}
@media(max-width:820px){.site-header{height:68px}.menu-toggle{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#0b0d10;padding:22px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{padding:13px 5px}.nav-cta{text-align:center;margin-top:10px}.hero{min-height:720px}.hero-media{background-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(5,7,9,.94),rgba(5,7,9,.52)),linear-gradient(0deg,rgba(5,7,9,.75),transparent)}.hero h1{font-size:clamp(3.6rem,16vw,5.2rem)}.trust-row{flex-direction:column;gap:7px}.scroll-cue{display:none}.section{padding-top:80px;padding-bottom:80px}.section-heading{align-items:flex-start;flex-direction:column}.inventory-panel{grid-template-columns:1fr}.inventory-icon{width:70px}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid var(--line)}.service-grid article:last-child{border-bottom:0}.service-grid h3{margin-top:28px}.service-grid p{min-height:auto}.contact{grid-template-columns:1fr}.contact-note{margin-top:35px}footer{grid-template-columns:1fr;gap:10px}.field-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Khuu Motorsport blue-and-black Subaru specialist brand */
:root{--red:#168bff;--ink:#07090c;--panel:#0e1218}
.site-header{border-bottom-color:rgba(22,139,255,.35)}
.brand-logo{display:block;width:230px;height:64px;object-fit:contain;object-position:left center}
.primary:hover{background:#3ca0ff}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(22,139,255,.14)}
.vehicle-photo:before{color:rgba(22,139,255,.16)}
.vehicle-specs small{display:block;margin-top:6px;color:#363b40;font-size:.68rem;font-weight:700;letter-spacing:.025em;white-space:nowrap}
.vehicle-price{text-align:right;white-space:nowrap}.vehicle-price strong{display:block;font-family:var(--display);font-size:1.6rem;text-transform:uppercase;color:var(--red)}.vehicle-price b,.vehicle-price span{display:block}.vehicle-price b{margin-top:5px;font-size:.78rem;color:var(--ink)}.vehicle-price span{margin-top:2px;font-size:.76rem;font-weight:700;color:#4f555b;text-transform:uppercase;letter-spacing:.045em}
.vehicle-card+.vehicle-card{margin-top:42px}
.pricing-notice{max-width:1300px;margin:0 auto 28px;padding:16px 18px;background:#eaf3ff;border-left:3px solid #168bff;color:#17202a;font-size:1rem;line-height:1.6}.pricing-notice strong{font-weight:700}
.vehicle-gallery{position:relative}.sold-badge{position:absolute;z-index:3;top:18px;left:18px;padding:10px 20px;background:var(--red);color:#fff;font-family:var(--display);font-size:1.35rem;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase;box-shadow:0 4px 16px rgba(0,0,0,.28)}.vehicle-sold .vehicle-main-image{filter:saturate(.55)}.sold-button{background:#60656b;color:#fff;cursor:default}
.vehicle-warranty{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:14px 18px;background:#eaf3ff;border-left:3px solid #168bff;color:#17202a}.vehicle-warranty strong{font-family:var(--display);font-size:1rem;text-transform:uppercase;letter-spacing:.025em}.vehicle-warranty span{font-size:.82rem;font-weight:700;color:#3e4d5d;text-align:right}
footer .brand-logo{width:200px;height:58px}
@media(max-width:760px){.brand-logo{width:180px;height:54px}footer .brand-logo{width:180px}}
.hero-media{background-image:url("subaru-wrx-sti-type-ra-2018.webp");background-position:center;background-size:cover}
.vehicle-card{max-width:1300px;margin:auto;background:#fff;border:1px solid #d9d9d5;display:grid;grid-template-columns:minmax(280px,38%) 1fr}.vehicle-photo{min-height:520px;background:linear-gradient(145deg,#1b2027,#080a0d);display:grid;place-items:center;position:relative;overflow:hidden}.vehicle-photo:before{content:"KM";position:absolute;font-family:var(--display);font-size:13rem;font-weight:800;font-style:italic;color:rgba(226,44,44,.15);transform:skew(-8deg)}.vehicle-photo span{position:relative;color:#d2d5d9;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(255,255,255,.28);padding:10px 15px}.vehicle-details{padding:36px}.vehicle-title{display:flex;justify-content:space-between;gap:24px;align-items:start;border-bottom:1px solid #ddd;padding-bottom:24px}.vehicle-title h3{font-family:var(--display);font-size:clamp(2.2rem,4vw,3.7rem);line-height:.95;text-transform:uppercase;margin:0}.vehicle-title>strong{white-space:nowrap;font-family:var(--display);font-size:1.6rem;text-transform:uppercase;color:var(--red)}.vehicle-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:23px 0;border-bottom:1px solid #ddd}.vehicle-specs span{font-size:.75rem;color:#6b7075;text-transform:uppercase}.vehicle-specs b{display:block;font-family:var(--display);font-size:1.25rem;color:var(--ink)}.vehicle-columns{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding-top:24px}.vehicle-card h4{font-family:var(--display);font-size:1.1rem;text-transform:uppercase;margin:0 0 10px}.vehicle-card ul{margin:0;padding-left:19px;color:#5b6065;font-size:.88rem}.vehicle-card li{margin-bottom:4px}.vehicle-disclosure{margin-top:22px;padding:16px 18px;background:#f3f3ef;border-left:3px solid var(--red)}.vehicle-disclosure p{margin:0;color:#5b6065;font-size:.85rem}.vehicle-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.vehicle-bottom>span{font-size:.74rem;color:#666b70;letter-spacing:.04em}.contact-note a{display:inline-block;color:#202327;border-bottom:1px solid #aaa}.contact-note a:hover{color:var(--red)}
@media(max-width:900px){.vehicle-card{grid-template-columns:1fr}.vehicle-photo{min-height:320px}.vehicle-columns{grid-template-columns:1fr}.vehicle-specs{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.vehicle-details{padding:24px 20px}.vehicle-title{display:block}.vehicle-title>strong{display:block;margin-top:14px}.vehicle-bottom{align-items:stretch;flex-direction:column}.vehicle-specs{grid-template-columns:1fr 1fr}.vehicle-warranty{align-items:flex-start;flex-direction:column;gap:2px}.vehicle-warranty span{text-align:left}}
.vehicle-gallery{background:#0b0d10;padding:10px;align-self:start}.vehicle-main-image{display:block;width:100%;height:390px;object-fit:cover;background:#161a20}.vehicle-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.vehicle-thumbnails button{padding:0;border:2px solid transparent;background:#171a1f;cursor:pointer;aspect-ratio:4/3;overflow:hidden}.vehicle-thumbnails button:hover,.vehicle-thumbnails button:focus-visible,.vehicle-thumbnails button.active{border-color:var(--red)}.vehicle-thumbnails img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.vehicle-main-image{height:min(64vw,520px)}}@media(max-width:560px){.vehicle-gallery{padding:6px}.vehicle-thumbnails{gap:4px}}

/* Subaru Type RA background with readable desktop copy and a full-car mobile view. */
.hero-shade{background:linear-gradient(90deg,rgba(5,7,9,.95) 0%,rgba(5,7,9,.82) 32%,rgba(5,7,9,.3) 59%,rgba(5,7,9,.08) 100%),linear-gradient(0deg,rgba(5,7,9,.8),transparent 42%)}
.hero h1{font-size:clamp(3.6rem,6.8vw,6.8rem);max-width:670px}
.hero-copy{max-width:510px}
.photo-credit{grid-column:1/-1;margin:0;font-size:.8125rem;line-height:1.6;color:#a9adb3}
.photo-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){
  .hero{height:auto;min-height:0;padding:calc(68px + 52.56vw - 18px) 0 54px;align-items:flex-start;background:#07090c}
  .hero-media{inset:68px 0 auto;height:52.56vw;background-size:100% auto;background-position:center top;background-repeat:no-repeat}
  .hero-shade{inset:68px 0 auto;height:52.56vw;background:linear-gradient(180deg,rgba(7,9,12,.08) 55%,rgba(7,9,12,.45) 82%,#07090c 100%)}
  .hero-content{margin:0 auto}
  .hero h1{font-size:clamp(3.1rem,9.8vw,5rem);max-width:720px}
  .hero-copy{max-width:620px;margin:22px 0 26px}
  .hero .eyebrow{font-size:.875rem;letter-spacing:.08em}
  .hero .trust-row{margin-top:28px}
  .hero .scroll-cue{display:none}
}
@media(min-width:821px) and (max-width:1000px){
  .hero{padding-top:calc(82px + 52.56vw - 18px)}
  .hero-media,.hero-shade{top:82px}
}

/* Display only the photo area of the supplied auction screenshots. Original pixels are unchanged. */
.auction-photo-frame{position:relative;aspect-ratio:4/3;overflow:hidden;background:#161a20}
.auction-gallery .vehicle-main-image,.auction-gallery .vehicle-thumbnails img{position:absolute;display:block;width:var(--photo-width);height:auto;max-width:none;top:var(--photo-top);left:var(--photo-left);object-fit:initial}
.report-photo{--photo-width:100%;--photo-top:-88.346%;--photo-left:0%}
.purchase-photo{--photo-width:277.419%;--photo-top:-593.696%;--photo-left:-50.323%}
.auction-gallery .vehicle-thumbnails button{position:relative;aspect-ratio:4/3}
.auction-gallery .gallery-caption{color:#d9dee5;font-size:.875rem;margin:10px 2px 12px;line-height:1.5}
/* Frame the current Impreza photos and gently lift exposure; preserve their original pixels. */
.impreza-gallery .current-photo .vehicle-main-image,.impreza-gallery .current-photo img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:var(--photo-position,center);filter:brightness(1.04)}
.impreza-gallery .current-photo[data-framing="detail"] .vehicle-main-image,.impreza-gallery .current-photo[data-framing="detail"] img{object-fit:contain}
.vehicle-arrival .vehicle-title{flex-wrap:wrap}
.vehicle-arrival .vehicle-title>div:first-child{flex:1 1 260px}
.vehicle-arrival .vehicle-price{text-align:left;white-space:normal;flex:1 1 230px}
.vehicle-arrival .vehicle-price strong{font-size:2.5rem;line-height:1.1}
.vehicle-arrival .vehicle-price b{font-size:.875rem;overflow-wrap:anywhere}
.vehicle-arrival .vehicle-price span{font-size:.875rem;letter-spacing:0;text-transform:none}
.vehicle-arrival .eyebrow{font-size:.875rem}
.vehicle-arrival .vehicle-specs span{font-size:.875rem}
.vehicle-arrival .vehicle-columns p{margin:0;color:#5b6065;font-size:1rem}
.vehicle-arrival .vehicle-columns{gap:24px}
.vehicle-arrival .vehicle-card h4,.vehicle-arrival h4{font-size:1.25rem}
.vehicle-arrival ul{font-size:1rem}
.vehicle-arrival .vehicle-warranty span,.vehicle-arrival .vehicle-bottom>span{font-size:.875rem}
.sold-heading{max-width:1300px;margin:48px auto 20px;font-family:var(--display);font-size:2rem;text-transform:uppercase}
#inventory,#impreza-2013{scroll-margin-top:90px}
@media(max-width:560px){.vehicle-arrival .vehicle-price{margin-top:18px}}

.carfax-link{display:inline-block;background:#075fc7;color:#fff;border:2px solid #075fc7;border-radius:6px;text-align:center;text-decoration:none;font-size:1rem;font-weight:700;line-height:1.5;min-height:48px;padding:12px 18px}.carfax-link:visited{color:#fff}.carfax-link:hover{background:#064ba0;border-color:#064ba0;color:#fff;text-decoration:underline;text-underline-offset:3px}.carfax-link:focus-visible{outline:3px solid #075fc7;outline-offset:3px}.carfax-link small{font-weight:400;font-size:.875rem}.vehicle-disclosure .carfax-link{margin-top:14px}

.vehicle-arrival .vehicle-columns .service-source{font-size:.875rem;margin-bottom:12px}.vehicle-arrival .service-history li{margin-bottom:12px}.vehicle-arrival .service-history strong{display:block;color:#263444}

/* Fill the main frame with exterior photos while keeping detail photos fully visible. */
.outback-gallery .vehicle-main-image{height:auto;aspect-ratio:4/3;object-fit:contain;background:#11151a}
.outback-gallery .vehicle-main-image[data-framing="exterior"]{object-fit:cover}
.outback-gallery .gallery-caption{color:#d9dee5;font-size:.875rem;margin:10px 2px 12px;line-height:1.5}.outback-gallery .vehicle-thumbnails img{object-fit:cover}.outback-video{margin-top:18px}.outback-video h4{margin:0 0 8px;color:#d9dee5}.outback-video video{display:block;width:100%;max-height:560px;background:#080a0d}

#outback-2020-onyx{scroll-margin-top:100px}

/* Preserve full framing for Legacy listing photos. */
.legacy-gallery .vehicle-main-image{height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;background:#11151a}

/* Khuu branded photo display: logo border never covers vehicle details. */
.vehicle-photo-sign{display:flex;align-items:center;justify-content:center;background:linear-gradient(#f4f4f3,#d7d9db);border:1px solid #c1c4c7;border-radius:3px;padding:12px 18px;margin-bottom:10px;min-height:66px}
.vehicle-photo-sign img{display:block;width:min(90%,310px);height:78px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(0,0,0,.18))}
.vehicle-gallery .gallery-caption{color:#d9dee5;font-size:.875rem;line-height:1.5;margin:10px 2px 12px}
.vehicle-gallery .vehicle-main-image[data-branded-wall="true"]{position:static!important;display:block!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;filter:none!important}
.vehicle-gallery .vehicle-thumbnails button[data-branded-wall="true"] img{position:static!important;top:auto!important;left:auto!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}
.vehicle-gallery .auction-photo-frame:has(.vehicle-main-image[data-branded-wall="true"]){aspect-ratio:auto!important}
@media(max-width:560px){.vehicle-photo-sign{padding:8px;min-height:50px}.vehicle-photo-sign img{height:56px}}

.vehicle-gallery:has(.vehicle-main-image[data-branded-wall="true"])>.vehicle-photo-sign{display:none}
.vehicle-sold .sold-badge{top:130px}
.vehicle-sold .vehicle-gallery:has(.vehicle-main-image[data-branded-wall="true"]) .sold-badge{top:18px}