.brand-image{display:block;width:76px;height:76px;overflow:hidden}.brand-image .brand-crop{display:block;width:100%;height:100%;overflow:hidden;border:0}.brand-image img{display:block;width:86px;height:86px;max-width:none;transform:translate(-5px,-5px);object-fit:cover;mix-blend-mode:screen;filter:contrast(1.15) brightness(1.65)}.footer-brand{width:112px;height:112px}.footer-brand img{width:126px;height:126px;transform:translate(-7px,-7px)}@media(max-width:800px){.brand-image{width:66px;height:66px}.brand-image img{width:75px;height:75px;transform:translate(-4.5px,-4.5px)}.footer-brand{width:96px;height:96px}.footer-brand img{width:108px;height:108px;transform:translate(-6px,-6px)}}

/* Full-name logo remains in the homepage header. */
.site-header .header-wordmark{width:170px;height:63px}
.site-header .header-wordmark img{width:100%;height:100%;object-fit:contain;transform:none;mix-blend-mode:normal;filter:none}
/* Clients, credentials, then the opening headline. */
.hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:max(920px,100vh);padding-top:108px}
.hero .hero-client-ticker{flex:none;width:100%}
.hero .hero-stats{position:relative;left:auto;right:auto;bottom:auto;margin:32px 7vw 0;gap:60px}
.hero .hero-content{padding-top:40px;padding-bottom:75px}
@media(max-width:800px){
.site-header .header-wordmark{width:140px;height:52px}
.hero{min-height:760px;padding-top:89px}
.hero .hero-stats{margin:28px 24px 0;gap:16px;justify-content:space-between}
.hero .hero-stats span{font-size:.75rem}
.hero .hero-content{padding-top:28px;padding-bottom:64px}
}

.site-header:has(.header-wordmark){padding-left:7vw}
.hero .hero-stats{display:flex;flex-wrap:wrap;gap:24px;max-width:calc(100% - 14vw);width:max-content}
.hero .hero-stats span{font-size:.875rem}
@media(max-width:800px){
.site-header:has(.header-wordmark){padding-left:24px}
.hero .hero-stats{grid-template-columns:repeat(3,max-content);gap:18px 16px;max-width:calc(100% - 48px);width:auto;justify-content:start}
.hero .hero-stats span{font-size:.875rem}
}

/* Compact, consistent credentials with quiet separators. */
.hero .hero-stats{display:flex;flex-wrap:wrap;gap:0;align-items:stretch}
.hero .hero-stats>div{padding:0 24px;border-left:1px solid rgba(255,255,255,.2);gap:5px}
.hero .hero-stats>div:first-child{padding-left:0;border-left:0}
.hero .hero-stats strong{font:500 2rem/1.15 var(--display);color:#f8f5ef;font-variant-numeric:tabular-nums}
.hero .hero-stats span{font-size:.875rem;line-height:1.4;color:#b6afa8;white-space:nowrap}
@media(max-width:800px){
.hero .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:auto;gap:22px 0}
.hero .hero-stats>div{padding:0 12px}
.hero .hero-stats>div:nth-child(4){padding-left:0;border-left:0}
.hero .hero-stats strong{font-size:1.65rem}
.hero .hero-stats span{white-space:normal}
}

/* Bring the DJ profile closer to the opening section. */
.hero{min-height:0}
.hero .hero-content{padding-bottom:48px}
.hero ~ .about.section{padding-top:60px}
@media(max-width:800px){
.hero{min-height:0}
.hero .hero-content{padding-bottom:40px}
.hero ~ .about.section{padding-top:40px}
}

/* Direct contact and social profiles beside the opening actions. */
.hero-actions{align-items:center;flex-wrap:wrap}
.hero-social-links{display:flex;align-items:center;gap:8px;margin-left:12px}
.hero-social-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:58px;min-height:64px;color:var(--ink);border-radius:4px;transition:background .2s,color .2s}
.hero-social-link svg{width:26px;height:26px}
.hero-social-link span{font-size:.75rem;line-height:1.3}
.hero-social-link:hover{color:var(--red);background:rgba(255,255,255,.06)}
.hero-social-link:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(max-width:800px){.hero-social-links{margin-left:0;flex-basis:100%;justify-content:flex-start;margin-top:8px;gap:12px}}

/* Square icon-only social buttons. */
.hero-social-link{width:52px;height:52px;min-width:52px;min-height:52px;border:1px solid rgba(255,255,255,.45);border-radius:0;background:rgba(0,0,0,.2);gap:0}
.hero-social-link:hover{border-color:var(--red)}
.hero-social-link svg{width:25px;height:25px}
