/* Refined closing frame and visible mobile language selector */
.footerInner>p {
  max-width: 1180px;
  text-wrap: balance;
  position: relative;
}

.footerInner>p::after {
  content: "";
  display: block;
  width: clamp(70px, 12vw, 180px);
  height: 7px;
  margin-top: 42px;
  background: var(--rust);
  box-shadow: 22px 13px 0 var(--acid);
}

.footerSearchTitles {
  position: relative;
  max-width: none;
  margin: 54px 0 42px;
  padding: 30px 34px 28px;
  border-top: 1px solid #ffffff52;
  border-bottom: 1px solid #ffffff52;
  border-left: 7px solid var(--acid);
  background: linear-gradient(100deg, #ffffff0d, transparent 72%);
}

.footerSearchTitles p {
  color: var(--paper);
  letter-spacing: .055em;
  margin: 0 0 18px;
  font: 500 clamp(12px, 1.25vw, 18px)/1.85 DM Mono, monospace;
  text-wrap: balance;
}

.footerSearchTitles span {
  color: #ffffffa8;
  max-width: 1050px;
  letter-spacing: .035em;
  font: 10px/1.8 DM Mono, monospace;
}

@media (max-width: 850px) {
  .nav .langSwitch {
    display: flex;
    margin-left: auto;
    gap: 2px;
  }

  .nav .langSwitch a {
    min-width: 27px;
    padding: 7px 4px;
    font: 9px DM Mono, monospace;
  }

  .mobileMenu { margin-left: 7px; }
  .nav .markFull { font-size: 10px; }
  .footerInner>p {
    margin-bottom: 58px;
    font-size: clamp(43px, 13vw, 61px);
    line-height: .84;
  }
  .footerInner>p::after { height: 5px; margin-top: 30px; }
  .footerSearchTitles {
    margin: 38px 0 32px;
    padding: 23px 18px 21px;
    border-left-width: 5px;
  }
  .footerSearchTitles p { font-size: 11px; line-height: 1.75; }
  .footerSearchTitles span { font-size: 9px; line-height: 1.7; }
  .footerActions { display: grid; }
  .footerActions a { text-align: center; }
  .footerBottom {
    gap: 12px;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 70px;
  }
}

@media (max-width: 390px) {
  .nav .markFull { font-size: 9px; }
  .nav .langSwitch a { min-width: 24px; padding: 7px 3px; }
  .mobileMenu summary { padding: 10px 9px; }
}

/* Version 16: director attendance badges */
.upcomingCard::after,
.screeningInfo::after {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  margin-top: 20px;
  padding: 8px 11px;
  border: 1px solid var(--ink);
  background: var(--acid);
  color: var(--ink);
  letter-spacing: .07em;
  text-transform: uppercase;
  font: 600 9px/1 DM Mono, monospace;
  box-shadow: 4px 4px 0 var(--rust);
}

.upcomingCard h2 {
  font-size: clamp(30px, 4.4vw, 64px);
  overflow-wrap: anywhere;
}

.screeningInfo h2 {
  overflow-wrap: anywhere;
}

html[lang="en"] .upcomingCard::after,
html[lang="en"] .screeningInfo::after { content: "Director in attendance"; }
html[lang="it"] .upcomingCard::after,
html[lang="it"] .screeningInfo::after { content: "Regista presente"; }
html[lang="bs"] .upcomingCard::after,
html[lang="bs"] .screeningInfo::after { content: "Reditelj prisutan"; }

@media (max-width: 850px) {
  .upcomingCard::after,
  .screeningInfo::after {
    margin-top: 16px;
    padding: 7px 9px;
    font-size: 8px;
  }
  .upcomingCard h2 { font-size: clamp(28px, 9vw, 48px); }
}

/* v18: full-width upcoming events, original fluorescent palette. */
.homePage>.hero{order:1}
.homePage>.nextScreening{order:2}
.homePage>.mfdWatch{order:3}
.homePage>.directorNotes{order:4}
.homePage>.filmSection{order:5}
.homePage>.laurelsStill{order:6}
.homePage>.david{order:7}
.homePage>footer{order:8}
.homePage>.nextScreening{box-sizing:border-box;width:calc(100% - 64px);max-width:1440px;margin:20px auto 72px;padding:28px;grid-template-columns:150px minmax(0,1fr);gap:24px;background:var(--pop);box-shadow:8px 8px 0 var(--rust)}
.nextScreening .screeningInfo{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px;align-items:center}
.nextScreening .screeningInfo>.sectionLabel{grid-column:1/-1;margin:0;font-size:12px}
.nextScreening .screeningInfo h2{margin:0;font-size:clamp(32px,4vw,62px);line-height:1.04;letter-spacing:-.045em;overflow-wrap:normal}
.nextScreening .screeningInfo>p{margin:0;padding-left:20px;border-left:3px solid var(--rust);font-size:clamp(22px,2.4vw,34px);font-weight:650;line-height:1.2;overflow-wrap:break-word}
.nextScreening .screeningInfo small{grid-column:1/-1;font-size:12px;line-height:1.6;margin:2px 0 0}
.nextScreening .screeningInfo::after{grid-column:1/-1;margin-top:4px;font-size:11px;line-height:1.3}
.nextScreening .screeningActions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:20px}
.nextScreening .screeningActions>a{font-size:12px}
.nextScreening .screeningControls{display:flex;gap:8px}
.nextScreening .screeningControls button{min-width:44px;min-height:44px;cursor:pointer}
.nextScreening button:focus-visible{outline:3px solid var(--rust);outline-offset:3px}
.nextScreening .screeningInfo,.nextScreening .screeningDate{animation:eventEnter .35s ease-out both}
@keyframes eventEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){
 .homePage>.nextScreening{width:calc(100% - 32px);max-width:none;margin:16px auto 48px;padding:20px;grid-template-columns:minmax(0,1fr);gap:18px;box-shadow:5px 5px 0 var(--rust)}
 .nextScreening .screeningDate{gap:14px}.nextScreening .screeningDate span{font-size:54px}.nextScreening .screeningDate p{font-size:12px}
 .nextScreening .screeningInfo{grid-template-columns:minmax(0,1fr);gap:12px}
 .nextScreening .screeningInfo h2{font-size:clamp(30px,8.5vw,52px);line-height:1.08}
 .nextScreening .screeningInfo>p{padding:0;border:0;font-size:24px}
 .nextScreening .screeningActions{flex-wrap:wrap;justify-content:space-between}
 .nextScreening .screeningActions>a{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.nextScreening .screeningInfo,.nextScreening .screeningDate{animation:none}}

/* v19: upcoming screenings directly beneath the navigation, all languages. */
.homePage>.nav{order:0}
.homePage>.nextScreening{order:1;margin-top:20px;margin-bottom:36px}
.homePage>.hero{order:2}
.homePage>.mfdWatch{order:3}
@media(max-width:800px){.homePage>.nextScreening{order:1;margin-top:16px;margin-bottom:28px}}

/* Film access and press: the existing paper, ink and red visual identity. */
.homePage>.mfdWatch{padding-top:36px;border-top:1px solid var(--line)}
.mfdWatch h2{font-size:clamp(36px,5vw,68px);margin-bottom:32px}
.mfdWatchGrid{gap:20px}
.mfdWatchGrid article{position:relative;padding:32px;border:1px solid var(--ink);border-top:6px solid var(--rust);min-height:260px;background:var(--paper);box-shadow:5px 5px 0 var(--ink)}
.mfdWatchGrid h3{font-size:clamp(36px,4vw,50px);line-height:1.1;margin:0 0 20px}
.mfdWatchGrid p{font-size:16px;line-height:1.6;max-width:34ch;margin-bottom:28px}
.mfdWatchGrid a{display:flex;align-items:center;justify-content:space-between;min-height:48px;width:100%;font-size:14px;box-sizing:border-box;padding:14px 18px}
.mfdPro{margin-top:32px;padding:26px 28px;border:1px solid var(--ink);border-left:6px solid var(--rust);gap:24px;background:var(--ink);color:var(--paper)}
.mfdPro small{font-size:12px;letter-spacing:.09em;margin-bottom:12px;line-height:1.5;color:var(--pop)}
.mfdPro strong{display:block;font-size:24px;line-height:1.2}
.mfdPro p{font-size:14px;line-height:1.6;margin-top:12px}
.mfdPro>a{flex-shrink:0;padding:12px 16px;border:1px solid currentColor;font-size:14px;line-height:1.5;text-decoration:none}
.mfdPro>a:hover{color:var(--pop)}
.mfdPress{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mfdPress>h3{grid-column:1/-1;font-size:14px;letter-spacing:.1em;margin:0 0 4px}
.mfdPress>div{padding:24px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px;min-width:0}
.mfdPress strong{display:block;font-size:22px;line-height:1.35}
.mfdPress span{display:block;font-size:14px;line-height:1.6;margin-top:12px}
.mfdPress a{font-size:14px;line-height:1.5;min-height:44px;display:flex;align-items:center}
@media(max-width:650px){.mfdWatchGrid,.mfdPress{grid-template-columns:minmax(0,1fr)}.mfdWatchGrid article{padding:24px;min-height:240px}.mfdPro{padding:24px;align-items:stretch}.mfdPro>a{align-self:flex-start}.mfdPress>div{padding:24px}.mfdWatch h2{font-size:36px}}

/* Shared EN / IT / BS refinements. Keep dates in a separate bounded column. */
.homePage>.nextScreening{grid-template-columns:minmax(150px,180px) minmax(0,1fr);column-gap:40px}
.nextScreening .screeningDate{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-width:0;padding-right:24px;border-right:1px solid var(--line);box-sizing:border-box}
.nextScreening .screeningDate span{font-size:56px;line-height:1;letter-spacing:-.04em;white-space:nowrap}
.nextScreening .screeningDate p{margin:0;font-size:13px;line-height:1.65}
.nextScreening .screeningInfo h2{overflow-wrap:anywhere;font-size:clamp(30px,3.7vw,56px);line-height:1.12}
.nextScreening .screeningInfo>p{min-width:0;font-size:clamp(22px,2.2vw,30px);line-height:1.3}
.homePage>.mfdWatch{box-sizing:border-box;padding:36px;background:#101110;color:#f4f3ef;border:1px solid #101110;position:relative}
.mfdWatch>h2{color:#e7ff45;letter-spacing:-.05em;text-shadow:2px 0 #971f19;border-bottom:1px solid #ffffff40;padding-bottom:24px}
.mfdWatchGrid article{box-sizing:border-box;min-width:0;background:repeating-linear-gradient(0deg,#ffffff03 0px,#ffffff03 1px,transparent 1px,transparent 5px),#191b19;color:#f4f3ef;border:1px solid #ffffff50;border-top:5px solid #e7ff45;box-shadow:5px 5px 0 #971f19}
.mfdWatchGrid article:nth-child(2){border-top-color:#f4f3ef}
.mfdWatchGrid h3{color:#f4f3ef}
.mfdWatchGrid a{background:#e7ff45;color:#101110;border:1px solid #e7ff45;font-weight:600;white-space:normal;overflow-wrap:anywhere;text-decoration:none}
.mfdWatchGrid a:hover{background:#f4f3ef;color:#101110;border-color:#f4f3ef}
.mfdPro{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,auto);align-items:center;gap:24px;padding:26px;border:1px solid #ffffff50;border-left:5px solid #971f19;background:#101110;color:#f4f3ef;box-sizing:border-box}
.mfdPro>div{min-width:0}.mfdPro strong{overflow-wrap:anywhere}.mfdPro small{color:#e7ff45}
.mfdPro>a{position:static;display:block;box-sizing:border-box;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.5;padding:14px 18px;color:#f4f3ef;border:1px solid #f4f3ef;background:transparent}
.mfdPro>a:hover{color:#101110;background:#e7ff45;border-color:#e7ff45}
.mfdPress>h3{color:#e7ff45;line-height:1.5}
.mfdPress>div{background:#191b19;border-color:#ffffff40}
.mfdPress a{color:#f4f3ef}.mfdPress a:hover{color:#e7ff45}
.mfdPress .mfdDocName>a{display:block;min-height:0;font:600 22px/1.35 Manrope,Arial,sans-serif;text-decoration:none;margin-bottom:14px}
.mfdPress .mfdDocName>strong{font:14px/1.6 'DM Mono',monospace;color:#e7ff45}
@media(max-width:1050px){.nextScreening .screeningInfo{grid-template-columns:minmax(0,1fr)}.nextScreening .screeningInfo>p{border-left:0;padding-left:0}}
@media(max-width:800px){
 .homePage>.nextScreening{grid-template-columns:minmax(0,1fr);gap:22px}
 .nextScreening .screeningDate{flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px;border-right:0;border-bottom:1px solid var(--line);padding:0 0 18px}
 .nextScreening .screeningDate span{font-size:44px}
 .nextScreening .screeningInfo h2{font-size:clamp(28px,8vw,44px)}
 .homePage>.mfdWatch{padding:24px}
 .mfdPro{grid-template-columns:minmax(0,1fr);padding:22px}
 .mfdPro>a{justify-self:start;width:auto;max-width:100%}
}
@media(max-width:420px){.homePage>.mfdWatch{padding:18px}.mfdWatchGrid article,.mfdPress>div{padding:20px}.mfdWatch>h2{font-size:30px}.mfdWatchGrid h3{font-size:36px}}