/* Figma 1383:2590. All layout rules are scoped to this page body. */
@font-face{font-family:NA Barlow;src:url('/wp-content/themes/sublisport/assets/2026/home/fonts/barlow-condensed-800.woff2') format('woff2');font-weight:800;font-display:swap}
.ss26-approach{--na-ink:#101214;--na-soft:#f7f7f5;--na-dark:#30343a;--na-red:#8b1c1e;--na-pad:64px;max-width:1440px;margin:0 auto;color:var(--na-ink);background:#fff;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5}
.ss26-approach *{box-sizing:border-box}
.ss26-approach p,.ss26-approach .na-hero-slogan,.ss26-approach h2,.ss26-approach h3,.ss26-approach figure{margin:0}
.ss26-approach .na-hero-slogan,.ss26-approach h2,.ss26-approach h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;color:inherit;text-transform:uppercase;font-weight:700;letter-spacing:0}
.ss26-approach .na-hero-slogan{font-family:'NA Barlow','Barlow Condensed',sans-serif;font-weight:800;font-size:58px;line-height:1;letter-spacing:-.3px;max-width:704px}
.ss26-approach h2{font-size:48px;line-height:46px}
.ss26-approach h3{font-size:30px;line-height:32px}
.ss26-approach p+p{margin-top:20px}
.ss26-approach .na-lead{font-size:18px;line-height:28px}
.ss26-approach .na-eyebrow{color:var(--na-red);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;margin-bottom:20px}
.ss26-approach .na-breadcrumb{display:flex;gap:10px;align-items:center;padding:20px var(--na-pad) 0;font-size:12px;line-height:18px;color:#667180;text-transform:none}
.ss26-approach .na-breadcrumb *{text-transform:none}
.ss26-approach .na-breadcrumb a{color:var(--na-red);text-decoration:underline;text-underline-offset:3px}
.ss26-approach .na-section{padding:64px var(--na-pad)}
.ss26-approach .na-hero{min-height:550px;padding:64px var(--na-pad);display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:64px;align-items:center}
.ss26-approach .na-hero .na-lead{max-width:660px;margin-top:28px}
.ss26-approach .na-cta{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;min-width:228px;padding:14px 22px;background:var(--na-red);color:white;border:1px solid transparent;border-radius:2px;font-size:14px;line-height:20px;font-weight:600;text-transform:uppercase;text-decoration:none;transition:background .15s}
.ss26-approach .na-cta:hover{background:#6f1517;color:#fff}
.ss26-approach a:focus-visible{outline:3px solid #ad3437;outline-offset:5px}
.ss26-approach .na-hero .na-cta{margin-top:24px;font-size:10px;line-height:14px}
.ss26-approach .na-age{border-left:1px solid #e7e9ec;padding-left:32px}
.ss26-approach .na-age-number{display:block;color:var(--na-red);font-family:'NA Barlow','Barlow Condensed',sans-serif;font-weight:800;font-size:176px;line-height:164px}
.ss26-approach .na-age p{font-size:14px;line-height:20px;font-weight:600;text-transform:uppercase;margin-top:12px}
.ss26-approach .na-photo{position:relative;background:#e7e9ec;overflow:hidden;min-width:0}
.ss26-approach .na-photo img{display:block;width:100%;height:100%;object-fit:cover}
.ss26-approach .na-photo--pending{display:flex;align-items:center;justify-content:center;padding:32px;text-align:center;color:#727b85}
.ss26-approach .na-photo--pending strong{display:block;font-size:14px;line-height:20px;text-transform:uppercase;margin-bottom:12px}
.ss26-approach .na-photo--pending p{font-size:16px;line-height:24px}
.ss26-approach .na-photo--collective{aspect-ratio:1440/420}
.ss26-approach .na-conviction{background:var(--na-soft);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:64px;align-items:center}
.ss26-approach .na-conviction h2{max-width:608px}
.ss26-approach .na-engagements>h2{margin-bottom:32px}
.ss26-approach .na-commit-grid{display:grid;grid-template-columns:minmax(0,512fr) minmax(0,776fr);gap:24px}
.ss26-approach .na-quality{display:flex;flex-direction:column;background:var(--na-dark);color:#fff}
.ss26-approach .na-quality-copy{padding:32px 24px;min-height:300px}
.ss26-approach .na-quality h3{font-size:48px;line-height:46px;margin-bottom:20px}
.ss26-approach .na-photo--textile{aspect-ratio:512/396;flex:1;min-height:260px}
.ss26-approach .na-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ss26-approach .na-card{padding:24px;background:var(--na-soft);min-height:336px}
.ss26-approach .na-icon{display:block;width:32px;height:32px;margin-bottom:24px;background:var(--na-red);mask-position:center;mask-size:contain;mask-repeat:no-repeat}
.ss26-approach .na-icon--tag{mask-image:url('assets/tag.svg')}
.ss26-approach .na-icon--pen{mask-image:url('assets/pen.svg')}
.ss26-approach .na-icon--layers{mask-image:url('assets/layers.svg')}
.ss26-approach .na-icon--users{mask-image:url('assets/users.svg')}
.ss26-approach .na-card h3{margin-bottom:16px}
.ss26-approach .na-experience{display:grid;grid-template-columns:minmax(0,416fr) minmax(0,832fr);gap:64px;background:var(--na-soft)}
.ss26-approach .na-feedback{display:grid;grid-template-columns:minmax(0,576fr) minmax(0,672fr);gap:64px;background:var(--na-dark);color:#fff;align-items:center}
.ss26-approach .na-photo--feedback{aspect-ratio:576/420;align-self:stretch}
.ss26-approach .na-feedback .na-eyebrow{color:#d7a5a6}
.ss26-approach .na-feedback h2{margin-bottom:24px}
.ss26-approach .na-final{padding:0 48px;background:#fff}
.ss26-approach .na-final>div{background:var(--na-soft);padding:32px;border-top:1px solid #e7e9ec;min-height:222px}
.ss26-approach .na-final h2{font-size:44px;line-height:46px;margin-bottom:12px}
.ss26-approach .na-final p{font-size:17px;line-height:24px;margin-bottom:20px}
.ss26-approach .na-final .na-cta{min-width:244px;min-height:56px}
@media(max-width:1199px){.ss26-approach{--na-pad:40px}.ss26-approach .na-hero{grid-template-columns:minmax(0,1fr) 230px;gap:40px}.ss26-approach .na-hero-slogan{font-size:52px}.ss26-approach h2,.ss26-approach .na-quality h3{font-size:42px;line-height:42px}.ss26-approach .na-conviction,.ss26-approach .na-experience,.ss26-approach .na-feedback{gap:40px}.ss26-approach .na-commit-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.ss26-approach .na-card{padding:20px}.ss26-approach .na-card h3{font-size:27px}.ss26-approach .na-desktop-break{display:none}}
@media(max-width:900px){.ss26-approach{--na-pad:28px}.ss26-approach .na-age{padding-left:24px}.ss26-approach .na-age-number{font-size:140px;line-height:140px}.ss26-approach .na-hero{grid-template-columns:minmax(0,1fr) 200px;gap:28px}.ss26-approach .na-commit-grid{grid-template-columns:1fr}.ss26-approach .na-quality{display:grid;grid-template-columns:1fr 1fr}.ss26-approach .na-quality-copy{min-height:280px}.ss26-approach .na-cards{gap:20px}.ss26-approach .na-card{min-height:280px}.ss26-approach .na-photo--textile{height:100%;aspect-ratio:auto}.ss26-approach .na-final{padding:0 28px}}
@media(max-width:760px){.ss26-approach{--na-pad:24px}.ss26-approach .na-section{padding:40px var(--na-pad)}.ss26-approach .na-hero{padding:40px var(--na-pad);display:flex;flex-direction:column;align-items:stretch;gap:32px;min-height:0}.ss26-approach .na-hero-slogan{font-size:42px;line-height:42px}.ss26-approach h2,.ss26-approach .na-quality h3{font-size:36px;line-height:36px}.ss26-approach .na-lead{font-size:17px;line-height:27px}.ss26-approach .na-age{display:flex;align-items:center;gap:20px;padding:0;border-left:0}.ss26-approach .na-age-number{font-size:104px;line-height:100px}.ss26-approach .na-age p{margin:0;font-size:12px;line-height:18px}.ss26-approach .na-photo--collective{aspect-ratio:4/3}.ss26-approach .na-photo--pending{padding:24px}.ss26-approach .na-conviction,.ss26-approach .na-experience,.ss26-approach .na-feedback{grid-template-columns:1fr;gap:28px}.ss26-approach .na-quality{display:flex}.ss26-approach .na-quality-copy{min-height:0;padding:28px 24px}.ss26-approach .na-photo--textile{height:auto;min-height:0;aspect-ratio:512/396;flex:auto}.ss26-approach .na-cards{grid-template-columns:1fr;gap:16px}.ss26-approach .na-card{min-height:0;padding:24px}.ss26-approach .na-card h3{font-size:30px;line-height:32px}.ss26-approach .na-feedback-copy{grid-row:1}.ss26-approach .na-photo--feedback{aspect-ratio:576/420}.ss26-approach .na-final{padding:0}.ss26-approach .na-final>div{padding:32px 24px}.ss26-approach .na-final h2{font-size:36px;line-height:38px}}
@media(prefers-reduced-motion:reduce){.ss26-approach .na-cta{transition:none}}

/* R171: align the final editorial band with the page sections. */
.ss26-approach .na-final{padding:0}
.ss26-approach .na-final>div{padding:32px var(--na-pad)}

.ss26-approach h1.na-eyebrow{font-family:Inter,Arial,sans-serif;font-style:normal;margin-top:0}