.thero{isolation:isolate;color:#fff;background:radial-gradient(40% 55% at 76% 62%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, #00000073, transparent 70%), repeating-linear-gradient(115deg, #ffffff05 0 2px, transparent 2px 22px), linear-gradient(180deg, var(--brand-dark) 0%, var(--brand-dark-2) 100%);align-items:center;min-height:min(86vh,920px);padding-block:clamp(32px,4vh,64px) calc(clamp(110px,12vw,150px) + 40px);display:grid;position:relative;overflow:hidden}.thero--photo:after{content:"";z-index:-1;background:linear-gradient(90deg, rgb(from var(--brand-dark) r g b / .9), rgb(from var(--brand-dark) r g b / .3));position:absolute;inset:0}.thero__photo{z-index:-2;object-fit:cover}.roost{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.thero__ghost{z-index:0;text-transform:uppercase;white-space:nowrap;color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--accent) 16%, transparent);pointer-events:none;animation:thGhostIn 1.2s var(--ease-out) both, thGhostDrift 26s linear 1.2s infinite alternate;font-size:clamp(110px,19vw,340px);font-style:italic;font-weight:900;line-height:.8;position:absolute;bottom:17%;right:-2vw}@keyframes thGhostIn{0%{opacity:0;transform:translate(30vw)}}@keyframes thGhostDrift{to{transform:translate(-6vw)}}.thero__streaks{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.thero__streaks i{top:calc(10% + var(--i) * 12%);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 55%, transparent), transparent);opacity:.5;width:clamp(120px,22vw,380px);height:2px;animation:1.1s linear infinite thStreak;animation-delay:calc(var(--i) * -.41s);position:absolute;left:0;transform:translate(110vw)}.thero__streaks i:nth-child(2n){opacity:.35;height:1px;animation-duration:.8s}.thero__streaks i:nth-child(3n){width:clamp(60px,10vw,180px);animation-duration:1.5s}@keyframes thStreak{to{transform:translate(-40vw)}}.thero__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(24px,4vw,72px);display:grid}.thero__in{z-index:3;justify-items:start;gap:20px;display:grid;position:relative}.thero__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);animation:thUp .5s var(--ease-out) both;align-items:center;gap:12px;font-size:12.5px;font-weight:600;display:inline-flex}.thero__eyebrow:before{content:"";background:var(--accent);transform-origin:0;width:44px;height:3px;animation:thBar .5s var(--ease-out) .1s both}@keyframes thBar{0%{transform:scaleX(0)}}.thero__title{letter-spacing:-.01em;text-transform:uppercase;color:#fff;margin:0;font-size:clamp(46px,min(6.4vw,11vh),108px);font-style:italic;font-weight:900;line-height:.9}.thero__word{vertical-align:top;margin:0 .18em -.08em 0;padding:.04em .08em .08em 0;display:inline-block;overflow:hidden}.thero__word>span{animation:thWord .55s var(--ease-out) forwards;animation-delay:calc(80ms + var(--i) * 60ms);display:inline-block;transform:translateY(105%)skewY(9deg)}.thero__word.is-hot>span{color:var(--accent)}@keyframes thWord{to{transform:none}}.thero__text{color:#ffffffbd;max-width:54ch;animation:thUp .5s var(--ease-out) .35s both;margin:0;font-size:clamp(15.5px,1.15vw,18px);line-height:1.65}@keyframes thUp{0%{opacity:0;transform:translateY(14px)}}.thero__cta{animation:thUp .5s var(--ease-out) .45s both;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:6px;display:flex}.thero__btn{height:56px;padding-inline:30px}.thero__link{font:600 13px var(--font-tech);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(var(--accent), var(--accent)) left bottom / 100% 2px no-repeat;align-items:center;gap:10px;padding:0 4px 4px;transition:color .15s;display:inline-flex}.thero__link:hover{color:var(--accent)}.thero__link svg{transition:transform .2s var(--ease-out)}.thero__link:hover svg{transform:translate(4px)}.thero__stats{animation:thUp .5s var(--ease-out) .55s both;border-top:1px solid #ffffff1f;flex-wrap:wrap;margin:18px 0 0;display:flex}.thero__stats>div{border-right:1px solid #ffffff1f;gap:4px;margin-right:30px;padding:16px 30px 0 0;display:grid}.thero__stats>div:last-child{border-right:0;margin-right:0}.thero__stats dt{letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;font-size:11px}.thero__stats dd{font-variant-numeric:tabular-nums;color:#fff;margin:0;font-size:clamp(34px,3vw,46px);font-style:italic;font-weight:900;line-height:1}.thero__official dd{font:italic 800 16px var(--font-display);color:var(--accent);align-self:end;padding-bottom:6px}.thero__art{z-index:0;aspect-ratio:1672/941;-webkit-mask-composite:source-in;pointer-events:none;position:absolute;inset:0 0 clamp(110px,12vw,150px) auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22%),linear-gradient(#000 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22%),linear-gradient(#000 88%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.thero__art:after{content:"";background:linear-gradient(90deg, rgb(from var(--brand-dark) r g b / .8) 0%, rgb(from var(--brand-dark) r g b / .45) 42%, rgb(from var(--brand-dark) r g b / .08) 66%, transparent 80%);position:absolute;inset:0}.thero__photo{object-fit:cover;object-position:50% 50%}.thero__art--graded .thero__photo{filter:grayscale()sepia(.6)saturate(1.35)brightness(.85)contrast(1.1)}@keyframes thArtIn{0%{opacity:0;transform:translate(5%)scale(1.04)}}@keyframes thArtDrift{to{transform:scale(1.035)translate(-.6%)}}.thero__visual{place-items:center;height:clamp(300px,60vh,600px);display:grid;position:relative}.spin{aspect-ratio:1;height:92%;animation:.14s linear 1.15s infinite thRumble;position:relative}@keyframes thRumble{25%{transform:translate(.6px,-1.4px)}50%{transform:translate(-.4px,.3px)}75%{transform:translate(.3px,-.8px)}}.spin__drop{transform-origin:50% 100%;animation:thDrop 1.1s var(--ease-out) both;position:absolute;inset:0}@keyframes thDrop{0%{opacity:0;transform:translate(34vw,-22vh)}52%{opacity:1;animation-timing-function:cubic-bezier(.3,0,.5,1);transform:none}66%{animation-timing-function:cubic-bezier(.5,0,.75,0);transform:translate(-4px,-22px)}80%{transform:scale(1.035,.955)}to{transform:none}}.spin__wheel{cursor:grab;touch-action:pan-y;will-change:transform;position:absolute;inset:0}.spin.is-held .spin__wheel{cursor:grabbing}.spin__svg,.spin__blur{width:100%;height:100%;display:block}.spin__blur{pointer-events:none;position:absolute;inset:0}.spin__blur g{transform-box:fill-box;transform-origin:50%;animation:.45s linear infinite spinArcs}@keyframes spinArcs{to{transform:rotate(360deg)}}.spin__lugs{fill:url(#st-tread);stroke:color-mix(in srgb, var(--accent) 22%, transparent);stroke-width:1.4px;stroke-linejoin:round}.spin__slits{stroke:#0c0a08;stroke-width:3.5px}.spin__groove{fill:none;stroke:#00000080;stroke-width:2px}.spin__wall-text{font:italic 900 28px var(--font-display);letter-spacing:.22em;text-anchor:middle;fill:color-mix(in srgb, var(--accent) 58%, transparent)}.spin__wall-text--small{letter-spacing:.34em;fill:color-mix(in srgb, var(--accent) 36%, transparent);font-size:14px;font-style:normal}.spin__bolt{fill:#1c1813;stroke:#8f6a34;stroke-width:1.4px}.spin__arc{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-dasharray:70 110;opacity:.55}.spin__arc--2{stroke-dasharray:26 160;opacity:.35}.spin__arc--3{stroke:#fff;stroke-dasharray:110 70;opacity:.1}.spin__arc--4{stroke-width:10px;stroke-dasharray:40 36;opacity:.22}.spin__hud{z-index:4;color:#fff;background:rgb(from var(--brand-dark) r g b / .72);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);pointer-events:none;animation:thUp .4s var(--ease-out) 1.2s both;grid-template-columns:auto auto;align-items:center;column-gap:10px;padding:8px 16px 8px 8px;display:grid;position:absolute;bottom:6%;left:-4%}.spin__gauge{grid-row:span 2;width:46px;height:46px;rotate:-90deg}.spin__gauge circle{fill:none;stroke-width:3.5px}.spin__gauge-track{stroke:#ffffff1f}.spin__gauge-fill{stroke:var(--accent);stroke-dasharray:1;stroke-dashoffset:1px}.spin__rpm{align-items:baseline;gap:6px;display:flex}.spin__rpm b{font-variant-numeric:tabular-nums;min-width:3ch;font-size:26px;font-style:italic;font-weight:900;line-height:1}.spin__rpm small{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:10.5px}.spin__hint{letter-spacing:.14em;text-transform:uppercase;color:#fff9;align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.thero__ground{filter:blur(4px);pointer-events:none;background:radial-gradient(closest-side,#000000bf,#0000);border-radius:50%;width:72%;height:34px;animation:.4s ease-out .55s both thUp;position:absolute;bottom:1%;left:14%}.trails{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.trails path{fill:none;stroke-linejoin:miter;stroke-miterlimit:12}.trails__line{stroke:var(--accent);stroke-dasharray:1;stroke-dashoffset:1px;animation:trDraw .55s var(--ease-out) forwards}.trails__line--0{stroke-width:6px}.trails__line--1{stroke-width:24px;opacity:.22;animation-delay:80ms}.trails__line--2,.trails__line--3{stroke-width:2px;opacity:.6;animation-delay:.16s}.trails__line--3{animation-delay:.3s}@keyframes trDraw{to{stroke-dashoffset:0}}.trails__cut{stroke:var(--brand-dark);stroke-width:12px;stroke-dasharray:0 .16 .014 .19 .008 .21 .018 .14 .01 1;opacity:0;animation:.2s linear .5s forwards thFade}@keyframes thFade{to{opacity:1}}.trails__pulse{stroke:#fff4df;stroke-width:4px;stroke-linecap:square;stroke-dasharray:.07 .93;stroke-dashoffset:.07px;opacity:0;animation:.1s linear .7s forwards thFade,1.25s linear .7s infinite trPulse}.trails__pulse--2{stroke-width:2px;animation:.1s linear 1s forwards thFade,1.9s linear 1s infinite trPulse}@keyframes trPulse{0%{stroke-dashoffset:.07px}to{stroke-dashoffset:-1px}}.thero__tread{z-index:1;opacity:.55;pointer-events:none;height:22px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.thero__tread i{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='22'%3E%3Cpath d='M4 20 14 11 4 2h9l10 9-10 9zM26 20l10-9-10-9h9l10 9-10 9z' fill='%23dcb57e' fill-opacity='.55'/%3E%3C/svg%3E") 0 0/48px 22px repeat-x;animation:.42s linear infinite thTread;position:absolute;inset:0 -48px 0 0}@keyframes thTread{to{transform:translate(-48px)}}.tmarq{background:var(--brand-dark);margin-block:clamp(48px,7vw,96px) clamp(8px,2vw,24px);padding-block:clamp(14px,1.6vw,22px);position:relative;overflow:hidden;transform:skewY(-2.5deg)}.tmarq:before,.tmarq:after{content:"";background:var(--accent);height:4px;position:absolute;left:0;right:0}.tmarq:before{top:0}.tmarq:after{bottom:0}.tmarq__lane{overflow:hidden;transform:skewY(2.5deg)}.tmarq__track{width:max-content;animation:22s linear infinite tmarq;display:flex}.tmarq__lane--1 .tmarq__track{animation-duration:30s;animation-direction:reverse}@keyframes tmarq{to{transform:translate(-50%)}}.tmarq__word{text-transform:uppercase;color:var(--accent);white-space:nowrap;align-items:center;gap:.35em;padding-right:.35em;font-size:clamp(38px,6.4vw,104px);font-style:italic;font-weight:900;line-height:1.05;display:inline-flex}.tmarq__lane--1 .tmarq__word{color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--accent) 70%, transparent)}.tmarq__lug{width:.42em;height:.42em;fill:var(--accent);rotate:90deg}.tmarq__lane--1 .tmarq__lug{fill:color-mix(in srgb, var(--accent) 70%, transparent)}@media (hover:hover) and (pointer:fine){.tmarq:hover .tmarq__track{animation-play-state:paused}}@media (max-width:900px){.thero__grid{grid-template-columns:1fr}.thero{padding-top:min(40vh,320px)}.thero__art{aspect-ratio:auto;height:min(56vh,460px);inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.thero__photo{object-position:72% 60%}.thero__visual{order:-1;height:clamp(230px,40vh,340px);margin-bottom:-8px}.spin__hud{padding:6px 12px 6px 6px;bottom:2%;left:auto;right:-6%}.spin__hint{display:none}.spin__gauge{grid-row:auto;width:36px;height:36px}.thero__stats>div{margin-right:18px;padding-right:18px}.thero__ghost{top:30%;bottom:auto}}@media (prefers-reduced-motion:reduce){.thero *,.thero__art,.tmarq *,[data-shop=tyres] .bhead,[data-shop=tyres] .bmodel,[data-shop=tyres] .bdealer,.tbrands__grid li{transition-duration:.01ms!important;animation:none!important}.thero__word>span{transform:none}.thero__streaks,.spin__hud{display:none}.trails__line{stroke-dashoffset:0}.trails__cut{opacity:1}.trails__pulse{display:none}}
