body.home .mainfeatured,
body.home .missed {display:none}
.gf-home {
--gf-bg:#F6F3ED;
--gf-ink:#181B21;
--gf-muted:#62656A;
--gf-rule:#D8D3CB;
--gf-red:#A63330;
--gf-red-dark:#862320;
--gf-serif:"Rokkitt",Georgia,serif;
--gf-sans:"Rubik",Arial,sans-serif;
background:var(--gf-bg);
color:var(--gf-ink);
padding:24px 0 75px;
overflow:hidden;
}
.gf-home *, .gf-home *::before, .gf-home *::after {box-sizing:border-box}
.gf-home .container {max-width:1170px}
.gf-home a {color:inherit;text-decoration:none;transition:color .2s}
.gf-home a:hover {color:var(--gf-red)}
.gf-home a:focus-visible {outline:3px solid #9c292b;outline-offset:4px}
.gf-home h1,.gf-home h2,.gf-home h3,
.gf-home p {margin:0}
.gf-home img {max-width:100%;height:auto}
.gf-overline,.gf-small-note,.gf-eyebrow,.gf-card-date,
.gf-section-bar>a,.gf-feature-cta,.gf-signoff>a {
font-family:var(--gf-sans);font-weight:600
}
.gf-overline {
display:block;color:var(--gf-red);font-size:11px;
letter-spacing:.16em;text-transform:uppercase;margin-bottom:13px;
}
.gf-masthead {border-top:3px solid var(--gf-ink);padding:23px 0 26px}
.gf-masthead-row {display:flex;justify-content:space-between;align-items:end;gap:24px}
.gf-masthead h1 {
max-width:800px;font-family:var(--gf-serif);
font-size:clamp(33px,4.6vw,57px);font-weight:700;
line-height:1.02;letter-spacing:-.055em;color:var(--gf-ink)
}
.gf-masthead h1 em {display:block;color:var(--gf-red);font-weight:400}
.gf-masthead-row>p {
color:var(--gf-muted);font-family:var(--gf-sans);font-size:13px;
line-height:1.65;max-width:242px;padding-bottom:3px
}
.gf-section-bar {
display:flex;align-items:flex-end;justify-content:space-between;
gap:14px;margin-bottom:16px;border-bottom:2px solid var(--gf-ink);
padding:0 0 10px;
}
.gf-section-bar h2 {
color:var(--gf-ink);font-family:var(--gf-serif);font-size:clamp(25px,3vw,32px);
font-weight:700;line-height:1.1;letter-spacing:-.035em
}
.gf-section-bar>a {
color:var(--gf-red)!important;text-transform:uppercase;letter-spacing:.075em;
font-size:10px;white-space:nowrap;
}
.gf-section-bar>a:hover {color:var(--gf-red-dark)!important}
.gf-small-note {font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gf-muted)}
.gf-hero-layout {display:grid;grid-template-columns:1.37fr 1fr;gap:12px}
.gf-hero-stack {display:grid;grid-template-rows:1fr 1fr;gap:12px}
.gf-feature {
display:block;position:relative;overflow:hidden;background:#1e2530;
min-height:228px;color:white!important;isolation:isolate
}
.gf-feature-lead {min-height:468px}
.gf-feature .gf-image {
position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
transition:transform .6s ease
}
.gf-feature:hover .gf-image {transform:scale(1.04)}
.gf-image-placeholder {background:linear-gradient(135deg,#253041,#111823);display:grid;place-items:center;color:#e9d3c7;font:700 24px var(--gf-serif)}
.gf-feature-shade {
position:absolute;inset:0;z-index:1;pointer-events:none;
background:linear-gradient(0deg,rgba(10,12,17,.95) 0%,rgba(10,12,17,.3) 64%,rgba(10,12,17,.06) 100%)
}
.gf-feature-copy {position:absolute;inset:auto 0 0;z-index:2;padding:23px;display:flex;flex-direction:column;gap:9px}
.gf-feature-lead .gf-feature-copy {padding:34px}
.gf-eyebrow {
color:var(--gf-red);font-size:10px;line-height:1.25;
letter-spacing:.14em;text-transform:uppercase
}
.gf-feature .gf-eyebrow {color:#f2aaa6}
.gf-feature-title {
display:block;font-family:var(--gf-serif);font-size:clamp(22px,2.55vw,31px);
font-weight:700;line-height:1.08;letter-spacing:-.025em;color:#fff
}
.gf-feature-lead .gf-feature-title {font-size:clamp(36px,4vw,51px)}
.gf-feature-intro {font:400 13px/1.6 var(--gf-sans);color:#eee9e6;max-width:380px}
.gf-feature-cta {text-transform:uppercase;font-size:11px;letter-spacing:.1em;color:#fff;margin-top:6px}
.gf-section {margin-top:47px} .gf-masthead + .gf-section {margin-top:20px}
.gf-card-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 17px}
.gf-card {min-width:0}
.gf-card-media {display:block;background:#e3e3df;overflow:hidden;aspect-ratio:16 / 10}
.gf-card-media .gf-image {display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.gf-card-media:hover .gf-image {transform:scale(1.05)}
.gf-card-content {padding:13px 1px}
.gf-card-title {font-family:var(--gf-serif);font-weight:700;font-size:21px;line-height:1.22;letter-spacing:-.02em;margin:6px 0 7px!important;color:var(--gf-ink)}
.gf-card-date {font-size:11px;font-weight:400;color:var(--gf-muted)} .gf-recent-grid {
grid-template-columns:repeat(6,minmax(0,1fr));
column-gap:18px;
row-gap:30px;
}
.gf-recent-grid > .gf-card {grid-column:span 2}
.gf-recent-grid > .gf-card:nth-child(n+5) {grid-column:span 3}
.gf-recent-grid > .gf-card--lead {
grid-column:1/-1;
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
align-items:stretch;
background:#fff;
border:1px solid var(--gf-rule);
}
.gf-recent-grid > .gf-card--lead .gf-card-media {
aspect-ratio:16/9;
min-height:0;
}
.gf-recent-grid > .gf-card--lead .gf-card-content {
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
padding:clamp(20px,3.8vw,44px);
}
.gf-card-kicker {
display:inline-block;
color:var(--gf-red);
font:700 11px/1.4 var(--gf-sans);
letter-spacing:.12em;
text-transform:uppercase;
border-bottom:2px solid var(--gf-red);
padding-bottom:9px;
margin-bottom:13px;
}
.gf-recent-grid > .gf-card--lead .gf-eyebrow {font-size:11px}
.gf-recent-grid > .gf-card--lead .gf-card-title {
font-size:clamp(31px,3.5vw,49px);
line-height:1.08;
letter-spacing:-.035em;
margin:6px 0 10px!important;
}
.gf-recent-grid > .gf-card--lead .gf-card-date {font-size:12px}
.gf-genre-list {display:flex;flex-wrap:wrap;gap:10px}
.gf-genre-list>a {
display:flex;align-items:center;justify-content:space-between;gap:20px;
border:1px solid var(--gf-rule);background:#fff;
padding:12px 16px;font:600 12px var(--gf-sans);
}
.gf-genre-list>a span {color:var(--gf-red)}
.gf-genre-list>a:hover {background:var(--gf-ink);border-color:var(--gf-ink);color:white}
.gf-discovery {padding:26px 30px 32px;background:#eeece6;border-top:1px solid var(--gf-rule);border-bottom:1px solid var(--gf-rule)}
.gf-discovery .gf-section-bar {margin-bottom:20px}
.gf-section-description {color:var(--gf-muted);font:400 13px/1.6 var(--gf-sans);margin:-2px 0 20px!important}
.gf-franchise {background:#1b2029;color:white;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:36px}
.gf-franchise .gf-eyebrow {color:#e5a19b}
.gf-franchise h3 {font:700 45px/1.02 var(--gf-serif);letter-spacing:-.04em;color:white;margin:13px 0!important}
.gf-franchise p {font:400 14px/1.65 var(--gf-sans);color:#d3d5d7;max-width:360px}
.gf-franchise nav {display:flex;flex-direction:column;justify-content:center}
.gf-franchise nav a {
color:white;display:flex;align-items:center;justify-content:space-between;
gap:20px;border-bottom:1px solid #515760;padding:13px 0;
font:500 13px/1.5 var(--gf-sans)
}
.gf-franchise nav a:hover {color:#f3b3aa}
.gf-franchise nav a span {color:#dfaaa5} .gf-movements .gf-section-bar {border-bottom-color:var(--gf-ink)}
.gf-movement {
position:relative;
background:#20242C;
border-left:4px solid var(--gf-red);
overflow:hidden;
}
.gf-movement::after {
content:"";
position:absolute;
pointer-events:none;
width:280px;
height:280px;
left:-90px;
bottom:-210px;
border:1px solid rgba(246,243,237,.12);
border-radius:50%;
box-shadow:0 0 0 40px rgba(246,243,237,.025),0 0 0 80px rgba(246,243,237,.016);
}
.gf-movement .gf-franchise-intro,
.gf-movement nav {position:relative;z-index:1}
.gf-movement .gf-eyebrow {color:#F2B2AA}
.gf-movement h3 {
max-width:440px;
font-size:clamp(34px,4vw,47px);
line-height:1.04;
}
.gf-movement p {max-width:425px}
.gf-movement nav {counter-reset:gf-movement-film}
.gf-movement nav a {
gap:12px;
min-height:52px;
text-decoration:none;
}
.gf-movement nav a::before {
counter-increment:gf-movement-film;
content:counter(gf-movement-film, decimal-leading-zero);
color:#E5A19B;
flex:0 0 auto;
font:600 10px/1.3 var(--gf-sans);
letter-spacing:.06em;
}
.gf-movement nav a span {margin-left:auto}
.gf-movement nav a:focus-visible {
outline:2px solid #F2B2AA;
outline-offset:3px;
}
@media(max-width:767px) {
.gf-movement {padding:26px 22px}
.gf-movement h3 {font-size:37px}
.gf-movement nav a {min-height:49px}
}
@media(max-width:450px) {
.gf-movement h3 {font-size:34px}
.gf-movement nav a {font-size:12px}
}
.gf-signoff {
display:flex;gap:24px;justify-content:space-between;align-items:center;
margin-top:50px;border-top:3px solid var(--gf-ink);padding-top:22px
}
.gf-signoff strong {display:block;font:700 22px/1.2 var(--gf-serif);margin-bottom:5px}
.gf-signoff div>span {display:block;color:var(--gf-muted);font:400 12px/1.6 var(--gf-sans)}
.gf-signoff>a {font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--gf-red)}
@media(max-width:991px) {
.gf-home {padding-top:18px}
.gf-masthead h1 {font-size:clamp(32px,4vw,49px)}
.gf-feature-lead {min-height:410px}
.gf-feature {min-height:199px}
.gf-hero-layout {grid-template-columns:1.2fr 1fr}
}
@media(max-width:767px) {
.gf-home {padding-bottom:45px}
.gf-masthead-row {display:block}
.gf-masthead-row>p {max-width:450px;margin-top:14px;font-size:12px}
.gf-hero-layout {grid-template-columns:1fr}
.gf-feature-lead {min-height:370px}
.gf-hero-stack {grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:10px}
.gf-feature {min-height:180px}
.gf-feature-copy,.gf-feature-lead .gf-feature-copy {padding:19px}
.gf-feature-title {font-size:21px}
.gf-card-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
.gf-card-title {font-size:18px}
.gf-discovery {padding:24px 20px}
.gf-franchise {grid-template-columns:1fr;gap:17px;padding:26px}
.gf-franchise h3 {font-size:38px}
.gf-signoff {align-items:flex-start;flex-direction:column;gap:15px}
}
@media(max-width:450px) {
.gf-masthead h1 {font-size:37px}
.gf-hero-stack {grid-template-columns:1fr;grid-template-rows:1fr 1fr}
.gf-feature {min-height:175px}
.gf-feature-lead {min-height:325px}
.gf-feature-lead .gf-feature-title {font-size:36px}
.gf-section {margin-top:35px}
.gf-card-title {font-size:17px}
.gf-card-content {padding:10px 0}
.gf-section-bar h2 {font-size:24px}
.gf-small-note {display:none}
.gf-genre-list {gap:8px}
.gf-genre-list>a {padding:10px 12px}
} @media(max-width:767px) {
.gf-recent-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
.gf-recent-grid > .gf-card,
.gf-recent-grid > .gf-card:nth-child(n+5) {grid-column:span 1}
.gf-recent-grid > .gf-card--lead {
grid-column:1/-1;
grid-template-columns:1fr;
}
.gf-recent-grid > .gf-card--lead .gf-card-media {aspect-ratio:16/9}
.gf-recent-grid > .gf-card--lead .gf-card-content {padding:20px 21px 25px}
.gf-recent-grid > .gf-card--lead .gf-card-title {
font-size:clamp(29px,5.3vw,39px);
}
.gf-recent-grid > .gf-card:nth-child(6) {
grid-column:1/-1;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:center;
background:#fff;
border:1px solid var(--gf-rule);
}
.gf-recent-grid > .gf-card:nth-child(6) .gf-card-media {
aspect-ratio:1/1;
height:100%;
}
.gf-recent-grid > .gf-card:nth-child(6) .gf-card-content {padding:12px}
}
@media(prefers-reduced-motion:reduce) {
.gf-home *, .gf-home *::before, .gf-home *::after {transition:none!important}
}body.custom-background div.site{max-width:1320px;margin:0 auto;}