.page-hero{--hero-background:var(--pf-bg,var(--bg,#0b0b0b));isolation:isolate;margin-inline:auto;align-items:center;width:100%;min-width:0;max-width:1240px;min-height:130px;margin-bottom:16px;padding:22px 0 30px;display:flex;position:relative;overflow:visible}.page-hero--illustrated{min-height:280px;padding-block:48px 56px}.page-hero-copy{z-index:1;overflow-wrap:anywhere;width:100%;max-width:760px;position:relative}.page-hero-copy>h1{letter-spacing:-.025em;font-weight:600;color:#fafafa!important;margin:0 0 15px!important;font-size:clamp(28px,3vw,42px)!important;line-height:1.12!important}.page-hero-copy strong{color:#fafafa;font-weight:800}.hero-text-field{gap:7px;min-width:0;display:grid}.hero-text-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.hero-text-toolbar .button{min-height:30px;padding:3px 10px;font-size:16px}.hero-editor-hint{color:#a3a3a3;margin:0;font-size:12px;line-height:1.5}.page-hero-copy p{color:#c4c5cc;max-width:620px;margin:0;font-size:15px;line-height:1.65}.page-hero--illustrated .page-hero-copy{text-shadow:0 2px 16px var(--hero-background)}.page-hero-art{z-index:0;pointer-events:none;position:absolute;inset:-24px 0 -48px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.page-hero-art img{object-fit:cover;object-position:center}.page-hero-art:after{content:"";background:linear-gradient(to bottom, var(--hero-background), transparent 22%, transparent 38%, var(--hero-background)), linear-gradient(to right, color-mix(in srgb, var(--hero-background) 88%, transparent), color-mix(in srgb, var(--hero-background) 12%, transparent));position:absolute;inset:0}.page-hero--overlap .page-hero-art{bottom:-72px}.page-hero--overlap{margin-bottom:0}.page-hero~*{position:relative}.hero-editor-grid{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.hero-editor-grid details{background:var(--surface,#171717);border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.hero-editor-grid details[open]{border-color:#ffffff26}.hero-editor-grid summary{cursor:pointer;align-items:center;gap:12px;padding:14px 16px;list-style:none;display:flex}.hero-editor-grid summary::-webkit-details-marker{display:none}.hero-editor-grid summary strong{margin-right:auto;font-weight:600}.hero-editor-grid summary>svg{color:#a3a3a3;flex-shrink:0;width:14px;height:14px}.hero-editor-grid details[open] summary>svg{transform:rotate(180deg)}.hero-editor-state{color:#a3a3a3;font-size:12px}.hero-editor-state.is-enabled{color:#8ccfa2}.hero-editor-fields{gap:16px;padding:0 16px 16px;display:grid}.hero-editor-content{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;display:grid}.hero-editor-text,.hero-editor-media{align-content:start;gap:12px;min-width:0;display:grid}.hero-editor-fields label{gap:7px;display:grid}.hero-editor-fields input:not([type=checkbox]),.hero-editor-fields textarea{box-sizing:border-box;color:#f5f5f5;width:100%;font:inherit;background:#0b0b0b;border:1px solid #ffffff26;border-radius:8px;padding:10px 12px}.hero-editor-fields textarea{resize:vertical;min-height:94px}.hero-editor-fields .hero-check{align-items:center;gap:9px;width:fit-content;font-weight:600;display:flex}.hero-check input{width:17px;height:17px;accent-color:var(--accent,#ff2b3a);margin:0}.hero-editor-thumbnail{aspect-ratio:3;background:#0b0b0b;border:1px solid #ffffff14;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.hero-editor-thumbnail img{object-fit:contain}.hero-editor-thumbnail--portrait{aspect-ratio:2/3;width:min(100%,200px)}.hero-editor-thumbnail>span{color:#a3a3a3;align-items:center;gap:8px;font-size:13px;display:flex}.hero-editor-actions{flex-wrap:wrap;gap:8px;display:flex}.hero-editor-actions .button{justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:13px;display:inline-flex}.hero-editor-actions svg{flex-shrink:0}.banner-section-switch{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.banner-section-switch [aria-pressed=true]{color:#fff;background:#412026;border-color:#e34950}@media (max-width:700px){.page-hero--illustrated{min-height:240px;padding-block:30px 40px}.page-hero-art:after{background:linear-gradient(to bottom, var(--hero-background), transparent 22%, transparent 38%, var(--hero-background)), color-mix(in srgb, var(--hero-background) 65%, transparent)}.page-hero-copy p{font-size:14px}.page-hero-copy>h1{font-size:28px!important}.hero-editor-content{grid-template-columns:minmax(0,1fr);gap:16px}}.page-hero.page-hero--portrait{box-sizing:border-box;text-align:center;background:radial-gradient(at 50% 45%,#ac33451a,#0000 68%);align-items:center;max-width:480px;min-height:240px;margin:0 auto;padding:32px 12px;display:grid}.page-hero--portrait.page-hero--illustrated{aspect-ratio:2/3;align-items:center;padding:24px 12px}.page-hero--portrait .page-hero-art{inset:0;-webkit-mask-image:none;mask-image:none}.page-hero--portrait .page-hero-art img{object-fit:contain;object-position:center}.page-hero--portrait .page-hero-art:after{background:linear-gradient(to bottom, var(--hero-background), transparent 22%, transparent 70%, var(--hero-background)), radial-gradient(ellipse at center, color-mix(in srgb, var(--hero-background) 42%, transparent), color-mix(in srgb, var(--hero-background) 28%, transparent) 45%, color-mix(in srgb, var(--hero-background) 8%, transparent))}.page-hero--portrait .page-hero-copy{text-shadow:0 2px 8px #000,0 3px 22px #000;width:100%;min-width:0}.page-hero--portrait .page-hero-copy>h1{text-wrap:balance;width:100%;max-width:none;margin-bottom:12px!important;font-size:clamp(28px,3vw,42px)!important}.page-hero--portrait .page-hero-copy p{color:#e0e1e7;text-wrap:pretty;font-size:14px}.page-hero-footer{margin-top:20px}@media (max-width:800px){.page-hero.page-hero--portrait{max-width:320px;min-height:0;padding-block:24px}}
