/* =========================================================
   Kramer Calabriel — Ana sayfa (HOME) katmanı
   site.css + menu.css'ten sonra yüklenir. Yalnız ana sayfaya özgü düzen.
   Ortak sınıflar (.btn-arch, .btn-catalog, .slogan, .fx-mirror, .ask-wa)
   site.css'te tanımlıdır; burada yalnız konumlandırılır.
   ========================================================= */

/* ---------- HERO: kurumsal ölçü, sinematik çerçeve ---------- */
.home .hero h1{font-size:clamp(2rem,1.3rem + 2.15vw,3.4rem);line-height:1.08;letter-spacing:-.008em;max-width:21ch;margin:1.25rem 0 1rem}
.hero__slogan{margin:0 0 1.5rem}
.home .hero .lead{max-width:34rem;margin-bottom:2.2rem}
.hero__inner{position:relative;z-index:1}
.hero--cine .hero__slides::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 65% 40%,transparent 45%,rgba(12,10,10,.5) 100%)}
.hero__frame{position:absolute;z-index:0;pointer-events:none;inset:calc(var(--header-h) + .75rem) clamp(.75rem,1.6vw,1.6rem) clamp(.75rem,1.6vw,1.6rem)}
.hero__frame i{position:absolute;width:26px;height:26px;border:0 solid rgba(210,178,126,.55)}
.hero__frame i:nth-child(1){left:0;top:0;border-left-width:1px;border-top-width:1px}
.hero__frame i:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px}
.hero__frame i:nth-child(3){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}
.hero__frame i:nth-child(4){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}
.hero__btns{align-items:center}
.hero .hero__btn-text{border-color:transparent;padding-inline:.6rem}
.hero .hero__btn-text::after{display:none}
.hero .hero__btn-text:hover,.hero .hero__btn-text:focus-visible{color:var(--gold-soft);border-color:transparent}

.hero__meta{display:flex;align-items:center;gap:1.4rem;min-width:0}
.hero__count{display:inline-flex;align-items:baseline;gap:.7rem;font-family:var(--serif);color:var(--mist);font-size:1rem;flex:none}
.hero__count b{font-weight:400;font-size:2.3rem;line-height:1;color:var(--gold-soft);font-variant-numeric:lining-nums}
.hero__count i{display:block;width:2.2rem;height:1px;background:var(--line-gold);align-self:center}
.hero__metatext{display:grid;gap:.15rem;min-width:0;padding-left:1.4rem;border-left:1px solid var(--line-dark)}
.hero__cat{font-size:var(--fs-tiny);font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-soft);transition:opacity .5s}
.hero__metatext .hero__caption{min-height:0;font-size:1.05rem}

/* ---------- MANİFESTO: katmanlı kompozit ---------- */
.kc-man__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:start}
@media (min-width:1024px){.kc-compo{position:sticky!important;top:calc(var(--header-h) + 2.5rem);width:min(100%,calc((100vh - var(--header-h) - 5rem) / 1.12));aspect-ratio:1/1.12}}
.kc-compo{grid-column:1/span 6;position:relative;aspect-ratio:1/1.18;margin-right:clamp(0px,1vw,1rem)}
.kc-man__body{grid-column:8/span 5}
.kc-compo>figure{position:absolute;margin:0;will-change:transform}
.kc-compo__main{left:8%;top:0;width:60%;height:78%}
.kc-compo__side{right:0;top:20%;width:36%;aspect-ratio:4/5;box-shadow:0 0 0 10px var(--cream)}
.kc-compo__low{left:0;bottom:2%;width:48%;aspect-ratio:4/3;box-shadow:0 0 0 10px var(--cream)}
.kc-compo__lines{position:absolute;left:14.5%;top:4%;width:60%;height:82%;border:1px solid var(--line-gold);border-bottom:0;border-radius:999px 999px 0 0;pointer-events:none}
.kc-compo__lines::before{content:"";position:absolute;left:-24%;right:-40%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-gold) 18%,var(--line-gold) 82%,transparent)}
.kc-compo__lines::after{content:"";position:absolute;right:-40%;top:8%;bottom:-20%;width:1px;background:linear-gradient(transparent,var(--line-gold) 25%,var(--line-gold) 75%,transparent)}
.kc-compo__seal{position:absolute;right:9%;bottom:4%;display:grid;place-items:center;width:5.4rem;height:5.4rem;border-radius:50%;background:var(--cream);border:1px solid var(--line-gold);box-shadow:0 0 0 6px var(--cream),0 0 0 7px rgba(183,143,85,.25)}
.kc-compo__seal img{width:2.4rem;height:auto}
.kc-man__body h2{margin:1.3rem 0 1rem}
.kc-man__slogan{margin:0 0 1.8rem}
.kc-team{display:flex;gap:1.3rem;align-items:flex-start;margin-top:2.2rem;padding:1.4rem 1.5rem;background:#fff;border:1px solid var(--sand);border-left:2px solid var(--gold)}
.kc-team__icon{flex:none;color:var(--gold-ink)}
.kc-team p{font-size:var(--fs-small);color:var(--stone);line-height:1.65}
.kc-team strong{display:block;font-family:var(--serif);font-size:1.32rem;font-weight:500;line-height:1.25;color:var(--char);margin-bottom:.3rem}
.kc-man .tenets{margin-top:2.2rem}
.kc-man__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2.2rem;margin-top:2.4rem}

/* ---------- HİZMETLER başlığı ---------- */
.kc-svc__head .kicker{margin-bottom:1.2rem}
.kc-svc__all{margin-top:1.4rem}

/* ---------- SÜREÇ: görselli anlatım ---------- */
.proc__head .kicker{margin-bottom:1.2rem}
.proc__stage{display:none}
.proc__steps{list-style:none;display:grid;gap:2.6rem;counter-reset:none}
.proc__step{display:grid;gap:1.1rem}
.proc__media{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;background:var(--ink-2)}
.proc__media img{width:100%;height:100%;object-fit:cover}
.proc__media::after{content:"";position:absolute;inset:10px;border:1px solid rgba(210,178,126,.45);pointer-events:none}
.proc__txt{position:relative;padding-left:1.6rem;border-left:1px solid var(--line-gold)}
.proc__num{display:block;font-family:var(--serif);font-style:italic;font-size:2.2rem;line-height:1;color:var(--gold-soft)}
.proc__txt h3{margin:.6rem 0 .6rem;font-size:1.6rem}
.proc__txt p{font-size:var(--fs-small);color:var(--mist);line-height:1.7;max-width:30rem}
.proc__txt .proc__tags{margin-top:.9rem;font-size:var(--fs-tiny);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft)}

@media (min-width:1024px){
  .proc__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(3rem,6vw,7rem);align-items:start}
  .proc__stage{display:flex;flex-direction:column;position:sticky;top:calc(var(--header-h) + 3vh);height:calc(100vh - var(--header-h) - 8vh);min-height:26rem;max-height:46rem}
  .proc__frame{position:relative;flex:1;overflow:hidden;background:var(--ink-2)}
  .proc__img{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.07);transition:opacity 1.1s var(--ease),transform 2.4s var(--ease)}
  .proc__img.is-active{opacity:1;transform:none}
  .proc__img img{width:100%;height:100%;object-fit:cover}
  .proc__frame::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(20,17,15,.75),rgba(20,17,15,0) 45%);pointer-events:none}
  .proc__frame::after{content:"";position:absolute;inset:14px;z-index:1;border:1px solid rgba(210,178,126,.5);pointer-events:none}
  .proc__badge{position:absolute;z-index:2;left:2rem;bottom:1.7rem;display:flex;align-items:baseline;gap:.8rem;font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--mist)}
  .proc__badge b{font-weight:400;font-size:3.4rem;line-height:1;color:var(--gold-soft)}
  .proc__badge i{display:block;width:2.4rem;height:1px;background:var(--line-gold);align-self:center}
  .proc__label{position:absolute;z-index:2;right:2rem;bottom:2.1rem;font-size:var(--fs-tiny);font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--cream)}
  .proc__rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-top:1.3rem;padding-top:1rem}
  .proc__rail::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-dark)}
  .proc__railfill{position:absolute;left:0;top:0;height:1px;width:100%;background:var(--gold);transform-origin:left;transform:scaleX(var(--p,.2));transition:transform .9s var(--ease)}
  .proc__tick{position:relative;font-family:var(--serif);font-style:italic;font-size:1.2rem;color:rgba(248,244,237,.4);cursor:pointer;transition:color .5s}
  .proc__tick::before{content:"";position:absolute;left:0;top:calc(-1rem - 4px);width:7px;height:7px;border:1px solid var(--gold);background:var(--ink);transform:rotate(45deg)}
  .proc__tick.is-active{color:var(--gold-soft)}
  .proc__tick.is-active::before{background:var(--gold)}
  .proc__steps{gap:0}
  .proc__step{min-height:min(50vh,30rem);align-content:center;padding-block:2rem}
  .proc__step .proc__media{display:none}
  .proc__txt{padding-left:2.2rem;border-left-color:var(--line-dark);transition:border-color .6s var(--ease)}
  .proc__txt::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform .9s var(--ease)}
  .proc__num{font-size:2.8rem}
  .proc__txt h3{font-size:clamp(1.7rem,1.3rem + .8vw,2.2rem)}
  .proc__txt p{font-size:1rem}
  .proc.is-ready .proc__step{transition:opacity .7s var(--ease)}
  .proc.is-ready .proc__step:not(.is-active){opacity:.32}
  .proc.is-ready .proc__step.is-active .proc__txt::before{transform:scaleY(1)}
}

/* ---------- ÖNE ÇIKAN HİZMETLER ---------- */
.hl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--sand);border:1px solid var(--sand);counter-reset:hl}
.hl-card{position:relative;display:flex;flex-direction:column;gap:.8rem;min-width:0;padding:2.1rem 1.8rem 1.9rem;background:var(--cream);color:var(--char);counter-increment:hl;transition:background-color .6s var(--ease)}
.hl-card::before{content:counter(hl,decimal-leading-zero);position:absolute;right:1.6rem;top:1.7rem;font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--gold-ink);opacity:.75}
.hl-card::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.hl-card:hover,.hl-card:focus-visible{background:#fff}
.hl-card:hover::after,.hl-card:focus-visible::after{transform:scaleX(1)}
.hl-card__icon{display:grid;place-items:center;width:3.6rem;height:4.1rem;margin-bottom:.6rem;color:var(--gold-ink);border:1px solid var(--line-gold);border-bottom-color:var(--gold);border-radius:999px 999px 0 0;transition:background-color .6s var(--ease),color .6s}
.hl-card__icon svg{width:26px;height:26px;margin-top:.4rem}
.hl-card:hover .hl-card__icon{background:var(--ink);color:var(--gold-soft)}
.hl-card h3,.hl-card__title{font-size:1.5rem;line-height:1.15}
.hl-card p,.hl-card__text{font-size:var(--fs-small);color:var(--stone);line-height:1.65}
.hl-card .btn-arch{margin-top:auto;align-self:flex-start}
.hl-note{display:flex;flex-direction:column;gap:.9rem;padding:2.1rem 1.8rem;background:var(--ink);color:var(--cream);background-image:radial-gradient(circle at 100% 0,rgba(183,143,85,.22),transparent 60%)}
.hl-note__title{font-family:var(--serif);font-size:1.6rem;line-height:1.15}
.hl-note p:not(.hl-note__title){font-size:var(--fs-small);color:var(--mist);line-height:1.65}
.hl-note .btn{margin-top:auto;align-self:flex-start}

/* ---------- TİCARİ / ENDÜSTRİYEL ---------- */
.kc-ind__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:center}
.kc-ind__media{grid-column:1/span 6;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,2rem);align-items:start;padding-bottom:clamp(3rem,6vw,6rem)}
.kc-ind__b{margin-top:clamp(3rem,7vw,7rem)}
.kc-ind__line{position:absolute;left:calc(-1 * clamp(.6rem,1.5vw,1.6rem));top:12%;height:62%;width:1px;background:linear-gradient(transparent,var(--gold) 20%,var(--gold) 80%,transparent);opacity:.7}
.kc-ind__line::after{content:"";position:absolute;left:0;top:30%;width:clamp(2rem,4vw,4rem);height:1px;background:var(--line-gold)}
.kc-ind__note{position:absolute;left:0;bottom:0;font-size:var(--fs-tiny);letter-spacing:.2em;text-transform:uppercase;color:var(--stone)}
.kc-ind__body{grid-column:8/span 5}
.kc-ind__body h2{margin:1.3rem 0 1.4rem}
.kc-ind__body .lead{margin-bottom:2rem}
.kc-ind__body .btn-row{margin-top:2.4rem}

/* ---------- BÖLGELER ---------- */
.kc-reg__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2.5rem,7vw,8rem);align-items:start}
.kc-reg__intro h2{position:relative;margin:1.3rem 0 1.4rem;padding-left:1.6rem}
.kc-reg__intro h2::before{content:"";position:absolute;left:0;top:.12em;bottom:.08em;width:1px;background:var(--gold)}
.kc-reg__lead{color:var(--stone);max-width:34rem}
.kc-rings{margin:2.6rem 0 0;max-width:30rem;color:var(--gold)}
.kc-rings svg{width:100%;height:auto;overflow:visible}
.kc-rings__r{opacity:.55}
.kc-rings__r1{opacity:1}
.kc-rings__dot{fill:var(--gold)}
.kc-rings__t{font-family:var(--serif);font-size:17px;fill:var(--char)}
.kc-rings__t text:first-child{fill:var(--gold-ink);font-size:18px}
.kc-reg__side .tiers{margin-top:0}
.kc-reg__map{margin-top:2.4rem}
.kc-reg__map .btn-arch{margin-top:1.8rem}
.chip--all{border-style:dashed;border-color:var(--line-gold);color:var(--gold-ink);font-family:var(--serif);font-style:italic;font-size:1rem}

/* ---------- SSS + WhatsApp danışma ---------- */
.kc-faq__tr{font-family:var(--serif);font-size:1.45rem;line-height:1.3;color:var(--gold-ink);margin-bottom:.8rem!important}
.home .ask-wa{margin-top:clamp(3rem,6vw,5.5rem)}

/* ---------- TEKLİF ---------- */
.quote__more{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:2.2rem}
.quote__more p{font-size:var(--fs-small);color:var(--mist);max-width:18rem;line-height:1.55}

/* ---------- Responsive ---------- */
@media (max-width:1200px){
  .hl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1023.98px){
  .kc-man__grid,.kc-ind__grid,.kc-reg__grid{grid-template-columns:1fr}
  .kc-compo,.kc-man__body,.kc-ind__media,.kc-ind__body{grid-column:1/-1}
  .kc-compo{width:100%;max-width:36rem;margin:0 auto 1rem}
  .kc-ind__media{width:100%;max-width:34rem;margin-inline:auto}
}
@media (max-width:767.98px){
  .hero__meta{gap:1rem;width:100%}
  .hero__metatext{padding-left:1rem}
  .hero__count b{font-size:1.8rem}
  .hero__foot .hero__caption{flex-basis:auto;order:0}
  .hero__frame{display:none}
  .kc-team{padding:1.2rem;gap:1rem}
  .kc-team__icon svg{width:36px;height:36px}
  .kc-rings{margin-top:2rem}
}
@media (max-width:599.98px){
  .home .hero h1{font-size:clamp(1.85rem,1.2rem + 3.6vw,2.3rem)}
  .home .hero .btn-row{gap:.7rem}
  .home .hero .btn-row .btn-catalog{flex:1 1 100%}
  .home .hero .btn-row .hero__btn-text{flex:1 1 100%;min-height:2.4rem;padding-block:.4rem}
  .hero__slogan{margin-bottom:1.1rem}
  .home .hero .lead{margin-bottom:1.6rem;font-size:1rem}
  .hl-grid{grid-template-columns:1fr}
  .hl-card{display:grid;grid-template-columns:3.2rem 1fr;column-gap:1.1rem;row-gap:.45rem;padding:1.5rem 1.2rem 1.4rem;align-items:start}
  .hl-card>*{grid-column:2}
  .hl-card .hl-card__icon{grid-column:1;grid-row:1/span 3;width:3.2rem;height:3.6rem;margin:0}
  .hl-card h3,.hl-card__title{font-size:1.32rem;padding-right:1.6rem}
  .hl-card::before{top:1.4rem;right:1.2rem}
  .hl-card .btn-arch{margin-top:.5rem}
  .hl-note{padding:1.6rem 1.4rem}
  .kc-compo__side,.kc-compo__low{box-shadow:0 0 0 6px var(--cream)}
  .kc-compo__seal{width:4.2rem;height:4.2rem;right:4%}
  .kc-compo__seal img{width:1.9rem}
  .kc-ind__media{gap:.8rem}
  .quote__more p{max-width:none}
}
@media (prefers-reduced-motion:reduce){
  .kc-compo>figure{transform:none!important}
  .proc__img{transition:none}
}

/* Katalog tanıtım bölümü */
.kc-cat__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.kc-cat__book{position:relative;display:block;max-width:30rem;margin-inline:auto;perspective:1600px}
.kc-cat__book img{position:relative;z-index:2;display:block;width:100%;height:auto;transform:rotateY(-14deg) rotateX(2deg);transform-origin:left center;box-shadow:24px 30px 60px rgba(0,0,0,.55);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.kc-cat__pages{position:absolute;z-index:1;inset:2% -3% 2% 6%;background:repeating-linear-gradient(90deg,#efe7da 0 2px,#d9cdb9 2px 3px);transform:rotateY(-14deg);transform-origin:left center}
.kc-cat__shine{position:absolute;z-index:3;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,240,210,.18) 48%,transparent 60%);transform:rotateY(-14deg);transform-origin:left center;background-size:250% 100%;background-position:100% 0;transition:background-position 1.2s ease;pointer-events:none}
.kc-cat__book:hover img,.kc-cat__book:focus-visible img{transform:rotateY(-4deg) rotateX(0)}
.kc-cat__book:hover .kc-cat__shine{background-position:0 0}
.kc-cat__body h2{margin:.4rem 0 1rem}
.kc-cat__body .btn-row{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.8rem}
@media (max-width:860px){.kc-cat__grid{grid-template-columns:1fr}.kc-cat__book{max-width:20rem}}
@media (prefers-reduced-motion:reduce){.kc-cat__book img,.kc-cat__shine{transition:none}}