.oj-page{background:var(--paper)}.oj-hero{text-align:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at 84% 18%,#d8aa542e,#0000 23%),linear-gradient(140deg,#f7eddd,#fffdf8);padding-block:56px 34px}.oj-kicker{color:#99662b;font-size:calc(max(10px, var(--fs-floor)) * var(--fs));letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;gap:7px;margin:0 0 13px;font-weight:800;display:flex}.oj-hero h1{font-size:calc(clamp(34px, 5vw, 54px) * var(--fs));letter-spacing:-.03em;margin:0 0 15px;line-height:1.05}.oj-hero h1 em{color:var(--wine);font-style:normal}.oj-hero-sub{color:var(--muted);font-size:calc(15px * var(--fs));max-width:62ch;margin:0 auto;line-height:1.7}.oj-filters{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:24px;display:flex}.oj-chip{color:var(--text);font-size:calc(12px * var(--fs));background:#fffaf2;border:1px solid #ded1c0;border-radius:999px;padding:8px 14px;font-weight:650;transition:background .15s,color .15s,border-color .15s}.oj-chip:hover{border-color:var(--gold)}.oj-chip.is-active{background:var(--wine);color:#fff;border-color:var(--wine)}.oj-listing-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:18px;display:flex}.oj-listing-head h2{font-size:calc(26px * var(--fs));margin:0}.oj-listing-head p{font-size:calc(13px * var(--fs));color:var(--muted);margin:4px 0 0}.oj-grid{grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:38px clamp(20px,3vw,40px);display:grid}.oj-listing-head{align-items:center}.oj-become{flex:none}.oj-chip--rec:before{content:"◆";color:var(--gold);vertical-align:1px;margin-right:6px;font-size:.7em}.oj-chip--rec.is-active:before{color:#f4d79a}.oj-levels{background:linear-gradient(130deg, #35191f, var(--wine));color:#fff;border-radius:20px;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;margin-top:45px;padding:34px 38px;display:grid}.oj-kicker--light{color:#e0b875;justify-content:flex-start}.oj-levels h2{font-size:calc(30px * var(--fs));color:#fff;margin:4px 0 8px}.oj-levels-sub{font-size:calc(13px * var(--fs));color:#d6c6c3;margin:0;line-height:1.6}.oj-levels-list{margin:0;padding:0;list-style:none;display:grid}.oj-levels-list li{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:10px 0;display:flex}.oj-levels-list li:last-child{border-bottom:0}.oj-level-num{width:30px;height:30px;font-size:calc(13px * var(--fs));background:#c38b41;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.oj-level-name{font-family:var(--font-display);font-size:calc(14px * var(--fs));min-width:0;display:grid}.oj-level-name small{font-family:var(--font-ui);font-size:calc(max(10px, var(--fs-floor)) * var(--fs));color:#c9b7b4}.oj-level-req{font-size:calc(max(10px, var(--fs-floor)) * var(--fs));color:#d6b576;text-align:right;white-space:nowrap;margin-left:auto}.oj-join{text-align:center;margin-top:22px}@media (width<=950px){.oj-levels{grid-template-columns:1fr;gap:26px}}@media (width<=650px){.oj-hero{padding-block:42px 26px}.oj-filters{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.oj-chip{flex:none}.oj-levels{padding:27px 19px}.oj-levels h2{font-size:calc(24px * var(--fs))}}@media (width<=560px){.oj-grid{grid-template-columns:minmax(0,1fr)}.oj-listing-head{flex-direction:column;align-items:stretch}.oj-become{justify-content:center}}@media (width<=420px){.oj-level-req{font-size:calc(max(9px, var(--fs-floor)) * var(--fs))}}