/* Full-screen project sequence after the protected gate film. */
.home-project-sequence { position:relative; margin-top:-100vh; margin-top:-100svh; opacity:0; }
.project-screen, .case-opening { position:relative; height:100vh; height:100svh; background:#131713; overflow:hidden; }
.project-screen-link { position:relative; display:block; height:100%; color:#fff; }
.project-screen img, .case-opening>img { display:block; width:100%; height:100%; object-fit:cover; }
.project-screen[data-project="afarinesh"] img { object-position:60% center; }
.project-screen-link::after { content:""; position:absolute; inset:65% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.48)); pointer-events:none; }
.project-screen-copy { position:absolute; bottom:6vh; left:var(--margin); right:var(--margin); z-index:1; }
.project-screen-copy .mono { font-size:10px; letter-spacing:.12em; }
.project-screen-copy h2 { font:300 clamp(30px,3.3vw,58px)/1.2 'Raleway',Arial,sans-serif; margin:10px 0 14px; }
.project-screen-open { font:400 12px/1.5 'Raleway',Arial,sans-serif; }
.project-screen-link:focus-visible { outline:3px solid #fff; outline-offset:-6px; }
.project-screen-link:hover .project-screen-open { text-decoration:underline; text-underline-offset:5px; }
.case-opening-title { position:absolute; bottom:45px; left:var(--margin); color:#fff; text-shadow:0 2px 12px #000; font:300 clamp(28px,3.4vw,56px)/1.2 'Raleway',Arial,sans-serif; }
.case-reference .case-story { background:var(--bone-hi); padding:85px max(var(--margin),calc((100vw - 900px)/2)); }
.case-reference .case-story h1,.case-reference .case-story h2 { font:300 clamp(28px,3vw,48px)/1.25 'Raleway',Arial,sans-serif; margin:20px 0 28px; }
.case-reference .case-story p:not(.mono) { font:400 19px/1.85 'Raleway',Arial,sans-serif; margin-bottom:24px; }
.case-reference .case-media-caption { font-size:13px!important; color:var(--ink-soft); }
.case-reference .case-gallery figure { background:var(--bone-hi); margin:0; }
.case-reference .case-gallery img { display:block; width:100%; height:90vh; height:90svh; object-fit:cover; }
.case-reference .case-gallery figcaption { padding:16px var(--margin) 35px; font-size:10px; }
.case-reference .case-next a { font:300 38px/1.2 'Raleway',Arial,sans-serif; }
.case-reference .photo-gallery { display:block; }
.case-reference .photo-gallery img { display:block; width:100%; height:85vh; height:85svh; object-fit:cover; }
.case-reference .photo-gallery figure { margin:0 0 45px; }
.relocated-content { background:var(--bone); }
.relocated-content .line-in { transform:none; }
.relocated-content .reveal { opacity:1; transform:none; }
.relocated-content .space-film figcaption { font-family:'Raleway',Arial,sans-serif; }
.relocated-content .space-film,.relocated-content .project-transition { background:#131713; }
@media(max-width:620px) {
  .project-screen-copy { bottom:7vh; }
  .project-screen-copy h2 { font-size:30px; }
  .project-screen-copy .mono { font-size:8px; }
  .case-reference .case-story { padding:60px var(--margin); }
  .case-reference .case-story p:not(.mono) { font-size:16px; }
  .case-reference .case-gallery img,.case-reference .photo-gallery img { height:72svh; }
}
@media(prefers-reduced-motion:reduce) {
  .home-reference #intro-track { height:100vh; height:100svh; }
  .home-project-sequence { margin-top:0; }
}
html:not(.js) .home-project-sequence { margin-top:0; opacity:1; }

.in-project-sequence #nav { background:linear-gradient(rgba(0,0,0,.38),transparent); padding-bottom:24px; }
.case-reference .case-opening h1 { margin:0; }

.in-real-project #nav .home-brand-logo { filter:none; }
.case-reference .media-gallery { padding-inline:0; }
.case-reference .media-gallery-heading { padding-inline:var(--margin); }
.case-reference .photo-gallery figcaption { padding-inline:var(--margin); }