.brand-colorful{gap:10px}
.brand-colorful .brand-symbol{width:68px;height:52px;flex:0 0 auto}
.brand-colorful .brand-symbol img{display:block;width:100%;height:100%;object-fit:contain}
.footer-brand.brand-colorful{align-items:center;gap:15px}
.footer-brand.brand-colorful .brand-symbol{width:84px;height:66px}
.footer-brand.brand-colorful .brand-text strong{font-size:34px}
.footer-brand.brand-colorful .brand-text small{font-size:8px}
.studio-photo.studio-brand-art{background:var(--surface);isolation:isolate}
.studio-photo.studio-brand-art::before{content:"";position:absolute;width:68%;aspect-ratio:1;border-radius:50%;background:#fff0cf;left:10%;top:12%;z-index:-1}
.studio-photo.studio-brand-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transform:none;padding:28px 24px 82px;position:relative}
.studio-brand-art .studio-photo-label{max-width:calc(100% - 40px);z-index:1}
html.night .studio-photo.studio-brand-art{background:#123444}
html.night .studio-photo.studio-brand-art::before{background:#244b54}
@media(max-width:600px){
  .site-header .brand-colorful{gap:6px}
  .site-header .brand-colorful .brand-symbol{width:48px;height:40px}
  .site-header .brand-colorful .brand-text strong{font-size:23px}
  .site-header .brand-colorful .brand-text small{font-size:6px;letter-spacing:.12em}
  .footer-brand.brand-colorful{gap:10px}
  .footer-brand.brand-colorful .brand-symbol{width:64px;height:52px}
  .footer-brand.brand-colorful .brand-text strong{font-size:29px}
  .footer-brand.brand-colorful .brand-text small{font-size:7px;letter-spacing:.12em}
  .studio-photo.studio-brand-art img{padding:20px 16px 62px}
  .studio-brand-art .studio-photo-label{max-width:calc(100% - 24px)}
}
@media(max-width:370px){
  .site-header .brand-colorful{gap:3px}
  .site-header .brand-colorful .brand-symbol{width:40px;height:36px}
  .site-header .brand-colorful .brand-text strong{font-size:21px}
}