.about-page{overflow:clip}.about-inner{width:min(100% - 2rem,72rem);margin-inline:auto}.about-opening{isolation:isolate;align-items:center;min-height:85svh;display:flex;position:relative}.about-asphalt{z-index:-1;background-image:repeating-linear-gradient(117deg, transparent 0 3px, color-mix(in srgb, var(--foreground) 3%, transparent) 3px 4px);position:absolute;inset:0;overflow:hidden}.about-road{opacity:.3;background:repeating-linear-gradient(to bottom, var(--primary) 0 48px, transparent 48px 120px);width:3px;position:absolute;top:-120px;bottom:-120px;right:8%}.about-title{max-width:58rem;font-size:44px;line-height:1.08}.about-title-line{display:block}.about-paint{width:fit-content;position:relative}.about-paint:after{content:"";background:var(--primary);transform-origin:0;width:100%;height:3px;position:absolute;bottom:-8px;left:0}.about-scroll{align-items:center;gap:12px;display:inline-flex}.about-marquee{margin-block:20px 0;padding-block:18px;overflow:hidden;transform:rotate(-2deg)}.about-marquee-track{width:max-content;display:flex}.about-marquee-track span{white-space:nowrap;padding-right:32px;font-size:24px;font-weight:800}.about-marquee:hover .about-marquee-track,.about-marquee:active .about-marquee-track{animation-play-state:paused}.about-band{padding-block:72px}.about-section-title{text-transform:uppercase;font-size:36px;font-weight:800;line-height:1.1}.about-marker{z-index:0;color:var(--primary-foreground);padding-inline:4px;position:relative}.about-marker:before{content:"";z-index:-1;background:var(--primary);transform-origin:0;position:absolute;inset:0}.about-service{transition:transform .18s;position:relative;overflow:hidden}.about-service:after{content:"";border:1px solid var(--primary);border-radius:inherit;pointer-events:none;clip-path:inset(0 100% 100% 0);transition:clip-path .55s;position:absolute;inset:0}.about-service:hover:after,.about-service:active:after{clip-path:inset(0)}.about-service:active{transform:scale(.98)}.about-service-icon{display:inline-flex;position:relative}.about-timeline{gap:0;list-style:none;display:grid}.about-step{padding:0 0 40px 64px;position:relative}.about-step:last-child{padding-bottom:0}.about-step:before{content:"";background:var(--primary);transform-origin:top;width:2px;position:absolute;top:44px;bottom:0;left:21px}.about-step:last-child:before{display:none}.about-step-number{border:1px solid var(--primary);width:44px;height:44px;color:var(--primary);background:var(--background);font-family:var(--font-mono);place-items:center;display:grid;position:absolute;top:0;left:0}.about-map{position:relative}.about-map-pin{background:var(--primary);width:44px;height:44px;color:var(--primary-foreground);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.about-map-pin:after{content:"";border:1px solid var(--primary);border-radius:50%;position:absolute;inset:-7px}.about-final{padding-block:64px;position:relative}.about-final:before,.about-final:after{content:"";background:repeating-linear-gradient(-45deg, var(--primary) 0 14px, var(--background) 14px 28px);height:10px;position:absolute;left:-56px;right:-56px}.about-final:before{top:0}.about-final:after{bottom:0}.about-page[data-motion=enabled] [data-reveal]{transition:opacity .65s,transform .65s}.about-page[data-motion=enabled] [data-pending]{opacity:0;transform:translateY(24px)}.about-page[data-motion=enabled] .about-map[data-pending]{transform:scale(.96)}.about-page[data-motion=enabled] .about-road{animation:8s linear infinite about-road}.about-page[data-motion=enabled] .about-title-line{animation:.8s both about-enter}.about-page[data-motion=enabled] .about-title-line:nth-child(2){animation-delay:.18s}.about-page[data-motion=enabled] .about-title-line:nth-child(3){animation-delay:.36s}.about-page[data-motion=enabled] .about-paint:after{animation:.9s .5s both about-paint}.about-page[data-motion=enabled] .about-scroll svg{animation:2s ease-in-out infinite about-bounce}.about-page[data-motion=enabled] .about-marquee-track{animation:38s linear infinite about-marquee}.about-page[data-motion=enabled] [data-seen] .about-marker:before{animation:.7s both about-paint}.about-page[data-motion=enabled] .about-step[data-pending]:before{transform:scaleY(0)}.about-page[data-motion=enabled] .about-step[data-seen]:before{animation:.8s both about-paint-y}.about-page[data-motion=enabled] .about-step[data-seen] .about-step-number{background:var(--primary);color:var(--primary-foreground)}.about-page[data-motion=enabled] .about-map-pin:after{animation:2s ease-out infinite about-wave}.about-page[data-motion=enabled] .about-final:before,.about-page[data-motion=enabled] .about-final:after{animation:3s linear infinite about-zebra}.about-page[data-motion=enabled] .about-directions:hover svg{animation:.6s infinite about-nudge}.about-page[data-motion=enabled] .about-service[data-seen] .about-service-icon{animation:.65s about-icon-enter}.about-page[data-motion=enabled] .about-service[data-seen] .icon-radio:after{content:"";border:1px solid var(--primary);border-radius:50%;animation:1s 2 about-wave;position:absolute;inset:-5px}.about-page[data-motion=enabled] .about-service[data-seen] .icon-zap{animation:.7s 2 about-spark}.about-page[data-motion=enabled] .about-service[data-seen] .icon-ruler{animation:.8s 2 about-nudge}.about-page[data-motion=enabled] .about-service[data-seen] .icon-light{filter:drop-shadow(0 0 5px var(--primary));animation:1.3s 2 about-spark}.about-page[data-motion=enabled] .about-service[data-seen] .icon-flame{animation:.5s 3 about-flicker}.about-page[data-motion=enabled] .about-service[data-seen] .icon-horn{animation:.2s linear 4 about-shake}.about-page[data-motion=enabled] .about-service[data-seen] .icon-truck{animation:1s 2 about-nudge}.about-page[data-motion=enabled] .about-service:is(:hover,:active) .icon-radio{animation:1s infinite about-wave}.about-page[data-motion=enabled] .about-service:is(:hover,:active) .icon-zap{animation:.7s infinite about-spark}.about-page[data-motion=enabled] .about-service:is(:hover,:active) .icon-ruler{animation:.8s infinite about-nudge}.about-page[data-motion=enabled] .about-service:is(:hover,:active) .icon-light{filter:drop-shadow(0 0 5px var(--primary));animation:1.3s infinite about-spark}.about-page[data-motion=enabled] .about-service:is(:hover,:active) .icon-flame{animation:.5s infinite about-flicker}.about-page[data-motion=enabled] .about-service:is(:hover,:active) .icon-horn{animation:.2s linear infinite about-shake}.about-page[data-motion=enabled] .about-service:is(:hover,:active) .icon-truck{animation:1s infinite about-nudge}.about-services [data-reveal]:nth-child(3n+2){transition-delay:70ms}.about-services [data-reveal]:nth-child(3n+3){transition-delay:.14s}@keyframes about-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes about-road{to{transform:translateY(120px)}}@keyframes about-paint{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes about-paint-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes about-marquee{to{transform:translate(-50%)}}@keyframes about-bounce{50%{transform:translateY(6px)}}@keyframes about-wave{0%{opacity:.9;transform:scale(.9)}to{opacity:.15;transform:scale(1.4)}}@keyframes about-zebra{to{transform:translate(40px)}}@keyframes about-nudge{50%{transform:translate(5px)}}@keyframes about-spark{50%{opacity:.35}}@keyframes about-flicker{50%{transform:scale(.9,1.1)rotate(4deg)}}@keyframes about-shake{50%{transform:rotate(-7deg)}}@keyframes about-icon-enter{50%{transform:translateY(-4px)rotate(-8deg)}}@media (width>=768px){.about-opening{min-height:min(85svh,850px)}.about-title{font-size:76px}.about-band{padding-block:96px}.about-section-title{font-size:48px}}@media (width>=1024px){.about-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.about-step{padding:70px 0 0}.about-step:before{transform-origin:0;width:auto;height:2px;inset:21px -24px auto 44px}.about-page[data-motion=enabled] .about-step[data-seen]:before{animation-name:about-paint}}@media (prefers-reduced-motion:reduce){.about-page *,.about-page :before,.about-page :after{transition:none!important;animation:none!important}.about-page [data-reveal],.about-page .about-title-line{opacity:1!important;transform:none!important}.about-page .about-step:before{transform:none!important}}
