/* Animated house mark shared across the studio website. */
header .brand{display:inline-flex;flex-direction:row;align-items:center;gap:12px;line-height:1.35;text-decoration:none}header .brand-wordmark{display:flex;flex-direction:column;min-width:0}.house-logo{display:block;width:58px;height:58px;flex:0 0 58px;overflow:visible}.house-float{transform-origin:36px 40px;animation:house-orbit 8s linear infinite}.house-roof,.house-wall,.house-chimney,.house-ground{stroke-dasharray:150;stroke-dashoffset:0;animation:house-draw 1.5s ease-out both}.house-wall{animation-delay:.18s}.house-chimney{animation-delay:.36s}.house-ground{animation-delay:.5s}.house-window{animation:house-light 5s ease-in-out 1.6s infinite}.house-door{transform-box:fill-box;transform-origin:right center;transition:transform .45s ease}header .brand:hover .house-door,header .brand:focus-visible .house-door{transform:skewY(-8deg) scaleX(.8)}
@keyframes house-draw{from{stroke-dashoffset:150}to{stroke-dashoffset:0}}@keyframes house-orbit{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes house-light{0%,100%{fill:#f2cf52}50%{fill:#ffeaa0}}
@media(max-width:760px){header .brand{gap:8px}.house-logo{width:42px;height:42px;flex-basis:42px}header .brand-ar{font-size:18px}header .brand-en{font-size:9px;letter-spacing:1.5px}}@media(max-width:350px){header .brand{gap:5px}.house-logo{width:34px;height:34px;flex-basis:34px}header .brand-ar{font-size:16px}}
@media(prefers-reduced-motion:reduce){.house-float,.house-roof,.house-wall,.house-chimney,.house-ground,.house-window{animation:none!important}.house-door{transition:none!important}header .brand:hover .house-door,header .brand:focus-visible .house-door{transform:none}}