/* Editorial system / projects, workwear and identity */
.project-hub{padding:75px var(--gutter);background:#fff}.hub-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.hub-heading .eyebrow{font-size:10px;font-weight:750;letter-spacing:.12em}.hub-heading h2{font-size:clamp(40px,5.4vw,80px);margin-top:20px;line-height:.97;letter-spacing:-.055em;font-weight:800}.hub-heading>div:last-child{max-width:335px;padding-bottom:5px}.hub-heading p{font-size:13px}.hub-heading .text-link{font-size:11px;margin-top:16px;display:inline-block}.project-filter{border-top:1px solid #d7e0e7;display:flex;gap:24px;margin:0 0 25px;padding-top:18px}.project-filter button{padding:8px 0;background:transparent;border:0;border-bottom:2px solid transparent;font-size:11px;font-weight:700;color:#60778c}.project-filter button[aria-pressed=true]{color:var(--navy);border-color:var(--cyan)}.project-filter sup{font-size:8px;margin-left:4px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border:0;background:transparent;padding:0;text-align:left;color:var(--navy);min-width:0}.project-card[hidden]{display:none}.project-cover{aspect-ratio:1.08;position:relative;overflow:hidden;background:#e9edf0}.project-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-card:hover .project-cover>img{transform:scale(1.035)}.project-badge{position:absolute;top:15px;left:15px;background:#fff;padding:7px 9px;font-size:8px;letter-spacing:.08em;font-weight:750}.project-corner{position:absolute;bottom:15px;right:15px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--cyan);font-size:20px}.project-caption{padding-top:17px}.project-caption>span{font-size:8px;letter-spacing:.08em;font-weight:700}.project-caption h3{font-size:25px;line-height:1.08;margin:10px 0;font-weight:750}.project-caption p{font-size:12px;color:#5f7181}.photo-note{margin-top:27px;font-size:10px;color:#6a7883}.feature-caption{padding:20px var(--gutter) 33px}[data-direction=club] .feature-caption{display:flex;align-items:end;justify-content:space-between;gap:25px}[data-direction=club] .feature-caption h2{font-size:29px;margin-top:8px;line-height:1.05;font-weight:700;letter-spacing:-.04em}.feature-caption .eyebrow{font-size:8px;color:#b0c9dc;letter-spacing:.12em}.feature-switch{display:flex;align-items:center;gap:7px}.feature-switch>button{font-size:10px;color:white;border:1px solid #ffffff50;background:transparent;padding:10px;min-width:35px;min-height:35px}.feature-switch>button[aria-pressed=true]{color:#0b3467;background:var(--cyan);border-color:var(--cyan)}.feature-switch>.feature-open{margin-left:15px;padding:10px 0;border-width:0 0 1px;min-width:125px;font-size:11px}.feature-switch>button:hover{border-color:var(--cyan)}.founder-portrait{width:130px;aspect-ratio:.9;object-fit:cover;object-position:50% 20%;margin-bottom:27px;filter:saturate(.8)}.founder-portfolio{display:inline-block;margin-top:24px;padding-bottom:9px;border-bottom:1px solid currentColor;font-size:12px;font-weight:700}
[data-direction=club] .site-header{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 #0b346715}[data-direction=club] .hero-copy{padding-top:35px;padding-bottom:32px}[data-direction=club] .hero h1{font-size:clamp(46px,8.4vw,145px);font-weight:800;letter-spacing:-.055em;line-height:.96}[data-direction=club] .hero-image{aspect-ratio:2.15;margin-bottom:0}[data-direction=club] .hero-image>img{object-position:50% 58%}[data-direction=club] .hero-image figcaption>span:first-child{display:none}[data-direction=club] .hero-image figcaption{padding:35px 25px 15px;justify-content:flex-end}[data-direction=club] .project-hub{padding-top:75px;padding-bottom:75px}[data-direction=club] .hub-heading h2{font-weight:850}[data-direction=club] .project-cover{aspect-ratio:1.02}[data-direction=club] .project-card:nth-child(2){padding-top:42px}[data-direction=club] .project-card:nth-child(3){padding-top:84px}[data-direction=club] .projects-grid:has(.project-card[hidden]) .project-card{padding-top:0}[data-direction=club] .project-caption h3{font-weight:800;font-size:27px}[data-direction=club] .intro{border-top:1px solid #d7e0e7}[data-direction=club] .about-content{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw}[data-direction=club] .about-text{display:grid;grid-template-columns:125px 1fr;column-gap:25px;align-items:start}[data-direction=club] .founder-portrait{grid-row:1 / span 4;width:125px;margin:0;aspect-ratio:.76}[data-direction=club] .about-text p{font-size:13px}[data-direction=club] .about-text .signature,[data-direction=club] .founder-portfolio{grid-column:2}[data-direction=club] .founder-portfolio{margin-top:17px;font-size:11px}
.fleet-section{background:#eef3f6}.fleet-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:25px;padding:55px var(--gutter) 35px}.fleet-heading>.eyebrow{font-size:9px;align-self:start;letter-spacing:.1em}.fleet-heading h2{font-size:clamp(32px,4.1vw,64px);font-weight:800}.fleet-heading p{font-size:12px;max-width:210px}.fleet-visual{position:relative;background:#e2e8ed}.fleet-visual>img{width:100%;height:auto}.fleet-visual figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:35px var(--gutter) 20px;background:linear-gradient(transparent,#03182cd9);color:white;font-size:9px;letter-spacing:.1em}.fleet-bottom{display:flex;justify-content:space-between;align-items:center;padding:28px var(--gutter) 35px;gap:25px}.fleet-bottom>p{font-size:13px}.fleet-open{border:1px solid var(--navy);background:transparent;color:var(--navy);padding:17px 22px;display:flex;gap:32px;font-size:11px;font-weight:700}.fleet-open:hover{background:var(--navy);color:white}.fleet-dialog{padding:0;width:min(1050px,calc(100% - 32px));max-height:92dvh;overflow:auto;border:0;background:#e8ecef}.fleet-dialog::backdrop{background:#041a34ce}.fleet-dialog>img{width:100%;display:block}.fleet-dialog>p{padding:14px 22px;font-size:11px;color:var(--navy)}.fleet-close,.project-close{position:absolute;right:12px;top:12px;width:38px;height:38px;background:white;border:1px solid #c8d3dc;color:var(--navy);font-size:26px;z-index:2}
.collection-heading h2{font-size:clamp(48px,7.1vw,110px)}.product-grid{grid-template-columns:repeat(3,1fr);gap:35px 20px}.product-photo{background-image:url('assets/workwear-catalog-v4.webp');background-size:200% 200%}.product-polo{background-position:0 0;background-size:200% 216%}.product-cap{background-position:100% 0;background-size:200% 216%}.product-hoodie{background-position:0 100%;background-size:200% 186%}.product-trousers{background-position:100% 100%;background-size:200% 186%}.product-softshell{background-image:url('assets/workwear-reference.webp');background-size:390% 260%;background-position:70% 100%}.product-footwear{background-image:url('assets/nb-speedware.webp');background-size:contain;background-position:center;background-color:white}.product-photo .merch-mark{display:none!important}.product-meta{margin-top:15px}.product-card h3{font-size:22px}.product-source{display:block;font-size:11px;font-weight:700;color:var(--navy);border-bottom:1px solid #aebfcd;padding:10px 0;margin-top:10px}.product-source[hidden]{display:none}.dialog-visual{min-height:440px;aspect-ratio:1;height:auto}.dialog-copy h2{font-size:32px}.dialog-visual.product-softshell{background-size:390% 260%}.dialog-visual.product-footwear{background-size:contain}.project-dialog{border:0;padding:0;width:min(1100px,calc(100% - 32px));max-height:92dvh;overflow:auto;background:white;color:var(--navy)}.project-dialog[open]{display:grid;grid-template-columns:1.6fr 1fr}.project-dialog::backdrop{background:#03162dd9;backdrop-filter:blur(4px)}.project-dialog-media{position:relative;background:#e8edef;display:flex;align-items:center;min-height:450px}.project-dialog-image{width:100%;height:auto;max-height:85dvh;object-fit:contain}.photo-modes{position:absolute;bottom:18px;left:18px;display:flex;padding:3px;background:#fff;box-shadow:0 2px 10px #0002;gap:3px}.photo-modes button{border:0;background:white;color:var(--navy);padding:10px 13px;font-size:10px;font-weight:700}.photo-modes button[aria-pressed=true]{background:var(--navy);color:white}.project-dialog-copy{padding:65px 33px 35px}.project-dialog-copy>.eyebrow{font-size:9px;letter-spacing:.12em}.project-dialog-copy h2{font-size:38px;line-height:1.04;font-weight:800;margin:24px 0}.project-description{font-size:13px}.project-image-note{margin-top:25px;font-size:10px;color:#617589}.project-dialog-copy .text-link{font-size:12px;display:inline-block;margin-top:25px}
@media(max-width:1100px){[data-direction=club] .site-header nav{gap:18px;font-size:9px}.fleet-heading{grid-template-columns:1fr 2fr}.fleet-heading p{grid-column:2}[data-direction=club] .about-content{display:block}[data-direction=club] .about-text{margin-top:35px;max-width:600px}}
@media(max-width:720px){.project-hub,[data-direction=club] .project-hub{padding:48px 24px}.hub-heading{display:block;margin-bottom:25px}.hub-heading h2{font-size:45px;margin-top:18px}.hub-heading>div:last-child{margin-top:24px}.hub-heading p{font-size:12px}.project-filter{gap:22px;margin-bottom:22px}.project-filter button{font-size:10px}.projects-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding-bottom:16px;margin-right:-24px;padding-right:24px;scrollbar-width:thin}.project-card{flex:0 0 83%;scroll-snap-align:start}.projects-grid:has(.project-card[hidden]){display:grid;grid-template-columns:1fr}.projects-grid:has(.project-card[hidden]) .project-card{width:100%}.projects-grid .project-card[hidden]{display:none}[data-direction=club] .project-card:nth-child(n){padding-top:0}.project-caption h3,[data-direction=club] .project-caption h3{font-size:24px}.project-caption p{font-size:11px}.photo-note{font-size:9px;margin-top:15px}[data-direction=club] .hero h1{font-size:clamp(31px,8.3vw,62px);letter-spacing:-.045em;line-height:1.03}[data-direction=club] .hero-copy{padding:28px 24px}[data-direction=club] .hero-image{aspect-ratio:1.1}[data-direction=club] .feature-caption{padding:22px 24px 27px;display:block}[data-direction=club] .feature-caption h2{font-size:25px}.feature-switch{margin-top:20px;gap:7px}.feature-switch>.feature-open{margin-left:auto;font-size:10px;min-width:112px}.feature-switch>button{min-width:34px;min-height:34px;padding:8px}[data-direction=club] .site-header{position:sticky}[data-direction=club] .about-text{grid-template-columns:90px 1fr;column-gap:20px}[data-direction=club] .founder-portrait{width:90px}[data-direction=club] .about-text p{font-size:12px;line-height:1.65}[data-direction=club] .about-text .signature{font-size:10px}[data-direction=club] .founder-portfolio{font-size:10px}.fleet-heading{display:block;padding:45px 24px 27px}.fleet-heading h2{font-size:38px;margin:20px 0}.fleet-heading p{max-width:270px;font-size:12px}.fleet-visual{overflow:hidden}.fleet-visual>img{width:155%;max-width:none;transform:translateX(-4%)}.fleet-visual figcaption{font-size:7px;padding:30px 24px 15px;gap:20px}.fleet-visual figcaption>span:first-child{display:none}.fleet-bottom{display:block;padding:25px 24px 32px}.fleet-bottom p{font-size:12px}.fleet-open{margin-top:20px;padding:14px 18px}.collection h2{font-size:clamp(43px,11.5vw,66px);line-height:.98}.product-grid{grid-template-columns:repeat(2,1fr);gap:28px 13px}.product-card h3{font-size:16px}.product-card p{font-size:10px}.product-meta{font-size:7px}.collection-bottom{font-size:7px}.product-dialog[open]{display:block}.dialog-visual{min-height:0;aspect-ratio:1}.project-dialog[open]{display:block}.project-dialog-media{min-height:0;aspect-ratio:1.05}.project-dialog-image{height:100%;object-fit:contain;max-height:none}.project-dialog-copy{padding:28px 24px 30px}.project-dialog-copy h2{font-size:31px;margin:17px 0}.project-description{font-size:12px}.project-image-note{margin-top:17px}.fleet-dialog>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.project-cover>img{transition:none}}
.gear-references{border-top:1px solid #cdd9e3;margin-top:40px;padding-top:23px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.gear-references>span{font-size:8px;font-weight:750;letter-spacing:.08em}.gear-references>a{font-size:12px;font-weight:700;border-bottom:1px solid #b8c8d5;padding-bottom:5px}.gear-references>small{font-size:9px;color:#667b8d;width:100%}@media(max-width:720px){.gear-references{gap:17px;margin-top:28px}.gear-references>span{width:100%}.gear-references>a{font-size:11px}.gear-references>small{font-size:8px}}
[data-direction=club] h2,[data-direction=club] .hub-heading h2,[data-direction=club] .collection h2{letter-spacing:-.03em;font-weight:800}[data-direction=club] .hero h1{letter-spacing:-.035em}.brand-window{width:156px}@media(max-width:720px){.brand-window{width:136px}[data-direction=club] .hero h1{letter-spacing:-.035em}}
