:root{--ink:#232922;--cream:#eeeae1;--paper:#f3f0e9;--sage:#495749;--gold:#c9b598;--muted:#858b81;--line:rgba(35,41,34,.19);font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button:disabled{opacity:.28;cursor:default}button{border:0}a{color:inherit;text-decoration:none}p,h1,h2{margin:0}button:active{transform:translateY(1px)}.presentation{height:100vh;height:100dvh;min-height:500px;position:relative;overflow:hidden;background:var(--cream);color:var(--ink);--header:104px;--footer:78px}.presentation[data-theme=dark]{background:var(--ink);color:var(--cream);--line:rgba(238,234,225,.22)}
.masthead{height:var(--header);position:absolute;inset:0 0 auto;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 4.4%;color:inherit;transition:color .3s}.brand{display:flex;align-items:center;height:80px;width:114px}.logo-crop{display:block;position:relative;overflow:hidden;width:83px;aspect-ratio:1203/794}.logo-crop img{position:absolute;max-width:none;width:159.6%;height:auto;left:-29.76%;top:-18.01%}.presentation[data-theme=dark] .masthead .logo-crop img,.closing-brand img{filter:invert(1)}.project-label{font-size:10px;letter-spacing:.22em;font-weight:500;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.project-label span{opacity:.4;padding:0 14px}.menu-button{background:transparent;display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.025em;padding:12px 0 12px 12px}.menu-icon{font-size:24px;font-weight:300;line-height:1}.slides{position:absolute;inset:0}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .48s ease,visibility .48s;pointer-events:none;padding:var(--header) 4.4% var(--footer)}.slide.active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.slide.light{background:var(--cream)}.slide.dark{background:var(--ink);color:var(--cream)}.slide.olive{background:var(--sage);color:var(--cream)}
.cover{padding:0;background:var(--ink);color:var(--cream)}.cover-image{width:100%;height:100%;object-fit:cover;object-position:50% 44%;position:absolute;inset:0}.cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,18,11,.54),transparent 23%,transparent 43%,rgba(10,18,12,.83) 100%),linear-gradient(90deg,rgba(12,22,15,.17),transparent 70%)}.cover-copy{position:absolute;left:7.5%;right:7.5%;bottom:calc(var(--footer) + 38px)}.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:600;line-height:1.6}.cover .eyebrow{color:#ded6c5;margin-bottom:5px}.cover h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(86px,11.3vw,192px);font-weight:400;line-height:1.12;letter-spacing:-.065em;margin-left:-.05em;margin-bottom:24px}.cover-bottom{border-top:1px solid rgba(238,234,225,.4);padding-top:22px;display:flex;align-items:flex-end;justify-content:space-between}.cover-bottom p{font-size:18px;font-weight:300;line-height:1.5}.cover-bottom p span{font-size:12px;opacity:.68;letter-spacing:.035em}.text-button{background:transparent;border-bottom:1px solid currentColor;padding:0 0 10px;display:inline-flex;align-items:center;gap:38px;font-size:13px}.text-button span{font-size:24px;font-weight:300}.cover-side{position:absolute;right:4.4%;top:42%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;opacity:.7}
.spread{display:grid;grid-template-columns:29% minmax(0,1fr);gap:4%;padding-bottom:calc(var(--footer) + 26px)}.editorial-copy{display:flex;flex-direction:column;justify-content:center;padding:16px 0 30px;min-width:0}.editorial-copy .eyebrow{margin-bottom:30px;color:#68735f}.olive .eyebrow{color:#c4cdbb}h2{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(34px,3.55vw,68px);line-height:1.12;letter-spacing:-.055em;font-weight:300}h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.035em;letter-spacing:-.055em}.description{font-size:clamp(15px,1.22vw,22px);line-height:1.75;font-weight:350;max-width:335px;margin-top:30px;opacity:.85}.note{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);max-width:320px}.note span{font-size:9px;letter-spacing:.17em;font-weight:600;opacity:.65}.note p{font-size:13px;line-height:1.75;margin-top:10px;opacity:.7;max-width:300px}.olive .note{border-color:rgba(238,234,225,.22)}.render{display:block;position:relative;overflow:hidden;padding:0;background:#1c231d;width:100%;height:100%;min-height:0;align-self:stretch}.render img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.4s ease;object-position:center}.render:hover img{transform:scale(1.015)}.render .image-action{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:15px;background:rgba(19,27,20,.78);color:#fff;padding:10px 13px;font-size:10px;letter-spacing:.035em;backdrop-filter:blur(8px);opacity:.86;transition:opacity .2s}.image-action span{font-size:17px}.render:hover .image-action{opacity:1}.spread.reverse{grid-template-columns:minmax(0,1fr) 29%}.reverse .editorial-copy{grid-column:2;grid-row:1}.reverse .render{grid-column:1;grid-row:1}.reverse .description{max-width:340px}
.panorama{display:flex;flex-direction:column;gap:25px;padding-bottom:calc(var(--footer) + 22px)}.panorama-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-top:8px}.panorama-heading .eyebrow{margin-bottom:12px;opacity:.6}.panorama-heading h2{font-size:clamp(34px,3.25vw,60px)}.panorama-heading>p{font-size:14px;line-height:1.65;font-weight:350;opacity:.72;text-align:right;margin-bottom:4px}.panorama .render{flex:1}.contained img{object-fit:contain}.light .contained{background:#d6d3c9}.cinematic{display:flex;flex-direction:column;gap:26px;padding-bottom:calc(var(--footer) + 22px)}.cinematic .render{flex:1}.cinematic-caption{display:flex;align-items:center;justify-content:space-between;gap:30px}.cinematic-caption .eyebrow{opacity:.6;margin-bottom:9px}.cinematic-caption h2{font-size:clamp(32px,3.3vw,60px)}.cinematic-caption>p{font-size:15px;line-height:1.7;font-weight:350;opacity:.7;text-align:right}
.closing{background:#232922}.closing-center{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.closing-brand{width:155px;margin-bottom:46px}.closing .eyebrow{color:#b8c1b0;font-size:11px}.closing h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(64px,7vw,122px);margin-top:17px;letter-spacing:-.055em}.closing-sub{font-size:15px;font-weight:300;opacity:.65;margin-top:25px}.closing .text-button{margin-top:48px;opacity:.85}
.controls{position:absolute;bottom:0;left:4.4%;right:4.4%;height:var(--footer);display:flex;align-items:center;justify-content:space-between;gap:35px;z-index:4;border-top:1px solid var(--line);transition:color .3s}.current-page{display:flex;align-items:baseline;gap:8px;min-width:185px;font-variant-numeric:tabular-nums}#pageNumber{font-size:18px;font-weight:400}.page-total{font-size:11px;opacity:.45}#chapterName{font-size:11px;margin-left:18px;opacity:.7}.progress{display:flex;gap:7px;width:260px;height:30px;align-items:center}.progress button{height:30px;flex:1;padding:0;background:transparent;position:relative}.progress button:after{content:"";position:absolute;left:0;right:0;top:14px;height:2px;background:currentColor;opacity:.24;transition:opacity .2s,height .2s}.progress button[aria-current=true]:after{opacity:1;height:3px;top:13px}.progress button:hover:after{opacity:.7}.actions{display:flex;gap:12px;align-items:center}.icon-button{padding:6px;background:transparent;min-width:32px;height:38px;line-height:1;font-size:25px;font-weight:300;display:inline-flex;justify-content:center;align-items:center}.play-button{font-size:24px}.fullscreen-button{font-size:25px}.arrow-button{font-size:26px;min-width:40px}.control-divider{height:18px;width:1px;background:currentColor;opacity:.2;margin:0 4px}.play-button[aria-pressed=true]{color:var(--gold)}
dialog{border:0;color:var(--ink);padding:32px;background:var(--paper);box-shadow:0 20px 100px #0005}dialog::backdrop{background:rgba(10,17,12,.82);backdrop-filter:blur(10px)}.overview-dialog{width:min(1080px,92vw);max-height:90vh}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dialog-top h2{font-size:38px;margin-top:6px}.dialog-top .eyebrow{font-size:9px;opacity:.6}.close-button{width:42px;height:42px;font-size:32px;line-height:1;font-weight:200;background:transparent;flex-shrink:0}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.overview-item{padding:0;background:transparent;text-align:left;min-width:0}.overview-item .thumb{width:100%;aspect-ratio:1.95;object-fit:cover;display:block;background:var(--ink)}.overview-item .closing-thumb{display:flex;align-items:center;justify-content:center;color:var(--cream);font-family:Georgia,serif;font-size:28px}.overview-item .item-title{display:flex;gap:10px;font-size:12px;margin-top:9px;align-items:center}.overview-item .item-title span{opacity:.45;font-size:10px}.overview-item[aria-current=true] .thumb{outline:2px solid var(--sage);outline-offset:4px}.dialog-tip{font-size:11px;opacity:.6;margin-top:26px}.image-dialog{background:#131a15;color:var(--cream);padding:18px 24px;width:96vw;max-width:none;height:95vh;max-height:95vh;overflow:hidden}.image-dialog[open]{display:flex;flex-direction:column}.image-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px}.image-dialog-top p{font-size:13px;font-weight:350}.image-dialog>img{width:100%;height:0;flex:1;min-height:0;object-fit:contain;display:block}.image-tip{font-size:10px;text-align:center;opacity:.45;padding-top:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:#172017;color:var(--cream);padding:12px 20px;font-size:13px;z-index:30;pointer-events:none;opacity:0;transition:opacity .2s}.toast.visible{opacity:1}.noscript{position:fixed;z-index:50;bottom:90px;background:#fff;padding:15px;width:100%;text-align:center}
@media(min-width:1700px){.presentation{--header:124px;--footer:94px}.logo-crop{width:101px}.project-label{font-size:12px}.menu-button{font-size:14px}.eyebrow{font-size:12px}.note p{font-size:16px;max-width:350px}.note{max-width:370px}.note span{font-size:10px}.description{max-width:390px}.panorama-heading>p,.cinematic-caption>p{font-size:18px}.render .image-action{font-size:12px}.cover-copy{bottom:calc(var(--footer) + 50px)}.cover-bottom p{font-size:23px}.cover-bottom p span{font-size:14px}.current-page{min-width:215px}#chapterName{font-size:13px}.progress{width:320px}.closing-brand{width:185px}}
@media(max-height:720px) and (min-width:801px){.presentation{--header:80px;--footer:62px;min-height:480px}.logo-crop{width:64px}.editorial-copy{padding:10px 0}.editorial-copy .eyebrow{margin-bottom:18px}h2{font-size:3.2vw}.description{margin-top:20px;font-size:14px;line-height:1.65}.note{margin-top:24px;padding-top:15px}.note p{font-size:12px;line-height:1.6}.panorama{gap:16px}.panorama-heading h2{font-size:32px}.panorama-heading>p{font-size:12px}.cover h1{font-size:12vw;margin-bottom:12px}.cover-copy{bottom:calc(var(--footer) + 25px)}.cover-bottom{padding-top:14px}.cover-bottom p{font-size:16px}.closing-brand{width:100px;margin-bottom:20px}.closing h2{font-size:70px}.closing-sub{margin-top:15px}.closing .text-button{margin-top:24px}}
@media(max-width:800px){.presentation{--header:82px;--footer:68px;min-height:600px}.masthead{padding:0 6%}.brand{width:66px}.logo-crop{width:61px}.project-label{font-size:8px;letter-spacing:.1em;left:47%}.project-label span{padding:0 5px}.menu-button{padding-left:0}.menu-button>span:last-child{display:none}.slides .slide{padding-left:6%;padding-right:6%}.slides .cover{padding:0}.spread,.spread.reverse{display:flex;flex-direction:column;gap:20px;padding-bottom:calc(var(--footer) + 22px)}.editorial-copy{padding:0;display:block;flex:0 0 auto}.editorial-copy .eyebrow{margin-bottom:10px;font-size:9px}.editorial-copy h2{font-size:35px;line-height:1.12}.editorial-copy h2 br{display:none}.editorial-copy h2 br:after{content:" "}.editorial-copy h2 em{margin-left:.13em}.description{font-size:13px;line-height:1.65;margin-top:12px;max-width:100%}.note{display:none}.spread .render{flex:1;min-height:180px}.render img{object-fit:contain}.render .image-action{right:10px;bottom:10px;font-size:9px;padding:8px 10px}.panorama,.cinematic{gap:18px;padding-bottom:calc(var(--footer) + 22px)}.panorama-heading,.cinematic-caption{display:block;padding-top:0}.panorama-heading h2,.cinematic-caption h2{font-size:33px}.panorama-heading>p,.cinematic-caption>p{font-size:12px;text-align:left;line-height:1.6;margin-top:12px}.panorama-heading>p br,.cinematic-caption>p br{display:none}.panorama .render,.cinematic .render{min-height:180px}.cinematic-caption{padding-bottom:3px}.controls{left:6%;right:6%;gap:12px}.current-page{min-width:0;gap:6px}#pageNumber{font-size:17px}#chapterName{display:none}.progress{gap:4px;width:100%;max-width:140px}.actions{gap:3px}.control-divider,.play-button{display:none}.icon-button{min-width:26px;font-size:23px}.arrow-button{min-width:30px}.fullscreen-button{font-size:23px}.cover-image{object-fit:cover;object-position:53% center}.cover-shade{background:linear-gradient(180deg,rgba(10,20,13,.7),rgba(10,20,13,.12) 28%,rgba(10,20,13,.06) 45%,rgba(10,20,13,.9) 100%)}.cover-copy{left:8%;right:8%;bottom:calc(var(--footer) + 40px)}.cover h1{font-size:21vw;margin:4px 0 20px -.04em}.cover .eyebrow{font-size:9px}.cover-bottom{align-items:flex-start;gap:20px;padding-top:18px}.cover-bottom p{font-size:15px}.cover-bottom p span{font-size:10px}.cover-bottom .text-button{gap:10px;font-size:10px;white-space:nowrap;margin-top:3px}.cover-side{display:none}.closing-brand{width:125px;margin-bottom:35px}.closing h2{font-size:16vw}.closing .eyebrow{font-size:9px}.closing-sub{font-size:13px}.closing .text-button{font-size:12px}.overview-dialog{padding:22px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.dialog-top h2{font-size:32px}.overview-item .item-title{font-size:11px;gap:7px}.overview-item .closing-thumb{font-size:20px}.image-dialog{padding:12px}.image-dialog-top p{font-size:11px}.dialog-tip{line-height:1.7}}
@media(max-width:800px) and (orientation:portrait){.spread,.spread.reverse{justify-content:space-between}.spread .note{display:block;margin-top:22px;padding-top:13px;max-width:none}.spread .note span{font-size:8px}.spread .note p{font-size:12px;line-height:1.6;margin-top:8px;max-width:none}.spread .render{flex:0 1 auto;min-height:0;height:auto;aspect-ratio:1.3;margin:auto 0}.spread .render img{object-fit:cover}.panorama .render,.cinematic .render{flex:0 1 auto;min-height:0;height:auto;aspect-ratio:1.25;margin:auto 0}.panorama .render img,.cinematic .render img{object-fit:cover}.cinematic .render{aspect-ratio:1.1}.cinematic-caption{margin-top:0}.image-dialog>img{object-fit:contain}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{@page{size:297mm 167mm;margin:0}html,body{margin:0;background:white}.presentation{height:auto;overflow:visible;min-height:0;color:var(--ink);--header:14mm;--footer:12mm}.masthead,.controls,dialog,.toast,.sr-only,.image-action,.text-button{display:none!important}.slides{position:static}.slide{position:relative!important;width:297mm;height:167mm;opacity:1!important;visibility:visible!important;break-after:page;page-break-after:always;padding:14mm 12mm 12mm;overflow:hidden;print-color-adjust:exact;-webkit-print-color-adjust:exact;transition:none}.slide:last-child{break-after:auto;page-break-after:auto}.slide:after{content:"BTM / ASİLOĞLU";position:absolute;bottom:5mm;left:12mm;font:7pt "Segoe UI",sans-serif;letter-spacing:2px;opacity:.6}.slide.cover{padding:0}.cover-copy{bottom:22mm}.cover h1{font-size:90pt}.cover-bottom p{font-size:14pt}.cover-bottom p span{font-size:9pt}.cover-side{display:none}.cover .eyebrow{font-size:8pt}.slide h2,.panorama-heading h2,.cinematic-caption h2{font-size:30pt}.description{font-size:12pt;line-height:1.65}.eyebrow{font-size:8pt}.note p{font-size:10pt}.note span{font-size:7pt}.note{margin-top:24px}.editorial-copy .eyebrow{margin-bottom:18px}.panorama-heading>p,.cinematic-caption>p{font-size:11pt}.render{pointer-events:none}.render img{object-fit:contain}.closing h2{font-size:65pt}.closing-brand{width:120px;margin-bottom:25px}.closing .eyebrow{font-size:9pt}.closing-sub{font-size:12pt}.spread{gap:4%;grid-template-columns:29% minmax(0,1fr)}.spread.reverse{grid-template-columns:minmax(0,1fr) 29%}}
@media screen and (max-width:800px){.actions .play-button{display:inline-flex}}
@media screen and (max-width:800px){.current-page{flex-shrink:0}.page-total{white-space:nowrap}.progress{max-width:120px}}