:root{--color-bone: #f4f4f0;--color-ink: #0a0a0a;--color-accent: #ffe500;--color-gray: #8c8c88}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}img{width:100%;height:100%;object-fit:cover}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-bone);display:flex;justify-content:center;align-items:center;z-index:1000}.overlay-content{width:40%}.images{position:relative;height:550px}.img-holder{position:relative;width:80%;height:100%;margin:0 auto;z-index:2;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.img-holder img{position:absolute;top:0;left:-110%;filter:grayscale(1) contrast(1.06)}.text{position:relative;margin:1em 0;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.counter,.logo p{font-family:Space Grotesk,Inter,sans-serif;font-size:160px;text-align:center;text-transform:uppercase;font-weight:600;letter-spacing:-.03em}.counter p{line-height:100%}.counter p span,.logo p span{position:relative;z-index:-2;color:var(--color-ink)}.logo{position:absolute;top:0%;left:50%;transform:translate(-50%)}.logo p{line-height:100%}.logo p span{position:relative;top:200px}nav{position:fixed;top:-200px;width:100%;padding:1em;background-color:var(--color-bone);border-bottom:1px solid var(--color-gray);display:flex;align-items:center;z-index:1}nav>div{flex:1}nav a,nav p{font-family:Space Mono,monospace;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:var(--color-ink);font-weight:400}.nav-logo a{font-family:Space Grotesk,Inter,sans-serif;font-size:17px;letter-spacing:-.02em;font-weight:700}.shop a:last-child{background:var(--color-accent);color:var(--color-ink);padding:.45em .9em;border-radius:999px}.menu{display:flex;justify-content:center;gap:2.5em}.shop{display:flex;justify-content:flex-end;gap:2em}nav a{transition:opacity .25s ease}nav a:hover{opacity:.55}.hero{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--color-ink)}.hero img{transform:scale(2);object-position:62% center;filter:grayscale(1) contrast(1.08)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,#0a0a0a0d,#0a0a0a52),linear-gradient(180deg,#0a0a0a00 55%,#0a0a0a73);pointer-events:none}.hero-copy{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;padding-inline:2.5vw;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.hero-copy h1{font-family:Space Grotesk,Inter,sans-serif;font-weight:600;font-size:30vw;letter-spacing:-.03em;color:var(--color-bone);line-height:100%}.hero-copy h1 span{position:relative;top:30vw}.hero-tag{position:fixed;left:1.4em;bottom:1.4em;z-index:2;color:var(--color-bone);max-width:22ch}.hero-tag span{display:inline-block;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);background:var(--color-accent);padding:.5em .9em;margin-bottom:.8em}.hero-tag p{font-size:15px;font-weight:400;line-height:1.4;letter-spacing:.01em}@media(max-width:900px){.overlay-content{width:75%}.counter,.logo p{font-size:100px}}@media(max-width:768px){html,body{overflow-x:hidden;max-width:100%}.overlay{width:100%;overflow:hidden}.overlay-content{width:88%}.images{height:45vh}.counter,.logo p{font-size:clamp(48px,18vw,90px)}nav{padding:1em 1.1em}.menu{display:none}.nav-logo a{font-size:15px}nav a,nav p{font-size:10px;letter-spacing:.08em}.shop{gap:1.2em}.hero-tag{left:1.1em;right:1.1em;bottom:1.1em;max-width:none}.hero-tag p{font-size:13px}}