/* Chakra Petch: the league's base type. Rajdhani: readable body and table text. */
@font-face{font-family:'Chakra Petch';src:url('assets/fonts/chakra-petch-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url('assets/fonts/chakra-petch-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url('assets/fonts/chakra-petch-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Rajdhani;src:url('assets/fonts/rajdhani-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Rajdhani;src:url('assets/fonts/rajdhani-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}

body{font-size:17px;line-height:1.55;font-synthesis:none}
h1,h2,h3{font-weight:700;line-height:1.02}
.brand span{line-height:.96;font-size:14px}
.nav,.header-cta,.eyebrow,.small-label,.poster-top,.poster-caption>span,.league-strip a,.tabs button,th,.sort-label,.page-breadcrumb,.team-city,.round-label{font-family:var(--base)}
button,input,select,.button,.text-button,.section-link{font-family:var(--base)}
.nav{font-weight:600}
.hero h1{font-size:clamp(70px,8.3vw,126px);line-height:.94;letter-spacing:-.04em}
.hero-bottom p{font-size:16px;line-height:1.55}
.poster-caption{right:90px}
.poster-xv{opacity:.18}
.poster-caption h2{font-size:clamp(30px,3.3vw,50px);line-height:1.02;letter-spacing:-.03em}
.poster-top,.poster-caption>span,.poster-corner small{font-size:11px}
.poster-corner{line-height:1}
.poster-corner small{font-family:var(--base);letter-spacing:.08em}
.eyebrow,.small-label,.champion-callout>.small-label{font-size:11px}
.section-intro{font-size:17px;line-height:1.55}
.page-title{font-size:clamp(38px,4.6vw,66px);line-height:1.02}
.snapshot-note,.snapshot-note b,.snapshot-note #sync-status{font-size:12px}
.snapshot-note .text-button{font-size:11px}
.sort-label,select{font-size:11px}
table{font-size:15px}
th{font-size:11px;letter-spacing:.03em}
.team-link,td button{font-size:15px}
.leader-feature h3{font-size:35px}
.leader-stats span{font-size:11px}
.team-card .team-city{font-size:10px;line-height:1.4}
.team-card h3{font-size:22px;line-height:1.1;overflow-wrap:anywhere}
.follow-note{font-size:15px}
.result-count,.course-note{font-size:12px}
.course-item h3{font-family:var(--sans);font-size:18px;line-height:1.25}
.course-item .round-label{font-size:11px}
.history-feature h3{font-size:42px;line-height:1.05}
.history-feature>p:last-child{font-size:16px}
.honor-heading h3{font-size:24px}
.honor-heading>span{font-size:11px}
.champion-button>span:nth-child(2){font-family:var(--sans);font-size:16px}
.champion-button>span:first-child{font-size:11px}
.career-heading h3{font-size:30px}
.career-heading p:not(.eyebrow){font-size:14px}
.hub-link h3{font-size:30px;line-height:1.05}
.hub-link>span{font-family:var(--base);font-size:11px;letter-spacing:.05em}
.hub-link p{font-size:16px;line-height:1.45}
.home-team-name{font-size:18px}
.home-team-name small{font-size:13px}
.home-race .champion-callout h3{font-size:23px;line-height:1.1}
.resource-details p:not(.eyebrow){font-size:17px;line-height:1.7}
.resource-details .info-footnote{font-size:15px!important}
.resource-details .credits-list{font-size:17px}
.resources-section p:last-child{font-size:17px}
.resources-section h1{font-size:62px}
.resource-links small{font-size:11px}
.profile-top h1{font-size:clamp(44px,6vw,84px);line-height:1.05;overflow-wrap:anywhere;min-width:0}
.profile-top>div{min-width:0}
.profile-top h1>span{font-size:.4em}
.profile-roster h2{font-size:46px}
.profile-roster-list li{font-size:18px}
.profile-roster-list .player-number{font-family:var(--base);font-size:12px}
.profile-stats>span{font-family:var(--base);font-size:11px}
.profile-neighbors a{font-size:16px}
.profile-neighbors small{font-size:11px}
.footer-bottom,.footer-bottom .text-button{font-size:11px}

@media(max-width:1100px){
 .nav{font-size:12px;gap:17px}
 .hero h1{font-size:clamp(64px,8.2vw,90px)}
 .poster-caption h2{font-size:clamp(28px,3.3vw,37px)}
 .team-card h3{font-size:20px}
 .hub-link h3{font-size:26px}
 .profile-top h1{font-size:55px}
}
@media(max-width:900px){
 .nav{font-size:14px}
 .hero h1{font-size:clamp(54px,8.4vw,76px);line-height:.96}
 .poster-caption{right:17px}
 .poster-caption h2{font-size:clamp(24px,3.4vw,31px)}
 .poster-top{font-size:9px}
 .leader-feature h3{font-size:29px}
 .history-feature h3{font-size:35px}
 .career-heading h3{font-size:27px}
 .resource-details h2{font-size:46px}
 .resource-details h3{font-size:36px}
 .profile-top h1{font-size:46px}
}
@media(max-width:600px){
 h2{font-size:37px;line-height:1.03}
 .brand span{font-size:13px}
 .nav{font-size:15px}
 .hero h1{font-size:clamp(56px,14vw,82px);line-height:.95;letter-spacing:-.035em;margin:30px 0 27px}
 .hero-bottom p{font-size:16px;max-width:230px}
 .hero-bottom{flex-direction:column;align-items:flex-start;gap:18px}
 .hero-bottom .button{font-size:11px}
 .poster-caption{right:80px}
 .poster-caption h2{font-size:clamp(23px,5.5vw,31px);line-height:1.04}
 .poster-caption>span{font-size:10px}
 .poster-top{font-size:10px}
 .poster-corner{font-size:44px}
 .poster-corner small{font-size:10px}
 .league-strip>span,.league-strip a{font-size:9px}
 .league-strip b{font-size:27px}
 .page-title{font-size:36px}
 .section-intro{font-size:17px}
 .snapshot-note,.snapshot-note b,.snapshot-note #sync-status{font-size:11px}
 .snapshot-note .text-button{font-size:10px}
 .sort-label{font-size:0}
 select{font-size:10px}
 th{font-size:10px;letter-spacing:0}
 td{font-size:14px}
 .team-link,td button{font-size:14px}
 .leader-feature h3{font-size:29px}
 .leader-feature>.eyebrow{font-size:10px}
 .leader-stats b{font-size:24px}
 .team-card h3{font-size:clamp(14px,4.1vw,17px)}
 .team-card .team-city{font-size:9px}
 .search input{font-size:13px}
 .follow-filter{font-size:11px}
 .result-count{font-size:11px}
 .course-item h3{font-size:18px}
 .course-item .round-label{font-size:10px}
 .history-feature h3{font-size:34px}
 .history-feature>p:last-child{font-size:16px}
 .honor-heading{flex-wrap:wrap}
 .honor-heading h3{font-size:21px}
 .champion-button>span:nth-child(2){font-size:16px}
 .career-heading h3{font-size:25px}
 .career-table td{font-size:14px}
 .career-table th{font-size:10px}
 .hub-link h3{font-size:29px}
 .home-race .section-head h2{font-size:35px}
 .home-team-name{font-size:16px}
 .home-team-name small{font-size:12px}
 .home-race .champion-callout h3{font-size:26px}
 .resource-details h2{font-size:38px}
 .resource-details h3{font-size:31px}
 .resources-section h1{font-size:45px}
 .resource-links>a{font-size:22px}
 .profile-top{gap:15px}
 .profile-emblem{width:64px;height:80px;flex:0 0 64px}
 .profile-top h1{font-size:clamp(22px,6vw,34px)}
 .profile-top h1>span{font-size:.5em;line-height:1.3}
 .profile-roster h2{font-size:36px}
 .profile-roster-list li{font-size:18px}
 .profile-stats b{font-size:35px}
 .profile-neighbors a{font-size:15px}
 .footer-top>p{font-size:19px}
 .footer-top>a:last-child{font-size:11px}
}