.hero{border-bottom:1px solid var(--border);background:radial-gradient(900px 420px at 78% 30%, var(--hero-glow), transparent 65%), radial-gradient(700px 360px at 8% 0%, color-mix(in srgb, var(--info) 8%, transparent), transparent 70%), var(--bg);padding:clamp(40px,6vw,84px) 0 clamp(36px,5vw,64px);position:relative;overflow:hidden}.hero-bg{pointer-events:none;color:var(--topo);position:absolute;inset:0}.hero-topo{width:100%;height:100%}.hero-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:40px;display:grid;position:relative}.hero-kicker{background:var(--accent-soft);color:var(--accent-text);border-radius:99px;align-items:center;gap:7px;margin-bottom:18px;padding:6px 12px;font-size:13px;font-weight:650;display:inline-flex}.hero-title{letter-spacing:-.035em;max-width:14ch;font-size:clamp(34px,5.2vw,60px);font-weight:800;line-height:1.04}.hero-accent{background:linear-gradient(100deg, #ff9a5c 0%, var(--accent) 45%, #ff5f3a 100%);color:#0000;-webkit-background-clip:text;background-clip:text}[data-theme=light] .hero-accent{background:linear-gradient(100deg, #f07a2e 0%, var(--accent) 45%, #d8401a 100%);-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-2);max-width:54ch;margin-top:16px;font-size:clamp(16px,1.6vw,18.5px);line-height:1.55}.hero-searchwrap{z-index:20;max-width:640px;margin-top:28px;position:relative}.hero-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;display:flex}.hero-tags .chip{background:color-mix(in srgb, var(--surface) 70%, transparent);height:30px}.hero-points{color:var(--text-2);flex-wrap:wrap;gap:8px 22px;margin:26px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.hero-points li{align-items:center;gap:8px;display:inline-flex}.hero-points svg{color:var(--accent-text)}.hero-collage{height:400px;position:relative}.hero-card{aspect-ratio:4/3;width:62%;box-shadow:var(--shadow-3);border:1px solid color-mix(in srgb, var(--border-strong) 70%, transparent);background:var(--surface);transition:transform .5s var(--ease-out);border-radius:18px;position:absolute;overflow:hidden}.hero-card .img{width:100%;height:100%}.hc-0{z-index:3;top:14%;left:18%;transform:rotate(-2deg)}.hc-1{z-index:2;top:0;left:0;transform:rotate(-9deg)scale(.86)}.hc-2{z-index:1;top:34%;right:-2%;transform:rotate(8deg)scale(.82)}.hero-collage:hover .hc-0{transform:rotate(0)translateY(-6px)}.hero-collage:hover .hc-1{transform:rotate(-12deg)scale(.86)translate(-10px)}.hero-collage:hover .hc-2{transform:rotate(11deg)scale(.82)translate(10px)}.hero-card-cap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0a0c129e;border-radius:11px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:10px;left:10px;right:10px}@media (max-width:960px){.hero-inner{grid-template-columns:1fr}.hero-collage{display:none}.hero-title{max-width:18ch}}.picks{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.55fr 1fr 1fr;gap:14px;height:clamp(380px,38vw,520px);display:grid}.pick{isolation:isolate;background:var(--img-bg);border-radius:18px;min-height:0;position:relative;overflow:hidden}.pick>.img{width:100%;height:100%;position:absolute;inset:0}.pick-main{grid-row:1/3}.pick-cover{z-index:1;position:absolute;inset:0}.pick-shade{z-index:1;pointer-events:none;background:linear-gradient(#0000 40%,#05070cd1 100%);position:absolute;inset:0}.pick-info{z-index:2;color:#fff;pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.pick-info a{pointer-events:auto}.pick-title{letter-spacing:-.02em;text-shadow:0 2px 12px #00000059;font-size:clamp(20px,2.2vw,28px);font-weight:760}.pick-title-sm{text-shadow:0 2px 10px #0006;font-size:15.5px;font-weight:680}.pick-note{color:#ffffffd9;max-width:52ch;font-size:14.5px}.pick-author{z-index:3;color:#ffffffeb;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:inline-flex;position:relative}.pick-author-sm{font-size:12.5px}.pick-like{z-index:4;position:absolute;top:12px;right:12px}.pick:hover .like-overlay{opacity:1;transform:none}.pick>.img img{transition:transform .7s var(--ease-out), opacity .35s}.pick:hover>.img img{transform:scale(1.04)}.only-mobile-picks{display:none}@media (max-width:860px){.hide-mobile-picks{display:none}.only-mobile-picks{display:block}}@media (min-width:861px) and (max-width:1100px){.picks{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.3fr 1fr}.pick-small:nth-of-type(n+4){display:none}}@media (min-width:1280px){.dgrid-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.join{border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:radial-gradient(600px 200px at 0% 0%, var(--accent-soft), transparent 70%), var(--surface);align-items:center;gap:24px;padding:28px 32px;display:flex}.join-art{background:var(--accent);width:60px;height:60px;color:var(--accent-fg);box-shadow:0 10px 24px -8px var(--accent);border-radius:18px;flex:none;place-items:center;display:grid}.join-copy{flex:1}.join-copy h2{font-size:21px}.join-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:760px){.join{flex-direction:column;align-items:flex-start;padding:22px}}.appband{border-radius:var(--radius-xl);background:linear-gradient(120deg, color-mix(in srgb, var(--info) 10%, transparent), transparent 60%), var(--surface);border:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;display:flex}.appband h2{margin-bottom:4px;font-size:20px}.designer-card{border-radius:var(--radius-xl);border:1px solid var(--border);background:linear-gradient(120deg, color-mix(in srgb, var(--info) 10%, transparent), transparent 60%), var(--surface);align-items:center;gap:24px;padding:26px 30px;display:flex}.designer-card-art{background:var(--info-soft);width:60px;height:60px;color:var(--info);border-radius:18px;flex:none;place-items:center;display:grid}.designer-card-copy{flex:1;min-width:0}.designer-card-copy h2{margin-bottom:4px;font-size:20px}.designer-card-copy p{max-width:640px}.designer-card-note{margin-top:6px;font-size:14px}.designer-card-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:860px){.designer-card{flex-direction:column;align-items:flex-start;padding:22px}}.designer-card-share{color:var(--text-2);align-items:flex-start;gap:6px;margin-top:8px;display:flex}.designer-card-share svg{color:var(--info);flex:none;margin-top:2px}.designer-card-share b{color:var(--text)}