/* SCHOOL OF TRADE — SINGLE BRAND & NAVIGATION SYSTEM
   Scoped refinements. The seven page-specific layouts remain unchanged. */
:root{--sot-yellow:#FED523;--sot-purple:#542060;--sot-dark:#11110f}
html{scroll-padding-top:84px}
body{margin:0;background:var(--sot-dark)}
header.nav{height:82px;min-height:82px;padding:0 clamp(18px,3.4vw,58px);margin:0;border:0;border-radius:0;background:#11110ff5;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:18px}
header.nav .brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;white-space:nowrap;font-size:13px;line-height:1.05;font-weight:800;letter-spacing:-.035em}
header.nav .brand img{display:block;width:44px;height:48px;object-fit:contain;flex:none}
header.nav .brand strong{color:var(--sot-yellow);font-weight:800}
header.nav .brand small{display:block;margin-top:6px;font-size:8px;font-weight:500;letter-spacing:.12em;color:#d6d6d6}
header.nav nav{display:flex;align-items:center;gap:clamp(12px,1.7vw,28px)}
header.nav nav>a{font-size:10px;letter-spacing:.04em;font-weight:800;white-space:nowrap;transition:color .2s}
header.nav nav>a.active,header.nav nav>a:hover{color:var(--sot-yellow)}
header.nav nav>a.nav-cta{display:inline-flex;align-items:center;background:var(--sot-yellow);color:#17140c;border-radius:100px;padding:15px 23px}
header.nav .hamburger{display:none;background:none;color:white;border:0;font-size:26px;padding:8px;cursor:pointer}
.scroll-meter{position:fixed;left:0;top:0;height:3px;background:var(--sot-yellow);width:0;z-index:200}
/* Exact requested hero behavior: dark rounded image with NO white border */
body main#home > section.hero.photo-panel{position:relative;overflow:hidden;display:block;margin:0 clamp(14px,3.3vw,55px) 55px;border:0;outline:0;box-shadow:none;border-radius:30px;padding:0;min-height:680px;height:calc(100svh - 120px);max-height:900px;background:#17131a}
body main#home > section.hero.photo-panel .hero-photo{position:absolute;inset:0;background-image:url('assets/british-trader-facing-left.webp');background-size:cover;background-position:center center}
body main#home > section.hero.photo-panel .scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.05) 74%),linear-gradient(0deg,rgba(0,0,0,.78),transparent 60%)}
body main#home > section.hero.photo-panel .hero-left{top:36%;left:5.4%}
body main#home > section.hero.photo-panel .hero-right{bottom:10%;right:5.4%}
body main#home > section.hero.photo-panel .hero-index{bottom:8%;left:5.4%}
@media(max-width:1050px){header.nav nav{gap:12px}header.nav nav>a{font-size:9px}header.nav nav>a.nav-cta{padding:13px 16px}}
@media(max-width:850px){
 header.nav{height:72px;min-height:72px}
 header.nav .brand img{width:38px;height:42px}
 header.nav .hamburger{display:block}
 header.nav nav{display:none;position:absolute;top:72px;left:0;right:0;padding:24px;background:#11110f;flex-direction:column;align-items:stretch;gap:18px;box-shadow:0 20px 35px #0008}
 header.nav nav.open{display:flex}
 header.nav nav>a{font-size:13px}
 header.nav nav>a.nav-cta{align-self:flex-start}
}
@media(max-width:760px){
 body main#home > section.hero.photo-panel{margin:0 12px 35px;min-height:680px;height:calc(100svh - 90px);border-radius:23px}
 body main#home > section.hero.photo-panel .hero-left{top:27%;left:7%;right:7%}
 body main#home > section.hero.photo-panel .hero-right{left:7%;right:7%;width:auto;bottom:12%}
 body main#home > section.hero.photo-panel .hero-index{left:7%;bottom:4%}
 body main#home > section.hero.photo-panel .hero-photo{background-position:60% center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}

/* One local SOT crest is used in both the global header and the About ecosystem. */
header.nav .brand img{width:48px;height:50px;object-fit:contain}
.ea-supporters .ea-supporter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:center}
.ea-supporters .ea-supporter-grid .ea-logo-link{height:160px;min-width:0;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#f8f8f8;overflow:hidden;padding:12px;transition:transform .25s,box-shadow .25s}
.ea-supporters .ea-supporter-grid .ea-logo-link:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000012}
.ea-supporters .ea-supporter-grid .ea-logo-link img{display:block;width:100%;height:100%;max-width:260px;object-fit:contain}
.ea-supporters .ea-supporter-grid .ea-logo-link.ea-sot-logo img{max-width:155px}
@media(max-width:850px){.ea-supporters .ea-supporter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ea-supporters .ea-supporter-grid{gap:12px}.ea-supporters .ea-supporter-grid .ea-logo-link{height:120px;padding:8px}.ea-supporters .ea-supporter-grid .ea-logo-link.ea-sot-logo img{max-width:110px}}