@scope(.ai-class-page){.class-hero{grid-template-columns:600px minmax(0,1fr);grid-template-areas:"art body";align-items:stretch;gap:0;display:grid}.class-art{aspect-ratio:1;text-align:center;background:radial-gradient(at bottom,#282117,#141419 70%);flex-direction:column;grid-area:art;justify-content:center;align-items:center;width:100%;min-width:0;padding:24px;display:flex}.class-art-image{object-fit:cover;background:radial-gradient(at 50% 55%,#d6cbc1,#c9bdb2 75%);height:auto;padding:0;display:block}.class-art>span{font-family:var(--font-display);color:#686254;white-space:nowrap;font-size:56px;line-height:1.3}.class-art>small{margin-top:16px;font-size:12px}.class-body{flex-direction:column;grid-area:body;min-width:0;padding:30px 32px 26px;display:flex}.class-heading{min-width:0}.class-eyebrow{color:#aaa;margin:0 0 6px;font-size:12px}.class-heading h1{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:56px;line-height:1.05}.class-english{color:#d4a056;letter-spacing:.16em;text-transform:uppercase;margin:6px 0 0;font-size:12px}.class-tagline{color:#cfcdc6;margin:12px 0 0;font-size:15px}.class-traits{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.class-traits li{border:1px solid #34343d;border-radius:99px;padding:3px 10px;font-size:12px}.class-radar{--s:224px;--r:calc(var(--s) * .467);--w:calc(var(--s) * .404);width:100%;max-width:428px;height:calc(var(--r) * 2 + 22px);margin:auto;position:relative}.class-radar svg{width:var(--s);height:var(--s);left:calc(50% - var(--s) / 2);top:calc(11px - (var(--s) / 2 - var(--r)));position:absolute}.radar-grid{fill:none;stroke:#303039;stroke-width:1.5px}.radar-shape{fill:#d4a05630;stroke:#d4a056;stroke-width:2.5px}.radar-dot{fill:#d4a056}.radar-label{white-space:nowrap;color:inherit;line-height:1.25;text-decoration:none;position:absolute}.radar-label:hover em,.radar-label:focus-visible em{text-decoration:underline}.radar-label span{color:#c9c7c1;font-size:11px}.radar-label em{color:#77756f;font-style:normal}.radar-label strong{margin-left:5px;font-size:17px;font-weight:500}.radar-str{top:0;left:calc(50% + 10px)}.radar-int{text-align:right;bottom:0;right:calc(50% + 10px)}.radar-dex,.radar-cha{top:calc(50% - var(--r) / 2 - 11px)}.radar-con,.radar-wis{top:calc(50% + var(--r) / 2 - 11px)}.radar-dex,.radar-con{left:calc(50% + var(--w) + 8px)}.radar-cha,.radar-wis{right:calc(50% + var(--w) + 8px);text-align:right}@media (width<=1023px){.class-hero{grid-template-columns:440px minmax(0,1fr)}.class-body{padding:24px 24px 20px}.class-heading h1{font-size:44px}.class-art>span{font-size:40px}.class-radar{--s:170px}}@media (width<=767px){.class-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""art""radar""traits";gap:24px}.class-body{display:contents}.class-heading{grid-area:heading;width:100%}.class-heading h1{font-size:36px}.class-art{border-radius:16px}.class-art:not(.class-art-image){border:1px dashed #68573e}.class-art>span{font-size:32px}.class-radar{--s:176px;grid-area:radar;margin:0 auto}.radar-dex,.radar-con,.radar-cha,.radar-wis{max-width:calc(50% - var(--w) - 8px);white-space:normal;word-break:keep-all}.class-traits{grid-area:traits;margin:0}}@media (width<=380px){.class-radar{--s:150px}}}