:root{--green:#082d25;--green-2:#12483b;--cream:#f3ebdc;--gold:#c99b47;--ink:#071b17;--white:#fffdf7;--line:rgba(201,155,71,.45)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--gold);padding:.75rem 1rem;z-index:100}
.skip-link:focus{left:1rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:92px;padding:0 clamp(1.25rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;background:var(--green);color:var(--white);border-bottom:1px solid rgba(255,255,255,.15);position:relative;z-index:20}
.wordmark{display:grid;grid-template-columns:auto auto;gap:0 .3rem;line-height:.85;font-family:"Oswald",sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.08em}
.wordmark small{grid-column:1/-1;color:var(--gold);font:600 .54rem "DM Sans",sans-serif;letter-spacing:.35em;margin-top:.38rem}
.site-header .wordmark{display:flex;align-items:center;gap:.75rem}
.wordmark-copy{display:grid;grid-template-columns:auto auto;gap:0 .3rem}
.header-goat{width:52px;height:52px;overflow:hidden;border-radius:50%;border:1px solid var(--line);background:#d9d8a8;flex:0 0 auto}
.header-goat img{width:100%;height:135%;object-fit:cover;object-position:center top}
nav{display:flex;align-items:center;gap:clamp(1rem,2.3vw,2.5rem);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
nav a{padding:.7rem 0;border-bottom:1px solid transparent}
nav a:hover,nav a:focus-visible{border-color:var(--gold)}
.nav-social{color:var(--gold)}
.menu-button{display:none;background:none;border:0;color:white}
.hero{min-height:calc(100vh - 92px);background:var(--green);color:var(--white);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;padding:clamp(3rem,7vw,7rem) clamp(1.25rem,7vw,8rem)}
.court-lines{position:absolute;inset:-10%;opacity:.18;background:linear-gradient(90deg,transparent 49.85%,var(--gold) 50%,transparent 50.15%),linear-gradient(0deg,transparent 49.85%,var(--gold) 50%,transparent 50.15%);transform:rotate(-8deg)}
.court-lines:after{content:"";position:absolute;inset:15%;border:1px solid var(--gold);border-radius:48%}
.hero-copy{position:relative;z-index:2;max-width:760px}
.eyebrow{font:600 .78rem "DM Sans";letter-spacing:.25em;color:var(--gold);margin:0 0 1.2rem}
h1,h2{font-family:"Oswald",sans-serif;text-transform:uppercase;line-height:.88;letter-spacing:-.025em;margin:0}
h1{font-size:clamp(4.4rem,10vw,9.5rem)}
h1 em,h2 em{font-family:"Playfair Display",serif;text-transform:none;color:var(--gold);font-weight:700}
.hero-intro{max-width:580px;font-size:clamp(1rem,1.4vw,1.2rem);color:rgba(255,253,247,.78);margin:2rem 0}
.hero-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.35rem;min-height:52px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.button-gold{background:var(--gold);color:var(--ink)}
.button-gold:hover,.button-gold:focus-visible{background:var(--white)}
.text-link{font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;border-bottom:1px solid var(--line);padding:.7rem 0}
.text-link span{color:var(--gold);margin-left:.6rem}
.hero-mark{position:relative;z-index:2;margin:0;justify-self:end;width:min(42vw,520px);border:1px solid var(--line);padding:clamp(.7rem,1.5vw,1.2rem);transform:rotate(2deg);box-shadow:22px 22px 0 rgba(0,0,0,.14)}
.hero-mark img{aspect-ratio:1;object-fit:cover}
.hero-stamp{position:absolute;right:2rem;bottom:1.4rem;display:flex;gap:.7rem;color:var(--gold);font:600 .66rem "DM Sans";letter-spacing:.2em}
.hero-stamp i{font-style:normal;color:rgba(255,255,255,.4)}
.marquee{overflow:hidden;background:var(--gold);color:var(--ink);white-space:nowrap;padding:.8rem 0;font:700 .82rem "DM Sans";letter-spacing:.18em}
.marquee div{width:max-content;animation:marquee 22s linear infinite}
.marquee span{padding:0 1.4rem}
@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,7vw,8rem)}
.section-label{font-size:.7rem;font-weight:700;letter-spacing:.2em;margin-bottom:clamp(3rem,7vw,6rem);display:flex;align-items:center;gap:1rem}
.section-label:after{content:"";width:70px;height:1px;background:var(--gold)}
.section-label span{color:var(--gold)}
.section-label.light{color:var(--white)}
.story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,8vw,9rem)}
h2{font-size:clamp(3rem,6.2vw,6.3rem)}
.story-copy>p{font-size:clamp(1rem,1.5vw,1.2rem);margin:0 0 1.3rem}
.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(8,45,37,.18);margin-top:clamp(3rem,7vw,6rem);border:1px solid rgba(8,45,37,.18)}
.journey-steps>div{background:var(--cream);padding:clamp(1.25rem,3vw,2.25rem)}
.journey-steps span{display:block;color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.16em;margin-bottom:1.2rem}
.journey-steps strong{display:block;font:600 clamp(1.4rem,2.4vw,2rem) "Oswald";text-transform:uppercase;line-height:1}
.journey-steps p{margin:.8rem 0 0;color:var(--green-2);font-size:.92rem}
.fact-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem;gap:1rem}
.fact-row strong{display:block;font:700 2rem "Oswald";color:var(--green)}
.fact-row span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.founders{background:#041b16;color:var(--white)}
.founders-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,8rem);align-items:center}
.founders-photo{margin:0;position:relative}
.founders-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border:1px solid rgba(255,255,255,.16)}
.founders-photo figcaption{position:absolute;left:1rem;bottom:1rem;background:var(--gold);color:var(--ink);padding:.65rem .85rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.founders-copy>p:not(.eyebrow){max-width:640px;color:rgba(255,255,255,.72);font-size:1.05rem}
.founder-names{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.17);padding-top:1.5rem}
.founder-names strong{display:block;font:600 1.4rem "Oswald";text-transform:uppercase;color:var(--white)}
.founder-names span{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}
.originals{background:#eee5d5}
.originals-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,7vw,7rem);align-items:end;margin-bottom:4rem}
.originals-heading>p{max-width:560px;font-size:1.05rem;margin:0}
.originals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:start}
.original-card{margin:0;background:var(--white);border:1px solid rgba(8,45,37,.12);overflow:hidden}
.original-card img{width:100%;aspect-ratio:1;object-fit:cover;background:white;filter:grayscale(1);transition:transform .35s ease}
.original-card.tall img{aspect-ratio:2/3}
.original-card.feature{grid-column:span 2;grid-row:span 2}
.original-card.feature img{aspect-ratio:1}
.original-card:hover img{transform:scale(1.018)}
.original-card figcaption{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:1rem 1.1rem;border-top:1px solid rgba(8,45,37,.12)}
.original-card strong{font:600 1.1rem "Oswald";text-transform:uppercase}
.original-card span{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green-2);text-align:right}
.first-shoot{background:#041b16;color:var(--white)}
.shoot-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,7vw,7rem);align-items:end;margin-bottom:4rem}
.shoot-heading>p{max-width:560px;color:rgba(255,255,255,.7);font-size:1.05rem;margin:0}
.shoot-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;grid-auto-flow:dense}
.shoot-photo{margin:0;position:relative;overflow:hidden;background:#111;min-height:320px}
.shoot-photo img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .4s ease}
.shoot-photo:hover img{transform:scale(1.018)}
.shoot-photo figcaption{position:absolute;left:0;bottom:0;background:rgba(4,27,22,.9);padding:.65rem .85rem;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.shoot-wide{grid-column:span 2}.shoot-wide img{aspect-ratio:16/10}
.shoot-tall{grid-row:span 2}.shoot-tall img{aspect-ratio:auto;min-height:100%}
.collection{background:var(--green);color:var(--white)}
.collection-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:3rem;margin-bottom:4rem}
.collection-heading p{max-width:450px;color:rgba(255,255,255,.7);margin:0}
.range-block{border-top:1px solid rgba(255,255,255,.16);padding-top:2rem;margin-top:clamp(4rem,8vw,7rem)}
.range-title{display:grid;grid-template-columns:auto 1fr minmax(240px,430px);gap:1.5rem;align-items:baseline;margin-bottom:2rem}
.range-title>span{color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.16em}
.range-title h3{font:600 clamp(2rem,4vw,3.5rem) "Oswald";text-transform:uppercase;line-height:1;margin:0}
.range-title p{color:rgba(255,255,255,.66);margin:0}
.range-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.range-image{margin:0;position:relative;overflow:hidden;background:#041b16}
.range-image img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .45s ease}
.range-image.wide{grid-column:span 2}.range-image.wide img{aspect-ratio:16/10}
.range-image:hover img{transform:scale(1.018)}
.range-image figcaption{position:absolute;left:0;bottom:0;background:rgba(4,27,22,.9);padding:.65rem .85rem;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.editorial-grid{grid-template-columns:1.25fr .75fr .75fr}
.editorial-grid .hero-shot{grid-row:span 2}.editorial-grid .hero-shot img{aspect-ratio:auto;min-height:100%}
.caps-grid{grid-template-columns:1.4fr repeat(3,1fr)}
.caps-grid .wide{grid-column:auto}.caps-grid .wide img{aspect-ratio:4/5}
.product-ticker{display:flex;justify-content:space-between;gap:1.5rem;overflow:auto;padding:1.6rem 0 0;color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.16em;white-space:nowrap}
.collab-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,7vw,7rem);align-items:end;margin-bottom:4rem}
.eyebrow.dark{color:var(--green)}
.collab-copy>p:not(.eyebrow){max-width:520px;font-size:1.05rem;margin:2rem 0}
.dark-link{border-color:rgba(8,45,37,.25)}
.collab-showcase{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.collab-chapter{grid-column:1/-1;display:grid;grid-template-columns:.25fr .75fr 1fr;gap:2rem;align-items:end;border-top:1px solid rgba(8,45,37,.2);padding:clamp(3.5rem,7vw,6rem) 0 1.5rem;margin-top:1.5rem}
.collab-chapter>span{color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.16em}
.collab-chapter h3{font:600 clamp(2.5rem,5vw,4.5rem)/.92 "Oswald";text-transform:uppercase;margin:0}
.collab-chapter p{margin:0;max-width:520px;color:var(--green-2)}
.collab-card{background:var(--green);color:var(--white);overflow:hidden;display:flex;flex-direction:column}
.collab-card>img{width:100%;aspect-ratio:16/10;object-fit:cover}
.collab-gallery{display:grid;grid-template-columns:1fr 1fr;background:var(--white)}
.collab-gallery img{width:100%;height:100%;object-fit:contain}
.collab-card-body{padding:clamp(1.4rem,3vw,2.4rem)}
.collab-card-body>span{color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.16em}
.collab-card h3{font:600 clamp(2rem,4vw,3.4rem) "Oswald";text-transform:uppercase;line-height:1;margin:.55rem 0 1rem}
.collab-card p{color:rgba(255,255,255,.68);margin:0;max-width:620px}
.collab-card-type{background:#111;min-height:100%}
.rex-mark{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#24594b 0,#082d25 48%,#041b16 100%);border-bottom:1px solid rgba(255,255,255,.15)}
.rex-mark small{color:var(--gold);font-weight:700;letter-spacing:.24em}
.rex-mark strong{font:700 clamp(4rem,8vw,7rem)/.78 "Oswald";text-align:center;letter-spacing:-.05em;margin-top:1.2rem}
.collab-card-wide{grid-column:1/-1;display:grid;grid-template-columns:1.4fr .6fr}
.collab-card-wide>img{height:100%;aspect-ratio:auto}
.collab-americano{grid-template-columns:1.5fr .5fr}
.community-story{grid-column:1/-1;background:#041b16;color:var(--white);padding:clamp(1.5rem,4vw,3.5rem)}
.community-story-heading{display:grid;grid-template-columns:.25fr 1fr 1fr;gap:2rem;align-items:end;margin-bottom:2rem}
.community-story-heading>span{color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.16em}
.community-story-heading h3{font:600 clamp(2.5rem,5vw,5rem)/.92 "Oswald";text-transform:uppercase;margin:0}
.community-story-heading h3 em{font-family:"Playfair Display",serif;text-transform:none;color:var(--gold)}
.community-story-heading p{color:rgba(255,255,255,.68);margin:0;max-width:530px}
.community-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem;grid-auto-flow:dense}
.community-gallery img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover}
.community-gallery .community-feature{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.community-gallery .community-wide{grid-column:span 2;aspect-ratio:16/10}
.qatar-gaa-card{grid-template-columns:1.45fr .55fr;background:#4b0715}
.qatar-gaa-card h3{font-size:clamp(1.9rem,3.2vw,3rem)}
.qatar-gaa-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#fff}
.qatar-gaa-gallery img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.qatar-gaa-gallery .qatar-gaa-feature{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.collab-single{grid-column:1/-1;display:grid;grid-template-columns:1.35fr .65fr}
.collab-single>img{height:100%;aspect-ratio:16/9}
.uk-market{background:#041b16;color:var(--white)}
.uk-market-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,8rem);align-items:center}
.uk-market-copy>p:not(.eyebrow){max-width:620px;color:rgba(255,255,255,.7);font-size:1.05rem}
.uk-market figure{margin:0;position:relative}
.uk-market figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.uk-market figcaption{position:absolute;left:1rem;bottom:1rem;background:var(--gold);color:var(--ink);padding:.65rem .85rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.order{background:var(--green);color:var(--white)}
.order-top{max-width:860px;margin-bottom:4rem}
.order-top .section-label{margin-bottom:3rem}
.order-top>p{max-width:630px;color:rgba(255,255,255,.7);font-size:1.06rem}
.order-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.order-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:230px;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid rgba(255,255,255,.2);transition:.25s ease}
.order-card:hover,.order-card:focus-visible{background:var(--gold);color:var(--ink);transform:translateY(-4px)}
.region{grid-column:1/-1;color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.18em}
.order-card:hover .region,.order-card:focus-visible .region{color:var(--green)}
.order-title{font:600 clamp(2rem,4vw,3.6rem) "Oswald";text-transform:uppercase}
.order-arrow{font-size:2rem}
.order-card small{grid-column:1/-1;color:rgba(255,255,255,.55)}
.order-card:hover small,.order-card:focus-visible small{color:var(--ink)}
.social-strip{background:var(--gold);padding:clamp(2rem,5vw,4.5rem) clamp(1.25rem,7vw,8rem);display:flex;justify-content:space-between;align-items:center;gap:2rem}
.social-strip p{font-size:.7rem;font-weight:700;letter-spacing:.18em}
.social-strip a{font:700 clamp(2rem,6vw,5.5rem) "Oswald";line-height:1}
.social-strip span{font-family:"DM Sans";font-size:.45em}
footer{background:#041b16;color:rgba(255,255,255,.7);padding:4rem clamp(1.25rem,7vw,8rem);display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:2rem}
.footer-mark{color:var(--white);width:max-content}
footer p{font-family:"Playfair Display",serif;font-size:1.2rem;margin:0}
footer div{display:flex;gap:1.2rem;justify-content:flex-end;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
footer>small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:1.2rem;font-size:.68rem}
@media (max-width:900px){
 .site-header{height:76px}
 .menu-button{display:grid;gap:6px;padding:1rem;cursor:pointer}.menu-button span:not(.sr-only){display:block;width:24px;height:1px;background:white}
 nav{position:absolute;top:76px;left:0;right:0;background:var(--green);padding:1rem 1.25rem 1.5rem;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
 nav.open{display:flex}
 .hero{min-height:auto;grid-template-columns:1fr;padding-top:5rem}
 .hero-mark{width:min(78vw,460px);margin-top:4rem;justify-self:center}
 .story-grid,.founders-grid,.originals-heading,.shoot-heading,.collection-heading,.collab-intro,.uk-market-grid{grid-template-columns:1fr}
 .journey-steps{grid-template-columns:repeat(2,1fr)}
 .originals-grid{grid-template-columns:repeat(3,1fr)}
 .range-title{grid-template-columns:auto 1fr}.range-title p{grid-column:2}
 .caps-grid{grid-template-columns:repeat(2,1fr)}
 .collection-heading{align-items:start}
 .collab-copy{max-width:680px}
 .shoot-gallery{grid-template-columns:repeat(3,1fr)}
 .community-story-heading{grid-template-columns:1fr 1fr}.community-story-heading>span{grid-column:1/-1}.community-gallery{grid-template-columns:repeat(3,1fr)}
 .collab-chapter{grid-template-columns:1fr 1fr}.collab-chapter>span{grid-column:1/-1}
 footer{grid-template-columns:1fr 1fr} footer div{justify-content:flex-start} footer p{grid-row:2}
}
@media (max-width:620px){
 h1{font-size:clamp(4.3rem,23vw,7rem)}
 .section{padding-top:4.5rem;padding-bottom:4.5rem}
 .hero-actions{align-items:flex-start;flex-direction:column;gap:.8rem}
 .hero-stamp{display:none}
 .fact-row{grid-template-columns:1fr 1fr}.fact-row div:last-child{grid-column:1/-1}
 .collection-visual img{aspect-ratio:4/5;object-position:center;object-fit:cover}
 .originals-grid{grid-template-columns:1fr 1fr}.original-card.feature{grid-column:1/-1}.original-card figcaption{display:block}.original-card span{display:block;text-align:left;margin-top:.25rem}
 .range-title{grid-template-columns:1fr}.range-title p{grid-column:auto}.range-grid,.editorial-grid,.caps-grid{grid-template-columns:1fr 1fr}.range-image.wide{grid-column:1/-1}.editorial-grid .hero-shot{grid-row:auto;grid-column:1/-1}.editorial-grid .hero-shot img{aspect-ratio:4/5}.caps-grid .wide{grid-column:1/-1}.collab-americano{display:flex}.collab-gallery{grid-template-columns:1fr}
 .shoot-gallery{grid-template-columns:1fr 1fr}.shoot-wide{grid-column:1/-1}.shoot-tall{grid-row:auto}.shoot-tall img{aspect-ratio:3/4}
 .community-story-heading{grid-template-columns:1fr}.community-story-heading>span{grid-column:auto}.community-gallery{grid-template-columns:1fr 1fr}.community-gallery .community-feature{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10}.community-gallery .community-wide{grid-column:1/-1}.qatar-gaa-card{display:flex}.qatar-gaa-gallery{grid-template-columns:1fr 1fr}.qatar-gaa-gallery .qatar-gaa-feature{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10}
 .founder-names,.collab-showcase{grid-template-columns:1fr}
 .journey-steps{grid-template-columns:1fr}
 .collab-chapter{grid-template-columns:1fr}.collab-chapter>span{grid-column:auto}
 .collab-card-wide{grid-column:auto;display:flex}
 .collab-single{grid-column:auto;display:flex}
 .order-cards{grid-template-columns:1fr}.order-card{min-height:190px}
 .social-strip{align-items:flex-start;flex-direction:column}
 footer{grid-template-columns:1fr}footer p{grid-row:auto}footer div{flex-wrap:wrap}footer>small{grid-column:1}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.collection-visual img,.order-card{transition:none}}

/* Light editorial brand direction */
:root{--cream:#f3ebdc;--paper:#fffdf8;--sand:#e8dcc8;--green:#082d25;--green-2:#12483b;--gold:#bd8f3e;--ink:#082d25}
body{background:var(--paper);color:var(--green)}
.site-header{background:rgba(255,253,248,.96);color:var(--green);border-bottom:1px solid rgba(8,45,37,.14);position:sticky;top:0;box-shadow:0 8px 28px rgba(8,45,37,.05)}
.site-header .header-goat{background:var(--cream);border-color:rgba(8,45,37,.16)}
.menu-button{color:var(--green)}
.menu-button span:not(.sr-only){background:var(--green)}
nav a:hover,nav a:focus-visible{border-color:var(--gold)}
.hero{background:var(--cream);color:var(--green)}
.hero-intro{color:rgba(8,45,37,.75)}
.court-lines{opacity:.24}
.hero-mark{background:var(--paper);box-shadow:22px 22px 0 rgba(8,45,37,.1)}
.hero-stamp i{color:rgba(8,45,37,.35)}
.marquee{background:var(--green);color:var(--gold)}
.section{position:relative;overflow:hidden}
.section>*,.section .range-block{position:relative;z-index:1}
.founders,.first-shoot,.collection,.uk-market,.order{background:var(--paper);color:var(--green)}
.story,.originals,.collabs{background:var(--cream)}
.section-label.light{color:var(--green)}
.founders:before,.first-shoot:before,.collection:before,.uk-market:before,.order:before{position:absolute;right:-.04em;top:.02em;color:rgba(189,143,62,.07);font:700 clamp(7rem,18vw,18rem)/.8 "Oswald";letter-spacing:-.06em;white-space:nowrap;pointer-events:none}
.founders:before{content:"THE NERDS"}.first-shoot:before{content:"ON COURT"}.collection:before{content:"THE HERD"}.uk-market:before{content:"UK"}.order:before{content:"JOIN"}
.founders-photo img,.uk-market figure img{border-color:rgba(8,45,37,.16)}
.founders-copy>p:not(.eyebrow),.shoot-heading>p,.collection-heading p,.range-title p,.uk-market-copy>p:not(.eyebrow),.order-top>p{color:rgba(8,45,37,.7)}
.founder-names,.range-block{border-color:rgba(8,45,37,.18)}
.founder-names strong,.range-title h3{color:var(--green)}
.range-image,.shoot-photo{background:var(--cream)}
.range-image figcaption,.shoot-photo figcaption{background:rgba(255,253,248,.92);color:var(--green)}
.product-ticker{border-top:1px solid rgba(8,45,37,.15);margin-top:2rem}
.collab-card{box-shadow:0 18px 45px rgba(8,45,37,.09)}
.community-story{background:var(--paper);color:var(--green);border:1px solid rgba(8,45,37,.12)}
.community-story-heading p{color:rgba(8,45,37,.68)}
.order-card{border-color:rgba(8,45,37,.22);background:var(--cream)}
.order-card small{color:rgba(8,45,37,.6)}
.social-strip{background:var(--gold);color:var(--green)}
footer{background:var(--cream);color:rgba(8,45,37,.7);border-top:1px solid rgba(8,45,37,.14)}
.footer-mark{color:var(--green)}
footer>small{border-color:rgba(8,45,37,.14)}

/* Show complete photography rather than cropping it to the card shape */
.founders-photo img,
.original-card img,
.shoot-photo img,
.range-image img,
.collab-card>img,
.community-gallery img,
.qatar-gaa-gallery img,
.uk-market figure img,
.archive-gallery img,
.rex-gallery img{
 object-fit:contain;
 object-position:center;
 background:var(--paper);
}
.community-gallery img,
.qatar-gaa-gallery img,
.rex-gallery img{background:var(--cream)}

/* Early-days archive */
.early-days{background:var(--green);color:var(--white)}
.early-days:before{content:"FIRSTS";position:absolute;right:-.04em;top:.02em;color:rgba(189,143,62,.1);font:700 clamp(7rem,18vw,18rem)/.8 "Oswald";letter-spacing:-.06em;white-space:nowrap;pointer-events:none}
.early-days .section-label.light{color:rgba(255,255,255,.72)}
.archive-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,8vw,8rem);align-items:end;margin-bottom:clamp(4rem,9vw,8rem)}
.archive-intro>p{max-width:620px;color:rgba(255,255,255,.7);font-size:1.05rem}
.archive-chapter{display:grid;grid-template-columns:.64fr 1.36fr;gap:clamp(2.5rem,6vw,6rem);border-top:1px solid rgba(255,255,255,.18);padding-top:clamp(2.5rem,5vw,4.5rem);margin-top:clamp(4rem,8vw,8rem)}
.archive-copy{position:sticky;top:7.5rem;align-self:start}
.archive-copy>span{display:block;color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.16em;margin-bottom:1.4rem}
.archive-copy h3{font:600 clamp(3rem,6vw,5.5rem)/.92 "Oswald";text-transform:uppercase;margin:0 0 1.4rem}
.archive-copy p{max-width:460px;color:rgba(255,255,255,.68)}
.archive-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.archive-gallery img{width:100%;height:100%;aspect-ratio:4/5;object-fit:contain;background:var(--paper)}
.archive-gallery .archive-feature{grid-column:1/-1;aspect-ratio:16/10}
.archive-gallery .archive-wide{grid-column:1/-1;aspect-ratio:16/9}
.archive-gallery .archive-logo{object-fit:contain;padding:1rem}
.market-gallery{grid-template-columns:repeat(3,1fr)}
.punta-gallery{grid-template-columns:repeat(3,1fr)}
.rex-card{grid-template-columns:1.45fr .55fr}
.rex-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.15)}
.rex-gallery img{width:100%;height:100%;aspect-ratio:1/1;object-fit:contain;background:var(--cream)}
.rex-gallery .rex-feature{grid-column:1/-1;aspect-ratio:16/8}
.chapter{position:relative}
.chapter-paper{background:var(--paper);color:var(--green)}
.chapter-cream{background:var(--cream);color:var(--green)}
.chapter-green{background:var(--green);color:var(--white)}
.chapter-green .section-label.light{color:rgba(255,255,255,.7)}
.chapter-heading{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:clamp(3rem,7vw,6rem)}
.chapter-heading .section-label{grid-column:1/-1;margin-bottom:0}
.chapter-heading h2{margin:0}
.chapter-heading>p{max-width:600px;margin:0;color:rgba(8,45,37,.7);font-size:1.05rem}
.chapter-green .chapter-heading>p{color:rgba(255,255,255,.7)}
.chapter-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.chapter-gallery img{display:block;width:100%;height:100%;min-height:280px;max-height:680px;aspect-ratio:4/5;object-fit:contain;object-position:center;background:var(--cream);border:1px solid rgba(8,45,37,.1)}
.chapter-green .chapter-gallery img{background:#123d34;border-color:rgba(255,255,255,.14)}
.chapter-gallery .gallery-hero{grid-column:span 2;grid-row:span 2;aspect-ratio:4/3;max-height:none}
.chapter-gallery .portrait-hero{aspect-ratio:4/5}
.chapter-gallery .gallery-wide{grid-column:span 2;aspect-ratio:16/10}
.first-collab{margin-top:0}
.explore-menu{background:var(--green);color:var(--white)}
.explore-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:clamp(2.5rem,6vw,5rem)}
.explore-heading h2{margin:0}.explore-heading>p{max-width:600px;color:rgba(255,255,255,.7);font-size:1.05rem}
.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2)}
.explore-card{appearance:none;border:0;border-radius:0;background:#0b382e;color:var(--white);padding:clamp(1.4rem,3vw,2.25rem);text-align:left;min-height:180px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}
.explore-card:hover,.explore-card:focus-visible{background:var(--gold);color:var(--green);outline:none;transform:translateY(-3px)}
.explore-card>span{font-size:.7rem;letter-spacing:.16em;color:var(--gold);font-weight:700}.explore-card:hover>span,.explore-card:focus-visible>span{color:var(--green)}
.explore-card>strong{font:600 clamp(1.55rem,2.6vw,2.25rem)/1 "Oswald";text-transform:uppercase;margin:auto 0 .65rem}
.explore-card>small{font-size:.85rem;color:rgba(255,255,255,.62)}.explore-card:hover>small,.explore-card:focus-visible>small{color:rgba(8,45,37,.7)}
.product-link-card{color:var(--white)}.product-link-card>small{color:rgba(255,255,255,.72)}
.visual-timeline-heading{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(1.5rem,5vw,5rem);align-items:end;margin-top:clamp(3.5rem,8vw,7rem);margin-bottom:2rem}
.visual-timeline-heading .eyebrow{grid-column:1/-1;margin:0}.visual-timeline-heading h3{font:600 clamp(2.8rem,5vw,5rem)/.92 "Oswald";text-transform:uppercase;margin:0}.visual-timeline-heading h3 em{font-family:"Playfair Display",serif;text-transform:none;color:var(--gold)}.visual-timeline-heading>p:last-child{max-width:520px;color:rgba(8,45,37,.68)}
.visual-timeline{overflow:hidden;padding:0 0 1.25rem}
.visual-timeline-track{display:flex;width:max-content;animation:timeline-scroll 40s linear infinite}
.visual-timeline-track:hover{animation-play-state:paused}
@keyframes timeline-scroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.visual-timeline-track{animation:none}}
.timeline-card{appearance:none;border:1px solid rgba(8,45,37,.17);border-radius:0;background:var(--paper);color:var(--green);padding:0;text-align:left;cursor:pointer;flex:0 0 285px;width:285px;margin-right:.85rem;display:flex;flex-direction:column;min-height:370px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.timeline-card:hover,.timeline-card:focus-visible{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 16px 34px rgba(8,45,37,.1);outline:none}
.timeline-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--cream);border-bottom:1px solid rgba(8,45,37,.1)}
.timeline-card span{font-size:.67rem;font-weight:700;letter-spacing:.13em;color:var(--gold);padding:1.15rem 1.15rem 0}.timeline-card strong{font:600 1.65rem/1.05 "Oswald";text-transform:uppercase;padding:.7rem 1.15rem 1.2rem;margin-top:auto}
body.chapters-enabled .story-panel{display:none}
body.chapters-enabled .story-panel.is-active{display:block}
.chapter-return{display:flex;align-items:center;justify-content:center;width:max-content;margin:clamp(2.5rem,6vw,5rem) auto 0;padding:.9rem 1.25rem;border:1px solid currentColor;background:transparent;color:inherit;font:700 .76rem "DM Sans";letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.chapter-return:hover,.chapter-return:focus-visible{background:var(--gold);border-color:var(--gold);color:var(--green)}
.collab-tabs{display:flex;flex-wrap:wrap;gap:.65rem;margin:0 0 2rem}
.collab-tabs button{border:1px solid rgba(8,45,37,.25);background:transparent;color:var(--green);padding:.8rem 1rem;font:700 .78rem "DM Sans";letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.collab-tabs button:hover,.collab-tabs button:focus-visible,.collab-tabs button.is-active{background:var(--green);color:var(--white);outline:none}
body.chapters-enabled [data-collab-item]{display:none}
body.chapters-enabled [data-collab-item].is-active{display:flex}
body.chapters-enabled .collab-chapter.is-active{display:grid}
body.chapters-enabled .community-story.is-active{display:block}
body.chapters-enabled .collab-card-wide.is-active{display:grid}
.products-hero{min-height:76vh;background:var(--green);color:var(--white);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,7vw,7rem);padding:clamp(7rem,13vw,11rem) var(--pad) clamp(4rem,8vw,7rem)}
.products-hero h1{margin:.4rem 0 1.5rem}.products-hero>div>p:last-child{max-width:620px;color:rgba(255,255,255,.7);font-size:1.08rem}
.products-hero>img{width:100%;max-height:650px;object-fit:contain;background:#123d34;border:1px solid rgba(255,255,255,.14)}
.quick-order{background:var(--gold);color:var(--green);padding:clamp(2rem,5vw,4rem) var(--pad);display:grid;grid-template-columns:.6fr 1.4fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.quick-order h2{font-size:clamp(2rem,4vw,4rem);margin:0}.quick-order .eyebrow{margin-bottom:.5rem}
.quick-order-links{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(8,45,37,.25);border:1px solid rgba(8,45,37,.25)}
.quick-order-links a{background:var(--paper);color:var(--green);text-decoration:none;padding:1.25rem;display:grid;grid-template-columns:1fr auto;gap:.45rem;align-items:center}
.quick-order-links span{grid-column:1/-1;font-size:.7rem;font-weight:700;letter-spacing:.15em;color:var(--gold)}.quick-order-links strong{font:600 clamp(1.25rem,2vw,1.8rem) "Oswald";text-transform:uppercase}.quick-order-links b{font-size:1.4rem}
.product-catalog{background:var(--paper);color:var(--green)}
.catalog-heading{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:clamp(3rem,7vw,6rem)}.catalog-heading h2{margin:0}.catalog-heading p{max-width:590px;color:rgba(8,45,37,.7);font-size:1.05rem}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.product-card{background:var(--cream);border:1px solid rgba(8,45,37,.13);display:flex;flex-direction:column}
.product-card img{width:100%;aspect-ratio:4/4.5;object-fit:contain;background:var(--paper)}
.product-card>div{padding:1.2rem}.product-card span{font-size:.68rem;font-weight:700;letter-spacing:.14em;color:var(--gold)}.product-card h3{font:600 clamp(1.6rem,2.5vw,2.2rem)/1 "Oswald";text-transform:uppercase;margin:.55rem 0}.product-card p{margin:0;color:rgba(8,45,37,.68)}
.catalog-order{background:var(--green);color:var(--white);padding:clamp(4rem,8vw,7rem) var(--pad);text-align:center}.catalog-order h2{font-size:clamp(3rem,7vw,6rem);margin:.5rem 0 2rem}.catalog-order .hero-actions{justify-content:center}.button-outline{border:1px solid rgba(255,255,255,.45);color:var(--white)}

@media (max-width:900px){
 nav{background:var(--paper);border-bottom-color:rgba(8,45,37,.14)}
 .archive-intro,.archive-chapter{grid-template-columns:1fr}
 .archive-copy{position:static}
 .market-gallery,.punta-gallery{grid-template-columns:repeat(2,1fr)}
 .chapter-heading{grid-template-columns:1fr}
 .chapter-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .explore-heading{grid-template-columns:1fr}
 .explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .products-hero,.quick-order,.catalog-heading{grid-template-columns:1fr}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .visual-timeline-heading{grid-template-columns:1fr}
}
@media (max-width:620px){
 .founders:before,.first-shoot:before,.collection:before,.uk-market:before,.order:before,.early-days:before{font-size:7rem;top:.12em}
 .hero-mark{box-shadow:12px 12px 0 rgba(8,45,37,.1)}
 .archive-gallery,.market-gallery,.punta-gallery{grid-template-columns:1fr 1fr}
 .archive-gallery .archive-feature,.archive-gallery .archive-wide{grid-column:1/-1}
 .archive-gallery img{aspect-ratio:3/4}
 .rex-gallery{grid-template-columns:1fr 1fr}
 .rex-gallery .rex-feature{grid-column:1/-1}
 .chapter-gallery{grid-template-columns:1fr}
 .chapter-gallery img{min-height:0;max-height:none;aspect-ratio:auto;height:auto}
 .chapter-gallery .gallery-hero,.chapter-gallery .gallery-wide{grid-column:auto;grid-row:auto;aspect-ratio:auto}
 .explore-grid{grid-template-columns:1fr}
 .explore-card{min-height:145px}
 body.chapters-enabled .collab-card-wide.is-active{display:flex}
 .products-hero{min-height:auto;padding-top:7rem}.products-hero>img{max-height:480px}
 .quick-order-links,.product-grid{grid-template-columns:1fr}
}

/* Latest community stories and complete tee mockups */
.serve-repeat-card{display:block}.serve-repeat-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--cream)}
.serve-repeat-gallery img{display:block;width:100%;height:auto;object-fit:contain}
.mrps-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.mrps-story figure{margin:0;max-width:460px;justify-self:center}.mrps-story img{display:block;width:100%;height:auto;object-fit:contain}.mrps-story figcaption{font-size:1rem;margin-top:1rem}
.mrps-story h3{font:600 clamp(2rem,4vw,3.5rem)/1.1 "Oswald";margin-bottom:1.5rem}.mrps-story p{font-size:1.05rem;margin-bottom:1.5rem;max-width:560px}
@media(max-width:700px){.serve-repeat-gallery,.mrps-story{grid-template-columns:1fr}}

.timeline-type-art{display:grid;place-items:center;min-height:225px;background:#123d34;color:#e7d6a7;font:700 3rem/1 "Oswald";letter-spacing:.04em;border-bottom:1px solid rgba(8,45,37,.1)}
.editorial-gallery img{object-fit:contain}
.rex-making{padding:2rem;background:#e8e5d8;color:#123d34}
.rex-making h4{font:600 2rem/1 "Oswald";text-transform:uppercase;margin:0 0 .5rem}
.rex-making p{margin:0 0 1.3rem}
.rex-making .editorial-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}
.rex-making img{display:block;width:100%;height:240px;object-fit:contain;background:#f5f2ea}
.mrps-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.mrps-gallery img{display:block;width:100%;height:260px;object-fit:contain;background:#e9e5dc;border:1px solid rgba(8,45,37,.1)}
.mrps-gallery .mrps-feature{grid-column:1/-1;height:auto;max-height:560px}
@media(max-width:700px){.rex-making .editorial-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.rex-making img{height:190px}}

@media(max-width:700px){.mrps-gallery img{height:auto;max-height:480px}.mrps-gallery{grid-template-columns:1fr}}

/* Photographic chapter menu and product looks */
.explore-card{padding:0;min-height:0;overflow:hidden;background:#0b382e}
.explore-photo{display:block;width:100%;height:205px;object-fit:contain;background:#e9e5dc;transition:transform .25s ease}
.explore-card:hover .explore-photo,.explore-card:focus-visible .explore-photo{transform:scale(1.025)}
.explore-card>span,.explore-card>strong,.explore-card>small{margin-left:1.4rem;margin-right:1.4rem}
.explore-card>span{padding-top:1.1rem}
.explore-card>strong{margin-top:1rem;margin-bottom:.7rem}
.explore-card>small{margin-bottom:1.4rem}
.product-link-card .explore-photo{background:#e9e5dc}
.product-in-the-wild{background:var(--cream)}
.worn-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.worn-gallery img{width:100%;height:430px;object-fit:contain;background:#e6e2d8;border:1px solid rgba(8,45,37,.12)}
@media(max-width:800px){.worn-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.worn-gallery img{height:340px}}
@media(max-width:520px){.explore-photo{height:180px}.worn-gallery{grid-template-columns:1fr}.worn-gallery img{height:auto;max-height:520px}}

/* Homepage collection immediately before regional ordering */
.home-products{background:var(--paper);color:var(--green)}
.home-products-heading{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:clamp(3rem,7vw,6rem)}
.home-products-heading h2{margin:.35rem 0 0}
.home-products-heading>div:last-child{max-width:590px}
.home-products-heading p{font-size:1.05rem;color:rgba(8,45,37,.7);margin:0 0 1.4rem}
.dark-link{color:var(--green)}
.home-product-grid .product-card{color:var(--green);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-product-grid .product-card:hover,.home-product-grid .product-card:focus-visible{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 16px 34px rgba(8,45,37,.1);outline:none}
.home-product-grid .product-card img{aspect-ratio:4/4.2}
@media(max-width:900px){.home-products-heading{grid-template-columns:1fr}}

.uk-venture-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:2rem}
.uk-venture-gallery img{display:block;width:100%;height:390px;object-fit:contain;background:#e9e5dc;border:1px solid rgba(8,45,37,.12)}
@media(max-width:900px){.uk-venture-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.uk-venture-gallery img{height:340px}}
@media(max-width:550px){.uk-venture-gallery{grid-template-columns:1fr}.uk-venture-gallery img{height:auto;max-height:540px}}

.timeline-pair,.explore-pair{display:grid;grid-template-columns:1fr 1fr;width:100%;overflow:hidden;background:var(--cream)}
.timeline-card .timeline-pair{padding:0;aspect-ratio:4/3;border-bottom:1px solid rgba(8,45,37,.1)}
.timeline-card .timeline-pair img{width:100%;height:100%;min-width:0;aspect-ratio:auto;object-fit:contain;border:0}
.explore-pair{height:205px}
.explore-pair img{width:100%;height:100%;min-width:0;object-fit:contain;background:#e9e5dc}
.new-year-originals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 clamp(2.5rem,5vw,4rem)}
.new-year-originals figure{margin:0;background:var(--cream);border:1px solid rgba(8,45,37,.13)}
.new-year-originals img{display:block;width:100%;height:clamp(300px,40vw,570px);object-fit:contain;background:var(--paper)}
.new-year-originals figcaption{padding:1rem 1.25rem;font:600 1.25rem "Oswald";text-transform:uppercase}
.new-year-evolution{max-width:750px;margin:0 0 1.5rem}
.new-year-evolution h3{font:600 clamp(1.8rem,3vw,2.6rem) "Oswald";text-transform:uppercase;margin:0 0 .5rem}
.new-year-evolution p{font-size:1.05rem;margin:0}
@media(max-width:650px){.new-year-originals{grid-template-columns:1fr}.new-year-originals img{height:auto;max-height:540px}.explore-pair{height:180px}}
