/* The supplied Axle logo anchors navigation, the opening view and the footer. */
.site-header{background:#000}
.header-inner{min-height:108px;gap:24px}
.brand--header{flex-direction:row;align-items:center;gap:14px;min-width:0}
.brand-emblem{width:94px;height:94px;object-fit:contain;flex-shrink:0}
.brand-type{display:flex;flex-direction:column;min-width:0}
.brand--header .brand-name{font-size:1.9rem;letter-spacing:-.025em}
.brand--header .brand-sub{font-size:.75rem;letter-spacing:.055em;line-height:1.4;margin-top:7px}
.desktop-nav{gap:23px}
.hero-grid{grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.hero-brand-panel{align-self:stretch;background:#000;border:1px solid #454332;border-top:4px solid var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:0;padding:18px 24px 20px;position:relative}
.hero-brand-top{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;font-size:.75rem;letter-spacing:.1em;font-weight:700;color:#bfc4b7;line-height:1.4}
.hero-brand-top>span:last-child{font-size:1.3rem;letter-spacing:-.09em;color:var(--yellow)}
.hero-logo{width:min(100%,440px);height:auto;aspect-ratio:1;object-fit:contain;margin:10px auto 8px}
.hero-brand-bottom{width:100%;display:flex;justify-content:center;align-items:center;gap:22px;padding-top:15px;border-top:1px solid #454332;font-size:.875rem;font-weight:700;letter-spacing:.035em;color:var(--yellow);line-height:1.4;text-align:center}
.hero-brand-bottom>span:nth-child(2){color:#9b9070}
.crew-photo{position:relative;align-self:stretch;min-height:490px;background:#000;border:1px solid #41483a}
.crew-photo>img{width:100%;height:100%;object-fit:cover;object-position:46% center;position:absolute;inset:0}
.crew-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000e);pointer-events:none}
.crew-photo figcaption{position:absolute;bottom:25px;left:24px;right:24px;z-index:1}
.crew-photo figcaption span:first-child{display:block;font-family:var(--display);font-size:1.95rem;line-height:1.15;color:var(--yellow);max-width:320px}
.crew-photo figcaption span:last-child{display:block;margin-top:13px;font-size:.75rem;letter-spacing:.12em;color:#e0e4d9}
.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:55px;align-items:center}
.intro-copy{min-width:0}
.intro-copy h1{font-size:clamp(3.3rem,5.6vw,6rem)}
.intro-brand{background:#000;border-bottom:3px solid var(--yellow);padding:13px 13px 19px;align-self:center;text-align:center}
.intro-logo{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.intro-brand>span{display:block;font-size:.75rem;font-weight:700;letter-spacing:.07em;margin-top:9px;color:var(--yellow)}
.site-footer{background:#000}
.footer-main{grid-template-columns:230px 1.1fr .8fr 1.1fr;gap:38px;align-items:center}
.footer-main .brand--footer{display:flex;align-items:center;justify-self:start;gap:7px;width:210px}
.footer-logo{width:180px;height:180px;object-fit:contain}
.footer-brand-caption{font-size:.75rem;letter-spacing:.08em;font-weight:700;color:#b9c2af;text-align:center}
.footer-main>p{display:block}

@media(min-width:1500px){.hero-grid{gap:60px}.hero-logo{width:min(100%,460px)}}
@media(max-width:1200px){.header-inner{gap:20px}.brand-emblem{width:86px;height:86px}.brand--header{gap:10px}.brand--header .brand-name{font-size:1.7rem}.brand--header .brand-sub{font-size:.7rem}.desktop-nav{gap:17px}.hero-grid{gap:30px}.hero-brand-panel{padding:15px 18px 18px}.hero-brand-bottom{gap:14px;font-size:.8rem}.intro-grid{grid-template-columns:minmax(0,1fr) 225px;gap:35px}.intro-copy h1{font-size:clamp(3.2rem,5.5vw,5.25rem)}.footer-main{grid-template-columns:210px 1fr 1fr;gap:45px}.footer-main>p{display:none}}
@media(max-width:980px){.header-inner{min-height:99px}.brand--header .brand-name{font-size:1.9rem}.brand--header .brand-sub{font-size:.75rem}.hero-grid{grid-template-columns:1fr .95fr;gap:25px}.hero-brand-panel{justify-content:center;padding:17px 14px}.hero-brand-top{font-size:.7rem;letter-spacing:.06em}.hero-logo{margin-block:23px 22px}.hero-brand-bottom{flex-wrap:wrap;gap:8px 13px;line-height:1.6}.hero-brand-bottom>span:nth-child(2){display:none}.crew-photo{min-height:490px}.intro-grid{grid-template-columns:minmax(0,1fr) 190px;gap:30px}.intro-copy h1{font-size:clamp(3rem,5.3vw,4.8rem)}.intro-brand{padding:10px 10px 15px}.intro-brand>span{font-size:.7rem}.footer-main{gap:35px;grid-template-columns:200px .8fr 1fr}.footer-main .brand--footer{width:190px}.footer-logo{width:160px;height:160px}}
@media(max-width:700px){html{scroll-padding-top:108px}.header-inner{min-height:94px;gap:12px}.brand-emblem{width:80px;height:80px}.brand--header{gap:11px}.brand--header .brand-name{font-size:1.75rem}.brand--header .brand-sub{font-size:.7rem;line-height:1.4;letter-spacing:.025em;margin-top:5px}.hero{padding-bottom:28px}.hero-grid{grid-template-columns:1fr;gap:29px}.hero-brand-panel{padding:14px 20px 20px;max-width:510px;width:100%;justify-self:center}.hero-brand-top{font-size:.7rem;letter-spacing:.06em}.hero-logo{width:min(100%,350px);margin-block:10px}.hero-brand-bottom{font-size:.875rem;gap:13px;padding-top:14px;flex-wrap:nowrap}.hero-brand-bottom>span:nth-child(2){display:block}.local-grid{gap:34px}.crew-photo{height:355px;min-height:0;aspect-ratio:auto;align-self:auto}.crew-photo>img{object-position:center 63%}.crew-photo figcaption{left:20px;right:20px;bottom:20px}.crew-photo figcaption span:first-child{font-size:1.8rem;max-width:290px}.intro-grid{grid-template-columns:minmax(0,1fr) 105px;gap:18px;align-items:start}.intro-copy h1{font-size:clamp(2.5rem,8.1vw,4.3rem);overflow-wrap:normal}.page-intro{padding-block:35px 36px}.intro-copy .eyebrow{grid-column:1/-1;font-size:.8rem;letter-spacing:.06em}.intro-copy .lead{font-size:1rem;margin-top:18px}.intro-brand{padding:5px 5px 8px;position:sticky;top:115px}.intro-brand>span{display:none}.footer-main{grid-template-columns:1fr 1fr;gap:29px;align-items:start}.footer-main .brand--footer{grid-column:1/-1;flex-direction:row;justify-self:start;width:auto;gap:22px}.footer-logo{width:125px;height:125px}.footer-brand-caption{font-size:.75rem;max-width:150px;text-align:left;line-height:1.8}.footer-main>p{display:none}}
@media(max-width:420px){.intro-grid{grid-template-columns:minmax(0,1fr) 86px;gap:14px}.intro-copy h1{font-size:clamp(2rem,7.6vw,3.2rem)}.intro-copy .eyebrow{font-size:.75rem}.intro-copy .lead{grid-column:1/-1}.hero-brand-panel{padding-inline:15px}.hero-brand-bottom{gap:10px;font-size:.78rem}}
@media(max-width:380px){.header-inner{min-height:88px;gap:10px}.brand-emblem{width:72px;height:72px}.brand--header{gap:8px}.brand--header .brand-name{font-size:1.5rem}.brand--header .brand-sub{font-size:.64rem}.intro-grid{display:block}.intro-brand{width:95px;position:static;margin-top:22px}.intro-copy h1{font-size:clamp(2.7rem,10vw,3.4rem)}.footer-main .brand--footer{gap:14px}.footer-logo{width:112px;height:112px}.footer-brand-caption{max-width:132px}.hero-brand-top{font-size:.68rem}.hero-brand-bottom{font-size:.75rem;gap:8px}}