html{scroll-padding-top:110px}.site-header{position:sticky;top:0;z-index:1000;background:#101015f5;backdrop-filter:blur(14px);border-bottom:1px solid #39333f}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:24px}.site-header nav a{white-space:nowrap}.home-page .hero-front img,.home-page .hero-back img{width:100%;height:100%;object-fit:contain}.home-page .hero-front,.home-page .hero-back{overflow:visible}.design-page .studio{padding-top:45px}.styles-page .collection{padding-top:45px}@media(max-width:760px){.site-header{padding:13px 6%;display:flex;flex-wrap:wrap;gap:14px}.site-header .brand{font-size:21px}.site-header nav{width:100%;justify-content:space-between;gap:8px}.site-header nav a{font-size:11px}.home-page .hero{padding-top:30px}.home-page .hero-art{margin-top:0}.design-page .studio,.styles-page .collection{padding-top:30px}.home-page footer{margin-top:0}}
.faq-page{max-width:900px;margin:auto;padding:55px 6% 80px}.faq-page h1{font-size:58px;margin-bottom:35px}.faq-page details{border-top:1px solid #423b49;padding:20px 0}.faq-page summary{cursor:pointer;font-size:20px;color:#efdfb9}.faq-page p{font-size:16px;line-height:1.65;color:#bbb4c4}.site-header a{font-family:Arial,sans-serif}.cta span{font-family:Arial,sans-serif}
.home-page .hero-art .back-piece img{transform:none}.home-page .hero-art .pair-piece img{width:100%;height:100%;object-fit:contain}

.studio>.step-tabs{margin:0 0 24px;padding:14px;background:#18151d;border:1px solid #48404e;scroll-margin-top:100px}.studio>.step-tabs button{min-height:44px}.back-step{display:block;margin-top:18px;padding:12px 0}.step-panel .sport-picker{margin:20px 0}.step-panel .sport-picker>div p{font-size:12px}@media(max-width:760px){.studio-shell{display:flex;flex-direction:column}.studio-shell>.config{order:0;border-top:0}.studio-shell>.proof-stage{order:1;border-top:1px solid #48404e}.studio>.step-tabs{position:relative;scroll-margin-top:110px;padding:10px 4px}.studio>.step-tabs button span{display:block;font-size:11px}.studio-shell.editing-photo>.proof-stage{display:none}}

.football-role-picker,.football-stats-note,.football-stat-group{grid-column:1/-1}.football-stat-group{border:1px solid #48404e;padding:14px;margin:5px 0}.football-stat-group legend{padding:0 8px;font-size:13px;color:#dec68b}.football-stat-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.football-stat-group[hidden]{display:none}

.logo-brand{display:block;flex-shrink:0;line-height:0}.logo-brand img{display:block;width:82px;height:auto;aspect-ratio:1;object-fit:contain}header.site-header{padding-top:10px;padding-bottom:10px}footer .logo-brand img{width:132px}@media(max-width:760px){header.site-header{flex-wrap:nowrap;gap:18px;padding:10px 5%}.site-header .logo-brand img{width:64px}.site-header nav{width:auto;flex:1;gap:9px;justify-content:space-between}.site-header nav a{font-size:11px}.studio>.step-tabs{scroll-margin-top:95px}}

.logo-brand img{width:100px}footer .logo-brand img{width:150px}@media(max-width:760px){.site-header .logo-brand img{width:80px}.site-header nav{gap:8px}.site-header nav a{font-size:11px}.studio>.step-tabs{scroll-margin-top:110px}}

/* Baseball order-sheet stat roles. */
.baseball-role-picker,.baseball-stats-note,.baseball-stat-group{grid-column:1/-1}.baseball-stat-group{border:1px solid #48404e;padding:14px;margin:5px 0}.baseball-stat-group legend{padding:0 8px;font-size:13px;color:#dec68b}.baseball-stat-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.baseball-stat-group[hidden]{display:none}

/* Measure the header rather than hard-coding a phone-specific scroll offset. */
html{--site-header-height:121px;scroll-padding-top:calc(var(--site-header-height) + 12px)}
.studio>.step-tabs{scroll-margin-top:0}
@media(max-width:760px){html{--site-header-height:101px}.studio>.step-tabs{position:sticky;top:var(--site-header-height);z-index:900;scroll-margin-top:0;margin-bottom:24px;background:#18151d}.studio>.step-tabs button{font-size:12px;text-align:center}.studio>.step-tabs button span{font-size:12px;margin-left:0}}

/* Keep the static home artwork consistent with the protected trim previews. */
.home-page .hero-art .print-safe-static{background:#16121e}
.home-page .hero-art .print-safe-static img{position:absolute;left:5%;top:5%;width:90%;height:90%}
