/* Project New Ground V2.3 — filmische intro na de hero, alleen #project */
#project.project-v23 {
  display:grid; grid-template-columns:minmax(0, 51%) minmax(0, 49%);
  position:relative; isolation:isolate; overflow:hidden;
  min-height: min(900px, 90vh); padding:0; margin:0;
  background:#eaddcb; color:#0f2e24;
}
#project .project-v23-visual {
  background:#091c16; position:relative; min-height:780px; overflow:hidden;
}
#project .project-v23-poster,
#project .project-v23-film {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  object-position:53% center;
}
#project .project-v23-poster { filter:brightness(.58) saturate(.82) sepia(.18) hue-rotate(42deg); transform:scale(1.035); }
#project .project-v23-film { opacity:0; transition:opacity 1s ease; filter:brightness(.62) saturate(.86) sepia(.20) hue-rotate(36deg); }
#project .project-v23-film.is-playing { opacity:1; }
#project .project-v23-image-shade {
  position:absolute; inset:0;
  background:
    linear-gradient(180deg,rgba(4,22,16,.40) 0%,rgba(8,40,30,.26) 30%,rgba(6,31,23,.52) 68%,rgba(4,18,14,.86) 100%),
    linear-gradient(90deg,rgba(7,40,30,.58) 0%,rgba(9,48,36,.32) 40%,rgba(9,35,27,.12) 72%,rgba(0,0,0,0) 100%),
    linear-gradient(135deg,rgba(15,46,36,.22),rgba(7,28,22,.08));
  mix-blend-mode:normal;
}
#project .project-v23-film-content {
  position:absolute; z-index:1; inset:0;
  display:flex; flex-direction:column; justify-content:flex-end;
  padding:clamp(36px,5.2vw,94px) clamp(30px,5vw,90px);
  color:#eadcc8;
}
#project .project-v23-film-kicker,
#project .project-v23-film-caption,
#project .project-v23-copy-top { font-size:10px; letter-spacing:.24em; font-weight:600; }
#project .project-v23-film-kicker { color:#c9a96a; margin:0 0 22px; }
#project .project-v23-film-heading {
  display:block; font-size:clamp(46px,5.2vw,86px); line-height:.92;
  letter-spacing:-.057em; font-weight:550; text-wrap:balance;
}
#project .project-v23-film-caption {
  display:block; border-top:1px solid rgba(234,220,200,.32);
  padding-top:22px; margin-top:46px; color:rgba(234,220,200,.73);
}
#project .project-v23-copy {
  position:relative; display:flex; align-items:center;
  padding:clamp(55px,5.4vw,92px) clamp(36px,5.5vw,96px);
  background:linear-gradient(143deg,#eee2d2 0%,#eaddcb 70%,#e8dac6 100%);
}
#project .project-v23-copy-inner { width:100%; max-width:640px; margin:auto; }
#project .project-v23-copy-top { display:flex; align-items:center; gap:22px; opacity:.5; margin-bottom:50px; }
#project .project-v23-copy-rule { flex:1; height:1px; background:rgba(15,46,36,.25); }
#project .eyebrow { margin:0 0 23px; color:#866c42; }
#project .project-v23-title {
  margin:0; font-size:clamp(49px,4.8vw,78px); font-weight:460;
  line-height:1.01; letter-spacing:-.055em; color:#0f2e24;
  max-width:700px; text-wrap:balance;
}
#project .project-v23-lead {
  font-size:clamp(17px,1.35vw,21px); line-height:1.57; margin:28px 0 0;
  max-width:620px; color:#3e584e; font-weight:400;
}
#project .project-v23-phases {
  display:flex; align-items:stretch; gap:14px; margin:32px 0 0; padding:20px 0;
  border-top:1px solid rgba(15,46,36,.20);
  border-bottom:1px solid rgba(15,46,36,.20);
}
#project .project-v23-phase { flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:8px; }
#project .project-v23-phase span { color:#8f806d; font-size:9px; letter-spacing:.15em; }
#project .project-v23-phase strong { font-weight:550; letter-spacing:.06em; font-size:clamp(12px,1.0vw,17px); white-space:nowrap; }
#project .project-v23-phase:not(.project-v23-phase-active) strong { color:#63756b; }
#project .project-v23-phase-arrow { font-size:24px; color:#b99b65; align-self:center; margin-right:8px; }
#project .project-v23-footnote {
  margin:22px 0 0; padding:0 0 0 17px; border-left:2px solid #c9a96a;
  font-size:13px; line-height:1.55; color:#587067;
}
#project .project-v23-link {
  margin-top:28px; display:inline-flex; align-items:center; justify-content:space-between;
  gap:24px; color:#0f2e24; text-decoration:none; padding:13px 0;
  font-size:11px; font-weight:700; letter-spacing:.1em;
  border-bottom:1px solid #a88850; transition:gap .2s ease;
}
#project .project-v23-link span:last-child { color:#9c7a3d; font-size:22px; }
#project .project-v23-link:hover { gap:34px; }
#project .project-v23-link:focus-visible { outline:3px solid #9b792e; outline-offset:5px; }
@media (max-width:1200px) and (min-width:801px) {
  #project.project-v23 { grid-template-columns:45% 55%; min-height:720px; }
  #project .project-v23-visual { min-height:720px; }
  #project .project-v23-copy { padding:56px 5vw; }
  #project .project-v23-copy-top { margin-bottom:26px; }
  #project .project-v23-title { font-size:clamp(44px,4.7vw,66px); }
  #project .project-v23-film-heading { font-size:clamp(44px,5vw,65px); }
  #project .project-v23-footnote { font-size:12px; }
}
@media (max-width:800px) {
  #project.project-v23 { display:flex; flex-direction:column; min-height:0; }
  #project .project-v23-visual { min-height:0; height:clamp(380px,67vh,620px); }
  #project .project-v23-film-content { padding:40px 7vw; }
  #project .project-v23-film-heading { font-size:clamp(51px,10vw,83px); }
  #project .project-v23-film-caption { margin-top:30px; }
  #project .project-v23-copy { padding:60px 7vw 70px; }
  #project .project-v23-copy-inner { max-width:680px; }
  #project .project-v23-copy-top { margin-bottom:32px; }
  #project .project-v23-title { font-size:clamp(46px,9vw,78px); }
  #project .project-v23-lead { font-size:18px; }
  #project .project-v23-phase strong { font-size:clamp(12px,3vw,17px); }
}
@media (max-width:480px) {
  #project .project-v23-visual { height:450px; }
  #project .project-v23-film-content { padding:30px 24px; }
  #project .project-v23-film-heading { font-size:clamp(49px,13.5vw,65px); }
  #project .project-v23-film-caption { letter-spacing:.13em; font-size:9px; }
  #project .project-v23-copy { padding:49px 24px 64px; }
  #project .project-v23-copy-top { font-size:9px; margin-bottom:30px; }
  #project .project-v23-title { font-size:clamp(44px,12vw,59px); }
  #project .project-v23-lead { font-size:17px; }
  #project .project-v23-phases { gap:8px; }
  #project .project-v23-phase strong { font-size:12px; letter-spacing:.02em; }
  #project .project-v23-phase span { font-size:8px; letter-spacing:.08em; }
  #project .project-v23-phase-arrow { margin:0 2px; font-size:19px; }
  #project .project-v23-link { font-size:10px; letter-spacing:.04em; }
}
@media (prefers-reduced-motion:reduce) {
  #project .project-v23-film { display:none; }
  #project .project-v23-link { transition:none; }
}