/* Compact integration of the approved 570x280 artwork; no crop/scale/redrawing. */
header{padding-top:2px;padding-bottom:2px;gap:30px;align-items:center;justify-content:flex-start;flex-wrap:nowrap;background:#F8F5EE}
.brand{display:inline-flex;flex:none;line-height:1;min-height:44px}.brand img{display:block;width:200px;height:auto}.brand:focus-visible{outline:2px solid #66715B;outline-offset:4px}
header nav{flex:none}
@media(max-width:800px){header{gap:28px;padding-top:4px;padding-bottom:4px}.brand img{width:190px}}
@media(max-width:480px){header{gap:12px;padding-top:4px;padding-bottom:4px;align-items:center;flex-wrap:nowrap}.brand img{width:136px}header nav{gap:8px;margin-left:auto}header nav a{font-size:12px;min-height:44px;white-space:nowrap}}
@media(max-width:350px){header{gap:10px}.brand img{width:130px}}

/* Mobile only: complete artwork above an always-visible navigation row. */
@media(max-width:480px){
 header{flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:2px 20px}
 header .brand{justify-content:center;align-self:center}
 header .brand img{width:clamp(210px,59vw,240px);height:auto}
 header nav{justify-content:center;align-items:center;gap:28px;margin:0}
 header nav a{font-size:15px;min-height:44px;white-space:nowrap}
}

/* A quiet signature at the end of the storefront; reuse the approved artwork. */
.studio-footer{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:20px 6%;background:#F8F5EE;color:#4f5748}
.footer-brand{display:inline-flex;flex:none;align-items:center;min-height:44px}
.footer-brand img{display:block;width:170px;height:auto}
.studio-footer p{margin:0;font-size:14px;line-height:1.6}
@media(max-width:800px){.studio-footer{padding:20px 5%}}
@media(max-width:480px){.studio-footer{flex-direction:column;gap:8px;text-align:center;padding:20px}.footer-brand img{width:170px}.studio-footer p{font-size:14px}}