/* Oakspan — industrial editorial system. Shared improvements sit above the original
   transaction styles; commerce controls and their responsive behavior stay intact. */
:root{--ink:#142332;--ink-2:#46525e;--ink-3:#64707b;--paper-2:#f5f5f1;--paper-3:#eaece8;--rule:#dce0dc;--rule-2:#e9ece8;--blue:#2059db;--blue-hover:#1645b2;--beam:#f27b39;--max:1440px;--gutter:clamp(20px,4.2vw,64px);--section:clamp(56px,6.5vw,100px);--r:5px;--top-h:80px}
::selection{background:#b9d1ff;color:#142332}
html{scroll-behavior:smooth;scroll-padding-top:148px}
button,a,input{ -webkit-tap-highlight-color:transparent }
.btn{min-height:46px;padding:12px 20px;transition:background .2s,transform .2s,box-shadow .2s;gap:24px}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-primary{box-shadow:0 4px 14px #1b4fb315}
.preview-bar{background:#e9ece8;color:#536058;font-size:11px;padding:5px 20px;letter-spacing:.01em}
.top{background:#fff;color:var(--ink);box-shadow:0 3px 18px #14233208}
.top-bar{min-height:78px;gap:18px}
.brand{color:var(--ink)}.brand-mark{width:34px;height:34px}.brand-word{font-size:1.45rem;font-weight:850;letter-spacing:-.045em}.brand-word span{color:var(--ink);font-weight:500}
.top-links{gap:5px}.top-links a,.top-links .nav-shop,.nav-help,.nav-account{color:var(--ink-2);font-size:12px}
.top-links a:hover,.top-links .nav-shop:hover,.top-links .nav-shop[aria-expanded=true],.nav-help:hover,.nav-account:hover{color:var(--blue);background:#edf2fb}
.top-links a[aria-current=page],.nav-help[aria-current=page]{color:var(--blue)}
.nav-search{min-width:180px}.nav-search-row{background:#f3f5f4;border-color:#e3e7e3;border-radius:4px}
.nav-search-row input{color:var(--ink);height:42px;font-size:12px}.nav-search-row input::placeholder{color:#69736e}.nav-search-row button{color:var(--ink)}
.nav-cart,.nav-menu-btn{color:var(--ink);border-color:#dce0dc;min-height:40px}.nav-cart:hover,.nav-menu-btn:hover{background:#eaf0fb;color:var(--ink)}
.cart-count{background:var(--blue);color:#fff}.beam{height:1px;background:var(--rule)}
.category-rail{background:#fff;border-bottom:1px solid var(--rule)}.category-rail>.wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:42px;overflow:auto;scrollbar-width:none}.category-rail a{font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--ink-2)}.category-rail a:last-child{color:var(--blue)}.category-rail a:hover{color:var(--blue)}
.mobile-menu{background:#fff;color:var(--ink)}.mobile-menu a{color:var(--ink)}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;font-size:10px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;line-height:1.7}.section-index{color:#7b877e;margin-right:8px}.status-dot{height:6px;width:6px;border-radius:50%;background:#f69856;box-shadow:0 0 0 5px #f6985610}
.flagship{isolation:isolate;position:relative;overflow:hidden;background:#141e24;color:#fff}.flagship-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;z-index:-3}.flagship-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101c25f5 0%,#101c25cf 26%,#101c2577 46%,#101c250a 75%),linear-gradient(0deg,#101c258f,transparent 30%);z-index:-2}.flagship-inner{position:relative;padding-top:76px;padding-bottom:88px;min-height:690px}.flagship-copy{max-width:650px}.flagship .eyebrow{color:#d0d9dd;font-size:9px;margin-bottom:32px}.flagship h1{margin:0;font-size:clamp(76px,7.5vw,112px);font-weight:800;font-stretch:88%;line-height:.91;letter-spacing:-.055em}.flagship h1 span{color:#f49a61}.flagship-lede{color:#d5dce1;font-size:15px;line-height:1.75;max-width:360px;margin:28px 0}.flagship-actions{display:flex;align-items:center;gap:28px}.flagship .btn-primary{background:#fff;color:#162b38;border-color:#fff;min-height:50px}.flagship .btn-primary:hover{background:#e6edf8}.flagship-secondary{font-size:13px;text-decoration:none;display:flex;gap:25px;align-items:center}.flagship-secondary:hover{color:#f49a61}.flagship-note{font-size:10px;color:#aebcc7;margin-top:20px}.hero-coordinate{position:absolute;right:8%;bottom:135px;display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-size:12px;padding:16px 20px;background:#14233250;border:1px solid #ffffff40;backdrop-filter:blur(12px);border-radius:5px}.coordinate-icon{font-size:28px;font-weight:300}.hero-coordinate small{display:block;margin-top:4px;color:#c6d4dc;font-size:10px}.hero-coordinate:hover{background:#142332b0}.hero-bottom{position:absolute;bottom:25px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;border-top:1px solid #ffffff29;padding-top:18px;font-size:9px;letter-spacing:.04em;color:#c1ccd1}.hero-bottom a{text-decoration:none;display:flex;gap:20px;color:#fff}
.service-strip{background:#f5f5f1;border-bottom:1px solid var(--rule)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:26px;padding-bottom:26px}.service-grid>div{display:flex;align-items:center;gap:15px;padding:0 22px;border-right:1px solid #d8ddd8}.service-grid>div:first-child{padding-left:0}.service-grid>div:last-child{border:0}.service-icon{font-size:27px;font-weight:400;color:#52685a}.service-grid p{margin:0;display:grid;gap:3px}.service-grid strong{font-size:12px;font-weight:650}.service-grid p>span{font-size:10px;color:#6b756f}
.section-title{font-size:clamp(32px,3.5vw,48px);font-weight:700;line-height:1.06;letter-spacing:-.04em;font-stretch:95%}.section-head{align-items:flex-end;margin-bottom:32px}.section-lede{font-size:13px;line-height:1.7;max-width:560px;margin-top:15px}.text-link{font-size:12px;white-space:normal;text-underline-offset:5px}.band{background:#f5f5f1}.page-home .shop{background:#fff}.page-home .shop .section-lede{max-width:400px}.cat-grid{gap:12px;background:none;border:0;grid-template-columns:repeat(7,minmax(0,1fr))}.cat-card{position:relative;padding:16px 12px;background:#f5f5f1;border:1px solid #ebeee8;border-radius:5px;transition:transform .3s,background .3s,border-color .3s}.cat-card:hover{background:#eef2ed;transform:translateY(-5px);border-color:#b6c6b9}.cat-shot{aspect-ratio:1.15;margin-bottom:16px;mix-blend-mode:multiply}.cat-shot img{transition:transform .5s var(--ease)}.cat-card:hover .cat-shot img{transform:scale(1.09) rotate(-3deg)}.cat-name{font-size:12px;line-height:1.4}.cat-eg{font-size:10px;line-height:1.5;margin-top:5px}.cat-count{display:flex;justify-content:space-between;align-self:end;padding-top:16px;font-size:10px}.cat-count span{font-size:17px;color:var(--ink)}
.popular{background:#f5f5f1}.popular .table-scroll{background:white;border:1px solid #e1e5df;border-radius:6px;padding:0 20px}.sku-table thead th{font-size:10px;letter-spacing:.025em;color:#66726c}.sku-table td{padding-top:18px;padding-bottom:18px}.sku-table .item-name{font-size:13px;line-height:1.4}.sku-table .thumb{width:58px;height:58px;background:#f6f7f3;border-radius:4px}.sku-table .price{font-size:15px}.sku-table .pn{font-size:11px}.sku-table .btn{min-height:36px;font-size:11px;padding:8px 13px}.sku-table .qty{height:36px}.sku-table tbody tr{transition:background .2s}.sku-table tbody tr:hover{background:#f7f9f5}
.quote-feature{padding:var(--section) 0;background:#e9eee7}.quote-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);align-items:center}.quote-feature h2,.packaging-feature h2{font-size:clamp(42px,4.9vw,68px);font-stretch:90%;font-weight:700;line-height:1.02;letter-spacing:-.045em;margin:0 0 26px}.quote-feature-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--ink-2);max-width:390px}.quote-steps{list-style:none;padding:0;margin:32px 0;display:grid;gap:22px}.quote-steps>li{display:flex;gap:18px;align-items:flex-start}.quote-steps>li>span{font-size:11px;color:#657562;border:1px solid #b9c5b5;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex-shrink:0}.quote-steps strong{font-size:13px;font-weight:650}.quote-steps p{font-size:12px;color:#5d6b5e;margin:4px 0 0}.demo{border:1px solid #d1dace;border-radius:8px;box-shadow:0 18px 50px #1c362510;transform:rotate(1deg)}.demo-head{background:#fff;border-bottom:1px solid #dce3d8;padding:18px 20px}.demo-title{font-size:14px}.demo-meta{font-size:10px}.demo-you{background:#f6f8f3;padding:14px 20px}.demo-list{font-size:11px}.demo-lines{min-height:365px;padding:4px 20px 0}.demo-lines .sheet-line{font-size:12px}.demo-foot{padding:16px 20px;background:#fff}.demo-foot .btn{font-size:11px;min-height:40px;padding:10px 14px}.demo-caption{font-size:10px;line-height:1.65;padding:8px 14px}.brands{background:#fff}.brands-inner{display:block;text-align:center;padding-top:36px;padding-bottom:36px}.brands-title{font-size:10px;font-weight:500;letter-spacing:.05em;margin-bottom:23px}.brands-list{justify-content:space-between;align-items:center;gap:16px 24px}.brands-list li{font-size:16px;color:#536159}
.packaging-feature{background:#142b2b;color:#fff;padding:var(--section) 0;overflow:hidden}.packaging-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:80px}.packaging-copy>.eyebrow{color:#c0d0c6}.packaging-copy .section-index{color:#9cb4a4}.packaging-feature h2 span{color:#b6cbbb}.packaging-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#bdcec6;max-width:360px}.pack-options{display:grid;margin:30px 0;max-width:390px;border-top:1px solid #ffffff25}.pack-options button{display:flex;align-items:center;gap:18px;border:0;border-bottom:1px solid #ffffff25;background:transparent;color:#9db6a9;text-align:left;padding:18px 8px;font-size:14px;transition:background .2s,color .2s}.pack-options button>span:first-child{font-size:10px}.pack-options button>span:last-child{margin-left:auto}.pack-options button[aria-pressed=true],.pack-options button:hover{color:#fff;background:#ffffff08}.pack-options button[aria-pressed=true]{box-shadow:inset 3px 0 #ec965f;padding-left:16px}.packaging-copy>.text-link{color:#d9e7dd}.pack-stage{border:1px solid #ffffff24;border-radius:8px;background:radial-gradient(ellipse at 50% 40%,#49605780,#1a343440 70%);overflow:hidden;position:relative}.pack-stage-top{padding:22px 24px;display:flex;justify-content:space-between;font-size:10px;color:#bdcec6;align-items:center}.pack-badge{border:1px solid #ffffff30;border-radius:20px;padding:4px 10px;font-size:9px}.pack-viewport{height:350px;position:relative;cursor:grab;touch-action:pan-y}.pack-viewport:active{cursor:grabbing}.pack-viewport canvas{display:block;width:100%;height:100%}.pack-viewport>img{height:100%;width:100%;object-fit:contain;mix-blend-mode:screen;opacity:.85;padding:30px}.pack-stage-bottom{display:flex;align-items:center;justify-content:space-between;margin:0 24px;padding:22px 0;border-top:1px solid #ffffff24}.pack-stage-bottom strong{display:block;font-size:19px;font-weight:550}.pack-stage-bottom span{display:block;font-size:10px;color:#b1c6b9;margin-top:6px}.rotate-model{width:40px;height:40px;background:none;color:white;font-size:26px;border:1px solid #ffffff40;border-radius:50%}.rotate-model:hover{background:#ffffff15}.pack-hint{font-size:9px;color:#a9c0b1;margin:0;padding:0 24px 20px}
.ways{background:#fff}.ways-bays{gap:20px;background:none;border:0;counter-reset:way}.way{border:1px solid #dfe4dc;border-radius:6px;padding:30px;background:#f6f7f3;transition:transform .3s,border-color .3s}.way:hover{transform:translateY(-4px);border-color:#b0c3ac}.way-number{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#677b65;margin-bottom:40px}.way-number>span{font-size:24px}.way-title{font-size:24px;letter-spacing:-.025em;margin-bottom:16px}.way-for{font-size:12px;line-height:1.8}.ticks{font-size:12px;gap:12px}.way .btn{font-size:12px;background:#fff}.industries{background:#f1f3ed}.ind-list{border-top:1px solid #cbd4c6;gap:0 60px}.ind-list li{padding:26px 0}.ind-name{font-size:18px;letter-spacing:-.025em}.ind-buys{font-size:12px;line-height:1.8;margin-top:6px;max-width:510px}.ind-cats{font-size:10px;gap:7px;margin-top:12px}.ind-cats a{color:#405b45;border:1px solid #d0dacb;border-radius:20px;padding:3px 9px}.ind-cats a:hover{background:#e0e8db}
.cta-band{background:#f1f3ed;padding:0 var(--gutter) var(--section)}.cta-inner{background:#dfe8d9;border:0;border-radius:6px;padding:48px;max-width:calc(var(--max) - 2 * var(--gutter))}.cta-title{font-size:46px;letter-spacing:-.04em}.cta-lede{font-size:13px;max-width:540px;line-height:1.8}.cta-actions .btn{font-size:12px}.footer{background:#142332;border:0;padding-top:60px}.footer-statement{font-size:clamp(36px,5.8vw,80px);letter-spacing:-.055em;font-weight:650;font-stretch:90%;line-height:1.1;color:#fff;padding-bottom:50px}.footer-statement span{color:#f49a61}.footer-top{border-top:1px solid #ffffff20;padding-top:36px}.footer-word{font-size:24px}.footer a{font-size:12px}.footer-fine{font-size:11px;line-height:1.8}.footer-base{font-size:10px}
/* The catalog keeps dense specifications, but gains breathing room and stronger hierarchy. */
.page-head{background:#f2f4ee;padding-top:45px;padding-bottom:45px}.page-title{font-size:clamp(38px,4.8vw,66px);letter-spacing:-.045em;font-weight:750}.page-lede{font-size:15px;line-height:1.8}.page-meta{font-size:12px}.head-shot{mix-blend-mode:multiply}.fam-grid{background:none;border:0;gap:18px}.fam-card{border:1px solid #e0e5dc;border-radius:6px;padding:20px;transition:transform .25s,border-color .25s,box-shadow .25s}.fam-card:hover{background:#fff;border-color:#b3c5b0;transform:translateY(-3px);box-shadow:0 10px 22px #162d1610}.fam-shot{background:#f6f7f3;border-radius:4px;margin-bottom:8px}.fam-shot img{mix-blend-mode:multiply;transition:transform .4s}.fam-card:hover .fam-shot img{transform:scale(1.04)}.fam-title{font-size:15px}.fam-brand{font-size:10px;margin-bottom:9px;color:#60765d}.fam-spec,.fam-sizes{font-size:11px;line-height:1.65}.fam-price{font-size:17px;padding-top:16px}.filter-bar{margin-bottom:28px}.chip{border-radius:25px;font-size:12px}.pdp-shot{background:#f5f6f1;border-radius:8px}.pdp-shot img{mix-blend-mode:multiply}.quote-sheet,.console{border-radius:7px}.cart{box-shadow:-20px 0 70px #14233225}.cart-head{padding-top:24px;padding-bottom:24px}
/* Reveal content is always visible without JS; animations never gate content. */
@keyframes rise-in{from{opacity:.35;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.flagship-copy{animation:rise-in .8s ease-out both}.just-revealed{animation:rise-in .7s ease-out both}}
@media(min-width:1600px){.flagship-image{object-position:center 59%}.flagship-inner{min-height:780px;padding-top:100px}.flagship h1{font-size:128px}}
@media(max-width:1250px){.top-links a{font-size:11px}.top-bar{gap:12px}.nav-help{display:none}.brand-word{font-size:1.3rem}.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cat-shot{aspect-ratio:1.5}.cat-card{padding:18px}.cat-name{font-size:14px}.cat-eg{font-size:11px}.service-grid>div{padding:0 12px}.service-grid strong{font-size:11px}.service-grid p>span{font-size:9px}.service-icon{font-size:23px}.brands-list{justify-content:center;gap:15px 32px}.packaging-grid{gap:45px}}
@media(max-width:1000px){.top-bar{min-height:65px;gap:12px}.brand{min-height:65px}.nav-search-row input{height:38px}.nav-cart{margin-left:auto}.category-rail>.wrap{height:36px;gap:28px}.flagship-inner{padding-top:65px;min-height:700px}.flagship-image{object-position:60% center}.flagship-shade{background:linear-gradient(90deg,#101c25e8,#101c2590 50%,#101c2520),linear-gradient(0deg,#101c2590,transparent 40%)}.hero-coordinate{right:var(--gutter);bottom:110px}.service-grid{grid-template-columns:1fr 1fr;gap:24px}.service-grid>div:nth-child(odd){padding-left:0}.service-grid>div:nth-child(2){border:0}.service-grid strong{font-size:12px}.service-grid p>span{font-size:11px}.quote-feature-grid{gap:35px}.demo{transform:none}.demo-head{flex-wrap:wrap;gap:4px}.packaging-grid{gap:30px}.pack-viewport{height:300px}.ways-bays{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.way{padding:22px}.way-title{font-size:20px}.way-number{margin-bottom:25px}.fam-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cta-inner{padding:32px}}
@media(max-width:760px){.flagship-inner{min-height:720px;padding-top:48px}.flagship h1{font-size:82px}.flagship-image{object-position:65% center}.flagship-copy{max-width:420px}.flagship .eyebrow{font-size:8px;letter-spacing:.09em}.flagship-lede{font-size:14px;max-width:295px}.hero-coordinate{bottom:95px;right:var(--gutter);font-size:10px;padding:10px 14px}.hero-bottom>span{max-width:150px;line-height:1.6}.hero-bottom>a{align-items:center;font-size:9px}.section-head{gap:18px;flex-wrap:wrap}.section-head>.text-link{font-size:11px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat-shot{aspect-ratio:1.6;margin-bottom:10px}.cat-card{padding:15px}.cat-eg{font-size:11px}.quote-feature-grid,.packaging-grid{grid-template-columns:1fr}.quote-feature-copy>p:not(.eyebrow){max-width:100%}.quote-feature h2,.packaging-feature h2{font-size:52px}.quote-steps{gap:18px}.hero-demo{margin-top:12px}.demo-head{flex-wrap:nowrap}.demo-lines{min-height:0}.demo-list{font-size:12px}.demo-caption{font-size:11px}.pack-options{max-width:none}.packaging-copy>p:not(.eyebrow){max-width:420px}.pack-viewport{height:340px}.ways-bays{grid-template-columns:1fr}.way{padding:28px}.way-title{font-size:25px}.way-number{margin-bottom:25px}.way-for,.ticks{font-size:13px}.brands-list li{font-size:15px}.brands-list{gap:16px 23px}.fam-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fam-card{padding:13px}.fam-title{font-size:13px}.fam-price{font-size:15px}.cta-title{font-size:38px}.cta-inner{padding:28px}.footer-statement{padding-bottom:35px}.footer-top{padding-top:28px}.popular .table-scroll{padding:0 12px}.sku-table td{padding-top:12px;padding-bottom:12px}.page-head{padding-top:32px;padding-bottom:32px}.page-title{font-size:44px}.page-lede{font-size:14px}.head-shot{max-width:180px}.service-grid{gap:22px 10px;padding-top:24px;padding-bottom:24px}.service-grid>div{gap:10px;padding-right:0}.service-grid strong{font-size:10px}.service-grid p>span{font-size:9px}.service-icon{font-size:24px}}
@media(max-width:420px){.flagship h1{font-size:76px}.flagship-actions{gap:20px}.flagship-actions .btn{font-size:12px;padding:12px 18px;gap:18px}.flagship-secondary{font-size:12px;gap:12px}.flagship-note{font-size:9px}.service-icon{display:none}.service-grid strong{font-size:11px}.service-grid p>span{font-size:9px}.hero-coordinate{bottom:100px}.demo-foot .sheet-total strong{font-size:17px}.demo-foot .btn{font-size:10px}.pack-stage-bottom strong{font-size:18px}.pack-stage-bottom span{font-size:9px}.pack-hint{font-size:8px}.eyebrow{font-size:9px}.cat-name{font-size:12px}.cat-eg{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.btn:hover,.cat-card:hover,.fam-card:hover,.way:hover{transform:none}}
@media print{.flagship,.service-strip,.packaging-feature,.category-rail,.footer-statement{display:none!important}.just-revealed{animation:none}}