/* Shared brand opening: oversized rasterization keeps the four letters crisp during the zoom. */
.skyline-stage,.hawaii-drawing,.la-drawing{overflow:hidden;isolation:isolate}
.hola-drawing-hello{position:absolute;inset:0;z-index:2;pointer-events:none;color:var(--brand);opacity:1;will-change:opacity}
.hola-drawing-hello span{position:absolute;left:50%;top:50%;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(504px,132vw,1800px);line-height:1;letter-spacing:-.0473em;transform:translate(-50%,-50%) scale(.2) translate(-.023em,-.025em);transform-origin:center;will-change:transform}
.skyline-stage .skyline-coordinate,.hawaii-drawing .drawing-coordinates,.la-drawing .drawing-coordinates{z-index:3}
@media(prefers-reduced-motion:reduce){.hola-drawing-hello{display:none}}
/* The full group is centered as a balanced mobile collection. */
@media(max-width:700px){
 body footer nav.hola-family{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center!important;justify-items:stretch;align-items:center;gap:10px;max-width:390px;width:100%;margin:24px auto!important;padding:0!important}
 body footer nav.hola-family .hola-family-label{grid-column:1/-1;width:100%;margin:0 0 4px;text-align:center}
 body footer nav.hola-family .sister-city{display:flex;justify-content:center!important;align-items:center;min-width:0;margin:0;padding:12px 9px}
 body footer nav.hola-family .sister-city .sister-city-logo{display:block;position:static;inset:auto;width:auto!important;height:20px!important;max-width:100%!important;flex:0 1 auto}
 body footer nav.hola-family .family-acorn{height:18px;width:15px;min-width:15px;margin-left:-4px;flex:none}
}
@media(max-width:360px){body footer nav.hola-family{grid-template-columns:minmax(0,220px);max-width:220px}body footer nav.hola-family .sister-city .sister-city-logo{height:24px!important}}
/* The Raleigh acorn is a small, colored botanical signature beside the wordmark. */
.brand-acorn{display:block;position:static;width:28px;height:32px;min-width:28px;flex:none;overflow:visible}
header .brand .brand-acorn{margin-left:-15px;margin-right:-2px;align-self:center}
footer .brand .brand-acorn{width:30px;height:35px;margin-left:-20px}
.family-acorn{display:block;position:static;width:17px;height:20px;min-width:17px;margin-left:-4px;flex:none}
@media(max-width:600px){header .brand .brand-acorn{width:20px;min-width:20px;height:24px;margin-left:-11px;margin-right:-3px}footer .brand .brand-acorn{width:24px;height:28px;margin-left:-12px}}
.hola-family .sister-losangeles:hover{border-color:#f23890;box-shadow:0 4px 20px #f2389022}.hola-family .sister-hawaii:hover{border-color:#00b8a9;box-shadow:0 4px 20px #00b8a922}
@media(max-width:360px){header .mobile-menu-toggle>span{display:none}header .mobile-menu-toggle{width:38px;min-width:38px;padding:4px;gap:0;justify-content:center}}

/* Keep Raleigh’s botanical detail tucked into the wordmark. */
.brand-acorn{transform:rotate(-18deg);transform-origin:50% 65%}
header .brand .brand-acorn{margin-left:-25px;margin-right:-5px}
footer .brand .brand-acorn{margin-left:-29px}
@media(max-width:600px){header .brand .brand-acorn{margin-left:-17px;margin-right:-4px}footer .brand .brand-acorn{margin-left:-19px}}

/* Center mobile sister-city links: two per row, with any last city centered. */
@media(max-width:700px){
 body footer nav.hola-family{display:flex!important;flex-wrap:wrap;justify-content:center!important;align-items:center;gap:10px;max-width:390px;width:100%;margin:24px auto!important;padding:0!important}
 body footer nav.hola-family .hola-family-label{flex:0 0 100%;width:100%;text-align:center;margin:0 0 4px}
 body footer nav.hola-family .sister-city{flex:0 1 calc((100% - 10px)/2);width:calc((100% - 10px)/2);box-sizing:border-box;min-width:0;margin:0;justify-content:center!important}
 body footer nav.hola-family .sister-city .sister-city-logo{height:20px!important;max-width:100%!important}
}

.hola-family .sister-sanfrancisco:hover{border-color:#ea4b2c;box-shadow:0 4px 20px #ea4b2c22}