/* ULTIMATE film player + film cards: copied from the city guides (src/styles.css, src/locked.css) at build time by _gen/films.py */
:root { --city-accent: var(--accent, #C9A96E); }
.video-gate img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.video-load { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 76px; height: 76px; border-radius: 50%; border: 1px solid #fff; background: rgba(0, 0, 0, .55); color: #fff; font-size: 28px; line-height: 1; padding-left: 6px; cursor: pointer; }
.video-load:hover, .video-load:focus-visible { background: rgba(0, 0, 0, .8); }
.video-gate-note { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 6px 10px; font-size: 12px; color: #fff; background: linear-gradient(transparent, rgba(0, 0, 0, .6)); text-align: center; }
.film-card a { display: block; color: inherit; text-decoration: none; }
.film-poster { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; background: #000; outline: .5px solid rgba(0, 0, 0, .18); outline-offset: -.5px; }
.film-poster img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.film-card a:hover .film-poster img, .film-card a:focus-visible .film-poster img { transform: scale(1.03); }
.film-play { position: absolute; left: 14px; bottom: 14px; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-size: .8rem; padding-left: 3px; color: #fff; background: rgba(0, 0, 0, .5); border: .5px solid rgba(255, 255, 255, .8); }
.film-cap { display: block; margin-top: 10px; font-weight: 500; line-height: 1.35; }
.film-place { display: block; margin-top: 3px; font-size: .82rem; color: inherit; opacity: .68; }
.film-card a:hover .film-cap { text-decoration: underline; text-decoration-color: var(--city-accent, currentColor); text-underline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .film-poster img { transition: none; } }
.film-strip { padding-top: 44px; padding-bottom: 40px; }
.film-strip.fs-area { padding: 8px 0 28px; }
.fs-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 18px; margin-bottom: 18px; }
.fs-head .sec-kicker { flex-basis: 100%; }
.fs-head h2 { margin: 0 !important; }
.fs-head h2 span { font-size: .55em; opacity: .6; font-family: Inter, system-ui, sans-serif; letter-spacing: .04em; vertical-align: middle; }
.fs-lead { flex-basis: 100%; margin: 6px 0 0; max-width: 620px; }
.fs-all { margin-left: auto; font-size: .85rem; color: inherit; text-decoration: none; border-bottom: .5px solid var(--city-accent, currentColor); padding-bottom: 2px; white-space: nowrap; }
.fs-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 22px; }
:is(.fs-grid .fs-card:nth-child(-n+2), .fs-grid .fs-card:nth-child(n+7)) { grid-column: span 2; }
:is(.fs-grid .fs-card:nth-child(-n+2), .fs-grid .fs-card:nth-child(n+7)) .film-play { width: 54px; height: 54px; font-size: 1rem; left: 18px; bottom: 18px; }
:is(.fs-grid .fs-card:nth-child(-n+2), .fs-grid .fs-card:nth-child(n+7)) .film-cap { font-size: 1.35rem; }
.fs-rail { list-style: none; margin: 0; padding: 0 0 6px; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, calc((100% - 66px) / 4)); gap: 22px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.fs-rail .fs-card { scroll-snap-align: start; }
.fs-card .film-poster { outline-color: rgba(127, 127, 127, .35); }
.fs-card .film-play { background: rgba(0, 0, 0, .55); }
.fs-card a:hover .film-play, .fs-card a:focus-visible .film-play { background: var(--city-accent, #000); color: #000; border-color: var(--city-accent, #fff); }
.fs-kicker { display: block; margin-top: 12px; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: var(--city-accent, inherit); }
.fs-card .film-cap { margin-top: 4px; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: 1.15rem; line-height: 1.2; }
.fs-more { margin: 28px 0 0; text-align: center; }
@media (max-width: 720px) { .film-strip { padding-top: 32px; } .fs-grid, .fs-rail { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 82%; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; margin-right: -16px; padding-right: 16px; } .fs-grid .fs-card, .fs-rail .fs-card { scroll-snap-align: start; grid-column: auto !important; } .fs-grid, .fs-rail { scrollbar-width: none; } :is(.fs-grid, .fs-rail)::-webkit-scrollbar { display: none; } :is(.fs-grid .fs-card:nth-child(-n+2), .fs-grid .fs-card:nth-child(n+7)) .film-cap { font-size: 1.15rem; } :is(.fs-grid .fs-card:nth-child(-n+2), .fs-grid .fs-card:nth-child(n+7)) .film-play { width: 40px; height: 40px; font-size: .8rem; left: 14px; bottom: 14px; } .fs-all { margin-left: 0; } }
.film-stage iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.film-box { position: relative; }
.film-ident, .film-end { position: absolute; inset: 0; z-index: 3; color: #eee; box-sizing: border-box; animation: fi-in .45s ease forwards; }
.film-ident { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: radial-gradient(120% 90% at 50% 45%, #1b1b1f 0%, #050506 70%); }
.film-ident.fi-out { animation: fi-out .45s ease forwards; }
.fi-sky { display: block; width: min(70%, 520px); opacity: .5; margin-bottom: 4px; }
.fi-sky svg { display: block; width: 100%; height: auto; }
.fi-logo { display: inline-flex; align-items: flex-end; }
.fi-stack { display: inline-flex; flex-direction: column; }
.fi-word { position: relative; font: 400 clamp(1.9rem, 7vw, 4.4rem)/1 'Anton', 'Bodoni Moda', sans-serif; letter-spacing: .03em; text-transform: uppercase; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.1px #c4c8cc; }
.fi-word::after { content: attr(data-text); position: absolute; inset: 0; -webkit-text-stroke: 1.5px #fff; color: transparent; -webkit-text-fill-color: transparent;
  -webkit-mask-image: linear-gradient(105deg, transparent 38%, #000 50%, transparent 62%); mask-image: linear-gradient(105deg, transparent 38%, #000 50%, transparent 62%);
  -webkit-mask-size: 300% 100%; mask-size: 300% 100%; -webkit-mask-position: 100% 0; mask-position: 100% 0; animation: fi-sweep 1.8s ease .25s forwards; }
.fi-small { margin-top: 5px; font: 400 clamp(.5rem, 1.5vw, .78rem)/1 Inter, 'Helvetica Neue', Arial, sans-serif; letter-spacing: .6em; margin-right: -.6em; text-transform: uppercase; color: var(--city-accent, #C9A96E); text-align: center; }
.fi-place { font: 400 clamp(2.6rem, 10vw, 6.4rem)/.8 'Mrs Saint Delafield', 'Bodoni Moda', cursive; color: var(--city-accent, #C9A96E); margin-left: -.2em; margin-bottom: -.12em; }
.fi-line { margin-top: clamp(10px, 2.5vw, 22px); font: 400 clamp(.62rem, 1.5vw, .8rem)/1.3 Inter, 'Helvetica Neue', Arial, sans-serif; letter-spacing: .12em; color: #bdbdc2; }
.fi-line::before { content: ""; display: block; width: 40px; height: 1px; background: var(--city-accent, #C9A96E); margin: 0 auto 12px; }
.fi-skip, .fe-bar button, .fe-bar a { background: none; border: .5px solid rgba(255, 255, 255, .5); color: #eee; border-radius: 999px; padding: 4px 12px; font: 400 .75rem/1.4 Inter, 'Helvetica Neue', Arial, sans-serif; cursor: pointer; text-decoration: none; }
.fi-skip { position: absolute; right: 12px; bottom: 10px; }
.film-end { display: flex; flex-direction: column; justify-content: center; padding: 4% 5%; background: #050506; }
.fe-h { margin: 0; font: 400 clamp(1.2rem, 3vw, 2rem)/1.1 'Instrument Serif', Georgia, serif; color: #fff; }
.fe-sub { margin: 2px 0 12px; font: 400 .78rem/1.4 Inter, 'Helvetica Neue', Arial, sans-serif; color: #b9b9be; }
.fe-next { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.fe-next a { color: #eee; text-decoration: none; font: 400 .78rem/1.3 Inter, 'Helvetica Neue', Arial, sans-serif; }
.fe-next img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px; border: .5px solid rgba(255, 255, 255, .35); margin-bottom: 6px; transition: transform .25s; }
.fe-next a:hover img { transform: scale(1.03); }
.fe-bar { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
@media (max-width: 600px) { .fe-sub { display: none; } .fe-next { gap: 6px; } .fe-next a { font-size: .62rem; } .film-end { padding: 3%; } .fe-h { font-size: 1rem; } .fe-bar { margin-top: 6px; } }
@keyframes fi-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes fi-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes fi-sweep { to { -webkit-mask-position: 0 0; mask-position: 0 0; } }
@media (prefers-reduced-motion: reduce) { .film-ident, .film-end, .fi-word::after { animation: none; } }
.film-stage, .film-stage iframe { background: #000; color-scheme: dark; }
.film-pop { position: fixed; inset: 0; z-index: 5000; background: rgba(5, 5, 6, .92); display: flex; align-items: center; justify-content: center; padding: 56px 16px 16px; }
.film-pop-box { position: relative; width: min(1100px, 100%); }
.film-pop-box figure.art-video { margin: 0; }
.film-pop-x { position: absolute; top: -48px; right: 0; width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, .4); border-radius: 50%; background: transparent; color: #fff; font-size: 24px; line-height: 1; cursor: pointer; }
.film-pop-go { margin: 12px 0 0; text-align: right; }
.film-pop-go a { color: #fff; font-size: 14px; letter-spacing: .04em; }
html.film-pop-open { overflow: hidden; }
.film-pop .film-stage { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .2); }
.film-pop .film-stage iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.film-stage .film-sound { position: absolute; left: 16px; bottom: 56px; z-index: 3; padding: 10px 16px; border: 1px solid rgba(255, 255, 255, .6); border-radius: 999px; background: rgba(0, 0, 0, .7); color: #fff; font: 600 14px/1 Inter, system-ui, sans-serif; letter-spacing: .02em; cursor: pointer; }
.film-pop .film-stage video { position: absolute; inset: 0; width: 100%; height: 100%; background: #000; }
.film-pop.is-vertical { background: #000; overflow: hidden; }
.film-pop.is-vertical .film-pop-box { width: min(430px, calc((100vh - 120px) * 9 / 16), 100%); width: min(430px, calc((100dvh - 120px) * 9 / 16), 100%); }
.film-pop.is-vertical .film-stage { aspect-ratio: 9 / 16; }
.film-pop-logo { position: absolute; top: 40px; left: 32px; display: flex; flex-direction: column; align-items: center; pointer-events: none; }
.film-pop-logo .fi-sky { width: 230px; margin-bottom: 2px; }
.film-pop-logo .fi-word { font-size: 2.1rem; }
.film-pop-logo .fi-small { font-size: .5rem; margin-top: 3px; }
.film-pop-logo .fi-place { font-size: 3rem; }
@media (max-width: 1000px) { .film-pop-logo { transform: scale(.75); transform-origin: left top; left: 18px; top: 14px; } }
.film-pop:not(.is-vertical) { padding-top: 132px; background: #000; }
.film-pop:not(.is-vertical) .film-pop-box { width: min(1100px, 100%, calc((100vh - 200px) * 16 / 9)); width: min(1100px, 100%, calc((100dvh - 200px) * 16 / 9)); }
.film-pop:not(.is-vertical) .film-pop-logo { top: 30px; }
@media (max-width: 1000px) { .film-pop:not(.is-vertical) { padding-top: 104px; } .film-pop:not(.is-vertical) .film-pop-logo { top: 16px; } }
@media (max-width: 600px) { .film-pop-logo { display: none; } .film-pop:not(.is-vertical) { padding-top: 56px; } }
.film-pop.is-vertical .film-pop-x { top: 0; right: -56px; background: rgba(0, 0, 0, .35); }
.film-pop.is-vertical .film-pop-go { text-align: center; }
:is(.film-pop.is-vertical, figure.art-video.is-vertical) .fi-sky { width: 82%; }
:is(.film-pop.is-vertical, figure.art-video.is-vertical) .fi-word { font-size: clamp(1.9rem, 11vw, 2.9rem); }
:is(.film-pop.is-vertical, figure.art-video.is-vertical) .fi-place { font-size: clamp(2.6rem, 15vw, 4rem); }
:is(.film-pop.is-vertical, figure.art-video.is-vertical) .fi-small { font-size: .56rem; }
:is(.film-pop.is-vertical, figure.art-video.is-vertical) .fi-line { font-size: .7rem; padding: 0 18px; }
:is(.film-pop.is-vertical, figure.art-video.is-vertical) .film-end { padding: 9% 7%; }
:is(.film-pop.is-vertical, figure.art-video.is-vertical) .fe-h { font-size: 2rem; }
:is(.film-pop.is-vertical, figure.art-video.is-vertical) .fe-sub { display: block; }
:is(.film-pop.is-vertical, figure.art-video.is-vertical) .fe-next { gap: 8px; }
:is(.film-pop.is-vertical, figure.art-video.is-vertical) .fe-next img { aspect-ratio: 9 / 16; }
:is(.film-pop.is-vertical, figure.art-video.is-vertical) .fe-next a { font-size: .68rem; }
@media (max-width: 600px) { .film-pop.is-vertical { padding: 0; } .film-pop.is-vertical .film-pop-box { width: 100%; height: 100%; } .film-pop.is-vertical figure.art-video, .film-pop.is-vertical .film-stage { height: 100%; } .film-pop.is-vertical .film-stage { aspect-ratio: auto; border-radius: 0; border: 0; } .film-pop.is-vertical .film-pop-x { top: max(12px, env(safe-area-inset-top)); right: 12px; z-index: 6; } .film-pop.is-vertical .film-pop-go { position: absolute; z-index: 6; top: max(14px, env(safe-area-inset-top)); left: 12px; right: 64px; margin: 0; text-align: left; } .film-pop.is-vertical .film-pop-go a { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 8px 14px; border-radius: 999px; background: rgba(0, 0, 0, .45); border: .5px solid rgba(255, 255, 255, .45); font-size: 13px; text-decoration: none; } .film-pop.is-vertical .film-end { padding: 70px 6% 6%; } }
.sh-wrap { position: relative; }
.sh-rail { list-style: none; margin: 0; padding: 0 0 6px; display: grid; grid-auto-flow: column; grid-auto-columns: 210px; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.sh-rail::-webkit-scrollbar { display: none; }
.sh-card { scroll-snap-align: start; }
.sh-card a { position: relative; display: block; aspect-ratio: 9 / 16; border-radius: 12px; overflow: hidden; border: .5px solid rgba(255, 255, 255, .35); background: #111; color: #fff; text-decoration: none; }
.sh-poster img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.sh-card a:hover .sh-poster img, .sh-card a:focus-visible .sh-poster img { transform: scale(1.04); }
.sh-card .film-play { left: auto; right: 12px; top: 12px; bottom: auto; width: 36px; height: 36px; background: rgba(0, 0, 0, .45); }
.sh-card a:hover .film-play, .sh-card a:focus-visible .film-play { background: var(--city-accent, #000); color: #000; border-color: var(--city-accent, #fff); }
.sh-text { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 3px; padding: 56px 13px 13px; background: linear-gradient(transparent, rgba(0, 0, 0, .55) 35%, rgba(0, 0, 0, .9)); }
.sh-kicker { font: 600 .6rem/1.2 Inter, 'Helvetica Neue', Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--city-accent, #C9A96E); }
.sh-card .film-cap { margin: 0; font: 400 1.2rem/1.1 'Instrument Serif', Georgia, serif; color: #fff; }
.sh-card a:hover .film-cap { text-decoration: none; }
.sh-card .film-place { margin: 0; font-size: .72rem; line-height: 1.35; color: rgba(255, 255, 255, .78); opacity: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sh-arrow { position: absolute; top: calc(50% - 26px); z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: .5px solid rgba(255, 255, 255, .6); background: rgba(5, 5, 6, .7); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
.sh-prev { left: -18px; }
.sh-next { right: -18px; }
.sh-arrow:hover { background: var(--city-accent, #000); color: #000; }
.films-shorts .sh-rail { margin-bottom: 8px; }
.sh-home h2 { color: #fff; }
.sh-home .fs-lead { color: #b9b9be; }
@media (hover: none), (max-width: 760px) { .sh-arrow { display: none; } }
@media (max-width: 760px) { .sh-rail { grid-auto-columns: 46%; gap: 10px; margin-right: -16px; padding-right: 16px; } .sh-card .film-cap { font-size: 1.05rem; } }
@media (prefers-reduced-motion: reduce) { .sh-poster img { transition: none; } }
.film-pop .film-stage { border: 0; }
.film-pop .film-stage::after { content: ""; position: absolute; inset: 0; z-index: 4; border: 1px solid rgba(255, 255, 255, .2); border-radius: inherit; pointer-events: none; }
.film-pop .film-stage iframe { inset: -2px; width: calc(100% + 4px); height: calc(100% + 4px); }
.film-pop-x { display: grid; place-items: center; padding: 0; border: .5px solid rgba(255, 255, 255, .45); background: transparent; color: rgba(255, 255, 255, .85); transition: border-color .2s, color .2s; }
.film-pop-x:hover { border-color: rgba(255, 255, 255, .8); color: #fff; }
.film-pop-x:focus-visible { outline: .5px solid rgba(255, 255, 255, .6); outline-offset: 3px; }
@media (max-width: 600px) { .film-pop.is-vertical .film-stage::after { display: none; } .film-pop.is-vertical .film-pop-x { background: rgba(0, 0, 0, .35); } }
.film-tap { position: absolute; inset: 0; z-index: 3; pointer-events: none; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: #050506 center / cover no-repeat; animation: fi-in .35s ease forwards; }
.film-tap::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .45)); }
.film-tap-ring { position: relative; width: 68px; height: 68px; border-radius: 50%; border: .75px solid rgba(255, 255, 255, .85); background: rgba(0, 0, 0, .3); color: #fff; display: grid; place-items: center; padding-left: 3px; box-sizing: border-box; }
.film-tap-txt { position: relative; font: 400 .72rem/1 Inter, 'Helvetica Neue', Arial, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #fff; }
.film-play svg { display: block; }
.sh-card[hidden] { display: none !important; }
.fc-card a:hover .film-play, .fc-card a:focus-visible .film-play { background: var(--city-accent, #000); color: #000; border-color: var(--city-accent, #fff); }
.fc-card .film-cap { display: block; margin-top: 8px; max-width: calc(var(--fc-h) * 16 / 9); font-size: .82rem; line-height: 1.35; font-weight: 400; }
.fc-tall .film-cap { max-width: calc(var(--fc-h) * 9 / 16); }
:is(.film-pop.is-vertical, figure.art-video.is-vertical) .film-stage, figure.art-video.is-vertical .film-box { container-type: inline-size; }
.film-channel .fc-card .film-cap, .film-channel p.fc-credit { text-align: left !important; hyphens: none; -webkit-hyphens: none; }
@media (max-width: 760px) { .fc-wide .film-cap { max-width: calc(100vw - 96px); } }
.film-stage .film-sound.film-unmute { left: 0; right: 0; top: 0; bottom: 64px; width: auto; padding: 0; border: 0; border-radius: 0; background: transparent; display: grid; place-items: center; cursor: pointer; }
.film-unmute .fu-pill { display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px; border: .75px solid rgba(255, 255, 255, .8); border-radius: 999px; background: rgba(0, 0, 0, .55); color: #fff; font: 500 14px/1 Inter, system-ui, sans-serif; letter-spacing: .04em; transition: background .2s; }
.film-unmute:hover .fu-pill, .film-unmute:focus-visible .fu-pill { background: rgba(0, 0, 0, .75); }
.film-unmute .fu-pill { transform: translateY(-56px); }
.film-pop-nav { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 3; display: flex; align-items: center; gap: 14px; color: rgba(255, 255, 255, .85); font: 400 .74rem var(--sans, system-ui); letter-spacing: .1em; }
.film-pop-nav button { width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: .5px solid rgba(255, 255, 255, .45); border-radius: 50%; background: rgba(0, 0, 0, .35); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; }
.film-pop-nav button:hover { border-color: rgba(255, 255, 255, .85); }
@media (max-width: 760px) { .film-pop-nav { bottom: auto; top: 64px; left: 14px; transform: none; padding: 4px 10px; border-radius: 999px; background: rgba(0, 0, 0, .45); font-size: .66rem; } .film-pop-nav button { display: none; } .film-pop-nav .fpn-count::after { content: ' \00B7  swipe for more'; } }
body:not(#_):not(#_):not(#_) .sh-card a { border: 0 !important; isolation: isolate; }
body:not(#_):not(#_):not(#_) .sh-card a::after { content: ""; position: absolute; inset: 0; z-index: 3; border: 1px solid rgba(255, 255, 255, .35); border-radius: 12px; pointer-events: none; }

/* FILMS on Golf/Hotels (14 Nov 2026): rails sit in graphite bands like the magazine panels; text inherits white */
.mh-films .fs-head { display: block; margin-bottom: 22px; }
.mh-films .fs-head h2 { font-size: clamp(1.9rem, 3.6vw, 2.8rem); color: #fff; margin: 0 !important; } .mh-films .fs-lead { color: var(--muted); margin: 10px 0 0; max-width: 760px; }
.mh-films .fs-rail { grid-auto-columns: minmax(250px, calc((100% - 66px) / 4)); }
.mh-films .film-cap, .mh-pfilms .film-cap { color: #fff; } .mh-films .film-place, .mh-pfilms .film-place { color: var(--muted); opacity: 1; }
.mh-films .film-card a, .mh-pfilms .film-card a { text-decoration: none; }
.mh-pfilms { padding: 40px 0 10px; } .mh-pfilms h2 { margin: 0 0 18px; }
.mh-pfilms .fs-rail { margin-bottom: 26px; } .pf-credit { font-size: 12px; color: var(--soft); margin: 14px 0 0; }
.film-pop .film-pop-go a { text-decoration: underline; text-underline-offset: 3px; }
/* computers: the tall frame leaves room for the next/previous row under the review link (it overlapped at 900px-high windows) */
@media (min-width: 761px) { .film-pop.is-vertical .film-pop-box { width: min(430px, calc((100vh - 190px) * 9 / 16), 100%); width: min(430px, calc((100dvh - 190px) * 9 / 16), 100%); } .film-pop.is-vertical { padding-bottom: 70px; } }