@media (max-width:600px){.soc .soc-l{display:block;flex-basis:100%;margin:0 0 2px}}
a.soc-l{text-decoration:underline dotted rgba(243,240,235,.4);text-underline-offset:4px}a.soc-l:hover{color:var(--fg)}
.sb small{font-size:.86em;font-weight:400;opacity:.62;margin-left:2px}
.hg{display:grid;grid-template-columns:240px 1fr;gap:56px;align-items:center;padding:44px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:radial-gradient(120% 140% at 0% 0%,rgba(227,38,30,.16),transparent 55%),rgba(255,255,255,.025)}
.hg .av{width:240px;height:300px;border-radius:22px;object-fit:cover;object-position:50% 20%;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.hg h2{margin-top:16px;font-size:clamp(32px,4vw,54px)}
.hg p{color:var(--mute);margin-top:16px;max-width:600px;font-size:17px}
.hg .soc{opacity:1;transform:none;margin-top:26px}
.live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#E3261E;margin-right:10px;vertical-align:1px;box-shadow:0 0 0 0 rgba(227,38,30,.6);animation:lv 1.8s infinite}
@keyframes lv{70%{box-shadow:0 0 0 9px rgba(227,38,30,0)}100%{box-shadow:0 0 0 0 rgba(227,38,30,0)}}
@media (max-width:760px){.hg{grid-template-columns:1fr;gap:24px;padding:22px}.hg .av{width:100%;height:320px}}
@media (prefers-reduced-motion:reduce){.live{animation:none}}
#studija,a[href="#studija"],.links span:has(+a[href="#studija"]){display:none!important}
.hbox .soc .soc-l{flex-basis:100%;margin:0 0 2px}