:root{--bg:#090c0f;--panel:#101519;--panel2:#151b20;--line:#c9dae421;--white:#f3f5f5;--muted:#86949e;--accent:#a9c7d6;--accent-hot:#d4e7ee;--radius:9px;--content:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{width:min(calc(100% - 64px),var(--content));margin:auto}.eyebrow{letter-spacing:.27em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.eyebrow:before{content:"";background:var(--accent);vertical-align:middle;width:24px;height:1px;margin-right:12px;display:inline-block}.display{letter-spacing:-.025em;text-transform:uppercase;font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;line-height:.91}.accent{color:var(--accent)}header{z-index:5;background:linear-gradient(#0000008c,#0000000a);border-bottom:1px solid #ffffff17;position:absolute;top:0;left:0;right:0}.nav{justify-content:space-between;align-items:center;gap:28px;height:94px;display:flex}.brand{letter-spacing:-.03em;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:31px;font-style:italic;font-weight:900;line-height:.85}.brand span{color:var(--accent)}.brand small{letter-spacing:.34em;color:#bac5ca;font-family:DM Sans,sans-serif;font-size:8px;font-style:normal;font-weight:600;line-height:2.1;display:block}.nav-links{align-items:center;gap:37px;display:flex}.nav-links a{letter-spacing:.16em;text-transform:uppercase;color:#a8b2ba;font-size:11px;font-weight:700;transition:all .2s}.nav-links a:hover,.nav-links a.active{color:var(--white)}.nav-links a.active:after{content:"";background:var(--accent);height:2px;margin-top:9px;display:block}.btn{border:1px solid var(--accent);color:var(--accent-hot);text-transform:uppercase;letter-spacing:.12em;background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:12px;padding:13px 19px;font-size:11px;font-weight:700;transition:all .25s;display:inline-flex}.btn:hover{background:var(--accent);color:#091016}.btn-solid{background:var(--accent);color:#081116}.btn-solid:hover{background:#d7e7ee}.menu-toggle{border:1px solid var(--line);color:#fff;background:#0006;padding:5px 10px;font-size:24px;display:none}.hero{isolation:isolate;background:#10171c;align-items:center;height:min(860px,100svh);min-height:820px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background-image:linear-gradient(90deg,#040709f5 0%,#040709c4 34%,#04070938 68%,#04070957 100%),linear-gradient(#0000 76%,#090c0f 99%),url(/images/premium/hero-porsche.jpg);background-position:50%,50%,50% 53%;background-size:cover;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;z-index:-1;opacity:.28;background-image:linear-gradient(#b0cfdb12 1px,#0000 1px),linear-gradient(90deg,#b0cfdb12 1px,#0000 1px);background-size:62px 62px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#000,#0000 77%)}.hero-content{padding-top:90px}.hero h1{max-width:780px;margin:29px 0 25px;font-size:clamp(78px,9.2vw,148px)}.hero-desc{color:#bdc7cb;max-width:385px;margin:0 0 30px;font-size:15px;line-height:1.8}.actions{flex-wrap:wrap;gap:12px;display:flex}.actions .btn{min-width:173px}.hero-bottom{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:38px;left:0;right:0}.hero-facts{gap:30px;display:flex}.fact{border-right:1px solid var(--line);padding-right:30px}.fact:last-child{border:0}.fact strong{font-family:Barlow Condensed;font-size:32px;font-weight:800;line-height:1;display:block}.fact span{color:#9faab0;letter-spacing:.16em;text-transform:uppercase;font-size:9px}.scroll{color:#8698a2;letter-spacing:.2em;text-transform:uppercase;font-size:10px}.scroll:after{content:"↓";color:var(--accent);margin-left:11px}.inventory{background:#090c0f;padding:104px 0 110px;position:relative}.section-top{justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px;display:flex}.section-top h2{margin:20px 0 0;font-size:clamp(44px,5.7vw,77px)}.section-side{color:#9eacb4;max-width:280px;font-size:13px;line-height:1.75}.text-link{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-top:12px;font-size:11px;font-weight:700;display:inline-block}.text-link:hover{text-decoration:underline}.cars{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.car{border:1px solid var(--line);border-radius:var(--radius);background:#11171b;min-width:0;transition:transform .25s,border-color .25s;overflow:hidden}.car:hover{border-color:#a9c7d680;transform:translateY(-5px)}.car-photo{background:linear-gradient(145deg,#20282e,#080c0e);height:256px;position:relative;overflow:hidden}.car-photo img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.car:hover .car-photo img{transform:scale(1.055)}.car-tag{letter-spacing:.13em;text-transform:uppercase;background:#070b0dd9;border:1px solid #ffffff26;padding:7px 11px;font-size:10px;position:absolute;top:17px;left:18px}.car-price{color:#eef5f8;letter-spacing:.02em;border-left:2px solid var(--accent);background:#0b1014;padding:9px 15px;font-family:Barlow Condensed;font-size:24px;font-weight:800;position:absolute;bottom:14px;right:14px}.car-info{padding:25px 23px 24px}.car-heading{justify-content:space-between;align-items:start;gap:10px;display:flex}.car h3{text-transform:uppercase;margin:0 0 6px;font-family:Barlow Condensed;font-size:30px;font-weight:800}.car-year{color:#8a9da8;margin-top:7px;font-size:11px}.car-sub{color:#90a0aa;margin-bottom:20px;font-size:12px}.specs{border-top:1px solid var(--line);color:#a6b3bb;justify-content:space-between;gap:15px;padding-top:18px;font-size:11px;display:flex}.specs b{color:#d8e1e5;font-weight:500}.car .text-link{margin-top:20px}.car-photo.photo-2 img{object-position:center 58%}.car-photo.photo-3 img{object-position:center 55%}.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0f1519;position:relative;overflow:hidden}.statement-inner{justify-content:space-between;align-items:center;gap:40px;min-height:275px;display:flex}.statement h2{margin:15px 0;font-size:clamp(45px,6vw,78px)}.statement p{color:#9eacb4;max-width:330px;font-size:14px;line-height:1.7}.statement .ring{pointer-events:none;border:1px solid #a9c7d61c;border-radius:50%;width:320px;height:320px;position:absolute;top:-20px;right:7%;box-shadow:0 0 0 55px #a9c7d606,0 0 0 110px #a9c7d605}.contact{background:#0a0d10;padding:90px 0 95px}.contact-grid{justify-content:space-between;align-items:end;gap:30px;display:flex}.contact h2{margin:18px 0;font-size:clamp(49px,6.5vw,88px)}.contact p{color:#9aabb5;font-size:13px;line-height:1.75}.contact-actions{flex-wrap:wrap;gap:13px;padding-bottom:8px;display:flex}footer{border-top:1px solid var(--line);background:#070a0c;padding:39px 0 30px}.foot-top{justify-content:space-between;align-items:center;gap:30px;padding-bottom:35px;display:flex}.foot-links{color:#92a1a9;text-transform:uppercase;letter-spacing:.12em;gap:30px;font-size:11px;display:flex}.foot-links a:hover{color:var(--accent)}.foot-bottom{border-top:1px solid var(--line);color:#687981;justify-content:space-between;align-items:center;gap:15px;padding-top:23px;font-size:11px;display:flex}.foot-bottom span:last-child{color:var(--accent)}@media (width<=930px){.nav-links{gap:17px}.nav-links a{font-size:10px}.hero{min-height:720px}.cars{gap:12px}.car-photo{height:190px}.car-info{padding:18px}.specs{flex-wrap:wrap;justify-content:start}.car h3{font-size:26px}}@media (width<=680px){.container{width:min(calc(100% - 36px),var(--content))}.nav{height:72px}.brand{font-size:27px}.nav>.btn{display:none}.menu-toggle{display:block}.nav-links{border-bottom:1px solid var(--line);background:#0b1014;flex-direction:column;align-items:stretch;padding:24px 18px;display:none;position:absolute;top:72px;left:0;right:0}.nav-links.open{display:flex}.nav-links a{padding:8px}.hero{height:92svh;min-height:690px}.hero:before{background-image:linear-gradient(90deg,#040709f0,#0407096b),linear-gradient(#0000 65%,#090c0f),url(/images/premium/hero-porsche.jpg);background-position:50%,50%,62%}.hero-content{padding-top:70px}.hero h1{margin:21px 0;font-size:clamp(66px,16vw,103px)}.hero-desc{max-width:320px;font-size:13px}.hero-bottom{bottom:29px}.hero-facts{gap:13px}.fact{padding-right:13px}.fact strong{font-size:25px}.fact span{font-size:8px}.scroll{display:none}.inventory{padding:72px 0}.section-top{margin-bottom:28px;display:block}.section-top h2{font-size:59px}.section-side{max-width:none;margin-top:17px}.cars{grid-template-columns:1fr;gap:19px}.car-photo{height:230px}.car h3{font-size:30px}.specs{justify-content:space-between}.statement-inner{flex-direction:column;justify-content:center;align-items:start;gap:0;min-height:320px}.statement h2{font-size:58px}.statement .ring{right:-210px}.contact{padding:75px 0}.contact-grid{display:block}.contact h2{font-size:65px}.contact-actions{margin-top:25px}.foot-top{flex-direction:column;align-items:flex-start}.foot-links{flex-wrap:wrap;gap:18px}.foot-bottom{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.car{border-color:#a9c7d62e;transition:transform .32s,border-color .32s,box-shadow .32s,background .32s;position:relative;box-shadow:0 12px 34px #00000021}.car:hover,.car:focus-within{border-color:var(--accent);background:#141c21;transform:translateY(-9px);box-shadow:0 20px 50px #00000075,0 0 0 1px #a9c7d621}.car h3{margin-bottom:8px;padding-bottom:11px;display:inline-block;position:relative}.car h3:after{content:"";background:var(--accent);width:43px;height:2px;transition:width .38s;position:absolute;bottom:0;left:0}.car:hover h3:after,.car:focus-within h3:after{width:100%}.car-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#05090c47);position:absolute;inset:0}.car-price{z-index:1;border:1px solid #a9c7d640;border-bottom:2px solid var(--accent);border-radius:5px;transition:background .25s,color .25s}.car:hover .car-price{background:var(--accent);color:#071116}.car-info{flex-direction:column;min-height:250px;display:flex}.car-sub{letter-spacing:.025em}.car-features{flex-wrap:wrap;gap:6px;margin:0 0 20px;padding:0;list-style:none;display:flex}.car-features li{color:#b9c6ce;background:#252e34;border:1px solid #dcecf50f;border-radius:3px;padding:6px 8px;font-size:10px;line-height:1.3}.car .specs{margin-top:auto}.car .text-link{align-self:flex-end;margin-top:17px;transition:color .25s,transform .25s}.car:hover .text-link{color:var(--accent-hot);transform:translate(3px)}.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080b0e}.about-stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:20px;padding:48px 0 52px;display:grid}.about-stat strong{color:var(--accent-hot);font-family:Barlow Condensed,sans-serif;font-size:clamp(44px,5vw,67px);font-weight:800;line-height:1;display:block}.about-stat span{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:7px;font-size:10px;display:block}.marquee{border-block:1px solid var(--line);white-space:nowrap;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;background:#0d1317;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700;overflow:hidden}.marquee-track{gap:42px;width:max-content;padding:14px 0;animation:35s linear infinite gtMarquee;display:flex}.marquee-track span{flex-shrink:0}.marquee-track b{color:#647b87;margin-left:42px;font-weight:500}@keyframes gtMarquee{to{transform:translate(-50%)}}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,6vw,86px);padding:85px 0 95px;display:grid}.about-copy .display{margin:20px 0 25px;font-size:clamp(47px,5vw,78px)}.about-copy p{color:#abb8c0;max-width:490px;margin:0 0 28px;font-size:14px;line-height:1.85}.about-benefits{max-width:500px;margin:0 0 25px;padding:0;list-style:none}.about-benefits li{border-bottom:1px solid var(--line);color:#dae2e6;align-items:center;gap:13px;padding:15px 0;font-size:13px;display:flex}.about-benefits li:before{content:"✓";border:1px solid var(--accent);color:var(--accent);border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:11px;font-weight:700;display:grid}.about-visual{aspect-ratio:1.19;background:#192127;border-radius:5px;position:relative;overflow:hidden}.about-visual img{object-fit:cover;filter:saturate(.75);width:100%;height:100%;display:block}.about-visual:after{content:"";pointer-events:none;border:1px solid #a9c7d638;position:absolute;inset:0}.about-visual-caption{border-left:2px solid var(--accent);letter-spacing:.18em;text-transform:uppercase;color:#e0ebf0;background:#04090dd1;padding:12px 15px;font-size:10px;position:absolute;bottom:22px;left:23px}@media (width<=680px){.about-stats{grid-template-columns:repeat(2,1fr);row-gap:29px;padding:40px 0}.about-content{grid-template-columns:1fr;gap:36px;padding:64px 0}.about-visual{aspect-ratio:1.25}.about-copy .display{font-size:54px}.car-info{min-height:initial}.marquee{font-size:15px}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}
