.collections-root{max-width:1360px;margin:0 auto;padding:clamp(28px,6vw,72px) 28px 96px;color:var(--text,#e8e8ec);font:400 16px/1.7 var(--body,'Noto Sans SC',system-ui,sans-serif);background-image:radial-gradient(color-mix(in srgb,var(--line,rgba(255,255,255,.1)) 55%,transparent) 1px,transparent 1.4px);background-size:22px 22px}
@media(max-width:720px){.collections-root{padding-left:18px;padding-right:18px}}
.col-kicker{display:flex;align-items:center;gap:12px;font:700 12px/1 var(--body,system-ui);letter-spacing:.32em;text-transform:uppercase;color:var(--c,var(--amber,#f5a623));margin:0 0 16px}
.col-kicker::before{content:"";width:34px;height:2px;background:var(--c,var(--amber,#f5a623));border-radius:2px}
.col-title{margin:0 0 12px;font:800 clamp(28px,5.6vw,46px)/1.1 var(--body,system-ui);letter-spacing:-.02em;color:var(--text,#f2f2f5)}
.col-sub{margin:0 0 40px;max-width:620px;color:var(--muted,#b6b6be);font-size:16px}
.col-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.col-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 22px 20px;text-decoration:none;color:inherit;border-radius:16px;background:var(--card,rgba(255,255,255,.035));border:1px solid var(--line,rgba(255,255,255,.08));overflow:hidden;transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}
.col-card::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--c,var(--amber,#f5a623)) 12%,transparent),transparent 60%);opacity:0;transition:opacity .26s ease;pointer-events:none}
.col-card:hover{transform:translateY(-5px) rotate(-.4deg);border-color:color-mix(in srgb,var(--c,var(--amber,#f5a623)) 45%,transparent);box-shadow:0 18px 40px -22px rgba(0,0,0,.6)}
.col-card:hover::after{opacity:1}
.col-card__vol{font:800 12px/1 var(--body,system-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--c,var(--amber,#f5a623))}
.col-card__title{font:800 clamp(19px,2.6vw,23px)/1.22 var(--body,system-ui);letter-spacing:-.01em;color:var(--text,#f2f2f5)}
.col-card__lede{font:400 14px/1.65 var(--body,system-ui);color:var(--muted,#a6a6b0);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.col-card__meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--line,rgba(255,255,255,.08));font:700 12px/1 var(--body,system-ui);color:var(--dim,#7c7c86)}
.col-card__go{color:var(--c,var(--amber,#f5a623));transition:transform .26s ease}
.col-card:hover .col-card__go{transform:translateX(4px)}
.collections-root .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.collections-root .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.collections-root .reveal{opacity:1;transform:none;transition:none}.col-card,.col-card__go{transition:none}}