.page-banner{border:1px solid var(--a24-border);background:var(--a24-tint);width:100%;box-shadow:0 5px 22px rgb(var(--a24-shadow-rgb) / .0275);border-radius:22px;margin:24px 0 0;overflow:hidden}.banner-visual{aspect-ratio:3;align-items:center;min-height:0;display:flex;position:relative}.page-banner .banner-heading{z-index:1;flex-direction:column;justify-content:center;width:32%;min-width:0;padding:24px;display:flex;position:relative}.page-banner .banner-heading .eyebrow{color:var(--teal);letter-spacing:1.3px;margin:0 0 14px;font-size:21px;font-weight:750;line-height:1.5}.page-banner .banner-heading h1{color:var(--ink);letter-spacing:-1.2px;overflow-wrap:anywhere;word-break:keep-all;margin:0;font-size:clamp(48px,4vw + 6px,58px);font-weight:800;line-height:1.25}.page-banner .banner-heading h1 .banner-title-phrase{white-space:nowrap;display:inline-block}.page-banner .banner-heading h1 em{color:var(--teal);font-style:normal}.page-banner .banner-heading h1 br{display:block}.banner-visual:after{content:"";pointer-events:none;background:linear-gradient(90deg,var(--a24-tint) 8%,rgb(var(--a24-tint-rgb) / .9098) 13%,rgb(var(--a24-tint-rgb) / 0) 32%);position:absolute;inset:0}.banner-artwork{justify-content:center;align-items:center;width:90%;min-width:0;display:flex;position:absolute;inset:0 0 0 auto}.banner-image{object-fit:contain;object-position:center;width:100%;height:100%;max-height:100%;display:block}.hub-intro{max-width:76ch;color:var(--a24-ink);margin:16px 0 24px}.hub-intro .hub-intro-lead{overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.7}.hub-intro-details{margin-top:6px}.hub-intro-details>summary{cursor:pointer;width:fit-content;min-height:44px;color:var(--teal);padding:10px 0;font-size:22px;font-weight:700;line-height:1.5}.hub-intro-details>summary:focus-visible{outline:3px solid var(--a24-focus);outline-offset:3px;border-radius:4px}.hub-intro-notes{border-left:3px solid var(--a24-border);background:var(--a24-tint);padding:12px 16px;font-size:24px;line-height:1.75}.hub-intro-notes p{margin:0 0 12px;font-size:24px;line-height:1.75}.hub-intro-notes p:last-child{margin-bottom:0}.hub-intro-notes a{color:var(--teal);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.hub-intro-notes small{color:var(--a24-muted);font-size:22px;line-height:1.65}.hub-intro-links{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.hub-intro-links>span{align-items:center;gap:6px;font-size:22px;display:inline-flex}@media (max-width:1000px){.page-banner{border-radius:18px;margin-top:18px}.banner-visual:after{display:none}.banner-visual{aspect-ratio:auto;flex-direction:column;align-items:stretch;display:flex}.page-banner .banner-heading{width:100%;min-height:164px;padding:20px 22px}.page-banner .banner-heading .eyebrow{margin-bottom:10px;font-size:19px}.page-banner .banner-heading h1{letter-spacing:-.8px;font-size:40px;line-height:1.25}.banner-artwork{aspect-ratio:3;flex:none;width:100%;min-height:0;position:relative;inset:auto}.banner-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.hub-intro{max-width:none;margin:12px 0 18px}}@media (max-width:360px){.page-banner .banner-heading{padding:18px}.page-banner .banner-heading h1{font-size:38px}.hub-intro-notes{padding:12px}}.page-banner-mascot{background:var(--a24-tint)}.page-banner-mascot .banner-visual:after{display:none}.page-banner-mascot .banner-heading{width:40%}.page-banner-mascot .banner-artwork{width:100%}.banner-artwork>picture{width:100%;height:100%;display:block}@media (max-width:1000px){.page-banner-mascot .banner-heading{width:100%;min-height:0;padding-bottom:12px}.page-banner-mascot .banner-artwork{aspect-ratio:auto;height:clamp(150px,50vw,220px)}}
