/* Shared, outlined artwork keeps the title identical at every size. */
.bittorture-logo{display:block;height:auto;object-fit:contain}
#loading-screen .cartoon-title{transform:none;text-shadow:none}
#loading-screen .cartoon-title h1{line-height:0;margin:0}
#loading-screen .cartoon-title h1 .bittorture-logo{width:clamp(340px,47vw,650px);max-width:100%;margin:0 auto}
#loading-screen .cartoon-title h2{text-shadow:2px 3px #243c2b,0 1px 8px #243c2b80;margin-top:4px}
header .wordmark{display:flex;align-items:center;min-height:44px;line-height:0}
header .wordmark .bittorture-logo{width:300px;max-width:52vw}
@media(max-width:600px){#loading-screen .cartoon-title h1 .bittorture-logo{width:min(92%,440px)}header .wordmark .bittorture-logo{width:210px}}
@media(max-height:600px) and (min-width:601px){#loading-screen .cartoon-title h1 .bittorture-logo{width:330px}header .wordmark .bittorture-logo{width:250px}}

/* Larger header lettering and a clearly readable menu glyph. */
header #about{font-size:28px;line-height:1;gap:14px;min-height:56px}
header #about span{display:inline-block;font-size:36px;line-height:1}
@media(max-width:600px){header #about{font-size:22px;gap:10px;min-height:48px}header #about span{font-size:30px}}