/* Original artwork is displayed intact; the name mark's transparent outer
   margins are framed by the link without modifying the source image. */
:root { --green:#526e37; --deep:#3e552b; }
.brand { position:relative; display:block; width:190px; height:110px; overflow:hidden; flex-shrink:0; }
.brand img { position:absolute; width:220px; height:220px; max-width:none; top:-49px; left:-15px; object-fit:contain; }
.header { padding-top:12px; padding-bottom:12px; }
.identity-logo { background:#fff; padding:20px; }
.identity-logo img { display:block; width:100%; height:auto; }
.experience { background:#f0f2eb; }
footer .brand { width:170px; height:100px; }
footer .brand img { width:200px; height:200px; top:-44px; }
@media(max-width:600px) {
  .header .brand { width:138px; height:80px; }
  .header .brand img { width:160px; height:160px; top:-36px; left:-11px; }
  .header { padding-top:12px; padding-bottom:12px; gap:10px; }
  .identity-logo { max-width:360px; justify-self:center; padding:12px; }
}