/* danyl.io: Teaching & talks, framed speaker photo in the banner (v8, Oct 2026). Loaded after style.css on the teaching pages only. */
.teaching .page-banner{text-align:left;display:block}
.teaching .banner-grid{display:grid;grid-template-columns:7fr 5fr;gap:60px;align-items:center}
.teaching .banner-grid>*{min-width:0}
.teaching .page-banner .crumbs{justify-content:flex-start}
.teaching .page-banner h1{font-size:60px;line-height:1.1}
.teaching .page-banner .banner-sub{max-width:480px}
.teaching .banner-photo{position:relative;display:flex;justify-content:center;margin:0}
.teaching .banner-photo::before{content:"";position:absolute;width:240px;height:240px;left:5%;bottom:5%;border-radius:50%;background:linear-gradient(260deg,var(--accent),rgba(255,255,255,0));filter:blur(130px);z-index:0}
.teaching .banner-photo img{position:relative;width:100%;max-width:400px;aspect-ratio:4/5;object-fit:cover;border-radius:38px;border:2px solid var(--accent-dark);transform:rotate(3deg)}
@media (max-width:1199px){.teaching .banner-grid{gap:40px}.teaching .banner-photo img{max-width:340px}.teaching .page-banner h1{font-size:52px}}
@media (max-width:991px){.teaching .banner-grid{grid-template-columns:3fr 2fr}.teaching .banner-photo img{max-width:250px}.teaching .page-banner h1{font-size:44px}}
@media (max-width:767px){
.teaching .banner-grid{grid-template-columns:1fr;gap:36px;text-align:center}
.teaching .banner-photo{order:-1}
.teaching .banner-photo img{max-width:260px}
.teaching .page-banner .crumbs{justify-content:center;flex-wrap:wrap}
.teaching .page-banner h1{font-size:36px}
.teaching .page-banner .banner-sub{margin-left:auto;margin-right:auto}
}