/* The Chicago Booth feature (homepage and forum sidebar), the Featured Top MBA Programs cards and the Advertise section (10-30), built by mba/assets/plugins/function.btg_schools.php. Same look as the TTP card. */
#btg-booth,#btg-schools{--ink:#1e2640;--muted:#5f677d;--line:#e6e9f2;--gold:#f6d48a;font-family:"Manrope",Arial,sans-serif;-webkit-font-smoothing:antialiased}
#btg-booth *,#btg-schools *{box-sizing:border-box}
#btg-booth h2,#btg-booth p,#btg-booth dl,#btg-booth dd,#btg-booth dt,#btg-booth figure,#btg-schools h2,#btg-schools h3,#btg-schools p,#btg-schools dl,#btg-schools dd,#btg-schools dt{margin:0;padding:0}
#btg-booth img,#btg-schools img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;object-fit:cover}
/* Booth: a maroon card, its words on the left, the atrium melting in from the right, its numbers in one row */
#btg-booth{padding:20px 15px 24px;view-timeline:--bb}
#btg-booth .sh{position:relative;overflow:hidden;display:flex;align-items:center;min-height:clamp(470px,36vw,560px);border-radius:24px;background:radial-gradient(120% 150% at 0 0,#8f1230 0%,#5c0a20 42%,#2a0710 100%);box-shadow:0 28px 70px rgba(70,8,24,.3)}
#btg-booth figure{position:absolute;inset:0 0 0 48%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%);mask-image:linear-gradient(90deg,transparent,#000 32%)}
#btg-booth .in{position:relative;z-index:1;width:50%;padding:36px 0 36px clamp(28px,3.4vw,52px);color:#fff}
#btg-booth .top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
#btg-booth .eye{padding:6px 12px;border-radius:9px;background:linear-gradient(135deg,#fbe3ae,#eeb765);color:#3a0612;font-size:13px;font-weight:800;line-height:1.2}
#btg-booth .next{font-size:14px;font-weight:600;color:#fff}
#btg-booth .next b{margin-left:4px;font-weight:800;color:var(--gold)}
#btg-booth h2{margin:14px 0 10px;font-size:clamp(46px,5.6vw,84px);font-weight:800;line-height:1;letter-spacing:-.045em;color:#fff}
#btg-booth .lead{max-width:56ch;font-size:clamp(16px,1.35vw,19px);font-weight:500;line-height:1.45;color:rgba(255,255,255,.94)}
#btg-booth .nums{position:relative;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:12px 18px;margin-top:22px;padding-top:18px}
#btg-booth .nums:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.14));transform-origin:0 50%}
#btg-booth .nums dd{font-size:clamp(26px,2.5vw,36px);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
#btg-booth .nums dt{margin-top:4px;font-size:13px;font-weight:600;line-height:1.3;color:rgba(255,255,255,.88)}
#btg-booth .acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:24px}
#btg-booth .a1,#btg-booth .a2{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;font-size:15px;font-weight:800;white-space:nowrap;text-decoration:none;transition:transform 180ms ease,box-shadow 180ms ease}
#btg-booth .a1,#btg-booth .a1:hover,#btg-booth .a1:focus{background:linear-gradient(135deg,#fff,#ffefd2);color:#5c0a20!important;box-shadow:0 10px 26px rgba(0,0,0,.3)}
#btg-booth .a2,#btg-booth .a2:hover,#btg-booth .a2:focus{border:1px solid rgba(255,255,255,.62);background:rgba(255,255,255,.08);color:#fff!important}
#btg-booth .a1:hover,#btg-booth .a2:hover{transform:translateY(-2px)}
#btg-booth .a3,#btg-booth .a3:hover,#btg-booth .a3:focus{margin-left:4px;color:#fff!important;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
#btg-booth .cred{position:absolute;z-index:1;right:14px;border-radius:9px;background:rgba(32,5,13,.82);color:#fff}
#btg-booth .cred{bottom:14px;padding:4px 9px;font-size:12px;line-height:1.35}
#btg-booth .cred a,#btg-booth .cred a:hover,#btg-booth .cred a:focus{color:#fff!important;text-decoration:underline;text-underline-offset:2px}
/* the same Booth feature in the forum's right sidebar: the photo on top melting into the maroon, everything else stacked */
#btg-booth.side{padding:0;margin-bottom:18px}
#btg-booth.side .sh{display:block;min-height:0;border-radius:10px;box-shadow:0 14px 34px rgba(70,8,24,.28)}
#btg-booth.side figure{inset:0 0 auto;height:210px;-webkit-mask-image:linear-gradient(0deg,transparent 20%,#000 62%);mask-image:linear-gradient(0deg,transparent 20%,#000 62%)}
#btg-booth.side .in{width:100%;padding:170px clamp(16px,1.4vw,20px) 14px}
#btg-booth.side .top{display:block}
#btg-booth.side .eye{position:absolute;top:14px;left:14px}
#btg-booth.side .next{display:block;line-height:1.35}
#btg-booth.side .next b{margin-left:0}
#btg-booth.side h2{margin:8px 0;font-size:clamp(28px,2.75vw,40px)}
#btg-booth.side .lead{font-size:15px}
#btg-booth.side .nums{grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:stretch;gap:12px 10px;margin-top:16px;padding-top:14px}
#btg-booth.side .nums dd{font-size:clamp(20px,1.7vw,24px)}
#btg-booth.side .acts{gap:8px;margin-top:16px}
#btg-booth.side .a1,#btg-booth.side .a2{width:100%;padding:0 8px;font-size:14px}
#btg-booth.side .a3{margin:2px 0 0}
#btg-booth.side .cred{position:static;display:block;margin:0 clamp(16px,1.4vw,20px) 14px;padding:0;background:none}
/* the cards: a soft band so white never sits on white, the photo with the name on it, four numbers, the next deadline, two buttons */
#btg-schools{margin:28px 0 8px;padding:20px;border-radius:24px;background:linear-gradient(135deg,#e9edfd 0%,#f4eef8 55%,#fdf1e4 100%);container-type:inline-size}
#btg-schools h2{font-size:clamp(26px,2.5vw,34px);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--ink)}
#btg-schools .sub{margin-top:4px;font-size:15px;line-height:1.45;color:#4c556b}
#btg-schools .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
#btg-schools article{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(32,48,91,.1);transition:transform 190ms ease,box-shadow 190ms ease}
#btg-schools article:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(36,55,107,.17)}
#btg-schools .ph{position:relative;display:block;aspect-ratio:8/5;overflow:hidden;background:#1a2036;text-decoration:none}
#btg-schools .ph img{transition:transform 400ms ease}
#btg-schools article:hover .ph img{transform:scale(1.04)}
#btg-schools .cap{position:absolute;inset:auto 0 0;padding:30px 14px 11px;background:linear-gradient(0deg,rgba(12,16,38,.94) 0%,rgba(12,16,38,.78) 58%,transparent 100%)}
#btg-schools h3{font-size:18px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#fff}
#btg-schools .cap p{margin-top:2px;font-size:13px;font-weight:600;line-height:1.3;color:#fff}
#btg-schools .bd{flex:1;display:flex;flex-direction:column;padding:12px 14px}
#btg-schools .st{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px 10px}
#btg-schools .st dd{font-size:17px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#btg-schools .st dt{min-height:2.5em;margin-top:2px;font-size:12px;font-weight:500;line-height:1.25;color:var(--muted)}
#btg-schools .dl{margin-top:8px;padding-top:9px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
#btg-schools .dl b{font-weight:800;color:var(--ink);white-space:nowrap}
#btg-schools .btns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px;margin-top:auto;padding-top:11px}
#btg-schools .go,#btg-schools .vi{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 6px;border-radius:11px;font-size:14px;font-weight:800;text-align:center;white-space:nowrap;text-decoration:none;transition:transform 180ms ease}
#btg-schools .go:hover,#btg-schools .vi:hover{transform:translateY(-1px)}
#btg-schools .go,#btg-schools .go:hover,#btg-schools .go:focus{background:linear-gradient(135deg,#5068c8,#3e56c0 58%,#3349a9);color:#fff!important}
#btg-schools .vi,#btg-schools .vi:hover,#btg-schools .vi:focus{border:1px solid #cdd4eb;background:#fff;color:var(--ink)!important}
#btg-schools .cred{display:block;margin-top:8px;font-size:12px;line-height:1.3;color:var(--muted)}
#btg-schools .cred a,#btg-schools .cred a:hover,#btg-schools .cred a:focus{color:var(--muted)!important;text-decoration:underline;text-underline-offset:2px}
/* Advertise with Beat The GMAT: the last thing on the homepage, the site banner's gradient with white number cards */
#btg-advertise{padding:8px 15px 28px;font-family:"Manrope",Arial,sans-serif;-webkit-font-smoothing:antialiased}
#btg-advertise *{box-sizing:border-box}
#btg-advertise h2,#btg-advertise p,#btg-advertise dl,#btg-advertise dd,#btg-advertise dt{margin:0;padding:0}
#btg-advertise .sh{padding:clamp(24px,3.6vw,52px);border-radius:24px;background:radial-gradient(circle at 8% 0,rgba(255,255,255,.24),transparent 34%),linear-gradient(105deg,#101b4d 0%,#2857c8 42%,#6d3bd8 68%,#f16435 100%);box-shadow:0 28px 70px rgba(16,27,77,.3)}
#btg-advertise .top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
#btg-advertise .say{flex:1 1 520px;max-width:900px}
#btg-advertise .eye{display:inline-block;margin-bottom:12px;padding:6px 12px;border-radius:9px;background:linear-gradient(135deg,#fbe3ae,#eeb765);color:#3a0612;font-size:13px;font-weight:800;line-height:1.2}
#btg-advertise h2{font-size:clamp(34px,4.6vw,68px);font-weight:800;line-height:1;letter-spacing:-.04em;color:#fff}
#btg-advertise .sub{margin-top:12px;font-size:clamp(15px,1.25vw,18px);font-weight:500;line-height:1.45;color:#fff}
#btg-advertise .go,#btg-advertise .go:hover,#btg-advertise .go:focus{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;background:linear-gradient(135deg,#fff,#ffefd2);color:#1e2640!important;font-size:15px;font-weight:800;white-space:nowrap;text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.3);transition:transform 180ms ease}
#btg-advertise .go:hover{transform:translateY(-2px)}
#btg-advertise .st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
#btg-advertise .st div{padding:16px 18px;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(32,48,91,.1)}
#btg-advertise .st dd{font-size:clamp(26px,3.8vw,56px);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:#1e2640;font-variant-numeric:tabular-nums}
#btg-advertise .st dt{margin-top:4px;font-size:13px;font-weight:600;line-height:1.3;color:#5f677d}
/* motion: tied to scrolling, transform and opacity only, off under reduced motion; the photo and the numbers use a named timeline because their boxes clip */
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){
#btg-booth img{animation:bb-drift linear both;animation-timeline:--bb;animation-range:cover}
#btg-booth .nums:before{animation:bb-line linear backwards;animation-timeline:--bb;animation-range:entry 15% entry 85%}
#btg-booth .nums div,#btg-booth .acts{animation:bb-rise linear backwards;animation-timeline:--bb;animation-range:entry 20% entry 80%}
#btg-booth .nums div:nth-child(2){animation-range:entry 26% entry 84%}#btg-booth .nums div:nth-child(3){animation-range:entry 32% entry 88%}#btg-booth .nums div:nth-child(4){animation-range:entry 38% entry 92%}
#btg-schools article{animation:bb-rise linear backwards;animation-timeline:view();animation-range:entry 0% entry 70%}
#btg-advertise .st div{animation:bb-rise linear backwards;animation-timeline:view();animation-range:entry 0% entry 70%}
#btg-advertise .st div:nth-child(2){animation-range:entry 6% entry 76%}#btg-advertise .st div:nth-child(3){animation-range:entry 12% entry 82%}#btg-advertise .st div:nth-child(4){animation-range:entry 18% entry 88%}#btg-advertise .st div:nth-child(5){animation-range:entry 24% entry 92%}#btg-advertise .st div:nth-child(6){animation-range:entry 30% entry 96%}
#btg-schools article:nth-child(2){animation-range:entry 6% entry 76%}#btg-schools article:nth-child(3){animation-range:entry 12% entry 82%}#btg-schools article:nth-child(4){animation-range:entry 18% entry 88%}
}}
@keyframes bb-drift{from{transform:scale(1.16) translateY(-4%)}to{transform:scale(1.03) translateY(3%)}}
@keyframes bb-rise{from{opacity:0;transform:translateY(26px)}}
@keyframes bb-line{from{transform:scaleX(0)}}
@container (max-width:900px){#btg-schools .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:480px){#btg-schools .grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1180px){#btg-booth .in{width:60%}#btg-booth figure{left:54%}#btg-booth .nums{grid-template-columns:repeat(2,auto);justify-content:start;column-gap:36px}}
@media (max-width:760px){#btg-booth{padding:14px 12px 18px}#btg-booth .sh{display:block;min-height:0}#btg-booth .in{width:100%;padding:216px 20px 56px}#btg-booth figure{inset:0 0 auto;height:280px;-webkit-mask-image:linear-gradient(0deg,transparent,#000 42%);mask-image:linear-gradient(0deg,transparent,#000 42%)}#btg-booth .nums{grid-template-columns:1fr 1fr}#btg-booth .a1,#btg-booth .a2{width:100%}#btg-booth .a3{margin:4px 0 0}#btg-booth .cred{left:20px;right:auto}#btg-schools{margin-top:20px;padding:14px}#btg-advertise{padding:4px 12px 20px}#btg-advertise .st{grid-template-columns:1fr 1fr}#btg-advertise .go{width:100%}}