:root{--cream:#f3ead8;--red:#b41418;--sky:#91c7e5;--ink:#151515;--white:#fffaf0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.nav{height:78px;padding:0 clamp(20px,4vw,68px);display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:relative;z-index:10;border-bottom:1px solid rgba(0,0,0,.2)}.wordmark{font:clamp(1.45rem,2.4vw,2rem)/1 "Archivo Black",sans-serif;letter-spacing:-.06em}.wordmark span{font:700 .45em/1 "DM Sans";vertical-align:top;margin-left:4px}.nav nav{display:flex;align-items:center;gap:32px;font-weight:700;font-size:.82rem;letter-spacing:.08em}.nav-shop{padding:12px 18px;border:1px solid}.menu{display:none;border:0;background:none;font:700 .8rem "DM Sans"}.hero{height:calc(100svh - 78px);min-height:620px;position:relative;color:var(--white);overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,20,.7) 0%,rgba(10,15,20,.22) 55%,rgba(10,15,20,.05) 100%)}.hero-copy{position:absolute;left:clamp(20px,6vw,96px);top:50%;transform:translateY(-48%);max-width:720px}.eyebrow,.section-number{font-weight:700;letter-spacing:.18em;font-size:.72rem}.hero h1{font:clamp(4.2rem,10vw,9.5rem)/.82 "Archivo Black";letter-spacing:-.075em;text-transform:uppercase;margin:24px 0 30px}.hero h1 em{font-style:normal;color:var(--sky)}.intro{font-size:clamp(1rem,1.5vw,1.25rem);max-width:430px;line-height:1.55;margin-bottom:34px}.cta{display:inline-flex;align-items:center;gap:50px;padding:17px 20px;background:var(--red);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.11em;transition:.2s}.cta:hover{gap:64px;background:#8d0b10}.scroll{position:absolute;right:clamp(20px,4vw,68px);bottom:30px;font-weight:700;font-size:.67rem;letter-spacing:.17em}.scroll span{margin-left:12px}.manifesto{padding:clamp(72px,11vw,170px) clamp(20px,7vw,110px);display:grid;grid-template-columns:1fr 3fr;gap:50px}.section-number{color:var(--red);margin:8px 0}.manifesto h2,.collection h2,.final-cta h2{font:clamp(3rem,7vw,7.5rem)/.9 "Archivo Black";letter-spacing:-.065em;text-transform:uppercase;margin:0}.manifesto h2 span{color:var(--red)}.manifesto div>p{margin:44px 0 0 auto;max-width:550px;font-size:1.15rem;line-height:1.7}.collection{background:var(--ink);color:var(--white);padding:clamp(70px,9vw,140px) clamp(20px,5vw,80px)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.section-head h2{font-size:clamp(2.8rem,5.5vw,6rem)}.section-head>a{font-weight:700;font-size:.8rem;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:6px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{min-width:0}.product-art{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-art>b{position:absolute;bottom:20px;left:20px;font-size:.65rem;letter-spacing:.2em}.product.red .product-art{background:var(--red)}.product.cream .product-art{background:var(--cream);color:var(--ink)}.product.blue .product-art{background:var(--sky);color:var(--ink)}.cap{width:52%;aspect-ratio:1.45;border-radius:50% 50% 12% 12%;background:var(--cream);color:var(--red);display:grid;place-items:center;font:5rem "Archivo Black";box-shadow:0 28px 40px rgba(0,0,0,.25);transform:rotate(-8deg)}.shirt{width:60%;aspect-ratio:1;background:#d7ccb7;display:grid;place-items:center;font:1.2rem "Archivo Black";letter-spacing:-.04em;clip-path:polygon(20% 0,35% 10%,65% 10%,80% 0,100% 24%,84% 38%,80% 28%,80% 100%,20% 100%,20% 28%,16% 38%,0 24%)}.type{font:clamp(6rem,12vw,12rem)/1 "Archivo Black";letter-spacing:-.12em;color:var(--red)}.product-info{padding:20px 2px}.product-info h3{margin:0 0 7px;font:1.35rem "Archivo Black";text-transform:uppercase}.product-info p{margin:0;color:#bcb8b0}.statement{min-height:520px;background:var(--red);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:clamp(40px,7vw,110px)}.statement>p{font:clamp(4rem,10vw,10rem)/.84 "Archivo Black";letter-spacing:-.07em;margin:0}.seal{width:180px;aspect-ratio:1;border:3px solid;border-radius:50%;display:grid;place-items:center;text-align:center;font:5rem/.65 "Archivo Black";transform:rotate(7deg)}.seal span{font:700 .55rem "DM Sans";letter-spacing:.18em}.final-cta{text-align:center;padding:clamp(90px,12vw,180px) 20px}.final-cta h2{margin:25px auto 48px}.cta.dark{background:var(--ink)}footer{background:var(--ink);color:var(--white);padding:40px clamp(20px,5vw,80px);display:flex;justify-content:space-between;align-items:center}footer p{font-size:.7rem;letter-spacing:.13em;font-weight:700}
@media(max-width:760px){.nav nav{display:none}.menu{display:block}.nav.open nav{display:flex;position:absolute;left:0;right:0;top:77px;background:var(--cream);padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid}.hero{min-height:680px}.hero>img{object-position:63% center}.shade{background:linear-gradient(0deg,rgba(10,15,20,.75),rgba(10,15,20,.08) 75%)}.hero-copy{top:auto;bottom:54px;transform:none}.hero h1{font-size:clamp(3.9rem,20vw,6rem);margin:18px 0}.intro{max-width:320px;margin-bottom:22px}.scroll{display:none}.manifesto{grid-template-columns:1fr;gap:35px}.manifesto div>p{margin-left:0}.product-grid{grid-template-columns:1fr}.product-art{aspect-ratio:5/4}.section-head{align-items:flex-start;gap:30px;flex-direction:column}.statement{min-height:440px}.seal{display:none}footer{align-items:flex-start;gap:26px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}
.product-grid{grid-template-columns:repeat(2,1fr);gap:34px 18px}.product{display:block}.product-art.photo{aspect-ratio:4/3;background:#f6f4f0}.product-art.photo img{width:100%;height:100%;object-fit:contain;transition:opacity .35s ease,transform .5s ease}.product-art.photo .alternate{position:absolute;inset:0;opacity:0}.product:hover .product-art.photo>img:first-child{opacity:0;transform:scale(1.025)}.product:hover .product-art.photo .alternate{opacity:1;transform:scale(1.025)}.product-art.photo>b{bottom:16px;left:16px;padding:9px 11px;background:var(--ink);color:#fff}.product-info h3{display:flex;justify-content:space-between}.product-info h3 span{font-family:"DM Sans"}
@media(max-width:760px){.product-grid{grid-template-columns:1fr}.product-art.photo{aspect-ratio:1}}
@media(min-width:1100px){.product-grid{grid-template-columns:repeat(3,1fr)}}
