/* Presentations page. Reference: ui_kits/blog/PageScreens.jsx → PresentationsScreen, Button variant="lit" */
.talks{padding-bottom:var(--space-8)}
.talks__empty{margin:0;color:var(--fg-3)}
.talk-featured__inner{padding:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:center}
.talk-featured__copy{display:grid;gap:18px}
.talk-featured__title{margin:0;font:var(--fw-display) 48px/1.02 var(--font-display);letter-spacing:var(--tracking-display);color:var(--fg-1);text-wrap:balance}
.talk-featured__blurb{margin:0;font-size:17px;line-height:1.6;color:var(--fg-3);text-wrap:pretty}
.talk-featured__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}
.talk-featured__links p{margin:0;display:flex;gap:12px;flex-wrap:wrap}
.talk-featured__links a{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:var(--radius-pill);font:var(--fw-medium) 15px/1 var(--font-sans);letter-spacing:-0.01em;color:var(--fg-1);text-decoration:none;box-shadow:inset 0 0 0 1px var(--border-default);transition:background var(--dur-base) var(--ease-out),box-shadow var(--dur-fast)}
.talk-featured__links a:hover{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--border-strong)}
.talk-featured__cover{display:block;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--border-default);position:relative;z-index:1}
.talk-featured__cover img{width:100%;display:block;aspect-ratio:1200/630;object-fit:cover}
/* lit button: metal face with a hue glow pooling at the bottom and an edge light on hover */
.btn--lit{--lit:var(--cobalt-500);background:radial-gradient(90% 120% at 50% 120%,color-mix(in srgb,var(--lit) 20%,transparent) 0%,transparent 60%),var(--metal-face);color:#fff;font-weight:var(--fw-semibold);box-shadow:0 0 0 1px color-mix(in srgb,var(--lit) 60%,transparent),0 0 14px -4px var(--lit);transition:box-shadow var(--dur-slow) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.btn--lit:hover{box-shadow:var(--edge-cobalt)}
.btn--lit .icon{--icon:18px}
.talks__list{margin-top:80px}
.talks__list-title{margin-bottom:8px}
@media (max-width:1100px){
  .talk-featured__inner{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media (max-width:760px){
  .talk-featured__inner{padding:20px}
  .talk-featured__title{font-size:clamp(30px,8.5vw,40px)}
  .talks__list{margin-top:56px}
}