:root{color-scheme:dark;--ink:#101010;--paper:#f7f5ed;--yellow:#ffdc38;--muted:#bab9ae;--line:#393831}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.55 "Instrument Sans",Arial,sans-serif}
a{color:inherit;text-underline-offset:.24em}button,select{font:inherit;color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.wrap{width:min(1320px,calc(100% - clamp(36px,10vw,160px)));margin-inline:auto}.skip{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:10;background:var(--yellow);color:var(--ink);padding:12px}.skip:focus{transform:none}
.mast{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px clamp(18px,5vw,80px);border-bottom:1px solid var(--line);background:#101010}
.brand img,footer img{display:block;width:150px;height:auto}.mast nav,.languages{display:flex;align-items:center;gap:clamp(8px,2vw,28px)}.mast a{text-decoration:none}.mast nav a:hover{color:var(--yellow)}
.languages{gap:3px}.languages button,.globe-tools button{border:1px solid var(--line);background:transparent;padding:7px 9px}.languages [aria-pressed=true]{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.hero{min-height:min(800px,86svh);display:grid;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:#161611}.hero::before,.hero::after,.hero-photo{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero::before{background:linear-gradient(110deg,#101010 10%,#101010dd 35%,#10101044 100%),repeating-linear-gradient(135deg,#8d772d40 0 1px,transparent 1px 48px),radial-gradient(ellipse at 85% 46%,#5d4a10,#18170f 63%);z-index:-2}
.hero::after{background:linear-gradient(100deg,#101010eb,#10101010 85%);opacity:0}.hero.has-photo::after{opacity:1}.hero-photo{inset:-14% 0;background-size:cover;background-position:center;transform:translateY(var(--shift,0px))}
.hero-inner{padding-block:75px 115px}.assembly{width:min(320px,70vw);aspect-ratio:2048/404;position:relative;isolation:isolate;margin-bottom:clamp(28px,6vw,64px)}
.assembly span{position:absolute;inset:0;background:url(logo-beyaz.png) center/100% 100% no-repeat;clip-path:inset(0 var(--right) 0 var(--left));animation:assemble 1s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--delay)}
.assembly span:nth-child(1){--left:0%;--right:75%;--dx:-75px;--dy:25px;--delay:0ms}.assembly span:nth-child(2){--left:25%;--right:50%;--dx:-22px;--dy:-34px;--delay:90ms}.assembly span:nth-child(3){--left:50%;--right:25%;--dx:32px;--dy:36px;--delay:180ms}.assembly span:nth-child(4){--left:75%;--right:0%;--dx:70px;--dy:-20px;--delay:270ms}
@keyframes assemble{from{opacity:0;transform:translate(var(--dx),var(--dy)) skewY(-9deg)}to{opacity:1;transform:none}}
h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.07em;line-height:.95}h1{font-size:clamp(60px,10vw,164px);max-width:10ch}h2{font-size:clamp(45px,7.5vw,112px)}.hero p{font-size:clamp(17px,2.1vw,24px);color:var(--paper);margin:28px 0}.hero-tag{position:absolute;right:5vw;bottom:20px;color:var(--yellow);font-size:.68rem;letter-spacing:.2em}.cta{display:inline-flex;align-items:center;gap:32px;background:var(--yellow);color:#101010;padding:13px 17px;text-decoration:none;font-weight:bold}.cta:hover{background:var(--paper)}
.section{padding-block:clamp(65px,10vw,145px);scroll-margin-top:15px}.kicker{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--yellow);margin-bottom:20px}.lede,#gallery-note{margin-top:24px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}.gallery:empty{display:none}.gallery button{display:block;border:0;padding:0;background:#25251e;aspect-ratio:3/2;overflow:hidden}.gallery img{display:block;width:100%;height:120%;object-fit:cover;transform:translateY(calc(-8% + var(--shift,0px)));transition:filter .25s}.gallery button:hover img{filter:brightness(1.18)}
.world{background:#191914;border-block:1px solid var(--line)}.atlas{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(20px,6vw,90px);margin-top:45px}.globe-block{min-width:0;text-align:center}canvas{display:block;width:100%;height:auto;max-width:610px;margin:auto;touch-action:pan-y;cursor:grab}canvas:active{cursor:grabbing}.globe-tools{display:flex;justify-content:center;gap:8px}.globe-tools button{min-width:44px;color:var(--yellow)}.globe-tools button:hover{background:#343226}
.directory{border:1px solid var(--line);padding:clamp(16px,3vw,42px);background:#12120f}.directory label{display:block;margin:0 0 5px;color:var(--muted)}.directory select{width:100%;background:#25251f;border:1px solid #55544b;border-radius:0;padding:10px;margin-bottom:16px}.venue{border-top:1px solid var(--line);padding-top:22px;margin-top:6px}.venue .kicker{margin-bottom:6px}.venue h3{font-size:clamp(24px,3vw,44px);line-height:1.1;margin-bottom:14px}.venue a,.source{display:block;margin-block:8px}.source{font-size:.8rem;color:var(--muted);margin:22px 0 0}
.contact{background:var(--yellow);color:#101010}.contact .kicker{color:#101010}.contact h2{max-width:13ch}.offices{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(15px,4vw,60px);margin-top:48px}.offices article{border-top:1px solid #101010;padding-top:15px}.offices h3{font-size:clamp(20px,2.2vw,30px);line-height:1.13;margin-bottom:12px}.offices address{font-style:normal;margin-bottom:12px}.offices a{display:block;width:max-content;max-width:100%;overflow-wrap:anywhere}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px}dialog{max-width:95vw;max-height:95vh;background:#111;color:white;border:1px solid #555;padding:12px}dialog::backdrop{background:#000e}dialog img{display:block;max-width:88vw;max-height:78vh;object-fit:contain}dialog button{display:block;margin:0 0 8px auto;background:#222;border:1px solid #555;font-size:24px;min-width:44px}
@media(max-width:700px){.mast{flex-wrap:wrap}.mast nav{order:3;width:100%;justify-content:space-between}.hero{min-height:68svh}.atlas,.offices{grid-template-columns:1fr}.atlas canvas{max-width:430px}.offices{gap:25px}}
@media(max-width:460px){.gallery{grid-template-columns:1fr}.hero-inner{padding-block:54px 85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.assembly span{animation:none}.hero-photo,.gallery img{--shift:0px!important;transition:none}}
.gallery button{position:relative;text-align:left}.gallery button span{position:absolute;left:0;bottom:0;background:#101010eb;padding:8px 15px;color:var(--paper);font-size:.85rem;font-weight:700}.gallery button:focus-visible{outline-color:var(--yellow);z-index:1}

.hero{grid-template-columns:1fr 1fr;gap:clamp(18px,4vw,60px);padding-inline:clamp(18px,5vw,80px);perspective:1100px}
.hero-inner{width:100%;margin:0}
.hero h1{font-size:clamp(54px,6.7vw,108px);max-width:none;overflow-wrap:anywhere}
.hero p{max-width:36ch}
.hero-stand{margin:0;position:relative;transform:translateY(var(--shift,0px)) rotateX(var(--tilt,0deg)) rotateY(var(--turn,0deg));transition:transform .24s ease-out;box-shadow:0 24px 66px #0008;border:1px solid #78632c;overflow:hidden}
.hero-stand img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.assembly{transform:rotateX(var(--tilt,0deg)) rotateY(var(--turn,0deg));transition:transform .24s ease-out}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding-bottom:58px}.hero-inner{padding-bottom:0}.hero-stand{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-stand,.assembly{transform:none;transition:none}}

.hero{min-height:min(790px,86svh);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.hero::before{background:radial-gradient(ellipse at 78% 46%,#66501675,transparent 58%),linear-gradient(90deg,#d4a82c13 1px,transparent 1px) 0 0/45px 45px,linear-gradient(#d4a82c13 1px,transparent 1px) 0 0/45px 45px,#12120e}
.hero .assembly{margin-bottom:32px;width:min(260px,65vw)}
.hero .hero-status{display:flex;align-items:center;gap:11px;color:var(--yellow);font-size:.76rem;font-weight:700;letter-spacing:.19em;margin:0 0 20px}
.hero-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 16px #ffdc38a0}
.hero h1{font-size:clamp(46px,5.4vw,95px);max-width:14ch;line-height:.99;letter-spacing:-.065em;overflow-wrap:normal;text-wrap:balance}
.hero .hero-intro{font-size:clamp(16px,1.45vw,21px);max-width:44ch;color:#dedbcf}
.hero .cta{margin:0 8px 8px 0}.hero .cta:not(.map-cta){background:transparent;color:var(--paper);box-shadow:inset 0 0 0 1px #77705b}
.hero .cta:not(.map-cta):hover{color:var(--yellow)}
.hero-stand::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(transparent 35%,#ffdf6e33 48%,#ffe16c80 50%,transparent 53%);background-size:100% 220%;animation:scan 2s ease-out both}
@keyframes scan{from{background-position:0 100%;opacity:0}28%{opacity:1}to{background-position:0 0;opacity:0}}
.world h2{font-size:clamp(38px,6.8vw,100px);max-width:16ch;text-wrap:balance}
.atlas{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:34px}
.map-frame{min-width:0;border:1px solid #56492b;background:#14130f}
.map-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:8px 16px;border-bottom:1px solid #56492b;color:var(--yellow);font-weight:700}
.map-bar button{background:#262117;border:1px solid #756034;padding:5px 12px}
.map-scroll{overflow-x:auto;scrollbar-color:#8b7338 #17150f}
.map-stage{position:relative;min-width:820px;aspect-ratio:1200/510;background:radial-gradient(ellipse at center,#2b2416,#14130f 73%)}
.map-stage canvas{width:100%;height:100%;max-width:none;cursor:default}
.map-labels{position:absolute;inset:0;pointer-events:none}
.map-pin{position:absolute;display:flex;align-items:center;gap:6px;transform:translate(-50%,-50%);pointer-events:auto;white-space:nowrap;border:1px solid #766235;background:#18160f;color:#f5e9bd;border-radius:16px;padding:4px 8px;font-size:clamp(10px,1.05vw,13px);font-weight:700;line-height:1.15}
.map-pin::before{content:"";width:5px;height:5px;flex:none;background:var(--yellow);border-radius:50%}
.map-pin:hover,.map-pin[aria-pressed=true]{background:var(--yellow);color:#14130f;z-index:1}
.map-pin:focus-visible{outline-color:#fff;z-index:2}
.map-pin:hover::before,.map-pin[aria-pressed=true]::before{background:#14130f}
.atlas .directory{display:grid;grid-template-columns:auto minmax(110px,1fr) auto minmax(110px,1fr);gap:10px 14px;align-items:center;padding:clamp(16px,3vw,28px)}
.directory label,.directory select{margin:0}.directory .venue,.directory .source{grid-column:1/-1}
@media(max-width:700px){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(40px,9vw,68px)}.atlas .directory{grid-template-columns:auto minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.hero-stand::after{animation:none;opacity:0}}
