/* Original wordmark: standalone vector, natural aspect ratio, no banner crop. */
.brand-window{width:160px;height:53px;overflow:visible;display:flex;align-items:center}
.brand-window img{position:static;display:block;width:100%;height:auto;max-width:100%}
.product-photo{background-image:url('assets/workwear-right-sleeve.webp')}
.product-softshell{background-image:url('assets/workwear-reference.webp')}
.product-footwear{background-image:url('assets/nb-speedware.webp')}
.roof-feature{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;border-top:1px solid #ccdae3}
.roof-stage{position:relative;isolation:isolate;overflow:hidden;background:#cbd0d4;aspect-ratio:1.5}
.roof-base{width:100%;height:100%;object-fit:cover}
.roof-logo{position:absolute;left:50%;top:30%;width:14%;height:auto;transform:translateX(-50%)}
.roof-qr{position:absolute;left:50%;top:54%;width:12%;display:block;background:#fff;line-height:0;transform:translateX(-50%)}
.roof-qr img{width:100%;height:auto;display:block}
.roof-copy{padding:35px clamp(25px,4vw,65px)}
.roof-copy>.eyebrow{font-size:8px;letter-spacing:.12em}
.roof-copy h3{font-size:clamp(28px,3.3vw,47px);font-weight:800;line-height:1.02;letter-spacing:-.035em;margin:25px 0 20px}
.roof-copy p{font-size:13px;max-width:330px}
.roof-open{border:0;border-bottom:1px solid currentColor;padding:14px 0;background:transparent;color:var(--navy);font-size:11px;font-weight:700;display:flex;gap:32px;margin-top:20px}
.roof-copy small{display:block;font-size:9px;color:#617589;margin-top:18px;line-height:1.5}
.fleet-view-switch{display:flex;gap:5px;padding:18px 65px 18px 20px;background:white;position:sticky;top:0;z-index:1}
.fleet-view-switch button{background:#fff;border:1px solid #c6d4df;color:var(--navy);padding:10px 18px;font-size:11px;font-weight:700}
.fleet-view-switch button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}
.fleet-around[hidden],.fleet-roof[hidden]{display:none!important}

@media(max-width:900px){.roof-copy h3{font-size:30px}.roof-copy p{font-size:12px}}
@media(max-width:720px){.brand-window{width:136px;height:45px}.brand-window img{width:100%;height:auto;left:auto;top:auto}.roof-feature{display:block}.roof-copy{padding:30px 24px 40px}.roof-copy h3{font-size:35px;margin:20px 0 16px}.roof-open{margin-top:15px}.roof-copy p{max-width:340px}.fleet-view-switch{padding:15px 60px 15px 15px}}

/* Public launch: a single design direction and accessible anchor offsets. */
html{scroll-padding-top:120px}
@media(max-width:720px){html{scroll-padding-top:92px}}