@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Instrument+Serif:ital@0;1&display=swap');:root{--pink:#f00050;--ink:#090909;--white:#f6f3ee;--yellow:#ffd027}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:'DM Sans',sans-serif;overflow-x:hidden}.shell{padding:18px}.panel{position:relative;width:100%;min-height:calc(100svh - 36px);max-height:1080px;aspect-ratio:16/9;border-radius:24px;overflow:hidden;margin-bottom:18px}.hero{background:var(--pink)}header{height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:8}.brand{color:white;text-decoration:none;font-weight:700;letter-spacing:-.05em;font-size:24px}.brand i{font-family:'Instrument Serif';font-weight:400}.sound{border:1px solid #ffffff73;background:#0002;color:white;padding:9px 14px;border-radius:99px;font-size:11px}.hero-copy{position:absolute;z-index:4;top:15%;left:50%;transform:translateX(-50%);width:90%;text-align:center;pointer-events:none}.hero-copy p,.section-top{font-size:11px;letter-spacing:.18em;text-transform:uppercase}.hero h1,.panel h2{font-family:'Instrument Serif',serif;font-weight:400;line-height:.88;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(64px,7vw,134px)}em{font-weight:400;color:var(--yellow)}.chip-stage{border:0;background:transparent;position:absolute;width:min(58vw,900px);height:min(58vw,900px);left:50%;bottom:-25%;transform:translateX(-50%);cursor:pointer;z-index:3}.chip-piece{position:absolute;inset:0;background:url('assets/original-chip.png') center/100% 100% no-repeat;transition:transform .75s cubic-bezier(.16,1,.3,1),filter .4s}.left{clip-path:polygon(0 0,50.6% 0,48.2% 12%,49.6% 20%,47.7% 29%,51.5% 40%,48.2% 50%,51.3% 61%,48.5% 72%,54% 100%,0 100%)}.right{clip-path:polygon(50.6% 0,100% 0,100% 100%,54% 100%,48.5% 72%,51.3% 61%,48.2% 50%,51.5% 40%,47.7% 29%,49.6% 20%,48.2% 12%)}.chip-stage:not(.broken):hover .left{transform:translateX(-1.2%) rotate(-1deg)}.chip-stage:not(.broken):hover .right{transform:translateX(1.2%) rotate(1deg)}.chip-stage.broken .left{transform:translate(-14%,-3%) rotate(-13deg)}.chip-stage.broken .right{transform:translate(16%,5%) rotate(16deg)}.chip-stage.smashed .left{transform:translate(-55%,-30%) rotate(-55deg);filter:blur(1px)}.chip-stage.smashed .right{transform:translate(60%,-20%) rotate(68deg);filter:blur(1px)}.chip-shadow{position:absolute;left:19%;right:19%;bottom:8%;height:10%;border-radius:50%;background:#50000a52;filter:blur(20px);z-index:-1}.click-note{position:absolute;right:5%;top:38%;color:white;font-size:11px;letter-spacing:.14em}.click-note b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid white;margin-left:9px}.counter{position:absolute;left:30px;bottom:30px;display:flex;align-items:end;gap:10px}.counter>span{font:56px 'Instrument Serif'}.counter small{font-size:9px;letter-spacing:.14em;margin-bottom:9px}.crumb{position:fixed;width:10px;height:8px;background:var(--yellow);border-radius:50%;z-index:20;animation:fly .9s ease-out forwards;pointer-events:none}.storm-chip{position:absolute;width:160px;height:160px;background:url('assets/original-chip.png') center/contain no-repeat;z-index:2;animation:storm 2.4s cubic-bezier(.2,.6,.2,1) forwards;pointer-events:none}.section-top{position:absolute;top:28px;left:32px;right:32px;display:flex;justify-content:space-between;z-index:3}.story{background:#f4eee5;color:var(--ink);padding:8% 5%}.story h2{font-size:clamp(70px,8vw,150px);position:relative;z-index:2}.story h2 em{color:var(--pink)}.story article{position:absolute;right:6%;bottom:9%;width:28%;font-size:clamp(15px,1.15vw,22px);line-height:1.45}.story-chip{position:absolute;width:55%;height:75%;left:25%;bottom:-17%;transform:rotate(-10deg)}.chip-static .left{transform:translateX(-5%) rotate(-4deg)}.chip-static .right{transform:translateX(7%) rotate(6deg)}.manifesto{background:#12100e;padding:9% 5%}.manifesto h2{font-size:clamp(60px,7vw,132px)}.manifesto h2 em{color:var(--pink)}.steps{position:absolute;left:5%;right:5%;bottom:7%;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#414141}.steps article{background:#12100e;padding:24px;min-height:230px}.steps b{font:46px 'Instrument Serif';color:var(--pink)}.steps h3{font-size:24px;margin:26px 0 8px}.steps p{opacity:.6}.contact{background:var(--pink);padding:8% 5%}.contact h2{font-size:clamp(75px,9vw,170px);position:relative;z-index:3}.giant-chip{position:absolute;width:64%;height:90%;right:-8%;bottom:-22%;transform:rotate(12deg)}.socials{position:absolute;left:5%;bottom:16%;display:flex;flex-direction:column;gap:7px;z-index:5}.socials a{font-size:clamp(20px,2vw,36px);color:white;text-decoration:none;border-bottom:1px solid #ffffff80;padding:5px 0}.socials a:hover{color:var(--yellow)}.ca{position:absolute;right:4%;bottom:5%;z-index:6;background:#111;color:white;border:0;border-radius:99px;padding:17px 24px;font-size:18px;cursor:pointer}.ca small{display:block;font-size:8px;letter-spacing:.12em}nav{position:fixed;z-index:30;left:50%;bottom:32px;transform:translateX(-50%);background:#0a0a0ab8;border:1px solid #ffffff33;backdrop-filter:blur(16px);padding:6px;border-radius:14px;display:flex;gap:3px}nav a{color:white;text-decoration:none;font-size:12px;padding:12px 17px;border-radius:10px}nav a:hover{background:#ffffff2e}.toast{position:fixed;z-index:50;left:50%;top:30px;transform:translate(-50%,-100px);background:var(--yellow);color:#111;padding:10px 18px;border-radius:99px;font-weight:700;transition:.3s}.toast.show{transform:translate(-50%,0)}@keyframes fly{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}@keyframes storm{0%{transform:translateY(90vh);opacity:0}15%{opacity:1}100%{transform:translateY(-120vh) rotate(var(--r));opacity:0}}@media(max-width:800px){.shell{padding:9px}.panel{border-radius:17px;min-height:850px;aspect-ratio:auto}.hero-copy{top:18%}.hero h1{font-size:17vw}.chip-stage{width:125vw;height:125vw;bottom:2%}.click-note{right:12%;top:8%}.story{padding:20% 7%}.story h2,.manifesto h2,.contact h2{font-size:17vw}.story-chip{width:100%;height:55%;left:0;bottom:17%}.story article{left:7%;right:7%;bottom:5%;width:auto}.manifesto{min-height:980px;padding:22% 7%}.steps{grid-template-columns:1fr 1fr}.steps article{min-height:190px;padding:17px}.contact{padding:22% 7%}.giant-chip{width:120%;height:65%;right:-35%;bottom:5%}.socials{bottom:16%}.ca{bottom:7%;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}nav{bottom:18px}nav a{padding:11px 12px}.section-top{top:24px;left:20px;right:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chip-piece,.toast{transition:none}.crumb,.storm-chip{animation-duration:.01ms}}