:root{
  --bg:#0d0d0f;          /* koyu zemin */
  --bg-2:#15151a;        /* kart/ikincil */
  --ink:#ece9e3;         /* ana metin */
  --ink-soft:#928e86;    /* ikincil metin */
  --line:rgba(236,233,227,.14);
  --line-soft:rgba(236,233,227,.08);
  --accent:#e0533f;      /* tek vurgu rengi */
  --serif:"Courier New",Courier,monospace;
  --sans:"Courier New",Courier,monospace;
  --mono:"Courier New",Courier,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}

/* dil görünürlüğü */
[data-lang="tr"] .de,[data-lang="tr"] .en{display:none}
[data-lang="de"] .tr,[data-lang="de"] .en{display:none}
[data-lang="en"] .tr,[data-lang="en"] .de{display:none}

.wrap{max-width:1200px;margin:0 auto;padding:0 34px}

/* ---------- nav ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(13,13,15,.55);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
header.scrolled{border-color:var(--line);background:rgba(13,13,15,.85)}
nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{font-family:var(--serif);font-weight:400;font-size:1.08rem;letter-spacing:.01em;text-decoration:none}
.brand span{color:var(--accent)}
.nav-links{display:flex;align-items:center;gap:30px;list-style:none}
.nav-links a{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-soft);text-decoration:none;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--ink)}
.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}
.lang-switch a{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;padding:6px 9px;text-decoration:none;color:var(--ink-soft);cursor:pointer;transition:background .2s,color .2s}
.lang-switch a.on{background:var(--ink);color:var(--bg)}
.lang-switch a:not(.on):hover{color:var(--ink)}
.burger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}
.burger span{width:24px;height:1.5px;background:var(--ink);transition:.3s}

/* ---------- hero ---------- */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:130px 0 70px;position:relative}
.hero .idx{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:28px}
.hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(3rem,12vw,10rem);line-height:.9;letter-spacing:-.025em}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero .role{margin-top:36px;max-width:680px;font-size:clamp(1.05rem,2vw,1.4rem);font-weight:300;color:var(--ink-soft);line-height:1.5}
.hero .meta{margin-top:50px;display:flex;gap:36px;flex-wrap:wrap;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.scroll-cue{position:absolute;bottom:36px;left:0;font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:center;gap:10px}
.scroll-cue::before{content:"";width:48px;height:1px;background:var(--ink-soft);display:inline-block}
.reveal{opacity:0;transform:translateY(28px);animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes rise{to{opacity:1;transform:none}}
.d1{animation-delay:.05s}.d2{animation-delay:.18s}.d3{animation-delay:.34s}.d4{animation-delay:.5s}.d5{animation-delay:.64s}

/* ---------- sections ---------- */
section{padding:108px 0;border-top:1px solid var(--line-soft)}
.page-top{padding-top:140px}
.sec-head{display:grid;grid-template-columns:170px 1fr;gap:42px;margin-bottom:62px}
.sec-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);padding-top:12px}
.sec-head h2{font-family:var(--serif);font-weight:300;font-size:clamp(1.8rem,4.5vw,3.1rem);line-height:1.05;letter-spacing:-.02em;max-width:780px}

/* about */
.about-grid{display:grid;grid-template-columns:170px 1fr;gap:42px}
.about-body{max-width:760px}
.about-body p{font-size:1.12rem;font-weight:300;color:var(--ink-soft);margin-bottom:22px;line-height:1.75}
.about-body p strong{color:var(--ink);font-weight:400}
.facts{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:28px;border-top:1px solid var(--line-soft);padding-top:34px}
.facts h4{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.facts p{font-size:.95rem;font-weight:300;color:var(--ink-soft);line-height:1.5;margin:0}

/* works list */
.works-list{border-top:1px solid var(--line)}
.work{display:grid;grid-template-columns:96px 1fr auto;gap:30px;align-items:baseline;padding:28px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;position:relative;transition:padding .4s ease,background .4s ease}
.work .yr{font-family:var(--mono);font-size:.82rem;color:var(--ink-soft)}
.work .body h3{font-family:var(--serif);font-weight:400;font-size:1.55rem;line-height:1.1;letter-spacing:-.01em;transition:color .3s}
.work .body .sub{margin-top:7px;font-size:.9rem;font-weight:300;color:var(--ink-soft);max-width:620px}
.work .tag{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);white-space:nowrap;align-self:center;text-align:right}
.work .award{color:var(--accent)}
.work:hover{padding-left:24px;background:var(--bg-2)}
.work:hover .body h3{color:var(--accent)}
.work::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .4s ease}
.work:hover::before{transform:scaleY(1)}
.archive-link{margin-top:44px;display:inline-flex;gap:10px;font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px;transition:color .2s,border-color .2s}
.archive-link:hover{color:var(--accent);border-color:var(--accent)}
.subhead{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:60px 0 4px}
.subhead:first-of-type{margin-top:0}

/* media + placeholder */
figure{margin:0;position:relative;overflow:hidden;background:var(--bg-2)}
figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1);filter:grayscale(.2) brightness(.92)}
figure:hover img{transform:scale(1.04);filter:grayscale(0) brightness(1)}
.ph{display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);background:
  repeating-linear-gradient(45deg,var(--bg-2),var(--bg-2) 12px,rgba(224,83,63,.06) 12px,rgba(224,83,63,.06) 24px)}
.ph span{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);padding:10px}

/* gallery */
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.g-a{grid-column:span 7;aspect-ratio:16/10}.g-b{grid-column:span 5;aspect-ratio:4/5}
.g-c{grid-column:span 4;aspect-ratio:1}.g-d{grid-column:span 4;aspect-ratio:1}.g-e{grid-column:span 4;aspect-ratio:1}

/* project cards */
.muted{font-family:var(--mono);font-size:.8rem;letter-spacing:.04em;color:var(--ink-soft)}
.grp{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:40px 0 22px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.grp:first-of-type{margin-top:0}
.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:26px}
.proj{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--bg-2);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .3s}
.proj:hover{border-color:var(--accent)}
.proj-img{aspect-ratio:16/10;overflow:hidden}
.proj-body{padding:24px 24px 26px;display:flex;flex-direction:column;gap:11px}
.proj-body h3{font-family:var(--serif);font-weight:400;font-size:1.55rem;line-height:1.1;letter-spacing:-.01em}
.proj-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}
.proj-meta .m-date{color:var(--accent)}
.proj-body p{font-size:1rem;font-weight:300;color:var(--ink-soft);line-height:1.55}
.proj-ticket{margin-top:4px;align-self:flex-start;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:9px 15px;border-radius:2px;transition:all .2s}
.proj-ticket:hover{background:var(--accent);border-color:var(--accent);color:#fff}

/* contact */
#contact{border-bottom:none}
.contact-grid{display:grid;grid-template-columns:170px 1fr;gap:42px}
.contact-body h3{font-family:var(--serif);font-weight:300;font-size:clamp(2rem,6vw,3.8rem);line-height:1;letter-spacing:-.02em;margin-bottom:32px}
.contact-body a.mail{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .25s}
.contact-body a.mail:hover{border-color:var(--accent)}
.contact-links{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:16px}
.contact-links a{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px;transition:color .2s,border-color .2s}
.contact-links a:hover{color:var(--accent);border-color:var(--accent)}
.cv{margin-top:38px}
.cv a{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;border:1px solid var(--ink);padding:13px 20px;border-radius:2px;transition:all .25s}
.cv a:hover{background:var(--ink);color:var(--bg)}
footer{padding:40px 0;border-top:1px solid var(--line)}
footer .row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
footer a{color:var(--ink-soft);text-decoration:none}footer a:hover{color:var(--accent)}

/* detail */
.detail{padding-top:140px;padding-bottom:40px}
.back{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);text-decoration:none}
.back:hover{color:var(--accent)}
.detail-head{margin:34px 0 30px}
.detail-head .yr{font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.detail-head h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.4rem,7vw,5rem);line-height:.98;letter-spacing:-.025em;margin-top:14px}
.detail-head .credit-line{margin-top:16px;font-size:1.05rem;font-weight:300;color:var(--ink-soft)}
.detail-hero{aspect-ratio:16/8;margin:8px 0 52px}
.detail-grid{display:grid;grid-template-columns:1fr 300px;gap:58px;align-items:start}
.detail-body p{font-size:1.12rem;font-weight:300;color:var(--ink-soft);line-height:1.78;margin-bottom:20px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.tags span{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);border:1px solid var(--line);border-radius:2px;padding:6px 11px}
.aside dl{border-top:1px solid var(--line)}
.aside dt{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-top:18px}
.aside dd{font-size:.95rem;font-weight:300;color:var(--ink-soft);margin:4px 0 14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.aside dd.award{color:var(--accent)}
.pager{margin-top:64px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:26px}
.pager a{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;color:var(--ink-soft)}
.pager a:hover{color:var(--accent)}

/* archive */
.arch{padding-top:140px}
.arch h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.4rem,7vw,4.6rem);line-height:1;letter-spacing:-.025em;margin:30px 0 10px}
.arch .lead{font-size:1.05rem;font-weight:300;color:var(--ink-soft);max-width:660px;margin-bottom:50px}
.arch h2{font-family:var(--serif);font-weight:300;font-size:1.7rem;margin:58px 0 8px;letter-spacing:-.01em}
.arch table{width:100%;border-collapse:collapse}
.arch tr{border-bottom:1px solid var(--line-soft)}
.arch td{padding:13px 10px 13px 0;font-size:.95rem;font-weight:300;color:var(--ink-soft);vertical-align:top}
.arch td.y{font-family:var(--mono);font-size:.8rem;color:var(--accent);white-space:nowrap;width:84px}
.arch td.t{color:var(--ink);font-weight:400;width:42%}
.arch td.x{font-size:.85rem}

@media(max-width:880px){
  .wrap{padding:0 22px}
  .nav-links{position:fixed;inset:74px 0 auto 0;background:var(--bg);flex-direction:column;gap:0;border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .4s ease}
  .nav-links.open{max-height:520px}
  .nav-links li{width:100%;border-top:1px solid var(--line)}
  .nav-links li a{display:block;padding:18px 22px}
  .nav-links li.lang-li{padding:14px 22px}
  .burger{display:flex}
  .sec-head,.about-grid,.contact-grid{grid-template-columns:1fr;gap:18px}
  .sec-label{padding-top:0}
  .work{grid-template-columns:64px 1fr;gap:16px}
  .work .tag{grid-column:1/-1;text-align:left;align-self:start;margin-top:4px}
  .gallery{grid-template-columns:repeat(6,1fr)}
  .g-a,.g-b,.g-c,.g-d,.g-e{grid-column:span 6;aspect-ratio:16/10}
  .proj-grid{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr;gap:32px}
  .arch td.t{width:auto}
}

/* ===== Courier New: keskin & minimal tipografi ayarları ===== */
body{font-weight:400;letter-spacing:-.01em}
.brand,.hero h1,.sec-head h2,.detail-head h1,.arch h1,.work .body h3,.proj-body h3,.contact-body h3,.arch h2{font-weight:700}
.hero h1{font-size:clamp(2.3rem,8.5vw,6rem);line-height:1;letter-spacing:-.03em;text-transform:uppercase}
.hero .role{font-weight:400}
.sec-head h2{font-size:clamp(1.35rem,3.6vw,2.25rem);letter-spacing:-.02em;line-height:1.15}
.detail-head h1{font-size:clamp(1.9rem,6vw,3.8rem);letter-spacing:-.03em;text-transform:uppercase}
.arch h1{font-size:clamp(1.9rem,6vw,3.4rem);letter-spacing:-.02em}
.arch h2{font-size:1.35rem;text-transform:uppercase;letter-spacing:.02em}
.work .body h3{font-size:1.2rem;letter-spacing:-.01em}
.proj-body h3{font-size:1.2rem}
.contact-body h3{font-size:clamp(1.5rem,5vw,3rem);letter-spacing:-.02em;text-transform:uppercase}
.about-body p,.detail-body p{font-weight:400}
.facts p,.proj-body p{font-weight:400}

/* künye / credits bloğu */
.credits{margin-top:44px;border-top:1px solid var(--line);padding-top:26px}
.credits-h{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:18px}
.cr-row{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:9px 0;border-bottom:1px solid var(--line-soft)}
.cr-role{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);padding-top:2px}
.cr-name{font-size:.98rem;color:var(--ink)}
@media(max-width:880px){.cr-row{grid-template-columns:1fr;gap:2px}}

/* sanatçı portresi (hakkında) */
.about-grid{grid-template-columns:230px 1fr}
.about-side{}
.portrait{aspect-ratio:3/4;border:1px solid var(--line)}
.portrait img{filter:grayscale(1) contrast(1.02)}
.portrait:hover img{filter:grayscale(0)}
@media(max-width:880px){.about-grid{grid-template-columns:1fr}.about-side{max-width:260px;margin-bottom:8px}}