:root{--paper:#f2efe7;--ink:#222637;--muted:#69645d;--red:#a62d3a;--line:#d6d0c5;--card:#e8e2d5;--shadow:0 12px 23px #30271924;--atl-font:'Outfit',Arial,sans-serif}
:root[data-atl-mod="gece"]{--paper:#171b22;--ink:#f0ece1;--muted:#b7b3ab;--red:#f38b8e;--line:#3b3e45;--card:#252b35;--shadow:0 12px 23px #0007}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body{font:14px/1.5 var(--atl-font);-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}button{border:1px solid var(--line);background:transparent}button:hover:not(:disabled){background:var(--card)}[hidden]{display:none!important}.sergi{min-height:100svh;display:flex;flex-direction:column;background:var(--paper)}.ust{display:flex;align-items:center;justify-content:space-between;padding:19px 30px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.17em;gap:15px}.ust a{color:var(--ink);text-decoration:none}.ust a span{color:var(--muted);margin-left:15px}.ust-sag{display:flex;align-items:center;gap:18px;color:var(--muted)}#tam{width:32px;height:32px;font-size:23px;line-height:1}.sahne{height:calc(100svh - 190px);min-height:280px;overflow:hidden;position:relative;touch-action:pan-y;outline:none}.dunya{width:1820px;height:970px;position:absolute;left:0;top:0;transform-origin:0 0;transition:transform 1.5s cubic-bezier(.65,0,.25,1);will-change:transform}.afis-baslik{position:absolute;left:25px;top:220px;width:590px;text-align:center;transition:opacity .5s}.katalog{font-size:12px;letter-spacing:.2em;color:var(--muted);margin:0 0 32px}h1{font:normal 112px/.99 Georgia,'Times New Roman',serif;margin:0;letter-spacing:-.05em}h1 em{font-weight:normal}.tarih-aralik{font:italic 42px Georgia,serif;color:var(--red);margin:30px 0}.tarih-aralik span{font-style:normal;padding:0 14px}.ince-cizgi{height:1px;background:var(--red);width:100px;margin:32px auto}.giris{font:italic 24px/1.55 Georgia,serif}.afis-not{font-size:16px;color:var(--muted);margin-top:24px}.baslat{margin-top:26px;padding:15px 20px;letter-spacing:.15em;font-size:13px;border-color:var(--ink)}.baslat span{margin-left:30px}.ipucu{font-size:12px;color:var(--muted)}.pano{position:absolute;width:132px;margin:0;padding:0;border:0;text-align:left;background:transparent!important;transition:transform 1.5s cubic-bezier(.65,0,.25,1);transform-origin:0 0}.pano-gorsel{width:132px;height:140px;background:var(--card);position:relative;box-shadow:var(--shadow);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px;transition:box-shadow .3s}.pano img{width:100%;height:100%;object-fit:contain;display:block}.pano .cizim{width:100%;padding:4px}.pano .cizim svg{height:100%;max-height:100%;width:100%}.pano:hover .pano-gorsel{box-shadow:0 0 0 2px var(--red),var(--shadow)}.pano[aria-current="true"] .pano-gorsel{box-shadow:0 0 0 1px var(--red),var(--shadow)}.pano-no{font:italic 12px Georgia,serif;color:var(--red);margin-right:5px}.pano-yil{font:italic 10px Georgia,serif;color:var(--muted);display:block;margin-left:22px}.pano-caption{display:block;font:500 7px/1.5 var(--atl-font);letter-spacing:.025em;padding-top:6px;min-height:38px}.pano-caption b{font-weight:500}.pano.baski .pano-gorsel{background:#ded2b9}.pano.modern .pano-gorsel{background:var(--card)}.yolculuk .afis-baslik{opacity:0;pointer-events:none}.pano-bilgi{position:absolute;left:30px;right:30px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.1em}.pano-bilgi>span{color:var(--muted)}.pano-bilgi button{padding:9px 15px;background:var(--paper)}.oynatici{display:flex;gap:25px;align-items:center;padding:18px 30px 7px;border-top:1px solid var(--line);margin-top:auto;background:var(--paper);z-index:2}.dugmeler,.gezinti{display:flex;align-items:center;gap:9px}.oynatici button{height:43px;padding:0 15px;font-size:11px;letter-spacing:.1em;white-space:nowrap}#oynat{border-color:var(--red);color:var(--red);min-width:103px}#genel[aria-pressed="true"]{background:var(--card)}.zaman{flex:1;min-width:100px}.zaman label{display:block;font-size:9px;letter-spacing:.14em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;height:16px}.zaman input{width:100%;accent-color:var(--red);cursor:pointer;margin:0;height:22px;display:block}.sinirlar{display:flex;justify-content:space-between;font:italic 10px Georgia,serif;color:var(--muted)}.gezinti button{padding:0 12px;font-size:17px}#hiz{font-size:12px}#sayac{white-space:nowrap;font:italic 16px Georgia,serif;width:68px;text-align:center}.alt-not{color:var(--muted);font-size:8px;letter-spacing:.14em;text-align:center;margin:10px 15px 14px}.sergi.plein{position:fixed;inset:0;z-index:1000;overflow:auto}.sergi:fullscreen{width:100%;height:100%;overflow:auto}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);width:min(960px,94vw);max-height:90svh;padding:42px;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#0b101bc9;backdrop-filter:blur(7px)}.kapat{position:absolute;right:12px;top:12px;width:33px;height:33px;font-size:17px;z-index:1;background:var(--paper)}.hikaye-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.hikaye-yil{font:italic 35px Georgia,serif;color:var(--red)}dialog h2{font:normal 34px/1.12 Georgia,serif;margin:10px 0 15px}dialog h3{font-size:11px;letter-spacing:.14em;color:var(--red);margin-top:25px}dialog p{line-height:1.75}dialog .kim{color:var(--muted);font:italic 15px Georgia,serif}.detay-gorsel{width:100%;height:330px;display:flex;align-items:center;justify-content:center;background:var(--card);padding:15px}.detay-gorsel img,.detay-gorsel svg{max-width:100%;max-height:100%;object-fit:contain}.detay-gorsel .cizim{width:100%}.kunye{font-size:11px;color:var(--muted);line-height:1.65;margin-top:12px}.kunye a,dialog a{color:var(--red)}.medya-sec{display:flex;gap:5px;margin:12px 0;flex-wrap:wrap}.medya-sec button{padding:7px 10px;font-size:11px}.medya-sec button[aria-pressed="true"]{border-color:var(--red);color:var(--red)}.gorsel-not{font-size:12px;color:var(--muted)}dl{font-size:13px}dt{font-weight:600;margin-top:10px}dd{margin:3px 0;color:var(--muted)}#isik{width:min(1300px,96vw);text-align:center;padding:40px 20px 15px}#isik-icerik{height:73svh;display:flex;justify-content:center;align-items:center}#isik img{max-height:100%;max-width:100%;object-fit:contain}#isik .cizim{width:min(100%,1000px)}#isik p{font-size:11px;color:var(--muted)}.ters{filter:invert(1)}

@media(max-width:760px){.ust{padding:12px 16px}.ust a span,.ust-sag{font-size:0}.ust-sag{gap:0}.sahne{height:calc(100svh - 230px);min-height:280px}.oynatici{padding:12px 15px 0;gap:12px;flex-wrap:wrap}.dugmeler{order:1}.gezinti{order:2;margin-left:auto;gap:5px}.zaman{order:3;flex-basis:100%}.oynatici button{height:39px;padding:0 10px;font-size:10px}#oynat{min-width:89px}#sayac{width:48px;font-size:13px}.gezinti button{font-size:14px;padding:0 8px}#hiz{display:none}.alt-not{font-size:7px;margin-top:12px}.pano-bilgi{left:16px;right:16px;bottom:8px;font-size:9px}.pano-bilgi>span{max-width:50%}dialog{padding:45px 20px 25px}.hikaye-grid{grid-template-columns:1fr;gap:20px}.detay-gorsel{height:270px}dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.sergi:not(.hazir) .dunya,.sergi:not(.hazir) .pano{transition:none}

@media(max-width:760px){.sergi{padding-bottom:125px}.oynatici{position:fixed;bottom:0;left:0;right:0;padding:10px 12px;gap:8px}.dugmeler{gap:5px}#genel{font-size:9px;padding:0 8px}.alt-not{display:none}.sergi.yolculuk{padding-bottom:0}.yolculuk .sahne{height:calc(100svh - 180px)}.yolculuk .oynatici{margin-top:0}}

.pano .pano-gorsel:has(.cizim){background:var(--card)}

@media(max-width:760px){h1{font-size:92px}}

/* Çizimlerde tam genişlik: küçük bir yan sütuna sıkıştırma. */
#hikaye:has(.cizim){width:min(1050px,96vw)}
.hikaye-grid:has(.cizim){grid-template-columns:1fr;gap:25px}
.detay-gorsel:has(.cizim){height:auto;aspect-ratio:900/560;padding:0;border:0}
.hikaye-grid:has(.cizim) article{max-width:740px}
.cizim-kaynak{display:inline-block;vertical-align:top;margin:10px 24px 0 0;max-width:340px}
#isik.cizim-acik #isik-icerik{display:block;overflow:auto;height:min(73svh,690px);text-align:left;overscroll-behavior:contain}
#isik.cizim-acik .cizim{display:block;width:calc(100% * var(--zoom,1));max-width:none;min-height:100%}
#isik.cizim-acik svg{max-height:none}
#cizim-yakinlik{display:flex;align-items:center;justify-content:center;gap:15px;margin:14px 0 0}
#cizim-yakinlik button{width:42px;height:42px;font-size:23px}
#cizim-yakinlik output{min-width:48px;font-size:14px}
#cizim-yakinlik span{font-size:12px;color:var(--muted)}
@media(max-width:760px){#hikaye:has(.cizim){padding:44px 12px 24px}.hikaye-grid:has(.cizim) article{padding:0 8px}#isik.cizim-acik{padding:44px 10px 12px}#isik.cizim-acik #isik-icerik{height:62svh}#isik.cizim-acik .cizim{width:calc(100% * var(--zoom,1))}#cizim-yakinlik{gap:9px}#cizim-yakinlik span{max-width:110px;font-size:11px}}

/* Müze defteri: çizimler açık kâğıt üzerinde, her temada aynı okunurlukta. */
.animasyon,.film-poster{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#faf6ec}
.animasyon>svg,.film-poster>svg{display:block;width:100%;height:auto;max-height:none}
.animasyon svg text,.film-poster svg text{fill:#38372f;stroke:none;font-family:Georgia,'Times New Roman',serif;font-style:italic}
.animasyon .sketch-title,.film-poster .sketch-title{font-size:31px;font-weight:500}
.animasyon .sketch-label,.film-poster .sketch-label{font-size:23px}
.animasyon .sketch-small,.film-poster .sketch-small{font-size:22px}
.animasyon .sketch-note,.film-poster .sketch-note{font-size:17px}
.rgb-lights circle{mix-blend-mode:screen}
.pano-gorsel:has(.animasyon),.pano-gorsel:has(.film-poster){padding:0;background:#faf6ec!important}
.pano .animasyon,.pano .film-poster{border-radius:0}
#hikaye:has(.animasyon),#hikaye:has(.film-poster){width:min(1100px,96vw)}
.hikaye-grid:has(.animasyon),.hikaye-grid:has(.film-poster){grid-template-columns:1fr;gap:22px}
.detay-gorsel:has(.animasyon),.detay-gorsel:has(.film-poster){height:auto;aspect-ratio:16/9;padding:0;border:0}
.anim-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}
.anim-controls button,.film-controls button{padding:10px 15px;min-height:44px;border-radius:6px;background:var(--card);font-size:13px}
.anim-controls button:first-child{border-color:var(--red);color:var(--red)}
.anim-time{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}
.anim-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0;list-style:none;counter-reset:step;margin:12px 0;text-align:left}
.anim-steps li{counter-increment:step;font-size:12px;padding:10px;border-top:2px solid var(--line);color:var(--muted);line-height:1.5}
.anim-steps li:before{content:counter(step,decimal-leading-zero);display:block;font:italic 19px Georgia,serif;margin-bottom:6px}
.anim-steps li[aria-current=true]{border-color:var(--red);color:var(--ink);background:var(--card)}
.anim-note{font-size:11px!important;color:var(--muted);margin:10px 0}
#isik.anim-acik #isik-icerik{height:auto;display:block}
#isik.anim-acik{width:min(1120px,96vw)}
#sahne-anim-kontrol{display:flex;gap:6px}#sahne-anim-kontrol button{font-size:11px;letter-spacing:0}
.film-poster video{display:block;width:100%;height:100%;aspect-ratio:16/9;background:#151713;object-fit:contain}
.film-controls{text-align:left;padding:14px 0}.film-controls p{font-size:13px}.film-controls a{font-size:13px}
@media(max-width:760px){#hikaye:has(.animasyon),#hikaye:has(.film-poster){padding:46px 10px 20px}.anim-steps{grid-template-columns:1fr;gap:0}.anim-steps li{display:flex;gap:10px;padding:7px;border-top-width:1px;font-size:13px}.anim-steps li:before{font-size:16px;min-width:22px;margin:0}.anim-controls{gap:6px}.anim-controls button{font-size:12px;padding:9px 11px}.anim-note{line-height:1.5!important}.pano-bilgi{flex-wrap:wrap;bottom:12px}.pano-bilgi>span{display:none}#sahne-anim-kontrol{gap:4px}#sahne-anim-kontrol button{padding:9px;font-size:10px}.yolculuk .sahne{min-height:370px}}

.kelime-kokeni{padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--red);background:var(--card);margin:16px 0 22px}.kelime-kokeni>div{display:flex;align-items:center;gap:24px}.kelime-kokeni span{display:flex;flex-direction:column}.kelime-kokeni b{font:italic 29px Georgia,serif}.kelime-kokeni small{font-size:13px;color:var(--muted)}.kelime-kokeni i{font-size:23px;color:var(--red)}.kelime-kokeni strong{display:block;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:16px;font-weight:500}

/* Preserve the exhibition composition; direct gestures move its camera layer. */
.camera-layer{position:absolute;inset:0;transform-origin:0 0;will-change:transform}
.sahne{touch-action:none}.pano[role=button]{cursor:pointer}.pano .film-poster img{width:100%;height:100%;object-fit:contain}
#insan-foto,#film-link{padding:9px 12px;font-size:11px;color:var(--red)}#film-status{font-size:11px;letter-spacing:0;max-width:230px}
#pano-bilgi{gap:9px;background:var(--paper);padding:8px;border:1px solid var(--line);bottom:8px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px)}
.animation-story .hikaye-grid>article,.animation-story .gorsel-not{display:none}
html[data-atolye-embedded] .ust{display:none}#genel{min-width:125px}
@media(max-width:760px){#pano-bilgi{width:calc(100% - 24px)}#film-status{max-width:100%}}
@media(prefers-reduced-motion:reduce){.dunya,.pano{transition:none!important}}

#film-status:not([hidden]){display:block}
@media(max-height:500px) and (max-width:760px){.yolculuk .sahne{height:calc(100dvh - 115px);min-height:190px}.oynatici{padding:7px 10px;gap:5px}.oynatici button{height:34px}.pano-bilgi{font-size:9px}}