/* The approved original PNG is preserved. Its transparent margins are framed in CSS. */
.official-logo{position:relative;display:block;overflow:hidden;flex-shrink:0;width:260px;max-width:100%;aspect-ratio:1700/360;line-height:0}
.official-logo>img{position:absolute!important;display:block!important;width:116.64706%!important;max-width:none!important;height:auto!important;max-height:none!important;left:-8.52941%;top:-56.94444%;object-fit:initial!important;border-radius:0!important}
.site-header .wordmark,.site-footer .wordmark{letter-spacing:normal}
.site-header .wordmark .official-logo{width:270px}
.site-footer .wordmark .official-logo{width:235px}
.studio-brand--official .studio-brand__identity{flex-direction:column;gap:5px;padding:12px 15px 13px;background:#faf8f3;border:1px solid var(--accent-color,#c79b3b);border-radius:14px;color:#76565f}
.studio-brand--official .studio-brand__byline{order:-1;text-align:center}
.studio-brand--official .studio-brand__byline small{font-size:8px;letter-spacing:2px;opacity:.85;margin:0}
.studio-brand--official .studio-brand__name{display:none}
.studio-brand--official .studio-brand__logo{width:230px;max-width:100%;min-height:0;flex:auto}
@media(max-width:760px){.site-header .wordmark .official-logo{width:clamp(175px,55vw,235px)}.site-footer .wordmark .official-logo{width:235px}}
@media(max-width:360px){.studio-brand--official .studio-brand__logo{width:215px}.studio-brand--official .studio-brand__identity{padding-inline:11px}}