/* Vidnova editorial refinement: round 2. Original palette and font families retained. */
html { scroll-padding-top: 104px; }
main > section, #contacts { scroll-margin-top: 104px; }
.site-nav { flex-wrap: wrap; justify-content: flex-end; gap: 8px 18px; }
.site-nav a { font-size: 12px; font-weight: 600; opacity: 1; color: var(--ink); padding: 9px 2px; }
.site-nav a:hover { text-decoration: underline; text-underline-offset: 5px; }
.site-nav a.nav-support { background: var(--ink); color: var(--paper); padding: 10px 16px; border-radius: 3px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.intro { min-height: auto; padding-top: clamp(32px,5vw,64px); padding-bottom: clamp(40px,6vw,80px); }
.intro h1 { font-size: clamp(4.5rem,8.5vw,9rem); }
#photos { padding-top: clamp(60px,7vw,110px); padding-bottom: clamp(60px,7vw,110px); }
.program { padding-top: clamp(44px,6vw,80px); padding-bottom: clamp(44px,6vw,80px); }
.program-media-item img, .practice-media img { object-position: center; }
.testimonials { padding-top: clamp(36px,5vw,65px); padding-bottom: clamp(40px,6vw,75px); }
.testimonial { grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr); gap: clamp(24px,4vw,60px); padding: clamp(24px,3.5vw,48px); align-items: start; }
.testimonial blockquote, .testimonial .testimonial-screen--image { align-self: start; }
.testimonial .testimonial-screen--image { box-shadow: 0 12px 32px rgba(0,0,0,.12); }
.testimonial blockquote p { line-height: 1.18; text-wrap: pretty; }
.testimonial--oleksandr blockquote p { font-size: clamp(1.19rem,2.17vw,2.38rem); }
.testimonial--oleksandr blockquote { max-width: 62ch; }
.testimonial blockquote footer { margin-top: 20px; font-size: 12px; line-height: 1.4; }
.photo-reel { padding-top: clamp(32px,4vw,60px); padding-bottom: clamp(32px,4vw,60px); }
.photo-reel-item { height: clamp(260px,34vw,480px); }
.photo-reel-item img { aspect-ratio: 3/2; }
.photo-reel-controls button { min-width: 44px; min-height: 44px; cursor: pointer; }
.team-card--editorial { display: grid; grid-template-columns: minmax(130px,.72fr) minmax(0,1.28fr); gap: 24px; padding: 24px; align-items: start; }
.team-card--editorial .team-portrait { min-height: 0; width: 100%; aspect-ratio: 4/5; overflow: hidden; }
.team-card--editorial .team-portrait img { width: 100%; height: 100%; object-fit: cover; }
.team-editorial-copy { min-width: 0; }
.team-editorial-copy > strong { display: block; font-family: var(--display); font-size: clamp(1.8rem,2.6vw,2.6rem); line-height: 1.02; margin: 0 0 10px; }
.team-editorial-copy > span { display: block; font-size: 12px; line-height: 1.5; color: var(--muted); }
.team-preview { font-size: 14px; line-height: 1.65; margin: 16px 0; }
.team-full-bio summary { cursor: pointer; font-size: 13px; font-weight: 600; padding: 6px 0; text-decoration: underline; text-underline-offset: 4px; }
.team-full-bio .team-bio { padding: 18px 0 0; border: 0; background: none; font-size: 14px; line-height: 1.7; }
.chapter-controls { position: fixed; right: 16px; bottom: max(18px,env(safe-area-inset-bottom)); z-index: 45; display: flex; gap: 6px; }
.chapter-controls button { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; background: var(--paper); color: var(--ink); box-shadow: 0 3px 12px rgba(0,0,0,.12); cursor: pointer; font-size: 21px; }
.chapter-controls button:hover { background: var(--ink); color: var(--paper); }
@media (max-width: 1050px) {
 .team-grid { grid-template-columns: 1fr; }
 .team-card--editorial { grid-template-columns: minmax(130px,.6fr) minmax(0,1.4fr); }
}
@media (max-width: 680px) {
 html { scroll-padding-top: 140px; }
 main > section, #contacts { scroll-margin-top: 140px; }
 .site-header { gap: 12px; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; }
 .site-header .brand img { width: 106px; }
 .site-nav { width: 100%; justify-content: flex-start; gap: 3px 14px; }
 .site-nav a { font-size: 11px; padding: 7px 0; }
 .site-nav a.nav-support { padding: 7px 12px; }
 .intro { grid-template-columns: 1fr; gap: 28px; }
 .intro h1 { font-size: clamp(4rem,15vw,6rem); }
 .intro-side { grid-column: 1; grid-row: auto; }
 .testimonial { grid-template-columns: 1fr; gap: 24px; padding: 24px 18px; }
 .testimonial .testimonial-screen--image { width: min(100%,360px); justify-self: start; }
 .testimonial--oleksandr blockquote p { font-size: clamp(1.26rem,5.6vw,1.89rem); }
 .photo-reel-item { height: clamp(210px,56vw,340px); max-width: 86vw; }
 .photo-reel-item img { max-width: 86vw; }
 .team-card--editorial { padding: 18px; gap: 16px; grid-template-columns: 110px minmax(0,1fr); }
 .team-editorial-copy > strong { font-size: 1.8rem; }
 .team-preview, .team-full-bio .team-bio { font-size: 14px; }
}
@media (max-width: 380px) {
 .team-card--editorial { grid-template-columns: 1fr; }
 .team-card--editorial .team-portrait { max-width: 180px; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto !important; }
 .photo img { transition: none; }
}