/* A continuous brand film: people, place, nature, work and the future. */
.brand-film { position: relative; z-index: 1; }
.scene-anchor { position: absolute; top: 0; left: 0; scroll-margin-top: 0; }
.story-scene { --story-paper: #c8c7bd; --story-ink: #303b34; }
.story-scene .atmosphere-stage { background: var(--story-paper); color: var(--story-ink); }
.story-visual { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.story-visual img,.story-visual video { display: block; width: 100%; height: 100%; object-fit: cover; }
.story-visual img { transform: scale(var(--visual-scale,1.03)); }
.story-copy { position: absolute; left: var(--gutter); top: 50%; transform: translateY(-50%); width: 46%; max-width: 720px; }
.story-copy .eyebrow { display: block; color: inherit; margin-bottom: 30px; font-size: 12px; letter-spacing: 1.5px; }
.story-copy h2 { font-size: clamp(58px,6.4vw,104px); line-height: 1.02; margin: 0 0 32px; color: inherit; }
.story-copy h2 em { font-style: normal; }
.story-copy > p { font-family: var(--editorial); font-size: clamp(24px,2vw,31px); line-height: 1.35; letter-spacing: -.01em; max-width: 36ch; margin-bottom: 34px; }
.story-copy .text-link { color: inherit; border-color: currentColor; font-size: 14px; }
.story-bottom { position: absolute; left: var(--gutter); right: var(--gutter); bottom: 28px; display: flex; align-items: end; justify-content: space-between; gap: 24px; font-size: 12px; line-height: 1.6; }
.story-bottom > span:first-child { letter-spacing: 1.3px; }
.story-people { --story-ink: #eee9dc; }
.story-people .atmosphere-stage::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(40,48,40,.93),rgba(40,48,40,.78) 36%,rgba(40,48,40,.12) 76%); }
.story-people .story-copy { width: 51%; }
.story-people .story-visual img { object-position: 70% center; }
.story-water .water-film { filter: saturate(.5); }
.story-water .water-film::after { background: rgba(208,216,207,.44); }
.story-water .atmosphere-stage { color: #293e38; }
.story-water .water-title { padding-bottom: 130px; }
.story-water .water-title h2 { font-size: clamp(90px,12vw,180px); }
.story-water .atmosphere-bottom { bottom: 80px; }
.story-water .atmosphere-bottom p { font-family: var(--editorial); font-size: clamp(24px,2.1vw,32px); line-height: 1.3; }
.story-nature { --story-paper: #626d5e; --story-ink: #efecdf; }
.story-nature .story-visual { left: 45%; top: 12%; bottom: 12%; }
.story-nature .story-visual img { object-position: 78% center; filter: saturate(.55); }
.story-nature .story-copy { width: 34%; }
.story-nature .story-bottom { color: #efecdf; }
.story-craft { --story-paper: #cec9be; --story-ink: #383b32; }
.story-craft .story-visual { left: 45%; }
.story-craft .story-visual video { object-position: 52% center; filter: saturate(.58); }
.story-craft .story-copy { width: 34%; }
.story-craft .story-copy h2 { font-size: clamp(50px,5.3vw,86px); }
.story-craft .story-bottom > span:last-child { color: #eee9dc; padding: 6px 12px; background: rgba(37,45,38,.8); }
.story-finale { --story-paper: #56605a; --story-ink: #f0ecdf; }
.story-finale .atmosphere-stage::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(48,58,52,.96),rgba(48,58,52,.89) 42%,rgba(48,58,52,.26)); }
.story-finale .story-visual img { object-position: 72% center; }
.story-finale .story-copy { width: 58%; }
.story-finale .story-copy h2 { font-size: clamp(82px,10vw,158px); margin-bottom: 26px; }
.story-finale .story-copy .story-prelude { font-size: 21px; max-width: 37ch; margin-bottom: 24px; }
.story-finale .story-copy > p:not(.story-prelude) { max-width: 35ch; font-size: 26px; }
.story-actions { display: flex; flex-wrap: wrap; gap: 18px 40px; }
.cinema-home #yaklasim { border: 0; background: transparent; }
/* Related, quiet tones. Project chapters are examples within the brand story. */
#kesfet-panorama { --paper: #c3bcae; --ink: #34362f; --scene-muted: #47493e; --scene-line: #929283; }
#kesfet-park-evleri { --paper: #b6bdaf; --ink: #2c3930; --scene-muted: #3e4c3e; --scene-line: #84917e; }
#kesfet-merkez-ofis { --paper: #b8c0bd; --ink: #2d3c39; --scene-muted: #40504a; --scene-line: #82948b; }
.journey-chapter .journey-copy .eyebrow { max-width: 36ch; }
.journey-chapter .journey-copy h3 { margin: 28px 0; }
.journey-chapter .journey-description { max-width: 32ch; margin-bottom: 36px; }
.journey-chapter .journey-media > img { filter: saturate(.74); }
.cinema-home .site-footer { position: relative; z-index: 2; background: #c7c8be; color: #354139; --ink: #354139; --line: #a5ac9e; }
@media(min-width:1000px) and (min-height:700px) and (prefers-reduced-motion:no-preference) {
 .journey-ready .story-scene { --scene-hold: calc(var(--scene-vh) * .32); }
 .journey-ready .journey-chapter { --scene-hold: calc(var(--scene-vh) * .5); }
 .journey-ready [data-scene-last] { height: calc(var(--scene-vh) + var(--scene-hold)); margin-bottom: 0; }
 .journey-ready [data-transition="iris"] > .atmosphere-stage { clip-path: circle(var(--entry-radius,150%) at 67% 50%); }
 .journey-ready .story-scene.scene-dormant > .atmosphere-stage { opacity: 0; }
 .journey-ready .story-scene:focus-within > .atmosphere-stage { opacity: 1; clip-path: none; }
}
@media(min-width:1000px) and (max-height:800px) {
 .story-copy { top: 53%; }
 .story-copy h2 { font-size: 62px; margin-bottom: 22px; }
 .story-copy .eyebrow { margin-bottom: 20px; }
 .story-copy > p { font-size: 24px; margin-bottom: 24px; }
 .story-finale .story-copy h2 { font-size: 88px; }
 .story-finale .story-copy .story-prelude { font-size: 18px; margin-bottom: 18px; }
 .story-finale .story-copy > p:not(.story-prelude) { font-size: 23px; }
 .story-bottom { bottom: 20px; }
}
/* Normal-flow chapters on smaller screens and with motion reduced. */
@media(max-width:999px) {
 .story-scene .atmosphere-stage { min-height: 740px; height: 95svh; max-height: 1000px; }
 .story-copy,.story-people .story-copy,.story-finale .story-copy { width: 75%; top: 50%; }
 .story-copy h2 { font-size: clamp(58px,8vw,78px); }
 .story-nature .story-visual { inset: 0 0 0 30%; }
 .story-nature .atmosphere-stage::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#626d5e 12%,rgba(98,109,94,.96) 40%,rgba(98,109,94,.08)); }
 .story-nature .story-copy,.story-craft .story-copy { width: 60%; }
 .story-craft .story-visual { left: 38%; }
 .story-craft .atmosphere-stage::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#cec9be 20%,rgba(206,201,190,.94) 45%,rgba(206,201,190,.08)); }
 .story-finale .story-copy h2 { font-size: clamp(76px,12vw,120px); }
}
@media(max-width:600px) {
 .story-scene .atmosphere-stage { min-height: 720px; height: 100svh; max-height: 920px; }
 .story-copy,.story-people .story-copy,.story-nature .story-copy,.story-craft .story-copy,.story-finale .story-copy { top: auto; bottom: 90px; width: auto; left: var(--gutter); right: var(--gutter); transform: none; }
 .story-copy h2 { font-size: clamp(48px,13vw,68px); line-height: 1.05; margin-bottom: 24px; }
 .story-copy .eyebrow { font-size: 11px; margin-bottom: 22px; letter-spacing: 1.1px; }
 .story-copy > p { font-size: 24px; max-width: 28ch; margin-bottom: 28px; }
 .story-bottom { flex-direction: column; align-items: start; gap: 6px; bottom: 22px; font-size: 11px; }
 .story-people .story-visual img { object-position: 68% center; }
 .story-people .atmosphere-stage::after { background: linear-gradient(0deg,rgba(40,48,40,.97),rgba(40,48,40,.88) 44%,rgba(40,48,40,.05) 90%); }
 .story-nature .story-visual { inset: 0; }
 .story-nature .atmosphere-stage::after { background: linear-gradient(0deg,#626d5e 15%,rgba(98,109,94,.94) 45%,rgba(98,109,94,.12)); }
 .story-nature .story-visual img { object-position: 86% center; }
 .story-craft .story-visual { inset: 0 0 auto; height: 45%; }
 .story-craft .story-visual video { object-position: center 35%; }
 .story-craft .atmosphere-stage::after { background: linear-gradient(0deg,#cec9be 51%,rgba(206,201,190,.94) 58%,transparent 85%); }
 .story-craft .story-copy h2 { font-size: clamp(46px,12vw,64px); }
 .story-craft .story-copy > p { font-size: 23px; }
 .story-craft .story-bottom > span:last-child { background: none; color: inherit; padding: 0; }
 .story-finale .story-visual img { object-position: 75% center; }
 .story-finale .atmosphere-stage::after { background: linear-gradient(0deg,rgba(48,58,52,.98) 10%,rgba(48,58,52,.93) 45%,rgba(48,58,52,.15)); }
 .story-finale .story-copy h2 { font-size: clamp(72px,19vw,100px); margin-bottom: 20px; }
 .story-finale .story-copy .story-prelude { font-size: 20px; margin-bottom: 20px; }
 .story-finale .story-copy > p:not(.story-prelude) { font-size: 23px; }
 .story-actions { gap: 12px 24px; }
 .story-actions .text-link { gap: 18px; }
 .story-water .water-title { padding-bottom: 160px; }
 .story-water .water-title h2 { font-size: clamp(66px,18vw,106px); }
 .story-water .atmosphere-bottom { bottom: 65px; }
 .story-water .atmosphere-bottom p { font-size: 24px; }
 .story-water .atmosphere-bottom p br { display: none; }
 .story-water .atmosphere-note { display: block; bottom: 20px; }
 .journey-chapter .journey-copy { padding-block: 52px; }
 .journey-chapter .journey-copy h3 { margin-block: 22px; }
}
@media(prefers-reduced-motion:reduce) {
 .story-visual img { transform: none; }
}
@media(min-width:1000px) and (prefers-reduced-motion:reduce), (min-width:1000px) and (max-height:699px), (min-width:1000px) and (scripting:none) {
 .story-scene .atmosphere-stage { height: 100svh; min-height: 900px; max-height: none; }
}