@import url('https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@400;500;600&family=Roboto+Mono:wght@400;600&display=swap');

:root{--black:#080808;--white:#f3f1ec;--grey:#b8b6b0;--line:#3a3936}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Oswald,Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}
.site-header{height:86px;display:flex;align-items:center;gap:45px;padding:12px 5vw;background:#050505;border-bottom:1px solid #202020;position:sticky;top:0;z-index:20}
.brand{width:150px;display:block}.brand img{width:100%;height:60px;object-fit:contain;filter:brightness(0) invert(1)}
nav{display:flex;gap:34px;margin:auto;font-size:14px;font-weight:600;letter-spacing:1px}nav a:hover{opacity:.6}
.header-actions{display:flex;gap:14px}.header-actions button{background:none;border:0;color:white;font-size:25px;padding:5px}
.hero{height:620px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('assets/daddy-v.jpg');background-size:cover;background-position:center 28%;filter:grayscale(1) contrast(1.1);transform:scale(1.03)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.78) 38%,rgba(0,0,0,.25) 75%,rgba(0,0,0,.35) 100%)}.hero-content{position:relative;z-index:1;padding:125px 8vw}.eyebrow{font:600 12px 'Roboto Mono',monospace;letter-spacing:2px}.hero h1{font:90px/0.84 Anton,Impact,sans-serif;margin:20px 0 20px;letter-spacing:1px}.tagline{font-weight:600;letter-spacing:1.5px;font-size:17px}.button{display:inline-flex;gap:28px;align-items:center;margin-top:20px;padding:14px 24px;border:1px solid white;font-weight:600;letter-spacing:1px}.button:hover{background:white;color:black}
.section{padding:70px 7vw}.dark{background:#0b0b0b}.light{background:#e9e6df;color:#111}.section-head{display:flex;align-items:center;gap:20px;margin-bottom:28px}.section-head h2{font:34px Anton,Impact,sans-serif;letter-spacing:1px;margin:0}.section-head:after{content:"";height:1px;background:currentColor;opacity:.35;flex:1}.section-head a{font-size:12px;font-weight:600;letter-spacing:1px;white-space:nowrap}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}.product-image{aspect-ratio:1/1;background:#161616;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.product-image:hover img{transform:scale(1.04)}.product .type{font:11px 'Roboto Mono',monospace;opacity:.55;margin:18px 0 5px}.product h3{font-size:18px;margin:0}.product .name{font-style:italic;opacity:.7;margin:3px 0}.price{font:600 14px 'Roboto Mono',monospace;margin:13px 0}.product button{border:0;background:var(--white);color:#111;padding:11px 20px;font-size:12px;font-weight:600;min-width:140px}.product button:hover{opacity:.8}
.tee{aspect-ratio:1/1;background:linear-gradient(135deg,#181818,#050505);display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #252525;font-family:Anton}.tee span{font-size:90px;line-height:.7}.tee strong{font-size:25px;letter-spacing:2px}.tee small{font:11px 'Roboto Mono';margin-top:8px}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cat{height:280px;position:relative;display:flex;align-items:flex-end;padding:22px;color:white;background-size:cover;background-position:center;overflow:hidden}.cat:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.8))}.cat span,.cat b{position:relative;z-index:1;font:32px Anton}.cat b{margin-left:auto;font:25px Oswald}.cat.vinyl{background-image:url('assets/daddy-v.jpg')}.cat.cd{background-image:url('assets/daddy-v.jpg');filter:grayscale(1)}.cat.merch{background:#171717}.cat.artists{background-image:url('assets/daddy-v.jpg');filter:grayscale(1)}
.statement{padding:80px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:#050505 url('assets/daddy-v.jpg') center/cover fixed;position:relative}.statement:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.82)}.statement>*{position:relative}.statement h2{font:52px/1 Anton;margin:0}.statement h2 span{-webkit-text-stroke:1px white;color:transparent}.statement-copy{max-width:480px}.statement-copy p{font:17px/1.6 'Roboto Mono';color:#ddd}.outline{background:transparent}
.newsletter{padding:70px 7vw;background:#eeeae2;color:#111;text-align:center}.newsletter h2{font:38px Anton;margin:10px 0 25px}.newsletter form{display:flex;max-width:600px;margin:auto}.newsletter input{flex:1;padding:15px;border:1px solid #111;background:transparent;font:14px 'Roboto Mono'}.newsletter button{padding:15px 25px;border:1px solid #111;background:#111;color:white;font-weight:600}
footer{padding:55px 7vw 25px;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:35px;border-top:1px solid #222;background:#050505}footer img{width:170px;filter:brightness(0) invert(1)}footer h4{font-size:12px;letter-spacing:1.5px;margin:0 0 14px}footer a,footer p{display:block;font-size:13px;color:#aaa;margin:7px 0}footer small{grid-column:1/-1;color:#666;margin-top:25px}
.toast{position:fixed;right:25px;bottom:25px;background:white;color:black;padding:14px 18px;font:12px 'Roboto Mono';transform:translateY(120px);transition:.25s;z-index:50}.toast.show{transform:translateY(0)}
@media(max-width:850px){.site-header{height:72px;padding:8px 18px;gap:10px}.brand{width:110px}.brand img{height:52px}nav{display:none}.header-actions{margin-left:auto}.hero{height:560px}.hero-content{padding:100px 7vw}.hero h1{font-size:65px}.section{padding:50px 6vw}.products{grid-template-columns:1fr;gap:45px}.categories{grid-template-columns:1fr 1fr}.cat{height:200px}.statement{grid-template-columns:1fr;padding:65px 6vw}.statement h2{font-size:40px}.newsletter h2{font-size:28px}footer{grid-template-columns:1fr 1fr;padding:45px 6vw}footer .footer-brand{grid-column:1/-1}}
@media(max-width:480px){.categories{grid-template-columns:1fr}.cat{height:180px}.newsletter form{flex-direction:column;gap:8px}.hero{height:500px}.hero-content{padding-top:90px}}