:root{--bg:#08090b;--panel:#0c0e11;--text:#f0f1f2;--muted:#999da2;--silver:#d7dade;--gold:#c9a35c;--pad:clamp(22px,5.5vw,96px);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.wheel-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:112px;display:flex;align-items:center;padding:0 var(--pad)}.wheel-header__logo{z-index:2;width:clamp(80px,7.7vw,106px);flex:none}.wheel-header__logo img{display:block;width:100%}.wheel-header__trace{height:1px;flex:1;margin-left:-8px;background:linear-gradient(90deg,rgba(215,218,222,.55),rgba(201,163,92,.42),rgba(215,218,222,.1))}.wheel-nav{display:flex;gap:clamp(18px,2.3vw,38px);margin-left:clamp(25px,4vw,68px)}.wheel-nav a,.wheel-header__cta{color:#b9bbc0;font-size:10px;font-weight:600;letter-spacing:.08em}.wheel-header__cta{margin-left:clamp(24px,3vw,48px);padding:12px 17px;border:1px solid rgba(215,218,222,.22)}.wheel-nav a:hover,.wheel-header__cta:hover{color:var(--gold)}
.wheel-hero{position:relative;min-height:max(820px,100svh);overflow:hidden}.wheel-hero__media{position:absolute;inset:0}.wheel-hero__media img{width:100%;height:100%;object-fit:cover;filter:brightness(.57) saturate(.72);animation:car-settle 1.7s cubic-bezier(.2,.7,.2,1) both}.wheel-hero__media span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,9,.97),rgba(6,7,9,.76) 31%,rgba(6,7,9,.06) 64%),linear-gradient(0deg,rgba(6,7,9,.62),transparent 46%)}.wheel-hero__media i{position:absolute;inset:-20%;background:conic-gradient(from 160deg at 61% 63%,transparent 0 44%,rgba(226,229,232,.12) 47%,rgba(201,163,92,.07) 49%,transparent 53%);opacity:0;animation:rim-pass 1.4s ease-out .3s both}.wheel-hero__backdrop{position:absolute;right:-4vw;bottom:2vh;color:rgba(215,218,222,.024);font:600 clamp(110px,20vw,320px)/.8 Manrope;letter-spacing:-.08em}.wheel-hero__content{position:relative;z-index:2;width:min(690px,48vw);padding-top:clamp(170px,18vh,225px);margin-left:var(--pad)}.wheel-eyebrow,.wheel-marker{margin:0;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.wheel-rule{display:block;width:min(190px,28vw);height:1px;margin:18px 0 26px;background:linear-gradient(90deg,var(--silver),var(--gold),transparent);transform-origin:left}.wheel-hero h1,.wheel-heading h2,.finish-copy h2,.stance-copy h2,.workshop-copy h2,.planning-copy h2,.wheel-closing h2{margin:0;font:500 clamp(46px,6.5vw,100px)/.89 Manrope;letter-spacing:-.064em;text-transform:uppercase}.wheel-hero h1 span{color:rgba(215,218,222,.67)}.wheel-hero__content h2{margin:clamp(27px,4vh,43px) 0 0;font:500 clamp(20px,2vw,29px)/1.18 Manrope;letter-spacing:-.025em}.wheel-hero__content>p:last-of-type{max-width:590px;margin:20px 0 0;color:#aaaeb3;font-size:clamp(12px,1vw,15px);line-height:1.72}.wheel-actions{display:flex;gap:12px;margin-top:30px}.wheel-button{display:inline-flex;justify-content:center;align-items:center;min-height:45px;padding:0 19px;border:1px solid rgba(215,218,222,.25);font-size:10px;font-weight:600}.wheel-button--primary{background:linear-gradient(105deg,#d7dade,#b79454);color:#101114;border:0}.wheel-hero__micro{position:absolute;z-index:2;right:var(--pad);bottom:42px;display:flex;gap:24px;color:rgba(215,218,222,.5);font-size:8px;letter-spacing:.17em;text-transform:uppercase}@keyframes car-settle{from{filter:brightness(.4) saturate(.58);transform:scale(1.025)}to{filter:brightness(.57) saturate(.72);transform:scale(1)}}@keyframes rim-pass{0%{opacity:0;rotate:-8deg}45%{opacity:.8}100%{opacity:0;rotate:13deg}}
.look-section,.fitment-section,.finish-section,.wheel-planning{padding:clamp(110px,13vw,200px) var(--pad)}.wheel-heading{max-width:920px;margin-left:clamp(0px,6vw,100px)}.wheel-comparison{--reveal:50%;position:relative;aspect-ratio:16/8.7;margin-top:clamp(64px,8vw,120px);overflow:hidden;background:#0b0c0e;touch-action:pan-y}.wheel-comparison>img,.wheel-comparison__after,.wheel-comparison__after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wheel-comparison__after{clip-path:inset(0 0 0 var(--reveal))}.wheel-comparison__label{position:absolute;z-index:3;top:25px;padding:7px 10px;background:rgba(6,7,9,.68);font-size:8px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.wheel-comparison__label--before{left:25px}.wheel-comparison__label--after{right:25px}.wheel-comparison__divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--reveal);width:1px;translate:-50%;background:linear-gradient(transparent,rgba(215,218,222,.8) 22%,var(--gold) 52%,rgba(215,218,222,.7) 80%,transparent)}.wheel-comparison__cursor{--x:50%;--y:50%;position:absolute;z-index:5;left:0;top:0;padding:7px 9px;opacity:0;translate:var(--x) var(--y);transform:translate(-50%,-50%);border:1px solid rgba(215,218,222,.27);background:rgba(7,8,10,.78);font:500 11px Manrope;pointer-events:none}.wheel-comparison__cursor span{font-size:7px;letter-spacing:.16em;text-transform:uppercase}.look-copy{max-width:690px;margin:clamp(48px,6vw,86px) 0 0 auto}.wheel-microline{margin:0;color:rgba(201,163,92,.78);font-size:8px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.look-copy h3{margin:18px 0 0;font:500 clamp(35px,4.6vw,68px)/.98 Manrope;letter-spacing:-.05em}.look-copy>p:last-child,.finish-copy>p,.stance-copy>p,.workshop-copy>p:not(.wheel-marker):not(.wheel-microline),.planning-copy>p,.wheel-closing__content>p{max-width:660px;margin:23px 0 0;color:var(--muted);font-size:clamp(13px,1vw,16px);line-height:1.72}@media(hover:hover) and (pointer:fine){.motion-ready .wheel-comparison{cursor:none}.motion-ready .wheel-comparison.is-active .wheel-comparison__cursor{opacity:1}}
.fitment-section{background:#0a0b0d;overflow:hidden}.fitment-section .wheel-heading{margin-left:auto}.fitment-scene{position:relative;min-height:clamp(720px,66vw,990px);margin-top:clamp(65px,8vw,115px);overflow:hidden}.fitment-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.66) saturate(.68);transform:scale(1.025)}.fitment-scene__shade{position:absolute;inset:0;background:radial-gradient(circle at 53% 52%,transparent 23%,rgba(7,8,10,.72) 78%)}.fitment-scene__sweep{position:absolute;inset:0;opacity:var(--rim-light,0);translate:var(--rim-x,-90%) 0;background:linear-gradient(110deg,transparent 35%,rgba(240,242,244,.17) 48%,rgba(201,163,92,.06) 53%,transparent 66%)}.fitment-note{position:absolute;z-index:2;width:min(275px,24%)}.fitment-note--diameter{left:3%;top:8%}.fitment-note--width{right:3%;top:9%}.fitment-note--offset{left:5%;bottom:7%}.fitment-note--tire{right:4%;bottom:6%}.fitment-note::before{content:'';display:block;width:36px;height:18px;border-top:1px solid rgba(201,163,92,.85);border-right:1px solid rgba(215,218,222,.4);transform:skewX(-25deg)}.fitment-note b{display:block;margin-top:14px;font:600 11px Manrope;letter-spacing:.14em;text-transform:uppercase}.fitment-note p{margin:9px 0 0;color:rgba(215,218,222,.68);font-size:11px;line-height:1.58}
.finish-section{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(60px,9vw,140px);align-items:center}.finish-copy h2,.stance-copy h2,.workshop-copy h2,.planning-copy h2{font-size:clamp(42px,5.4vw,78px)}.finish-themes{margin-top:44px}.finish-themes article{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:18px 0;border-top:1px solid rgba(215,218,222,.12)}.finish-themes b{color:var(--gold);font:600 9px Manrope;letter-spacing:.14em;text-transform:uppercase}.finish-themes span{color:#a9acb0;font-size:11px;line-height:1.5}.finish-visual{--light-x:55%;--light-y:50%;position:relative;aspect-ratio:1.05;overflow:hidden}.finish-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.65)}.finish-visual span{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 28%,rgba(7,8,10,.6))}.finish-visual i{position:absolute;inset:0;opacity:var(--finish-light,0);background:radial-gradient(ellipse 170px 300px at var(--light-x) var(--light-y),rgba(234,237,239,.2),rgba(201,163,92,.06) 38%,transparent 70%);transition:opacity .35s}
.stance-section{position:relative;min-height:clamp(720px,70vw,1020px);display:flex;align-items:center;overflow:hidden}.stance-media{position:absolute;inset:0}.stance-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.57) saturate(.67);transform:scale(1.025)}.stance-media span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,9,.93),rgba(6,7,9,.55) 36%,rgba(6,7,9,.05) 67%),linear-gradient(0deg,rgba(6,7,9,.55),transparent 48%)}.stance-copy{position:relative;z-index:2;width:min(610px,42vw);margin-left:var(--pad)}.stance-labels{position:absolute;right:var(--pad);bottom:46px;display:flex;gap:25px;color:rgba(215,218,222,.55);font-size:8px;letter-spacing:.16em;text-transform:uppercase}.wheel-workshop{position:relative;min-height:clamp(720px,68vw,980px);overflow:hidden}.wheel-workshop__media{position:absolute;inset:0}.wheel-workshop__media img{width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.68);transform:scale(1.025)}.wheel-workshop__media span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,9,.96),rgba(6,7,9,.74) 31%,rgba(6,7,9,.07) 64%)}.wheel-workshop__media i{position:absolute;inset:0;opacity:var(--work-light,0);translate:var(--work-x,-90%);background:linear-gradient(110deg,transparent 38%,rgba(236,239,241,.12) 49%,rgba(201,163,92,.05) 54%,transparent 66%)}.workshop-copy{position:relative;width:min(590px,42vw);margin-left:var(--pad);padding-top:clamp(130px,15vw,220px)}.workshop-copy .wheel-microline{margin-top:24px}.workshop-copy>a{display:inline-block;margin-top:29px;padding-bottom:8px;border-bottom:1px solid rgba(215,218,222,.28);font-size:11px;font-weight:600}.wheel-planning{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(60px,9vw,150px);align-items:end}.planning-labels{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(215,218,222,.16)}.planning-labels span{padding:20px 8px;color:rgba(215,218,222,.55);border-bottom:1px solid rgba(215,218,222,.1);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.planning-labels span:nth-child(even){text-align:right}
.wheel-closing{position:relative;min-height:clamp(680px,77svh,900px);display:flex;align-items:center;overflow:hidden;padding:clamp(120px,14vw,210px) var(--pad);background:linear-gradient(180deg,#0a0b0d,var(--bg))}.wheel-closing>b{position:absolute;right:-4vw;top:50%;color:rgba(215,218,222,.025);font:600 clamp(180px,28vw,440px)/.7 Manrope;letter-spacing:-.09em;transform:translateY(-50%)}.wheel-closing__content{position:relative;z-index:1;width:min(880px,75vw);margin-left:clamp(0px,7vw,120px)}.related-services{display:flex;gap:25px;margin-top:42px}.related-services a{color:#8f9297;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.wheel-footer{padding:0 var(--pad) max(30px,env(safe-area-inset-bottom))}.wheel-footer>em{display:block;height:1px;background:linear-gradient(90deg,rgba(215,218,222,.16),rgba(215,218,222,.62) 18%,rgba(201,163,92,.5) 60%,rgba(215,218,222,.08))}.wheel-footer__grid{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.7fr) minmax(220px,.8fr);gap:clamp(46px,8vw,130px);padding:clamp(64px,8vw,118px) 0 clamp(56px,7vw,96px)}.wheel-footer__identity img{width:clamp(132px,12vw,180px)}.wheel-footer__identity p{margin:28px 0 0;font:500 clamp(18px,1.7vw,24px) Manrope}.wheel-footer__identity small{display:block;max-width:390px;margin-top:15px;color:var(--muted);font-size:13px;line-height:1.7}.wheel-footer nav,.wheel-footer__contact{display:flex;align-items:flex-start;flex-direction:column;gap:15px}.wheel-footer nav p,.wheel-footer__contact p{margin:0 0 11px;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.wheel-footer nav a,.wheel-footer__contact a{color:var(--muted);font-size:13px}.wheel-footer__contact a{color:var(--text)}.wheel-footer__bottom{display:flex;justify-content:space-between;gap:28px;padding-top:24px;border-top:1px solid rgba(215,218,222,.09)}.wheel-footer__bottom nav{flex-direction:row;gap:26px}.wheel-footer__bottom a{color:#7f8287;font-size:10px}
.wheel-reveal{--progress:1}.motion-ready .wheel-reveal{opacity:var(--progress);translate:0 calc((1 - var(--progress))*18px)}.motion-ready .wheel-reveal .wheel-rule{scale:var(--progress) 1}.motion-ready .fitment-scene>img,.motion-ready .stance-media img,.motion-ready .wheel-workshop__media img{translate:0 var(--depth,0px);scale:1.025}
@media(max-width:900px){.wheel-header{height:90px}.wheel-header__logo{width:74px}.wheel-nav{display:none}.wheel-header__cta{margin-left:auto}.wheel-hero__content{width:min(650px,75vw);padding-top:145px}.wheel-comparison{aspect-ratio:4/3}.fitment-note{width:30%}.finish-section,.wheel-planning{grid-template-columns:1fr}.finish-visual{aspect-ratio:4/3}.stance-copy,.workshop-copy{width:min(600px,58vw)}.wheel-footer__grid{grid-template-columns:1.4fr .7fr}.wheel-footer__contact{grid-column:1/-1}}
@media(max-width:560px){.wheel-header__cta{display:none}.wheel-hero{min-height:920px;display:flex;align-items:flex-end}.wheel-hero__media img{height:53%;object-position:58% center}.wheel-hero__media span{background:linear-gradient(0deg,#07080a 5%,rgba(7,8,10,.97) 56%,rgba(7,8,10,.04) 84%)}.wheel-hero__content{width:auto;margin:0 var(--pad);padding:340px 0 62px}.wheel-hero h1{font-size:clamp(47px,14vw,70px)}.wheel-hero__micro{display:none}.wheel-actions{flex-direction:column}.wheel-button{width:100%}.look-section,.fitment-section,.finish-section,.wheel-planning{padding-top:92px;padding-bottom:92px}.wheel-heading{margin-left:0}.wheel-heading h2,.finish-copy h2,.stance-copy h2,.workshop-copy h2,.planning-copy h2,.wheel-closing h2{font-size:clamp(35px,10vw,49px)}.wheel-comparison{aspect-ratio:1/1}.wheel-comparison__label{top:12px}.wheel-comparison__label--before{left:12px}.wheel-comparison__label--after{right:12px}.fitment-scene{display:flex;min-height:0;flex-direction:column;gap:24px;padding-top:285px;overflow:visible}.fitment-scene>img{height:270px}.fitment-scene__shade,.fitment-scene__sweep{height:285px}.fitment-note,.fitment-note--diameter,.fitment-note--width,.fitment-note--offset,.fitment-note--tire{position:relative;inset:auto;width:100%;padding:0 4px 22px;border-bottom:1px solid rgba(215,218,222,.1)}.finish-section{gap:52px}.finish-visual{aspect-ratio:1}.finish-themes article{grid-template-columns:100px 1fr}.stance-section,.wheel-workshop{display:flex;min-height:0;flex-direction:column}.stance-media,.wheel-workshop__media{position:relative;height:410px}.stance-media img{object-position:57% center}.stance-media span,.wheel-workshop__media span{background:linear-gradient(0deg,#07080a,transparent 45%)}.stance-copy,.workshop-copy{width:auto;margin:0 var(--pad);padding:54px 0 92px}.stance-labels{display:none}.wheel-closing__content{width:100%;margin:0}.related-services{flex-wrap:wrap}.wheel-footer__grid{grid-template-columns:1fr;gap:48px}.wheel-footer__contact{grid-column:auto}.wheel-footer__bottom{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.wheel-hero__media img,.motion-ready .fitment-scene>img,.motion-ready .stance-media img,.motion-ready .wheel-workshop__media img{transform:none;translate:0;scale:1}.wheel-hero__media i,.fitment-scene__sweep,.finish-visual i,.wheel-workshop__media i,.wheel-comparison__cursor{display:none}.motion-ready .wheel-reveal{opacity:1;translate:0}.motion-ready .wheel-reveal .wheel-rule{scale:1}}