/* Native page scroll; large photographs open into quiet editorial scenes. */
.cinema-home main { overflow: visible; }
.journey-intro { padding-bottom: 64px; }
.journey-intro .section-heading { margin-bottom: 34px; }
.journey-nav { display: flex; gap: 32px; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 22px; }
.journey-nav a { font-size: 12px; padding: 10px 0; text-underline-offset: 6px; }
.journey-nav a:hover { text-decoration: underline; }
.journey-chapter { position: relative; background: var(--paper); scroll-margin-top: -16px; }
.journey-stage { position: relative; display: grid; grid-template-columns: 46% 54%; min-height: 730px; background: var(--paper); isolation: isolate; }
.journey-copy { padding: 54px max(30px, 4.3vw); align-self: center; }
.journey-copy h3 { margin: 24px 0; font-size: clamp(38px, 4.2vw, 70px); font-weight: 400; line-height: 1.08; letter-spacing: -.05em; }
.journey-copy h3 span { color: #7a7166; }
.journey-copy .eyebrow { font-size: 9px; letter-spacing: 1.4px; }
.journey-theme { font-size: 20px; line-height: 1.5; margin-bottom: 14px; }
.journey-description { max-width: 38ch; font-size: 14px; line-height: 1.8; margin-bottom: 26px; }
.journey-detail { display: flex; align-items: end; gap: 18px; margin: 36px 0 0; }
.journey-detail img { width: 128px; height: 116px; object-fit: cover; }
.journey-detail figcaption { font-size: 11px; line-height: 1.7; max-width: 180px; }
.journey-detail figcaption span { font-size: 9px; }
.journey-media { position: relative; overflow: hidden; background: #eee8e0; }
.journey-media > img { width: 100%; height: 100%; object-fit: cover; }
.journey-image-label { position: absolute; right: 18px; bottom: 18px; max-width: calc(100% - 36px); padding: 9px 13px; background: rgba(250,248,245,.93); font-size: 8px; line-height: 1.5; letter-spacing: 1px; }
.journey-progress { display: none; }
/* Project palettes follow the materials, landscape and light in each image. */
#kesfet-panorama { --paper: #c9b59a; --ink: #3b342b; --scene-muted: #4d4032; --scene-line: #aa9477; }
#kesfet-park-evleri { --paper: #bcc7b3; --ink: #283d32; --scene-muted: #3b4e39; --scene-line: #96a68b; }
#kesfet-merkez-ofis { --paper: #b8c9c9; --ink: #283e40; --scene-muted: #384f50; --scene-line: #8da5a6; }
.journey-chapter { color: var(--ink); }
.journey-chapter .journey-stage,
.journey-chapter .journey-copy,
.journey-chapter .journey-media { background: var(--paper); }
.journey-chapter .journey-copy h3 { color: var(--ink); }
.journey-chapter .journey-copy h3 span,
.journey-chapter .journey-detail figcaption { color: var(--scene-muted); }
.journey-chapter .text-link { color: var(--ink); border-color: var(--scene-muted); }
.journey-chapter .journey-image-label { background: var(--paper); color: var(--ink); }
.journey-chapter .journey-progress { background: var(--scene-line); }
.journey-chapter .journey-progress i { background: var(--scene-muted); }
.cinema-home #yaklasim { position: relative; z-index: 1; background: var(--paper); }
.cinema-home .living { position: relative; background: #f0ece6; overflow: clip; }
.cinema-home .living-image { overflow: hidden; }
.cinema-home .living-image > img { transform: scale(var(--living-scale, 1)); }
.cinema-home .contact-cta { background: var(--paper); position: relative; }
@media(min-width:1000px) and (min-height:700px) and (prefers-reduced-motion:no-preference) {
 .journey-ready .journey-chapter { height: 175svh; }
 .journey-ready .journey-stage { position: sticky; top: var(--header-height,112px); height: calc(100svh - var(--header-height,112px)); min-height: 0; display: block; overflow: clip; }
 .journey-ready .journey-copy { position: absolute; inset: 0 auto 0 0; width: 46%; display: flex; flex-direction: column; justify-content: center; padding-top: 25px; padding-bottom: 25px; opacity: var(--copy-opacity, 1); transform: translate3d(0,var(--copy-shift,0px),0); }
 .journey-ready .journey-copy h3 { font-size: clamp(38px,4vw,64px); margin: 18px 0; }
 .journey-ready .journey-detail { margin-top: 25px; }
 .journey-ready .journey-detail img { height: clamp(70px,11vh,116px); width: 115px; }
 .journey-ready .journey-copy > .text-link { align-self: flex-start; }
 .journey-ready .journey-media { position: absolute; inset: 0; z-index: 1; clip-path: inset(0 0 0 var(--image-split,46%)); pointer-events: none; }
 .journey-ready .journey-media > img { transform: translate3d(var(--image-shift,12%),0,0) scale(var(--image-scale,1.03)); }
 .journey-ready .journey-stage:focus-within .journey-media { clip-path: inset(0 0 0 46%); }
 .journey-ready .journey-stage:focus-within .journey-copy { opacity: 1; transform: none; }
 .journey-ready .journey-progress { display: block; position: absolute; z-index: 3; bottom: 0; left: 0; right: 0; height: 2px; background: var(--scene-line); }
 .journey-ready .journey-progress i { display: block; height: 100%; background: var(--scene-muted); transform: scaleX(var(--scene-progress,0)); transform-origin: left; }
 .journey-ready .journey-chapter.is-near .journey-media > img { will-change: transform; }
 .journey-ready .journey-chapter.is-near .journey-copy { will-change: transform,opacity; }
 .home-enter { opacity: 0; transform: translateY(36px); transition: opacity .85s ease, transform 1.05s cubic-bezier(.2,.7,.2,1); }
 .home-enter.is-visible { opacity: 1; transform: none; }
}
@media(max-width:999px) {
 .journey-stage { grid-template-columns: 1fr; min-height: 0; }
 .journey-copy { padding: 48px var(--gutter); }
 .journey-media { height: 62vw; min-height: 260px; order: -1; }
 .journey-copy h3 { font-size: clamp(38px,7vw,60px); }
 .journey-detail { margin-top: 28px; }
 .journey-intro { padding-bottom: 40px; }
 .journey-nav { gap: 12px 24px; }
 .journey-nav a { font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) {
 .cinema-home .living-image > img { transform: none; }
 .home-enter { opacity: 1; transform: none; transition: none; }
}