/* artsuremberlin.de — B · Salon */
:root{
  --lacivert:#1a2245; --lacivert-koyu:#0d1230; --lacivert-acik:#c9cde0;
  --metin:#1c1c22; --metin-2:#3a3d48; --gri:#5b5f6e; --cizgi:#dfe1e8; --zemin-2:#eef0f4; --beyaz:#ffffff;
  --uyari:#9a3c0a;
  --serif:'EB Garamond', Garamond, Georgia, 'Times New Roman', serif;
  --sans:'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
  --genislik:1320px; --kenar:40px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;font-feature-settings:"locl" 0} /* EB Garamond Almanca büyük harf noktalarını alçaltıyor; Türkçe adlar bozuluyordu */
body{margin:0;background:var(--beyaz);color:var(--metin);font-family:var(--sans);font-size:17px;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:var(--lacivert);text-decoration:none}
a:hover{color:var(--lacivert-koyu);text-decoration:underline}
p a:not(.btn),dd a,.alt small a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--lacivert);outline-offset:3px}
.koyu :focus-visible,.alt :focus-visible{outline-color:var(--beyaz)}
.kap{max-width:var(--genislik);margin:0 auto;padding-left:var(--kenar);padding-right:var(--kenar)}
.atla{position:absolute;left:-9999px;top:0}
.atla:focus{left:16px;top:16px;background:var(--beyaz);padding:8px 12px;z-index:10}
.serif{font-family:var(--serif);font-weight:400}
.ust-yazi{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gri)}

/* üst bölüm */
.ust{border-bottom:1px solid var(--cizgi)}
.ust .kap{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;justify-content:space-between;padding-top:24px;padding-bottom:24px}
.marka{display:flex;align-items:center;gap:14px}
.marka img{height:50px;width:auto}
.marka:hover{text-decoration:none}
.menu{display:flex;flex-wrap:wrap;gap:8px 26px;font-size:15px;align-items:center}
.menu a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
.dil{color:var(--gri)}
.menu-ac{display:none;align-items:center;gap:10px;font:inherit;font-size:15px;color:var(--lacivert);background:none;border:0;padding:8px 0;cursor:pointer}
.menu-ac .cizgiler{position:relative;width:20px;height:2px;background:currentColor}
.menu-ac .cizgiler::before,.menu-ac .cizgiler::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;transition:transform .2s}
.menu-ac .cizgiler::before{top:-6px}.menu-ac .cizgiler::after{top:6px}
.ust.acik .menu-ac .cizgiler{background:transparent}
.ust.acik .menu-ac .cizgiler::before{transform:translateY(6px) rotate(45deg)}
.ust.acik .menu-ac .cizgiler::after{transform:translateY(-6px) rotate(-45deg)}

/* düğmeler */
.btn{display:inline-block;padding:14px 24px;font-size:15px;font-weight:600;border:1px solid var(--lacivert);background:var(--lacivert);color:var(--beyaz);text-align:center}
.btn:hover{background:var(--lacivert-koyu);color:var(--beyaz);text-decoration:none}
.btn-cizgi{background:transparent;color:var(--lacivert);font-weight:500}
.btn-cizgi:hover{background:var(--zemin-2);color:var(--lacivert)}
.koyu .btn{background:var(--beyaz);color:var(--lacivert);border-color:var(--beyaz)}
.koyu .btn:hover{background:var(--zemin-2)}
.koyu .btn-cizgi{background:transparent;color:var(--beyaz)}
.koyu .btn-cizgi:hover{background:rgba(255,255,255,.08);color:var(--beyaz)}
.btnler{display:flex;flex-wrap:wrap;gap:12px}

/* giriş */
.koyu{background:var(--lacivert);color:var(--beyaz)}
.koyu a{color:var(--beyaz)}
.giris .kap{display:flex;flex-wrap:wrap;gap:48px 72px;align-items:center;padding-top:72px;padding-bottom:72px}
.giris .metin{flex:1 1 420px;display:flex;flex-direction:column;gap:22px}
.giris .ust-yazi{color:var(--lacivert-acik)}
.giris h1{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(52px,7vw,84px);line-height:.98}
.giris p{margin:0;font-size:18px;color:#e4e6ef;max-width:480px}
.giris figure{flex:1 1 520px;margin:0;display:grid;justify-content:end}
.giris figure img{width:auto;max-width:100%;height:auto;max-height:560px;object-fit:contain}
.giris figcaption{margin-top:10px;font-size:13px;color:var(--lacivert-acik)}

/* bölümler */
.bolum{padding-top:88px;padding-bottom:72px}
.bolum-bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:40px}
h1.sayfa,h2.bas{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.5vw,52px);line-height:1.05;color:var(--lacivert)}
.gri-zemin{background:var(--zemin-2)}

/* eser kartları */
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:44px 28px}
.kart{display:flex;flex-direction:column;gap:12px;color:var(--metin)}
.kart:hover{text-decoration:none}
.kamusal figure{margin:0}
.kamusal img{width:100%;height:300px;object-fit:cover;display:block}
.kamusal figcaption{margin-top:10px;font-size:14px;line-height:1.5}
.kamusal figcaption a,.kamusal figcaption .kredi{font-size:12px;color:var(--gri)}
.kart .resim{height:300px;background:var(--zemin-2);display:flex;align-items:center;justify-content:center}
.kart .resim img{max-width:86%;max-height:86%;width:auto;height:auto;object-fit:contain}
.kart:hover .resim{background:#e6e9ef}
.kart .kunye{font-size:14px;line-height:1.5}
.kart .kunye strong{display:block;font-family:var(--serif);font-weight:400;font-size:21px;color:var(--lacivert)}
.kart .fiyat{font-weight:600}
.kart .fiyat.sorulur{font-weight:400;color:var(--gri)}
.kart .yok{color:var(--gri);font-size:14px;text-align:center;padding:0 20px}

/* süzgeç */
.suzgec{display:flex;flex-wrap:wrap;gap:20px 36px;margin:0 0 40px;padding:0;border:0}
.suzgec fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.suzgec legend{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gri);margin-bottom:8px;float:left;width:100%}
.suzgec button{font:inherit;font-size:14px;padding:7px 12px;border:1px solid var(--cizgi);background:var(--beyaz);color:var(--metin);cursor:pointer}
.suzgec button[aria-pressed="true"]{background:var(--lacivert);border-color:var(--lacivert);color:var(--beyaz)}
.gizli{display:none!important}

.bolum-bas .sayi{font-size:15px;color:var(--gri)}

/* sergi sayfası */
.ust-sayfa{padding-top:72px}
.sergi{display:flex;flex-wrap:wrap;gap:40px 72px;align-items:center;margin-top:48px}
.sergi figure{flex:1 1 520px;margin:0;display:grid;justify-content:start}
.sergi figure img{width:auto;max-width:100%;height:auto;max-height:620px}
.sergi figcaption{margin-top:10px;font-size:13px;color:var(--gri)}
.sergi .metin{flex:1 1 380px;display:flex;flex-direction:column;gap:20px}
.sergi h2{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(40px,5vw,64px);line-height:1;color:var(--lacivert)}
.sergi p{margin:0;color:var(--metin-2);max-width:560px}
.open-call{display:flex;flex-wrap:wrap;gap:24px 72px;padding-top:80px;padding-bottom:88px}
.open-call h2{flex:1 1 300px}
.open-call .metin{flex:2 1 520px;display:flex;flex-direction:column;gap:16px;max-width:720px}
.open-call p{margin:0;color:var(--metin-2)}
.open-call .btnler{margin-top:8px}

/* sanatçı listesi */
.adlar{display:flex;flex-wrap:wrap;gap:14px 40px;font-family:var(--serif);font-size:32px;line-height:1.2;margin:0;padding:0;list-style:none}
.sanatci-liste{list-style:none;margin:0;padding:0}
.sanatci-liste li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding:18px 0;border-top:1px solid var(--cizgi)}
.sanatci-liste li:last-child{border-bottom:1px solid var(--cizgi)}
.sanatci-liste a{font-family:var(--serif);font-size:34px;line-height:1.15}
.sanatci-liste span{font-size:15px;color:var(--gri);align-self:center}

/* sanatçı sayfası */
.sanatci-bas{display:flex;flex-wrap:wrap;gap:24px 80px;padding-top:72px;padding-bottom:56px}
.sanatci-bas h1{flex:1 1 360px}
.sanatci-bas .yasam{display:block;margin-top:10px;font-family:var(--sans);font-size:16px;color:var(--gri)}
.sanatci-bas .bio{flex:2 1 520px;display:flex;flex-direction:column;gap:16px;color:var(--metin-2)}
.sanatci-bas .bio p{margin:0}

/* eser sayfası */
.kirinti{font-size:14px;color:var(--gri);display:flex;flex-wrap:wrap;gap:8px;padding-top:28px;padding-bottom:20px}
.kirinti a{color:var(--gri)}
.eser{display:flex;flex-wrap:wrap;gap:48px 72px;align-items:flex-start;padding-bottom:88px}
.eser .gorsel{flex:999 1 560px;background:var(--zemin-2);min-height:560px;display:flex;align-items:center;justify-content:center;padding:6%}
.eser .gorsel img{max-height:720px;width:auto;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.eser .gorsel.nesne img{box-shadow:none}
.eser aside{flex:1 1 340px;max-width:460px;display:flex;flex-direction:column;gap:26px}
.eser aside h1{margin:0;font-family:var(--serif);font-weight:400;font-size:40px;line-height:1.05;color:var(--lacivert)}
.eser aside h1 a{color:inherit}
.eser .alt-baslik{margin:6px 0 0;font-size:18px;color:var(--metin-2)}
.eser dl{margin:0;display:grid;grid-template-columns:120px 1fr;gap:10px 16px;font-size:15px}
.eser dt{color:var(--gri)}
.eser dd{margin:0}
.eser .fiyat-kutu{border-top:1px solid var(--lacivert);border-bottom:1px solid var(--cizgi);padding:18px 0;display:flex;flex-direction:column;gap:4px}
.eser .fiyat-kutu strong{font-size:30px;font-weight:500}
.eser .fiyat-kutu span{font-size:14px;color:var(--gri)}
.eser .fiyat-kutu.sorulur strong{font-size:22px}
.eser .btnler{flex-direction:column}
.eser .btnler .wa{align-self:center;font-size:15px;padding:6px 0}
.eser .eser-not{margin:0;font-size:14px;line-height:1.5;color:var(--metin-2)}
.eser details{border-top:1px solid var(--cizgi);padding:14px 0;font-size:15px}
.eser details:last-of-type{border-bottom:1px solid var(--cizgi)}
.eser summary{cursor:pointer}
.eser details p{margin:10px 0 0;color:var(--metin-2)}

/* metin sayfaları */
.metin-sayfa{padding-top:72px;padding-bottom:96px;max-width:860px}
.metin-sayfa h2{font-family:var(--serif);font-weight:400;font-size:32px;color:var(--lacivert);margin:48px 0 12px}
.metin-sayfa p{margin:0 0 16px;color:var(--metin-2)}
.metin-sayfa h1.sayfa{margin-bottom:28px}
.metin-sayfa h1.sayfa+h2{margin-top:20px}

/* salon listesi */
.salon .kap{display:flex;flex-wrap:wrap;gap:40px 72px;padding-top:80px;padding-bottom:80px}
.salon .sol{flex:1 1 360px;display:flex;flex-direction:column;gap:16px}
.salon .sol p{margin:0;color:var(--metin-2)}
.salon ul{flex:2 1 560px;list-style:none;margin:0;padding:0}
.salon li{display:flex;flex-wrap:wrap;gap:8px 32px;align-items:baseline;padding:22px 0;border-top:1px solid #c9ccd6}
.salon li:last-child{border-bottom:1px solid #c9ccd6}
.salon .tarih{width:140px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--gri)}
.salon .ad{flex:1 1 260px;font-family:var(--serif);font-size:28px;color:var(--lacivert)}

/* danışmanlık bandı */
.beratung .kap{display:flex;flex-wrap:wrap;gap:48px 80px;align-items:center;padding-top:96px;padding-bottom:96px}
.beratung img{flex:0 1 460px;width:100%;max-width:460px;height:auto}
.beratung .metin{flex:999 1 460px;display:flex;flex-direction:column;gap:20px}
.beratung h2{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.5vw,52px);line-height:1.04;color:var(--lacivert)}
.beratung p{margin:0;color:var(--metin-2);max-width:560px}

/* alt bölüm */
.alt{background:var(--lacivert);color:var(--lacivert-acik);font-size:14px}
.alt .kap{display:flex;flex-wrap:wrap;gap:28px 56px;justify-content:space-between;padding-top:56px;padding-bottom:56px}
.alt .kim{display:flex;flex-direction:column;gap:8px}
.alt .kim>span:first-child:not(.serif){color:var(--beyaz)}
.alt .kim .serif{font-size:26px;color:var(--beyaz)}
.alt .kim small{font-size:13px;opacity:.8}
.alt a{color:var(--lacivert-acik)}
.alt a:hover{color:var(--beyaz)}
.alt nav{display:flex;flex-wrap:wrap;gap:8px 22px;align-self:flex-end}
.onizleme{background:#fff4e5;color:#5a2a05;font-size:13px;text-align:center;padding:8px 16px}

@media (max-width:720px){
  :root{--kenar:16px}
  body{font-size:16px}
  .marka img{height:40px}
  .giris figure{justify-content:start}
  .giris figure img{max-height:440px}
  .izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}
  .kart .kunye{font-size:13px}
  .kart .kunye strong{font-size:18px}
  .suzgec fieldset{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(-1 * var(--kenar));padding-right:var(--kenar);scrollbar-width:none}
  .suzgec button{flex:0 0 auto}
  .ust-sayfa{padding-top:44px}
  .sergi{margin-top:28px}
  .open-call{padding-top:56px;padding-bottom:64px}
  .menu{gap:6px 18px;font-size:15px}
  .js .menu-ac{display:inline-flex}
  .js .menu{display:none}
  .js .ust.acik .menu{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;font-size:20px;padding:8px 0 12px}
  .js .ust.acik .menu a{padding:10px 0;width:100%;border-top:1px solid var(--cizgi)}
  .ust .kap{flex-wrap:wrap;gap:8px 16px;padding-top:16px;padding-bottom:16px}
  .giris .kap{padding-top:44px;padding-bottom:48px}
  .bolum{padding-top:56px;padding-bottom:48px}
  .kart .resim{height:190px}
  .eser .gorsel{min-height:340px}
  .beratung img{max-width:none;flex-basis:100%}
  .sanatci-liste a{font-size:28px}
  .adlar{font-size:26px}
}

h1,h2,.salon .ad,.kart .kunye strong{text-wrap:balance}
p,dd,li,summary,em,figcaption{text-wrap:pretty}
.btn,.ust-yazi,h3{text-wrap:balance}
.metin-sayfa{overflow-wrap:break-word;hyphens:auto}

/* önceki satır içi stillerin yerine (CSP: style-src self) */
.bolum.ust0{padding-top:0}
.bolum.ust24{padding-top:24px}
/* kısa sayfalarda alt bilgi ekranın dibinde */
body{min-height:100vh;display:flex;flex-direction:column}
body>main{flex:1 0 auto}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{
  .ust nav,.menu-ac,.atla,.alt,.btnler,.suzgec,.onizleme{display:none!important}
  body{font-size:11pt;color:#000}
  .koyu{background:none;color:#000}
  .koyu a{color:#000}
  a{text-decoration:none}
  .eser{display:block}
  .eser .gorsel img{max-height:14cm;width:auto;box-shadow:none}
}