/* Brothers Making War — original artwork, kept at its full aspect ratio. */
:root{--orange:#ff6a00;--accent:#ff6a00;--accent2:#ff9a42}
.clan-logo{display:block;width:96px;height:64px;object-fit:contain;flex-shrink:0;border-radius:4px}
.brand-copy span,.brand small{letter-spacing:.12em}
.header-inner{min-height:94px}
.hero-inner{gap:28px}
.hero-copy{flex:1;min-width:0;max-width:580px}
#hero-title{font-size:clamp(46px,5.3vw,78px);letter-spacing:-.025em}
.clan-hero-logo{display:block;width:46%;max-width:570px;height:auto;flex-shrink:0;object-fit:contain;border-radius:12px;box-shadow:0 20px 70px #0009}
.clan-history{font-size:14px;line-height:1.8;color:#aeb8c5}
.footer .clan-logo{width:84px;height:56px}
@media(max-width:1100px){.header-inner{flex-wrap:wrap;padding-block:12px;gap:14px}.header-inner .nav{gap:16px}.brand-copy strong{font-size:21px}}
@media(max-width:800px){.hero-inner{flex-direction:column;align-items:flex-start;padding-top:38px;padding-bottom:92px}.clan-hero-logo{width:min(100%,520px);align-self:center}.hero-copy{max-width:100%;width:100%}.hero-meta{padding-inline:20px}.clan-logo{width:75px;height:50px}.brand-copy span,.brand small{font-size:8px}.brand{gap:9px}}
@media(max-width:420px){.brand-copy strong,.brand strong{font-size:19px}.header-inner .brand{max-width:calc(100% - 52px)}#hero-title{font-size:44px}.clan-logo{width:66px;height:44px}}