/* Give the original metallic mark a calm surface and more breathing room. */
.brand{flex-shrink:0;padding:10px 12px;border:1px solid #ffffffad;border-radius:19px;background:linear-gradient(135deg,#f5f7f1ed,#e9eee5e0);box-shadow:inset 0 1px 1px #fff,0 5px 16px #153c3012;transition:transform 180ms ease}
.brand:hover{transform:translateY(-1px)}
.logo-crop{width:100px;height:151px}
.logo-crop img{width:300px;height:300px;left:-103px;top:-83px}
header{padding-top:25px;align-items:center}
.content{padding-top:34px}
.intro{max-width:660px;line-height:1.75}
.service-details{gap:24px 44px}
.service-details p{max-width:365px;line-height:1.7}
@media(max-width:800px){
  .brand{padding:9px 11px;border-radius:16px}
  .logo-crop{width:83px;height:124px}
  .logo-crop img{width:250px;height:250px;left:-86px;top:-70px}
  header{gap:18px}
}
@media(max-width:540px){
  header{padding-top:20px;gap:15px 20px}
  .brand{padding:8px 10px}
  .logo-crop{width:77px;height:114px}
  .logo-crop img{width:230px;height:230px;left:-79px;top:-64px}
  .content{padding-top:30px}
}
@media(prefers-reduced-motion:reduce){.brand{transition:none}.brand:hover{transform:none}}