:root{--black:#080808;--panel:#151515;--bone:#eee9df;--white:#f7f7f5;--gray:#9b9b9b;--line:#303030;--red:#b52220}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
.announcement{height:34px;display:flex;align-items:center;justify-content:center;background:var(--bone);color:#111;font-size:10px;font-weight:800;letter-spacing:1.7px}.announcement span{margin:0 12px;color:var(--red)}
.site-header{position:sticky;top:0;z-index:20;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;background:rgba(8,8,8,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:2px solid white;font-family:"Barlow Condensed";font-size:26px;font-weight:800;transform:skew(-7deg)}.brand-name{font-family:"Barlow Condensed";font-size:22px;font-weight:800;letter-spacing:4px}
.nav{display:flex;gap:30px;font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.nav a:hover{color:var(--red)}.cart-button{justify-self:end;background:none;border:0;color:white;text-transform:uppercase;font-weight:800}.cart-button span{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:6px;border-radius:50%;background:var(--red);font-size:10px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:23px}
.hero{position:relative;min-height:calc(100vh - 110px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;padding:8vw 7vw;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 40%,rgba(181,34,32,.2),transparent 27%),linear-gradient(135deg,#0a0a0a,#121212 55%,#090909)}
.hero:before{content:"";position:absolute;inset:0;opacity:.07;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:72px 72px}.hero-copy{position:relative;z-index:2;max-width:780px}.eyebrow{margin:0 0 18px;color:var(--gray);font-size:10px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase}
h1,h2,h3{font-family:"Barlow Condensed",sans-serif}.hero h1{margin:0;font-size:clamp(68px,9vw,145px);line-height:.82;letter-spacing:-3px}.hero h1 span{color:transparent;-webkit-text-stroke:1.5px white}.hero-copy>p:not(.eyebrow){max-width:590px;margin:30px 0;color:#c2c2c2;font-size:clamp(16px,1.5vw,20px);line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 28px;border:1px solid white;font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;transition:.25s}.button.primary{background:white;color:black}.button.primary:hover{background:var(--red);border-color:var(--red);color:white;transform:translateY(-2px)}.button.ghost:hover{background:white;color:black}
.hero-art{position:relative;height:580px;display:grid;place-items:center}.hero-k{position:absolute;font-family:"Barlow Condensed";font-size:420px;font-weight:800;font-style:italic;color:#151515;-webkit-text-stroke:2px #555;text-shadow:22px 22px 0 rgba(181,34,32,.24)}.spine{z-index:2;width:16px;height:410px;border-left:3px solid var(--bone);border-right:3px solid var(--bone);border-radius:50%;transform:rotate(8deg)}.spine:after{content:"";display:block;width:34px;height:100%;margin-left:-12px;background:repeating-linear-gradient(to bottom,transparent 0 18px,var(--bone) 19px 24px,transparent 25px 34px);opacity:.85}.scar{position:absolute;z-index:3;height:2px;background:var(--red);transform-origin:left}.scar:after{content:"";position:absolute;inset:-5px 0;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(181,34,32,.85) 19px 21px)}.scar.one{width:180px;top:37%;left:47%;transform:rotate(-22deg)}.scar.two{width:145px;top:49%;left:42%;transform:rotate(16deg)}.scar.three{width:130px;top:62%;left:51%;transform:rotate(-9deg)}.scroll-note{position:absolute;bottom:28px;left:7vw;color:#777;font-size:9px;letter-spacing:2px}
.manifesto{padding:110px 7vw;text-align:center;background:var(--bone);color:#111;border-bottom:1px solid var(--line)}.manifesto p{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.manifesto h2{max-width:1000px;margin:20px auto 0;font-size:clamp(38px,5vw,72px);line-height:1}
.shop-section,.faq{padding:110px 6vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:46px;gap:24px}.section-heading h2{margin:0;font-size:clamp(40px,5vw,72px);line-height:.9}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{padding:10px 16px;border:1px solid #444;background:transparent;color:#aaa;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.filter.active,.filter:hover{background:white;color:black;border-color:white}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{transition:.25s}.product-card:hover{transform:translateY(-6px)}.product-card.hidden{display:none}.product-image{position:relative;height:430px;display:grid;place-items:center;overflow:hidden}.dark-card{background:#171717}.charcoal-card{background:#242424}.bone-card{background:#d8d2c6}.cap-card{background:#1d1d1d}.badge{position:absolute;top:14px;left:14px;z-index:4;padding:8px 10px;background:var(--bone);color:#111;font-size:8px;font-weight:800;letter-spacing:1px}
.tee{position:relative;width:210px;height:260px;clip-path:polygon(22% 0,38% 8%,62% 8%,78% 0,100% 18%,85% 37%,76% 29%,76% 100%,24% 100%,24% 29%,15% 37%,0 18%);filter:drop-shadow(0 30px 18px rgba(0,0,0,.3))}.tee.black{background:#050505}.tee.bone{background:#efede8}.tee span{position:absolute;top:58px;left:82px;font-family:"Barlow Condensed";font-size:58px;font-weight:800;font-style:italic}.tee.bone span{color:#111}.hoodie{position:relative;width:230px;height:300px;background:#303030;clip-path:polygon(30% 10%,38% 0,62% 0,70% 10%,84% 17%,100% 44%,84% 54%,78% 41%,78% 100%,22% 100%,22% 41%,16% 54%,0 44%,16% 17%)}.hoodie span{position:absolute;top:78px;left:96px;writing-mode:vertical-rl;font-family:"Barlow Condensed";font-size:20px;font-weight:800;letter-spacing:6px}.cap{position:relative;width:220px;height:125px;border-radius:120px 120px 25px 25px;background:#090909;box-shadow:0 25px 35px rgba(0,0,0,.4)}.cap:after{content:"";position:absolute;width:140px;height:34px;right:-90px;bottom:0;background:#0c0c0c;border-radius:0 100% 45% 0;transform:skewX(18deg)}.cap span{position:absolute;left:92px;top:40px;font-family:"Barlow Condensed";font-size:42px;font-weight:800}
.product-meta{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 2px 14px;gap:12px}.product-meta h3{margin:0 0 4px;font-size:20px}.product-meta p{margin:0;color:#777;font-size:11px}.product-meta strong{font-size:14px}.add-to-cart{width:100%;padding:13px;border:1px solid #3a3a3a;background:transparent;color:white;text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-weight:800}.add-to-cart:hover{background:white;color:black}
.story-section{display:grid;grid-template-columns:1fr 1fr;min-height:720px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background:radial-gradient(circle,rgba(181,34,32,.28),transparent 42%),repeating-linear-gradient(90deg,#111 0,#111 1px,#0b0b0b 1px,#0b0b0b 62px)}.story-number{font-family:"Barlow Condensed";font-size:clamp(220px,30vw,470px);line-height:.7;font-weight:800;color:transparent;-webkit-text-stroke:2px #ddd}.story-visual p{max-width:260px;text-align:center;font-size:10px;font-weight:800;letter-spacing:2.5px}.story-copy{padding:10vw 8vw;display:flex;flex-direction:column;justify-content:center}.story-copy h2{margin:0 0 28px;font-size:clamp(50px,6vw,90px);line-height:.9}.story-copy p:not(.eyebrow){color:#aaa;line-height:1.8}.text-link{margin-top:20px;font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.text-link:hover{color:var(--red)}
.values{display:grid;grid-template-columns:repeat(3,1fr)}.values article{padding:70px 5vw;border-right:1px solid var(--line)}.values span{color:var(--red);font-size:10px;font-weight:800}.values h3{margin:24px 0 8px;font-size:44px}.values p{color:#888;line-height:1.7}
.community{min-height:680px;padding:8vw 7vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;background:var(--bone);color:#111}.community h2{margin:0 0 22px;font-size:clamp(62px,8vw,120px);line-height:.82}.community p{max-width:520px;line-height:1.7}.button.dark{background:#111;color:white;border-color:#111;margin-top:22px}.quote-card{padding:60px;border:2px solid #111;transform:rotate(2deg)}.quote-card blockquote{margin:0 0 28px;font-family:"Barlow Condensed";font-size:clamp(34px,4vw,58px);font-weight:700;line-height:1.05}.quote-card span{font-size:9px;font-weight:800;letter-spacing:2px}
.faq{max-width:1100px;margin:auto}details{border-top:1px solid var(--line);padding:24px 0}details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;font-family:"Barlow Condensed";font-size:25px;font-weight:700}summary:after{content:"+";color:var(--red)}details[open] summary:after{content:"–"}details p{max-width:700px;color:#929292;line-height:1.7}
.newsletter{text-align:center;padding:110px 20px;background:#121212;border-top:1px solid var(--line)}.newsletter h2{margin:0;font-size:clamp(58px,8vw,110px);line-height:.9}.newsletter>p:not(.eyebrow){color:#888}.newsletter form{display:flex;max-width:590px;margin:34px auto 12px}.newsletter input{flex:1;min-width:0;padding:18px;border:1px solid #444;border-right:0;background:#080808;color:white}.newsletter button{padding:0 24px;border:0;background:var(--red);color:white;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1px}.newsletter small{color:#888}
footer{padding:80px 6vw 30px}.footer-brand h2{margin:20px 0 0;font-size:55px;letter-spacing:4px}.footer-brand p{color:#666}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;max-width:620px;margin-left:auto;margin-top:-100px}.footer-links h4{font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.footer-links a{display:block;margin:12px 0;color:#777;font-size:12px}.footer-links a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;margin-top:80px;padding-top:24px;border-top:1px solid var(--line);color:#555;font-size:8px;letter-spacing:1px}
.cart-drawer{position:fixed;top:0;right:-460px;z-index:50;width:min(440px,100%);height:100vh;background:#111;transition:.32s;display:flex;flex-direction:column;border-left:1px solid #333}.cart-drawer.open{right:0}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #333}.cart-header h2{margin:0;font-size:35px}.cart-close{background:none;border:0;color:white;font-size:32px}.cart-items{flex:1;overflow:auto;padding:24px}.cart-item{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid #2b2b2b}.cart-item h4{margin:0 0 5px}.cart-item p{margin:0;color:#777;font-size:11px}.remove-item{border:0;background:none;color:#bb6565;font-size:10px;padding:0;margin-top:8px}.cart-footer{padding:24px;border-top:1px solid #333}.cart-footer>div{display:flex;justify-content:space-between;margin-bottom:16px}.checkout-button{width:100%;padding:17px;border:0;background:white;color:black;font-weight:800;text-transform:uppercase;letter-spacing:1px}.cart-footer small{display:block;margin-top:12px;color:#666;line-height:1.5}.overlay{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:.3s}.overlay.show{opacity:1;pointer-events:auto}.reveal{animation:fadeUp .8s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto auto;gap:20px}.menu-toggle{display:block}.nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;padding:28px 6vw;background:#0b0b0b;border-bottom:1px solid #333}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:100px}.hero-art{position:absolute;right:-80px;opacity:.45}.product-grid{grid-template-columns:repeat(2,1fr)}.story-section,.community{grid-template-columns:1fr}.values{grid-template-columns:1fr}.values article{border-right:0;border-bottom:1px solid var(--line)}.footer-links{margin:60px 0 0}}
@media(max-width:640px){.announcement{font-size:8px}.site-header{height:66px;padding:0 18px}.brand-name{display:none}.hero{min-height:760px;padding:100px 22px 70px}.hero h1{font-size:64px}.hero-art{right:-170px;transform:scale(.8)}.button{width:100%}.manifesto,.shop-section,.faq{padding:80px 20px}.section-heading{align-items:flex-start;flex-direction:column}.product-grid{grid-template-columns:1fr}.product-image{height:410px}.story-copy{padding:80px 22px}.community{padding:80px 22px}.quote-card{padding:35px}.newsletter form{flex-direction:column;gap:8px}.newsletter input,.newsletter button{min-height:54px;border:1px solid #444}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:10px}}