/* ArenaPlus Ambassadors – front end. Scoped to .apam. Photos are 16:9. */
.apam{--apam-acc:#fd6017;--apam-acc2:#fd9019;--apam-link:#C2410C;--apam-head:#111111;--apam-tx:#2E2E2E;--apam-mu:#6B6B6B;--apam-line:#E8E5E2;--apam-soft:#F6F5F4;--apam-tint:#FFF0E6;--apam-tline:#FFD9BF;--apam-hero:#FFE3CF;--apam-dark:#151311;
  --apam-fh:'Hubot Sans',Poppins,ui-sans-serif,system-ui,sans-serif;--apam-fb:Poppins,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--apam-sh:0 18px 40px -24px rgba(20,12,4,.35);
  font-family:var(--apam-fb);color:var(--apam-tx);font-size:16px;line-height:1.6;width:100%;-webkit-font-smoothing:antialiased}
.apam *,.apam *::before,.apam *::after{box-sizing:border-box}
.apam [hidden]{display:none!important}
.apam a{text-decoration:none;color:inherit}
.apam img{max-width:none;border:0;border-radius:0;box-shadow:none;margin:0}
.apam h1,.apam h2,.apam h3,.apam p{text-transform:none}
.apam-wrap{max-width:1180px;margin:0 auto;width:100%}
.apam a:focus-visible,.apam button:focus-visible{outline:2px solid var(--apam-acc2);outline-offset:2px}

/* Hero */
.apam-hero{padding:56px 24px 40px;background:linear-gradient(180deg,var(--apam-hero),#fff);border-image:linear-gradient(180deg,var(--apam-hero),#fff) fill 0/0/0 100vmax}
.apam-hero--profile{padding:32px 24px 48px}
.apam .apam-crumb{font-size:13px;color:var(--apam-mu);margin:0 0 16px}
.apam .apam-crumb a{color:var(--apam-mu)}.apam .apam-crumb a:hover{color:var(--apam-link)}
.apam .apam-h1{margin:0;color:var(--apam-head);font-family:var(--apam-fh);font-size:clamp(38px,5vw,56px);font-weight:800;line-height:1.02;letter-spacing:-1px}
.apam .apam-lead{margin:16px 0 0;max-width:720px;font-size:19px;line-height:1.55;color:var(--apam-tx)}
.apam .apam-lead--sm{margin-top:12px;font-size:17px;line-height:1.6}
.apam-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;max-width:820px}
.apam-stat{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.75);border:1px solid var(--apam-tline)}
.apam-stat b{display:block;font:800 30px/1.05 var(--apam-fh);color:var(--apam-head);letter-spacing:-.5px}
.apam-stat span{display:block;margin-top:4px;font-size:13.5px;color:var(--apam-mu)}
.apam-stat--hot{background:linear-gradient(135deg,var(--apam-acc2),var(--apam-acc));border-color:transparent}
.apam-stat--hot b,.apam-stat--hot span{color:#fff}

.apam-main{padding:8px 24px 72px}

/* Featured */
.apam-spot{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border-radius:24px;overflow:hidden;background:var(--apam-dark);color:#fff;box-shadow:var(--apam-sh);margin-top:24px}
.apam .apam-spot-img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--apam-link)}
.apam .apam-spot-img img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;transition:transform .5s}
.apam-spot:hover .apam-spot-img img{transform:scale(1.03)}
.apam-spot-img.is-empty,.apam-photo.is-empty,.apam-main-img.is-empty{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.28),transparent 55%),linear-gradient(135deg,var(--apam-acc2),var(--apam-link))}
.apam-spot-img.is-empty b,.apam-main-img.is-empty b{font:900 96px/1 var(--apam-fh);color:rgba(255,255,255,.92);letter-spacing:-2px}
.apam-spot-t{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:36px 40px;background:radial-gradient(circle at 100% 0%,rgba(253,96,23,.45),transparent 60%)}
.apam-spot-pill{display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:12.5px;font-weight:600;color:#fff}
.apam .apam-spot-t h2{margin:0;font:900 clamp(34px,4vw,50px)/1 var(--apam-fh);letter-spacing:-1px;background:linear-gradient(90deg,#FFD29A,var(--apam-acc2) 45%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.apam .apam-spot-t p{margin:0;font-size:16px;line-height:1.6;color:#E9E4DF;max-width:440px}
.apam-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.apam .apam-btn{display:inline-flex;align-items:center;padding:12px 22px;border-radius:999px;background:linear-gradient(135deg,var(--apam-acc2),var(--apam-acc));color:#fff;font-weight:600;font-size:15px;line-height:1.2}
.apam .apam-btn:hover{filter:brightness(1.06);color:#fff}
.apam .apam-btn--glass{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25)}
.apam .apam-btn--ghost{background:#fff;border:1px solid var(--apam-line);color:var(--apam-head)}
.apam .apam-btn--ghost:hover{border-color:var(--apam-acc2);color:var(--apam-link);filter:none}

/* Section bar + filters */
.apam-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:48px 0 20px}
.apam .apam-h2{margin:0;color:var(--apam-head);font-family:var(--apam-fh);font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-.4px}
.apam .apam-sub{margin:4px 0 0;font-size:14.5px;color:var(--apam-mu)}
.apam-chips{display:flex;gap:8px;flex-wrap:wrap}
.apam .apam-chip{border:1px solid var(--apam-line);background:#fff;color:var(--apam-tx);border-radius:999px;padding:9px 16px;font:500 14px var(--apam-fb);cursor:pointer;line-height:1.2;text-transform:none;letter-spacing:0}
.apam .apam-chip:hover{border-color:var(--apam-acc2);color:var(--apam-link);background:#fff}
.apam .apam-chip[aria-pressed="true"]{background:var(--apam-head);border-color:var(--apam-head);color:#fff}
.apam-chip em{font-style:normal;opacity:.6;margin-left:4px}

/* Ambassador cards (16:9 photos) */
.apam-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.apam-card{display:flex;flex-direction:column;border:1px solid var(--apam-line);border-radius:20px;overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s}
.apam-card:hover{transform:translateY(-4px);box-shadow:var(--apam-sh)}
.apam-card-link{display:block}
.apam .apam-photo{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:var(--apam-link)}
.apam .apam-photo img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;transition:transform .5s}
.apam-card:hover .apam-photo img,.apam-oc:hover .apam-photo img{transform:scale(1.04)}
.apam-photo b{font:900 52px/1 var(--apam-fh);color:rgba(255,255,255,.92);letter-spacing:-2px}
.apam-photo em{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:999px;background:rgba(17,17,17,.62);color:#fff;font:600 12px var(--apam-fb);font-style:normal}
.apam-card-b{display:flex;flex-direction:column;gap:6px;padding:18px 20px;flex:1}
.apam .apam-card-b h3{margin:0;font:800 22px/1.15 var(--apam-fh);color:var(--apam-head);letter-spacing:-.3px}
.apam .apam-card-b h3 a:hover{color:var(--apam-link)}
.apam .apam-role{margin:0;font-size:13.5px;font-weight:600;color:var(--apam-link)}
.apam .apam-role--lg{margin-top:8px;font-size:16px}
.apam .apam-intro{margin:4px 0 0;font-size:14.5px;line-height:1.6;color:#55575E}
.apam-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--apam-line);font-size:13px;color:var(--apam-mu)}
.apam-intro+.apam-foot,.apam-role+.apam-foot{margin-top:auto}
.apam-card-b .apam-foot{margin-top:auto}
.apam-card-b>.apam-intro{margin-bottom:12px}
.apam .apam-foot a{color:var(--apam-link);font-weight:600}
.apam .apam-foot a:hover{text-decoration:underline;text-underline-offset:3px}

/* Post cards */
.apam .apam-post{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:inherit;min-width:0;height:100%}
.apam .apam-post-img{display:block;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--apam-tint)}
.apam .apam-post-img img{width:100%!important;height:100%!important;object-fit:contain;transition:transform .5s}
.apam-post:hover .apam-post-img img{transform:scale(1.04)}
.apam .apam-pill{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--apam-tint);color:var(--apam-link);font-size:12px;font-weight:600}
.apam .apam-pill--lg{padding:5px 12px;border:1px solid var(--apam-tline);font-size:12.5px}
.apam .apam-post h3{margin:0;color:var(--apam-head);font:600 17px/1.35 var(--apam-fb)}
.apam .apam-post:hover h3{color:var(--apam-link)}
.apam .apam-post p{margin:0;font-size:14px;line-height:1.55;color:#55575E;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.apam .apam-post>small{margin-top:auto;padding-top:2px;font-size:13px;color:var(--apam-mu)}

/* Why + RG */
.apam-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.apam-why>div{padding:22px;border-radius:18px;background:var(--apam-soft)}
.apam-why b{display:block;font:800 18px/1.2 var(--apam-fh);color:var(--apam-head);margin-bottom:6px}
.apam .apam-why p{margin:0;font-size:14.5px;line-height:1.6}
.apam-rg{display:flex;align-items:center;gap:20px;margin-top:56px;padding:26px 28px;border-radius:20px;background:var(--apam-dark);color:#E9E4DF}
.apam-rg i{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--apam-acc2),var(--apam-acc));color:#fff;font:800 16px var(--apam-fh);font-style:normal}
.apam-rg b{display:block;color:#fff;font:700 18px/1.3 var(--apam-fh);margin-bottom:4px}
.apam .apam-rg p{margin:0;font-size:14.5px;line-height:1.6;color:#E9E4DF}

/* Profile */
.apam-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:start}
.apam-gal{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.apam-ths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.apam-ths--1{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.apam-ths--3{grid-template-columns:repeat(3,minmax(0,1fr))}.apam-ths--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.apam .apam-main-img{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:var(--apam-link);box-shadow:var(--apam-sh)}
.apam .apam-main-img img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
.apam .apam-th{position:relative;display:block;aspect-ratio:16/9;width:100%;border-radius:14px;overflow:hidden;border:0;padding:0;margin:0;cursor:pointer;background:var(--apam-link);outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s,transform .15s}
.apam .apam-th img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
.apam .apam-th:hover{transform:translateY(-2px);background:var(--apam-link)}
.apam .apam-name{margin:12px 0 0;color:var(--apam-head);font-family:var(--apam-fh);font-size:clamp(38px,4.6vw,58px);font-weight:900;line-height:.98;letter-spacing:-1.5px}
.apam-ach{margin-top:22px;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid var(--apam-line)}
.apam .apam-ach h2{margin:0 0 12px;font:800 18px/1.2 var(--apam-fh);color:var(--apam-head)}
.apam .apam-ach ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.apam .apam-ach li{display:flex;gap:10px;margin:0;font-size:14.5px;line-height:1.5}
.apam-ach li i{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--apam-tint);color:var(--apam-link);font:700 12px var(--apam-fb);font-style:normal}
.apam .apam-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:16px 0 0;font-size:14px;color:var(--apam-mu)}
.apam .apam-meta b{color:var(--apam-head)}
.apam .apam-meta a{color:var(--apam-link);font-weight:600}
.apam .apam-meta a:hover{text-decoration:underline}
.apam-who .apam-btns{margin-top:20px}
.apam-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;padding-top:8px}
.apam .apam-about p{margin:0 0 14px;font-size:16.5px;line-height:1.75}

/* Other ambassadors carousel */
.apam-car{position:relative}
.apam-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 8px}
.apam-track::-webkit-scrollbar{display:none}
.apam .apam-oc{scroll-snap-align:start;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--apam-line);transition:transform .25s,box-shadow .25s}
.apam .apam-oc:hover{transform:translateY(-4px);box-shadow:var(--apam-sh)}
.apam-oc .apam-photo b{font-size:40px}
.apam-oc>b{display:block;padding:12px 14px 2px;font:800 17px/1.2 var(--apam-fh);color:var(--apam-head)}
.apam-oc>small{display:block;padding:0 14px 14px;font-size:13px;color:var(--apam-link);font-weight:600}
.apam .apam-arr{position:absolute;top:calc(50% - 40px);width:42px;height:42px;padding:0;border-radius:50%;border:1px solid var(--apam-line);background:#fff;box-shadow:0 6px 18px -8px rgba(0,0,0,.3);display:grid;place-items:center;cursor:pointer;color:var(--apam-head);font-size:22px;line-height:1;z-index:2}
.apam .apam-arr:hover{color:var(--apam-link);border-color:var(--apam-acc2);background:#fff}
.apam .apam-arr[disabled]{opacity:.35;cursor:default}
.apam-arr--l{left:-14px}.apam-arr--r{right:-14px}
.apam-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.apam .apam-dots button{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:#E2DCD6;cursor:pointer;transition:width .2s,background .2s}
.apam .apam-dots button[aria-current="true"]{width:22px;background:var(--apam-acc)}

@media(max-width:1024px){
  .apam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .apam-spot,.apam-top,.apam-about{grid-template-columns:minmax(0,1fr)}
  .apam-track{grid-auto-columns:calc((100% - 16px)/2)}
}
@media(max-width:700px){
  .apam-hero{padding:40px 16px 28px}.apam-hero--profile{padding:24px 16px 36px}.apam-main{padding:8px 16px 56px}
  .apam .apam-lead{font-size:17px}
  .apam-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.apam-stat--hot{grid-column:1/-1}
  .apam-grid,.apam-why{grid-template-columns:minmax(0,1fr)}
  .apam-spot-t{padding:26px 22px}.apam .apam-h2{font-size:25px}
  .apam-rg{flex-direction:column;align-items:flex-start}
  .apam-track{grid-auto-columns:82%}.apam .apam-arr{display:none}
}

/* Vertical / square photos (class added by ambassadors.js): whole photo, centred, over a blurred copy so the frame stays 16:9. */
.apam .is-tall{background:var(--apam-dark)}
.apam .is-tall::before{content:"";position:absolute;inset:-24px;background:var(--apam-bg) center/cover no-repeat;filter:blur(22px) saturate(1.1) brightness(.8);transform:scale(1.08);z-index:0}
.apam .is-tall img{z-index:1;object-fit:contain!important;object-position:center!important}
.apam-card:hover .is-tall img,.apam-oc:hover .is-tall img,.apam-spot:hover .is-tall img{transform:none}
.apam .apam-photo em{z-index:2}