/* Artistryworks brand layer. Layout and interactions remain template-compatible. */
@font-face{font-family:Outfit;src:url('outfit-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url('outfit-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Outfit;src:url('outfit-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Outfit;src:url('outfit-bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
.logo{white-space:nowrap;flex-shrink:0}
.logo .w,.logo>span{letter-spacing:-.045em}
.logo svg{flex-shrink:0}
.flow-home footer,.flow-cases footer{flex-wrap:wrap}
footer .footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0;max-width:100%}
footer .footer-contact>a{display:inline-block;padding-block:8px;font-size:14px;line-height:1.5;overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.flow-home footer .footer-contact>a{color:#f5f3fb}
.flow-cases footer .footer-contact>a{color:var(--ink)}
.flow-home footer .footer-contact>a:hover{color:#D9FF3A}
.flow-cases footer .footer-contact>a:hover{color:#6A2BFF}
footer .footer-copyright{font-size:13px}
@media(max-width:700px){footer .footer-contact{align-items:flex-start}}
.brand-menu .menu-destinations .nav-title{overflow-wrap:normal}
.flow-home .hero h1.brand-slogan>span.slogan-line{display:block;white-space:nowrap;margin-right:0}
@media(max-width:600px){
  .flow-home .hero .brand-nav,.flow-cases .brand-nav{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .flow-home .hero .brand-nav>.brand-nav-cta,.flow-cases .brand-nav>.brand-nav-cta{display:none}
  .flow-home .hero .brand-nav .logo,.flow-cases .brand-nav .logo{font-size:24px}
  .brand-menu .menu-destinations a{grid-template-columns:18px minmax(0,1fr) 22px}
  .brand-menu .menu-destinations .nav-title{font-size:clamp(25px,7vw,36px)}
  .brand-menu .menu-kicker{font-size:13px;letter-spacing:0}
  .brand-menu-top{gap:10px}
  .flow-home footer>span:last-child,.flow-cases footer>span:last-child{font-size:13px}
}
@media(max-width:360px){
  .flow-home .hero .brand-nav .logo,.flow-cases .brand-nav .logo{font-size:22px}
}