:root{--cream:#f4f0e7;--ink:#172a21;--green:#214c36;--line:#d9d7cd;--muted:#6c746c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-family:Oswald,sans-serif;font-size:25px;font-weight:700;letter-spacing:-.5px;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:39px;height:39px;border:2px solid var(--green);border-radius:50%;font-size:18px;font-style:italic;color:var(--green);letter-spacing:-2px}.brand-dot,.accent{color:#638d62}.nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}.nav a:hover,.text-link:hover{color:#6b8f62}.header-right{display:flex;gap:14px;align-items:center}select{background:transparent;border:1px solid var(--line);padding:10px;border-radius:2px;color:var(--ink);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 25px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:white}.btn-dark:hover{background:var(--green)}.btn-outline{border:1px solid var(--ink)}.btn-light{background:var(--cream);color:var(--ink)}.menu{display:none;background:none;border:0;font-size:26px}.section{padding:110px max(7vw,25px)}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:65px;padding-bottom:90px}.eyebrow{font-family:Oswald,sans-serif;font-size:12px;letter-spacing:2.2px;font-weight:600;color:#517456}.hero h1,h2{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:-1.8px;line-height:1.07;margin:22px 0}.hero h1{font-size:clamp(54px,6.4vw,104px)}.lead{max-width:450px;font-size:17px;line-height:1.75;color:#4d594e}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:31px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:700}.price{display:flex;gap:15px;align-items:center;margin-top:37px}.price strong{font-family:Oswald;font-size:35px}.price span{font-size:12px;color:var(--muted);max-width:180px}.hero-visual{min-height:490px;display:flex;align-items:center}.visual-stage{height:480px;width:100%;position:relative;background:radial-gradient(ellipse at 48% 54%,#e7e4d9 0,#eeece4 48%,transparent 72%);overflow:hidden}.visual-tag{position:absolute;top:45px;right:18px;font:700 18px Oswald;letter-spacing:2px;text-align:right;color:#758274}.visual-tag small{font-size:10px;letter-spacing:2px}.ramp{position:absolute;left:20%;top:42%;width:64%;height:115px;border-radius:16px 18px 35px 32px;background:repeating-linear-gradient(132deg,transparent 0 4px,#171b19 5px 6px),linear-gradient(150deg,#4b504c,#0c0e0d 45%,#252927);transform:rotate(-17deg) skewX(-8deg);box-shadow:13px 24px 18px #1519153d,inset 0 8px 11px #ffffff15;border:8px solid #232724}.ramp:before{content:'';position:absolute;inset:15px 18px 23px;border:3px solid #626862;border-radius:50% 50% 34% 34%;box-shadow:inset 0 6px 14px #000}.ramp-back{top:29%;left:33%;transform:rotate(17deg) skewX(-8deg);opacity:.75;filter:brightness(.85)}.ramp-front{top:51%}.visual-caption{position:absolute;bottom:27px;left:25px;color:#7b8278;font-size:12px}.ticker{display:flex;align-items:center;justify-content:space-around;gap:15px;background:var(--green);color:white;padding:20px 15px;font:500 13px Oswald;letter-spacing:1.5px;flex-wrap:wrap}.section-head{display:flex;justify-content:space-between;align-items:start;gap:30px}.section-head h2{font-size:clamp(44px,5vw,70px);margin-top:0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.benefit-grid article{border-top:1px solid #b8c2b7;padding:25px 12px 20px 0}.benefit-icon{font-size:42px;color:var(--green)}h3{font:500 23px Oswald;text-transform:uppercase;margin:20px 0 10px}.benefit-grid p{font-size:14px;color:var(--muted);line-height:1.7}.details{background:#e6e8df;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.details-image{height:450px;background:#d4dcd1;display:grid;place-items:center;overflow:hidden}.diagram{position:relative;width:100%;height:100%}.wheel{position:absolute;width:240px;height:240px;border:53px solid #202522;border-radius:50%;top:55px;left:calc(50% - 120px);box-shadow:inset 0 0 0 18px #aab2aa,0 8px 18px #0002}.diagram-ramp{position:absolute;bottom:65px;left:19%;width:62%;height:55px;background:#242a26;border-radius:14px 14px 28px 28px;box-shadow:0 14px 14px #0002}.diagram span{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:12px;color:#556458}.details h2,.story h2,.faq h2,.cta h2{font-size:clamp(46px,5vw,74px)}.details-copy>p,.story>p{font-size:16px;line-height:1.8;color:#59655a;max-width:530px}.specs{display:grid;gap:13px;margin:30px 0}.specs div{display:flex;justify-content:space-between;border-bottom:1px solid #c6cfc5;padding:10px 0;gap:10px}.specs strong{font:500 17px Oswald}.specs span{font-size:12px;color:#69776b}.story{text-align:center;padding-top:130px;padding-bottom:130px}.story p{margin:0 auto 30px}.faq{background:#ecebe3}.faq-list{max-width:850px;margin:30px auto 0}details{border-bottom:1px solid #c9c9c0;padding:19px 0}summary{font:500 21px Oswald;text-transform:uppercase;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';font:400 25px 'DM Sans'}details[open] summary:after{content:'−'}details p{max-width:690px;font-size:15px;line-height:1.7;color:#58645b}.cta{padding:90px max(7vw,25px);background:var(--green);color:white;display:flex;justify-content:space-between;align-items:end;gap:30px}.cta .eyebrow{color:#b4d2af}.cta h2{margin-bottom:15px}.cta p{color:#d4e2d0}footer{padding:65px max(7vw,25px) 30px;display:grid;grid-template-columns:1fr 1fr;gap:45px}footer p{color:var(--muted);font-size:13px}.footer-links{display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap;font-size:13px;font-weight:600}footer small{grid-column:1/-1;color:var(--muted);font-size:11px;border-top:1px solid var(--line);padding-top:24px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.nav{display:none;position:absolute;top:90px;left:0;right:0;background:var(--cream);padding:30px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu{display:block}.hero,.details{grid-template-columns:1fr}.hero{padding-top:65px}.hero-visual{min-height:350px}.visual-stage{height:380px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.details-image{height:350px}.section{padding:75px 6vw}.header{padding:0 5vw}.header-buy{display:none}}@media(max-width:550px){.hero h1{font-size:59px}.hero{gap:0}.hero-visual{min-height:290px}.visual-stage{height:300px}.ramp{height:75px}.benefit-grid{grid-template-columns:1fr}.section-head{display:block}.details-image{height:330px}.cta{display:block}.cta .btn{margin-top:25px}.ticker{font-size:11px}.ticker span:nth-child(even){display:none}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start;display:grid}.price{align-items:start}}

/* Real product photography and authentic DT logo — v2 */
.brand{gap:11px}.brand-logo{width:51px;height:51px;object-fit:contain;border-radius:50%;flex-shrink:0}.brand-name{font-size:22px;letter-spacing:.2px}.section{padding-top:78px;padding-bottom:78px}.hero{min-height:610px;padding-top:48px;padding-bottom:55px;gap:30px}.hero h1{font-size:clamp(52px,6vw,90px)}.hero-visual{min-height:410px}.visual-stage{height:450px;display:flex;align-items:center;justify-content:center;background:#eeeae1;border-radius:3px}.hero-product{display:block;width:96%;height:88%;object-fit:contain;mix-blend-mode:multiply}.visual-caption{bottom:15px}.details-image{height:450px;background:#d9ded6}.details-image img{width:100%;height:100%;object-fit:cover;object-position:center}.story{padding-top:85px;padding-bottom:90px}.photo-band{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;padding:8px;background:#e6e8df}.photo-band img{width:100%;height:340px;object-fit:cover;display:block}.photo-band img:nth-child(2){object-position:center 65%}.photo-band img:nth-child(3){object-position:center 55%}@media(max-width:900px){.section{padding:65px 6vw}.hero{padding-top:45px}.hero-visual{min-height:350px}.visual-stage{height:380px}.photo-band img{height:260px}.brand-name{font-size:19px}}@media(max-width:550px){.brand-logo{width:42px;height:42px}.brand-name{font-size:18px}.header{gap:8px}.header-right{gap:7px}.hero{padding-bottom:40px}.hero-visual{min-height:300px}.visual-stage{height:310px}.hero-product{height:90%}.photo-band{grid-template-columns:1fr 1fr}.photo-band img{height:215px}.photo-band img:first-child{grid-column:1/-1;height:230px}}

/* v3: real Porsche and manual product carousel */
.product-carousel{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-slides{position:relative;width:100%;height:90%}.product-slides .hero-product{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;transition:opacity .25s ease;mix-blend-mode:multiply}.product-slides .hero-product.active{opacity:1;visibility:visible}.carousel-arrow{position:absolute;z-index:2;top:46%;transform:translateY(-50%);border:1px solid #b8b9ae;background:#f4f0e7e8;color:var(--ink);width:39px;height:46px;font-size:32px;line-height:1;cursor:pointer}.carousel-arrow:hover{background:#fff}.carousel-arrow.prev{left:7px}.carousel-arrow.next{right:7px}.carousel-dots{position:absolute;bottom:40px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:2}.carousel-dots button{border:0;border-radius:50%;background:#b4b7aa;width:8px;height:8px;padding:0;cursor:pointer}.carousel-dots button.active{background:var(--ink);transform:scale(1.25)}.visual-caption{z-index:2}.details-image img{object-position:50% 64%}.photo-band img:nth-child(3){object-position:center 82%}@media(max-width:550px){.carousel-arrow{width:32px;height:39px;font-size:27px}.carousel-dots{bottom:33px}.product-slides{height:85%}}

/* V5: Center the benefits headline and frame the Porsche tyre support */
.benefits .section-head{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
.benefits .section-head h2{margin:0 auto 54px;max-width:850px}
.benefits .section-head .eyebrow{align-self:center}
.details-image img{object-position:50% 100%}
@media(max-width:900px){.details-image img{object-position:50% 100%}}

/* V6: refined, unobtrusive product gallery controls */
.product-carousel .carousel-arrow{border:0;background:transparent;box-shadow:none;color:#183b2c;width:38px;height:54px;font-size:40px;font-weight:300;opacity:.68;transition:opacity .2s,transform .2s;text-shadow:0 1px 3px #f4f0e7;outline-offset:2px}
.product-carousel .carousel-arrow:hover,.product-carousel .carousel-arrow:focus-visible{background:transparent;opacity:1;transform:translateY(-50%) scale(1.12)}
.product-carousel .carousel-arrow.prev{left:4px}.product-carousel .carousel-arrow.next{right:4px}
.benefits .section-head{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
.benefits .section-head h2{margin:0 auto 54px;max-width:850px}.benefits .section-head .eyebrow{align-self:center}
.details-image img{object-position:50% 100%}
.journal{max-width:1100px;margin:auto}.journal h1{font:700 clamp(46px,7vw,85px) Oswald,sans-serif;line-height:1.08;text-transform:uppercase;margin:22px 0}.journal-intro{font-size:17px;line-height:1.8;color:#58645b;max-width:750px}.journal-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:48px 0}.journal-card{border:1px solid #d3d5ca;background:#f7f4ec;overflow:hidden}.journal-card img{width:100%;height:240px;object-fit:cover;display:block}.journal-card-body{padding:25px}.journal-card h2{font:600 28px Oswald,sans-serif;text-transform:uppercase;line-height:1.2}.journal-card p,.article-content p{color:#58645b;line-height:1.85}.article-content{max-width:780px;margin:auto}.article-content h2{font:600 33px Oswald,sans-serif;text-transform:uppercase;margin-top:44px}.article-content img{width:100%;max-height:450px;object-fit:cover;margin:28px 0}.journal-back{display:inline-block;margin-bottom:24px;font-weight:700;font-size:14px}
@media(max-width:650px){.journal-cards{grid-template-columns:1fr}.product-carousel .carousel-arrow{font-size:32px;width:30px}}

/* V7: pre-cropped image displays the tyre and the ramp */
.details-image img{object-position:center center}