*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--yellow: #e8ff1f;--pink: #ff7ab8;--blue: #a9d4ff;--black: #0c0c0c;--paper: #f6f1e7;--display: "Anton", "Impact", sans-serif;--serif: "Instrument Serif", Georgia, serif;--body: "Space Grotesk", system-ui, sans-serif}html{scroll-behavior:smooth}body{background:var(--black);color:var(--paper);font-family:var(--body);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}img{display:block;max-width:100%}::selection{background:var(--pink);color:var(--black)}.display{font-family:var(--display);text-transform:uppercase;line-height:.82;letter-spacing:-.01em}.serif{font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:-.02em;font-weight:400}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,3vw,40px);mix-blend-mode:difference;color:#fff}.nav .logo{font-family:var(--display);font-size:28px;letter-spacing:.02em}.nav ul{display:flex;gap:28px;list-style:none;font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:500}.nav a:hover{font-family:var(--serif);font-style:italic;text-transform:none;font-size:17px;letter-spacing:0}.hero{position:relative;min-height:100svh;background:var(--pink);overflow:hidden;display:grid}.hero-block{position:absolute;left:0;top:0;bottom:0;width:38%;background:var(--blue)}.hero-img{position:absolute;right:0;top:0;width:72%;height:78%;object-fit:cover;object-position:50% 30%;filter:contrast(1.1) saturate(1.2);transform:translateY(var(--py, 0px));clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.hero-sticker{position:absolute;top:18%;left:5%;width:150px;height:150px;border-radius:50%;background:var(--black);color:var(--yellow);display:grid;place-items:center;text-align:center;font-family:var(--serif);font-style:italic;font-size:24px;line-height:1;transform:rotate(-12deg);z-index:4;animation:wob 6s ease-in-out infinite}@keyframes wob{50%{transform:rotate(8deg) scale(1.06)}}.hero-title{position:absolute;left:-1vw;bottom:8vh;z-index:3;font-size:clamp(130px,33vw,560px);color:var(--yellow);-webkit-text-stroke:2px var(--black);paint-order:stroke fill;text-shadow:8px 8px 0 var(--black);pointer-events:none}.hero-sub{position:absolute;z-index:4;right:clamp(16px,3vw,40px);bottom:5vh;max-width:330px;color:var(--black);font-size:15px;font-weight:500}.hero-sub .serif{font-size:32px;display:block;line-height:1;margin-bottom:10px}.hero-tape{position:absolute;z-index:5;left:0;right:0;bottom:0;background:var(--black);color:var(--yellow);overflow:hidden;white-space:nowrap;padding:9px 0;font-family:var(--display);font-size:20px;text-transform:uppercase;letter-spacing:.05em}.tape-track{display:inline-flex;gap:40px;animation:tape 22s linear infinite}@keyframes tape{to{transform:translate(-50%)}}.btn{display:inline-block;cursor:pointer;border:3px solid var(--black);background:var(--yellow);color:var(--black);padding:14px 26px;font-family:var(--display);font-size:22px;text-transform:uppercase;letter-spacing:.03em;box-shadow:6px 6px 0 var(--black);transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--black);background:var(--pink)}.btn:focus-visible{outline:3px dashed var(--black);outline-offset:4px}.manifesto{background:var(--black);padding:18vh clamp(16px,4vw,60px) 16vh;position:relative}.manifesto .small{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--pink);margin-bottom:32px}.manifesto h2{font-size:clamp(54px,13vw,220px);color:var(--paper)}.manifesto h2 .y{color:var(--yellow)}.manifesto h2 .serif{color:var(--pink);font-size:.85em;display:inline-block;transform:rotate(-3deg);padding:0 .1em}.manifesto h2 .indent{display:block;padding-left:18vw}.manifesto p{max-width:420px;margin:60px 0 0 auto;font-size:17px;color:#cfcabf;border-left:4px solid var(--yellow);padding-left:20px}.drop{background:var(--yellow);color:var(--black);padding:12vh clamp(16px,4vw,60px) 14vh}.drop-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:60px}.drop-head h2{font-size:clamp(70px,16vw,280px)}.drop-head .serif{font-size:clamp(24px,3vw,44px);max-width:300px;line-height:1}.spread{display:grid;grid-template-columns:repeat(12,1fr);gap:28px 20px;align-items:start}.piece{position:relative;cursor:pointer;transition:transform .3s}.piece:nth-child(1){grid-column:1 / 6}.piece:nth-child(2){grid-column:7 / 13;margin-top:14vh}.piece:nth-child(3){grid-column:2 / 8;margin-top:-4vh}.piece:nth-child(4){grid-column:9 / 13;margin-top:8vh}.piece:nth-child(odd):hover{transform:rotate(-2deg) scale(1.02)}.piece:nth-child(2n):hover{transform:rotate(2deg) scale(1.02)}.piece .frame{border:4px solid var(--black);overflow:hidden;aspect-ratio:4 / 5}.piece:nth-child(2) .frame{aspect-ratio:1 / 1}.piece:nth-child(3) .frame{aspect-ratio:5 / 4}.piece img{width:100%;height:100%;object-fit:cover;filter:saturate(1.3) contrast(1.05)}.piece .tone-pink{background:var(--pink)}.piece .tone-blue{background:var(--blue)}.piece .tone-yellow{background:var(--paper)}.piece .tone-black{background:var(--black)}.piece .tag{position:absolute;top:14px;left:-10px;background:var(--black);color:var(--yellow);font-family:var(--display);font-size:16px;padding:4px 12px;text-transform:uppercase;transform:rotate(-4deg)}.piece .meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;gap:12px}.piece h3{font-family:var(--display);font-size:clamp(30px,4vw,54px);text-transform:uppercase;line-height:.9;font-weight:400}.piece .price{font-family:var(--serif);font-style:italic;font-size:28px}.piece .note{font-size:14px;max-width:340px;margin-top:6px;font-weight:500}.piece .reveal{max-height:0;overflow:hidden;transition:max-height .35s}.piece.open .reveal{max-height:80px}.piece .add{margin-top:8px;font-size:12px;text-transform:uppercase;letter-spacing:.15em;border-bottom:2px solid var(--black);display:inline-block}.story{background:var(--blue);color:var(--black);position:relative;display:grid;grid-template-columns:repeat(12,1fr);padding:14vh 0;overflow:hidden}.story .img-a{grid-column:1 / 7;height:80vh;object-fit:cover;width:100%;border-right:6px solid var(--black);border-top:6px solid var(--black);border-bottom:6px solid var(--black)}.story .img-b{grid-column:9 / 13;margin-top:40vh;width:90%;aspect-ratio:3/4;object-fit:cover;border:6px solid var(--black);transform:rotate(4deg);box-shadow:14px 14px 0 var(--pink)}.story .copy{grid-column:5 / 12;grid-row:1;align-self:start;padding:0 clamp(16px,3vw,40px);z-index:2;margin-top:-4vh}.story .copy .kicker{font-size:12px;letter-spacing:.25em;text-transform:uppercase;font-weight:700;margin-bottom:14px;margin-left:40%}.story h2{font-size:clamp(54px,10vw,170px);margin-left:12%;text-shadow:5px 5px 0 var(--paper)}.story h2 .serif{color:var(--pink);-webkit-text-stroke:1px var(--black)}.story .quote{margin:30px 0 0 40%;font-family:var(--serif);font-size:clamp(24px,2.8vw,40px);line-height:1.05;background:var(--paper);padding:20px 24px;border:4px solid var(--black)}.story .quote small{display:block;font-family:var(--body);font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin-top:10px}.story .grid-txt{grid-column:7 / 13;margin:8vh 0 0 12%;max-width:460px;font-weight:500;padding-right:20px}.close{background:var(--pink);color:var(--black);padding:14vh clamp(16px,4vw,60px) 8vh;text-align:left;position:relative;overflow:hidden}.close h2{font-size:clamp(80px,22vw,400px);color:var(--black)}.close h2 .y{color:var(--yellow);-webkit-text-stroke:2px var(--black)}.close h2 .serif{font-size:.6em;display:block;margin:0 0 .1em 10vw}.close form{display:flex;gap:14px;flex-wrap:wrap;margin-top:50px;max-width:760px}.close input{flex:1 1 260px;min-width:0;background:var(--paper);border:3px solid var(--black);padding:14px 18px;font-size:18px;box-shadow:6px 6px 0 var(--black)}.close input:focus-visible{outline:3px dashed var(--black);outline-offset:4px}.close .done{font-family:var(--serif);font-size:clamp(28px,4vw,56px);margin-top:40px;font-style:italic}footer{background:var(--black);color:var(--yellow);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:22px clamp(16px,4vw,60px);font-size:12px;letter-spacing:.15em;text-transform:uppercase}.rise{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s}.rise.in{opacity:1;transform:none}@media (max-width: 800px){.nav ul{gap:14px;font-size:11px}.nav li:nth-child(n+3){display:none}.hero-block{width:100%;height:30%;bottom:auto}.hero-img{width:100%;height:60%;top:8%;clip-path:polygon(0 6%,100% 0,100% 100%,0 100%)}.hero-sticker{width:100px;height:100px;font-size:16px;top:auto;bottom:36%;left:auto;right:5%}.hero-title{bottom:22vh;font-size:38vw}.hero-sub{left:16px;right:16px;max-width:none;bottom:7vh}.hero-sub .serif{font-size:24px}.hero-sub p{display:none}.manifesto h2 .indent{padding-left:8vw}.manifesto p{margin-left:0}.spread{display:flex;flex-direction:column;gap:40px}.piece:nth-child(n){margin-top:0}.piece:nth-child(2n){margin-left:10%}.story{display:flex;flex-direction:column;gap:30px;padding:8vh 0}.story .img-a{height:50vh;width:85%}.story .copy{margin-top:0;order:-1;padding:0 16px}.story .copy .kicker,.story .quote,.story h2{margin-left:0}.story .grid-txt{margin:0;padding:0 16px}.story .img-b{margin:0 16px 0 auto;width:65%}.close h2 .serif{margin-left:0}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.rise{opacity:1;transform:none}}