/* ==========================================================================
   projects.css — sadece projects.html
   ========================================================================== */

/* VIDEO HERO */
/* Yan bosluk .vid-hero uzerinde: .hero-content tam --max genisliginde kalsin
   ve icerigi diger bolumlerle ayni cizgide baslasin. */
.vid-hero{position:relative;height:100vh;min-height:600px;overflow:hidden;display:flex;align-items:flex-end;padding:0 4%}
.vid-hero video,.vid-hero .hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vid-hero::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(10,12,24,.94) 0%,rgba(10,12,24,.62) 38%,rgba(21,12,30,.3) 72%,rgba(58,18,64,.2) 100%)}
/* Yazi alt-solda: oraya lokal karartma, fotografin sagi ayni kalsin */
.vid-hero::before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 68% 62% at 16% 80%,rgba(10,12,24,.74),transparent 74%)}
.hero-content{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:0 0 5rem;width:100%}
.hero-tag{display:inline-flex;align-items:center;gap:.7rem;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--purple-soft);margin-bottom:1.5rem}
.hero-tag::before{content:'';width:28px;height:1.5px;background:var(--accent-gradient)}
.vid-hero h1{font-family:var(--fd);font-size:clamp(3rem,6vw,5.2rem);font-weight:700;color:#fff;line-height:1.06;margin-bottom:1.2rem}
.vid-hero h1 em{font-style:italic;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-stats{display:flex;gap:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);margin-top:2rem}
.hstat dt{font-family:var(--fd);font-size:2.4rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}
.hstat dd{font-size:.68rem;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem}
.hero-scroll{position:absolute;bottom:2.5rem;right:4%;z-index:2;display:flex;align-items:center;gap:.6rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.35)}
.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);display:inline-block}

/* SHOWCASES */
.showcases{padding:5.5rem 4% 0;background:var(--white)}
.showcases-inner{max-width:var(--max);margin:0 auto}
.showcases-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem}
.showcase-card{border-radius:16px;overflow:hidden;position:relative;aspect-ratio:16/10;cursor:pointer;background:var(--navy)}
.showcase-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);opacity:.75}
.showcase-card:hover img{transform:scale(1.05);opacity:.6}
.showcase-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:2.2rem;background:linear-gradient(to top,rgba(10,12,24,.92) 0%,transparent 60%)}
.show-badge{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.3rem .8rem;border-radius:100px;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);backdrop-filter:blur(6px);margin-bottom:.9rem;width:fit-content}
.showcase-card h3{font-family:var(--fd);font-size:1.9rem;font-weight:700;color:#fff;line-height:1.1;margin-bottom:.5rem}
.showcase-card .show-meta{font-size:.78rem;color:rgba(255,255,255,.45);margin-bottom:1.1rem}
.showcase-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--purple-soft);transition:gap .3s var(--ease)}
.showcase-card:hover .showcase-link{gap:.8rem}
.showcase-link svg{width:14px;height:14px}
.show-count{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;color:rgba(255,255,255,.5);margin-bottom:.5rem}
.show-count span{width:20px;height:20px;border-radius:50%;background:rgba(154,107,181,.2);border:1px solid rgba(154,107,181,.3);display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:var(--purple-soft)}

/* FILTER + GRID */
.filter-sticky{background:var(--cream);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:sticky;top:var(--nav-h);z-index:50;transition:top .4s var(--ease)}
.filter-inner{max-width:var(--max);margin:0 auto;padding:.85rem 4%;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.filter-label{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-light);margin-right:.25rem;white-space:nowrap}
.f-btn{padding:.42rem 1.1rem;border:1.5px solid var(--border);border-radius:100px;background:transparent;font-family:var(--fb);font-size:.77rem;font-weight:500;color:var(--slate);cursor:pointer;transition:all .3s var(--ease);white-space:nowrap}
.f-btn:hover{border-color:var(--purple-soft);color:var(--plum)}
.f-btn.on{background:var(--accent-gradient);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 14px rgba(94,37,99,.2)}
.f-count{margin-left:auto;font-size:.73rem;color:var(--text-light)}
.f-count strong{color:var(--navy)}

.grid-section{padding:4rem 4% 2rem;background:var(--white)}
.grid-wrap{max-width:var(--max);margin:0 auto}
.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:1.3rem}

/* Cards */
.pcard{border-radius:14px;overflow:hidden;position:relative;background:var(--navy-mid);cursor:pointer;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.pcard:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(21,25,41,.16)}
.pcard.hidden{display:none}
.pcard.size-wide{grid-column:span 2}
.pcard.size-tall{grid-row:span 2}
.pcard.size-feat{grid-column:span 2;grid-row:span 2}
.pcard.size-wide{grid-column:span 2}
.pcard img{width:100%;height:100%;min-height:248px;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.pcard.size-tall img{min-height:420px}
.pcard.size-feat img{min-height:500px}
.pcard.size-wide img{min-height:260px}
.pcard:hover img{transform:scale(1.04)}
.pcard-ph{width:100%;min-height:248px;background:linear-gradient(135deg,#1a1f38,#2b0e30);display:flex;align-items:center;justify-content:center}
.pcard.size-tall .pcard-ph{min-height:420px}
.pcard.size-feat .pcard-ph{min-height:500px}
.ph-icon{opacity:.12}
.pcard-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,10,20,.95) 0%,rgba(8,10,20,.3) 45%,transparent 70%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.6rem;transition:background .4s}
.pcard:hover .pcard-overlay{background:linear-gradient(to top,rgba(8,10,20,.98) 0%,rgba(8,10,20,.5) 50%,rgba(94,37,99,.08) 100%)}
.pcard-top{position:absolute;top:1rem;left:1rem;display:flex;gap:.4rem;z-index:2;flex-wrap:wrap}
.pbadge{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.26rem .7rem;border-radius:100px;backdrop-filter:blur(8px)}
.pb-bespoke{background:rgba(154,107,181,.2);color:#c89ce0;border:1px solid rgba(154,107,181,.2)}
.pb-pavilion{background:rgba(212,175,55,.15);color:#D4AF37;border:1px solid rgba(212,175,55,.15)}
.pb-deck{background:rgba(106,127,212,.2);color:#9DB4E8;border:1px solid rgba(106,127,212,.2)}
.pb-dumflex{background:rgba(61,189,158,.15);color:#3dbda0;border:1px solid rgba(61,189,158,.15)}
.pb-show{background:rgba(255,255,255,.08);color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.1)}
.pcard h3{font-family:var(--fd);font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.2rem;line-height:1.2}
.pcard.size-feat h3{font-size:1.7rem}
.pcard-meta{font-size:.68rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.07em;margin-top:.3rem}
.pcard-desc{font-size:.82rem;color:rgba(255,255,255,.5);line-height:1.6;margin-top:.5rem;display:none}
.pcard.size-feat .pcard-desc{display:block}
.pcard:hover .pcard-desc{display:block}

/* INLINE QUOTE FORM */
.inline-quote{background:var(--navy);padding:5rem 4%;margin:2rem 0}
.iq-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr;gap:4rem;align-items:center}
.iq-left h2{font-family:var(--fd);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700;color:#fff;line-height:1.12;margin-bottom:1rem}
.iq-left h2 em{font-style:italic;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.iq-left p{font-size:.92rem;color:rgba(255,255,255,.45);line-height:1.75;margin-bottom:1.8rem}
.iq-trust{display:flex;flex-direction:column;gap:.65rem}
.iq-trust-item{display:flex;align-items:center;gap:.65rem;font-size:.82rem;color:rgba(255,255,255,.5)}
.iq-trust-item svg{width:16px;height:16px;flex-shrink:0;color:var(--purple-soft)}
.iq-trust-item strong{color:var(--purple-soft)}
/* form card */
.iq-form{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:2.2rem;position:relative;overflow:hidden}
.iq-form::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient)}
.iq-form-title{font-family:var(--fd);font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.25rem}
.iq-form-sub{font-size:.78rem;color:rgba(255,255,255,.35);margin-bottom:1.5rem}
.iq-label{display:block;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:.45rem}
.iq-toggles{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.1rem}
.iq-tog{padding:.55rem 1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;font-family:var(--fb);font-size:.78rem;font-weight:500;color:rgba(255,255,255,.5);cursor:pointer;transition:all .3s var(--ease)}
.iq-tog:hover{border-color:rgba(154,107,181,.4);color:var(--purple-soft)}
.iq-tog.sel{background:var(--accent-gradient);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 14px rgba(94,37,99,.25)}
.iq-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem}
.iq-field{margin-bottom:.8rem}
.iq-field input{width:100%;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:9px;font-family:var(--fb);font-size:.88rem;color:#fff;background:rgba(255,255,255,.05);outline:none;transition:border-color .3s,background .3s}
.iq-field input:focus{border-color:rgba(154,107,181,.5);background:rgba(255,255,255,.07)}
.iq-field input::placeholder{color:rgba(255,255,255,.25)}
.iq-submit{width:100%;padding:1rem;border:none;border-radius:9px;background:var(--accent-gradient);color:#fff;font-family:var(--fb);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s var(--ease);margin-top:.3rem;position:relative;overflow:hidden}
.iq-submit:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(94,37,99,.3)}
.iq-submit::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.1),transparent);pointer-events:none}
.iq-note{text-align:center;font-size:.68rem;color:rgba(255,255,255,.2);margin-top:.65rem}

/* GRID BOTTOM SECTION */
.grid-bottom{padding:2rem 4% 7rem;background:var(--white)}
.grid-bottom-wrap{max-width:var(--max);margin:0 auto}

/* PORTFOLIO REQUEST BLOCK */
.port-block{background:var(--navy);padding:5rem 4%;position:relative;overflow:hidden}
.port-block::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient)}
.port-block::after{content:'';position:absolute;top:-40%;right:-10%;width:50vw;height:50vw;border-radius:50%;background:radial-gradient(circle,rgba(94,37,99,.12),transparent 65%);pointer-events:none}
.port-inner{max-width:var(--max);margin:0 auto;position:relative;z-index:1}
.port-top{margin-bottom:2.2rem}
.port-top h2{font-family:var(--fd);font-size:clamp(2rem,3.8vw,3rem);font-weight:700;color:#fff;line-height:1.1;margin-bottom:.75rem}
.port-top h2 em{font-style:italic;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.port-top p{font-size:.92rem;color:rgba(255,255,255,.42);line-height:1.8;max-width:560px}
.port-top p strong{color:rgba(255,255,255,.7);font-weight:500}
.port-form-row{display:grid;grid-template-columns:1fr 1fr 1.1fr auto;gap:.8rem;align-items:end}
.port-field label{display:block;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:.45rem}
.port-field input,.port-field select{width:100%;padding:.82rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:9px;font-family:var(--fb);font-size:.87rem;color:#fff;background:rgba(255,255,255,.05);outline:none;transition:border-color .3s,background .3s;-webkit-appearance:none;appearance:none}
.port-field input:focus,.port-field select:focus{border-color:rgba(154,107,181,.5);background:rgba(255,255,255,.08)}
.port-field input::placeholder{color:rgba(255,255,255,.22)}
.port-field select option{background:#1E2338;color:#fff}
.port-submit{padding:.82rem 1.6rem;border:none;border-radius:9px;background:var(--accent-gradient);color:#fff;font-family:var(--fb);font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s var(--ease);position:relative;overflow:hidden}
.port-submit:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(94,37,99,.3)}
.port-submit::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.1),transparent);pointer-events:none}
.port-note{font-size:.68rem;color:rgba(255,255,255,.2);margin-top:.9rem}
.port-note strong{color:rgba(255,255,255,.35);font-weight:500}
.port-success{display:none;text-align:center;padding:2rem 0}
.port-success h3{font-family:var(--fd);font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:.5rem}
.port-success p{font-size:.88rem;color:rgba(255,255,255,.4)}
@media(max-width:900px){.port-form-row{grid-template-columns:1fr 1fr;gap:.75rem}.port-submit{grid-column:span 2;width:100%}}
@media(max-width:560px){.port-form-row{grid-template-columns:1fr}.port-submit{grid-column:span 1}}

/* BOTTOM CTA (projects — acik zemin; index'teki .bottom-cta fotografli, farkli) */
.bottom-cta{background:var(--cream);padding:5.5rem 4%;text-align:center;border-top:1px solid var(--border)}
.bottom-cta-inner{max-width:560px;margin:0 auto}
.bottom-cta h2{font-family:var(--fd);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700;color:var(--navy);line-height:1.12;margin-bottom:1rem}
.bottom-cta p{font-size:.95rem;color:var(--text);line-height:1.75;margin-bottom:2rem}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* === RESPONSIVE (projects) === */
@media(max-width:1024px){
  .showcases-grid{grid-template-columns:1fr}
  .proj-grid{grid-template-columns:repeat(2,1fr)}
  .pcard.size-feat{grid-column:span 2}
  .iq-inner{grid-template-columns:1fr}
}
@media(max-width:768px){
  .proj-grid{grid-template-columns:1fr}
  .pcard.size-wide,.pcard.size-tall,.pcard.size-feat{grid-column:span 1;grid-row:span 1}
  .iq-row{grid-template-columns:1fr}
  .hero-stats{gap:1.5rem;flex-wrap:wrap}
  .cta-btns{flex-direction:column;align-items:center}
}

/* Onay kutulari — koyu bant formlari (inline-quote, port-block) */
.inline-quote .consent-row span,.port-block .consent-row span{color:rgba(255,255,255,.6)}
.inline-quote .consent-row a,.port-block .consent-row a{color:var(--purple-soft)}
.inline-quote .consent-row input[type=checkbox],.port-block .consent-row input[type=checkbox]{accent-color:var(--purple-mid)}