@font-face{font-family:"Host Grotesk";src:url(fonts/host-grotesk-latin.woff2) format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Host Grotesk";src:url(fonts/host-grotesk-latin-ext.woff2) format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--zemin:#f6f5f2;--yazi:#111;--gri:#7a7874;--cizgi:#dcd9d3;--k:clamp(16px,3vw,40px)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--zemin);color:var(--yazi);font:500 16px/1.45 "Host Grotesk",system-ui,sans-serif;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
img,video{display:block;width:100%;height:auto}
.ust{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:32px;padding:18px var(--k);background:color-mix(in srgb,var(--zemin) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid transparent}
.ust .ad{font-weight:700;font-size:18px;letter-spacing:-.03em}
.ust nav{display:flex;gap:24px}
.ust nav a{color:var(--gri);transition:color .2s}
.ust nav a:hover,.ust nav a[aria-current]{color:var(--yazi)}
.ust .sag{margin-left:auto;display:flex;gap:20px;color:var(--gri);font-size:14px}
.ust .sag a:hover{color:var(--yazi)}
main{padding:0 var(--k)}
.giris{padding:clamp(56px,10vw,140px) 0 clamp(40px,6vw,80px);max-width:1100px}
.giris h1{font-size:clamp(52px,11vw,170px);line-height:.92;letter-spacing:-.055em;font-weight:700}
.giris .rol{margin-top:20px;font-size:clamp(18px,1.8vw,24px);color:var(--gri)}
.giris .gm{margin-top:28px;max-width:640px;font-size:clamp(20px,2.2vw,30px);line-height:1.25;letter-spacing:-.025em}
.b{padding:clamp(40px,6vw,88px) 0;border-top:1px solid var(--cizgi)}
.bb-bas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px;margin-bottom:clamp(28px,4vw,56px)}
.bb-bas h2{font-size:clamp(26px,3vw,44px);line-height:1.05;letter-spacing:-.04em;font-weight:700}
.bb-bas p{color:var(--gri);font-size:clamp(16px,1.3vw,19px);max-width:560px;align-self:end}
.iz{display:grid;gap:clamp(14px,2vw,28px)}
.kap{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}
.kap figure img{box-shadow:0 1px 2px rgba(0,0,0,.08),0 12px 28px -12px rgba(0,0,0,.28)}
.kap.a4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sunum{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(28px,4vw,56px)}
.kitap{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(28px,4vw,56px)}
.yollar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,48px)}
.yol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:clamp(16px,2vw,28px);background:#ebe9e4;border-radius:6px;align-items:end}
.yol figure img{box-shadow:0 8px 20px -10px rgba(0,0,0,.3)}
.vid{grid-template-columns:repeat(6,minmax(0,1fr))}
.vid video{border-radius:4px;background:#000}
.afis{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
figure[data-lb]{cursor:zoom-in}
figure[data-lb] img{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
figure[data-lb]:hover img{transform:translateY(-4px)}
.sonraki-b{display:flex;justify-content:space-between;align-items:baseline;padding:clamp(40px,7vw,100px) 0;border-top:1px solid var(--cizgi);font-size:clamp(40px,8vw,120px);font-weight:700;letter-spacing:-.05em;line-height:1}
.sonraki-b span:last-child{transition:transform .3s}
.sonraki-b:hover span:last-child{transform:translateX(12px)}
.hak h1{font-size:clamp(52px,9vw,140px)}
.hk{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding:clamp(32px,5vw,64px) 0;border-top:1px solid var(--cizgi)}
.hk-m p{font-size:clamp(20px,2vw,28px);line-height:1.3;letter-spacing:-.025em}
.hk-f{display:block;width:min(70%,300px);height:auto;aspect-ratio:2832/4240;object-fit:cover;background:#111;margin-bottom:clamp(28px,4vw,48px)}
.hk-m p+p{margin-top:1em;color:#3a3936}
.hk dl{display:grid;gap:24px;align-content:start}
.hk dt{color:var(--gri);font-size:14px;margin-bottom:4px}
.hk dd{font-size:18px;line-height:1.4}
.hk dd a{border-bottom:1px solid var(--cizgi)}
.hk dd a:hover{border-color:var(--yazi)}
.hk-g{padding-bottom:clamp(40px,6vw,88px)}
.alt{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;padding:40px var(--k) 48px;border-top:1px solid var(--cizgi);font-size:15px;color:var(--gri)}
.alt .ad2{color:var(--yazi);font-weight:700;font-size:18px;margin-bottom:4px}
.alt .et{margin-bottom:4px}
.alt a{color:var(--yazi)}
.lb{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(14,14,14,.94)}
.lb[hidden]{display:none}
.lb img{width:auto;max-width:min(84vw,1100px);max-height:86vh;object-fit:contain;transition:filter .2s}
.lb img.is-kucuk{filter:blur(2px)}
/* boldblack düğmeleri: turuncu yuvarlak, beyaz ok; kapatma beyaz yuvarlak */
.lb button{position:absolute;display:grid;place-items:center;width:56px;height:56px;border:0;border-radius:50%;cursor:pointer;color:#fff;background:#ff462e;transition:transform .25s cubic-bezier(.2,.7,.2,1),background .2s}
.lb button:hover{transform:scale(1.08)}
.lb button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.lb-o{left:24px;top:50%;margin-top:-28px}.lb-o svg{transform:rotate(180deg)}
.lb-s{right:24px;top:50%;margin-top:-28px}
.lb-k{top:20px;right:24px;width:48px!important;height:48px!important;background:#f9f9f9!important;color:#111!important}
.lb-n{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#f9f9f9cc;font-size:14px;letter-spacing:.02em}
@media(max-width:700px){.lb button{width:46px;height:46px}.lb-o{left:10px}.lb-s{right:10px}.lb img{max-width:92vw}}
/* Hakkında: portre ve boldblack işleri */
.hak-f{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end;max-width:none}
.hak-f .foto{background:#fff;border-radius:10px;overflow:hidden;max-width:440px;justify-self:end;width:100%}
.hk-m p+p{margin-top:1em;color:#3a3936}
.bbg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.bbk{display:block}
.bbk img{border-radius:6px;aspect-ratio:16/10;object-fit:cover;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.bbk:hover img{transform:translateY(-4px)}
.bbk-a{display:block;margin-top:10px;font-weight:700;font-size:16px;letter-spacing:-.02em}
.bbk-e{display:block;color:var(--gri);font-size:13px;margin-top:2px}
@media(max-width:900px){.bbg{grid-template-columns:repeat(3,minmax(0,1fr))}.kap,.sunum{grid-template-columns:repeat(3,minmax(0,1fr))}.vid{grid-template-columns:repeat(3,minmax(0,1fr))}.afis,.kitap,.kap.a4{grid-template-columns:repeat(3,minmax(0,1fr))}.yollar{grid-template-columns:1fr}}
@media(max-width:700px){
  .ust{flex-wrap:wrap;gap:8px 20px;padding:14px var(--k)}
  .ust nav{order:3;width:100%;gap:18px;font-size:15px}
  .ust .sag{gap:14px;font-size:13px}
  .bb-bas{grid-template-columns:1fr;gap:10px}
  .kap,.kap.a4,.afis,.kitap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sunum{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hk{grid-template-columns:1fr}
  .hak-f{grid-template-columns:1fr}.hak-f .foto{justify-self:start;max-width:320px}
  .bbg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .alt{grid-template-columns:1fr;gap:20px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}