*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;color:var(--primary,#111);background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

/* =========================
   ORTAK PREMIUM HEADER
   ========================= */
.site-top-shadow{
    position:fixed;
    inset:0;
    height:210px;
    background:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,0) 70%);
    z-index:20;
    pointer-events:none;
}

.site-logo{
    position:fixed;
    top:70px;
    left:72px;
    z-index:9999;
    color:#fff;
    text-decoration:none;
}
.site-logo img{
    max-width:190px;
    max-height:95px;
    display:block;
    filter:drop-shadow(0 2px 16px rgba(0,0,0,.35));
}
.site-logo span{
    color:#fff;
    font-size:22px;
    letter-spacing:.08em;
    font-weight:600;
}

.site-header-right,
.site-home-right{
    position:fixed;
    right:36px;
    top:26px;
    z-index:9999;
    text-align:right;
}

.site-social-top-right{
    list-style:none;
    margin:0 0 12px 0;
    padding:0;
    display:flex;
    justify-content:flex-end;
    gap:12px;
}
.site-social-top-right li{display:inline-block}
.site-social-top-right a{
    color:#fff;
    font-size:15px;
}

.site-nav-hamburger-menu{
    display:none!important;
    background:rgba(0,0,0,.45);
    border:1px solid rgba(255,255,255,.45);
    color:#fff;
    font-size:28px;
    line-height:1;
    padding:5px 10px;
    cursor:pointer;
}

.site-nav-menu{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    gap:22px;
    justify-content:flex-end;
    align-items:center;
}
.site-nav-menu li{display:inline-block}
.site-nav-menu a{
    color:#fff;
    text-decoration:none;
    font-size:16px;
    font-weight:300;
    letter-spacing:.02em;
    text-transform:uppercase;
    line-height:1.2;
    white-space:nowrap;
}
.site-nav-menu a:hover,
.site-nav-menu a.active{
    color:var(--primary,#c79b43);
}

/* İç sayfalar: aynı header pozisyonu, koyu yazı */
body.inner-page .site-top-shadow{
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,0) 80%);
}
body.inner-page .site-logo,
body.inner-page .site-logo span{
    color:var(--primary,#111);
}
body.inner-page .site-logo img{
    filter:none;
}
body.inner-page .site-nav-menu a{
    color:var(--primary,#111);
}
body.inner-page main{
    padding-top:145px;
}

/* Eski header classları görünmesin/etki etmesin */
.top,.brand{display:none!important}

/* =========================
   GENEL SAYFALAR
   ========================= */
.hero{min-height:72vh;display:grid;place-items:center;background:var(--secondary,#f5f2ec);text-align:center;padding:8vw}
.hero h1{font-size:clamp(42px,8vw,110px);font-weight:300;margin:0}
.hero p{font-size:20px;max-width:760px}

.wrap{max-width:1240px;margin:auto;padding:80px 5vw}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{display:block;color:inherit;text-decoration:none}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eee}
.card h3{font-size:21px;font-weight:400}
.meta{opacity:.65;font-size:14px}
.content{font-size:18px;line-height:1.8;max-width:900px}
.project-hero img{width:100%;max-height:78vh;object-fit:cover}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.gallery img{width:100%;height:auto}
footer{padding:50px 5vw;background:#111;color:#fff;display:flex;justify-content:space-between;gap:20px}
.btn{display:inline-block;border:1px solid var(--primary,#111);padding:14px 24px;text-decoration:none;color:var(--primary,#111);background:transparent;cursor:pointer}
.btn:hover{background:var(--primary,#111);color:#fff}

.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px}
.ref-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px;border:1px solid #eee;text-decoration:none;color:var(--primary,#111);padding:20px;background:#fff}
.ref-logo img{max-width:140px;max-height:75px;object-fit:contain;margin-bottom:12px}

/* =========================
   HOME
   ========================= */
body.home-page{
    min-height:100vh;
    overflow:hidden;
    background:#000;
    color:#fff;
}
.home-slider{position:fixed;inset:0;background:#000;z-index:0}
.home-slide{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transform:scale(1.03);transition:opacity 900ms ease,transform 6000ms ease;z-index:0}
.home-slide.active{opacity:1;transform:scale(1);z-index:1}
.home-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.08) 45%,rgba(0,0,0,.35));z-index:1}
.empty-slide{background:var(--secondary,#111)}
.home-slide-caption{position:fixed;left:10vw;bottom:22vh;z-index:5;max-width:760px;color:#fff}
.home-slide-caption h1{font-size:clamp(42px,7vw,92px);line-height:1;margin:0 0 18px;font-weight:300}
.home-slide-caption p{font-size:18px;line-height:1.6;margin:0 0 24px}
.home-slide-caption a{display:inline-block;color:#fff;border:1px solid rgba(255,255,255,.8);padding:13px 28px;font-size:12px;letter-spacing:.08em}

.home-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:13;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.22);color:#fff;width:48px;height:68px;font-size:54px;cursor:pointer}
.home-arrow:hover{background:rgba(0,0,0,.6);border-color:#fff}
.home-arrow-left{left:25px}
.home-arrow-right{right:25px}

.home-dots{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:13;display:flex;gap:9px}
.home-dots button{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0;cursor:pointer}
.home-dots button.active{background:#fff}

.home-progress{position:fixed;left:50%;bottom:62px;transform:translateX(-50%);width:180px;height:1px;background:rgba(255,255,255,.12);z-index:15;overflow:hidden}
.home-progress-fill{height:100%;width:0;background:var(--primary,#c79b43);transition:width 7000ms linear}

.site-home-news{position:fixed;right:36px;bottom:38px;z-index:14;width:520px;height:150px;background:rgba(0,0,0,.82);display:grid;grid-template-columns:180px 1fr;color:#fff;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.35)}
.site-home-news-img{width:100%;height:150px;overflow:hidden}
.site-home-news-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.site-home-news-text{position:relative;padding:18px 42px 22px 20px}
.site-home-news-textin{font-size:13px;line-height:1.55;margin-bottom:16px}
.site-home-read-more{position:absolute;left:20px;bottom:16px;color:var(--primary,#c79b43);text-decoration:none;font-size:10px;font-weight:bold}
.site-home-news-x{position:absolute;right:12px;top:8px;background:none;border:0;color:var(--primary,#c79b43);font-size:25px;cursor:pointer}

/* =========================
   CONTACT - DARK PREMIUM
   ========================= */
body.contact-dark-page{
    background:url('/uploads/contact-bg.jpg') center center/cover no-repeat fixed;
    color:#fff;
    min-height:100vh;
    overflow-x:hidden;
}
body.contact-dark-page:before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.52);
    z-index:0;
    pointer-events:none;
}
body.contact-dark-page main{
    position:relative;
    z-index:2;
}
body.contact-dark-page .site-top-shadow{
    background:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,0) 70%);
}
body.contact-dark-page .site-logo,
body.contact-dark-page .site-logo span,
body.contact-dark-page .site-nav-menu a{
    color:#fff;
}
body.contact-dark-page .site-logo img{
    filter:drop-shadow(0 2px 16px rgba(0,0,0,.35));
}

.contact{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:flex-start;
}
.contact h1{font-size:34px;margin:0 0 24px}
.contact p{color:rgba(0,0,0,.55);line-height:1.8}
.contact form{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}
.contact form input,
.contact form select,
.contact form textarea{
    width:100%;
    min-height:48px;
    border:1px solid rgba(0,0,0,.18);
    background:#fff;
    padding:13px 14px;
    font-size:14px;
    color:var(--primary,#111);
    outline:none;
    font-family:Arial,Helvetica,sans-serif;
}
.contact form textarea{grid-column:1/-1;min-height:140px;resize:vertical}
.contact form button,.contact form .btn{justify-self:start;min-width:150px;background:#fff;cursor:pointer}
.success-box,.error-box{grid-column:1/-1;padding:14px 16px;font-size:14px;border:1px solid rgba(0,0,0,.12)}
.success-box{background:#f2faf4}.error-box{background:#fff4f4}

body.contact-dark-page .wrap.contact{
    max-width:1280px;
    min-height:100vh;
    padding:160px 5vw 70px;
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:80px;
    align-items:center;
    color:#fff;
}
body.contact-dark-page .contact h1{
    color:#fff!important;
    font-size:40px;
    font-weight:700;
    margin:0 0 28px;
    text-shadow:0 2px 16px rgba(0,0,0,.25);
}
body.contact-dark-page .contact p{
    color:#fff!important;
    font-size:16px;
    line-height:1.75;
    font-weight:400;
    text-shadow:0 2px 12px rgba(0,0,0,.28);
}
body.contact-dark-page .contact .btn{
    border:1px solid rgba(255,255,255,.9)!important;
    color:#fff!important;
    background:transparent!important;
    padding:17px 42px!important;
    min-width:230px;
    text-align:center;
    font-weight:600;
    margin-top:12px;
}
body.contact-dark-page .contact .btn:hover{
    background:#fff!important;
    color:#111!important;
}
body.contact-dark-page .contact form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px 36px;
    width:100%;
}
body.contact-dark-page .contact form input,
body.contact-dark-page .contact form select,
body.contact-dark-page .contact form textarea{
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.75)!important;
    color:#fff!important;
    padding:16px 0!important;
    min-height:54px;
    font-size:16px;
    font-weight:500;
    outline:none;
    box-shadow:none;
    border-radius:0;
    font-family:Arial,Helvetica,sans-serif;
}
body.contact-dark-page .contact form textarea{
    grid-column:1/-1;
    min-height:145px;
    resize:vertical;
}
body.contact-dark-page .contact form input::placeholder,
body.contact-dark-page .contact form textarea::placeholder{
    color:rgba(255,255,255,.78);
}
body.contact-dark-page .contact form select{
    appearance:none;
    -webkit-appearance:none;
    color:#fff!important;
}
body.contact-dark-page .contact form select option{
    color:#111;
    background:#fff;
}
body.contact-dark-page .contact form button.btn{
    grid-column:1/-1;
    justify-self:start;
    min-width:170px;
    background:transparent!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.9)!important;
    padding:16px 52px!important;
    font-weight:700;
    cursor:pointer;
    margin-top:0;
}
body.contact-dark-page .contact form button.btn:hover{
    background:#fff!important;
    color:#111!important;
}
body.contact-dark-page .success-box,
body.contact-dark-page .error-box{
    background:rgba(0,0,0,.35)!important;
    border:1px solid rgba(255,255,255,.35)!important;
    color:#fff!important;
}

/* =========================
   MOBILE
   ========================= */
@media(max-width:900px){
    .grid,.gallery,.contact{grid-template-columns:1fr}
    .wrap{padding:48px 6vw}
    footer{display:block}
    .contact form{grid-template-columns:1fr}
    .contact form textarea{grid-column:auto}
}

@media(max-width:768px){
    .site-logo{
        top:20px;
        left:18px;
    }
    .site-logo img{
        max-width:135px;
        max-height:70px;
    }
    .site-header-right,
    .site-home-right{
        right:16px;
        top:18px;
    }
    .site-social-top-right{display:none}
    .site-nav-hamburger-menu{display:block!important}
    .site-nav-menu{
        display:none;
        position:absolute;
        right:0;
        top:52px;
        background:rgba(0,0,0,.84);
        padding:16px 22px;
        min-width:230px;
        flex-direction:column;
        gap:12px;
        align-items:flex-end;
    }
    .site-nav-menu.open{display:flex}
    .site-nav-menu a{
        color:#fff!important;
        font-size:14px;
    }

    body.inner-page main{padding-top:115px}
    body.inner-page .site-nav-hamburger-menu{
        color:var(--primary,#111);
        border-color:rgba(0,0,0,.35);
        background:rgba(255,255,255,.7);
    }
    body.inner-page .site-nav-menu a{color:#fff!important}

    .home-arrow{width:36px;height:54px;font-size:40px}
    .home-arrow-left{left:10px}
    .home-arrow-right{right:10px}
    .site-home-news{right:16px;left:16px;bottom:40px;width:auto;height:115px;grid-template-columns:115px 1fr}
    .site-home-news-img{height:115px}
    .site-home-news-text{padding:12px 34px 28px 14px}
    .site-home-news-textin{font-size:11px}
    .site-home-read-more{left:14px;bottom:10px}
    .home-dots{bottom:12px}
    .home-progress{bottom:34px;width:140px}

    body.contact-dark-page .wrap.contact{
        grid-template-columns:1fr;
        gap:34px;
        min-height:auto;
        padding:140px 6vw 60px;
    }
    body.contact-dark-page .contact form{
        grid-template-columns:1fr;
        gap:14px;
    }
    body.contact-dark-page .contact h1{font-size:34px}
    body.contact-dark-page .contact form textarea{grid-column:auto}
}


/* =========================
   ABOUT - DARK PREMIUM
   ========================= */
body.about-dark-page{
    background:#000;
    color:#fff;
    min-height:100vh;
    overflow-x:hidden;
}

body.about-dark-page .site-top-shadow{
    background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,0) 72%);
}

body.about-dark-page .site-logo,
body.about-dark-page .site-logo span,
body.about-dark-page .site-nav-menu a{
    color:#fff;
}

body.about-dark-page .site-logo img{
    filter:drop-shadow(0 2px 16px rgba(0,0,0,.35));
}

body.about-dark-page main{
    padding-top:0;
}

 .about-hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    padding:180px 8vw 90px;
    overflow:hidden;
}

.about-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.78),
        rgba(0,0,0,.58) 45%,
        rgba(0,0,0,.42)
    );
    z-index:1;
}

.about-hero-content{
    position:relative;
    z-index:2;
    max-width:820px;
    color:#fff;
}

.about-kicker{
    display:block;
    font-size:13px;
    letter-spacing:.24em;
    font-weight:600;
    margin-bottom:22px;
    color:rgba(255,255,255,.78);
}

.about-hero h1{
    margin:0 0 34px;
    font-size:clamp(42px,6vw,82px);
    line-height:.98;
    font-weight:300;
    letter-spacing:-.04em;
    color:#fff;
}

.about-text{
    max-width:760px;
    font-size:18px;
    line-height:1.9;
    color:rgba(255,255,255,.88);
}

.about-text p{
    margin:0 0 22px;
}

.about-text strong,
.about-text b{
    color:#fff;
    font-weight:600;
}

.about-text a{
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.55);
}

body.about-dark-page footer{
    display:none;
}

@media(max-width:768px){
    .about-hero{
        min-height:auto;
        padding:145px 6vw 70px;
    }

    .about-kicker{
        font-size:11px;
        letter-spacing:.18em;
    }

    .about-hero h1{
        font-size:42px;
    }

    .about-text{
        font-size:16px;
        line-height:1.75;
    }
}


/* ABOUT PANEL CONTENT FIX */
.about-panel-content{
    max-width:820px;
}

.about-panel-content h1,
.about-panel-content h2{
    color:#fff !important;
    font-size:clamp(34px,5vw,68px) !important;
    line-height:1 !important;
    font-weight:300 !important;
    letter-spacing:-.04em !important;
    margin:0 0 30px !important;
}

.about-panel-content h3,
.about-panel-content h4{
    color:rgba(255,255,255,.85) !important;
    font-size:13px !important;
    letter-spacing:.24em !important;
    font-weight:600 !important;
    margin:0 0 22px !important;
    text-transform:uppercase !important;
}

.about-panel-content p{
    color:rgba(255,255,255,.88) !important;
    font-size:18px !important;
    line-height:1.9 !important;
    margin:0 0 20px !important;
    max-width:760px;
}

.about-panel-content strong,
.about-panel-content b{
    color:#fff !important;
    font-weight:600 !important;
}

.about-panel-content span{
    color:inherit;
}

.about-panel-content *{
    max-width:100%;
}

body.about-dark-page footer{
    display:none !important;
}


/* ABOUT HERO BLUR SYSTEM */
.about-hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:inherit;
    background-size:cover;
    background-position:center;
    filter:blur(8px);
    transform:scale(1.06);
    z-index:0;
}


/* CONTACT HERO BLUR SYSTEM - MATCH ABOUT PAGE */
body.contact-dark-page{
    background:#000 !important;
    color:#fff;
    min-height:100vh;
    overflow-x:hidden;
}

body.contact-dark-page::after{
    content:"";
    position:fixed;
    inset:0;
    background:url('/uploads/contact-bg.jpg') center center/cover no-repeat;
    filter:blur(8px);
    transform:scale(1.06);
    z-index:0;
    pointer-events:none;
}

body.contact-dark-page:before{
    content:"";
    position:fixed;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.78),
        rgba(0,0,0,.58) 45%,
        rgba(0,0,0,.42)
    ) !important;
    z-index:1 !important;
    pointer-events:none;
}

body.contact-dark-page main{
    position:relative;
    z-index:2;
}

body.contact-dark-page .site-top-shadow{
    background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,0) 72%) !important;
}

body.contact-dark-page .wrap.contact{
    max-width:1280px;
    min-height:100vh;
    padding:220px 5vw 70px;
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:80px;
    align-items:center;
    color:#fff;
}

body.contact-dark-page .contact h1{
    color:#fff !important;
    font-size:clamp(34px,5vw,68px) !important;
    line-height:1 !important;
    font-weight:300 !important;
    letter-spacing:-.04em !important;
    margin:0 0 30px !important;
    text-shadow:0 2px 16px rgba(0,0,0,.25);
}

body.contact-dark-page .contact p{
    color:rgba(255,255,255,.88) !important;
    font-size:18px !important;
    line-height:1.9 !important;
    margin:0 0 20px !important;
    text-shadow:none !important;
}

body.contact-dark-page .contact .meta{
    color:rgba(255,255,255,.78) !important;
}

body.contact-dark-page .contact form input,
body.contact-dark-page .contact form select,
body.contact-dark-page .contact form textarea{
    background:transparent !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.72) !important;
    color:#fff !important;
    padding:16px 0 !important;
    min-height:54px;
    font-size:16px;
    font-weight:400;
    outline:none;
    box-shadow:none;
    border-radius:0;
    font-family:Arial,Helvetica,sans-serif;
}

body.contact-dark-page .contact form input::placeholder,
body.contact-dark-page .contact form textarea::placeholder{
    color:rgba(255,255,255,.74) !important;
}

body.contact-dark-page .contact form button.btn,
body.contact-dark-page .contact .btn{
    background:transparent !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.9) !important;
}

body.contact-dark-page .contact form button.btn:hover,
body.contact-dark-page .contact .btn:hover{
    background:#fff !important;
    color:#111 !important;
}

@media(max-width:768px){
    body.contact-dark-page .wrap.contact{
        grid-template-columns:1fr;
        gap:34px;
        min-height:auto;
        padding:140px 6vw 60px;
    }

    body.contact-dark-page .contact h1{
        font-size:42px !important;
    }

    body.contact-dark-page .contact p{
        font-size:16px !important;
        line-height:1.75 !important;
    }
}


/* =========================
   PROJECTS - FINAL PREMIUM
   ========================= */
body.projects-dark-page{
    background:#111;
    color:#fff;
    min-height:100vh;
    overflow-x:hidden;
}
body.projects-dark-page footer{display:none}
body.projects-dark-page .site-top-shadow{
    background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,0) 76%);
}
body.projects-dark-page .site-logo,
body.projects-dark-page .site-logo span,
body.projects-dark-page .site-nav-menu a{color:#fff}
body.projects-dark-page .site-logo img{
    filter:drop-shadow(0 2px 16px rgba(0,0,0,.35));
}
body.projects-dark-page main{padding-top:0}

.projects-page{
    position:relative;
    min-height:100vh;
    padding:176px 4.2vw 78px;
    overflow:hidden;
}
.projects-bg{
    position:fixed;
    inset:-18px;
    background:url('/uploads/contact-bg.jpg') center center/cover no-repeat;
    filter:blur(9px);
    transform:scale(1.05);
    z-index:0;
}
.projects-overlay{
    position:fixed;
    inset:0;
    background:
        radial-gradient(circle at 72% 20%,rgba(255,255,255,.08),transparent 32%),
        linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.57) 48%,rgba(0,0,0,.46));
    z-index:1;
}
.projects-shell{
    position:relative;
    z-index:2;
    max-width:1640px;
    margin:0 auto;
}
.projects-top{
    display:grid;
    grid-template-columns:minmax(290px,.72fr) minmax(620px,1.28fr);
    gap:58px;
    align-items:end;
    margin-bottom:52px;
}
.projects-heading{min-width:0}
.projects-kicker{
    display:block;
    font-size:12px;
    letter-spacing:.25em;
    color:rgba(255,255,255,.72);
    margin-bottom:17px;
}
.projects-top h1{
    margin:0;
    font-size:clamp(52px,5.8vw,94px);
    line-height:.92;
    font-weight:300;
    letter-spacing:-.055em;
}
.projects-tabs{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:10px;
}
.projects-tabs a{
    min-width:178px;
    border:1px solid rgba(255,255,255,.62);
    color:#fff;
    padding:16px 20px;
    text-align:center;
    font-size:13px;
    font-weight:600;
    line-height:1.15;
    letter-spacing:.025em;
    transition:background .25s ease,color .25s ease,border-color .25s ease;
}
.projects-tabs a.active,
.projects-tabs a:hover{
    background:#fff;
    border-color:#fff;
    color:#111;
}
.projects-filter-panel{margin-bottom:40px}
.projects-search-box{
    width:min(420px,100%);
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--primary,#c79b43);
    border-bottom:1px solid rgba(255,255,255,.38);
    padding:0 0 11px;
    margin-bottom:21px;
}
.projects-search-box input{
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font-size:13px;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.projects-search-box input::placeholder{color:var(--primary,#c79b43);opacity:1}
.projects-timeline{
    position:relative;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding-top:17px;
}
.projects-timeline:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background:var(--primary,#c79b43);
    opacity:.9;
}
.projects-year{
    position:relative;
    appearance:none;
    border:0;
    background:transparent;
    color:rgba(255,255,255,.7);
    padding:0;
    font:inherit;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    transition:color .2s ease;
}
.projects-year:before{
    content:"";
    position:absolute;
    top:-21px;
    left:50%;
    width:1px;
    height:12px;
    background:var(--primary,#c79b43);
}
.projects-year:first-child:before{left:0}
.projects-year:first-child{text-align:left}
.projects-year.active,
.projects-year:hover{color:var(--primary,#c79b43)}

.projects-grid-premium{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:22px;
    align-items:start;
}
.project-card-premium{
    position:relative;
    display:block;
    aspect-ratio:4/5.45;
    min-height:0;
    overflow:hidden;
    background:rgba(255,255,255,.08);
    isolation:isolate;
}
.project-card-premium[hidden]{display:none!important}
.project-card-media,
.project-card-media img,
.project-empty-cover{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}
.project-card-media img{
    object-fit:cover;
    transition:transform .8s cubic-bezier(.2,.65,.2,1),filter .45s ease;
}
.project-empty-cover{
    background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.03));
}
.project-card-shade{
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(180deg,rgba(0,0,0,.03) 36%,rgba(0,0,0,.84) 100%);
    transition:background .4s ease;
}
.project-card-info{
    position:absolute;
    left:22px;
    right:22px;
    bottom:21px;
    z-index:2;
    color:#fff;
    transform:translateY(24px);
    transition:transform .38s ease;
}
.project-card-info span{
    display:block;
    margin-bottom:9px;
    color:rgba(255,255,255,.72);
    font-size:10px;
    line-height:1.35;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.project-card-info h2{
    margin:0 0 7px;
    font-size:clamp(19px,1.45vw,26px);
    line-height:1.08;
    font-weight:400;
}
.project-card-info p{
    margin:0 0 16px;
    color:rgba(255,255,255,.76);
    font-size:13px;
}
.project-card-info em{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#fff;
    font-style:normal;
    font-size:10px;
    letter-spacing:.12em;
    opacity:0;
    transform:translateY(8px);
    transition:opacity .3s ease,transform .3s ease;
}
.project-card-premium:hover .project-card-media img{transform:scale(1.065);filter:saturate(.88)}
.project-card-premium:hover .project-card-shade{background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.9))}
.project-card-premium:hover .project-card-info{transform:translateY(0)}
.project-card-premium:hover .project-card-info em{opacity:1;transform:translateY(0)}
.projects-empty{
    margin-top:24px;
    padding:34px;
    border:1px solid rgba(255,255,255,.25);
    color:rgba(255,255,255,.78);
    text-align:center;
}

/* PROJECT DETAIL */
body.project-detail-page{background:#fff;color:#111}
body.project-detail-page .site-header-right,
body.project-detail-page .site-logo{z-index:10020}
.project-detail-premium{
    position:relative;
    background:#fff;
    color:#111;
}
.project-detail-hero{
    position:relative;
    height:clamp(560px,78vh,880px);
    overflow:hidden;
    background:#151515;
}
.project-detail-hero>img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transform:scale(1.01);
}
.project-detail-hero-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.05) 38%,rgba(0,0,0,.66)),
        linear-gradient(90deg,rgba(0,0,0,.52),transparent 62%);
}
.project-detail-title{
    position:absolute;
    left:7vw;
    right:7vw;
    bottom:10vh;
    z-index:2;
    color:#fff;
    max-width:980px;
}
.project-detail-title span{
    display:block;
    margin-bottom:17px;
    color:rgba(255,255,255,.78);
    font-size:12px;
    letter-spacing:.22em;
    text-transform:uppercase;
}
.project-detail-title h1{
    margin:0;
    max-width:900px;
    font-size:clamp(48px,6.2vw,92px);
    line-height:.92;
    font-weight:300;
    letter-spacing:-.055em;
    text-wrap:balance;
}
.project-detail-title p{
    margin:18px 0 0;
    color:rgba(255,255,255,.82);
    font-size:15px;
    letter-spacing:.05em;
}
.project-scroll-cue{
    position:absolute;
    right:5vw;
    bottom:7vh;
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:7px;
    color:#fff;
    font-size:9px;
    letter-spacing:.19em;
}
.project-scroll-cue i{font-size:24px;animation:project-bounce 1.8s infinite}
@keyframes project-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
.project-detail-body{
    max-width:1300px;
    margin:0 auto;
    padding:72px 5vw 34px;
    display:grid;
    grid-template-columns:280px minmax(0,1fr);
    gap:86px;
    align-items:start;
}
.project-info-list{border-top:1px solid rgba(0,0,0,.15)}
.project-info-list div{
    padding:16px 0;
    border-bottom:1px solid rgba(0,0,0,.15);
}
.project-info-list span{
    display:block;
    margin-bottom:6px;
    color:rgba(0,0,0,.43);
    font-size:11px;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.project-info-list strong{font-size:16px;font-weight:500;line-height:1.4}
.project-detail-content{max-width:760px}
.project-content-kicker{
    display:block;
    margin-bottom:19px;
    color:rgba(0,0,0,.46);
    font-size:11px;
    letter-spacing:.18em;
}
.project-detail-content h2{
    margin:0 0 28px;
    font-size:clamp(27px,3vw,44px);
    line-height:1.22;
    font-weight:400;
    letter-spacing:-.025em;
}
.project-detail-content .content{
    max-width:760px;
    color:rgba(0,0,0,.72);
    font-size:17px;
    line-height:1.8;
}
.project-detail-content .content p:first-child{margin-top:0}
.project-gallery-wrap{
    max-width:1540px;
    margin:0 auto;
    padding:0 4vw 82px;
}
.project-gallery-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
    padding-top:14px;
    border-top:1px solid rgba(0,0,0,.13);
}
.project-gallery-heading span,
.project-gallery-heading strong{
    font-size:11px;
    letter-spacing:.16em;
    font-weight:500;
}
.project-gallery-heading strong{
    color:rgba(0,0,0,.52);
    white-space:nowrap;
    flex:0 0 auto;
    padding-left:18px;
}
.project-gallery-premium{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    padding:0;
}
.project-gallery-item{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:16/10;
    padding:0;
    border:0;
    overflow:hidden;
    background:#eee;
    cursor:zoom-in;
}
.project-gallery-item:nth-child(3n){grid-column:1/-1;aspect-ratio:21/9}
.project-gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .65s ease,filter .45s ease;
}
.project-gallery-item:hover img{transform:scale(1.035);filter:brightness(.78)}
.project-gallery-zoom{
    position:absolute;
    left:50%;
    top:50%;
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.72);
    border-radius:50%;
    color:#fff;
    background:rgba(0,0,0,.18);
    opacity:0;
    transform:translate(-50%,-50%) scale(.84);
    transition:opacity .3s ease,transform .3s ease;
}
.project-gallery-item:hover .project-gallery-zoom{opacity:1;transform:translate(-50%,-50%) scale(1)}
.project-navigation{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:stretch;
    min-height:150px;
    border-top:1px solid rgba(0,0,0,.13);
    background:#fafafa;
}
.project-navigation-side{display:flex;align-items:center;padding:28px 5vw}
.project-navigation-side a{display:flex;flex-direction:column;gap:8px}
.project-navigation-side span,
.project-navigation-all span{color:rgba(0,0,0,.48);font-size:10px;letter-spacing:.15em}
.project-navigation-side strong{font-size:20px;font-weight:400}
.project-navigation-next{justify-content:flex-end;text-align:right}
.project-navigation-all{
    min-width:160px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:10px;
    border-left:1px solid rgba(0,0,0,.13);
    border-right:1px solid rgba(0,0,0,.13);
}
.project-navigation-all i{font-size:20px}

/* FULLSCREEN LIGHTBOX */
body.lightbox-open{overflow:hidden}
.project-lightbox{
    position:fixed;
    inset:0;
    z-index:30000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:60px 90px;
    background:rgba(5,5,5,.94);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .25s ease,visibility .25s ease;
}
.project-lightbox.open{opacity:1;visibility:visible;pointer-events:auto}
.project-lightbox-stage{
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.project-lightbox-stage img{
    max-width:100%;
    max-height:calc(100vh - 130px);
    width:auto;
    height:auto;
    object-fit:contain;
    box-shadow:0 28px 90px rgba(0,0,0,.4);
    opacity:1;
    transition:opacity .18s ease;
}
.project-lightbox-stage img.is-changing{opacity:.18}
.project-lightbox-caption{
    position:absolute;
    left:50%;
    bottom:-32px;
    transform:translateX(-50%);
    max-width:70vw;
    color:rgba(255,255,255,.7);
    font-size:12px;
    letter-spacing:.04em;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.project-lightbox-close{
    position:absolute;
    right:28px;
    top:20px;
    z-index:2;
    width:48px;
    height:48px;
    border:0;
    background:transparent;
    color:#fff;
    font-size:44px;
    font-weight:200;
    line-height:1;
    cursor:pointer;
}
.project-lightbox-arrow{
    position:absolute;
    top:50%;
    z-index:2;
    transform:translateY(-50%);
    width:58px;
    height:76px;
    border:1px solid rgba(255,255,255,.34);
    background:rgba(0,0,0,.18);
    color:#fff;
    font-size:54px;
    font-weight:200;
    line-height:1;
    cursor:pointer;
}
.project-lightbox-prev{left:24px}
.project-lightbox-next{right:24px}
.project-lightbox-arrow:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7)}
.project-lightbox-count{
    position:absolute;
    left:28px;
    bottom:22px;
    color:#fff;
    font-size:12px;
    letter-spacing:.14em;
}

@media(max-width:1400px){
    .projects-grid-premium{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1100px){
    .projects-top{grid-template-columns:1fr;gap:34px}
    .projects-tabs{justify-content:flex-start}
    .projects-grid-premium{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
    .projects-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}
    .project-detail-body{grid-template-columns:1fr;gap:38px;padding:56px 6vw 28px}
    .project-info-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}
    .project-gallery-premium{grid-template-columns:1fr}
    .project-gallery-item:nth-child(3n){grid-column:auto;aspect-ratio:16/10}
    .project-lightbox{padding:54px 58px}
}
@media(max-width:768px){
    .projects-page{padding:138px 5.5vw 55px}
    .projects-top{margin-bottom:36px}
    .projects-top h1{font-size:54px}
    .projects-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}
    .projects-tabs a{min-width:0;padding:13px 10px;font-size:11px}
    .projects-timeline{overflow-x:auto;justify-content:flex-start;padding-bottom:10px}
    .projects-year{min-width:64px}
    .projects-year:first-child{min-width:74px}
    .projects-grid-premium{grid-template-columns:1fr;gap:18px}
    .project-card-premium{aspect-ratio:4/4.75}
    .project-detail-hero{height:72vh;min-height:520px}
    .project-detail-title{left:6vw;right:6vw;bottom:11vh}
    .project-detail-title h1{font-size:48px}
    .project-scroll-cue{display:none}
    .project-info-list{grid-template-columns:1fr 1fr}
    .project-gallery-wrap{padding:0 5vw 60px}
    .project-navigation{grid-template-columns:1fr 110px 1fr;min-height:120px}
    .project-navigation-side{padding:20px 16px}
    .project-navigation-side strong{font-size:14px}
    .project-navigation-all{min-width:0}
    .project-lightbox{padding:55px 12px 72px}
    .project-lightbox-arrow{width:42px;height:58px;font-size:42px;background:rgba(0,0,0,.42)}
    .project-lightbox-prev{left:8px}
    .project-lightbox-next{right:8px}
    .project-lightbox-close{right:10px;top:9px}
    .project-lightbox-count{left:14px;bottom:20px}
    .project-lightbox-caption{bottom:-38px;max-width:76vw}
}

/* =========================
   SERVICES - PREMIUM GRID
   ========================= */
body.services-dark-page{
    background:#101010;
    color:#fff;
    min-height:100vh;
    overflow-x:hidden;
}
body.services-dark-page .site-top-shadow{
    background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,0) 74%);
}
body.services-dark-page .site-logo,
body.services-dark-page .site-logo span,
body.services-dark-page .site-nav-menu a{
    color:#fff;
}
body.services-dark-page .site-logo img{
    filter:drop-shadow(0 2px 16px rgba(0,0,0,.35));
}
body.services-dark-page main{
    padding-top:0;
}
body.services-dark-page footer{
    display:none;
}

.services-page{
    position:relative;
    min-height:100vh;
    padding:190px 5vw 90px;
    overflow:hidden;
}
.services-bg{
    position:fixed;
    inset:0;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    filter:blur(8px);
    transform:scale(1.06);
    z-index:0;
}
.services-overlay{
    position:fixed;
    inset:0;
    background:linear-gradient(105deg,rgba(0,0,0,.86),rgba(0,0,0,.68) 48%,rgba(0,0,0,.56));
    z-index:1;
}
.services-shell{
    position:relative;
    z-index:2;
    max-width:1500px;
    margin:0 auto;
}
.services-heading{
    display:grid;
    grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);
    column-gap:70px;
    align-items:end;
    margin-bottom:58px;
}
.services-kicker{
    grid-column:1;
    display:block;
    margin-bottom:18px;
    color:rgba(255,255,255,.66);
    font-size:12px;
    font-weight:600;
    letter-spacing:.24em;
}
.services-heading h1{
    grid-column:1;
    margin:0;
    color:#fff;
    font-size:clamp(48px,6vw,92px);
    font-weight:300;
    line-height:.98;
    letter-spacing:-.05em;
}
.services-heading p{
    grid-column:2;
    grid-row:1 / span 2;
    align-self:end;
    max-width:720px;
    margin:0 0 5px;
    color:rgba(255,255,255,.78);
    font-size:18px;
    line-height:1.8;
}
.services-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-top:1px solid rgba(255,255,255,.22);
    border-left:1px solid rgba(255,255,255,.22);
}
.service-card{
    position:relative;
    min-height:300px;
    padding:36px 38px 42px;
    border-right:1px solid rgba(255,255,255,.22);
    border-bottom:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.035);
    overflow:hidden;
    transition:transform .3s ease,background .3s ease,border-color .3s ease;
}
.service-card:before{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:3px;
    background:var(--primary,#c79b43);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .35s ease;
}
.service-card:hover{
    background:rgba(255,255,255,.085);
    transform:translateY(-4px);
    border-color:rgba(255,255,255,.34);
}
.service-card:hover:before{
    transform:scaleX(1);
}
.service-card-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:42px;
}
.service-icon{
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    color:#fff;
    border:1px solid rgba(255,255,255,.42);
    font-size:23px;
    transition:.3s ease;
}
.service-card:hover .service-icon{
    color:#111;
    background:#fff;
    border-color:#fff;
}
.service-number{
    color:rgba(255,255,255,.4);
    font-size:13px;
    font-weight:700;
    letter-spacing:.18em;
}
.service-card h2{
    margin:0 0 18px;
    color:#fff;
    font-size:27px;
    font-weight:400;
    line-height:1.15;
    letter-spacing:-.02em;
}
.service-card p{
    max-width:420px;
    margin:0;
    color:rgba(255,255,255,.66);
    font-size:15px;
    line-height:1.75;
}
.services-empty{
    padding:36px;
    border:1px solid rgba(255,255,255,.24);
    color:rgba(255,255,255,.75);
    background:rgba(255,255,255,.04);
}

@media(max-width:1100px){
    .services-heading{
        grid-template-columns:1fr;
        row-gap:24px;
    }
    .services-kicker,
    .services-heading h1,
    .services-heading p{
        grid-column:1;
        grid-row:auto;
    }
    .services-heading p{
        max-width:820px;
    }
    .services-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:768px){
    .services-page{
        padding:145px 6vw 60px;
    }
    .services-heading{
        margin-bottom:38px;
    }
    .services-heading h1{
        font-size:46px;
    }
    .services-heading p{
        font-size:16px;
        line-height:1.7;
    }
    .services-grid{
        grid-template-columns:1fr;
    }
    .service-card{
        min-height:260px;
        padding:30px 28px 34px;
    }
    .service-card-top{
        margin-bottom:32px;
    }
}


/* HİZMET İKONLARI - Font Awesome bağımsız SVG düzeltmesi */
.service-icon .service-svg-icon,
.kpi-icon .service-svg-icon{
    width:26px;
    height:26px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.kpi-icon .service-svg-icon{
    width:20px;
    height:20px;
}

/* =========================================================
   SITE BÜTÜNLÜK KATMANI — LOGO / MARKA / MENÜ / SAYFA BAŞLIĞI
   ========================================================= */
.site-top-shadow{
    height:235px;
}

.site-logo{
    top:64px;
    left:48px;
    width:240px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
    text-align:center;
}
.site-logo-mark{
    min-height:96px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.site-logo img{
    width:auto;
    max-width:132px;
    max-height:96px;
    object-fit:contain;
}
.site-logo-fallback{
    display:block;
    color:#fff;
    font-size:22px;
    line-height:1.1;
    font-weight:600;
}
.site-brand-name{
    display:block;
    width:100%;
    color:rgba(255,255,255,.82);
    font-size:12px;
    line-height:1.35;
    font-weight:600;
    letter-spacing:.23em;
    text-transform:uppercase;
    white-space:nowrap;
    text-shadow:0 2px 14px rgba(0,0,0,.28);
}

.site-header-right,
.site-home-right{
    top:32px;
    right:36px;
}
.site-nav-menu{
    gap:22px;
}
.site-nav-menu a{
    color:rgba(255,255,255,.78);
    font-size:16px;
    font-weight:400;
}
.site-nav-menu a:hover{
    color:#fff;
}
.site-nav-menu a.active,
.site-nav-menu .menu-active > a{
    color:#fff;
    font-weight:700;
}

body.inner-page .site-brand-name,
body.inner-page .site-logo-fallback{
    color:var(--primary,#111);
    text-shadow:none;
}

/* Aynı sayfa başlığı ölçüsü */
.about-page-title,
.projects-top h1,
.services-heading h1,
body.contact-dark-page .contact h1{
    margin:0;
    color:#fff;
    font-size:clamp(52px,5.8vw,94px) !important;
    font-weight:300 !important;
    line-height:.92 !important;
    letter-spacing:-.055em !important;
}

/* Hakkımızda artık kendi sayfa adına sahip */
.about-hero{
    align-items:flex-start;
    padding:235px 4.2vw 90px;
}
.about-hero-content{
    width:min(920px,100%);
    max-width:920px;
}
.about-page-title{
    margin-bottom:40px;
}
.about-panel-content{
    max-width:820px;
}

/* Projeler ve Hizmetler: marka adı artık logonun altında, tekrar edilmez */
.projects-page{
    padding-top:235px;
}
.projects-heading{
    padding-top:0;
}
.projects-kicker,
.services-kicker{
    display:none !important;
}
.services-page{
    padding:235px 4.2vw 90px;
}
.services-heading{
    grid-template-columns:minmax(320px,.72fr) minmax(420px,1.28fr);
    align-items:end;
}
.services-heading h1{
    grid-column:1;
    grid-row:1;
}
.services-heading p{
    grid-column:2;
    grid-row:1;
    align-self:end;
}

/* İletişim de aynı sol aks ve başlık düzenine bağlandı */
body.contact-dark-page .wrap.contact{
    max-width:1640px;
    padding:235px 4.2vw 70px;
    grid-template-columns:.78fr 1.22fr;
    gap:90px;
}
body.contact-dark-page .contact h1{
    margin-bottom:34px !important;
}

/* Proje detayında marka bloğu korunur */
body.project-detail-page .site-logo{
    z-index:10020;
}

@media(max-width:1100px){
    .site-logo{
        left:34px;
        width:210px;
    }
    .site-brand-name{
        font-size:11px;
        letter-spacing:.18em;
    }
    .services-heading{
        grid-template-columns:1fr;
    }
    .services-heading h1,
    .services-heading p{
        grid-column:1;
        grid-row:auto;
    }
}

@media(max-width:768px){
    .site-top-shadow{
        height:150px;
    }
    .site-logo{
        top:18px;
        left:14px;
        width:150px;
        gap:8px;
        align-items:flex-start;
        text-align:left;
    }
    .site-logo-mark{
        min-height:58px;
        justify-content:flex-start;
    }
    .site-logo img{
        max-width:92px;
        max-height:58px;
    }
    .site-brand-name{
        max-width:150px;
        white-space:normal;
        font-size:8px;
        line-height:1.4;
        letter-spacing:.14em;
    }
    .site-header-right,
    .site-home-right{
        top:18px;
        right:14px;
    }
    .about-hero,
    .projects-page,
    .services-page{
        padding-top:155px;
    }
    body.contact-dark-page .wrap.contact{
        padding-top:155px;
    }
    .about-page-title,
    .projects-top h1,
    .services-heading h1,
    body.contact-dark-page .contact h1{
        font-size:46px !important;
    }
    .about-page-title{
        margin-bottom:28px;
    }
}


/* =========================================================
   MARKA BLOĞU FINAL — ZARİF İKİ SATIRLI LOGO ALTI YAZISI
   ========================================================= */
.site-logo{
    top:58px;
    left:52px;
    width:220px;
    gap:17px;
    align-items:center;
    text-align:center;
}
.site-logo-mark{
    min-height:92px;
}
.site-logo img{
    width:auto;
    max-width:124px;
    max-height:92px;
    object-fit:contain;
}
.site-logo-fallback{
    width:92px;
    height:92px;
    display:grid !important;
    place-items:center;
    border:1px solid currentColor;
    border-radius:50%;
    color:#d6b646;
    font-size:28px !important;
    line-height:1 !important;
    font-weight:300 !important;
    letter-spacing:.02em !important;
}
.site-brand-lockup{
    display:flex !important;
    width:100%;
    flex-direction:column;
    align-items:center;
    gap:7px;
    color:#fff;
    text-transform:uppercase;
    text-shadow:0 2px 14px rgba(0,0,0,.30);
}
.site-brand-primary{
    display:block !important;
    color:rgba(255,255,255,.90) !important;
    font-size:17px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:.16em !important;
    white-space:nowrap;
}
.site-brand-secondary{
    display:block !important;
    color:rgba(255,255,255,.70) !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:.42em !important;
    padding-left:.42em;
    white-space:nowrap;
}

/* Açık zeminli iç sayfalarda marka koyu görünür. */
body.inner-page .site-brand-lockup{
    color:var(--primary,#111);
    text-shadow:none;
}
body.inner-page .site-brand-primary{
    color:rgba(17,17,17,.88) !important;
}
body.inner-page .site-brand-secondary{
    color:rgba(17,17,17,.58) !important;
}

/* Koyu sayfalarda bütün marka bloğu aynı beyaz ton sistemini kullanır. */
body.home-page .site-brand-primary,
body.about-dark-page .site-brand-primary,
body.projects-dark-page .site-brand-primary,
body.services-dark-page .site-brand-primary,
body.contact-dark-page .site-brand-primary,
body.project-detail-page .site-brand-primary{
    color:rgba(255,255,255,.90) !important;
}
body.home-page .site-brand-secondary,
body.about-dark-page .site-brand-secondary,
body.projects-dark-page .site-brand-secondary,
body.services-dark-page .site-brand-secondary,
body.contact-dark-page .site-brand-secondary,
body.project-detail-page .site-brand-secondary{
    color:rgba(255,255,255,.70) !important;
}

/* Eski tek satırlı marka sınıfı artık kullanılmıyor. */
.site-brand-name{display:none !important}

@media(max-width:1100px){
    .site-logo{
        left:34px;
        width:190px;
    }
    .site-brand-primary{
        font-size:15px !important;
        letter-spacing:.14em !important;
    }
    .site-brand-secondary{
        font-size:9px !important;
        letter-spacing:.34em !important;
        padding-left:.34em;
    }
}

@media(max-width:768px){
    .site-logo{
        top:17px;
        left:16px;
        width:126px;
        gap:7px;
        align-items:flex-start;
        text-align:left;
    }
    .site-logo-mark{
        min-height:54px;
        justify-content:flex-start;
    }
    .site-logo img{
        max-width:82px;
        max-height:54px;
    }
    .site-logo-fallback{
        width:54px;
        height:54px;
        font-size:18px !important;
    }
    .site-brand-lockup{
        align-items:flex-start;
        gap:4px;
        text-align:left;
    }
    .site-brand-primary{
        font-size:9px !important;
        letter-spacing:.10em !important;
    }
    .site-brand-secondary{
        font-size:6px !important;
        letter-spacing:.24em !important;
        padding-left:.24em;
    }
}

/* =========================================================
   HAKKIMIZDA + HİZMETLER BAŞLIK HİZA DÜZELTMESİ
   İki sayfanın sol ve üst başlangıç çizgisini eşitler.
   ========================================================= */
@media (min-width:1101px){
    .about-hero,
    .services-page{
        padding-top:235px !important;
        padding-left:4.2vw !important;
        padding-right:4.2vw !important;
    }

    .about-hero-content,
    .services-shell{
        width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    /* Hizmetler kabının ortalanmasından doğan yatay kaymayı kaldırır. */
    .services-shell{
        max-width:none !important;
    }

    .about-page-title,
    .services-heading h1{
        margin-top:0 !important;
        padding-top:0 !important;
        transform:none !important;
    }

    .services-heading{
        grid-template-columns:minmax(0,540px) minmax(0,1fr) !important;
        column-gap:76px !important;
        align-items:start !important;
    }

    .services-heading p{
        align-self:start !important;
        padding-top:12px !important;
        margin-top:0 !important;
    }
}

@media (max-width:1100px){
    .about-hero,
    .services-page{
        padding-left:6vw !important;
        padding-right:6vw !important;
    }

    .services-shell{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
    }
}

/* =========================================================
   BASIN - PREMIUM EDITORIAL RAIL
   ========================================================= */
body.press-dark-page{
    background:#0e0e0e;
    color:#fff;
    min-height:100vh;
    overflow-x:hidden;
}
body.press-dark-page .site-top-shadow{
    background:linear-gradient(180deg,rgba(0,0,0,.74),rgba(0,0,0,0) 74%);
}
body.press-dark-page .site-logo,
body.press-dark-page .site-logo span,
body.press-dark-page .site-nav-menu a{
    color:#fff;
}
body.press-dark-page .site-logo img{
    filter:drop-shadow(0 2px 16px rgba(0,0,0,.35));
}
body.press-dark-page .site-brand-primary{color:rgba(255,255,255,.90)!important}
body.press-dark-page .site-brand-secondary{color:rgba(255,255,255,.70)!important}
body.press-dark-page main{padding-top:0}
body.press-dark-page footer{display:none}

.press-page{
    position:relative;
    min-height:100vh;
    padding:235px 4.2vw 88px;
    overflow:hidden;
}
.press-bg{
    position:fixed;
    inset:0;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    filter:blur(8px);
    transform:scale(1.06);
    z-index:0;
}
.press-overlay{
    position:fixed;
    inset:0;
    background:linear-gradient(105deg,rgba(0,0,0,.90),rgba(0,0,0,.72) 48%,rgba(0,0,0,.58));
    z-index:1;
}
.press-shell{
    position:relative;
    z-index:2;
    width:100%;
    margin:0;
}
.press-heading{
    display:grid;
    grid-template-columns:minmax(0,540px) minmax(0,1fr);
    column-gap:76px;
    align-items:start;
    margin-bottom:54px;
}
.press-heading h1{
    margin:0;
    color:#fff;
    font-size:clamp(52px,5.8vw,94px);
    font-weight:300;
    line-height:.92;
    letter-spacing:-.055em;
}
.press-heading p{
    max-width:720px;
    margin:12px 0 0;
    color:rgba(255,255,255,.76);
    font-size:18px;
    line-height:1.8;
}
.press-stage{position:relative}
.press-controls{
    position:absolute;
    right:0;
    top:-52px;
    display:flex;
    align-items:center;
    gap:13px;
    color:rgba(255,255,255,.58);
    font-size:11px;
    letter-spacing:.12em;
}
.press-controls b{color:#fff;font-weight:600}
.press-controls button{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.34);
    background:rgba(255,255,255,.04);
    color:#fff;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    transition:.25s ease;
}
.press-controls button:hover:not(:disabled){background:#fff;color:#111;border-color:#fff}
.press-controls button:disabled{opacity:.28;cursor:default}
.press-rail{
    display:flex;
    gap:28px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
}
.press-rail::-webkit-scrollbar{display:none}
.press-card{
    flex:0 0 min(1180px,88vw);
    min-height:490px;
    display:grid;
    grid-template-columns:minmax(330px,.78fr) minmax(430px,1.22fr);
    color:#fff;
    text-decoration:none;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.18);
    overflow:hidden;
    scroll-snap-align:start;
    transition:transform .35s ease,background .35s ease,border-color .35s ease;
}
.press-card:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,.085);
    border-color:rgba(255,255,255,.34);
}
.press-card-static{cursor:default}
.press-card-cover{
    position:relative;
    min-height:490px;
    overflow:hidden;
    background:#171717;
}
.press-card-cover:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.42));
    pointer-events:none;
}
.press-card-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s cubic-bezier(.2,.65,.3,1);
}
.press-card:hover .press-card-cover img{transform:scale(1.035)}
.press-card-number{
    position:absolute;
    left:24px;
    bottom:21px;
    z-index:2;
    color:#fff;
    font-size:12px;
    font-weight:700;
    letter-spacing:.18em;
}
.press-card-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:58px 64px;
}
.press-card-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:42px;
    color:rgba(255,255,255,.56);
    font-size:11px;
    font-weight:600;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.press-source{
    margin-bottom:15px;
    color:var(--primary,#c79b43);
    font-size:12px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.press-card h2{
    max-width:720px;
    margin:0 0 25px;
    color:#fff;
    font-size:clamp(32px,3.5vw,58px);
    font-weight:300;
    line-height:1.02;
    letter-spacing:-.045em;
}
.press-card p{
    max-width:680px;
    margin:0;
    color:rgba(255,255,255,.68);
    font-size:16px;
    line-height:1.8;
}
.press-card-link{
    display:flex;
    align-items:center;
    gap:12px;
    width:max-content;
    margin-top:42px;
    padding-bottom:7px;
    border-bottom:1px solid rgba(255,255,255,.48);
    color:#fff;
    font-size:11px;
    font-weight:700;
    letter-spacing:.13em;
}
.press-card-link i{font-style:normal;font-size:16px;transition:transform .25s ease}
.press-card:hover .press-card-link i{transform:translate(3px,-3px)}
.press-card-link-muted{color:rgba(255,255,255,.48);border-color:rgba(255,255,255,.2)}
.press-empty{
    padding:38px;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.04);
    color:rgba(255,255,255,.72);
}

@media(max-width:1100px){
    .press-heading{grid-template-columns:1fr;row-gap:24px}
    .press-heading p{max-width:820px;margin-top:0}
    .press-card{flex-basis:92vw;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr)}
    .press-card-content{padding:48px 42px}
}

@media(max-width:768px){
    .press-page{padding:155px 6vw 58px}
    .press-heading{margin-bottom:38px}
    .press-heading h1{font-size:46px}
    .press-heading p{font-size:16px;line-height:1.7}
    .press-controls{position:static;justify-content:flex-end;margin:-12px 0 14px}
    .press-card{
        flex-basis:88vw;
        min-height:0;
        grid-template-columns:1fr;
    }
    .press-card-cover{min-height:330px;aspect-ratio:4/5}
    .press-card-content{padding:34px 28px 38px}
    .press-card-meta{margin-bottom:28px}
    .press-card h2{font-size:35px}
    .press-card p{font-size:15px;line-height:1.7}
    .press-card-link{margin-top:30px}
}


/* =========================
   REFERENCES - PREMIUM LOGO GRID
   ========================= */
body.references-dark-page{
    background:#101010;
    color:#fff;
    min-height:100vh;
    overflow-x:hidden;
}
body.references-dark-page .site-top-shadow{
    background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,0) 74%);
}
body.references-dark-page .site-logo,
body.references-dark-page .site-logo span,
body.references-dark-page .site-nav-menu a{color:#fff}
body.references-dark-page .site-logo img{
    filter:drop-shadow(0 2px 16px rgba(0,0,0,.35));
}
body.references-dark-page .site-brand-primary{color:rgba(255,255,255,.90)!important}
body.references-dark-page .site-brand-secondary{color:rgba(255,255,255,.70)!important}
body.references-dark-page main{padding-top:0}
body.references-dark-page footer{display:none}

.references-page{
    position:relative;
    min-height:100vh;
    padding:235px 4.2vw 90px;
    overflow:hidden;
}
.references-bg{
    position:fixed;
    inset:0;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    filter:blur(8px);
    transform:scale(1.06);
    z-index:0;
}
.references-overlay{
    position:fixed;
    inset:0;
    background:linear-gradient(105deg,rgba(0,0,0,.89),rgba(0,0,0,.72) 50%,rgba(0,0,0,.58));
    z-index:1;
}
.references-shell{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1640px;
    margin:0 auto;
}
.references-heading{
    display:grid;
    grid-template-columns:minmax(320px,.72fr) minmax(420px,1.28fr);
    align-items:end;
    gap:60px;
    margin-bottom:54px;
}
.references-heading h1{
    margin:0;
    color:#fff;
    font-size:clamp(52px,5.8vw,94px);
    font-weight:300;
    line-height:.92;
    letter-spacing:-.055em;
}
.references-heading p{
    max-width:720px;
    margin:0;
    color:rgba(255,255,255,.68);
    font-size:17px;
    line-height:1.75;
}
.references-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
}
.reference-card{
    position:relative;
    min-height:210px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:42px 26px 50px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.96);
    color:#111;
    text-decoration:none;
    transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.reference-card:hover{
    transform:translateY(-4px);
    background:#fff;
    border-color:rgba(255,255,255,.65);
    box-shadow:0 24px 65px rgba(0,0,0,.22);
}
.reference-card-number{
    position:absolute;
    left:16px;
    top:14px;
    color:rgba(17,17,17,.33);
    font-size:10px;
    font-weight:700;
    letter-spacing:.16em;
}
.reference-logo-wrap{
    width:100%;
    min-height:105px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.reference-logo-wrap img{
    width:auto;
    height:auto;
    max-width:78%;
    max-height:86px;
    object-fit:contain;
    filter:grayscale(1);
    opacity:.78;
    transition:filter .3s ease,opacity .3s ease,transform .3s ease;
}
.reference-card:hover .reference-logo-wrap img{
    filter:grayscale(0);
    opacity:1;
    transform:scale(1.035);
}
.reference-placeholder{
    width:82px;
    height:82px;
    display:grid;
    place-items:center;
    border:1px solid rgba(17,17,17,.2);
    border-radius:50%;
    font-size:32px;
    font-weight:300;
}
.reference-card-title{
    position:absolute;
    left:18px;
    right:38px;
    bottom:16px;
    color:rgba(17,17,17,.62);
    font-size:11px;
    font-weight:600;
    letter-spacing:.09em;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.reference-card-arrow{
    position:absolute;
    right:16px;
    bottom:13px;
    color:rgba(17,17,17,.48);
    font-size:17px;
    transition:transform .3s ease,color .3s ease;
}
.reference-card:hover .reference-card-arrow{
    color:#111;
    transform:translate(2px,-2px);
}
.references-empty{
    padding:42px;
    border:1px solid rgba(255,255,255,.24);
    background:rgba(255,255,255,.04);
    color:rgba(255,255,255,.72);
}

@media(max-width:1300px){
    .references-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1050px){
    .references-heading{grid-template-columns:1fr;gap:24px}
    .references-heading p{max-width:820px}
    .references-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
    .references-page{padding:155px 6vw 60px}
    .references-heading{margin-bottom:36px}
    .references-heading h1{font-size:46px}
    .references-heading p{font-size:16px;line-height:1.7}
    .references-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .reference-card{min-height:160px;padding:34px 16px 44px}
    .reference-logo-wrap{min-height:78px}
    .reference-logo-wrap img{max-width:84%;max-height:64px}
    .reference-card-title{left:12px;right:28px;bottom:12px;font-size:9px}
    .reference-card-arrow{right:10px;bottom:9px}
}
@media(max-width:420px){
    .references-grid{grid-template-columns:1fr}
    .reference-card{min-height:175px}
}