@font-face{font-family:"Geist";src:url("./assets/fonts/Geist-Variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--font-primary:"Geist",Arial,Helvetica,sans-serif}
body{font-family:var(--font-primary);font-weight:400;line-height:1.6}
h1,h2,h3,h4{font-family:var(--font-primary);font-weight:500;text-wrap:balance}
h1{line-height:1.08;letter-spacing:-.045em}
h2{line-height:1.15;letter-spacing:-.035em}
h3{line-height:1.28;letter-spacing:-.02em}
button,input,textarea,select{font-family:inherit}
.header nav,.button,.outline-button,.text-link,label,summary,.eyebrow,.footer-toggle{font-weight:500}
.eyebrow{letter-spacing:.13em}.header .nav-cta{font-weight:600}
.intro{line-height:1.65}.shared-header .services-dropdown small{line-height:1.5}
.shared-footer .footer-group nav{line-height:1.65}
@media(max-width:700px){h1{letter-spacing:-.035em}.header nav{line-height:1.55}.shared-header .nav-cta{min-height:48px}.section-heading h2{line-height:1.16}}
/* Concept brand typography is artwork within a fictional design example. Preserve its intentional distinction. */
.concept-copy h3{font-family:Georgia,serif}
/* Paint-only atmosphere, isolated from content and interaction hit targets. */
:where(body:not(.services-page):not(.about-page):not(.detail-page):not(.contact-page)) .hero{position:relative;isolation:isolate}
body:not(.services-page):not(.about-page):not(.detail-page):not(.contact-page) .hero::before{content:"";position:absolute;inset:-24px -20px 0;z-index:-1;pointer-events:none;border-radius:12px;background:radial-gradient(ellipse at 75% 22%,#0755e90b,transparent 58%),radial-gradient(ellipse at 15% 60%,#968bff0c,transparent 62%),linear-gradient(145deg,#fff 24%,#f5f8ff);transform:translate(var(--atmos-x,0px),var(--atmos-y,0px))}
.services-hero,.about-hero{position:relative;isolation:isolate}
.services-hero::before,.about-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#0755e91b .7px,transparent .8px),radial-gradient(ellipse at 80% 15%,#0755e908,transparent 65%);background-size:26px 26px,100% 100%;mask-image:linear-gradient(90deg,transparent 20%,#000 100%)}
.showcase,.freight-interactive,.brand-type-banner{position:relative;isolation:isolate}
.showcase::before,.freight-interactive::before,.brand-type-banner::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 82% 50%,#0755e922,transparent 64%);transform:translateY(var(--atmos-scroll,0px))}
@media(max-width:700px){body:not(.services-page):not(.about-page):not(.detail-page):not(.contact-page) .hero::before{inset:0 -8px}.services-hero::before,.about-hero::before{background-size:32px 32px,100% 100%;opacity:.65}}
@media(prefers-reduced-motion:reduce){.hero::before{transform:none!important}}