/* Academy · "Five days. In the room." in frosted peach glass (the site's peach band), on one screen, the twin of the From Zero
   to Hero section below it (Six, 20 Oct 2026). Only #academy changes; the seats, groups and room stay live. */
#academy.cat.peach{min-height:100svh;display:flex;align-items:center;padding-block:calc(76px + env(safe-area-inset-top,0px)) clamp(24px,4vh,44px)!important;overflow:clip;
  background:radial-gradient(60% 50% at 10% 4%,#fff1e4,transparent 70%),radial-gradient(55% 45% at 96% 92%,#efb68a,transparent 70%),linear-gradient(195deg,#fbeadb,#f4d8bf 62%,#eec6a5)}
#academy::before,#academy::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:bpxOrbit 18s ease-in-out infinite alternate}
#academy::before{width:44vw;height:44vw;max-width:620px;max-height:620px;right:-10vw;top:12%;background:#f6c49c;opacity:.65}
#academy::after{width:34vw;height:34vw;max-width:480px;max-height:480px;left:-8vw;bottom:-14%;background:#fff3e2;opacity:.8;animation-delay:-7s}
#academy>.spot{display:none}
#academy>.in{position:relative;z-index:1;width:100%}
#academy .k{color:#9a4f22}
#academy .k .cd{background:linear-gradient(135deg,#e39a66,#9a4f22)}
#academy .achead{align-items:center;gap:clamp(20px,3vw,40px)}
#academy .achead>div:first-child{gap:clamp(10px,1.8vh,18px)!important}
#academy .achead h2.big{font-size:clamp(40px,min(4.6vw,8.5vh),72px);line-height:.95;white-space:nowrap}
#academy .achead h2 em{display:inline-block;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;font-stretch:100%;font-size:1.14em;letter-spacing:-.01em;padding-right:.06em;
  background:linear-gradient(100deg,#6b2f10 0%,#9a4f22 30%,#d98a55 46%,#f6c49c 52%,#c4703d 60%,#82401a 85%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:bpxGild 7s ease-in-out infinite}
#academy .aclead{max-width:42ch;font-size:clamp(15.5px,min(1.4vw,2.2vh),19px);line-height:1.5;color:#4a342a}
/* glass on the group cards, the seat box and the room */
#academy .switch.gcards{margin-top:0;flex:1 1 380px;max-width:640px}
#academy .switch.gcards button{background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 2px 0 #fff,0 18px 36px -26px rgba(60,40,22,.6);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);padding:14px 18px;gap:8px}
#academy .switch.gcards button[aria-selected="true"]{background:linear-gradient(180deg,#24272c,#121417);border-color:#121417;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 22px 40px -22px rgba(20,14,8,.75)}
#academy .acgrid{margin-top:clamp(18px,3.4vh,40px);gap:clamp(24px,4vw,64px)}
#academy .countbox.seatbox{padding:clamp(18px,2.6vh,28px) clamp(18px,2vw,30px);border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,255,255,.45));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 2px 0 #fff,0 30px 60px -40px rgba(60,40,22,.65);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}
#academy .seatbig>b{font-size:clamp(80px,min(9vw,14vh),150px)}
#academy .seatbox.is-full .seatbig>b{font-size:clamp(64px,min(7vw,11vh),120px)}
#academy .sdots{margin:clamp(12px,2vh,22px) 0 clamp(10px,1.6vh,16px)}
#academy .sfacts{margin-bottom:clamp(12px,2vh,20px)}
#academy .sacts .pill.ink{background:linear-gradient(180deg,#24272c,#121417);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 16px 30px -16px rgba(20,14,8,.7)}
#academy .room{background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.38));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 2px 0 #fff,0 70px 90px -50px rgba(122,84,52,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
#academy .legend{margin-top:clamp(14px,2.6vh,30px)}
#academy .seal{box-shadow:0 30px 60px -20px rgba(122,84,52,.6),inset 0 2px 0 rgba(255,255,255,.9)}
@media (max-width:900px){
  #academy.cat.peach{align-items:flex-start;padding-block:calc(70px + env(safe-area-inset-top,0px)) 18px!important}
  #academy .achead{gap:12px}
  #academy .achead h2.big{font-size:clamp(34px,10vw,44px)}
  #academy .aclead{font-size:14.5px;line-height:1.45}
  #academy .switch.gcards{gap:8px;flex-basis:100%;width:100%;max-width:100%;margin-inline:0!important;padding-inline:0!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  #academy .switch.gcards::-webkit-scrollbar{display:none}
  #academy .switch.gcards button{flex:0 0 calc(50% - 4px)!important;width:auto!important;scroll-snap-align:start}
  #academy .switch.gcards button{padding:10px 12px;border-radius:16px}
  #academy .acgrid{margin-top:12px;gap:14px}
  #academy .countbox.seatbox{padding:16px 16px 14px;border-radius:24px}
  #academy .countbox.seatbox{padding:12px 14px}
  #academy .seatbig{gap:12px}
  #academy .seatbig>b{font-size:62px}
  #academy .seatbox.is-full .seatbig>b{font-size:50px}
  #academy .seatbig strong{font-size:21px}#academy .seatbig span{font-size:13.5px;margin-top:3px}
  #academy .sdots{gap:5px;margin:10px 0 8px}#academy .sdots i{width:17px;height:12px;border-radius:4px}
  #academy .sfacts{font-size:13px;margin-bottom:10px}
  #academy .sacts .pill{padding-block:12px}
  #academy .room{padding:12px 12px 10px}
  #academy .screen{margin-bottom:16px;height:20px}
  #academy .desks{gap:10px 8px}
  #academy .door{display:none}
  #academy .legend{margin-top:6px;font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){#academy::before,#academy::after,#academy .achead h2 em{animation:none}}
/* the group cards share the row evenly; their seat dots shrink with them */
#academy .switch.gcards button{min-width:0;width:auto!important;max-width:100%}
#academy .switch.gcards .gtop{min-width:0;flex-wrap:wrap;row-gap:2px}
#academy .switch.gcards .gbar{min-width:0;gap:3px}