.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.language-switch{display:inline-flex;align-items:center;gap:2px;margin-left:2px;padding-left:13px;border-left:1px solid #f3efe54d;font:9px var(--mono);flex-shrink:0}
.language-switch>span{opacity:.4;font-size:8px}.language-switch button{background:none;border:0;padding:8px 5px;min-width:27px;min-height:34px;color:inherit;font:inherit;opacity:.55;position:relative}.language-switch button[aria-pressed=true]{opacity:1}.language-switch button[aria-pressed=true]:after{content:'';position:absolute;bottom:5px;height:1px;left:5px;right:5px;background:currentColor}.language-switch button:hover{opacity:1}.language-switch button:focus-visible{outline-offset:0}
html[lang=en] .hero h1{font-size:clamp(80px,7.8vw,130px);letter-spacing:-.065em}html[lang=en] .hero h1>span{font-size:1.25em;letter-spacing:-.05em}
html[lang=en] .hero-heading{top:27%}html[lang=en] .hero-exit{font-size:7.3vw}html[lang=en] .hero-exit>span:last-child{font-size:1.1em}
html[lang=en] .spread-number .percent-sign{order:2;margin-left:3px}
html[lang=en] .chapter-copy.sports-copy h2{font-size:clamp(54px,5.1vw,83px)}
@media(min-width:1700px){html[lang=en] .hero h1{font-size:7.8vw}}
@media(max-width:1100px){.site-header .header-note{display:none}.site-header nav{gap:19px}html[lang=en] .hero h1{font-size:8.2vw}}
@media(max-height:740px) and (min-width:701px){html[lang=en] .hero h1{font-size:7vw}html[lang=en] .hero-heading{top:29%}}
@media(max-width:700px){.site-header nav{gap:11px;font-size:9px}.site-header .contact-link{display:none}.language-switch{padding-left:7px;margin-left:0;font-size:8px;gap:0}.language-switch button{min-width:25px;min-height:36px;padding-inline:4px}html[lang=en] .hero h1{font-size:13.8vw;line-height:1.08}html[lang=en] .hero h1>span{font-size:1.3em}html[lang=en] .hero-heading{top:25%}html[lang=en] .hero-heading-label{font-size:5px}html[lang=en] .hero-exit{font-size:10.2vw;line-height:1.2}html[lang=en] .hero-exit>span:last-child{font-size:1.12em}html[lang=en] .chapter-copy.sports-copy h2{font-size:10.8vw}html[lang=en] .catalogue-name{font-size:4.5vw}html[lang=en] .terminal-caption .line-button{font-size:8px;gap:12px}}
@media(max-width:380px){.site-header nav{gap:8px}.site-header .brand{font-size:16px}.brand-symbol{margin-right:8px}.language-switch{padding-left:5px}}

/* Reserve room for the three Turkish title lines, label and CTA.
   Width alone made the title collide with the footer on wide, short windows. */
@media(min-width:701px){
  html[lang=tr] .hero-stage{--hero-title-size:clamp(90px,9.7vw,158px);--hero-title-room:calc(76svh - 262px)}
  html[lang=tr] .hero h1{font-size:min(var(--hero-title-size),calc(var(--hero-title-room) / 3))}
}
@media(min-width:1700px){html[lang=tr] .hero-stage{--hero-title-size:10vw}}
@media(min-width:701px) and (max-width:1100px){html[lang=tr] .hero-stage{--hero-title-size:10.5vw;--hero-title-room:calc(73svh - 262px)}}
@media(min-width:701px) and (max-height:740px){html[lang=tr] .hero-stage{--hero-title-size:8.6vw;--hero-title-room:calc(max(73svh,467.2px) - 219px)}}
@media(max-width:700px){html[lang=tr] .hero h1{font-size:min(17.2vw,calc((max(77svh,569.8px) - 212px) / 3.15))}}
/* The same height guard protects English on shorter windows without changing
   its existing typography when there is already enough space. */
@media(min-width:701px){
  html[lang=en] .hero-stage{--hero-title-size:clamp(80px,7.8vw,130px);--hero-title-room:calc(73svh - 262px)}
  html[lang=en] .hero h1{font-size:min(var(--hero-title-size),calc(var(--hero-title-room) / 3))}
}
@media(min-width:1700px){html[lang=en] .hero-stage{--hero-title-size:7.8vw}}
@media(min-width:701px) and (max-width:1100px){html[lang=en] .hero-stage{--hero-title-size:8.2vw}}
@media(min-width:701px) and (max-height:740px){html[lang=en] .hero-stage{--hero-title-size:7vw;--hero-title-room:calc(max(71svh,454.4px) - 219px)}}