/* Film direction: the image establishes the scene, then the story is revealed. */
.cinema-home .cinema-visual { height: 100svh; min-height: 540px; }
.cinema-home .cinema-skip { color: #f0ece2; background: rgba(33,45,39,.22); border-color: rgba(240,236,226,.5); box-shadow: none; }
.cinema-home .brand-film { background: #35413c; }
.film-word { display: none; }
.cinema-home .story-nature .story-visual,
.cinema-home .story-craft .story-visual { inset: 0; height: auto; }
.cinema-home .story-nature,.cinema-home .story-craft { --story-paper: #35413c; --story-ink: #f0ece2; }
.cinema-home .story-nature .atmosphere-stage::after,
.cinema-home .story-craft .atmosphere-stage::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg,rgba(25,39,31,.88),rgba(25,39,31,.7) 34%,rgba(25,39,31,.05) 78%); }
.cinema-home .story-nature .story-copy,.cinema-home .story-craft .story-copy { width: 44%; }
.cinema-home .story-nature .story-visual img { filter: saturate(.65); }
.cinema-home .story-craft .story-visual video { filter: saturate(.65); object-position: 80% center; }
.cinema-home .story-craft .story-bottom > span:last-child { color: inherit; background: transparent; padding: 0; }
.cinema-home .film-cut { position: absolute; inset: 0 0 0 55%; overflow: hidden; }
.cinema-home .film-cut img,.cinema-home .film-cut video { width: 100%; height: 100%; object-fit: cover; }
.cinema-home .film-cut img { filter: saturate(.78); }
.cinema-home .journey-media::after { z-index: 3; }
.cinema-home .journey-image-label { z-index: 4; }
.cinema-home #kesfet-merkez-ofis .film-cut { inset: 0 52% 0 0; }
.cinema-home .journey-progress { display: none; }
.cinema-home .story-bottom { font-size: 12px; }
/* Normal flow remains fully readable when motion is off or space is too short. */
@media(max-width:999px) {
 .cinema-home .film-cut { display: none; }
 .cinema-home .story-nature .story-copy,.cinema-home .story-craft .story-copy { width: 65%; }
}
@media(max-width:600px) {
 .cinema-home .story-nature .story-copy,.cinema-home .story-craft .story-copy { width: auto; }
 .cinema-home .story-nature .atmosphere-stage::after,
 .cinema-home .story-craft .atmosphere-stage::after { background: linear-gradient(0deg,rgba(25,39,31,.97),rgba(25,39,31,.89) 45%,rgba(25,39,31,.06) 90%); }
 .cinema-home .story-craft .story-visual video { object-position: 70% center; }
 .cinema-home .story-craft .story-copy h2 { font-size: clamp(46px,12vw,64px); }
}
/* Each shot is a full viewport. Its predecessor stays beneath it during the handover. */
@media(min-width:1000px) and (min-height:700px) and (prefers-reduced-motion:no-preference), (min-width:360px) and (max-width:999px) and (min-height:740px) and (prefers-reduced-motion:no-preference){
 .journey-ready .cinema-home .cinema-hero{height:200svh;margin-bottom:-100svh;background:#35413c}
 .journey-ready .cinema-home .cinema-stage{position:sticky;top:0;height:100svh;overflow:clip}
 .journey-ready .cinema-home .window-hero .window-media{transform:scale(var(--hero-scale,1));transform-origin:50% 45%}
 .journey-ready .cinema-home .window-hero .window-label{opacity:var(--hero-cue,1)}
 .journey-ready .cinema-home .brand-film{background:transparent;pointer-events:none}
 .journey-ready .cinema-home :is(.journey-chapter,.atmosphere){--scene-hold:75svh;height:calc(200svh + var(--scene-hold));margin-bottom:-100svh;background:transparent;pointer-events:none}
 .journey-ready .cinema-home #yasam{--scene-hold:55svh}
 .journey-ready .cinema-home #akis{--scene-hold:45svh}
 .journey-ready .cinema-home #nefes{--scene-hold:65svh}
 .journey-ready .cinema-home #dokunus{--scene-hold:60svh}
 .journey-ready .cinema-home [data-scene-last]{--scene-hold:65svh;height:calc(100svh + var(--scene-hold));margin-bottom:0}
 .journey-ready .cinema-home :is(.journey-stage,.atmosphere-stage){position:sticky;top:0;height:100svh;min-height:0;max-height:none;overflow:clip;transform:translate3d(0,var(--scene-lift,0px),0);clip-path:var(--film-mask,inset(0));-webkit-mask-image:var(--film-soft-mask,none);mask-image:var(--film-soft-mask,none);opacity:var(--film-opacity,1);pointer-events:none}
 .journey-ready .cinema-home .scene-interactive > :is(.journey-stage,.atmosphere-stage){pointer-events:auto}
 .journey-ready .cinema-home .story-scene .story-copy{transform:translateY(-50%)}
 .journey-ready .cinema-home .journey-chapter .journey-copy{opacity:1;transform:none}
 .journey-ready .cinema-home :is(.story-copy,.journey-copy,.water-title)>*,
 .journey-ready .cinema-home .atmosphere-bottom{opacity:var(--bit-opacity,1);transform:translate3d(0,var(--bit-y,0px),0)}
 .journey-ready .cinema-home .film-word{display:none}
 .journey-ready .cinema-home :is(.story-visual img,.story-visual video,.journey-media>img,.water-film){transform:translate3d(var(--camera-x,0px),var(--camera-y,0px),0) scale(var(--camera-scale,1.06));transform-origin:var(--camera-origin,center)}
 .journey-ready .cinema-home .story-people .story-visual{transform:none}
 .journey-ready .cinema-home .story-nature .story-visual{clip-path:none}
 .journey-ready .cinema-home .water-title{transform:none;opacity:1}
 .journey-ready .cinema-home .water-title h2 span:first-child{transform:translateX(var(--water-left,0px))}
 .journey-ready .cinema-home .water-title h2 span:last-child{transform:translateX(var(--water-right,0px))}
 .journey-ready .cinema-home .film-cut{display:block;inset:0;opacity:var(--cut-opacity,0);clip-path:none;transform:none;transition:opacity 900ms cubic-bezier(.4,0,.2,1)}
 .journey-ready .cinema-home .film-cut :is(img,video){transform:scale(var(--cut-scale,1.06));transition:transform 1400ms cubic-bezier(.2,.6,.3,1)}
 .journey-ready .cinema-home #kesfet-park-evleri .film-cut{inset:0;clip-path:none}
 .journey-ready .cinema-home #kesfet-park-evleri .film-cut img{object-position:50% center}
 .journey-ready .cinema-home #kesfet-merkez-ofis .film-cut{inset:0;clip-path:none}
 .journey-ready .cinema-home #kesfet-merkez-ofis .film-cut video{object-position:35% center}
 .journey-ready .cinema-home :is(.journey-image-label,.story-bottom,.atmosphere-note){opacity:var(--notes-opacity,1)}
 .journey-ready .cinema-home :is(.scene-dormant,.scene-retired)>:is(.journey-stage,.atmosphere-stage){opacity:0;pointer-events:none}
 .journey-ready .cinema-home :is(.atmosphere,.journey-chapter):has(:focus-visible)>:is(.journey-stage,.atmosphere-stage){opacity:1;clip-path:none;-webkit-mask-image:none;mask-image:none;transform:none;pointer-events:auto}
 .journey-ready .cinema-home :is(.story-copy,.journey-copy,.water-title):has(:focus-visible)>*,
 .journey-ready .cinema-home .atmosphere:has(:focus-visible) .atmosphere-bottom{opacity:1;transform:none;clip-path:none}
 .journey-ready .cinema-home .is-near :is(.story-visual img,.journey-media>img){will-change:transform}
}
/* A lighter native-scroll treatment for touch screens and short viewports. */
.film-mobile .cinema-home :is(.story-visual img,.journey-media>img){transform:translate3d(0,var(--mobile-y,0px),0) scale(1.04)}
.film-mobile .cinema-home :is(.story-copy,.journey-copy){opacity:var(--mobile-reveal,1);translate:0 var(--mobile-rise,0px)}
.film-mobile .cinema-home :is(.story-copy,.journey-copy):has(:focus-visible){opacity:1;translate:none}
@media(max-width:999px){.cinema-home #kesfet-merkez-ofis .film-cut-video{display:block;inset:0}}
@media(prefers-reduced-motion:reduce){
 .cinema-home .film-word{display:none}
 .cinema-home :is(.story-visual img,.story-visual video,.cinema-video,.film-cut img){transform:none}
}

/* Full-frame scene handovers also fit portrait phones; compact screens retain native flow. */
@media(min-width:360px) and (max-width:999px) and (min-height:740px) and (prefers-reduced-motion:no-preference){
 .journey-ready .cinema-home :is(.journey-chapter,.atmosphere){--scene-hold:70svh}
 .journey-ready .cinema-home .story-scene .story-copy{top:auto;bottom:100px;left:var(--gutter);right:var(--gutter);width:auto;transform:none}
 .journey-ready .cinema-home .story-bottom{bottom:24px;gap:6px;font-size:10px}
 .journey-ready .cinema-home .story-copy h2{font-size:clamp(32px,8vw,48px);line-height:1.12;margin-bottom:24px}
 .journey-ready .cinema-home .story-copy>p{font-size:16px;line-height:1.6;margin-bottom:24px}
 .journey-ready .cinema-home .journey-chapter .journey-copy{padding:88px 0 88px;width:auto;max-width:none}
 .journey-ready .cinema-home .journey-chapter .journey-copy h3{font-size:clamp(32px,8vw,48px);margin:20px 0}
 .journey-ready .cinema-home .journey-chapter .journey-description{font-size:16px;line-height:1.6;margin-bottom:22px}
 .journey-ready .cinema-home .atmosphere-bottom{bottom:60px;gap:16px}
 .journey-ready .cinema-home .water-title h2{font-size:clamp(42px,11vw,76px)}
}

@media(min-width:360px) and (max-width:600px) and (min-height:740px) and (prefers-reduced-motion:no-preference){
 .journey-ready .cinema-home :is(#kesfet-panorama,#kesfet-park-evleri,#kesfet-merkez-ofis){--scene-shade:linear-gradient(0deg,rgba(21,29,25,.94),rgba(21,29,25,.82) 40%,rgba(21,29,25,.12) 78%)}
}

/* Photo-based Dicle Bridge edit: retain the central arch on small screens. */
.cinema-home #nefes .story-visual :is(img,video){object-position:50% center;filter:saturate(.88)}
.cinema-home #nefes .nature-credit{font-size:11px;letter-spacing:0;line-height:1.7}
@media(max-width:600px){.cinema-home #nefes .story-visual :is(img,video){object-position:50% center}.cinema-home #nefes .nature-credit{font-size:10px}}

.cinema-home #nefes .nature-credit a{text-decoration:underline;text-underline-offset:3px}
.cinema-home #nefes .nature-credit a:focus-visible{outline:1px solid currentColor;outline-offset:3px}

.cinema-home #nefes .story-visual video{position:absolute;inset:0}

/* The refraction canvas follows the same camera as its source video. */
.cinema-home #nefes .water-refraction{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;filter:saturate(.88)}
.cinema-home #nefes .water-refraction.is-active{opacity:1}
.journey-ready .cinema-home #nefes .water-refraction{transform:translate3d(var(--camera-x,0px),var(--camera-y,0px),0) scale(var(--camera-scale,1.06));transform-origin:var(--camera-origin,center)}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.cinema-home #nefes .water-refraction{display:none}}