/* Main identity: the original mark, then the complete slogan. */
.hero-center{padding:82px var(--pad) 175px;justify-content:center;gap:20px}
.hero-brand{width:min(78vw,124svh);max-width:1900px;flex-shrink:0}
.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:100%}
.hero-copy .hero-eyebrow{font-size:clamp(10px,1.2svh,18px);line-height:1.4;letter-spacing:.14em;margin:0 0 16px}
.hero-copy .hero-slogan{font-size:clamp(28px,min(4.2vw,5.6svh),76px);line-height:1.12;letter-spacing:-.045em}
.hero-copy .hero-note{font-size:clamp(20px,2.5svh,38px);line-height:1.25;margin-top:18px;max-width:none}
@media(max-height:700px) and (min-width:701px){
 .hero-center{gap:14px}.hero-brand{width:min(58vw,88svh)}
 .hero-copy .hero-slogan{font-size:clamp(22px,min(3.2vw,4.8svh),40px)}
 .hero-copy .hero-eyebrow{margin-bottom:12px}
 .hero-copy .hero-note{margin-top:12px;font-size:20px}
}
@media(max-width:700px){
 .hero-center{padding:75px 16px 180px;gap:18px}
 .hero-brand{width:93vw}
 .hero-copy .hero-eyebrow{font-size:9px;line-height:1.4;letter-spacing:.1em;margin-bottom:13px}
 .hero-copy .hero-slogan{font-size:clamp(17px,5.5vw,30px);line-height:1.16;letter-spacing:-.04em}
 .hero-copy .hero-note{font-size:20px;line-height:1.25;margin-top:16px;max-width:285px}
}
@media(max-height:450px){
 .hero-center{padding:62px 12px 156px;gap:10px}
 .hero-brand{width:min(38vw,52svh)}
 .hero-copy .hero-eyebrow{font-size:9px;line-height:1.2;margin-bottom:7px}
 .hero-copy .hero-slogan{font-size:clamp(13px,min(2.7vw,4.5svh),20px);line-height:1.1}
 .hero-copy .hero-note{font-size:16px;line-height:1.2;margin-top:8px;max-width:none}
}
@media(max-height:350px){
 .hero-center{padding:56px 12px 157px;gap:5px}
 .hero-brand{width:min(32vw,34svh)}
 .hero-copy .hero-eyebrow{font-size:8px;line-height:1.2;margin-bottom:4px}
 .hero-copy .hero-slogan{font-size:clamp(11px,min(2.8vw,3.8svh),17px);line-height:1.1}
 .hero-copy .hero-note{font-size:13px;line-height:1.2;margin-top:6px}
}