#hero-part header .brand img.mark,.about-page #hero-part header .brand img.mark{display:block;width:64px;height:70px;object-fit:contain;border:0;border-radius:0;box-shadow:none;flex-shrink:0;background:transparent}
#hero-part .brand{gap:15px}
#hero-part .brand-hero{display:grid;place-items:center;min-height:clamp(700px,100svh,1080px);height:auto;padding:132px 4% 42px;background:#fff url('banner-collage.png') center/cover no-repeat;overflow:hidden;isolation:isolate;position:relative}
#hero-part .brand-composition{position:relative;width:min(88vw,1120px);aspect-ratio:1.45;isolation:isolate}
#hero-part .brand-holmes{position:absolute;left:50%;top:3%;width:54%;height:auto;display:block;transform:translateX(-50%);object-fit:contain;z-index:1;mask-image:linear-gradient(to bottom,#000 0%,#000 37%,#000b3 55%,transparent 81%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 37%,#000b3 55%,transparent 81%)}
#hero-part .brand-wordmark{position:absolute;left:50%;bottom:0;width:88%;aspect-ratio:2048/912;transform:translateX(-50%);z-index:2;background-color:transparent;background-image:url('club-wordmark-blue.svg');background-size:contain;background-repeat:no-repeat;background-position:center;mask-image:none;-webkit-mask-image:none;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}
#hero-part h1.brand-accessible-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){#hero-part .brand-hero{min-height:740px;padding-top:122px;padding-bottom:36px}#hero-part .brand-composition{width:92vw;aspect-ratio:1.45}#hero-part .brand-holmes{width:64%}#hero-part .brand-wordmark{width:94%}}
@media(max-width:700px){#hero-part header .brand img.mark,.about-page #hero-part header .brand img.mark{width:48px;height:53px}#hero-part .brand{gap:10px}#hero-part .brand-hero{min-height:620px;height:88svh;padding:105px 4% 30px;background-position:center}#hero-part .brand-composition{width:94vw;aspect-ratio:.86}#hero-part .brand-holmes{width:92%;top:0;mask-image:linear-gradient(to bottom,#000 0%,#000 36%,#000a3 57%,transparent 85%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 36%,#000a3 57%,transparent 85%)}#hero-part .brand-wordmark{width:100%;bottom:7%}}
@media(prefers-reduced-motion:reduce){#hero-part .brand-hero *{transition:none!important;animation:none!important}}

/* Lift Holmes on desktop while preserving the approved mobile composition. */
@media(min-width:901px){#hero-part .brand-holmes{top:calc(3% - clamp(56px,5vw,84px))}}

/* Restore the original drifting photo lanes behind the new composition. */
#hero-part .brand-hero{background:#fff}
#hero-part .brand-hero .wall{z-index:0}
#hero-part .brand-hero .veil{z-index:1;pointer-events:none}
#hero-part .brand-composition{z-index:2}
#hero-part .hero-motion-toggle{position:absolute;right:5%;bottom:20px;z-index:3;border:1px solid #123d8520;background:#ffffffdb;color:#607b9e;padding:9px 13px;font-size:11px;line-height:1.6;cursor:pointer}
#hero-part .hero-motion-toggle:focus-visible{outline:2px solid #ff6a2b;outline-offset:4px}
body.hero-motion-paused #hero-part .lane{animation-play-state:paused}
@media(max-width:700px){#hero-part .hero-motion-toggle{right:5%;bottom:12px;padding:7px 10px;font-size:10px}}