.page{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;display:flex;flex-direction:column}.texture{z-index:-3;opacity:.18;background-image:radial-gradient(var(--ink) .7px,transparent .7px);background-size:7px 7px;mask-image:linear-gradient(120deg,transparent 20%,#000)}.backdrop,.texture{position:absolute;inset:0;pointer-events:none}.backdrop{z-index:-2;overflow:hidden}.color-field{position:absolute;width:62%;height:125%;top:-12%;right:-15%;background:var(--accent);transform:skewX(-17deg);animation:field-in 1.1s var(--ease) both}.color-field:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(0,0,0,.035) 0 6px)}.diagonal{position:absolute;width:32px;height:150%;background:var(--ink);left:57%;top:-25%;transform:rotate(17deg)}.ghost-type{position:absolute;top:43%;left:-3%;color:transparent;-webkit-text-stroke:1px var(--line);font-size:clamp(150px,27vw,460px);font-weight:900;letter-spacing:-.09em;line-height:.8;white-space:nowrap;transform:rotate(-9deg)}header{position:relative;z-index:5;display:flex;justify-content:space-between;gap:20px;padding:30px 5vw;animation:enter .7s .1s var(--ease) both}.brand,header{align-items:center}.brand{display:inline-flex;gap:10px;color:inherit;text-decoration:none;font-size:13px;font-weight:900;letter-spacing:.06em}.brand-icon{display:grid;place-items:center;width:33px;height:33px;color:var(--paper);background:var(--ink);transform:rotate(-8deg);font-size:22px}.palette{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink)}.palette-label{margin-right:7px;font:10px monospace;letter-spacing:.12em}.swatch{position:relative;width:32px;height:32px;border:0;background:transparent;cursor:pointer;transition:transform .2s}.swatch:before{content:"";position:absolute;inset:5px;border:1px solid var(--ink);background:var(--swatch);transform:skew(-10deg)}.swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:1px}.swatch:hover{transform:translateY(-3px)}.home-view{position:relative;width:100%;max-width:1600px;margin:auto;padding:80px 8vw 110px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:30px;flex:1}.intro{position:relative;z-index:2;transform:rotate(-4deg)}.eyebrow{display:inline-block;margin:0 0 25px;padding:9px 15px;color:var(--paper);background:var(--ink);font:11px monospace;letter-spacing:.18em;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);animation:enter .7s .2s var(--ease) both}h1{margin:0;font-size:clamp(66px,9vw,146px);font-weight:900;line-height:.96;letter-spacing:-.075em}.title-line{display:block;width:fit-content;animation:title-in .8s var(--ease) both}.title-line:first-child{animation-delay:.3s}.title-line:last-child{margin-top:10px;padding:0 17px 13px 7px;color:var(--paper);background:var(--ink);box-shadow:9px 9px 0 var(--secondary);animation-delay:.43s}.subtitle{margin:36px 0 0 4px;font-size:clamp(16px,1.6vw,23px);font-weight:800;letter-spacing:.2em;animation:enter .8s .58s var(--ease) both}.art{position:relative;width:min(100%,440px);aspect-ratio:4/5;justify-self:center;perspective:1000px;animation:poster-in 1s .35s var(--ease) both}.art-float{position:absolute;inset:0;animation:float 7s ease-in-out infinite}.poster{position:absolute;inset:5%;overflow:hidden;border:3px solid var(--ink);background:var(--paper);box-shadow:15px 15px 0 var(--ink);transform:translate(var(--mx),var(--my)) rotate(9deg);transition:transform .3s var(--ease)}.poster-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:30px 30px}.poster-top{position:absolute;top:17px;left:17px;right:17px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.1em}.disc{width:78%;aspect-ratio:1;left:11%;top:18%;border:2px solid var(--ink);background:var(--secondary)}.disc,.disc:before{position:absolute;border-radius:50%}.disc:before{content:"";inset:14%;border:1px solid var(--ink)}.disc:after{content:"";position:absolute;inset:-12%;border:1px dashed var(--ink);border-radius:50%;animation:spin 65s linear infinite}.star{position:absolute;inset:13% -5% 5%;background:var(--ink);clip-path:polygon(50% 0,59% 35%,87% 13%,67% 42%,100% 50%,66% 59%,88% 88%,58% 67%,50% 100%,41% 67%,12% 88%,33% 58%,0 50%,34% 41%,13% 13%,42% 34%);transform:rotate(-12deg)}.star-cutout{position:absolute;width:18%;aspect-ratio:1;left:41%;top:47%;background:var(--accent);transform:rotate(45deg)}.poster-word{position:absolute;left:-3%;bottom:12%;color:var(--paper);background:var(--ink);padding:8px 22px 12px;font-size:clamp(35px,5vw,72px);font-weight:900;letter-spacing:-.07em;line-height:1;transform:rotate(-12deg)}.poster-bottom{position:absolute;bottom:15px;left:17px;right:17px;display:flex;justify-content:space-between;align-items:end;font:9px/1.5 monospace}.barcode{width:62px;height:22px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px)}.sticker{top:1%;right:-4%;padding:13px 19px;color:var(--ink);background:var(--secondary);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(16deg);font:900 13px monospace}.cross,.sticker{position:absolute}.cross{bottom:-2%;left:-6%;font-size:85px;font-weight:300;line-height:1;transform:rotate(-12deg)}footer{position:relative;z-index:2;justify-content:space-between;gap:20px;margin:0 5vw;padding:20px 0 25px;border-top:1px solid var(--ink);font:10px monospace;letter-spacing:.1em;animation:enter .8s .8s var(--ease) both}.status,footer{display:flex;align-items:center}.status{gap:8px}.status:before{content:"";width:7px;height:7px;background:var(--ink);transform:rotate(45deg)}