/* Shared navigation for the portfolio, forms and private studio. */
.page-brand{display:flex;justify-content:center;align-items:center;padding:28px 5% 4px}
.page-brand .site-logo-sports{width:270px}
.page-brand .site-logo-portrait{height:116px}
#story a.film{overflow:visible;background:transparent}
.film-window{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#24241e}
.film-title{position:absolute;top:100%;left:0;width:100%;padding-top:16px;text-align:center;font:clamp(17px,1.8vw,28px)/1.25 Georgia,serif;color:var(--ink)}
@media(max-width:700px){.page-brand{padding-top:22px}.page-brand .site-logo-sports{width:220px}.page-brand .site-logo-portrait{height:96px}.film-title{font-size:16px;padding-top:12px}#story.scroll-story{--phone-stage-height:max(100svh,700px,calc(76.45vw + 390px))}}
html:not(.consent-open) footer a[href="consent.html"]{display:none}
.site-announcement{background:#246b70;color:#fff;text-align:center;padding:12px 5%;font:500 14px/1.5 'DM Sans',sans-serif;overflow-wrap:anywhere;white-space:pre-line}
.site-announcement[hidden]{display:none}
.site-header{position:relative;inset:auto;display:grid;grid-template-columns:180px minmax(0,1fr) 180px;align-items:center;gap:24px;width:100%;height:112px;min-height:0;padding:16px 5%;border-bottom:1px solid #cbdbe280;background:var(--bg);z-index:5}
.site-header nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 28px;font:500 14px 'DM Sans',sans-serif}
.site-header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;text-decoration:none;border-bottom:2px solid transparent;padding:5px 0;color:var(--ink)}
.site-header nav a:hover,.site-header nav a[aria-current="page"]{color:var(--accent);border-bottom-color:var(--accent)}
.site-logo{display:block;position:relative;overflow:hidden;flex-shrink:0}
.site-logo-sports{width:180px;aspect-ratio:1640/450;justify-self:start}
.site-logo-sports img{position:absolute;width:121.9512%;height:auto;max-width:none;left:-8.9024%;top:-126.6667%}
.site-logo-portrait{height:76px;aspect-ratio:850/760;justify-self:end}
.site-logo-portrait img{position:absolute;width:235.2941%;height:auto;max-width:none;left:-65.8824%;top:-73.6842%}
@media(max-width:1050px){.site-header{grid-template-columns:125px minmax(0,1fr) 125px;gap:16px;padding-inline:4%}.site-logo-sports{width:125px}.site-logo-portrait{height:66px}.site-header nav{gap:6px 18px;font-size:12px}}
@media(max-width:700px){.site-header{height:112px;grid-template-columns:68px minmax(0,1fr) 68px;gap:10px;padding:10px 4%}.site-logo-sports{width:68px}.site-logo-portrait{height:54px}.site-header nav{display:grid;grid-template-columns:auto auto;gap:0 10px;font-size:11px}.site-header nav a{min-height:42px}.site-header nav a:focus-visible{outline-offset:2px}}
@media(max-width:370px){.site-header{grid-template-columns:50px minmax(0,1fr) 50px;gap:6px}.site-logo-sports{width:50px}.site-logo-portrait{height:44px}.site-header nav{font-size:10px;gap:0 8px}}
@media print{.site-header{display:none}}
.site-header.single-brand{grid-template-columns:180px minmax(0,1fr)}
.single-brand .site-logo-portrait{justify-self:start}
@media(max-width:1050px){.site-header.single-brand{grid-template-columns:125px minmax(0,1fr)}}
@media(max-width:700px){.site-header.single-brand{grid-template-columns:90px minmax(0,1fr)}.single-brand .site-logo-sports{width:90px}.single-brand .site-logo-portrait{height:64px}}
@media(max-width:370px){.site-header.single-brand{grid-template-columns:68px minmax(0,1fr)}.single-brand .site-logo-sports{width:68px}.single-brand .site-logo-portrait{height:54px}}
.site-header nav{gap:6px 20px}
#story a.film{cursor:pointer;transition:box-shadow .2s}
#story a.film:hover{box-shadow:0 0 0 3px var(--accent)}
#story a.film:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(max-width:700px){.site-header{height:142px}.site-header nav{gap:0 10px}.site-header nav a:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){#story a.film{transition:none}}
/* The logos now live in the header, so the films no longer need space above them. */
@media(min-width:701px){#story .film{top:48px}}
@media(max-width:700px){
 #story .story-copy{top:40px}
 #story .film{top:244px}
 .scroll-story{--phone-stage-height:max(100svh,656px,calc(76.45vw + 334px))}
}