@charset "UTF-8";
:root{color-scheme:light;--ink:#112b39;--mint:#a3ecd5;--paper:#f7f8f5;--line:#d9e1de;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #129b7f;outline-offset:5px}[hidden]{display:none!important}
.topbar{height:88px;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:block;line-height:0}.brand img{width:133px;height:auto}.edition{font-size:12px;font-weight:650;letter-spacing:.12em}.edition span{margin:0 14px;color:#a1b4ad}.skip{text-decoration:none;font-weight:600;font-size:14px}.skip span{margin-left:14px}
.cinema{position:relative;min-height:630px;height:calc(100svh - 210px);max-height:940px;background:#233f43;overflow:hidden;isolation:isolate;color:white;margin:0 22px;border-radius:4px}.artwork,.shade{position:absolute;inset:0;z-index:-1}.artwork{overflow:hidden;background:#234749}.artwork .scene-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;transition:width 1800ms cubic-bezier(.2,.6,.25,1),left 1800ms cubic-bezier(.2,.6,.25,1),object-position 1800ms,filter 1200ms;left:0;filter:saturate(.88)}.shade{z-index:1;background:linear-gradient(90deg,rgba(9,32,42,.96) 0%,rgba(9,32,42,.84) 26%,rgba(9,32,42,.28) 52%,rgba(9,32,42,0) 74%),linear-gradient(0deg,rgba(8,27,33,.42),transparent 40%);pointer-events:none}.cinema[data-scene="0"] .artwork .scene-image{width:225%;left:31.5%;object-position:50% 50%}.cinema[data-scene="1"] .artwork .scene-image{width:225%;left:-40.5%;object-position:50% 50%}.cinema[data-scene="2"] .artwork .scene-image{width:225%;left:-112.5%;object-position:50% 50%}.cinema[data-scene="end"] .artwork .scene-image{filter:saturate(.6) brightness(.8)}
.location{position:absolute;left:4.3%;top:29px;display:flex;align-items:center;gap:10px;color:#e1efe9;font-size:12px;letter-spacing:.06em}.location-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 5px #a3ecd517}.scene-number{position:absolute;right:4%;top:22px;font-size:44px;font-weight:250;color:#ffffffa8;line-height:1}.opening,.conversation,.ending{position:relative;width:49%;padding:104px 0 58px;margin-left:4.3%;max-width:670px}.overline{font-size:12px;font-weight:650;letter-spacing:.2em;color:var(--mint);margin:0 0 22px}h1{font-size:clamp(52px,5.4vw,88px);font-weight:450;line-height:1.01;letter-spacing:-.052em;margin:0 0 25px}h1 em,.ending h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--mint)}.intro-copy{font-size:17px;line-height:1.7;color:#e1e9e5;margin:0 0 27px}.primary{border:0;background:var(--mint);color:#102e37;display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:17px 24px;text-decoration:none;font-size:17px;font-weight:650;border-radius:3px;transition:background .2s,transform .2s}.primary:hover{background:#c5f9e8;transform:translateY(-2px)}.primary span{font-size:24px;line-height:1}.duration{font-size:12px;color:#c5d6cf;margin-top:16px}.person-caption{position:absolute;right:5%;bottom:42px;text-align:right;text-shadow:0 2px 16px #071b28}.person-caption span{display:block;letter-spacing:.15em;font-size:12px;color:#f2fff9;margin-bottom:8px}.person-caption strong{font-weight:500;font-size:19px}
.conversation{padding-top:100px;padding-bottom:74px;width:44%}.speaker{font-size:13px;letter-spacing:.15em;color:var(--mint);display:flex;align-items:center;gap:12px;margin:0 0 22px}.speaker-line{width:25px;height:1px;background:currentColor}.need h2{font-size:clamp(25px,2.8vw,43px);font-weight:450;line-height:1.25;letter-spacing:-.026em;margin:0;text-wrap:pretty}.need{animation:arrive .6s ease both}.answer{margin-top:31px;animation:arrive .65s ease both;max-width:550px}.answer-label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--mint)}.egit-mark{font-size:28px;font-weight:650;letter-spacing:-3px;line-height:1;margin-right:4px}.answer-line{height:1px;flex:1;background:#c4f5e545}.answer>p{font-size:18px;line-height:1.65;margin:15px 0;color:#f3f8f5;text-wrap:pretty}.evidence{display:flex;flex-wrap:wrap;gap:8px 14px;color:#b6d6ca;font-size:12px;line-height:1.5}.evidence span::before{content:"↳";margin-right:6px;color:var(--mint)}.reveal{display:flex;justify-content:space-between;align-items:center;gap:30px;color:var(--mint);padding:15px 0;background:none;border:0;border-bottom:1px solid #a3ecd565;margin-top:27px;font-size:15px}.reveal:hover{color:white}.scene-progress{position:absolute;bottom:0;height:3px;width:100%;background:#a3ecd51c}.scene-progress span{display:block;background:var(--mint);height:100%;width:0;transition:none}.ending{padding-top:105px;width:53%}.ending h2{font-weight:450;font-size:clamp(38px,4vw,63px);line-height:1.13;letter-spacing:-.04em;margin:0 0 24px}.ending>p:not(.overline){color:#d9e6df;line-height:1.65;font-size:17px;margin-bottom:26px}.replay{display:block;padding:14px 0 0;border:0;background:none;color:#d8e6e0;font-size:13px}.replay span{padding-left:12px}
.story-controls{display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:0 4.3%;min-height:82px}.stops{display:flex;align-items:stretch;gap:36px}.stop{display:flex;gap:12px;align-items:center;border:0;border-top:3px solid transparent;background:transparent;font-size:15px;color:#526763;padding:0 0 3px}.stop-index{color:#647b73;font-size:12px}.stop-dot{width:5px;height:5px;border-radius:50%;background:#b6c5bf;margin-left:10px}.stop[aria-current="step"]{border-top-color:#127e69;color:#113f35;font-weight:650}.stop[aria-current="step"] .stop-dot{background:#127e69;box-shadow:0 0 0 4px #127e6914}.stop:hover{color:#137e6a}.playback{display:flex;align-items:center;gap:27px}.control{border:0;background:none;padding:12px 0;font-size:14px;color:#304d43}.control span{margin-left:12px}.next{font-weight:650}.footnote{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 4.3%;border-top:1px solid var(--line);color:#63736e;font-size:12px;padding:15px 0 18px;line-height:1.6}.footnote p{margin:0}.footnote>span{white-space:nowrap;font-size:11px;letter-spacing:.08em}.no-script{padding:20px 5%}.paused .need,.paused .answer{animation-play-state:paused}
@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.opening,.conversation,.ending{margin-left:7%;padding-top:120px}.location{left:7%}.conversation{max-width:680px}}
@media(max-width:1000px){.edition{font-size:11px}.cinema{margin:0 12px;min-height:640px}.opening{width:53%}.conversation{width:49%}.need h2{font-size:30px}.answer>p{font-size:17px}.stops{gap:20px}.stop{gap:8px}.stop-dot{margin-left:2px}.playback{gap:18px}.person-caption{right:4%;max-width:37%}.ending{width:62%}}
@media(max-width:700px){.topbar{height:72px;padding:0 22px}.brand img{width:115px}.edition{display:none}.skip{font-size:13px}.cinema{height:auto;min-height:740px;margin:0 8px;border-radius:3px;display:flex;flex-direction:column;justify-content:flex-end}.artwork{height:100%;background:#122e3c}.artwork .scene-image{width:190%;height:390px;left:-45%;object-fit:cover;object-position:center;transition:width 1300ms,left 1300ms}.shade{background:linear-gradient(0deg,#112b39 0%,#112b39 41%,#112b39e8 49%,#112b3900 73%),linear-gradient(180deg,#10293577,transparent 15%)}.cinema[data-scene="0"] .artwork .scene-image{width:300%;left:-4%}.cinema[data-scene="1"] .artwork .scene-image{width:300%;left:-100%}.cinema[data-scene="2"] .artwork .scene-image{width:300%;left:-196%}.location{left:22px;top:20px;font-size:11px}.scene-number{right:22px;top:17px;font-size:32px}.opening,.conversation,.ending{width:auto;max-width:none;margin:0;padding:320px 25px 38px}.opening h1{font-size:53px;line-height:1.03;margin-bottom:17px}.opening h1 br:nth-of-type(2){display:none}.overline{font-size:11px;letter-spacing:.14em;margin-bottom:16px}.intro-copy{font-size:15px;margin-bottom:23px}.primary{font-size:16px;padding:15px 21px}.duration{margin-bottom:0}.conversation{padding-top:310px;min-height:740px}.speaker{font-size:12px;margin-bottom:15px}.need h2{font-size:27px;line-height:1.28}.answer{margin-top:25px}.answer>p{font-size:16px;line-height:1.6}.evidence{gap:7px 12px}.person-caption{top:226px;bottom:auto;right:22px;max-width:75%;text-shadow:0 1px 9px #000}.person-caption span{font-size:10px}.person-caption strong{font-size:15px}.cinema[data-scene="intro"] .person-caption,.cinema[data-scene="end"] .person-caption{display:none}.ending{padding-top:335px;padding-bottom:40px}.ending h2{font-size:37px}.ending>p:not(.overline){font-size:16px}.story-controls{padding:0 24px;flex-wrap:wrap;gap:0;min-height:0}.stops{gap:0;justify-content:space-between;width:100%;min-height:67px}.stop{font-size:13px;gap:7px}.stop-dot{display:none}.stop-index{font-size:11px}.playback{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding:0 0 7px}.control{font-size:13px;padding:14px 0}.footnote{margin:0 24px;font-size:11px;align-items:flex-start}.footnote>span{display:none}}
@media(max-width:360px){.opening,.conversation,.ending{padding-left:20px;padding-right:20px}.opening h1{font-size:46px}.need h2{font-size:25px}.ending h2{font-size:33px}.stop{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Koridor görünümünde üç kişi doğrudan seçilir; yakın planda anlatım açılır. */
.cinema[data-scene="intro"]{height:auto;min-height:0;aspect-ratio:auto;padding-bottom:calc((100% - 44px)/3 + 158px)}
.cinema[data-scene="intro"] .artwork{top:158px}
.cinema[data-scene="intro"] .artwork .scene-image{width:100%;height:100%;left:0;object-fit:fill}
.cinema[data-scene="intro"] .shade{background:linear-gradient(0deg,#0d2a3977,transparent 24%)}
.cinema[data-scene="intro"] .opening{position:absolute;margin:0;padding:46px 4.3% 0;max-width:none;width:100%;height:158px;background:#112b39}
.cinema[data-scene="intro"] .overline{display:none}
.cinema[data-scene="intro"] h1{font-size:clamp(30px,3.2vw,51px);line-height:1.1;letter-spacing:-.035em;margin:0 0 12px}
.cinema[data-scene="intro"] .intro-copy{font-size:14px;margin:0;color:#d0ded8}
.cinema[data-scene="intro"] .location{top:20px;font-size:11px;z-index:3}
.cinema[data-scene="intro"] .person-caption{display:none}
.sequence{position:absolute;right:4.3%;bottom:28px;border:0;border-bottom:1px solid #a3ecd54d;background:none;color:var(--mint);font-size:14px;padding:8px 0;display:flex;gap:25px}
.people{position:absolute;inset:158px 0 0;z-index:4;pointer-events:none}
.person-choice{position:absolute;top:4%;bottom:3%;width:24%;left:10%;border:0;background:none;color:white;pointer-events:auto;border-radius:5px}
.person-choice[data-person="1"]{left:38%}.person-choice[data-person="2"]{left:67%}
.person-label{position:absolute;left:50%;bottom:0;transform:translateX(-50%);text-align:left;white-space:nowrap;border:1px solid #ffffff55;background:#112b39e8;padding:12px 17px;backdrop-filter:blur(10px);border-radius:3px;box-shadow:0 6px 20px #112b3922;transition:transform .2s,background .2s}
.person-label small{display:block;color:#a3ecd5;font-size:10px;letter-spacing:.1em;margin-bottom:6px}.person-label strong{display:block;font-size:16px;font-weight:600}.person-label b{font-size:18px;font-weight:400;margin-left:18px}.person-choice:hover .person-label{background:#176456;transform:translate(-50%,-6px)}
.cinema[data-scene="0"] .artwork .scene-image{width:225%;left:22.5%;object-fit:fill}.cinema[data-scene="1"] .artwork .scene-image{object-fit:fill}.cinema[data-scene="2"] .artwork .scene-image{left:-105.75%;object-fit:fill}




.playback{gap:22px}.control{font-size:13px}.control span{margin-left:8px}
@media(max-width:1000px){.story-controls{flex-wrap:wrap;gap:0}.playback{justify-content:space-between;width:100%;border-top:1px solid var(--line)}.stops{width:100%;min-height:70px;justify-content:space-between}.cinema[data-scene="intro"]{padding-bottom:calc((100% - 24px)/3 + 158px)}.person-label strong{font-size:13px}.person-label{padding:10px 12px}.person-label b{margin-left:8px}.sequence{font-size:12px;gap:10px}}
@media(max-width:700px){.cinema[data-scene="intro"]{padding-bottom:0;min-height:585px;display:block}.cinema[data-scene="intro"] .opening{padding:62px 22px 0;height:210px}.cinema[data-scene="intro"] h1{font-size:36px;max-width:320px;line-height:1.13;margin-bottom:13px}.cinema[data-scene="intro"] .intro-copy{font-size:13px;max-width:260px;line-height:1.6}.sequence{position:static;font-size:12px;margin-top:10px;gap:18px}.cinema[data-scene="intro"] .artwork{top:240px;bottom:140px;overflow:visible}.cinema[data-scene="intro"] .artwork .scene-image{width:100%;height:auto;top:0;object-fit:contain}.cinema[data-scene="intro"] .shade{display:none}.people{inset:240px 0 0}.person-choice{width:30%;left:3%;top:0;bottom:120px}.person-choice[data-person="1"]{left:35%}.person-choice[data-person="2"]{left:67%}.person-label{padding:12px 5px;text-align:center;white-space:normal;width:100%;min-width:85px;bottom:0;background:#173f49;border-color:#a3ecd550;backdrop-filter:none;box-shadow:none}.person-label small{font-size:9px;letter-spacing:0;line-height:1.5}.person-label strong{font-size:12px;line-height:1.5}.person-label b{display:block;font-size:18px;margin:3px 0 0}.cinema[data-scene="0"] .artwork .scene-image{width:300%;left:-16%}.cinema[data-scene="1"] .artwork .scene-image{width:300%;left:-100%}.cinema[data-scene="2"] .artwork .scene-image{width:300%;left:-187%}.cinema:not([data-scene="intro"]) .artwork .scene-image{height:350px;object-fit:fill}.playback{gap:12px;flex-wrap:wrap}.control{font-size:12px}.cinema[data-scene="end"] .artwork .scene-image{width:150%;left:-25%;object-fit:cover}}
.paused .need,.paused .answer{animation-play-state:running}


@media(max-width:700px){.cinema[data-scene="intro"]{min-height:505px}.cinema[data-scene="intro"] .opening{height:240px}.person-choice{bottom:40px}}
.meet-site{display:inline-flex;gap:28px;color:var(--mint);text-decoration:none;border-bottom:1px solid #a3ecd560;padding:11px 0 7px;margin-top:10px;font-size:14px;font-weight:600}
.cinema[data-scene="0"] .artwork .scene-image{mask-image:linear-gradient(90deg,transparent,black 12%)}
@media(min-width:701px){.cinema[data-scene="0"] .artwork .scene-image,.cinema[data-scene="1"] .artwork .scene-image,.cinema[data-scene="2"] .artwork .scene-image{width:calc(var(--frame-height,630px) * 3);height:100%}.cinema[data-scene="0"] .artwork .scene-image{left:calc(72% - var(--frame-height,630px) * .66)}.cinema[data-scene="1"] .artwork .scene-image{left:calc(72% - var(--frame-height,630px) * 1.5)}.cinema[data-scene="2"] .artwork .scene-image{left:calc(72% - var(--frame-height,630px) * 2.37)}}
#corridor-life{visibility:hidden;pointer-events:none}.life-ready #corridor-life{visibility:visible}.life-ready #corridor-art{visibility:hidden}