/* Программа: оффер сверху, под ним четыре квадрата. При наведении квадрат заливается оранжевым
   из угла мелкими квадратиками, как будто сыплются тысячи данных (рисует program.js на canvas). */
.program-offer{font-size:clamp(30px,3.3vw,54px);line-height:1.18;letter-spacing:-.035em;max-width:1180px;margin-top:0;color:var(--paper)}
.program-offer strong{font-weight:300;color:var(--signal)}
.program-cards{list-style:none;margin:clamp(40px,4.5vw,70px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.program-card{position:relative;display:grid;grid-template-columns:100%;background:#1c1a16;border:1px solid var(--line);overflow:hidden;isolation:isolate;cursor:default}
.program-card .card-fill{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.program-card::before{content:'';grid-area:1/1;padding-bottom:100%}
.card-body{grid-area:1/1;position:relative;z-index:1;display:flex;flex-direction:column;box-sizing:border-box;padding:clamp(20px,1.8vw,28px);transition:color .35s}
.card-index{font:12px/1 ui-monospace,monospace;letter-spacing:.12em;color:var(--accent);transition:color .35s}
.program-card h3{font-size:clamp(20px,1.55vw,25px);line-height:1.2;letter-spacing:-.02em;margin-top:18px;color:var(--paper);transition:color .35s}
.program-card p{font-size:clamp(14px,1.02vw,16px);line-height:1.5;color:var(--muted);margin-top:14px;transition:color .35s}
.card-takeaway{margin-top:auto;padding-top:16px;font-size:13px;line-height:1.45;color:var(--accent);border-top:1px solid var(--line);transition:color .35s,border-color .35s}
.program-card.is-lit .card-index,.program-card.is-lit h3,.program-card.is-lit p{color:var(--ink)}
.program-card.is-lit .card-takeaway{color:var(--ink);border-color:#17161366}
@media(max-width:1150px){.program-cards{grid-template-columns:1fr 1fr;gap:16px}.program-card p{font-size:16px}.program-card h3{font-size:25px}}
@media(max-width:700px){.program-offer{font-size:clamp(27px,7.6vw,38px)}.program-cards{grid-template-columns:1fr;gap:12px}.program-card::before{display:none}.card-body{padding:24px 22px 22px}.program-card h3{font-size:23px}.program-card p{font-size:15px}.card-takeaway{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.program-card .card-fill{display:none}.program-card:hover,.program-card.is-lit{background:var(--signal)}.program-card:hover .card-index,.program-card:hover h3,.program-card:hover p,.program-card:hover .card-takeaway{color:var(--ink)}}