/* =====================================================================
   ANA SAYFA — Premium editoryal inşaat vitrini
   Lacivert / bakır / doğal taş paleti. Tüm sınıflar home- önekli ve yalnız
   ana sayfaya etki eder.
   ===================================================================== */

.home-redesign {
    --home-navy: #14213a;
    --home-navy-deep: #0d172a;
    --home-navy-soft: #253651;
    --home-copper: #c66f31;
    --home-copper-deep: #9d4f20;
    --home-copper-pale: #ead1bd;
    --home-stone: #f2eee7;
    --home-stone-light: #faf8f4;
    --home-paper: #fffdfa;
    --home-ink: #172238;
    --home-muted: #667084;
    --home-line: rgba(20, 33, 58, .14);
    --home-display: "Iowan Old Style", "Baskerville", "Times New Roman", Georgia, serif;
    color: var(--home-ink);
    background: var(--home-stone-light);
    overflow: clip;
}

.home-redesign *,
.home-redesign *::before,
.home-redesign *::after { box-sizing: border-box; }

.home-redesign .container { max-width: 1320px; padding-inline: clamp(20px, 4vw, 56px); }
.home-redesign img { width: 100%; }
.home-redesign h1,
.home-redesign h2,
.home-redesign h3 { text-wrap: balance; }
.home-redesign p { text-wrap: pretty; }

.home-redesign :focus-visible {
    outline: 3px solid #e99a5f;
    outline-offset: 4px;
}

/* Ana sayfada navigasyonu hero'nun üstüne al. */
.page-home .topbar { display: none; }
.page-home .site-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 100;
    background: linear-gradient(180deg, rgba(250, 248, 244, .97), rgba(250, 248, 244, .78));
    box-shadow: none;
    border-bottom: 1px solid transparent;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.page-home .site-header.scrolled {
    background: rgba(255, 253, 250, .96);
    border-color: rgba(20, 33, 58, .1);
    box-shadow: 0 14px 35px rgba(13, 23, 42, .08);
}
.page-home .site-header__inner { max-width: 1320px; padding-inline: clamp(20px, 4vw, 56px); }
.page-home .main-nav a { border-radius: 0; }
.page-home .main-nav a:hover { background: transparent; }
.page-home .site-footer { margin-top: 0; }

/* Ortak tipografi / butonlar */
.home-kicker {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 22px;
    color: var(--home-muted);
    font-family: var(--ff-head);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .18em;
    line-height: 1.2;
    text-transform: uppercase;
}
.home-kicker::before { content: ""; width: 34px; height: 1px; background: var(--home-copper); }
.home-kicker span { color: var(--home-copper-deep); }

.home-btn {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 14px 24px;
    border: 1px solid transparent;
    border-radius: 0;
    font-family: var(--ff-head);
    font-size: .98rem;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
    transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.home-btn i { font-size: .85em; transition: transform .25s ease; }
.home-btn:hover i { transform: translateX(4px); }
.home-btn--copper {
    color: #fff;
    background: var(--home-copper);
    border-color: var(--home-copper);
    box-shadow: 0 14px 34px rgba(157, 79, 32, .2);
}
.home-btn--copper:hover { color: #fff; background: var(--home-copper-deep); border-color: var(--home-copper-deep); transform: translateY(-2px); }
.home-btn--line { color: var(--home-navy); background: transparent; border-color: rgba(20, 33, 58, .3); }
.home-btn--line:hover { color: var(--home-navy); border-color: var(--home-copper); background: rgba(255, 255, 255, .45); }
.home-btn--navy { color: #fff; background: var(--home-navy); }
.home-btn--navy:hover { color: #fff; background: var(--home-copper-deep); transform: translateY(-2px); }
.home-btn--whatsapp { color: #fff; background: #177b4b; border-color: #177b4b; }
.home-btn--whatsapp:hover { color: #fff; background: #10633b; border-color: #10633b; transform: translateY(-2px); }

.home-text-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0 0 7px;
    color: var(--home-navy);
    border-bottom: 1px solid var(--home-copper);
    font-family: var(--ff-head);
    font-size: .93rem;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.home-text-link i { color: var(--home-copper); font-size: .8em; transition: transform .25s ease; }
.home-text-link:hover { color: var(--home-copper-deep); }
.home-text-link:hover i { transform: translateX(5px); }
.home-text-link--light { color: #fff; }
.home-text-link--light:hover { color: var(--home-copper-pale); }

/* Geliştirme JS'si yalnız aşağıdaki içerikleri animasyona hazırlar; JS yoksa
   içerik her zaman görünür kalır. */
.home-redesign [data-reveal].reveal-pending {
    opacity: 0;
    transform: translateY(28px);
}
.home-redesign [data-reveal="media"].reveal-pending { transform: translateY(20px) scale(.975); }
.home-redesign [data-reveal] {
    transition: opacity .75s cubic-bezier(.2, .75, .25, 1), transform .75s cubic-bezier(.2, .75, .25, 1);
    transition-delay: var(--delay, 0s);
}
.home-redesign [data-reveal].is-visible { opacity: 1; transform: none; }

/* HERO */
.home-hero {
    position: relative;
    min-height: max(760px, 100svh);
    display: grid;
    align-items: center;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(90deg, var(--home-stone-light) 0 64%, var(--home-navy) 64% 100%);
}
.home-hero::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0 36% 0 0;
    background:
        radial-gradient(circle at 18% 34%, rgba(198, 111, 49, .13), transparent 27%),
        linear-gradient(128deg, rgba(255,255,255,.66), transparent 50%);
}
.home-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 64%;
    width: 1px;
    background: rgba(255,255,255,.18);
}
.home-hero__texture {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .45;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(20, 33, 58, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20, 33, 58, .035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, #000, transparent 68%);
}
.home-hero__grid {
    min-height: max(760px, 100svh);
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(330px, .72fr);
    align-items: center;
    gap: clamp(48px, 7vw, 110px);
    padding-top: 122px;
    padding-bottom: 70px;
}
.home-hero__copy { position: relative; z-index: 2; max-width: 760px; padding: 42px 0; }
.home-hero h1 {
    max-width: 11ch;
    margin: 0 0 28px;
    color: var(--home-navy);
    font-family: var(--home-display);
    font-size: clamp(3.3rem, 6.2vw, 6.8rem);
    font-weight: 500;
    letter-spacing: -.055em;
    line-height: .91;
}
.home-hero h1 em { color: var(--home-copper); font-weight: 500; }
.home-hero__brand {
    display: block;
    margin: 0 0 11px;
    color: var(--home-copper-deep);
    font-family: var(--ff-head);
    font-size: clamp(1.06rem, 1.5vw, 1.4rem);
    font-weight: 700;
    letter-spacing: .005em;
    line-height: 1.2;
}
.home-hero__brand span { color: var(--home-navy-soft); font-weight: 500; padding: 0 .12em; }
.home-hero__location {
    display: block;
    margin: 0 0 16px;
    color: var(--home-navy-soft);
    font-family: var(--ff-head);
    font-size: clamp(.88rem, 1.1vw, 1.08rem);
    font-weight: 700;
    letter-spacing: .22em;
    line-height: 1.25;
    text-transform: uppercase;
}
.home-hero__lead {
    max-width: 620px;
    margin: 0 0 32px;
    color: #586478;
    font-size: clamp(1.05rem, 1.4vw, 1.22rem);
    line-height: 1.75;
}
.home-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.home-hero__phone {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 27px;
    color: var(--home-navy);
}
.home-hero__phone:hover { color: var(--home-copper-deep); }
.home-hero__phone-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: var(--home-copper);
    border: 1px solid var(--home-line);
    border-radius: 50%;
}
.home-hero__phone small { display: block; margin-bottom: 2px; color: var(--home-navy-soft); font-family: var(--ff-body); font-size: .72rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.home-hero__phone strong {
    display: block;
    font-family: var(--ff-body);
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.1;
    color: var(--home-navy);
    font-variant-numeric: tabular-nums;
}

.home-hero__visual {
    position: relative;
    justify-self: center;
    width: min(100%, 420px, calc(56.25svh - 87px));
}
.home-showreel {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    isolation: isolate;
    background: #1b2840;
    box-shadow: 0 35px 80px rgba(4, 12, 25, .38);
}
.home-showreel::before {
    content: "";
    position: absolute;
    z-index: 7;
    inset: 14px;
    border: 1px solid rgba(255, 255, 255, .28);
    pointer-events: none;
}
.home-showreel__line {
    position: absolute;
    z-index: -1;
    top: -34px;
    right: -34px;
    width: 120px;
    height: 120px;
    border: 1px solid rgba(198, 111, 49, .65);
}
.home-showreel__fallback,
.home-showreel__video { position: absolute; inset: 0; width: 100%; height: 100%; }
.home-showreel__fallback { z-index: 1; }
.home-showreel__fallback img { height: 100%; object-fit: cover; object-position: center; }
.home-showreel__video { z-index: 2; object-fit: cover; opacity: 0; transition: opacity .45s ease; }
.home-showreel.is-video-ready .home-showreel__video { opacity: 1; }
.home-showreel__shade {
    position: absolute;
    z-index: 3;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(5, 13, 26, .35), transparent 32%, transparent 54%, rgba(5, 13, 26, .78));
}
.home-showreel__topline {
    position: absolute;
    z-index: 4;
    top: 32px;
    left: 32px;
    right: 32px;
    display: flex;
    justify-content: space-between;
    color: rgba(255, 255, 255, .82);
    font-family: var(--ff-head);
    font-size: .65rem;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.home-showreel__caption {
    position: absolute;
    z-index: 4;
    left: 32px;
    right: 80px;
    bottom: 34px;
    color: #fff;
}
.home-showreel__caption span { display: block; margin-bottom: 6px; color: var(--home-copper-pale); font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.home-showreel__caption strong { display: block; font-family: var(--home-display); font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 500; line-height: 1.1; }
/* Tüm kare tıklanabilir: video oynarken buton görünmez, duraklatınca ipucu çıkar. */
.home-showreel__toggle {
    position: absolute;
    z-index: 8;
    inset: 0;
    width: 100%;
    height: 100%;
    display: grid;
    place-content: center;
    padding: 0;
    margin: 0;
    color: #fff;
    background: transparent;
    border: 0;
    cursor: pointer;
}
.home-showreel__cue {
    width: 84px;
    height: 84px;
    display: grid;
    place-content: center;
    color: #fff;
    background: rgba(13, 23, 42, .55);
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 50%;
    backdrop-filter: blur(8px);
    opacity: 0;
    transform: scale(.88);
    transition: opacity .3s ease, transform .3s ease, background .25s ease, border-color .25s ease;
}
.home-showreel__cue i { font-size: 1.05rem; margin-left: 4px; }
/* Duraklatıldığında (veya video henüz hazır değilken) oynat ipucu belirir. */
.home-showreel:not(.is-playing) .home-showreel__cue { opacity: 1; transform: none; }
.home-showreel__toggle:hover .home-showreel__cue,
.home-showreel__toggle:focus-visible .home-showreel__cue { background: var(--home-copper); border-color: var(--home-copper); }
.home-showreel__status { position: absolute; z-index: 9; left: 28px; right: 28px; bottom: 22px; margin: 0; color: rgba(255,255,255,.9); font-size: .76rem; text-align: center; pointer-events: none; }
.home-hero__media-note {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 15px 0 0;
    color: rgba(255, 255, 255, .64);
    font-family: var(--ff-head);
    font-size: .68rem;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.home-hero__media-note span { color: var(--home-copper-pale); }
.home-hero__scroll {
    position: absolute;
    z-index: 5;
    left: clamp(20px, 3vw, 44px);
    bottom: 28px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--home-muted);
    font-family: var(--ff-head);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.home-hero__scroll i { display: block; width: 44px; height: 1px; background: var(--home-copper); transition: width .25s ease; }
.home-hero__scroll:hover { color: var(--home-copper-deep); }
.home-hero__scroll:hover i { width: 58px; }

/* Lacivert panel dekoru — video çevresindeki boş alanı dolduran blueprint +
   dikey marka imzası + koordinat/kuruluş etiketi. Yalnız geniş ekranda. */
.home-hero__navy {
    position: absolute;
    z-index: -1;
    inset: 0 0 0 auto;
    width: 36%;
    display: none;
    pointer-events: none;
}
.home-hero__navy::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
    background-size: 56px 56px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 46%);
    mask-image: linear-gradient(90deg, transparent, #000 46%);
}
/* Gerçek şantiye karesi: soluk, kenardan eriyen arka plan (video önde kalır) */
.home-hero__navy-foto {
    position: absolute;
    z-index: 1;
    inset: 0;
    background-size: cover;
    background-position: center 32%;
    opacity: .36;
    filter: saturate(.9);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 44%);
    mask-image: linear-gradient(90deg, transparent, #000 44%);
}
.home-hero__navy-foto::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13, 23, 42, .62), rgba(13, 23, 42, .12) 42%, rgba(13, 23, 42, .68));
}
.home-hero__navy-tag {
    position: absolute;
    z-index: 3;
    top: 128px;
    right: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--ff-head);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(234, 209, 189, .62);
}
.home-hero__navy-tag i { width: 26px; height: 1px; background: var(--home-copper); }
.home-hero__navy-meta {
    position: absolute;
    z-index: 3;
    right: 44px;
    bottom: 44px;
    display: grid;
    gap: 5px;
    text-align: right;
}
.home-hero__navy-meta b {
    font-family: var(--home-display);
    font-size: 1.3rem;
    font-weight: 500;
    color: rgba(234, 209, 189, .85);
}
.home-hero__navy-meta em {
    font-family: var(--ff-head);
    font-style: normal;
    font-size: .66rem;
    letter-spacing: .14em;
    color: rgba(234, 209, 189, .48);
}
@media (min-width: 1024px) {
    .home-hero__navy { display: block; }
}

/* KANIT ŞERİDİ */
.home-proof { color: #fff; background: var(--home-navy-deep); border-top: 1px solid rgba(255,255,255,.09); }
.home-proof__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin: 0;
}
.home-proof__item { min-height: 145px; display: flex; flex-direction: column-reverse; justify-content: center; padding: 28px clamp(18px, 3vw, 38px); border-left: 1px solid rgba(255,255,255,.1); }
.home-proof__item:last-child { border-right: 1px solid rgba(255,255,255,.1); }
.home-proof__item dt { color: rgba(255,255,255,.56); font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; }
.home-proof__item dd { margin: 0 0 7px; color: #fff; font-family: var(--home-display); font-size: clamp(2rem, 3.2vw, 3.1rem); font-weight: 500; line-height: 1; }
.home-proof__item dd span { display: block; margin-top: 5px; color: var(--home-copper-pale); font-family: var(--ff-body); font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
.home-proof__item--place { background: var(--home-copper-deep); }
.home-proof__item--place dt { color: rgba(255,255,255,.7); }

/* ORTAK BÖLÜM BAŞLIKLARI */
.home-section { padding: clamp(82px, 10vw, 140px) 0; }
.home-section__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 390px);
    align-items: end;
    gap: 50px;
    margin-bottom: clamp(50px, 7vw, 90px);
}
.home-section__head h2,
.home-why__intro h2,
.home-faq > h2,
.home-story__body h2 {
    max-width: 760px;
    margin: 0;
    color: var(--home-navy);
    font-family: var(--home-display);
    font-size: clamp(2.55rem, 4.8vw, 5rem);
    font-weight: 500;
    letter-spacing: -.045em;
    line-height: .98;
}
.home-section__head h2 em,
.home-why__intro h2 em,
.home-faq > h2 em,
.home-story__body h2 em { color: var(--home-copper); font-weight: 500; }
.home-section__head > p { margin: 0 0 4px; color: var(--home-muted); font-size: 1.02rem; line-height: 1.7; }
.home-section__head--light h2 { color: #fff; }
.home-section__head--light > p { color: rgba(255,255,255,.62); }
.home-section__head--light .home-kicker { color: rgba(255,255,255,.56); }
.home-section__head--light .home-kicker span { color: var(--home-copper-pale); }
.home-section__more { display: flex; justify-content: center; margin-top: 58px; }

/* PROJELER */
.home-projects { background: var(--home-stone-light); }
.home-projects__list { display: grid; gap: clamp(62px, 9vw, 118px); }
.home-project {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr);
    align-items: center;
    gap: clamp(34px, 6vw, 88px);
}
.home-project--reverse { grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr); }
.home-project--reverse .home-project__media { order: 2; }
.home-project__media {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #d9d5ce;
}
.home-project__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 60%, rgba(5,13,26,.32)); pointer-events: none; }
.home-project__media picture,
.home-project__media img { width: 100%; height: 100%; }
.home-project__media img { object-fit: cover; transition: transform 1s cubic-bezier(.2,.7,.2,1); }
.home-project__media:hover img { transform: scale(1.045); }
.home-project__index {
    position: absolute;
    z-index: 2;
    right: 22px;
    bottom: 12px;
    color: #fff;
    font-family: var(--home-display);
    font-size: clamp(3rem, 6vw, 6rem);
    font-style: italic;
    line-height: 1;
    opacity: .82;
}
.home-project__body { position: relative; }
.home-project__body::before { content: ""; display: block; width: 54px; height: 2px; margin-bottom: 26px; background: var(--home-copper); }
.home-project__type { margin: 0 0 14px; color: var(--home-copper-deep); font-size: .75rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.home-project__body h3 { margin: 0 0 18px; color: var(--home-navy); font-family: var(--home-display); font-size: clamp(2.15rem, 3.8vw, 4rem); font-weight: 500; letter-spacing: -.04em; line-height: 1; }
.home-project__body h3 a { color: inherit; }
.home-project__body h3 a:hover { color: var(--home-copper-deep); }
.home-project__meta { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 0 0 20px; padding: 0; list-style: none; color: var(--home-muted); font-size: .87rem; }
.home-project__meta li { display: flex; align-items: center; gap: 7px; }
.home-project__meta i { color: var(--home-copper); }
.home-project__summary { max-width: 520px; margin: 0 0 26px; color: var(--home-muted); line-height: 1.72; }

/* HİZMETLER */
.home-services { position: relative; isolation: isolate; background: var(--home-navy); }
.home-services::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .3;
    background:
        linear-gradient(135deg, rgba(255,255,255,.045) 25%, transparent 25%) 0 0 / 56px 56px,
        radial-gradient(circle at 86% 12%, rgba(198,111,49,.22), transparent 26%);
}
.home-services__grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.13); border-left: 1px solid rgba(255,255,255,.13); }
.home-service {
    min-height: 330px;
    display: flex;
    flex-direction: column;
    padding: clamp(28px, 4vw, 46px);
    color: #fff;
    border-right: 1px solid rgba(255,255,255,.13);
    border-bottom: 1px solid rgba(255,255,255,.13);
    transition: background .3s ease, transform .3s ease;
}
.home-service:hover { color: #fff; background: var(--home-copper-deep); transform: translateY(-4px); }
.home-service__top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: auto; }
.home-service__icon { width: 46px; height: 46px; display: grid; place-items: center; color: var(--home-copper-pale); border: 1px solid rgba(255,255,255,.2); }
.home-service__number { color: rgba(255,255,255,.3); font-family: var(--home-display); font-size: 1.2rem; font-style: italic; }
.home-service h3 { margin: 35px 0 12px; color: #fff; font-family: var(--home-display); font-size: clamp(1.65rem, 2.4vw, 2.25rem); font-weight: 500; line-height: 1.05; }
.home-service p { margin: 0 0 24px; color: rgba(255,255,255,.6); font-size: .94rem; line-height: 1.65; }
.home-service:hover p { color: rgba(255,255,255,.8); }
.home-service__link { display: inline-flex; align-items: center; gap: 10px; color: var(--home-copper-pale); font-family: var(--ff-head); font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.home-service__link i { transition: transform .25s ease; }
.home-service:hover .home-service__link i { transform: translateX(5px); }

/* NEDEN BİZ */
.home-why { background: var(--home-paper); }
.home-why__grid { display: grid; grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr); gap: clamp(60px, 9vw, 130px); }
.home-why__intro { position: sticky; top: 130px; align-self: start; }
.home-why__intro > p:not(.home-kicker) { max-width: 500px; margin: 28px 0 28px; color: var(--home-muted); font-size: 1.05rem; line-height: 1.75; }
.home-why__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--home-line); }
.home-why__list li { display: grid; grid-template-columns: 74px 1fr; gap: 24px; padding: 34px 0; border-bottom: 1px solid var(--home-line); }
.home-why__list > li > span { color: var(--home-copper); font-family: var(--home-display); font-size: 1.5rem; font-style: italic; }
.home-why__list h3 { margin: 0 0 9px; color: var(--home-navy); font-family: var(--home-display); font-size: 1.75rem; font-weight: 500; }
.home-why__list p { margin: 0; color: var(--home-muted); font-size: .98rem; line-height: 1.7; }

/* SÜREÇ */
.home-process { background: var(--home-stone); }
.home-process__steps { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: 0; list-style: none; counter-reset: step; }
.home-process__steps li { position: relative; min-height: 270px; padding: 34px clamp(22px, 3vw, 36px); border-top: 1px solid var(--home-line); border-bottom: 1px solid var(--home-line); border-left: 1px solid var(--home-line); }
.home-process__steps li:last-child { border-right: 1px solid var(--home-line); }
.home-process__steps li::after { content: ""; position: absolute; top: -4px; left: 0; width: 54px; height: 4px; background: var(--home-copper); transform-origin: left; transition: width .35s ease; }
.home-process__steps li:hover::after { width: 100%; }
.home-process__steps span { display: block; margin-bottom: 62px; color: var(--home-copper-deep); font-family: var(--home-display); font-size: 1.3rem; font-style: italic; }
.home-process__steps h3 { margin: 0 0 12px; color: var(--home-navy); font-family: var(--home-display); font-size: 1.65rem; font-weight: 500; }
.home-process__steps p { margin: 0; color: var(--home-muted); font-size: .91rem; line-height: 1.65; }

/* VİDEO / HİKÂYE */
.home-story { display: grid; grid-template-columns: 1.1fr .9fr; min-height: 720px; background: var(--home-paper); }
.home-story__image { position: relative; min-height: 620px; overflow: hidden; }
.home-story__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 60%, rgba(13,23,42,.12)); }
.home-story__image img { height: 100%; object-fit: cover; }
.home-story__body { display: flex; flex-direction: column; justify-content: center; padding: clamp(60px, 8vw, 120px); background: var(--home-paper); }
.home-story__body > p:not(.home-kicker) { max-width: 560px; margin: 28px 0 34px; color: var(--home-muted); line-height: 1.75; }
.home-story__watch { width: max-content; max-width: 100%; display: inline-flex; align-items: center; gap: 16px; padding: 0; color: var(--home-navy); background: none; border: 0; cursor: pointer; text-align: left; }
.home-story__watch > span { width: 58px; height: 58px; display: grid; place-items: center; color: #fff; background: var(--home-copper); border-radius: 50%; transition: transform .25s ease, background .25s ease; }
.home-story__watch:hover > span { transform: scale(1.08); background: var(--home-copper-deep); }
.home-story__watch strong { font-family: var(--ff-head); font-size: 1rem; letter-spacing: .06em; text-transform: uppercase; }
.home-story__watch small { display: block; margin-top: 4px; color: var(--home-muted); font-family: var(--ff-body); font-size: .72rem; font-weight: 500; letter-spacing: .04em; text-transform: none; }

/* BÖLGELER */
.home-areas { color: #fff; background: var(--home-navy-deep); }
.home-areas__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.13); }
.home-area { min-height: 190px; display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 20px; padding: 30px; color: #fff; background: var(--home-navy-deep); transition: background .3s ease; }
.home-area:hover { color: #fff; background: var(--home-navy-soft); }
.home-area--all { background: var(--home-copper-deep); }
.home-area--all:hover { background: var(--home-copper); }
.home-area__number { color: var(--home-copper-pale); font-family: var(--home-display); font-size: 1.45rem; font-style: italic; }
.home-area small { display: block; margin-bottom: 6px; color: rgba(255,255,255,.5); font-size: .67rem; letter-spacing: .12em; text-transform: uppercase; }
.home-area h3 { margin: 0; color: #fff; font-family: var(--home-display); font-size: clamp(1.55rem, 2.2vw, 2rem); font-weight: 500; }
.home-area > i { color: var(--home-copper-pale); font-size: .85rem; transition: transform .25s ease; }
.home-area:hover > i { transform: translateX(5px); }

/* SEO metin bloğu */
.home-seo { background: var(--home-paper); border-top: 1px solid var(--home-line); }
.home-seo__grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .9fr); gap: clamp(40px, 6vw, 80px); align-items: start; }
.home-seo h2 { font-family: var(--home-display); font-weight: 500; font-size: clamp(1.7rem, 3vw, 2.6rem); line-height: 1.08; letter-spacing: -.02em; margin: 6px 0 22px; }
.home-seo h2 em { color: var(--home-copper); font-style: italic; }
.home-seo__body p { color: #4a566a; font-size: 1.03rem; line-height: 1.85; margin: 0 0 18px; }
.home-seo__body a { color: var(--home-copper-deep); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
.home-seo__body a:hover { color: var(--home-copper); }
.home-seo__facts { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 14px; }
.home-seo__facts li { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; background: var(--home-stone-light); border: 1px solid var(--home-line); border-radius: 4px; }
.home-seo__facts i { color: var(--home-copper); font-size: 1.05rem; margin-top: 3px; }
.home-seo__facts strong { display: block; font-family: var(--ff-head); font-size: 1.02rem; color: var(--home-navy); }
.home-seo__facts span { display: block; color: var(--home-muted); font-size: .86rem; line-height: 1.45; margin-top: 2px; }
@media (max-width: 900px) { .home-seo__grid { grid-template-columns: 1fr; gap: 34px; } }

/* SSS / CTA */
.home-contact { background: var(--home-stone-light); }
.home-contact__grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(380px, .88fr); gap: clamp(54px, 8vw, 110px); align-items: start; }
.home-faq > h2 { margin-bottom: 45px; }
.home-faq__list { border-top: 1px solid var(--home-line); }
.home-faq details { border-bottom: 1px solid var(--home-line); }
.home-faq summary {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    color: var(--home-navy);
    font-family: var(--home-display);
    font-size: clamp(1.15rem, 1.7vw, 1.45rem);
    font-weight: 500;
    line-height: 1.25;
    cursor: pointer;
    list-style: none;
}
.home-faq summary::-webkit-details-marker { display: none; }
.home-faq summary i { position: relative; flex: 0 0 24px; width: 24px; height: 24px; }
.home-faq summary i::before,
.home-faq summary i::after { content: ""; position: absolute; top: 50%; left: 50%; width: 15px; height: 1px; background: var(--home-copper); transition: transform .25s ease; }
.home-faq summary i::before { transform: translate(-50%, -50%); }
.home-faq summary i::after { transform: translate(-50%, -50%) rotate(90deg); }
.home-faq details[open] summary i::after { transform: translate(-50%, -50%) rotate(0); }
.home-faq details > p { max-width: 680px; margin: -3px 45px 25px 0; color: var(--home-muted); font-size: .95rem; line-height: 1.72; }
.home-contact__card {
    position: sticky;
    top: 125px;
    padding: clamp(38px, 5vw, 62px);
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255,255,255,.035), transparent 48%),
        var(--home-navy);
    box-shadow: 0 28px 65px rgba(13,23,42,.18);
}
.home-contact__card::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(255,255,255,.12); pointer-events: none; }
.home-contact__eyebrow { margin: 0 0 28px; color: var(--home-copper-pale); font-size: .73rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.home-contact__card h2 { margin: 0 0 22px; color: #fff; font-family: var(--home-display); font-size: clamp(2.3rem, 4vw, 4rem); font-weight: 500; letter-spacing: -.04em; line-height: .98; }
.home-contact__card h2 em { color: var(--home-copper-pale); font-weight: 500; }
.home-contact__card > p:not(.home-contact__eyebrow) { margin: 0 0 30px; color: rgba(255,255,255,.64); line-height: 1.7; }
.home-contact__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.home-contact__actions .home-btn { min-height: 50px; padding-inline: 18px; font-size: .85rem; }
.home-contact__phone { display: block; width: max-content; margin-top: 28px; color: #fff; font-family: var(--home-display); font-size: clamp(1.5rem, 2.6vw, 2.15rem); border-bottom: 1px solid var(--home-copper); }
.home-contact__phone:hover { color: var(--home-copper-pale); }
.home-contact__card > small { display: block; margin-top: 12px; color: rgba(255,255,255,.42); font-size: .67rem; letter-spacing: .12em; text-transform: uppercase; }

/* Mobil hızlı aksiyonlar */
.home-mobile-actions { display: none; }

@media (max-width: 1120px) {
    .home-hero { background: linear-gradient(90deg, var(--home-stone-light) 0 60%, var(--home-navy) 60% 100%); }
    .home-hero::after { left: 60%; }
    .home-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(300px, 370px); gap: 44px; }
    .home-showreel { min-height: 0; }
    .home-services__grid { grid-template-columns: repeat(2, 1fr); }
    .home-process__steps { grid-template-columns: 1fr 1fr; }
    .home-process__steps li:nth-child(2) { border-right: 1px solid var(--home-line); }
    .home-process__steps li:nth-child(n+3) { border-top: 0; }
    .home-story__body { padding: 70px 54px; }
    .home-areas__grid { grid-template-columns: 1fr 1fr; }
    .home-area--all { grid-column: 1 / -1; }
}

/* Mobil menü açılışı: header'daki backdrop-filter, position:fixed olan mobil
   menü panelini viewport yerine header'a hapsediyordu (menü şeffaf görünüp
   yazıların üstüne biniyordu). Menü breakpoint'inde blur'u kapatıp header'a
   ve panele opak arka plan veriyoruz. */
@media (max-width: 1100px) {
    .page-home .site-header {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(250, 248, 243, .98);
    }
    .page-home .site-header.scrolled { background: rgba(250, 248, 243, .99); }
    .page-home .main-nav { background: var(--bg); }
}

@media (max-width: 900px) {
    /* --home-stone-light yalnız .home-redesign kapsamında tanımlı; header'daki
       menüde tanımsız kalıp şeffaflaşıyordu. :root'ta tanımlı --bg kullan. */
    .page-home .main-nav { background: var(--bg); }
    .home-hero {
        min-height: 0;
        background: linear-gradient(180deg, var(--home-stone-light) 0 63%, var(--home-navy) 63% 100%);
    }
    .home-hero::before { inset: 0; mask-image: linear-gradient(#000 55%, transparent 72%); }
    .home-hero::after { top: 63%; left: 0; right: 0; width: auto; height: 1px; bottom: auto; }
    .home-hero__grid {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 38px;
        padding-top: 118px;
        padding-bottom: 78px;
    }
    .home-hero__copy { max-width: 720px; padding: 28px 0 0; }
    .home-hero h1 { max-width: 10ch; }
    .home-hero__visual { width: min(100%, 390px); }
    .home-showreel { max-height: none; min-height: 0; }
    .home-hero__media-note { justify-content: center; }
    .home-hero__scroll { display: none; }
    .home-proof__grid { grid-template-columns: repeat(2, 1fr); }
    .home-proof__item { border-bottom: 1px solid rgba(255,255,255,.1); }
    .home-section__head { grid-template-columns: 1fr; gap: 25px; }
    .home-section__head > p { max-width: 620px; }
    .home-project,
    .home-project--reverse { grid-template-columns: 1fr; gap: 32px; }
    .home-project--reverse .home-project__media { order: 0; }
    .home-project__body { padding-inline: 18px; }
    .home-why__grid { grid-template-columns: 1fr; }
    .home-why__intro { position: static; }
    .home-story { grid-template-columns: 1fr; min-height: 0; }
    .home-story__image { min-height: min(72vw, 610px); }
    .home-contact__grid { grid-template-columns: 1fr; }
    .home-contact__card { position: relative; top: 0; }
}

@media (max-width: 680px) {
    .page-home .site-header { background: rgba(255,253,250,.97); border-bottom-color: rgba(20,33,58,.08); }
    .page-home .brand__text strong { font-size: 1.3rem; }
    .page-home .brand__text small { letter-spacing: 2px; }
    .home-redesign .container { padding-inline: 20px; }
    .home-hero__grid { padding-top: 104px; padding-bottom: 62px; }
    .home-hero__copy { padding-top: 18px; }
    .home-kicker { gap: 9px; font-size: .7rem; letter-spacing: .14em; }
    .home-kicker::before { width: 24px; }
    .home-hero h1 { max-width: 11ch; margin-bottom: 22px; font-size: clamp(3.15rem, 15vw, 4.8rem); line-height: .92; }
    .home-hero__lead { font-size: 1rem; line-height: 1.65; }
    .home-hero__actions { display: grid; grid-template-columns: 1fr; }
    .home-hero__actions .home-btn { width: 100%; }
    .home-hero__phone { margin-top: 22px; }
    .home-hero__visual { width: min(100%, 350px); }
    .home-showreel__play { width: 86px; height: 86px; }
    .home-showreel__caption { left: 28px; bottom: 30px; }
    .home-proof__grid { grid-template-columns: 1fr 1fr; }
    .home-proof__item { min-height: 118px; padding: 22px 16px; }
    .home-proof__item dd { font-size: 2.15rem; }
    .home-proof__item--place { grid-column: 1 / -1; }
    .home-section { padding: 78px 0; }
    .home-section__head { margin-bottom: 44px; }
    .home-section__head h2,
    .home-why__intro h2,
    .home-faq > h2,
    .home-story__body h2 { font-size: clamp(2.45rem, 12vw, 3.65rem); }
    .home-projects__list { gap: 68px; }
    .home-project__media { aspect-ratio: 1 / .82; }
    .home-project__body { padding-inline: 0; }
    .home-project__body h3 { font-size: 2.35rem; }
    .home-services__grid { grid-template-columns: 1fr; }
    .home-service { min-height: 280px; }
    .home-why__grid { gap: 50px; }
    .home-why__list li { grid-template-columns: 48px 1fr; gap: 14px; }
    .home-process__steps { grid-template-columns: 1fr; }
    .home-process__steps li,
    .home-process__steps li:nth-child(2) { min-height: 0; border-right: 1px solid var(--home-line); border-top: 0; }
    .home-process__steps li:first-child { border-top: 1px solid var(--home-line); }
    .home-process__steps span { margin-bottom: 28px; }
    .home-story__image { min-height: 78vw; }
    .home-story__body { padding: 70px 20px; }
    .home-areas__grid { grid-template-columns: 1fr; }
    .home-area--all { grid-column: auto; }
    .home-area { min-height: 140px; grid-template-columns: 46px 1fr auto; padding: 24px 20px; }
    .home-faq summary { min-height: 72px; font-size: 1.15rem; }
    .home-contact__card { padding: 44px 28px; }
    .home-contact__actions { display: grid; }
    .home-contact__actions .home-btn { width: 100%; }

    .home-mobile-actions {
        position: fixed;
        z-index: 120;
        left: 10px;
        right: 10px;
        bottom: 10px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        overflow: hidden;
        color: #fff;
        background: rgba(13, 23, 42, .96);
        border: 1px solid rgba(255,255,255,.15);
        box-shadow: 0 14px 36px rgba(5,13,26,.3);
        backdrop-filter: blur(12px);
    }
    .home-mobile-actions a { min-height: 58px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #fff; border-right: 1px solid rgba(255,255,255,.12); font-size: .66rem; letter-spacing: .06em; text-transform: uppercase; }
    .home-mobile-actions a:last-child { border-right: 0; }
    .home-mobile-actions i { color: var(--home-copper-pale); font-size: 1rem; }
    .page-home .whatsapp-float { display: none; }
    .page-home .site-footer { padding-bottom: 76px; }
}

@media (max-width: 400px) {
    .home-hero h1 { font-size: 3rem; }
    .home-showreel { width: calc(100% - 16px); margin-inline: auto; }
    .home-proof__grid { grid-template-columns: 1fr; }
    .home-proof__item--place { grid-column: auto; }
    .home-proof__item { min-height: 106px; }
    .home-project__meta { display: grid; }
    .home-contact__phone { font-size: 1.45rem; }
}

@media (prefers-reduced-motion: reduce) {
    .home-redesign *,
    .home-redesign *::before,
    .home-redesign *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; }
    .home-redesign [data-reveal].reveal-pending { opacity: 1; transform: none; }
}

@media (forced-colors: active) {
    .home-btn,
    .home-service,
    .home-area,
    .home-showreel__toggle { border: 1px solid currentColor; }
}

/* =====================================================================
   SAYFA ARKA FONU — düz beyaz yerine hafif blueprint dokusu
   ===================================================================== */
.home-redesign {
    background-color: var(--home-stone-light);
    background-image:
        radial-gradient(circle at 88% 6%, rgba(198, 111, 49, .05), transparent 34%),
        radial-gradient(circle at 6% 96%, rgba(20, 33, 58, .05), transparent 30%),
        linear-gradient(rgba(20, 33, 58, .028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20, 33, 58, .028) 1px, transparent 1px);
    background-size: auto, auto, 50px 50px, 50px 50px;
}

/* (Scroll sahnesi kaldırıldı — istek üzerine.) */

/* Arama niyeti ve bilgi rehberi bölümleri */
.home-intro { background: var(--home-paper); }
.home-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr);
    gap: clamp(52px, 9vw, 130px);
    align-items: start;
}
.home-intro h2 { max-width: 720px; font-size: clamp(2.7rem, 5vw, 4.8rem); font-weight: 500; line-height: .98; }
.home-intro h2 em { color: var(--home-copper); font-weight: inherit; }
.home-intro__copy { padding-top: 7px; }
.home-intro__copy > p { color: var(--home-muted); font-size: 1.05rem; line-height: 1.78; }
.home-intro__copy strong { color: var(--home-navy); }
.home-intro__links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.home-intro__links a { padding: 10px 13px; color: var(--home-navy); border: 1px solid var(--home-line); font-size: .75rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.home-intro__links a:hover { color: #fff; border-color: var(--home-copper); background: var(--home-copper); }

.home-guides { background: var(--home-stone); }
.home-guides__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--home-line); border-left: 1px solid var(--home-line); }
.home-guide { min-width: 0; padding: clamp(28px, 3.2vw, 44px); border-right: 1px solid var(--home-line); border-bottom: 1px solid var(--home-line); background: rgba(255,253,250,.6); }
.home-guide__meta { display: block; margin-bottom: 25px; color: var(--home-copper-deep); font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.home-guide h3 { font-size: clamp(1.75rem, 2.6vw, 2.35rem); font-weight: 500; line-height: 1.08; }
.home-guide h3 a { color: var(--home-navy); }
.home-guide h3 a:hover { color: var(--home-copper-deep); }
.home-guide > p { min-height: 7.1em; margin: 18px 0 24px; color: var(--home-muted); font-size: .92rem; line-height: 1.72; }

@media (max-width: 980px) {
    .home-intro__grid { grid-template-columns: 1fr; gap: 34px; }
    .home-guides__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 680px) {
    .home-intro h2 { font-size: clamp(2.45rem, 12vw, 3.65rem); }
    .home-intro__links { display: grid; }
    .home-guides__grid { grid-template-columns: 1fr; }
    .home-guide > p { min-height: 0; }
}