@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-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;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(88vw,1100px);max-height:88vh;object-fit:contain}
.lb button{position:absolute;background:none;border:0;color:#fff;font:inherit;font-size:28px;cursor:pointer;padding:16px}
.lb-k{top:8px;right:12px;font-size:36px!important}
.lb-o{left:8px}.lb-s{right:8px}
@media(max-width:900px){.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}
  .alt{grid-template-columns:1fr;gap:20px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}