.brand-logo{display:block;width:240px;height:auto;max-width:100%}
.hero-logo{display:block;width:760px;max-width:100%;height:auto}
.hero h1{max-width:760px;margin:0 0 28px}
.hero .world-title{font-size:.8rem;margin-bottom:27px;max-width:600px}
.footer-logo{display:block;width:245px;height:auto;max-width:100%}
.civic-logo{display:block;width:280px;height:auto;max-width:90%;padding:20px;background:#10201b;border-radius:50%}
.persona-portrait{display:block;width:180px;height:180px;object-fit:cover;border:1px solid #63704a;border-radius:50%;margin:26px 0 24px;background:#10201b}
@media(max-width:1100px){.brand-logo{width:205px}.header nav{gap:18px}.hero-logo{width:690px}}
@media(max-width:850px){.brand-logo{width:205px}.hero h1{max-width:650px}.hero-content{padding-top:50px}}
@media(max-width:700px){.brand-logo{width:157px}.header{gap:14px}.header nav{gap:9px}.hero-content{padding-top:45px}.hero h1{margin-bottom:30px}.hero-logo{width:100%}.hero .world-title{font-size:.75rem;line-height:1.8;max-width:280px}.hero{min-height:745px}.footer-logo{width:215px}}
@media(max-width:370px){.brand-logo{width:140px}.header .compact{padding:10px;gap:9px}.hero-tagline{font-size:1.9rem}}