@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Manrope:wght@300;400;500;600&display=swap');
:root{--ink:#11130f;--cream:#f1eee6;--sage:#8b927f;--gold:#c5a36b;--white:#f9f7f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.projects-header{height:94px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(17,19,15,.17)}.projects-header img{width:130px;display:block}.projects-header nav{display:flex;gap:32px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.header-phone{justify-self:end;font-size:13px}.projects-intro{padding:110px 6vw 100px}.projects-intro p,.section-heading>span{font-size:11px;letter-spacing:.17em}.projects-intro h1{font:300 clamp(58px,8vw,118px)/.93 'Manrope';letter-spacing:-.06em;margin:35px 0 0}.projects-intro h1 em,.section-heading h2 em{font-family:Georgia,serif;font-weight:400}.category-switch{display:grid;grid-template-columns:1fr 1fr;margin:0 4vw}.category-switch__item{min-height:190px;padding:34px 38px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;color:#fff;transition:transform .35s}.category-switch__item:hover{transform:translateY(-5px)}.category-switch__item--dark{background:#151813}.category-switch__item--sage{background:var(--sage)}.category-icon{width:52px;height:52px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:11px}.category-switch strong{justify-self:center;font:500 clamp(18px,2vw,28px) 'Manrope';letter-spacing:-.02em}.category-switch strong em{font-family:Georgia,serif;font-weight:400}.category-switch i{font-style:normal;font-size:28px}.project-section{padding:150px 4vw 60px}.project-section--completed{padding-top:120px;padding-bottom:150px}.section-heading{display:grid;grid-template-columns:1fr 3fr;align-items:end;margin:0 0 55px}.section-heading h2{font:500 clamp(36px,5.2vw,76px)/1 'Manrope';letter-spacing:-.055em;margin:0}.section-heading h2 em{font-weight:400}.project-list{display:grid;gap:45px}.listing-card{height:min(68vw,780px);min-height:540px;position:relative;overflow:hidden;color:#fff}.listing-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}.listing-card:hover img{transform:scale(1.025)}.listing-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,12,9,.34),transparent 42%,rgba(9,12,9,.74))}.listing-card__top{position:absolute;left:35px;right:35px;top:32px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.13em}.listing-card__top b{background:var(--gold);padding:12px 18px;border-radius:40px;font-weight:500}.listing-card__bottom{position:absolute;left:40px;right:40px;bottom:38px;display:flex;align-items:end;justify-content:space-between}.listing-card__bottom small{letter-spacing:.16em;opacity:.75}.listing-card__bottom h3{font:400 clamp(38px,6vw,85px)/1 'Manrope';letter-spacing:-.055em;margin:10px 0 0}.listing-card__bottom>i{font:300 72px 'Manrope';transition:transform .3s}.listing-card:hover .listing-card__bottom>i{transform:translateX(10px)}.empty{padding:80px;border:1px solid rgba(17,19,15,.2);font-size:18px}.projects-footer{background:#151813;color:#fff;padding:65px 5vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:40px}.projects-footer img{width:150px;filter:brightness(0) invert(1)}.projects-footer p{max-width:360px;margin:0;line-height:1.6}.projects-footer a{font-size:18px}@media(max-width:760px){.projects-header{grid-template-columns:1fr auto}.projects-header nav{display:none}.projects-intro{padding:80px 6vw}.category-switch{grid-template-columns:1fr;margin:0}.category-switch__item{min-height:145px;padding:25px}.category-switch strong{text-align:center}.project-section{padding:100px 5vw 40px}.section-heading{display:block}.section-heading h2{margin-top:25px}.listing-card{min-height:480px}.listing-card__top{left:22px;right:22px}.listing-card__bottom{left:24px;right:24px}.listing-card__bottom>i{font-size:44px}.projects-footer{grid-template-columns:1fr;align-items:start}}
/* Projeler sayfası panoramik header görseli */
.projects-visual{height:clamp(320px,32vw,500px);overflow:hidden;background:#e9e7e3}
.projects-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
@media(max-width:760px){.projects-visual{height:300px}.projects-visual img{object-position:64% center}}

/* Tamamlanan projeler: dört sütunlu görsel arşiv */
.completed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,3vw,52px) clamp(12px,1.4vw,24px)}
.completed-grid>.empty{grid-column:1/-1}
.completed-card{appearance:none;display:block;min-width:0;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.completed-card__media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#d8d5ce;isolation:isolate}
.completed-card__media:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(8,10,8,.66));opacity:.25;transition:opacity .55s}
.completed-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.2,.75,.2,1),filter .55s}
.completed-card__media i{position:absolute;z-index:2;inset:14px;border:1px solid rgba(255,255,255,.62);opacity:0;transform:scale(.94);transition:opacity .4s,transform .55s}
.completed-card__media b{position:absolute;z-index:3;left:24px;right:24px;bottom:22px;color:#fff;font-size:9px;font-weight:600;letter-spacing:.16em;opacity:0;transform:translateY(14px);transition:opacity .4s,transform .45s}
.completed-card__meta{display:block;padding-top:18px}
.completed-card__meta small{display:block;margin-bottom:9px;color:#777;font-size:8px;font-weight:600;letter-spacing:.14em}
.completed-card__meta strong{display:block;font:500 clamp(17px,1.5vw,24px)/1.16 'Manrope';letter-spacing:-.035em;transition:color .3s}
.completed-card:hover .completed-card__media img{transform:scale(1.075);filter:saturate(.8)}
.completed-card:hover .completed-card__media:after{opacity:1}
.completed-card:hover .completed-card__media i{opacity:1;transform:none}
.completed-card:hover .completed-card__media b{opacity:1;transform:none}
.completed-card:hover .completed-card__meta strong{color:#8d6d39}
.project-lightbox{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:clamp(20px,4vw,65px);visibility:hidden;opacity:0;background:rgba(7,9,7,.94);backdrop-filter:blur(14px);transition:opacity .35s,visibility .35s}
.project-lightbox.is-open{visibility:visible;opacity:1}
.project-lightbox figure{width:min(1100px,100%);height:min(78vh,800px);margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(24px) scale(.98);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.project-lightbox.is-open figure{transform:none}
.project-lightbox img{display:block;max-width:100%;max-height:calc(100% - 48px);object-fit:contain;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.project-lightbox figcaption{margin-top:19px;color:#fff;font:400 clamp(18px,2vw,28px) 'Manrope';letter-spacing:-.03em}
.project-lightbox__close{position:absolute;right:clamp(20px,4vw,60px);top:clamp(20px,4vw,48px);width:50px;height:50px;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:transparent;color:#fff;font:300 30px/1 'Manrope';cursor:pointer;transition:.25s background,.25s color,.25s transform}
.project-lightbox__close:hover{background:#fff;color:#111;transform:rotate(90deg)}
.lightbox-open{overflow:hidden}
@media(max-width:1050px){.completed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.completed-grid{grid-template-columns:1fr;gap:38px}.completed-card__media{aspect-ratio:4/3}.completed-card__meta strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.completed-card__media img,.completed-card__media i,.completed-card__media b,.project-lightbox,.project-lightbox figure{transition:none}}

/* Tamamlanan proje arşivi: kapalı akordeon */
.project-section--completed{padding-top:65px;padding-bottom:85px;border-top:1px solid rgba(17,19,15,.18)}
.completed-toggle{appearance:none;width:100%;display:grid;grid-template-columns:1fr 3fr auto;align-items:center;gap:30px;padding:30px 0;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.completed-toggle>span{font-size:10px;font-weight:600;letter-spacing:.18em}
.completed-toggle>strong{position:relative;width:max-content;max-width:100%;font:500 clamp(34px,5vw,72px)/1 'Manrope';letter-spacing:-.055em;transition:transform .45s cubic-bezier(.2,.75,.2,1),color .35s}
.completed-toggle>strong:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:1px;background:#c5a36b;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.75,.2,1)}
.completed-toggle>strong em{font-family:Georgia,serif;font-weight:400;transition:color .35s}
.completed-toggle:hover>strong{color:#4c4f46;transform:translateX(10px)}
.completed-toggle:hover>strong em{color:#a47d3f}
.completed-toggle:hover>strong:after{transform:scaleX(1)}
.completed-toggle>i{position:relative;display:block;width:64px;height:64px;border:1px solid rgba(17,19,15,.3);border-radius:50%;transition:.35s background,.35s color,.35s transform}
.completed-toggle>i b{position:absolute;left:50%;top:50%;width:20px;height:1px;background:currentColor;transform:translate(-50%,-50%);transition:transform .35s}
.completed-toggle>i b:last-child{transform:translate(-50%,-50%) rotate(90deg)}
.completed-toggle:hover>i{background:var(--ink);color:#fff;transform:scale(1.06)}
.completed-toggle[aria-expanded="true"]>i b:last-child{transform:translate(-50%,-50%) rotate(0)}
.completed-drawer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .75s cubic-bezier(.2,.75,.2,1),opacity .45s}
.completed-drawer.is-open{grid-template-rows:1fr;opacity:1}
.completed-drawer__inner{min-height:0;overflow:hidden}
.completed-drawer .completed-grid{padding-top:55px;padding-bottom:55px}
@media(max-width:760px){.completed-toggle{grid-template-columns:1fr auto;gap:20px}.completed-toggle>span{grid-column:1/-1}.completed-toggle>strong{font-size:clamp(31px,9vw,48px)}.completed-toggle>i{width:52px;height:52px}.completed-drawer .completed-grid{padding-top:35px}}
@media(prefers-reduced-motion:reduce){.completed-drawer{transition:none}}

/* Ayrı proje kategori sayfaları */
.projects-landing .projects-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end}
.projects-landing .projects-intro p{max-width:470px;margin:0;font-size:16px;line-height:1.75;letter-spacing:0}
.category-switch--landing{margin-bottom:clamp(90px,10vw,160px)}
.category-switch--landing .category-switch__item{min-height:clamp(210px,20vw,320px)}
.category-switch--landing .category-switch__item:hover i{transform:translateX(8px)}
.category-switch--landing i{transition:transform .3s}
.project-archive-hero{position:relative;min-height:590px;padding:190px 6vw 85px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden}
.project-archive-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(125deg,#11140f 0 55%,#262d25)}
.project-archive-hero--ongoing:after{content:"";position:absolute;z-index:-1;right:-8vw;top:-18vw;width:58vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 10vw rgba(255,255,255,.025),0 0 0 20vw rgba(255,255,255,.018)}
.project-archive-hero--completed:before{background:linear-gradient(125deg,#676f61,#969d8c)}
.project-archive-hero>span{font-size:10px;font-weight:600;letter-spacing:.19em}
.project-archive-hero h1{margin:35px 0 45px;font:300 clamp(64px,9vw,136px)/.83 'Manrope';letter-spacing:-.07em}
.project-archive-hero h1 em{font-family:Georgia,serif;font-weight:400}
.project-archive-hero>a{width:max-content;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.5);font-size:10px;font-weight:600;letter-spacing:.13em}
.project-section--standalone,.completed-archive-page{padding-top:95px;padding-bottom:130px}
@media(max-width:760px){.projects-landing .projects-intro{grid-template-columns:1fr}.projects-landing .projects-intro p{margin-top:25px}.category-switch--landing{margin-bottom:90px}.project-archive-hero{min-height:520px;padding:165px 6vw 65px}.project-section--standalone,.completed-archive-page{padding-top:70px;padding-bottom:90px}}

/* Projeler ana sayfası: sade katalog yaklaşımı */
.projects-simple-hero{padding:clamp(185px,17vw,260px) 6vw clamp(90px,10vw,145px);border-bottom:1px solid rgba(17,19,15,.18)}
.projects-simple-hero>span{font-size:10px;font-weight:600;letter-spacing:.19em}
.projects-simple-hero h1{margin:38px 0 52px;font:300 clamp(58px,8vw,118px)/.92 'Manrope';letter-spacing:-.065em}
.projects-simple-hero h1 em{font-family:Georgia,serif;font-weight:400}
.projects-simple-hero p{max-width:620px;margin:0 0 0 auto;font-size:17px;line-height:1.75}
@media(max-width:700px){.projects-simple-hero{padding:165px 6vw 85px}.projects-simple-hero p{margin-left:0}}

/* Panelden girilen bağımsız proje etiketi */
.listing-card__top b{max-width:min(420px,65%);line-height:1.45;text-align:center}
@media(max-width:600px){.listing-card__top b{max-width:62%;padding:9px 12px;font-size:9px}}