.ys-chooser { background: var(--lav); }
.ch { padding-block: 56px 80px; }
.ch__head { display: flex; gap: 32px; align-items: center; margin-bottom: 44px; }
.ch__head h1 { font-size: clamp(30px, 3.4vw, 42px); margin-bottom: .2em; }
.ch__head p { margin: 0; color: var(--ink-2); max-width: 60ch; }
.ch__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ch__card { display: flex; flex-direction: column; height: 100%; background: #fff; border-radius: var(--r-lg); overflow: hidden; text-decoration: none; box-shadow: 0 20px 50px -34px rgba(92,36,103,.6); transition: transform .25s var(--ease), box-shadow .25s; }
.ch__card:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -30px rgba(92,36,103,.65); }
.ch__shot { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--lilac); border-bottom: 1px solid var(--line); }
.ch__shot img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.ch__body { display: flex; flex-direction: column; gap: 8px; padding: 22px 22px 26px; }
.ch__key { font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--plum); }
.ch__body strong { font-family: var(--f-display); font-weight: 600; font-size: 23px; color: var(--deep); }
.ch__thesis { color: var(--ink); font-size: 15.5px; }
.ch__for { color: var(--ink-2); font-size: 14px; padding-top: 8px; border-top: 1px solid var(--line); margin-top: auto; }
@media (max-width: 900px) { .ch__list { grid-template-columns: 1fr; } .ch__head { flex-direction: column; align-items: flex-start; } }
.ch__note { margin-top: 8px !important; font-size: 14px; color: var(--plum); }