/* Inner pages in the v3 look. The older page parts (from v2.css and v2-pages.css) are re-skinned here:
   v3 colors, Bebas Neue headlines, Bricolage Grotesque for labels and buttons, Source Serif 4 for reading. */
.inner{
  --page:#FFFFFF; --body:#2A2D35; --muted:#585E6B; --grid:transparent; --rule:#E6E2DA;
  --orange:#E4321B; --orange-text:#A81F10; --doodle:#E4321B; --amber:#F2B33D;
  --disp:'Bricolage Grotesque',system-ui,sans-serif; --mono:'Bricolage Grotesque',system-ui,sans-serif;
  --typed:'Bricolage Grotesque',system-ui,sans-serif; --hand:'Bricolage Grotesque',system-ui,sans-serif;
}
.inner .disp{font-stretch:normal}
.inner h1,.inner h1.disp,.inner .disp.h1{font-family:var(--head);font-weight:400;letter-spacing:.01em;font-stretch:normal;text-transform:uppercase}
.inner main{font-family:var(--serif)}
.inner .plate{--plate:#14161C;--paper:#14161C;background-color:#14161C}

/* Labels and kickers */
.inner .kicker{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.08em}
.inner .kn{padding:3px 11px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700}
.inner .kn.orange{background:var(--lava);color:#fff}
.inner .plate .kn{background:#fff;color:#17191F}
.inner .plate .kn.orange{background:var(--lava);color:#fff}

/* Index cards become clean cards */
.inner .card{--ink:#17191F;--body:#2A2D35;color:#17191F;background:#fff;background-image:none;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 30px -18px rgba(23,25,31,.35);transform:none}
.inner .idx{padding:16px 20px 18px}
.inner .idx .ic-h{height:auto;font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.1em;color:var(--lava-deep)}
.inner .idx p{margin-top:6px;font-family:var(--serif);font-size:16.5px;line-height:1.55}
.inner .phero-card,.inner .mw-note,.inner .pw-card,.inner .ares-card,.inner .case,.inner .doc .sumcard{transform:none}

/* Buttons */
.inner .btn{border-radius:var(--r-btn)}
.inner .btn-orange{color:#fff;border-color:transparent;background:linear-gradient(120deg,var(--lava-hot) 0%,var(--lava) 40%,var(--lava-deep) 100%);background-size:220% 100%;background-position:30% 0;box-shadow:0 6px 18px -8px rgba(228,50,27,.75)}
.inner .btn-orange:hover{color:#fff;background-position:0 0;box-shadow:0 10px 26px -8px rgba(255,106,43,.85)}
.inner .btn-ink{background:var(--ink);color:#fff;border-color:var(--ink)}
.inner .btn-ink:hover{color:#fff;background:#000}
.inner .plate .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)}
.inner .plate .btn-ghost:hover{background:#fff;color:#17191F}

/* Softer boxes: hairline borders and rounded corners instead of heavy ink outlines */
.inner .mw,.inner .mitem,.inner .ringcard,.inner .trackcard,.inner .lesson,.inner .callout,.inner .author,.inner .gsearch,.inner .gl-term,.inner .fitcol,.inner .site,.inner .team article,.inner .cform,.inner .reason,.inner .pitem,.inner .cover,.inner .receipt,.inner .stop{border-color:var(--line);border-radius:14px}
.inner .lesson,.inner .trackcard,.inner .mitem,.inner .gl-term{background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .25s,transform .2s}
.inner .lesson:hover,.inner .trackcard:hover,.inner .mitem:hover{border-color:var(--ink);box-shadow:0 14px 30px -20px rgba(23,25,31,.5)}
.inner .chip2{border:1px solid var(--line);border-radius:999px;background:#fff}
.inner .chip2 i{border-radius:50%}
.inner .chip2.on{background:var(--ink);border-color:var(--ink);color:#fff}
.inner input,.inner textarea,.inner select{border-radius:10px}
.inner .sec-h,.inner h2.disp{font-family:var(--head);font-weight:400;letter-spacing:.01em}
.inner .lede{font-family:var(--serif)}

/* Headlines: big ones in Bebas, card titles in Bricolage, sentence case like the homepage */
.inner .phero-h,.inner .hero-h,.inner .doc h1,.inner .gc-title,.inner .pl-bundle h3,.inner .party-h,.inner .slip-h,.inner .q-title,.inner .q-rt{font-family:var(--head);font-weight:400;letter-spacing:.01em;font-stretch:normal}
.inner .phero-h{font-size:clamp(54px,7.6vw,104px);line-height:.9}
.inner .doc h2{font-family:var(--head);font-weight:400;font-size:clamp(32px,3.4vw,42px);letter-spacing:.01em;border-top-color:var(--line)}
.inner .st,.inner .mw h3,.inner .c-title,.inner .gc-ct,.inner .lb h3,.inner .team h3,.inner .site b,.inner .ws-grid .disp,.inner .sb-h,.inner .gx-h{font-family:var(--display);font-stretch:normal;font-weight:700;text-transform:none;letter-spacing:-.01em;line-height:1.2}
.inner .st{font-size:19px}
.inner .mw h3{font-size:24px}
.inner .specline,.inner .pi-m,.inner .ab-fig figcaption,.inner .updated{font-family:var(--display);letter-spacing:.06em}
.inner .ringcard{border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 30px -18px rgba(23,25,31,.35)}
.inner .mi-tag{border-radius:999px;font-family:var(--display);font-weight:700}

.inner .gsearch{border:1px solid var(--line);border-radius:999px;box-shadow:0 12px 30px -18px rgba(23,25,31,.35);padding-left:20px}
.inner .gsearch .btn{border-radius:999px}
.anchor{display:none!important}
.inner .prose h2,.inner .prose h3{scroll-margin-top:100px}

/* Workshop: "currently full" state */
.inner .ws-status{display:flex;gap:14px;align-items:flex-start;max-width:600px;margin-top:22px;padding:14px 18px;border:1px solid rgba(255,255,255,.14);border-left:4px solid var(--lava);border-radius:12px;background:rgba(255,255,255,.05)}
.inner .ws-status p{margin:0;font-family:var(--serif);font-size:17px;line-height:1.55;color:#D9DCE4}
.inner .ws-status b{color:#fff;font-family:var(--display)}
.inner .ws-dot{flex:0 0 auto;width:10px;height:10px;margin-top:8px;border-radius:50%;background:#FF6A2B;animation:livepulse 2s ease-out infinite}
.inner .ticket.is-full{position:relative}
.inner .ticket.is-full .tk-body{opacity:.55}
.inner .tk-stamp{position:absolute;right:-6px;top:50%;transform:translateY(-50%) rotate(-9deg);padding:10px 18px 12px;border:4px solid #fff;border-radius:8px;background:#14161C;color:#fff;text-align:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.7);animation:stampin .55s cubic-bezier(.3,1.6,.5,1) .6s both}
.inner .tk-stamp b{display:block;font-family:var(--head);font-weight:400;font-size:44px;line-height:.95;letter-spacing:.03em}
.inner .tk-stamp small{display:block;margin-top:4px;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#FF8A55}
@keyframes stampin{from{opacity:0;transform:translateY(-50%) rotate(-20deg) scale(1.8)}to{opacity:1;transform:translateY(-50%) rotate(-9deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.inner .tk-stamp,.inner .ws-dot{animation:none}}
@media (max-width:600px){.inner .tk-stamp{right:8px}.inner .tk-stamp b{font-size:34px}}

/* Merch hero picture */
.inner .phero-side{flex:0 1 460px;display:flex;flex-direction:column;align-items:stretch;gap:0}
.inner .phero-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 34px rgba(23,25,31,.28))}
.inner .phero-side .phero-card{flex:none;margin-top:-28px;margin-left:auto;max-width:320px;position:relative}
@media (max-width:700px){.inner .phero-side .phero-card{margin-top:0;max-width:none}}