.hp{--hp-black:#0a0a0a;--hp-white:#f5f3ee;--hp-red:#c8102e;--hp-blue:#1d428a;--hp-gold:#c9a24b;--hp-grey:#8a8d8f;background:var(--hp-black);color:var(--hp-white);margin:-1px 0 0;font-family:Inter,Helvetica,Arial,sans-serif}.hp *{box-sizing:border-box}.hp a{color:var(--hp-red)}.hp .word{letter-spacing:-.01em;text-transform:uppercase;font-family:Anton,Impact,Arial Narrow Bold,sans-serif}.hp .label{text-transform:uppercase;letter-spacing:.08em;color:var(--hp-grey);font-family:Inter,Helvetica,Arial,sans-serif;font-size:11px}.hp-nav{z-index:20;background:#0a0a0af2;border-bottom:1px solid #8a8d8f21;justify-content:space-between;align-items:center;padding:18px min(56px,5vw);display:flex;position:sticky;top:0}.hp-nav-brand{align-items:center;gap:12px;display:flex}.hp-nav-brand .badge{border-radius:6px;width:32px;height:32px;display:flex;overflow:hidden}.hp-nav-brand .badge span{flex:1}.hp-nav-links{gap:26px;display:flex}.hp-nav-links a{text-decoration:none}.hp-nav .cta{color:var(--hp-white);background:var(--hp-red);padding:10px 20px;font-size:13px}.hp-hero{flex-direction:column;justify-content:flex-end;gap:6px;min-height:520px;padding:90px min(56px,5vw) 50px;display:flex;position:relative;overflow:hidden}.hp-hero-bg{z-index:0;display:flex;position:absolute;inset:0}.hp-hero-bg .portrait{flex:1.3;position:relative;overflow:hidden}.hp-hero-bg .portrait img{object-fit:cover;object-position:top center;width:100%;height:100%}.hp-hero-bg .portrait:after{content:"";background:linear-gradient(90deg, var(--hp-black) 0%, #0a0a0a59 60%, #0a0a0a1a 100%);position:absolute;inset:0}.hp-hero-bg .render{background:var(--hp-black);flex:1;position:relative;overflow:hidden}.hp-hero-bg .render img{object-fit:cover;object-position:top;opacity:.92;width:100%;height:100%}.hp-hero-bg .render:after{content:"";background:linear-gradient(180deg, #0a0a0a0d 0%, var(--hp-black) 96%);position:absolute;inset:0}.hp-hero-bg .placeholder{background:repeating-linear-gradient(45deg,#1c1e22,#1c1e22 18px,#14161a 18px 36px);width:100%;height:100%}.hp-hero>*{z-index:1;position:relative}.hp-highlight-link{color:var(--hp-white);background:#0a0a0a59;border:1px solid #f5f3ee40;align-items:center;gap:10px;margin-top:8px;padding:14px 22px;text-decoration:none;display:inline-flex}.hp-highlight-link:hover{border-color:var(--hp-white)}.hp-no-highlight{color:#f5f3ee99;font-size:13px}.hp-hero .eyebrow{color:var(--hp-gold);margin-bottom:20px}.hp-hero h1{margin:0;font-size:clamp(48px,8vw,96px);line-height:.86}.hp-hero .handle{color:var(--hp-gold);letter-spacing:.18em;margin-top:8px}.hp-hero .nickname{color:var(--hp-gold);margin-top:6px;font-size:24px}.hp-hero .jersey{color:#f5f3ee21;font-size:64px;position:absolute;top:90px;right:56px}.hp-milestone{background:linear-gradient(90deg, var(--hp-gold), #8a6d2e);color:var(--hp-black);align-items:center;gap:18px;padding:20px min(56px,5vw);display:flex}.hp-milestone .icon{font-size:32px}.hp-milestone .title{font-size:20px}.hp-milestone .sub{opacity:.75;font-size:12px}.hp-section{padding:64px min(56px,5vw)}.hp-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:32px;display:flex}.hp-section-head .kicker{margin-bottom:8px}.hp-section-head .title{font-size:34px}.hp-section-head .sub{color:var(--hp-grey);max-width:560px;margin-top:8px;font-size:14px}.hp-scouting{padding:70px min(56px,5vw) 20px}.hp-scouting .box{background:#f5f3ee0d;border:1px solid #8a8d8f21;max-width:900px;padding:44px}.hp-scouting .title{margin:14px 0 18px;font-size:28px;line-height:1.2}.hp-scouting p{color:var(--hp-grey);margin:0;font-size:15px;line-height:1.75}.hp-stats{flex-wrap:wrap;gap:2px;padding:28px min(56px,5vw) 0;display:flex}.hp-stat{border-top:3px solid var(--accent);background:#f5f3ee0d;flex:200px;padding:26px 28px}.hp-stat .value{font-size:36px}.hp-stat .goal{color:var(--hp-grey);font-size:14px}.hp-stat .bar{background:#8a8d8f33;height:6px;margin-top:16px}.hp-stat .bar>div{background:var(--accent);height:6px}.hp-stat .pct{margin-top:8px}.hp-modes{background:var(--hp-red);padding:64px min(56px,5vw)}.hp-modes .hp-section-head .kicker,.hp-modes .hp-section-head .sub{color:#0a0a0ab3}.hp-modes .hp-section-head .title{color:var(--hp-black)}.hp-mode-grid{flex-wrap:wrap;gap:16px;display:flex}.hp-mode{background:#0a0a0a21;border:1px solid #f5f3ee21;flex:200px;padding:24px}.hp-mode-head{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.hp-mode-head .name{font-size:19px}.hp-mode-head .grade{background:#0a0a0a33;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;display:flex}.hp-mode .record{margin-bottom:16px}.hp-mode-stats{gap:10px;display:flex}.hp-mode-stats .v{font-family:Anton,sans-serif;font-size:18px}.hp-mode-stats .k{color:#f5f3eeb3;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.hp-totals-shot{flex-wrap:wrap;gap:20px;padding:64px min(56px,5vw);display:flex}.hp-totals,.hp-shot{background:#f5f3ee0d;border:1px solid #8a8d8f21;flex:320px;padding:32px}.hp-totals .title,.hp-shot .title{margin:6px 0 18px;font-size:22px}.hp-totals-row{border-bottom:1px solid #8a8d8f21;justify-content:space-between;padding:12px 0;display:flex}.hp-totals-row .v{font-family:Anton,sans-serif;font-size:15px}.hp-court{background:#c9a24b33;border:1px solid #c9a24b59;height:260px;position:relative}.hp-court .arc{border:1px solid #c9a24b66;border-bottom:none;border-radius:140px 140px 0 0;width:140px;height:140px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hp-zone{text-align:center;position:absolute;transform:translate(-50%,-50%)}.hp-zone .pct{color:#0a0a0ab3;font-size:10px}.hp-legend{gap:20px;margin-top:16px;display:flex}.hp-legend .dot{align-items:center;gap:8px;display:inline-flex}.hp-legend .sw{width:10px;height:10px;display:inline-block}.hp-accolades{max-width:900px}.hp-accolade{border-bottom:1px solid #8a8d8f21;align-items:center;gap:14px;padding:18px 0;font-size:14px;display:flex}.hp-beat{padding:0 min(56px,5vw) 64px}.hp-beat .box{border-top:3px solid var(--hp-gold);background:#f5f3ee0d;max-width:900px;padding:44px}.hp-beat .title{margin:0 0 18px;font-size:30px}.hp-beat p{color:var(--hp-grey);margin:0 0 14px;font-size:14px;line-height:1.8}.hp-highlights{background:var(--hp-blue);padding:64px min(56px,5vw)}.hp-highlight-grid{flex-wrap:wrap;gap:20px;display:flex}.hp-highlight-main{flex:1.4 320px}.hp-highlight-main .frame{background:var(--hp-black);justify-content:center;align-items:center;height:320px;font-size:48px;display:flex;position:relative}.hp-highlight-main .frame .tag{text-align:left;position:absolute;top:20px;left:20px}.hp-highlight-side{background:#f5f3ee12;flex-direction:column;flex:220px;display:flex}.hp-highlight-side .frame{background:#0a0a0a54;flex:1;justify-content:center;align-items:center;font-size:32px;display:flex}.hp-highlight-side .meta{padding:16px}.hp-road{background:var(--hp-gold);color:var(--hp-black);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:36px min(56px,5vw);display:flex}.hp-road .word{font-size:clamp(28px,5vw,56px)}.hp-history-rail{gap:16px;padding-bottom:6px;display:flex;overflow-x:auto}.hp-snap{background:#f5f3ee0d;border:1px solid #8a8d8f21;flex:0 0 240px;padding:20px}.hp-snap-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hp-snap .tag{color:var(--hp-black);background:var(--hp-gold);padding:3px 8px;font-size:9px}.hp-snap-stats{gap:10px;margin-top:16px;display:flex}.hp-snap-next{text-align:center;color:var(--hp-grey);border:1px dashed #8a8d8f66;flex:0 0 200px;justify-content:center;align-items:center;font-size:10px;display:flex}.hp-footer{padding:64px min(56px,5vw) 56px}.hp-footer .box{background:#f5f3ee0d;border:1px solid #8a8d8f21;align-items:flex-start;gap:20px;max-width:900px;padding:36px;display:flex}.hp-footer .avatar{background:#8a8d8f33;border-radius:50%;flex:none;width:56px;height:56px}.hp-footer .name{font-size:16px}.hp-footer .bio{color:var(--hp-grey);margin-top:8px;font-size:13px;line-height:1.7}.hp-footer .contact{color:var(--hp-gold);margin-top:12px}.hp-footer .synced{color:var(--hp-grey);text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:12px;margin-top:40px;font-size:10px;display:flex}@media (max-width:800px){.hp-nav-links,.hp-hero .jersey{display:none}}