:root{--paper:#e8ede9;--paper-2:#dce4de;--rule:#b7c4ba;--ink:#0b1d10;--ink-soft:#3b5042;--mint:#00f27a;--vinyl:#111612;--ease:cubic-bezier(0.16,1,0.3,1);}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:"Archivo",system-ui,sans-serif;font-weight:400;font-size:clamp(0.95rem,0.9rem + 0.25vw,1.05rem);line-height:1.45;min-height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;}::selection{background:var(--mint);color:var(--ink)}a{color:inherit;text-underline-offset:0.2em}.sheet{flex:1;max-width:1180px;display:grid;gap:1px;background:var(--rule);grid-template-columns:1fr 1fr;grid-template-areas: "logo cat" "head head" "deck deck" "rec rec" "cta cta" "list fmt";border:1px solid var(--rule);margin:10px auto;width:calc(100% - 20px);}.cell{background:var(--paper);padding:12px 14px;min-width:0}.c-logo{grid-area:logo;display:flex;align-items:center;gap:10px}.c-logo img{width:56px;height:56px;display:block;border-radius:10px}.c-logo span{font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:clamp(1.15rem,1rem + 0.6vw,1.5rem);letter-spacing:-0.01em}.c-cat{grid-area:cat;display:flex;flex-direction:column;justify-content:center;text-align:right;font-size:0.78rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.c-cat strong{font-family:"Zilla Slab",Georgia,serif;font-weight:700;color:var(--ink);font-size:clamp(1.1rem,1rem + 0.5vw,1.4rem);letter-spacing:0.02em}.c-head{grid-area:head;padding-top:14px;padding-bottom:6px}h1{font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:clamp(2.35rem,1.6rem + 3.6vw,4.9rem);line-height:0.94;letter-spacing:-0.02em}h1 em{font-style:normal;display:inline-block;background:var(--ink);color:var(--mint);padding:0 0.12em 0.04em;margin-left:-0.04em}.c-deck{grid-area:deck;padding-top:4px;color:var(--ink-soft);max-width:42ch}.c-rec{grid-area:rec;background:var(--paper-2);display:grid;grid-template-columns:1fr;gap:14px;justify-items:center;padding:16px 14px;overflow:hidden}.press{--pw:clamp(130px,38vw,300px);position:relative;width:var(--pw);aspect-ratio:1/1;margin-right:calc(var(--pw) * 0.8)}.sleeve{position:absolute;inset:0;background:var(--ink);z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:10%;color:var(--paper)}.sleeve b{font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:clamp(1.6rem,1rem + 4vw,3.6rem);line-height:0.85;color:var(--mint);letter-spacing:-0.02em}.sleeve small{font-size:clamp(0.62rem,0.55rem + 0.3vw,0.8rem);letter-spacing:0.08em;text-transform:uppercase;color:#c9d6cc;font-variant-numeric:tabular-nums}.disc{position:absolute;top:4%;left:4%;width:92%;height:92%;border-radius:50%;z-index:1;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background: radial-gradient(circle,transparent 0 31%,rgba(255,255,255,0.07) 31.5%,transparent 32%),repeating-radial-gradient(circle,#151b16 0 2px,#0d110e 2px 4px);transform:translateX(78%) rotate(0deg);transition:transform 900ms var(--ease);}.disc:focus-visible{outline:3px solid var(--ink);outline-offset:4px;box-shadow:0 0 0 2px var(--mint)}.label{position:absolute;inset:30%;border-radius:50%;background:var(--mint);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:"Archivo",sans-serif;font-weight:600;line-height:1.05;font-size:clamp(0.5rem,0.4rem + 0.5vw,0.85rem)}.label i{font-style:normal;font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:1.7em;display:block}.label::after{content:"";position:absolute;width:7%;height:7%;border-radius:50%;background:var(--vinyl);top:46.5%;left:46.5%}.label span{position:relative;z-index:1;padding:0 8%}.label .b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:rotate(180deg);transition:opacity 300ms ease}.label .a{transition:opacity 300ms ease}.disc[aria-pressed="true"]{transform:translateX(84%) rotate(180deg)}.disc[aria-pressed="true"] .a{opacity:0}.disc[aria-pressed="true"] .b{opacity:1}.tracks{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column;column-gap:14px;list-style:none;font-size:clamp(0.8rem,0.75rem + 0.2vw,0.95rem);font-variant-numeric:tabular-nums;min-width:0}.tracks li{display:grid;grid-template-columns:2.1em 1fr;padding:5px 0;border-top:1px solid var(--rule);transition:opacity 400ms ease}.tracks .side{border-top:0}.tracks li b{font-weight:600}.tracks .side{font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:1.05em;padding-bottom:2px}.c-rec[data-side="b"] .sa{opacity:0.4}.c-rec[data-side="a"] .sb{opacity:0.4}.c-cta{grid-area:cta;padding:12px 14px 14px}.cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;width:100%;background:var(--ink);color:var(--mint);text-decoration:none;font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:clamp(1.2rem,1.05rem + 0.6vw,1.5rem);padding:0 20px;border-radius:4px;-webkit-tap-highlight-color:transparent;transition:transform 200ms var(--ease);}.cta svg{flex:none}.cta:focus-visible{outline:3px solid var(--mint);outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}.cta:active{transform:scale(0.98)}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-2px)}}.c-list{grid-area:list;font-size:0.82rem;color:var(--ink-soft)}.c-fmt{grid-area:fmt;font-size:0.82rem;color:var(--ink-soft);text-align:right}.c-list b,.c-fmt b{display:block;color:var(--ink);font-weight:600}footer{text-align:center;padding:14px 16px max(16px,env(safe-area-inset-bottom));font-family:"Zilla Slab",Georgia,serif;font-weight:700;color:var(--ink-soft)}@media (min-width: 900px){body{justify-content:center}.sheet{flex:none;min-height:min(calc(100dvh - 60px),760px);grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto auto auto;grid-template-areas: "logo logo logo cat cat cat rec rec rec rec rec rec" "head head head head head head rec rec rec rec rec rec" "deck deck deck deck deck deck rec rec rec rec rec rec" "cta cta cta cta cta cta rec rec rec rec rec rec" "list list list fmt fmt fmt rec rec rec rec rec rec";}.cell{padding:20px 24px}.c-logo img{width:96px;height:96px;border-radius:14px}.c-head{display:flex;align-items:flex-end}.c-rec{justify-items:start;align-content:center;padding:36px 40px;gap:28px}.press{--pw:min(300px,24vw)}.tracks{max-width:360px;grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.tracks .sb.side{border-top:1px solid var(--rule);padding-top:14px}}@media (max-height: 700px) and (max-width: 899px){h1{font-size:clamp(2rem,1.4rem + 3vw,2.6rem)}.press{--pw:clamp(110px,30vw,180px)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:1ms !important}}html,body{max-width:100%;overflow-x:clip}