.collection-page .section-head{max-width:780px}.collection-page .section-head h2{color:var(--forest);font-size:clamp(24px,2.8vw,32px)}.collection-page .section-head--center{text-align:center;margin:0 auto}.collection-page .section-head--center h3{color:var(--forest);font-size:clamp(18px,2.2vw,24px)}.oc-hero{background:var(--forest);color:var(--paper);padding:56px 0 64px}.oc-hero .breadcrumb{color:#fbf5e999;align-items:center;gap:8px;margin-bottom:22px;font-size:13.5px;font-weight:600;display:flex}.oc-hero .breadcrumb a{color:#fbf5e9bf;transition:color .2s}.oc-hero .breadcrumb a:hover{color:var(--gold)}.oc-hero h1{color:var(--paper);max-width:640px;font-size:clamp(30px,4.2vw,50px);line-height:1.08}.oc-hero .lede{color:#fbf5e9c7;max-width:520px;margin-top:16px;font-size:16.5px;line-height:1.65}.oc-hero .hero-meta{color:#fbf5e9b3;align-items:center;gap:12px;margin-top:26px;font-size:13.5px;font-weight:600;display:flex}.oc-hero .hero-meta .dot{background:var(--gold);border-radius:50%;width:5px;height:5px}.featured-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:1020px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.featured-grid{grid-template-columns:1fr}}.play-card{border-radius:var(--radius-md);color:inherit;background:#fff;border:2px solid #1e3d3014;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.play-card:hover{transform:translateY(-5px);box-shadow:0 18px 30px #1e3d301f}.play-thumb{background:#fff;justify-content:center;align-items:center;height:180px;display:flex;position:relative}.play-thumb .play-art{width:130px;height:147px;color:var(--ink);opacity:.95}.play-thumb .theme-tag{color:var(--paper);background:#1e3d30d1;border-radius:100px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:10px;left:10px}.play-thumb .play-badge{background:var(--fox);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 12px #e85a2a59}.play-thumb .play-badge svg{width:14px;height:14px}.play-body{border-top:1px solid var(--paper-dim);background:#fff;padding:16px 18px 18px}.play-body h5{color:var(--ink);margin-bottom:3px;font-size:15px}.play-body .theme-name{color:var(--ink-soft);font-size:12.5px;font-weight:600}.explore-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.explore-pill{font-family:var(--body);border:1.5px solid var(--paper-dim);color:var(--ink-soft);background:#fff;border-radius:100px;align-items:center;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .15s;display:inline-flex}.explore-pill:hover{border-color:var(--fox);color:var(--forest);transform:translateY(-2px)}.crosslink-card{background:var(--paper);border:1.5px solid var(--paper-dim);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:24px;padding:32px 36px;display:flex}.crosslink-body h3{color:var(--forest);margin-bottom:4px;font-size:20px}.crosslink-body p{color:var(--ink-soft);font-size:14px}.crosslink-btn{background:var(--forest);color:#fff;border-radius:100px;flex-shrink:0;align-items:center;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:background .18s,transform .15s;display:inline-flex}.crosslink-btn:hover{background:#1a3326;transform:translateY(-1px)}@media (max-width:700px){.crosslink-card{text-align:center;flex-direction:column}}