/* Keep the official symbol and wordmark intact, with space on all four sides. */
:root{--header-height:76px}
.site-header{height:var(--header-height)}
.header-inner .brand{display:flex;align-items:center;flex-shrink:0;width:160px}
.header-inner .brand-symbol{display:block;width:100%;height:auto;aspect-ratio:820/315;overflow:hidden}
/* Intrinsic text widths must not push adjacent cards or artwork off the page. */
.hero-copy,.tiki-grid>div,.compact-value>div,.group-heading>div,.service-card>div{min-width:0}
.compact-value h3{white-space:normal}
.tiki-closing>div{min-width:0;flex:1}
.tiki-closing h2{white-space:normal;line-height:1.3}
@media(max-width:760px){
 html{scroll-padding-top:96px}
 .header-inner .brand{width:150px}
 #main-nav{top:var(--header-height);max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain}
 .service-group{scroll-margin-top:96px}
 .player-controls{min-height:44px}
 .player-controls>a{min-width:44px;min-height:44px}
}
@media(min-width:761px) and (max-width:1000px){
 .header-inner{gap:18px}
 .header-inner .brand{width:145px}
 #main-nav{gap:22px;font-size:15px}
 .nav-link.nav-cta{padding-inline:14px;font-size:14px}
 .values-grid.compact{align-items:start}
 .compact-value{flex-direction:column;align-items:flex-start;gap:11px;padding-inline:20px}
 .compact-value>.art{width:48px;height:48px;max-height:none}
 .compact-value>div{width:100%}
 .compact-value h3{font-size:19px;line-height:1.4}
 .compact-value h3 span{margin-right:7px}
 .compact-value p{font-size:15px;line-height:1.55;margin-top:7px}
 .compact-value p br{display:none}
 /* Fractional tracks include the gap; percentages plus a gap overrun the container. */
 .tiki-hero{grid-template-columns:minmax(0,44fr) minmax(0,56fr)}
 .services-hero{grid-template-columns:minmax(0,53fr) minmax(0,47fr)}
 .services-hero h1{font-size:32px;white-space:normal;line-height:1.25}
 .services-hero p{white-space:normal;font-size:17px;line-height:1.5}
 .services-hero .hero-art{width:100%;max-width:100%;margin:0}
 .service-card-grid.cols-3,.service-card-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-card h3{white-space:normal}
}
