.hero-desktop-media,.hero-mobile-media{width:100%;height:100%}
.hero-mobile-media{display:none}
/* Keep every team member in one accessible horizontal rail at all widths. */
.team-section .team-grid{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:24px;min-width:0;max-width:100%;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:20px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#666 #19191c}
.team-section .team-grid>.team-member{flex:0 0 clamp(240px,23%,340px);min-width:0;scroll-snap-align:start}
.team-section .team-count-1>.team-member{margin-inline:auto}
.team-section .team-grid:focus-visible{outline:2px solid var(--red);outline-offset:5px}
@media(max-width:640px){
 .has-mobile-media .hero-desktop-media{display:none}
 .has-mobile-media .hero-mobile-media{display:block}
 .team-section .team-grid,.journal .journal-grid{display:flex;justify-content:flex-start;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:0 0 18px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#555 #19191c}
 .team-section .team-grid>.team-member,.journal .journal-grid>.journal-card{flex:0 0 85%;min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
 .team-section .team-count-1>.team-member{flex-basis:100%;max-width:340px;margin-inline:auto}
 .journal .journal-coming{flex:0 0 100%;min-width:0;box-sizing:border-box}
 .team-grid:focus-visible,.journal-grid:focus-visible{outline:2px solid var(--red);outline-offset:5px}
}