.abfh-hero,.abfh-hero *{box-sizing:border-box}.abfh-hero{--abfh-accent:#ff3048;--abfh-light:#fff;--abfh-dim:.18;--abfh-bg-image:none;position:relative;width:100vw;height:500vh;margin-left:calc(50% - 50vw);background:#020304;font-family:Arial,Helvetica,sans-serif}.abfh-hero__sticky{position:sticky;top:0;width:100%;height:100vh;min-height:650px;overflow:hidden;background:#020304;isolation:isolate}.abfh-hero__garage{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 47%,#20242b 0,#0b0e12 40%,#020304 77%)}.abfh-hero--garage .abfh-hero__garage{background-image:linear-gradient(rgba(0,0,0,var(--abfh-dim)),rgba(0,0,0,var(--abfh-dim))),url("garage-contour.webp");background-size:cover;background-position:center}.abfh-hero--garage .abfh-hero__wall,.abfh-hero--garage .abfh-hero__floor{opacity:.08}.abfh-hero--garage .abfh-hero__ceiling{opacity:.13}.abfh-hero--garage .abfh-hero__light{opacity:.32}.abfh-hero--image .abfh-hero__garage{background-image:linear-gradient(rgba(0,0,0,var(--abfh-dim)),rgba(0,0,0,var(--abfh-dim))),var(--abfh-bg-image);background-size:cover;background-position:center}.abfh-hero--image .abfh-hero__garage>*{opacity:.18}.abfh-hero__wall{position:absolute;inset:15% 8% 14%;border:1px solid rgba(255,255,255,.035);background:repeating-linear-gradient(90deg,transparent 0 132px,rgba(255,255,255,.016) 133px 134px),linear-gradient(180deg,rgba(255,255,255,.018),transparent 65%)}.abfh-hero__ceiling{position:absolute;top:-25%;left:50%;width:min(1320px,112vw);height:66%;transform:translateX(-50%) perspective(750px) rotateX(-58deg);transform-origin:top center;background:linear-gradient(30deg,transparent 24%,var(--abfh-light) 25%,var(--abfh-light) 26%,transparent 27%,transparent 74%,var(--abfh-light) 75%,var(--abfh-light) 76%,transparent 77%),linear-gradient(150deg,transparent 24%,var(--abfh-light) 25%,var(--abfh-light) 26%,transparent 27%,transparent 74%,var(--abfh-light) 75%,var(--abfh-light) 76%,transparent 77%),linear-gradient(90deg,transparent 24%,var(--abfh-light) 25%,var(--abfh-light) 26%,transparent 27%,transparent 74%,var(--abfh-light) 75%,var(--abfh-light) 76%,transparent 77%);background-size:118px 204px;opacity:.72;filter:drop-shadow(0 0 7px var(--abfh-light))}.abfh-hero__light{position:absolute;top:19%;width:3px;height:53%;border-radius:10px;background:var(--abfh-light);box-shadow:0 0 8px var(--abfh-light),0 0 34px color-mix(in srgb,var(--abfh-light) 34%,transparent);transform:rotate(17deg)}.abfh-hero__light--1{left:7%}.abfh-hero__light--2{left:19%;opacity:.48}.abfh-hero__light--3{right:19%;opacity:.48;transform:rotate(-17deg)}.abfh-hero__light--4{right:7%;transform:rotate(-17deg)}.abfh-hero__floor{position:absolute;right:-13%;bottom:-35%;left:-13%;height:73%;background:radial-gradient(ellipse at 50% 6%,rgba(255,255,255,.13),transparent 45%),linear-gradient(180deg,#13171d 0,#050608 67%,#020304);transform:perspective(760px) rotateX(59deg);transform-origin:center top}.abfh-hero__floor:after{content:"";position:absolute;top:5%;left:50%;width:min(850px,70vw);height:150px;border-radius:50%;background:color-mix(in srgb,var(--abfh-light) 8%,transparent);filter:blur(30px);transform:translateX(-50%)}.abfh-hero__poster,.abfh-hero__canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;display:block}.abfh-hero__canvas{opacity:0;transition:opacity .35s}.abfh-hero.is-ready .abfh-hero__canvas{opacity:1}.abfh-hero.is-ready .abfh-hero__poster{opacity:0}.abfh-hero__vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.05) 29%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.05) 71%,rgba(0,0,0,.76)),linear-gradient(180deg,rgba(0,0,0,.34),transparent 24%,transparent 70%,rgba(0,0,0,.64))}.abfh-hero__step{position:absolute;inset:0;z-index:7;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .4s,visibility .4s}.abfh-hero__step.is-active{visibility:visible;opacity:1}.abfh-hero__content{position:absolute;top:50%;width:min(455px,35vw);display:flex;align-items:flex-start;gap:24px;color:#fff;transform:translateY(-50%)}.abfh-hero__content--left{left:clamp(55px,8vw,150px)}.abfh-hero__content--right{right:clamp(55px,8vw,150px)}.abfh-hero__point{position:relative;flex:0 0 52px;width:52px;height:52px;margin-top:8px;border:1px solid rgba(255,255,255,.55);border-radius:50%}.abfh-hero__content--right .abfh-hero__point{order:2}.abfh-hero__point:after{content:"";position:absolute;top:50%;left:100%;width:68px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.55),transparent)}.abfh-hero__content--right .abfh-hero__point:after{right:100%;left:auto;background:linear-gradient(270deg,rgba(255,255,255,.55),transparent)}.abfh-hero__point i{position:absolute;top:50%;left:50%;width:13px;height:13px;border-radius:50%;background:var(--abfh-accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--abfh-accent) 16%,transparent),0 0 24px var(--abfh-accent);transform:translate(-50%,-50%)}.abfh-hero__content small{display:block;margin-bottom:12px;color:var(--abfh-accent);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.abfh-hero__content h2{margin:0;color:#fff;font-size:clamp(36px,3.2vw,62px);font-weight:500;line-height:1;letter-spacing:-.045em;text-shadow:0 3px 30px rgba(0,0,0,.62)}.abfh-hero__content p{max-width:355px;margin:23px 0 0;color:rgba(255,255,255,.66);font-size:15px;line-height:1.65;text-shadow:0 2px 16px rgba(0,0,0,.7)}.abfh-hero__progress{position:absolute;z-index:10;top:50%;left:clamp(18px,3vw,55px);display:flex;flex-direction:column;align-items:center;gap:10px;color:rgba(255,255,255,.66);font-size:11px;transform:translateY(-50%)}.abfh-hero__progress b,.abfh-hero__progress em{font-style:normal;font-weight:400}.abfh-hero__progress>span{position:relative;width:1px;height:145px;overflow:hidden;background:rgba(255,255,255,.18)}.abfh-hero__progress i{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:scaleY(0);transform-origin:top;will-change:transform}.abfh-hero__loading{position:absolute;z-index:20;right:30px;bottom:28px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.55);transition:opacity .4s}.abfh-hero__loading>span{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:abfh-spin .8s linear infinite}.abfh-hero.is-ready .abfh-hero__loading{opacity:0}.abfh-hero__loading small{text-transform:uppercase;letter-spacing:.1em}@keyframes abfh-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.abfh-hero{height:440vh}.abfh-hero__sticky{min-height:580px}.abfh-hero__content{top:auto;right:18px!important;bottom:24px;left:18px!important;width:auto;max-width:560px;padding:21px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(3,4,6,.72);backdrop-filter:blur(14px);transform:none}.abfh-hero__point,.abfh-hero__progress{display:none}.abfh-hero__content h2{font-size:clamp(32px,9vw,49px)}.abfh-hero__content p{margin-top:14px;font-size:14px}.abfh-hero__light--2,.abfh-hero__light--3{display:none}.abfh-hero__ceiling{width:150vw}}@media(max-width:520px){.abfh-hero__content{right:11px!important;bottom:12px;left:11px!important;padding:17px}.abfh-hero__content p{display:none}.abfh-hero__content small{font-size:10px}}

/* Ultra-quality frame presentation */
.abfh-hero__poster,.abfh-hero__canvas{image-rendering:auto;-webkit-font-smoothing:antialiased;backface-visibility:hidden}.abfh-hero__canvas{contain:paint;pointer-events:none}.abfh-hero__garage{background-color:#020304}
/* Mobile presentation: enlarge only the transparent car layer, not the garage. */
@media(max-width:767px){
  .abfh-hero__poster{
    transform:translateY(calc(var(--abfh-mobile-y,-5) * 1vh)) scale(var(--abfh-mobile-scale,1.65));
    transform-origin:50% 50%;
    will-change:transform,opacity;
  }
}