.architecture-films{padding:clamp(48px,7vw,104px) 0;background:#eef0e7;color:#24474b}
.films-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:end;margin-bottom:32px}
.films-heading h2,.film-retreat h2{font-family:var(--font-display,'Jost',sans-serif);font-size:clamp(32px,4vw,54px);font-weight:400;line-height:1.13;letter-spacing:-.025em;margin:14px 0 0}
.films-heading p,.film-retreat p{max-width:48ch;line-height:1.75;margin:0}
.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.film-card{min-width:0}
.film-poster{position:relative;display:block;overflow:hidden;width:100%;padding:0;border:0;border-radius:5px 54px 5px 5px;background:#15353a;color:#fff;cursor:pointer;text-align:left}
.film-poster img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .35s}
.film-poster:hover img{transform:scale(1.025)}
.film-poster:focus-visible{outline:3px solid #795076;outline-offset:5px}
.film-play{position:absolute;bottom:20px;left:20px;display:flex;gap:12px;align-items:center;padding:12px 18px;border:1px solid #ffffff70;border-radius:40px;background:#15353ae8;box-shadow:0 4px 20px #0002;font-size:15px}
.film-play svg{width:23px;height:23px;fill:currentColor}
.film-play small{display:block;font-size:11px;opacity:.8;letter-spacing:.04em}
.film-caption{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:19px 0 0}
.film-caption h3{font-size:24px;font-weight:400;line-height:1.25;margin:0 0 5px}
.film-caption p{font-size:14px;line-height:1.6;margin:0}
.film-caption>span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding-top:7px;color:#5e746c}
.films-note{font-size:12px;line-height:1.7;color:#566e65;margin-top:24px}
.film-retreat-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,80px);align-items:center}
.film-retreat h2{margin-bottom:22px}.film-retreat .film-poster img{aspect-ratio:1}
.film-retreat p+p{margin-top:20px}
.hero-film-link{color:inherit;background:transparent;border:1px solid currentColor;border-radius:30px;min-height:36px;padding:5px 12px;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer;flex-shrink:0}
.hero-film-link[hidden]{display:none}.hero-scene{flex-wrap:wrap}.hero-film-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.film-dialog{width:min(100% - 32px,960px);max-height:calc(100dvh - 32px);padding:22px;border:1px solid #d4dace;border-radius:12px;color:#24474b;background:#f8f5ed;overflow:auto;box-shadow:0 25px 90px #0008}
.film-dialog::backdrop{background:#071c21d9;backdrop-filter:blur(5px)}
.film-dialog-top{display:flex;gap:16px;align-items:start;justify-content:space-between;margin-bottom:16px}
.film-dialog h2{font-size:clamp(24px,4vw,38px);font-weight:400;line-height:1.2;margin:7px 0 0}
.film-dialog .eyebrow{font-size:10px;letter-spacing:.12em;color:#63795f}
.film-close{color:#24474b;background:transparent;border:1px solid #829589;border-radius:25px;min-height:44px;padding:8px 14px;cursor:pointer;font:inherit;font-size:13px;white-space:nowrap}
.film-dialog video{display:block;width:100%;height:auto;max-height:65dvh;background:#071c21;border-radius:4px;object-fit:contain}
.film-disclaimer,.film-load-error{font-size:12px;line-height:1.65;margin:14px 0 0;max-width:86ch;color:#546761}
.film-load-error{color:#8d3734}
.seehof-archive{padding:clamp(48px,7vw,100px) 0;background:#ece9e0;color:#24474b}
.archive-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:clamp(30px,6vw,85px);align-items:center}
.archive-grid h2{font:400 clamp(32px,4vw,54px)/1.15 var(--font-display,'Jost',sans-serif);letter-spacing:-.025em;margin:18px 0 22px}
.archive-grid p{line-height:1.8;max-width:46ch}.archive-grid figure{margin:0;min-width:0}.archive-grid .film-poster img{aspect-ratio:16/9;object-fit:contain}
.archive-grid figcaption{font-size:11px;line-height:1.6;margin-top:12px;color:#576f65}
.odeya-page .seehof-archive{background:#f0e7dc}.odeya-page .archive-grid h2{font-family:Fraunces,serif;font-weight:400}
@media(max-width:700px){.archive-grid{grid-template-columns:1fr}.archive-grid .film-play{font-size:12px;padding:10px 12px;gap:8px}}
@media(max-width:700px){.films-heading,.film-grid,.film-retreat-grid{grid-template-columns:1fr;gap:26px}.films-heading{gap:18px}.film-grid{gap:32px}.film-caption{gap:8px}.film-caption h3{font-size:22px}.film-caption>span{font-size:9px}.film-play{left:14px;bottom:14px}.film-dialog{padding:16px;width:calc(100% - 20px)}.film-dialog-top{gap:8px}.film-close{padding:8px 11px}.hero-film-link{font-size:11px;padding:3px 10px}}
@media(prefers-reduced-motion:reduce){.film-poster img{transition:none}.film-poster:hover img{transform:none}}