/* Owner-supplied original JPEG. Clip corners in CSS; never recolour the mark. */
.sf-logo-slot{display:grid;place-items:center;gap:22px;margin:0;padding:48px 24px;background:#e7e2d8;color:#252820}
.sf-logo-slot img{display:block;width:min(400px,100%);height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;clip-path:circle(50%)}
.sf-logo-slot figcaption{margin:0;font:400 12px/1.6 Inter,Arial,sans-serif;text-align:center;letter-spacing:.1em}
@media(max-width:700px){.sf-logo-slot{padding:32px 16px}.sf-logo-slot img{width:min(340px,100%)}}
/* The owner's screenshot identifies the right-hand hero area, not the about card. */
.sf-hero>.sf-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:40px;align-items:center}
.sf-hero-copy{min-width:0}
.sf-hero-brand{display:grid;place-items:center;margin:0}
.sf-hero-brand img{display:block;width:100%;max-width:400px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;clip-path:circle(50%)}
@media(max-width:1100px){.sf-hero>.sf-wrap{grid-template-columns:minmax(0,1fr) minmax(260px,34%);gap:28px}}
@media(max-width:800px){.sf-hero>.sf-wrap{grid-template-columns:1fr;gap:36px}.sf-hero-brand{width:min(340px,100%);justify-self:center}.sf-hero-brand img{width:100%}}