@import url('/assets/fonts/fonts.css');
/* Reference composition, with real navigation and catalog content. */
body{font-family:Manrope,Arial,sans-serif;color:#f2f2f9;background:#060c15}
.rail{height:90px;min-height:90px;padding:0 26px 0 0;gap:30px;background:linear-gradient(110deg,#040911,#0a0d17);border-bottom:1px solid #79538c66}
.wordmark{align-self:stretch;flex-basis:236px;width:236px;height:112px;margin:0;padding:6px 32px;background:#050910;border-right:1px solid #263140;z-index:1}.wordmark img{width:100%;height:100%;object-fit:contain}
.rail nav{justify-content:space-between;gap:4px;flex-wrap:nowrap}.rail nav a{min-height:66px;padding:9px 10px;max-width:180px;border:0;border-radius:10px;gap:8px;color:#f2f2f9}.rail nav a b{font-size:13px;font-weight:600;line-height:1.25;margin:0}.rail nav a svg{width:23px;height:23px;color:#efeff8}.rail nav a.active{background:linear-gradient(130deg,#32134e80,#211438);border:0;box-shadow:inset 0 -1px #7831a359}.navigation-motto{color:#c432ff;text-align:right;font-size:12px;letter-spacing:1.5px;line-height:1.7;flex:0 0 170px;margin:0}.surface{padding:0;max-width:none}.topline{height:0;border:0;overflow:visible;position:relative}.portal-brandline,.header-motto{display:none}.topline>div:nth-child(2){position:absolute;right:34px;top:14px;z-index:3;gap:12px}.topline #identity{font-size:11px;padding:9px 13px;background:#080b16c9}.topline #logout{font-size:11px;padding:10px 17px;background:#12151ecc}
body:has(#shop:not([hidden])) .topline{height:0}body:has(#shop:not([hidden])) .topline>div:nth-child(2){top:-72px;right:18px;display:none}
body:is([data-department=home],[data-auth=pending]) .surface::before{display:none}
body[data-auth=pending] .rail{height:95px}.site-signoff{display:flex;justify-content:space-between;gap:20px;padding:20px 30px;border-top:1px solid #50617630;background:#050a12;font-size:11px;color:#8d9bb4;letter-spacing:.4px}.site-signoff span{display:flex;align-items:center;gap:20px}.site-signoff b{color:#bb28ff;font-weight:700;font-size:14px}.site-signoff i{font-style:normal;font-size:11px}.site-signoff span:last-child b{font-size:22px}
/* Welcome: framed text on the left, intact billboard and vehicle on the right. */
#gate{min-height:690px;height:calc(100svh - 158px);max-height:980px;margin:0;padding:62px max(48px,6vw) 36px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(90deg,#080b1233,transparent 70%),url('/assets/brands/portal-scene-v14.png') center center/cover;border:0;isolation:isolate}
#gate::before{content:'';position:absolute;z-index:-1;left:3vw;right:3vw;top:30px;bottom:28px;border:1px solid #a760b473;border-right-color:transparent;border-radius:19px;background:linear-gradient(90deg,#06091345,transparent 68%);pointer-events:none}
#gate .eyebrow{font-size:12px;letter-spacing:2.7px;margin:0 0 28px;color:#9fa8bd}#gate .eyebrow::after{content:'';display:block;width:62px;height:2px;background:#af22f0;margin-top:18px}
#gate h1{font-size:clamp(34px,3.1vw,58px);letter-spacing:-1.5px;line-height:1.05;margin:0 0 28px;max-width:720px;font-weight:800}
#gate h1 span{display:block;background:linear-gradient(#fff,#d7deeb 55%,#9298ad);background-clip:text;color:transparent;text-shadow:none}
#gate h1 em{display:block;font:400 clamp(55px,5.7vw,105px)/1.12 Knewave,Impact,sans-serif;letter-spacing:-2px;transform:skew(-8deg);color:#aa19e7;text-shadow:0 5px 25px #55068b45;margin:0 0 12px;text-transform:uppercase}
#gate .intro{font-size:15px;font-weight:400;line-height:1.85;max-width:560px;margin:0 0 26px;color:#dde2ee}#gate .primary{font-size:15px;padding:18px 28px;min-width:320px;justify-content:center;border:1px solid #b827ff;background:linear-gradient(115deg,#aa1ee2,#8c15d3);border-radius:12px;box-shadow:0 0 28px #961ada40}
#gate .fineprint{background:linear-gradient(100deg,#262b3570,#1a1b2940);border:1px solid #76708822;border-radius:9px;max-width:520px;font-size:12px;color:#b6bdd0;line-height:1.7;padding:16px 20px;margin:23px 0 0}
.gate-features{display:flex;gap:28px;margin-top:35px}.gate-features>div{display:flex;align-items:center;gap:12px}.gate-features>div>b{font-size:33px;color:#c258ec;font-weight:400}.gate-features strong{display:block;font-size:10px;color:#e5dfea;letter-spacing:.8px}.gate-features small{display:block;font-size:10px;letter-spacing:0;color:#919bb1;margin-top:5px}
/* Overview: shallow title area and compact two-row image grid. */
#portal-home{margin:0;padding:44px 4.5vw 30px;min-height:calc(100svh - 240px);background:linear-gradient(180deg,#08071308,#06091215 42%,#060912ed 100%),url('/assets/brands/portal-hero-v13.png') center 55%/cover}
#portal-home>.eyebrow{margin:0 0 14px;font-size:10px;letter-spacing:4px}#portal-home>h1{font:800 48px/1.1 Manrope,Arial,sans-serif;letter-spacing:-1px}#portal-home>h1 em{display:block;font:400 83px/1.06 Knewave,Impact,sans-serif;letter-spacing:-2px;transform:skew(-9deg);color:#a520dc;margin:0;text-transform:none}.portal-subtitle{margin:14px 0 24px;font-size:14px;letter-spacing:.2px}.portal-sign{font:400 35px/1.15 Knewave,Impact,sans-serif;right:4vw;top:72px;color:#a442c0;transform:rotate(-9deg);max-width:210px}
#portal-home .portal-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}#portal-home .portal-tile{height:186px;min-height:186px!important;border-radius:13px}#portal-home .tile-caption{padding:0 14px 9px;gap:12px}#portal-home .portal-tile h2{font-family:Manrope,Arial,sans-serif;font-size:16px;font-weight:800;line-height:1.14}#portal-home .tile-copy p{font-size:11px}#portal-home .tile-icon{width:42px;height:42px;flex-basis:42px}#portal-home .tile-link{height:38px;font-size:12px;padding:9px 16px}.portal-footer{background:#060b12;padding:22px 4.5vw;gap:35px}.portal-footer strong{font-size:10px}.portal-footer small{font-size:11px}.portal-footer svg{width:30px;height:30px}.portal-footer .footer-wordmark strong{font-size:11px}
body[data-department=home][data-auth=verified] .site-signoff{display:none}
/* Showroom proportions follow the supplied four-column vehicle rows. */
body:has(#shop:not([hidden])) .surface{padding:0 27px 0;background:#080e18}
#shop .shop-banner{height:190px;min-height:190px;padding:13px 5vw;margin:0 -27px 12px;border-radius:0;background:linear-gradient(90deg,#06061460,transparent 60%),url('/assets/brands/portal-hero-v13.png') center 49%/cover}
#shop .shop-banner h1{font-style:normal;text-transform:none;line-height:1;max-width:none;margin:0 0 5px;padding:0;overflow:visible}
#shop .shop-banner h1 strong{display:block;width:max-content;max-width:100%;font:900 italic 70px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;background:linear-gradient(#fff 5%,#9ca4bc 42%,#eff2ff 50%,#5d5b78 72%,#ebe9ff 100%);background-clip:text;color:transparent;-webkit-text-stroke:1px #dae0f8;filter:drop-shadow(2px 5px 0 #332540);text-shadow:none}
#shop .shop-banner h1 em{font:400 56px/.95 Knewave,Impact,sans-serif;color:#a316ff;display:block;transform:skew(-12deg);margin:0 0 4px 24px;text-shadow:2px 5px 0 #22003b}
#shop .shop-banner p{margin:0 0 0 42px;font-size:13px;font-weight:700;max-width:none;letter-spacing:.3px;color:#f1f0f6}
#shop .catalog-tools{display:flex;gap:16px;align-items:center;padding:0;margin:12px 0 14px;border:0;border-radius:0;background:none;box-shadow:none}#shop .catalog-tools input,#shop .catalog-tools select{height:42px;padding:9px 16px;background:linear-gradient(120deg,#111925,#0c111c);border:1px solid #746783;border-radius:10px;font-size:13px;color:#e8e8f5}#shop .catalog-tools input{max-width:560px;flex:1}#shop .catalog-tools input::placeholder{color:#aeb7cc}#shop .catalog-tools select{min-width:220px}#shop .catalog-tools select:last-child{margin-left:auto;min-width:235px}
.catalog-count{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#shop .vehicle-list{gap:15px}#shop .vehicle-card{display:grid!important;grid-template-columns:39% 27% 16% 18%;grid-template-rows:1fr;height:224px;min-height:224px;padding:0!important;border:1px solid #70588266!important;border-radius:13px!important;background:linear-gradient(115deg,#0e1420,#080e18)!important;box-shadow:0 3px 10px #8a37cb0c;overflow:hidden;align-items:stretch;color:#f1f2f9;font:400 14px Manrope,Arial,sans-serif;transform:none}
#shop .vehicle-card:hover{transform:none;border-color:#b234ff!important;filter:none;background:#101827!important}#shop .vehicle-card:focus-visible{outline:2px solid #d188ff;outline-offset:3px}
#shop .vehicle-visual{position:relative;grid-row:1;display:block;min-height:0;padding:0;height:100%;background:#111a24;overflow:hidden;border-radius:11px}#shop .vehicle-visual img{display:block;width:100%;height:100%!important;max-height:none;object-fit:cover!important;border-radius:0}
.manufacturer-badge{position:absolute;left:14px;top:12px;background:#1c0938ee;color:#eee4fa;padding:7px 13px;border-radius:7px;font-weight:800;font-size:13px;letter-spacing:.7px}.image-signature{position:absolute;left:18px;bottom:18px;display:block;text-shadow:0 2px 4px #050210}.image-signature b{display:block;color:#ba41fa;font:400 30px/.95 Knewave,Impact,sans-serif;transform:skew(-12deg)}.image-signature small{display:block;margin-top:6px;font-size:10px;letter-spacing:2px;color:#dbc4f4}
#shop .vehicle-body{display:flex;flex-direction:column;min-width:0;padding:16px 22px 13px;gap:0}#shop .vehicle-body>small{font-size:11px;letter-spacing:.5px;color:#c533ff;line-height:1.3}#shop .vehicle-body h2{font:800 29px/1.15 Manrope,Arial,sans-serif;margin:7px 0 9px;color:#f1f2f9;letter-spacing:-.8px;overflow-wrap:normal}#shop .vehicle-body p.vehicle-description{font-size:12px;line-height:1.6;color:#aebbd2;margin:0;font-weight:400;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
#shop .vehicle-body>.vehicle-price{display:block;grid-column:auto;border:0;border-radius:0;background:none;padding:0;margin:auto 0 0;font:800 31px/1.2 Manrope,Arial,sans-serif;color:#b729ff;letter-spacing:-.8px;white-space:nowrap}
#shop .vehicle-specs{display:flex;flex-direction:column;justify-content:flex-start;gap:15px;grid-column:auto;grid-row:auto;padding:0 18px 0 24px;margin:28px 0 62px;border:0;border-left:1px solid #26304466;min-width:0}#shop .vehicle-specs>div{display:flex;gap:18px;align-items:center;border:0;padding:0}#shop .vehicle-specs svg{width:28px;height:28px;flex-shrink:0;color:#f4f0ff}#shop .vehicle-specs dt{font-size:11px;line-height:1.3;color:#a8b4cd;margin:0 0 3px}#shop .vehicle-specs dd{font-size:13px;font-weight:700;color:#f6f5fc;margin:0;line-height:1.2}
.vehicle-performance{padding:28px 12px 12px 18px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.speed-data{display:flex;gap:16px;border-left:1px solid #26304466;padding-left:20px;min-width:0}.speed-data svg{width:30px;height:30px;flex:0 0 30px}.speed-data small{font-size:11px;color:#a8b4cd;display:block;margin:0 0 4px}.speed-data span{display:block;font-size:11px;color:#a8b4cd;margin-bottom:3px}.speed-data b{font-size:13px;font-weight:800;display:block;white-space:nowrap}.tuned{margin-top:10px;padding-top:9px;border-top:1px solid #26304466}.tuned span,.tuned b{color:#c334ff}.speed-data span.hsw-note{font-size:9px;margin-top:4px}.vehicle-action{display:block;text-align:center;white-space:nowrap;font-size:13px;font-weight:700;padding:12px 8px;background:linear-gradient(115deg,#aa16ef,#8100f5);border:1px solid #bb3dff;border-radius:9px;box-shadow:0 5px 18px #8000ff26}
#shop>.fineprint{font-size:11px;padding:10px 0;color:#8b9bb3}#shop>button{display:block;margin:20px auto;background:#251038;border-color:#5d287c}.surface:has(#shop:not([hidden]))>.site-signoff{margin:0 -27px}
@media(min-width:1600px){#shop .vehicle-card{height:224px}.vehicle-performance{padding-left:22px}.speed-data{padding-left:24px}#portal-home{padding-top:44px}#portal-home .portal-tile{height:198px;min-height:198px!important}}
@media(max-width:1450px){.navigation-motto{display:none}.rail{gap:14px}.wordmark{flex-basis:190px;width:190px;padding:9px 25px}.rail nav a{padding:9px 8px}.rail nav a b{font-size:11px}#shop .vehicle-card{grid-template-columns:37% 27% 17% 19%;height:240px}#shop .vehicle-body{padding:16px}.speed-data{gap:8px;padding-left:12px}.speed-data svg{width:24px;flex-basis:24px}#shop .vehicle-specs{padding-left:14px;padding-right:8px;gap:18px}#shop .vehicle-specs>div{gap:10px}.vehicle-performance{padding-left:8px}.vehicle-action{font-size:11px}#shop .vehicle-body h2{font-size:26px}#shop .vehicle-body>.vehicle-price{font-size:28px}.gate-features{gap:18px}#gate{padding-left:6vw}#gate .intro{max-width:490px}#portal-home .portal-tile h2{font-size:14px}}
@media(max-width:1100px){.rail{height:auto;min-height:88px;padding-right:20px;flex-wrap:wrap}.wordmark{height:88px}.rail nav{display:none;flex-wrap:wrap;padding:10px 15px 18px}.rail.menu-open nav{display:flex}.rail nav a{flex-direction:row;text-align:left;justify-content:flex-start;flex:1 1 160px;min-height:45px}.rail nav a b{font-size:13px}.topline>div:nth-child(2){right:20px}#portal-home .portal-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}#portal-home>h1{font-size:40px}#portal-home>h1 em{font-size:66px}#portal-home{padding:55px 25px 26px}.portal-footer{padding:22px 25px}.portal-sign{display:none}#shop .vehicle-card{grid-template-columns:43% 32% 25%;height:auto;min-height:280px}#shop .vehicle-visual{grid-row:1/3}#shop .vehicle-body{grid-row:1/3}#shop .vehicle-specs{grid-column:3;margin:15px 0;padding:0 10px;gap:10px}#shop .vehicle-specs svg{width:20px;height:20px}.vehicle-performance{grid-column:3;padding:0 10px 12px}.speed-data{border:0;padding:0}.speed-data svg{display:none}.speed-data>div{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.speed-data small{grid-column:1/-1}.speed-data .tuned{grid-column:2;grid-row:2/4;border:0;padding:0;margin:0}.speed-data .hsw-note{grid-column:1/-1}.vehicle-action{margin-top:12px}#shop .catalog-tools input{max-width:none}#shop .catalog-tools select{min-width:160px}#shop .catalog-tools select:last-child{min-width:185px}#gate{background-position:65% center;min-height:680px;height:auto;padding-top:70px;padding-bottom:60px}#gate h1{font-size:42px}#gate h1 em{font-size:70px}.gate-features{flex-wrap:wrap;max-width:500px}}
@media(max-width:700px){.wordmark{width:170px;flex-basis:170px}.navigation-toggle{margin-left:auto}.surface,body:has(#shop:not([hidden])) .surface{padding:0}#gate{padding:70px 28px 38px;min-height:calc(100svh - 88px);max-height:none;background-image:linear-gradient(90deg,#050812cc,#05081260),url('/assets/brands/portal-scene-v14.png');background-position:60% center}#gate::before{inset:30px 12px 18px}#gate .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:22px}#gate h1{font-size:33px;letter-spacing:-1px;max-width:100%}#gate h1 em{font-size:clamp(48px,10vw,70px);letter-spacing:-1px}#gate .intro{font-size:13px;max-width:100%}#gate .primary{min-width:0;width:100%;max-width:360px;padding:16px;font-size:14px}#gate .fineprint{padding:13px;font-size:11px}.gate-features{gap:15px;margin-top:25px}.gate-features strong,.gate-features small{font-size:9px}.gate-features>div>b{font-size:26px}.site-signoff{padding:16px 20px;display:block;font-size:10px}.site-signoff span{gap:12px;margin:4px 0}.site-signoff span:last-child{display:none}.site-signoff i{font-size:8px}.topline #identity{display:none}.topline #logout{font-size:10px;padding:7px 12px}#portal-home{padding:50px 20px 25px;background-position:65% top}#portal-home>h1{font-size:34px}#portal-home>h1 em{font-size:61px}#portal-home>.eyebrow{font-size:8px;letter-spacing:2px}.portal-subtitle{font-size:12px}#portal-home .portal-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#portal-home .tile-caption{padding:0 10px 9px;gap:8px}#portal-home .tile-icon{width:30px;height:30px;flex-basis:30px}#portal-home .tile-icon svg{width:19px}#portal-home .portal-tile h2{font-size:13px}#portal-home .tile-copy p{font-size:9px}#portal-home .tile-link{font-size:10px;padding:9px 10px}#portal-home .portal-tile{height:180px;min-height:180px!important}.portal-footer{padding:20px;grid-template-columns:1fr;gap:18px}.portal-footer strong{font-size:10px}.portal-footer small{display:block}#shop .shop-banner{height:178px;min-height:178px;padding:24px;margin:0 0 12px;background-position:60% center}#shop .shop-banner h1 strong{font-size:48px;-webkit-text-stroke:.5px}#shop .shop-banner h1 em{font-size:35px;margin-left:7px}#shop .shop-banner p{font-size:9px;max-width:300px;line-height:1.5;margin:12px 0 0}#shop .catalog-tools{margin:12px 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}#shop .catalog-tools input{grid-column:1/-1;width:100%}#shop .catalog-tools select,#shop .catalog-tools select:last-child{min-width:0;width:100%;font-size:11px}.vehicle-list{padding:0 16px}#shop .vehicle-card{grid-template-columns:1fr 1fr;min-height:0;height:auto}#shop .vehicle-visual{grid-column:1/-1;grid-row:1;aspect-ratio:2.1/1;height:auto}#shop .vehicle-body{grid-row:2;grid-column:1/-1;padding:16px}#shop .vehicle-body h2{font-size:26px}#shop .vehicle-body p.vehicle-description{font-size:12px;-webkit-line-clamp:3}#shop .vehicle-body>.vehicle-price{margin:12px 0 0;font-size:29px}#shop .vehicle-specs{grid-row:3;grid-column:1;padding:0 16px;margin:8px 0 16px;border:0;gap:12px}.vehicle-performance{grid-row:3;grid-column:2;padding:8px 14px 16px 4px}.speed-data>div{display:block}.speed-data .tuned{margin-top:8px}.vehicle-action{font-size:11px;padding:10px 6px}.image-signature b{font-size:25px}.manufacturer-badge{font-size:11px}.surface:has(#shop:not([hidden]))>.site-signoff{margin:0}#shop>.fineprint{padding:10px 16px}#shop .vehicle-body>small{font-size:10px}}
@media(max-width:420px){#portal-home .portal-tiles{grid-template-columns:1fr}#portal-home .portal-tile{height:200px;min-height:200px!important}#portal-home .portal-tile h2{font-size:16px}#portal-home .tile-icon{width:40px;height:40px;flex-basis:40px}#portal-home .tile-copy p{font-size:11px}#portal-home .tile-link{font-size:12px}#gate h1{font-size:29px}#gate h1 em{font-size:49px}}
/* Final reference scale and readable details at desktop resolution. */
@media(min-width:1451px){.rail nav a b{font-size:14px}#shop .shop-banner h1 strong{font-size:82px;transform:scaleX(1.22);transform-origin:left center}#shop .shop-banner h1 em{font-size:63px;transform:skew(-12deg) scaleX(1.1);transform-origin:left center}#shop .shop-banner{padding-top:9px;padding-bottom:9px}#shop .shop-banner p{font-size:14px}#shop .vehicle-body h2{font-size:32px}#shop .vehicle-body p.vehicle-description{font-size:14px;line-height:1.45}#shop .vehicle-body>.vehicle-price{font-size:34px}#shop .vehicle-body>small{font-size:12px}#shop .vehicle-specs dt,.speed-data small,.speed-data span{font-size:13px}#shop .vehicle-specs dd,.speed-data b{font-size:15px}#shop .vehicle-action{font-size:14px}#shop .catalog-tools input,#shop .catalog-tools select{font-size:14px}#shop .vehicle-visual img{object-position:center 63%}#shop .vehicle-card{height:224px}}
body[data-auth=pending] .navigation-motto{margin-left:auto}body[data-auth=pending] .topline #identity{display:none}
body:has(#shop:not([hidden])) .topline>div:nth-child(2){display:flex;top:12px;right:0}body:has(#shop:not([hidden])) .topline #identity{display:none}body:has(#shop:not([hidden])) .topline #logout{font-size:10px;padding:7px 12px;background:#080c17a0;border-color:#59607244}
#shop .shop-ssasa h1 strong,#shop .shop-benny h1 strong{font-size:clamp(35px,3.5vw,65px);transform:none}
#gate h1 em,#portal-home>h1 em,.portal-sign,#shop .shop-banner h1 em,.image-signature b{font-family:'Road Rage',Knewave,Impact,sans-serif}
#gate h1 em{font-size:clamp(76px,7.6vw,137px);line-height:.82;letter-spacing:0}#portal-home>h1 em{font-size:112px;line-height:.8;letter-spacing:0}.portal-sign{font-size:49px;line-height:.8}#shop .shop-banner h1 em{font-size:85px;line-height:.65}.image-signature b{font-size:43px;line-height:.7}
@media(max-width:700px){#gate h1 em{font-size:76px;line-height:.85}#portal-home>h1 em{font-size:84px}#shop .shop-banner h1 em{font-size:57px;line-height:.75}.image-signature b{font-size:35px}}

.gate-features>div>b svg{display:block;width:32px;height:32px}
#shop .vehicle-visual img{object-fit:contain!important;object-position:center!important}
@media(min-width:1451px){#shop .shop-banner{background-position:center 58%}#shop .shop-banner h1 em{transform:skew(-12deg) scaleX(1.35)}}

#shop .vehicle-visual img.vehicle-backdrop{position:absolute;inset:0;object-fit:cover!important;filter:blur(18px) brightness(.45);transform:scale(1.1);pointer-events:none}#shop .vehicle-visual img:not(.vehicle-backdrop){position:relative;z-index:1}.manufacturer-badge,.image-signature{z-index:2}
