/* Projeler arası ortak keşif dili. Orijinal galeri oranları korunur. */
:root{--f-display:'DM Sans',system-ui,sans-serif;--f-body:'DM Sans',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;--discovery-ink:#f4efe6;--discovery-muted:#b7b0a4;--discovery-line:rgba(244,239,230,.18)}
[hidden]{display:none!important}
:where(a,button,input,summary):focus-visible{outline:2px solid #b80000!important;outline-offset:5px}
:where(button,summary){cursor:pointer}
.site-links{display:flex;align-items:center;gap:clamp(12px,3vw,32px)}
.site-links a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;gap:5px;color:var(--ink-2,#cfc8bc)}
.site-links a:hover,.site-links a[aria-current]{color:var(--ink,#f4efe6)}
.site-links a[aria-current]{text-decoration:underline;text-underline-offset:8px;text-decoration-color:#c74b3e}
.topbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0e0d0b}
.topbar .logo{font-weight:500;white-space:nowrap}
.catalog-intro{padding-top:clamp(42px,7vw,94px);padding-bottom:36px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:16px 40px}
.catalog-intro .project-kind{grid-column:1/-1;display:flex;align-items:center;gap:12px}
.catalog-seal{font-family:serif;font-size:24px;color:#dd7367}
.catalog-intro h1{font-size:clamp(68px,11vw,148px);line-height:.88;letter-spacing:-.05em;font-weight:400;margin:0}
.catalog-intro h1 em{color:#b80000;font-style:normal}
.catalog-intro>p:last-child{font-size:clamp(15px,1.4vw,19px);line-height:1.7;color:#b7b0a4;padding-bottom:4px;max-width:40ch}
.catalog-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 0 24px;border-top:1px solid var(--discovery-line);border-bottom:1px solid var(--discovery-line)}
.catalog-filters{display:flex;flex-wrap:wrap;gap:6px 18px;max-width:830px}
.catalog-filters button{font:inherit;font-size:14px;line-height:1.5;padding:10px 0;min-height:44px;color:#b7b0a4;border:0;background:none;border-bottom:2px solid transparent}
.catalog-filters button:hover{color:#f4efe6}
.catalog-filters button[aria-pressed=true]{color:#f4efe6;border-bottom-color:#b80000}
.catalog-search{display:block;flex:0 1 240px;min-width:160px}
.catalog-search span{font:10px var(--mono);letter-spacing:.05em;color:#b7b0a4;display:block;margin-bottom:5px}
.catalog-search input{font:14px var(--f-body);border:0;border-bottom:1px solid #6d665c;background:transparent;color:#f4efe6;padding:10px 0;min-height:44px;border-radius:0;width:100%}
.catalog-search input::placeholder{color:#999184}
.catalog-meta{display:flex;justify-content:space-between;gap:16px;padding:22px 0 28px;color:#aaa296;font:11px var(--mono);line-height:1.6}
.catalog-meta p{margin:0}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px;align-items:start}
.project-card{min-width:0;background:none;border:0;border-radius:0;box-shadow:none}
.project-link{display:block;text-decoration:none;color:#f4efe6;cursor:pointer!important}
.project-cover{aspect-ratio:1.5;overflow:hidden;position:relative;background:#211e18;border-radius:3px}
.project-cover img{display:block;width:100%;height:100%;object-fit:cover;filter:none;transition:transform .4s ease;transform:none}
.project-link:hover .project-cover img{transform:scale(1.025)}
.project-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 0 0;border-bottom:0}
.project-kind{font:10px/1.6 var(--mono,'JetBrains Mono',monospace);letter-spacing:.03em;color:#b7b0a4;margin:0 0 8px}
.project-caption h2{font:400 clamp(23px,2.4vw,34px)/1.14 var(--f-display,'DM Sans',sans-serif);letter-spacing:-.04em;margin:0;color:#f4efe6}
.project-description{font:400 14px/1.65 var(--f-body,'DM Sans',sans-serif);color:#b7b0a4;margin:10px 0 0;max-width:48ch}
.project-arrow{font-size:25px;line-height:1.2;color:var(--shu);transition:transform .2s ease;padding-top:21px}
.project-link:hover .project-arrow{transform:translate(2px,-2px)}
.catalog-empty{padding:80px 0;min-height:240px}
.catalog-empty h2{font-size:28px;font-weight:400}
.catalog-empty p{color:#b7b0a4;margin:12px 0}
.catalog-empty button{padding:12px 0;text-decoration:underline;text-underline-offset:5px}
.catalog{padding-bottom:60px}
.discovery-footer{border-top:1px solid var(--discovery-line);padding-top:30px;padding-bottom:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#aaa296;font-size:12px}
.discovery-footer a{font-size:clamp(20px,3vw,32px);color:#f4efe6;letter-spacing:-.03em}
.catalog-back{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#b7b0a4;margin-bottom:14px}
.catalog-back:hover{color:#f4efe6}
.project-page .phero{padding-top:18px;padding-bottom:24px;overflow:visible}
.project-page .phero .h1{font-size:clamp(36px,5.4vw,70px);font-weight:400;letter-spacing:-.05em;line-height:1.04;margin-top:6px}
.project-page .phero .lead{max-width:66ch;color:#cfc8bc;line-height:1.65;margin:14px 0 22px}
.project-page .phero .project-kind{margin-top:10px}
.case-cover{margin:24px 0 12px;width:100%;max-width:960px}
.case-cover img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;object-position:left center;border-radius:3px}
.project-facts{border-top:1px solid var(--discovery-line);border-bottom:1px solid var(--discovery-line);margin-top:22px}
.project-facts summary{min-height:48px;padding:13px 0;color:#b7b0a4;font-size:13px;list-style:disclosure-closed;list-style-position:inside}
.project-facts[open] summary{list-style-type:disclosure-open}
.project-facts .facts{border-top:0;padding-bottom:14px}
.case-nav{display:flex;flex-wrap:wrap;gap:4px 24px;padding-top:10px;padding-bottom:20px;margin-bottom:14px;border-bottom:1px solid var(--discovery-line)}
.case-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#cfc8bc;text-decoration:underline;text-decoration-color:#5e574c;text-underline-offset:5px}
.case-nav a:hover{color:#f4efe6;text-decoration-color:#b80000}
.project-page section[id],.project-page figure[id]{scroll-margin-top:88px}
.project-page .section,.project-page .section--tight{padding-block:28px}
.project-page .gal{margin-bottom:20px}
.project-page .subhead{gap:12px;flex-wrap:wrap}
.project-page .gal-frame{box-shadow:none;border-radius:3px}
.project-page .gal--wide{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-page .gal-ac{min-height:48px}
.project-page .facts .fact{gap:16px}
.project-page .related-projects{margin-top:48px;padding-top:40px;padding-bottom:72px;border-top:1px solid var(--discovery-line)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.section-heading h2{font-size:clamp(32px,5vw,54px);font-weight:400;letter-spacing:-.04em;line-height:1.1;margin:0}
.text-link,.archive-exit{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.archive-exit{margin:12px 0 0;color:#f4efe6}
.project-grid--related .project-caption h2{font-size:clamp(22px,3vw,30px)}
/* Var olan kategori adreslerindeki önizlemeler de renkli ve sakindir. */
.cat-track{animation:none!important;transform:none!important}
.cat-track img,.card:hover .cat-track img{filter:none}
[data-rv]{opacity:1!important;transform:none!important}
/* Ana sayfanın atmosferine yerleşen proje vitrini. */
body:has(.hero-pond) *{cursor:auto!important}
body:has(.hero-pond) a,body:has(.hero-pond) button,body:has(.hero-pond) summary{cursor:pointer!important}
.nav-works{font:12px var(--font-mono);letter-spacing:0;min-height:44px;display:inline-flex;align-items:center;gap:6px;color:inherit}
.nav-works span{font-size:15px}
.home-projects{position:relative;z-index:2}
.home-all-projects{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(244,239,230,.22);border-bottom:1px solid rgba(244,239,230,.22);min-height:64px;margin-top:36px;font-size:18px;letter-spacing:-.02em;color:#f4efe6}
.home-all-projects span{font-size:25px;color:var(--shu)}
body:has(.hero-pond) .cap-row{grid-template-columns:26px 200px 1fr 24px;min-height:58px;transition:background .2s}
.cap-row:hover{background:rgba(244,239,230,.04)}
.cap-go{color:var(--shu);font-size:18px}
.cap-kanji{color:var(--shu)!important;opacity:1!important}
body:has(.hero-pond) 
body:has(.hero-pond) .craft-title{font-size:clamp(40px,5.4vw,76px)}
body:has(.hero-pond) .craft-head{margin:0 0 24px}
body:has(.hero-pond) .craft-inner{padding-top:0}

body:has(.hero-pond) .hero-sticky{padding:clamp(72px,9vh,96px) 32px clamp(20px,3vh,34px)}


body:has(.hero-pond) .hero-name-inline{font-size:clamp(70px,10vw,144px)}



body:has(.hero-pond) .hero-foot{margin:0;justify-content:center;display:flex}
.hero-discover{font-size:12px;display:inline-flex;gap:12px;align-items:center;min-height:44px;color:#514b43;position:relative;z-index:4}
body:has(.hero-pond) .hero-foot .scroll-cue{display:none}
body:has(.hero-pond) #about{display:none}



body:has(.hero-pond) .pg-tile{pointer-events:auto}
.spotify-load{font:14px var(--font);border:1px solid rgba(244,239,230,.25);border-radius:8px;padding:24px;background:#171711;color:#f4efe6;width:100%;min-height:110px}
body:has(.hero-pond) .hero-name-inline .l-inner{transform:none!important;transition:none!important}

@media(min-width:1100px){.catalog .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.catalog .project-caption h2{font-size:27px}.catalog-intro>p:last-child{justify-self:end}.project-page .phero:has(.case-cover){display:grid;grid-template-columns:1fr 1fr;gap:0 42px;align-items:start}.project-page .phero:has(.case-cover)>:not(.case-cover){grid-column:1}.project-page .phero .case-cover{grid-column:2;grid-row:2/6;margin:8px 0;align-self:center}.project-page .phero .project-facts{grid-column:1/-1!important}}
@media(max-width:760px){.catalog-intro{grid-template-columns:1fr;padding-top:34px;gap:22px}.catalog-intro .project-kind{margin-bottom:0}.catalog-intro>p:last-child{font-size:15px}.catalog-controls{gap:20px;padding-block:20px}.catalog-search{flex-basis:100%}.catalog-filters{gap:2px 16px}.catalog-filters button{font-size:13px}.catalog-meta p:last-child{display:none}.project-grid{grid-template-columns:1fr;gap:36px}.project-caption h2{font-size:28px}.project-cover{aspect-ratio:1.5}.project-description{font-size:14px}.project-page .phero .h1{font-size:38px}.project-page .phero .lead{font-size:15px;margin-bottom:18px}.project-page .case-cover{margin-top:16px}.project-page .gal--wide{grid-template-columns:1fr}.case-nav{gap:0 20px}.case-nav a{font-size:12px}.project-page .section,.project-page .section--tight{padding-block:20px}.section-heading{align-items:flex-start}.text-link{white-space:nowrap}.discovery-footer{align-items:flex-start;flex-direction:column}.site-links{gap:14px}.site-links a{font-size:12px}.topbar-in{gap:12px;padding-block:6px}.project-page .related-projects{margin-top:30px;padding-bottom:42px}body:has(.hero-pond) .hero-sticky{padding:66px 24px 14px;gap:6px}body:has(.hero-pond) .hero-name-inline{font-size:64px}body:has(.hero-pond) .hero-role .accent{font-size:10px;letter-spacing:.08em;max-width:270px}body:has(.hero-pond) #koiTrack{height:4vh!important}body:has(.hero-pond) .craft-inner{padding-top:0}body:has(.hero-pond) .craft-head{gap:16px}body:has(.hero-pond) .cap-row{grid-template-columns:20px 1fr 24px;gap:4px 10px}.cap-desc{grid-column:2}.cap-go{grid-column:3;grid-row:1/3;align-self:center}.nav-works{font-size:11px}.nav-right{gap:12px!important}.nav-right .season-mark{display:none}.home-all-projects{font-size:16px}.home-projects{gap:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-cover img,.project-arrow{transition:none}.project-link:hover .project-cover img{transform:none}}

/* İlk iş, girişin hemen devamında görünür. */
body:has(.hero-pond) .sec-craft{padding:52px 40px 80px}
body:has(.hero-pond) .cw-head--solo{display:none}
body:has(.hero-pond) .ws-entrance{top:16px}
body:has(.hero-pond) .craft-anchor{top:-64px}
body:has(.hero-pond) .craft-head--alt{margin-top:64px}
.project-page .phero .catalog-back{display:flex;width:max-content;margin-bottom:6px}
@media(max-width:760px){
 body:has(.hero-pond) .sec-craft{padding:46px 24px 56px}
 body:has(.hero-pond) .hero-sticky{padding-top:66px}
 body:has(.hero-pond) .craft-desc{font-size:13px;line-height:1.6}
 .catalog-intro{padding-top:22px;padding-bottom:22px;gap:14px}
 .catalog-intro h1{font-size:64px}
 .catalog-intro>p:last-child{font-size:14px}
 .catalog-controls{gap:8px;padding-block:12px}
 .catalog-search span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .catalog-meta{padding:14px 0 18px}
}

.project-cover--pair{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:8/5}.project-cover--pair img{object-fit:contain;min-width:0}.project-link:hover .project-cover--pair img{transform:none}

/* Kompakt proje vitrini — doğal yatay kaydırma, tek kart yüksekliği. */
.project-card{border:1px solid rgba(244,239,230,.12);border-radius:12px;overflow:hidden;background:#171613;transition:border-color .25s}
.project-card:hover,.project-card:focus-within{border-color:rgba(224,128,115,.6)}
.project-cover{border-radius:0}
.project-caption{padding:22px 24px 26px}
.project-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;padding:0;border:1px solid rgba(244,239,230,.18);border-radius:50%;font-size:20px}
.home-projects{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#6d594e transparent;padding-bottom:14px;overscroll-behavior-x:contain}
.home-projects .project-card{flex:0 0 91%;scroll-snap-align:start;scroll-margin:0}
.home-projects .project-link{display:grid;grid-template-columns:1.35fr 1fr;min-height:340px;height:100%}
.home-projects .project-cover{height:100%;aspect-ratio:auto;min-height:340px;max-height:420px}
.home-projects .project-cover img{object-fit:contain;background:#201e19}
.home-projects .project-caption{align-items:flex-end;padding:clamp(24px,3vw,44px);gap:16px}
.home-projects .project-caption h2{font-size:clamp(30px,3.8vw,52px);margin-top:20px}
.home-projects .project-description{margin-top:18px}
.home-projects .project-kind{max-width:30ch}
.showcase-controls{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#b7b0a4}
.showcase-count{font:11px var(--mono);letter-spacing:.12em}
.showcase-controls>div{display:flex;gap:8px}
.showcase-controls button{width:46px;height:46px;border:1px solid rgba(244,239,230,.24);border-radius:50%;background:transparent;color:#f4efe6;font:22px var(--f-body)}
.showcase-controls button:hover{background:#302923}
.showcase-controls button:disabled{opacity:.3;cursor:default!important}
.home-all-projects{margin-top:20px}
body:has(.hero-pond) .hero-foot{min-height:44px}
body:has(.hero-pond)>nav{pointer-events:none}
body:has(.hero-pond)>nav>*{pointer-events:auto}
body:has(.hero-pond)>nav .nav-right{padding:0 16px;min-height:46px;border:1px solid rgba(244,239,230,.18);border-radius:30px;background:rgba(20,19,16,.82);color:#f4efe6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);letter-spacing:.08em}
body:has(.hero-pond)>nav.on-light .nav-right{background:rgba(245,240,231,.82);color:#25221d;border-color:rgba(40,35,28,.14)}
body:has(.hero-pond)>nav .nav-mark{padding:10px 0;border-radius:0;background:none}
body:has(.hero-pond)>nav.on-light .nav-mark{background:none}

.foot-kanal .kanal svg{width:24px;height:24px;flex-shrink:0}
.foot-kanal .kanal b{font-size:18px;font-weight:400;letter-spacing:-.02em}
.foot-kanal .kanal i{line-height:1.6;overflow-wrap:anywhere}

.foot-kanal .kanal--wa svg{color:#9eb8a0}

@media(max-width:760px){
 .home-projects{gap:12px}
 .home-projects .project-card{flex-basis:91%}
 .home-projects .project-link{display:flex;flex-direction:column;min-height:0}
 .home-projects .project-cover{height:225px;min-height:0;flex-shrink:0}
 .home-projects .project-caption{padding:22px 18px;flex:1;align-items:flex-end}
 .home-projects .project-caption h2{font-size:29px;margin-top:10px}
 .home-projects .project-description{font-size:13px;margin-top:10px}
 .home-projects .project-kind{font-size:9px}
 .project-caption{padding:20px}
 
 body:has(.hero-pond)>nav{padding:14px 18px}
}
@media(prefers-reduced-motion:reduce){.project-card,.foot-kanal .kanal{transition:none}}
.home-projects{align-items:stretch}
@media(min-width:761px){.home-projects .project-link{height:380px;min-height:0}.home-projects .project-cover{height:380px;min-height:0;max-height:none}}