@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#080808;--panel:#111;--panel2:#171717;--text:#f5f3f2;--muted:#aaa;--line:#ffffff24;--red:#d92735;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:14px;line-height:1.6}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
::selection{background:var(--red);color:#fff}
.site-header{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding:14px clamp(20px,5vw,76px);background:#080808;border-bottom:1px solid #ffffff20}
.wordmark{display:flex;align-items:center;flex:0 0 auto}
.wordmark img{width:180px;max-height:58px;object-fit:contain}
.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.8vw,28px)}
.main-nav a{font:700 11px var(--display);letter-spacing:.1em;text-transform:uppercase;color:#d4d0d0;transition:color .2s}
.main-nav a:hover,.main-nav a.active{color:#fff}
.main-nav a.active:after{content:"";display:block;height:2px;background:var(--red);margin-top:6px}
.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:10px 14px;font:800 11px var(--display);letter-spacing:.12em}
.cart-trigger{background:none;border:1px solid var(--line);padding:10px 14px;font:800 11px var(--display);letter-spacing:.1em;cursor:pointer}
.cart-trigger span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:7px;background:var(--red);border-radius:50%}
#cart-layer{position:relative;z-index:60}
.hero{position:relative;min-height:620px;overflow:hidden;background:#090909}
.hero-video,.hero-mobile-image,.hero-video-shade,.hero-grain{position:absolute;inset:0;width:100%;height:100%}
.hero-video{object-fit:cover;object-position:center top}
.hero-mobile-image{display:none;background:#111 center/cover no-repeat}
.hero-video-shade{background:linear-gradient(90deg,#050505e8 0%,#0505059c 42%,#05050522 100%),linear-gradient(0deg,#050505a8,transparent 48%)}
.hero-grain{pointer-events:none;opacity:.13;background-image:radial-gradient(#fff .5px,transparent .7px);background-size:5px 5px}
.hero-content{position:relative;z-index:2;max-width:900px;padding:clamp(100px,13vw,180px) clamp(24px,8vw,120px) 90px}
.eyebrow{margin:0 0 16px;color:#d94a55;font:800 10px var(--display);letter-spacing:.2em;text-transform:uppercase}
.hero h1{margin:0;font:900 clamp(64px,10vw,136px)/.78 var(--display);letter-spacing:-.045em}
.hero h1 span{color:var(--red)}
.hero-line{margin:28px 0 24px;font:800 clamp(18px,2.4vw,28px) var(--display);letter-spacing:.22em}
.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid var(--red);font:800 11px var(--display);letter-spacing:.15em;text-transform:uppercase;transition:.2s}
.btn-light{background:#f4f2f0;color:#080808;border-color:#f4f2f0}
.btn:hover{transform:translateY(-2px);background:var(--red);color:#fff;border-color:var(--red)}
.text-link,.under-link{font-size:11px;font-weight:700;letter-spacing:.06em}
.text-link span,.under-link span{color:var(--red);margin-left:7px}
.sound-toggle{margin-top:30px;background:#08080866;border:1px solid #ffffff55;padding:10px 14px;font:800 9px var(--display);letter-spacing:.15em}
.hero-stamp,.hero-index,.video-progress-label{position:absolute;z-index:2;font:800 9px var(--display);letter-spacing:.18em;color:#eee}
.hero-stamp{right:5vw;bottom:65px;text-align:right}
.hero-index{left:clamp(24px,5vw,75px);bottom:22px}
.video-progress-label{right:clamp(24px,5vw,75px);bottom:22px;color:#aaa}
.ticker{overflow:hidden;background:var(--red);color:#fff;white-space:nowrap}
.ticker-track{display:flex;width:max-content;animation:ticker-scroll 35s linear infinite}
.ticker-track span{display:block;padding:12px 0;font:800 12px var(--display);letter-spacing:.17em}
.ticker-track i{font-style:normal;margin:0 24px;color:#171717}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes ticker-scroll{to{transform:translateX(-50%)}}
.section-pad{padding:90px clamp(22px,6vw,90px)}
.section-kicker{margin-bottom:28px;color:#a9a0a1;font:800 10px var(--display);letter-spacing:.2em}
.intro-grid,.section-heading,.pile-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}
.intro h2,.section-heading h2,.pile-heading h2,.closing-cta h2{margin:0;font:900 clamp(52px,8vw,100px)/.82 var(--display);letter-spacing:-.04em}
.intro h2 em,.section-heading h2 em,.pile-heading h2 em,.closing-cta h2 em{font-style:normal;color:var(--red)}
.intro-grid>div{max-width:520px;color:#bbb;font-size:13px;line-height:1.9}
.lead{font-size:17px!important;color:#f2eeee!important}
.ticker+ .jersey-pile-showcase{padding-top:88px}
.pile-heading{max-width:1300px;margin:0 auto 34px}
.pile-heading>p,.muted{max-width:430px;color:#aaa;font-size:12px;line-height:1.8}
.jersey-pile-stage{position:relative;max-width:1320px;min-height:620px;margin:auto;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#242124,#101010 65%,#080808);border:1px solid #ffffff20}
.pile-surface{position:absolute;inset:0;background:linear-gradient(135deg,#ffffff08,transparent 35%,#0005)}
.pile-jersey{position:absolute;left:var(--x);top:var(--y);width:22%;height:42%;padding:0;border:0;background:transparent;transform:rotate(var(--rot));z-index:var(--layer);cursor:pointer;transition:transform .25s,filter .25s}
.pile-jersey img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 10px #000b)}
.pile-jersey:hover{z-index:30;transform:translateY(-10px) rotate(0) scale(1.08)}
.pile-index{position:absolute;left:8px;bottom:6px;font:800 10px var(--display);color:#fff;text-shadow:0 1px 4px #000}
.pile-instruction{position:absolute;left:0;right:0;bottom:20px;text-align:center;color:#ddd;font:800 9px var(--display);letter-spacing:.18em}
.pile-instruction span{color:var(--red);margin-left:10px}
.pile-footnote{display:flex;justify-content:space-between;gap:15px;max-width:1320px;margin:18px auto 0;color:#999;font-size:9px;letter-spacing:.12em}
.pile-footnote a{color:#eee}
.pile-viewer{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:space-between;padding:35px;background:#050505f5}
.pile-viewer[hidden]{display:none}
.pile-close,.pile-prev,.pile-next{position:absolute;z-index:2;background:#111;border:1px solid #ffffff55;color:#fff;cursor:pointer}
.pile-close{top:22px;right:22px;width:48px;height:48px;font-size:30px}
.pile-prev,.pile-next{top:50%;width:48px;height:48px;font-size:34px;transform:translateY(-50%)}
.pile-prev{left:24px}.pile-next{right:24px}
.pile-viewer-content{width:min(850px,80vw);margin:auto;text-align:center}
.pile-viewer-image{height:min(72vh,760px);width:100%;object-fit:contain;margin:auto}
.pile-viewer-name{font:900 34px var(--display);letter-spacing:.08em}
.pile-viewer-sub,.pile-viewer-count{font-size:9px;letter-spacing:.18em;color:#aaa}
.apparel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:35px}
.apparel-grid>a{position:relative;min-height:250px;overflow:hidden;background:#141414;border:1px solid #ffffff1c}
.apparel-grid img{width:100%;height:100%;min-height:250px;object-fit:cover;transition:transform .4s}
.apparel-grid a:hover img{transform:scale(1.04)}
.apparel-grid a>span{position:absolute;left:0;right:0;bottom:0;padding:15px;background:linear-gradient(transparent,#000d);font:800 9px var(--display);letter-spacing:.15em}
.portfolio-tile>span{display:flex;flex-direction:column;gap:5px}
.portfolio-tile small{font-size:8px}.portfolio-tile b{font:800 17px var(--display)}
.feature-band{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#111}
.feature-copy{align-self:center;padding:70px clamp(24px,7vw,100px)}
.feature-copy h2{font:900 clamp(52px,7vw,88px)/.85 var(--display);margin:0 0 20px}
.feature-copy>p:not(.eyebrow){max-width:440px;color:#aaa;line-height:1.8;margin-bottom:25px}
.feature-art{position:relative;display:grid;place-items:center;min-height:420px;background:radial-gradient(ellipse,#292326,#0b0b0b 68%)}
.feature-jersey{max-height:470px;width:80%;object-fit:contain}
.art-small,.art-number{position:absolute;bottom:25px;font:800 9px var(--display);letter-spacing:.16em;color:#bbb}
.art-small{left:25px}.art-number{right:25px}
.split-section{background:#0c0c0c}
.split-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.service-card{display:block;min-height:230px;padding:30px;background:#141414;border:1px solid var(--line);transition:.2s}
.service-card:hover{border-color:var(--red);transform:translateY(-4px)}
.service-card>span{color:var(--red);font:800 14px var(--display)}
.service-card h3{font:900 28px var(--display);margin:24px 0 8px}
.service-card p{color:#aaa;font-size:12px}
.service-card b{font:800 10px var(--display);letter-spacing:.1em}
.closing-cta{text-align:center;padding:95px 22px;background:radial-gradient(ellipse at center,#241013,#080808 65%);border-block:1px solid #54232a}
.closing-cta .btn{margin-top:28px}
.page-hero{padding:105px clamp(22px,7vw,100px) 65px;background:linear-gradient(115deg,#171012,#080808 70%);border-bottom:1px solid #ffffff20}
.page-hero h1{margin:0;font:900 clamp(58px,9vw,112px)/.84 var(--display);letter-spacing:-.04em}
.page-hero.compact{padding-top:78px;padding-bottom:48px}
.page-hero .eyebrow{margin-bottom:13px}
.max-copy{max-width:450px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-card,.product-item{background:#121212;border:1px solid var(--line)}
.product-card img,.product-item img{width:100%;aspect-ratio:4/5;object-fit:cover}
.shop-shell{max-width:1400px;margin:auto}
.shop-top{display:flex;justify-content:space-between;gap:20px;align-items:center}
.shop-note,.status-line,.small-note{font-size:10px;color:#aaa;line-height:1.7}
.jersey-order-note{margin-top:35px;padding:25px;background:#151515;border-left:2px solid var(--red)}
.leaders-grid,.snd-leaders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.leader,.snd-leader{display:grid;grid-template-columns: minmax(150px,.8fr) 1fr;gap:20px;align-items:center;background:#121212;border:1px solid var(--line);padding:16px}
.leader-visual,.leader-visual .photo,.snd-leader-photo{overflow:hidden;background:#1a1a1a}
.leader-visual img,.leader-visual .photo img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center top}.snd-leader-photo img{width:100%;aspect-ratio:1;object-fit:cover}
.leader-info h3,.snd-leader h3{font:900 24px var(--display);margin:0}
.leader-info p,.snd-leader p{color:#aaa;font-size:11px}
.staff-film-section,.staff-gallery-section{padding:70px clamp(22px,6vw,90px);background:#101010}
.staff-film-frame{max-width:900px;margin:25px auto;background:#000}
.staff-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.staff-card{background:#151515;border:1px solid var(--line)}
.staff-photo,.staff-photo-placeholder{aspect-ratio:1;background:#202020;overflow:hidden}
.staff-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.staff-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 9px;background:#151515;color:#fff;font-size:11px;font-weight:800;line-height:1.2}.staff-caption span{display:block;min-width:0;color:#fff;font-size:11px;font-weight:800;letter-spacing:.01em}.staff-caption small{display:block;flex:0 0 auto;color:#aaa;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.staff-card-pending{opacity:.8}
.staff-photo-placeholder{display:grid;place-items:center}
.placeholder-monogram{font:900 34px var(--display);color:#777}
.placeholder-status{font-size:8px;color:#888;letter-spacing:.12em}
.story-block{padding:85px clamp(22px,7vw,100px);background:#101010}
.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.story-origin,.manifesto{padding:35px;background:#151515;border:1px solid var(--line)}
.manifesto{font:800 clamp(28px,4vw,48px)/1.05 var(--display);letter-spacing:.04em}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}
.inquiry-prompt,.contact-direct{padding:25px;background:#141414;border:1px solid var(--line)}
.contact-email{font:800 20px var(--display);color:#fff}
.contact-form{display:grid;gap:15px}
.contact-form label{display:grid;gap:7px;font-size:10px;color:#ccc;letter-spacing:.1em}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px;background:#0a0a0a;border:1px solid #ffffff40;color:#fff}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.site-footer{padding:55px clamp(22px,6vw,90px) 22px;background:#050505;border-top:1px solid #ffffff24}
.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:40px}
.footer-mark{display:flex;flex-direction:column;align-items:flex-start}
.footer-mark span{font:900 44px var(--display);color:#fff}
.footer-mark small{font:800 9px var(--display);letter-spacing:.15em}
.footer-top p{color:#999;font-size:11px}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;max-width:600px}
.footer-links a{font:700 10px var(--display);letter-spacing:.1em;color:#bbb}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;color:#888;font-size:8px;letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.reveal.in-view{opacity:1;transform:none}
.creative-studio{background:#090909}
.studio-hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:570px;background:linear-gradient(120deg,#160d0f,#080808 65%)}
.studio-hero-copy{align-self:center;padding:80px clamp(22px,7vw,100px)}
.studio-hero-copy h1{font:900 clamp(60px,9vw,112px)/.82 var(--display);margin:0}
.studio-hero-lede,.studio-manifesto-copy{max-width:540px;color:#bbb;line-height:1.9}
.studio-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px}
.studio-hero-meta{display:flex;gap:18px;margin-top:45px;color:#999;font:800 9px var(--display);letter-spacing:.13em}
.studio-hero-art{display:grid;place-items:center;background:radial-gradient(ellipse,#3b151c,#0b0909 68%)}
.studio-hero-art img{width:85%;max-height:470px;object-fit:contain}
.studio-art-label{font:800 9px var(--display);letter-spacing:.18em}
.studio-manifesto{display:grid;grid-template-columns:.6fr 1.4fr;gap:45px;background:#111}
.studio-manifesto h2{font:900 clamp(45px,7vw,82px)/.85 var(--display);margin:0}
.studio-lead{font-size:19px;color:#eee}
.studio-feature{background:#0b0b0b}
.studio-feature-head{display:flex;justify-content:space-between;gap:30px;align-items:end}
.studio-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:30px}
.studio-feature-image img{width:100%;border:1px solid var(--line)}
.studio-feature-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.studio-spec{padding:18px;background:#141414;border:1px solid var(--line)}
.studio-spec h3{font:800 18px var(--display)}
.studio-spec p,.studio-spec-note{color:#aaa;font-size:11px}
.studio-services,.studio-process,.studio-portfolio{background:#101010}
.studio-service-grid,.studio-process-grid,.studio-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.studio-service-grid>*,.studio-process-grid>*,.studio-portfolio-grid>*{padding:25px;background:#171717;border:1px solid var(--line)}
.studio-pricing-band{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:55px clamp(22px,6vw,90px);background:#241014;border-block:1px solid #6a2831}
.studio-pricing-seal{font:900 50px var(--display);color:#fff}
.studio-final-cta{text-align:center;padding:85px 22px;background:#090909}
.studio-actions-center{justify-content:center}
.studio-mail-link{color:#fff;border-bottom:1px solid var(--red)}
.snd-page{background:#090909}
.snd-hero{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:570px;padding:75px clamp(22px,7vw,100px);overflow:hidden;background:radial-gradient(ellipse at 80% 45%,#54151f,#15090c 38%,#080808 72%)}
.snd-hero h1{font:900 clamp(62px,9vw,115px)/.82 var(--display);margin:0}
.snd-lede{max-width:540px;color:#ccc;font-size:15px;line-height:1.8}
.snd-button{display:inline-flex;padding:14px 22px;background:var(--red);font:800 10px var(--display);letter-spacing:.15em}
.snd-hero-mark{font:900 90px var(--display);color:#ffffff14;text-align:center}
.snd-hero-foot{position:absolute;bottom:20px;left:clamp(22px,7vw,100px);right:clamp(22px,7vw,100px);display:flex;justify-content:space-between;color:#aaa;font:800 9px var(--display);letter-spacing:.15em}
.snd-belief{background:#111}
.snd-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.snd-pillars>*{padding:25px;background:#171717;border:1px solid var(--line)}
.snd-leadership{background:#090909}
.snd-leader{grid-template-columns:1fr 1fr}
.snd-event{background:#171012;border:1px solid #682831;padding:30px}
.snd-event-top,.snd-event-details{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.snd-event-stamp{font:900 45px var(--display);color:var(--red)}
.snd-blueprint{background:#111}
.snd-blueprint-copy{max-width:750px;color:#bbb}
.snd-blueprint-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.snd-blueprint-list>*{padding:20px;background:#181818;border:1px solid var(--line)}
.snd-cta{text-align:center;padding:80px 22px;background:radial-gradient(ellipse,#291014,#080808 70%)}
.event-list{display:grid;gap:14px}
.event-list article{padding:25px;background:#141414;border:1px solid var(--line)}
.event-list h3{font:900 25px var(--display)}
@media(max-width:1050px){.main-nav{gap:10px}.main-nav a{font-size:10px}.wordmark img{width:145px}.staff-grid{grid-template-columns:repeat(4,1fr)}.apparel-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.site-header{min-height:72px;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;order:4;width:100%;align-items:stretch;flex-direction:column;padding:15px 0}.main-nav.open{display:flex}.main-nav a{padding:9px 0}.cart-trigger{padding:8px 10px}.hero{min-height:590px}.hero-video{display:block;object-position:center top}.hero-mobile-image{display:none}.hero-video-shade{background:linear-gradient(90deg,#050505df,#05050565),linear-gradient(0deg,#05050599,transparent)}.hero-content{padding-top:140px}.hero-stamp{right:22px;bottom:55px}.video-progress-label{display:none}.section-pad{padding:65px 20px}.intro-grid,.section-heading,.pile-heading{display:block}.intro-grid>div,.section-heading>p,.pile-heading>p{margin-top:22px}.jersey-pile-stage{min-height:480px}.pile-jersey{width:27%;height:32%}.apparel-grid{grid-template-columns:repeat(2,1fr)}.feature-band{grid-template-columns:1fr}.feature-copy{padding:60px 22px}.feature-art{min-height:350px}.split-cards{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.leaders-grid{grid-template-columns:1fr}.staff-grid{grid-template-columns:repeat(3,1fr)}.story-columns,.contact-layout,.studio-hero,.studio-feature-grid,.studio-manifesto,.snd-hero{grid-template-columns:1fr}.studio-hero-art{min-height:300px}.studio-service-grid,.studio-process-grid,.studio-portfolio-grid,.snd-pillars,.snd-blueprint-list{grid-template-columns:1fr 1fr}.footer-top{flex-direction:column}.footer-links{gap:12px 18px}.snd-hero{padding-bottom:90px}.snd-hero-mark{display:none}.snd-leaders{grid-template-columns:1fr}.snd-leader{grid-template-columns:110px 1fr}.pile-viewer{padding:65px 12px 30px}.pile-viewer-content{width:88vw}.pile-viewer-image{height:65vh}.pile-prev{left:5px}.pile-next{right:5px}}
@media(max-width:480px){.wordmark img{width:125px}.cart-trigger{font-size:9px}.hero h1{font-size:64px}.hero-content{padding-top:125px}.actions{gap:14px}.apparel-grid{gap:8px}.apparel-grid>a,.apparel-grid img{min-height:170px}.product-grid{grid-template-columns:1fr}.staff-grid{grid-template-columns:repeat(2,1fr)}.leader{grid-template-columns:105px 1fr;padding:10px}.leader-info h3{font-size:19px}.studio-service-grid,.studio-process-grid,.studio-portfolio-grid,.studio-feature-specs,.snd-pillars,.snd-blueprint-list{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.pile-footnote{font-size:8px}.footer-bottom{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}