:root{--hof-gold:#e5c17c;--hof-ink:#f6f1fc;--hof-muted:#c9bed4}
body.sb-public-polish.hof-page{background:#0b0915;color:var(--hof-ink)}
.hof-page *{box-sizing:border-box}.hof-page main{overflow:hidden}
.hof-wrap{width:min(1150px,calc(100% - 40px));margin:auto}
.hof-page a{color:#ebc984;text-underline-offset:4px}.hof-page a:focus-visible,.hof-page summary:focus-visible{outline:3px solid #efcd83;outline-offset:4px}
.hof-kicker{color:var(--hof-gold);font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.hof-hero{position:relative;padding:105px 0 86px;background:radial-gradient(ellipse at 80% 36%,#372052,transparent 50%),linear-gradient(130deg,#0c0918,#191029);border-bottom:1px solid #554061}
.hof-hero-grid,.hof-feature,.hof-spotlightgrid{display:grid;grid-template-columns:1.35fr 0.65fr;gap:60px;align-items:start}
.hof-title{font-size:clamp(60px,9vw,122px);font-weight:900;letter-spacing:-.075em;line-height:.91;margin:22px 0 35px;text-wrap:balance}
.hof-title span{color:var(--hof-gold);display:block}
.hof-intro{color:#e2d6ea;max-width:640px;font-size:clamp(18px,2vw,23px);line-height:1.65}
.hof-circle{aspect-ratio:1;border:1px solid #a6885f;border-radius:50%;background:radial-gradient(circle,#271939,#130d21 72%);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 75px #2b1949}
.hof-circle img{width:72%;height:auto}.hof-circle span{font-size:12px;font-weight:800;color:var(--hof-gold);letter-spacing:.22em}
.hof-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:39px}
.hof-stat,.hof-proof{border:1px solid #655077;background:#1b132b;padding:23px}
.hof-stat strong,.hof-proof strong{font-size:clamp(30px,4vw,49px);font-weight:900;color:var(--hof-gold);display:block;line-height:1.2}
.hof-stat span,.hof-proof span{display:block;margin-top:9px;font-size:11px;color:#d1c3de;letter-spacing:.12em;text-transform:uppercase}
.hof-index{border-bottom:1px solid #32263e;padding:19px 0;font-size:14px}
.hof-index a{margin-right:24px;display:inline-block}
.hof-section{padding:clamp(70px,8vw,104px) 0}.hof-sep{border-top:1px solid #3c2b47}
.hof-chapter{color:var(--hof-gold);font-weight:800;letter-spacing:.19em;font-size:12px;text-transform:uppercase}
.hof-h2{max-width:910px;font-size:clamp(38px,5.4vw,70px);line-height:1.1;letter-spacing:-.055em;margin:16px 0 25px}
.hof-deck{max-width:850px;color:#e1d5e9;font-size:clamp(19px,2.1vw,26px);line-height:1.55;margin:0 0 42px}
.hof-prose{color:#d7cde2;max-width:745px;font-size:17px;line-height:1.88}
.hof-prose p{margin:0 0 24px}.hof-prose strong{color:#fff}
.hof-feature{grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:50px}
.hof-proof{background:linear-gradient(#251632,#140f22);margin:4px 0 30px}.hof-proof p{color:#d3c4db;line-height:1.8;font-size:15px}.hof-proof hr{border:0;border-top:1px solid #5b4562;margin:23px 0}
.hof-quote{font-size:clamp(24px,3vw,34px);line-height:1.38;color:#f7e9ff;border-left:4px solid var(--hof-gold);padding:8px 0 8px 22px;margin:34px 0;font-weight:700}
.hof-film{background:#171123;border:1px solid #554166;padding:26px;margin:35px 0 0}
.hof-film h3{font-size:24px;letter-spacing:-.03em;margin:6px 0 9px}.hof-film p{color:#cbbfd9;font-size:15px;line-height:1.7;max-width:810px}
.hof-film-label{font-size:11px;letter-spacing:.18em;color:var(--hof-gold);text-transform:uppercase}
.hof-film summary{cursor:pointer;display:inline-block;padding:12px 19px;background:var(--hof-gold);color:#1a1122;font-weight:800;margin:14px 0;border-radius:3px}
.hof-film details[open] summary{margin-bottom:20px}
.hof-frame{width:100%;height:510px;border:1px solid #645072;border-radius:5px;background:#100a19}
.hof-film a{font-weight:800;font-size:14px}.hof-film small{display:block;color:#9e8ead;padding-top:12px}
.hof-roster{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:29px 0}
.hof-player{padding:24px 16px;border:1px solid #4a3957;background:linear-gradient(140deg,#261833,#100c1b);min-height:122px}
.hof-player small{display:block;color:var(--hof-gold);text-transform:uppercase;letter-spacing:.16em;font-size:11px}.hof-player strong{display:block;overflow-wrap:anywhere;color:#fff;margin-top:16px;font-size:18px}
.hof-spotlight{background:linear-gradient(120deg,#21152f,#100b1c);border-top:1px solid #544361;border-bottom:1px solid #544361}
.hof-spotlightgrid{grid-template-columns:1fr 1fr}.hof-spotlight h3{font-size:clamp(28px,3vw,43px);margin:10px 0 20px;letter-spacing:-.045em}
.hof-spotlight p{font-size:16px;line-height:1.84;color:#d4c7df}.hof-list{padding-left:20px;color:#cfbfd8;line-height:1.8}
.hof-list li{margin-bottom:14px}.hof-list strong{color:#fff}
.hof-method{background:#0e0b18;padding:75px 0}.hof-method h2{font-size:28px}.hof-method p,.hof-method li{font-size:14px;line-height:1.82;color:#beafcd;max-width:885px}
.hof-ending{background:radial-gradient(ellipse at 50% 30%,#39224d,#140d21);text-align:center;padding:77px 0}
.hof-ending h2{font-size:clamp(35px,5.5vw,65px);letter-spacing:-.05em;line-height:1.08}
.hof-ending a{display:inline-block;padding:13px 23px;background:var(--hof-gold);color:#1c1228;text-decoration:none;font-weight:800}
@media(max-width:860px){.hof-hero-grid,.hof-feature,.hof-spotlightgrid{grid-template-columns:1fr}.hof-circle{width:min(360px,100%);margin:auto}.hof-roster{grid-template-columns:repeat(3,1fr)}}
@media(max-width:570px){.hof-wrap{width:calc(100% - 28px)}.hof-title{font-size:clamp(55px,15vw,85px)}.hof-stats{grid-template-columns:1fr}.hof-roster{grid-template-columns:repeat(2,1fr)}.hof-frame{height:470px}.hof-film{padding:15px}}
@media(prefers-reduced-motion:reduce){.hof-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Mobile overflow/accessibility regression correction */
.hof-hero-grid>*{min-width:0}
.hof-title{overflow-wrap:break-word}
@media(max-width:860px){
 .hof-hero-grid,.hof-feature,.hof-spotlightgrid{grid-template-columns:minmax(0,1fr)}
 .hof-page .header-actions .button-portal{display:none}
}
@media(max-width:570px){
 .hof-title{font-size:clamp(40px,11.2vw,53px);letter-spacing:-.065em;line-height:1.03}
 .hof-intro{font-size:17px;max-width:100%}
 .hof-kicker{letter-spacing:.13em;overflow-wrap:break-word}
 .hof-stats{grid-template-columns:minmax(0,1fr)}
 .hof-proof strong{overflow-wrap:anywhere}
}

@media(max-width:570px){
 .hof-hero-grid>div:first-child{width:calc(100vw - 28px);max-width:calc(100vw - 28px);min-width:0}
 .hof-intro{width:100%!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere}
 .hof-kicker{width:100%;white-space:normal!important;overflow-wrap:anywhere;max-width:100%}
}