:root{
    --cream:#f3efe5;
    --cream2:#e8e0d1;
    --cream3:#d9ceba;

    --green:#213a32;
    --green2:#2f4d43;
    --green3:#567064;

    --terracotta:#a95642;
    --terracotta2:#8d4234;

    --ink:#252b28;
    --muted:#767970;

    --line:rgba(33,58,50,.16);

    --serif:"Playfair Display", Georgia, serif;
    --sans:"DM Sans", Arial, sans-serif;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    background:var(--cream);
    color:var(--ink);
    font-family:var(--sans);
    overflow-x:hidden;
}

a{
    color:inherit;
    text-decoration:none;
}

img{
    width:100%;
    display:block;
}

button{
    font:inherit;
}

::selection{
    background:var(--terracotta);
    color:white;
}


/* =====================================================
   ŞEFFAF SOL NAVIGATION
===================================================== */

.side-nav{
    position:fixed;
    z-index:1000;

    left:0;
    top:0;
    bottom:0;

    width:260px;

    padding:38px 35px 32px;

    display:flex;
    flex-direction:column;

    /* ÖNEMLİ:
       ARKA PLAN YOK
       KUTU YOK
       BORDER YOK
    */
    background:transparent;

    color:#fff;

    transition:color .4s ease;
}


/* sayfa açık zemine gelince sadece yazı değişiyor */

.side-nav.dark-text{
    color:var(--green);
}


/* LOGO */

.side-logo{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.side-logo-symbol{
    font-family:var(--serif);
    font-size:29px;
    line-height:.9;
    letter-spacing:-3px;
}

.side-logo-text strong{
    display:block;

    font-family:var(--serif);
    font-size:19px;
    line-height:1;

    font-weight:500;
}

.side-logo-text span{
    display:block;

    margin-top:7px;

    font-size:7px;
    text-transform:uppercase;
    letter-spacing:2.3px;

    opacity:.55;
}


/* NAV */

.side-menu{
    margin-top:85px;
}

.side-menu-label{
    margin-bottom:20px;

    font-size:7px;
    letter-spacing:2.2px;
    text-transform:uppercase;

    opacity:.48;
}

.side-menu ul{
    list-style:none;
}

.side-menu li{
    margin-bottom:5px;
}


/*
   MENÜ ARTIK KUTU DEĞİL.
   SADECE METİN.
*/

.side-menu a{
    position:relative;

    display:inline-flex;
    align-items:center;

    min-height:43px;

    font-size:14px;
    font-weight:400;

    letter-spacing:-.1px;

    opacity:.65;

    transition:
        opacity .3s ease,
        transform .3s ease;
}

.side-menu a:before{
    content:"";

    position:absolute;

    left:-17px;
    top:50%;

    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--terracotta);

    transform:translateY(-50%) scale(0);

    transition:.3s ease;
}

.side-menu a:after{
    content:"";

    width:0;
    height:1px;

    margin-left:0;

    background:currentColor;

    transition:.3s ease;
}

.side-menu a:hover{
    opacity:1;
    transform:translateX(7px);
}

.side-menu a.active{
    opacity:1;
    font-weight:500;
}

.side-menu a.active:before{
    transform:translateY(-50%) scale(1);
}

.side-menu a.active:after{
    width:24px;
    margin-left:12px;
}


/* ALT */

.side-bottom{
    margin-top:auto;
}

.side-contact-caption{
    font-size:7px;
    text-transform:uppercase;
    letter-spacing:2px;
    opacity:.46;
    margin-bottom:10px;
}

.side-bottom > a{
    display:block;

    font-size:10px;
    line-height:1.8;

    opacity:.7;

    transition:.3s;
}

.side-bottom > a:hover{
    opacity:1;
}

.languages{
    margin-top:20px;

    display:flex;
    gap:15px;

    font-size:8px;
    letter-spacing:1px;
}

.languages a{
    opacity:.4;
}

.languages a.active{
    opacity:1;
}


/* =====================================================
   MOBILE TOP
===================================================== */

.mobile-top{
    display:none;
}


/* =====================================================
   PAGE
===================================================== */

.page{
    width:100%;
}


/* =====================================================
   HERO
===================================================== */

.hero{
    position:relative;

    width:100%;
    height:100vh;
    min-height:680px;

    overflow:hidden;

    color:#fff;
}

.hero-bg{
    position:absolute;
    inset:0;
}

.hero-bg img{
    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    filter:saturate(.9);
}

.hero-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(20,38,32,.67) 0%,
            rgba(20,38,32,.31) 38%,
            rgba(20,38,32,.06) 70%
        ),
        linear-gradient(
            0deg,
            rgba(22,38,33,.44) 0%,
            transparent 55%
        );
}


/* hero sağ üst */

.hero-meta{
    position:absolute;
    z-index:3;

    right:5%;
    top:38px;

    display:flex;
    gap:30px;

    font-size:8px;
    text-transform:uppercase;
    letter-spacing:1.7px;

    color:rgba(255,255,255,.72);
}


/* hero metin */

.hero-content{
    position:absolute;

    z-index:4;

    left:320px;
    bottom:10%;

    max-width:720px;
}

.hero-kicker{
    display:flex;
    align-items:center;
    gap:13px;

    font-size:8px;
    text-transform:uppercase;
    letter-spacing:2.2px;

    margin-bottom:20px;

    color:rgba(255,255,255,.7);
}

.hero-kicker:before{
    content:"";

    width:36px;
    height:1px;

    background:rgba(255,255,255,.75);
}

.hero h1{
    font-family:var(--serif);
    font-weight:500;

    font-size:clamp(48px,5.2vw,75px);
    line-height:.99;

    letter-spacing:-2.5px;

    max-width:720px;
}

.hero h1 em{
    display:block;
    font-weight:500;

    color:#ead8c4;
}

.hero-copy{
    margin-top:25px;

    max-width:490px;

    font-size:11px;
    line-height:1.9;

    color:rgba(255,255,255,.75);
}

.hero-cta{
    display:inline-flex;
    align-items:center;
    gap:28px;

    margin-top:30px;

    padding-bottom:7px;

    border-bottom:1px solid rgba(255,255,255,.6);

    font-size:8px;
    letter-spacing:1.4px;
    text-transform:uppercase;
}

.hero-cta span{
    transition:.3s;
}

.hero-cta:hover span{
    transform:translate(5px,-4px);
}


/* =====================================================
   INTRO – BÜRO
===================================================== */

.intro{
    background:var(--cream);

    padding:120px 8% 120px 320px;
}

.section-top{
    display:grid;

    grid-template-columns:150px minmax(0,1fr);

    gap:50px;
}

.section-id{
    padding-top:8px;

    font-size:8px;
    text-transform:uppercase;
    letter-spacing:1.8px;

    color:var(--terracotta);
}

.section-id span{
    display:block;

    color:#9c9589;

    margin-top:5px;
}

.intro-main{
    max-width:950px;
}

.intro h2{
    font-family:var(--serif);
    font-weight:500;

    font-size:clamp(36px,3.4vw,52px);
    line-height:1.16;

    letter-spacing:-1.5px;
}

.intro h2 em{
    color:var(--green3);
    font-weight:500;
}

.intro-copy{
    margin-top:50px;

    display:grid;
    grid-template-columns:1fr 1fr;

    gap:55px;

    max-width:850px;
}

.intro-copy p{
    font-size:11px;
    line-height:1.9;

    color:var(--muted);
}


/* =====================================================
   MANIFESTO / RENKLİ BLOK
===================================================== */

.manifesto{
    display:grid;

    grid-template-columns:43% 57%;

    min-height:660px;

    background:var(--green);

    color:white;
}

.manifesto-photo{
    overflow:hidden;
}

.manifesto-photo img{
    width:100%;
    height:100%;

    object-fit:cover;
}

.manifesto-content{
    padding:100px 9%;

    display:flex;
    flex-direction:column;
    justify-content:center;

    background:var(--green);
}

.manifesto-content small{
    font-size:7px;
    text-transform:uppercase;
    letter-spacing:2px;

    color:#b5c0b9;
}

.manifesto-content h2{
    margin-top:25px;

    max-width:640px;

    font-family:var(--serif);

    font-size:45px;
    line-height:1.08;
    font-weight:500;

    letter-spacing:-1.5px;
}

.manifesto-content h2 em{
    color:#e7c5aa;
}

.manifesto-content p{
    margin-top:30px;

    max-width:520px;

    font-size:11px;
    line-height:1.9;

    color:#aab8b1;
}

.manifesto-link{
    margin-top:40px;

    display:inline-flex;
    align-items:center;
    gap:22px;

    width:max-content;

    font-size:8px;
    text-transform:uppercase;
    letter-spacing:1.3px;

    border-bottom:1px solid rgba(255,255,255,.3);

    padding-bottom:7px;
}


/* =====================================================
   UZMANLIK
===================================================== */

.expertise{
    background:#faf7f0;

    padding:110px 7% 115px 320px;
}

.expertise-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;

    gap:50px;

    margin-bottom:65px;
}

.expertise-title small{
    color:var(--terracotta);

    font-size:8px;
    text-transform:uppercase;
    letter-spacing:2px;
}

.expertise-title h2{
    margin-top:13px;

    font-family:var(--serif);

    font-size:44px;
    font-weight:500;
}

.expertise-head p{
    max-width:330px;

    font-size:10px;
    line-height:1.8;

    color:var(--muted);
}


/* alanlar */

.expertise-grid{
    display:grid;

    grid-template-columns:repeat(2,1fr);

    border-top:1px solid var(--line);
}

.expertise-item{
    position:relative;

    min-height:230px;

    padding:34px 40px 35px 0;

    border-bottom:1px solid var(--line);

    transition:.35s ease;
}

.expertise-item:nth-child(odd){
    border-right:1px solid var(--line);
    padding-right:55px;
}

.expertise-item:nth-child(even){
    padding-left:55px;
}

.expertise-no{
    font-size:8px;

    color:#9b988f;
}

.expertise-item h3{
    margin-top:40px;

    font-family:var(--serif);

    font-size:27px;
    font-weight:500;
}

.expertise-item p{
    margin-top:13px;

    max-width:410px;

    font-size:10px;
    line-height:1.8;

    color:var(--muted);
}

.expertise-arrow{
    position:absolute;

    right:26px;
    top:31px;

    font-size:17px;

    transition:.3s;
}

.expertise-item:hover h3{
    color:var(--terracotta);
}

.expertise-item:hover .expertise-arrow{
    transform:translate(5px,-5px);
}


/* =====================================================
   STRATEGY STRIP
===================================================== */

.strategy{
    position:relative;

    min-height:580px;

    overflow:hidden;

    color:white;
}

.strategy-bg{
    position:absolute;
    inset:0;
}

.strategy-bg img{
    width:100%;
    height:100%;

    object-fit:cover;
}

.strategy-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(40,65,57,.76),
            rgba(40,65,57,.14)
        );
}

.strategy-content{
    position:absolute;

    left:320px;
    bottom:65px;

    z-index:2;

    max-width:650px;
}

.strategy-content small{
    font-size:7px;
    text-transform:uppercase;
    letter-spacing:2px;

    color:#d3d9d5;
}

.strategy-content h2{
    margin-top:18px;

    font-family:var(--serif);

    font-size:43px;
    line-height:1.1;

    font-weight:500;
}


/* =====================================================
   EKİP
===================================================== */

.team{
    background:var(--cream2);

    padding:110px 7% 120px 320px;
}

.team-head{
    display:flex;

    align-items:end;
    justify-content:space-between;

    margin-bottom:55px;

    gap:50px;
}

.team-head small{
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:2px;

    color:var(--terracotta);
}

.team-head h2{
    margin-top:12px;

    font-family:var(--serif);

    font-size:44px;
    font-weight:500;
}

.team-head p{
    max-width:370px;

    font-size:10px;
    line-height:1.8;

    color:#6d716b;
}


/* üyeler */

.team-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:20px;
}

.member{
    cursor:pointer;
}

.member-image{
    height:430px;

    overflow:hidden;

    background:#ccc5b9;
}

.member-image img{
    width:100%;
    height:100%;

    object-fit:cover;

    /* GRAYSCALE YOK */
    filter:none;

    transition:.6s ease;
}

.member:hover img{
    transform:scale(1.025);
}

.member-bottom{
    padding:18px 0 16px;

    border-bottom:1px solid rgba(33,58,50,.2);
}

.member-bottom h3{
    font-family:var(--serif);

    font-size:21px;
    font-weight:500;
}

.member-bottom p{
    margin-top:5px;

    color:#787c75;

    font-size:8px;
    text-transform:uppercase;
    letter-spacing:1.3px;
}

.member-meta{
    margin-top:14px;

    display:flex;
    justify-content:space-between;

    font-size:8px;

    color:#747871;
}

.member-meta span:last-child{
    color:var(--terracotta);
}


/* =====================================================
   HOW WE WORK
===================================================== */

.work{
    background:#f7f3eb;

    padding:110px 7% 110px 320px;
}

.work-layout{
    display:grid;

    grid-template-columns:42% 58%;

    gap:80px;
}

.work-left small{
    color:var(--terracotta);

    font-size:8px;
    text-transform:uppercase;
    letter-spacing:2px;
}

.work-left h2{
    margin-top:18px;

    max-width:440px;

    font-family:var(--serif);

    font-size:40px;
    font-weight:500;
    line-height:1.1;
}

.work-left p{
    margin-top:25px;

    max-width:400px;

    font-size:10px;
    line-height:1.9;

    color:var(--muted);
}

.work-right{
    border-top:1px solid var(--line);
}

.work-item{
    display:grid;

    grid-template-columns:60px 1fr;

    padding:25px 0;

    border-bottom:1px solid var(--line);
}

.work-item > span{
    font-size:8px;

    color:var(--terracotta);
}

.work-item h3{
    font-family:var(--serif);

    font-size:23px;
    font-weight:500;
}

.work-item p{
    margin-top:7px;

    max-width:490px;

    font-size:9px;
    line-height:1.8;

    color:var(--muted);
}


/* =====================================================
   YAYINLAR
===================================================== */

.publications{
    padding:105px 7% 115px 320px;

    background:var(--green2);

    color:white;
}

.publications-head{
    display:flex;
    justify-content:space-between;
    align-items:end;

    margin-bottom:50px;
}

.publications-head small{
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:2px;

    color:#c8d1cc;
}

.publications-head h2{
    margin-top:12px;

    font-family:var(--serif);

    font-size:41px;
    font-weight:500;
}

.publications-head > a{
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:1px;

    padding-bottom:6px;

    border-bottom:1px solid rgba(255,255,255,.5);
}

.publication-grid{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    border-top:1px solid rgba(255,255,255,.18);
}

.publication{
    min-height:320px;

    padding:30px;

    display:flex;
    flex-direction:column;

    border-right:1px solid rgba(255,255,255,.18);
}

.publication:first-child{
    padding-left:0;
}

.publication:last-child{
    border-right:0;
}

.publication-date{
    font-size:7px;

    color:#aab7b0;
}

.publication-category{
    margin-top:8px;

    font-size:7px;
    text-transform:uppercase;
    letter-spacing:1.4px;

    color:#edb9a6;
}

.publication h3{
    margin-top:auto;

    max-width:340px;

    font-family:var(--serif);

    font-size:23px;
    line-height:1.25;

    font-weight:500;
}

.publication-bottom{
    margin-top:28px;

    padding-top:15px;

    border-top:1px solid rgba(255,255,255,.16);

    display:flex;
    justify-content:space-between;

    font-size:7px;
    text-transform:uppercase;
    letter-spacing:1px;

    color:#b9c3bd;
}


/* =====================================================
   İLETİŞİM
   İSTEDİĞİN YAPIYI KORUDUM
===================================================== */

.contact{
    background:var(--cream);

    padding:105px 7% 115px 320px;
}

.contact-heading{
    margin-bottom:45px;
}

.contact-heading small{
    color:var(--terracotta);

    font-size:8px;
    text-transform:uppercase;
    letter-spacing:2px;
}

.contact-heading h2{
    margin-top:12px;

    font-family:var(--serif);

    font-size:42px;
    font-weight:500;
}

.contact-wrap{
    display:grid;

    grid-template-columns:1.25fr .75fr;

    min-height:540px;
}


/* MAP */

.map{
    overflow:hidden;

    background:#ddd;
}

.map iframe{
    width:100%;
    height:100%;

    min-height:540px;

    border:0;

    /* siyah beyaz değil */
    filter:saturate(.75) contrast(.95);
}


/* CONTACT INFO */

.contact-info{
    padding:55px 48px;

    background:var(--green);

    color:white;

    display:flex;
    flex-direction:column;
}

.contact-info > small{
    font-size:7px;
    text-transform:uppercase;
    letter-spacing:2px;

    color:#adbbb4;
}

.contact-info h3{
    margin-top:17px;

    font-family:var(--serif);

    font-size:30px;
    font-weight:500;
}

.office-address{
    margin-top:30px;

    font-size:10px;
    line-height:1.9;

    color:#b1beb8;
}

.office-details{
    margin-top:34px;

    border-top:1px solid rgba(255,255,255,.15);
}

.office-row{
    display:grid;

    grid-template-columns:90px 1fr;

    padding:15px 0;

    border-bottom:1px solid rgba(255,255,255,.15);

    font-size:9px;
}

.office-row span:first-child{
    color:#83938b;
}

.office-row a,
.office-row span:last-child{
    color:#d2d9d5;
}

.contact-actions{
    margin-top:auto;

    display:grid;
    grid-template-columns:1fr 1fr;

    gap:9px;

    padding-top:35px;
}

.contact-btn{
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    font-size:8px;
    text-transform:uppercase;
    letter-spacing:1.1px;

    border:1px solid rgba(255,255,255,.24);

    transition:.3s;
}

.contact-btn.primary{
    background:var(--cream);
    color:var(--green);

    border-color:var(--cream);
}

.contact-btn:hover{
    background:var(--terracotta);
    border-color:var(--terracotta);

    color:white;
}


/* =====================================================
   FOOTER
===================================================== */

.footer{
    padding:70px 7% 25px 320px;

    background:#d8cebc;

    color:var(--green);
}

.footer-grid{
    display:grid;

    grid-template-columns:1.5fr .65fr .65fr .85fr;

    gap:50px;

    padding-bottom:60px;
}

.footer-brand h3{
    font-family:var(--serif);

    font-size:29px;

    font-weight:500;
}

.footer-brand p{
    margin-top:17px;

    max-width:340px;

    font-size:9px;
    line-height:1.9;

    color:#6e766f;
}

.footer-col h4{
    margin-bottom:17px;

    font-size:7px;
    text-transform:uppercase;
    letter-spacing:1.8px;

    color:#7b8079;

    font-weight:500;
}

.footer-col a,
.footer-col p{
    display:block;

    font-size:9px;
    line-height:2;

    color:#5f6962;

    transition:.25s;
}

.footer-col a:hover{
    color:var(--terracotta);
    transform:translateX(3px);
}

.footer-bottom{
    padding-top:20px;

    border-top:1px solid rgba(33,58,50,.17);

    display:flex;
    justify-content:space-between;

    font-size:7px;
    text-transform:uppercase;
    letter-spacing:1.2px;

    color:#747a74;
}

.footer-links{
    display:flex;
    gap:24px;
}


/* =====================================================
   SCROLL ANIMATION
===================================================== */

.reveal{
    opacity:0;
    transform:translateY(25px);

    transition:
        opacity .75s ease,
        transform .75s ease;
}

.reveal.visible{
    opacity:1;
    transform:none;
}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:900px){

    .side-nav{
        width:100%;

        padding:95px 27px 30px;

        background:var(--green);

        color:white !important;

        transform:translateX(-100%);

        transition:.4s ease;
    }

    .side-nav.open{
        transform:none;
    }

    .side-nav > .side-logo{
        display:none;
    }

    .side-menu{
        margin-top:0;
    }

    .side-menu a{
        min-height:55px;
        font-size:15px;
    }


    .mobile-top{
        position:fixed;

        top:0;
        left:0;
        right:0;

        height:68px;

        z-index:2000;

        display:flex;
        align-items:center;
        justify-content:space-between;

        padding:0 20px;

        background:var(--green);

        color:white;
    }

    .mobile-top strong{
        font-family:var(--serif);
        font-size:19px;
        font-weight:500;
    }

    .mobile-top button{
        border:0;

        background:none;

        color:white;

        font-size:8px;
        text-transform:uppercase;
        letter-spacing:1.6px;

        cursor:pointer;
    }


    .page{
        padding-top:68px;
    }


    .hero{
        height:calc(100svh - 68px);
    }

    .hero-meta{
        display:none;
    }

    .hero-content{
        left:22px;
        right:22px;

        bottom:48px;
    }

    .hero h1{
        font-size:44px;
    }

    .hero-bg img{
        object-position:60% center;
    }


    .intro,
    .expertise,
    .team,
    .work,
    .publications,
    .contact,
    .footer{
        padding-left:22px;
        padding-right:22px;
    }


    .section-top{
        grid-template-columns:1fr;
        gap:25px;
    }

    .intro-copy{
        grid-template-columns:1fr;
        gap:20px;
    }


    .manifesto{
        grid-template-columns:1fr;
    }

    .manifesto-photo{
        height:500px;
    }

    .manifesto-content{
        padding:75px 22px;
    }

    .manifesto-content h2{
        font-size:36px;
    }


    .expertise-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .expertise-grid{
        grid-template-columns:1fr;
    }

    .expertise-item,
    .expertise-item:nth-child(odd),
    .expertise-item:nth-child(even){
        padding:30px 0;

        border-right:0;
    }


    .strategy{
        min-height:500px;
    }

    .strategy-content{
        left:22px;
        right:22px;
    }

    .strategy-content h2{
        font-size:35px;
    }


    .team-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .team-grid{
        grid-template-columns:1fr;
    }

    .member-image{
        height:500px;
    }


    .work-layout{
        grid-template-columns:1fr;
        gap:50px;
    }


    .publications-head{
        flex-direction:column;
        align-items:flex-start;

        gap:25px;
    }

    .publication-grid{
        grid-template-columns:1fr;
    }

    .publication{
        min-height:250px;

        padding:30px 0;

        border-right:0;

        border-bottom:1px solid rgba(255,255,255,.18);
    }


    .contact-wrap{
        grid-template-columns:1fr;
    }

    .map,
    .map iframe{
        min-height:430px;
    }

    .contact-info{
        min-height:510px;

        padding:48px 28px;
    }


    .footer-grid{
        grid-template-columns:1fr 1fr;
    }

    .footer-brand{
        grid-column:1 / 3;
    }

    .footer-bottom{
        flex-direction:column;
        gap:15px;
    }

}


@media(max-width:520px){

    .hero h1{
        font-size:39px;
    }

    .member-image{
        height:420px;
    }

    .contact-actions{
        grid-template-columns:1fr;
    }

    .footer-grid{
        grid-template-columns:1fr;
    }

    .footer-brand{
        grid-column:auto;
    }

}



/* =====================================================
   KURUMSAL TASARIM REVİZYONU — MEVCUT KOD KORUNDU
===================================================== */

:root{
    --cream:#f5f3ee;
    --cream2:#ebe8e1;
    --cream3:#ded9cf;
    --green:#16261f;
    --green2:#1e3028;
    --green3:#52665d;
    --terracotta:#8c5143;
    --terracotta2:#704238;
    --ink:#151a18;
    --muted:#66706b;
    --line:rgba(21,26,24,.14);
    --serif:"Playfair Display", Georgia, serif;
    --sans:"Manrope", Arial, sans-serif;
}

body{
    font-family:var(--sans);
    font-size:15px;
    line-height:1.65;
    letter-spacing:-.01em;
}

/* SOL MENÜ — koyu zeminde beyaz, açık zeminde siyah */
.side-nav{
    color:#fff;
    width:270px;
    padding:42px 34px 34px;
    transition:color .28s ease, text-shadow .28s ease;
}
.side-nav.dark-text{color:#111715;}
.side-nav:not(.dark-text){color:#fff;}
.side-menu{margin-top:92px;}
.side-menu-label{font-size:9px;letter-spacing:2.4px;opacity:.58;margin-bottom:18px;}
.side-menu a{font-size:15px;min-height:46px;font-weight:500;opacity:.68;}
.side-menu a.active{opacity:1;font-weight:600;}
.side-menu a:before{background:currentColor;width:4px;height:4px;}
.side-logo-text strong{font-family:var(--sans);font-size:20px;font-weight:700;letter-spacing:-.4px;}
.side-logo-symbol{font-size:30px;}
.side-bottom > a{font-size:11px;line-height:1.9;}
.side-contact-caption{font-size:8px;}
.languages{font-size:10px;}

/* HERO */
.hero-overlay{
    background:
      linear-gradient(90deg,rgba(15,26,22,.78) 0%,rgba(15,26,22,.50) 42%,rgba(15,26,22,.10) 74%),
      linear-gradient(0deg,rgba(12,20,17,.52) 0%,transparent 58%);
}
.hero-content{left:330px;bottom:11%;max-width:820px;}
.hero-kicker{font-size:10px;letter-spacing:2px;margin-bottom:24px;}
.hero h1{font-size:clamp(54px,5.4vw,84px);line-height:1.01;letter-spacing:-3px;max-width:820px;}
.hero h1 em{color:#eadfd1;}
.hero-copy{font-size:14px;line-height:1.8;max-width:590px;color:rgba(255,255,255,.82);}
.hero-cta{font-size:10px;margin-top:34px;}
.hero-meta{font-size:9px;top:42px;}

/* BÜRO */
.intro{padding:125px 8% 128px 330px;background:#f5f3ee;}
.section-top{grid-template-columns:140px minmax(0,1fr);gap:64px;}
.section-id{font-size:9px;letter-spacing:1.9px;color:#8c5143;}
.intro-main{max-width:1000px;}
.intro h2{font-size:clamp(42px,4vw,62px);line-height:1.08;letter-spacing:-2px;max-width:880px;}
.intro h2 em{color:#62736b;}
.intro-copy{margin-top:44px;grid-template-columns:1fr 1fr;gap:70px;max-width:900px;}
.intro-copy p{font-size:14px;line-height:1.9;color:#606b66;}

/* MANIFESTO — daha editoryal */
.manifesto{grid-template-columns:48% 52%;min-height:700px;background:#182820;}
.manifesto-photo{position:relative;}
.manifesto-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(24,40,32,.28));pointer-events:none;}
.manifesto-photo img{transition:transform 1.2s ease;}
.manifesto:hover .manifesto-photo img{transform:scale(1.025);}
.manifesto-content{padding:110px 10%;background:#182820;}
.manifesto-content small{font-size:9px;letter-spacing:2px;}
.manifesto-content h2{font-size:clamp(40px,4vw,58px);line-height:1.06;max-width:620px;}
.manifesto-content h2 em{color:#d8c9b7;}
.manifesto-content p{font-size:14px;line-height:1.9;max-width:560px;color:#b7c1bc;}
.manifesto-link{font-size:10px;}

/* ÇALIŞMA ALANLARI — daha temiz ve güçlü */
.expertise{padding:118px 7% 126px 330px;background:#fbfaf7;}
.expertise-head{margin-bottom:46px;align-items:flex-end;}
.expertise-title small{font-size:9px;}
.expertise-title h2{font-size:50px;letter-spacing:-1.5px;font-family:var(--sans);font-weight:500;}
.expertise-head p{font-size:13px;line-height:1.85;max-width:430px;}
.expertise-grid{grid-template-columns:1fr;border-top:1px solid var(--line);}
.expertise-item,
.expertise-item:nth-child(odd),
.expertise-item:nth-child(even){min-height:auto;padding:30px 72px 30px 0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:72px minmax(260px,.72fr) 1fr;gap:30px;align-items:center;}
.expertise-no{font-size:10px;}
.expertise-item h3{margin:0;font-family:var(--sans);font-size:24px;font-weight:600;letter-spacing:-.5px;}
.expertise-item p{margin:0;font-size:13px;line-height:1.7;max-width:520px;}
.expertise-arrow{right:10px;top:50%;transform:translateY(-50%);font-size:19px;}
.expertise-item:hover{background:#f4f1eb;padding-left:14px;padding-right:58px;}
.expertise-item:hover .expertise-arrow{transform:translate(5px,-55%);}

/* FOTOĞRAF STRIP */
.strategy{min-height:620px;}
.strategy-overlay{background:linear-gradient(90deg,rgba(18,34,27,.82),rgba(18,34,27,.30) 60%,rgba(18,34,27,.06));}
.strategy-content{left:330px;bottom:72px;max-width:760px;}
.strategy-content small{font-size:9px;}
.strategy-content h2{font-family:var(--sans);font-size:clamp(38px,4vw,60px);font-weight:500;letter-spacing:-2px;line-height:1.05;}
.strategy-bg img{transition:transform 1.4s ease;}
.strategy:hover .strategy-bg img{transform:scale(1.025);}

/* EKİP */
.team{padding:118px 7% 128px 330px;background:#ece9e2;}
.team-head{margin-bottom:42px;}
.team-head small{font-size:9px;}
.team-head h2{font-family:var(--sans);font-size:50px;font-weight:500;letter-spacing:-1.5px;}
.team-head p{font-size:13px;line-height:1.85;max-width:450px;}
.team-grid{gap:24px;}
.member-image{height:390px;}
.member-bottom{padding:20px 0 18px;}
.member-bottom h3{font-family:var(--sans);font-size:22px;font-weight:600;letter-spacing:-.4px;}
.member-bottom p{font-size:9px;letter-spacing:1.2px;}
.member-meta{font-size:10px;}
.member{transition:transform .35s ease;}
.member:hover{transform:translateY(-4px);}

/* ÇALIŞMA BİÇİMİ */
.work{padding:118px 7% 120px 330px;background:#f7f5f0;}
.work-layout{grid-template-columns:.82fr 1.18fr;gap:90px;align-items:start;}
.work-left small{font-size:9px;}
.work-left h2{font-family:var(--sans);font-size:42px;line-height:1.12;letter-spacing:-1.3px;max-width:500px;}
.work-left p{font-size:13px;line-height:1.9;max-width:470px;}
.work-item{grid-template-columns:58px 1fr;padding:28px 0;}
.work-item > span{font-size:10px;}
.work-item h3{font-family:var(--sans);font-size:22px;font-weight:600;letter-spacing:-.4px;}
.work-item p{font-size:12px;line-height:1.75;max-width:560px;}

/* YAYINLAR — koyu blok yerine açık editoryal akış */
.publications{padding:116px 7% 122px 330px;background:#ffffff;color:#151a18;}
.publications-head{margin-bottom:40px;}
.publications-head small{font-size:9px;color:#8c5143;}
.publications-head h2{font-family:var(--sans);font-size:48px;font-weight:500;letter-spacing:-1.4px;}
.publications-head > a{font-size:10px;border-color:#151a18;color:#151a18;}
.publication-grid{border-top:1px solid var(--line);}
.publication{min-height:290px;padding:30px 34px;border-right:1px solid var(--line);}
.publication:first-child{padding-left:0;}
.publication-date{font-size:9px;color:#7a817d;}
.publication-category{font-size:9px;color:#8c5143;}
.publication h3{font-family:var(--sans);font-size:22px;font-weight:600;line-height:1.4;letter-spacing:-.4px;}
.publication-bottom{font-size:9px;color:#6e7671;border-color:var(--line);}

/* İLETİŞİMİN YAPISI KORUNDU — sadece tipografi okunaklı */
.contact-heading small{font-size:9px;}
.contact-heading h2{font-family:var(--sans);font-size:46px;font-weight:500;letter-spacing:-1.2px;}
.contact-info h3{font-family:var(--sans);font-size:32px;font-weight:600;}
.office-address{font-size:12px;}
.office-row{font-size:11px;}
.contact-btn{font-size:9px;}

/* PROFESYONEL FOOTER */
.footer{padding:0 7% 28px 330px;background:#101b17;color:#fff;}
.footer-lead{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;padding:72px 0 54px;border-bottom:1px solid rgba(255,255,255,.12);}
.footer-lead>div>span{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#9bada4;margin-bottom:14px;}
.footer-lead h2{font-family:var(--sans);font-size:clamp(30px,3.2vw,48px);font-weight:500;letter-spacing:-1.5px;line-height:1.12;max-width:760px;}
.footer-lead>a{display:inline-flex;align-items:center;gap:22px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.38);font-size:11px;color:#fff;white-space:nowrap;}
.footer-grid{grid-template-columns:1.5fr .65fr .75fr .95fr;gap:56px;padding:52px 0 48px;}
.footer-brand h3{font-family:var(--sans);font-size:28px;font-weight:700;letter-spacing:-.6px;}
.footer-brand p{font-size:12px;line-height:1.9;color:#9aaba3;max-width:380px;}
.footer-col h4{font-size:9px;letter-spacing:1.6px;color:#8fa198;margin-bottom:18px;}
.footer-col a,.footer-col p{font-size:12px;line-height:2;color:#ced7d2;}
.footer-col a:hover{color:#fff;transform:translateX(4px);}
.footer-bottom{padding-top:22px;border-color:rgba(255,255,255,.12);font-size:9px;color:#83968d;}
.footer-links a{color:#9cafA5;}

/* DAHA ŞIK REVEAL */
.reveal{opacity:0;transform:translateY(34px);filter:blur(3px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease;}
.reveal.visible{opacity:1;transform:none;filter:blur(0);}
.expertise-item:nth-child(2n),.work-item:nth-child(2n),.publication:nth-child(2n){transition-delay:.06s;}

@media(max-width:1200px) and (min-width:901px){
    .side-nav{width:240px;padding-left:28px;}
    .hero-content,.strategy-content{left:280px;}
    .intro,.expertise,.team,.work,.publications,.contact,.footer{padding-left:280px;}
}

@media(max-width:900px){
    .side-nav{color:#fff !important;}
    .hero-content{left:22px;right:22px;}
    .intro,.expertise,.team,.work,.publications,.contact,.footer{padding-left:22px;padding-right:22px;}
    .intro h2,.expertise-title h2,.team-head h2,.publications-head h2{font-size:38px;}
    .expertise-item,.expertise-item:nth-child(odd),.expertise-item:nth-child(even){grid-template-columns:42px 1fr;padding:24px 0;gap:12px;}
    .expertise-item p{grid-column:2;margin-top:4px;}
    .expertise-arrow{display:none;}
    .footer-lead{grid-template-columns:1fr;align-items:start;}
    .footer-grid{grid-template-columns:1fr 1fr;}
}

@media(max-width:520px){
    .hero h1{font-size:42px;letter-spacing:-1.6px;}
    .hero-copy{font-size:13px;}
    .manifesto{grid-template-columns:1fr;}
    .manifesto-content{padding:64px 24px;}
    .member-image{height:420px;}
    .footer-grid{grid-template-columns:1fr;}
    .footer-lead h2{font-size:32px;}
}



/* =====================================================
   FINAL SAYFA AKIŞI VE TİPOGRAFİ REVİZYONU
   SOL MENÜYE DOKUNULMADI
===================================================== */

/* Genel tipografi: el yazısı/italik hissini tamamen kaldır */
:root{
    --page-bg:#f4f2ed;
    --page-white:#ffffff;
    --page-ink:#182128;
    --page-muted:#64717a;
    --page-line:rgba(24,33,40,.13);
    --page-accent:#8a5145;
    --page-dark:#16232d;
    --page-dark-2:#1d2c37;
}

body{
    font-family:"Manrope", Arial, sans-serif;
    color:var(--page-ink);
    background:var(--page-bg);
    font-size:15px;
    line-height:1.65;
    letter-spacing:-.01em;
}

.hero h1,
.intro h2,
.manifesto-content h2,
.expertise-title h2,
.strategy-content h2,
.team-head h2,
.member-bottom h3,
.work-left h2,
.work-item h3,
.publications-head h2,
.publication h3,
.contact-heading h2,
.contact-info h3,
.footer-lead h2,
.footer-brand h3{
    font-family:"Manrope", Arial, sans-serif !important;
    font-style:normal !important;
}

.hero h1 em,
.intro h2 em,
.manifesto-content h2 em{
    font-style:normal !important;
    font-family:"Manrope", Arial, sans-serif !important;
}

/* HERO: alt köşede değil, görsel üzerinde dengeli biçimde ortalanmış */
.hero{
    min-height:760px;
}
.hero-content{
    left:330px;
    top:50%;
    bottom:auto;
    transform:translateY(-46%);
    max-width:760px;
}
.hero-kicker{
    margin-bottom:18px;
    font-size:9px;
    letter-spacing:1.8px;
    font-weight:600;
}
.hero h1{
    max-width:760px;
    font-size:clamp(46px,4.6vw,72px);
    line-height:1.04;
    letter-spacing:-2.6px;
    font-weight:500;
}
.hero h1 em{
    display:inline;
    color:#fff;
    font-weight:500;
}
.hero-copy{
    margin-top:22px;
    max-width:560px;
    font-size:13px;
    line-height:1.85;
    color:rgba(255,255,255,.82);
}
.hero-cta{
    margin-top:26px;
    font-size:9px;
    letter-spacing:1.1px;
}

/* Büro: daha kurumsal, yatay ve temiz giriş */
.intro{
    padding:112px 7% 116px 330px;
    background:#f6f4ef;
}
.section-top{
    grid-template-columns:120px minmax(0,1fr);
    gap:58px;
    align-items:start;
}
.section-id{
    padding-top:5px;
    font-size:9px;
    letter-spacing:1.7px;
    color:var(--page-accent);
}
.intro-main{
    max-width:980px;
}
.intro h2{
    max-width:890px;
    font-size:clamp(38px,3.5vw,55px);
    line-height:1.12;
    letter-spacing:-1.8px;
    font-weight:500;
}
.intro h2 em{
    color:inherit;
}
.intro-copy{
    margin-top:38px;
    padding-top:28px;
    border-top:1px solid var(--page-line);
    grid-template-columns:1fr 1fr;
    gap:56px;
    max-width:900px;
}
.intro-copy p{
    font-size:13px;
    line-height:1.9;
    color:var(--page-muted);
}

/* Manifesto: resim + sade kurumsal metin; reklam hissi yok */
.manifesto{
    grid-template-columns:54% 46%;
    min-height:620px;
    background:#fff;
    color:var(--page-ink);
}
.manifesto-photo{
    min-height:620px;
}
.manifesto-photo:after{
    display:none;
}
.manifesto-photo img{
    filter:saturate(.72) contrast(.98);
}
.manifesto-content{
    padding:86px 8%;
    background:#fff;
    color:var(--page-ink);
}
.manifesto-content small{
    color:var(--page-accent);
    font-size:9px;
    letter-spacing:1.7px;
}
.manifesto-content h2{
    margin-top:18px;
    max-width:560px;
    font-size:clamp(36px,3.3vw,50px);
    line-height:1.12;
    letter-spacing:-1.6px;
    font-weight:500;
}
.manifesto-content h2 em{
    color:inherit;
}
.manifesto-content p{
    margin-top:24px;
    max-width:520px;
    color:var(--page-muted);
    font-size:13px;
    line-height:1.9;
}
.manifesto-link{
    margin-top:30px;
    color:var(--page-ink);
    border-color:rgba(24,33,40,.28);
    font-size:9px;
}

/* Uzmanlık: sade liste, daha fazla nefes */
.expertise{
    padding:105px 7% 112px 330px;
    background:#f1eee8;
}
.expertise-head{
    margin-bottom:38px;
    align-items:end;
}
.expertise-title h2{
    margin-top:10px;
    font-size:44px;
    letter-spacing:-1.35px;
    font-weight:500;
}
.expertise-head p{
    max-width:470px;
    font-size:13px;
    line-height:1.85;
    color:var(--page-muted);
}
.expertise-item,
.expertise-item:nth-child(odd),
.expertise-item:nth-child(even){
    grid-template-columns:58px minmax(240px,.75fr) 1fr;
    gap:28px;
    padding:24px 54px 24px 0;
    background:transparent;
}
.expertise-item:hover{
    background:#fff;
    padding-left:16px;
    padding-right:38px;
}
.expertise-item h3{
    font-size:20px;
    line-height:1.35;
    font-weight:600;
}
.expertise-item p{
    font-size:12px;
    line-height:1.75;
    color:var(--page-muted);
}

/* Görsel ara bölüm: büyük yazı görselin tam ortasında */
.strategy{
    min-height:520px;
}
.strategy-overlay{
    background:linear-gradient(90deg,rgba(17,29,38,.74),rgba(17,29,38,.28) 62%,rgba(17,29,38,.10));
}
.strategy-content{
    left:330px;
    top:50%;
    bottom:auto;
    transform:translateY(-50%);
    max-width:740px;
}
.strategy-content h2{
    max-width:720px;
    margin-top:16px;
    font-size:clamp(38px,3.8vw,56px);
    line-height:1.08;
    letter-spacing:-1.8px;
    font-weight:500;
}

/* Ekip: kartlar daha kompakt, aynı hizada */
.team{
    padding:105px 7% 114px 330px;
    background:#f7f5f0;
}
.team-head{
    margin-bottom:34px;
    padding-bottom:26px;
    border-bottom:1px solid var(--page-line);
}
.team-head h2{
    margin-top:8px;
    font-size:44px;
    letter-spacing:-1.3px;
    font-weight:500;
}
.team-head p{
    max-width:480px;
    font-size:13px;
    line-height:1.85;
    color:var(--page-muted);
}
.team-grid{
    gap:22px;
}
.member-image{
    height:345px;
    background:#ddd;
}
.member-bottom{
    padding:16px 0 14px;
}
.member-bottom h3{
    font-size:20px;
    font-weight:600;
}
.member-bottom p,
.member-meta{
    font-size:9px;
}

/* Çalışma biçimi: solda sabit başlık, sağda ciddi timeline */
.work{
    padding:105px 7% 112px 330px;
    background:#fff;
}
.work-layout{
    grid-template-columns:.72fr 1.28fr;
    gap:86px;
}
.work-left{
    position:sticky;
    top:110px;
    align-self:start;
}
.work-left h2{
    margin-top:14px;
    max-width:460px;
    font-size:38px;
    line-height:1.15;
    letter-spacing:-1.2px;
    font-weight:500;
}
.work-left p{
    margin-top:22px;
    max-width:430px;
    font-size:13px;
    line-height:1.85;
    color:var(--page-muted);
}
.work-right{
    border-top:1px solid var(--page-line);
}
.work-item{
    grid-template-columns:44px 1fr;
    gap:18px;
    padding:24px 0;
}
.work-item h3{
    font-size:19px;
    font-weight:600;
}
.work-item p{
    margin-top:6px;
    font-size:12px;
    line-height:1.75;
    color:var(--page-muted);
}

/* Yayınlar: tekrar koyu bölüm; sol menü rengi dark-section ile uyumlu */
.publications{
    padding:100px 7% 106px 330px;
    background:var(--page-dark);
    color:#fff;
}
.publications-head{
    margin-bottom:34px;
}
.publications-head small{
    color:#aab8c1;
}
.publications-head h2{
    font-size:42px;
    letter-spacing:-1.2px;
    font-weight:500;
}
.publications-head > a{
    color:#fff;
    border-color:rgba(255,255,255,.34);
}
.publication-grid{
    border-color:rgba(255,255,255,.16);
}
.publication{
    min-height:270px;
    border-color:rgba(255,255,255,.16);
}
.publication-date{color:#9cacb6;}
.publication-category{color:#d6b0a6;}
.publication h3{
    font-size:20px;
    color:#fff;
    font-weight:500;
}
.publication-bottom{
    color:#9facb5;
    border-color:rgba(255,255,255,.14);
}

/* İletişim yapısını bozma; yalnızca hizayı düzenle */
.contact{
    padding:96px 7% 104px 330px;
    background:#f3f0ea;
}
.contact-heading{
    margin-bottom:30px;
}
.contact-heading h2{
    margin-top:8px;
    font-size:40px;
    letter-spacing:-1.1px;
}
.contact-wrap{
    min-height:500px;
}
.map iframe{
    min-height:500px;
}
.contact-info{
    padding:46px 42px;
}
.contact-info h3{
    font-size:28px;
    letter-spacing:-.5px;
}
.office-address,
.office-row{
    font-size:11px;
}

/* Footer: tam hizada, dört eşit kolonlu kurumsal yapı */
.footer{
    padding:0 7% 24px 330px;
    background:#0f1a22;
    color:#fff;
}
.footer-lead{
    grid-template-columns:minmax(0,1fr) auto;
    gap:50px;
    align-items:end;
    padding:54px 0 38px;
    border-bottom:1px solid rgba(255,255,255,.12);
}
.footer-lead h2{
    max-width:720px;
    font-size:clamp(28px,2.8vw,42px);
    line-height:1.15;
    letter-spacing:-1.2px;
    font-weight:500;
}
.footer-lead>a{
    font-size:10px;
    padding-bottom:6px;
}
.footer-grid{
    grid-template-columns:1.35fr .7fr .8fr 1fr;
    gap:48px;
    align-items:start;
    padding:42px 0 38px;
}
.footer-brand h3{
    font-size:26px;
    font-weight:700;
    letter-spacing:-.5px;
}
.footer-brand p{
    max-width:360px;
    margin-top:14px;
    font-size:11px;
    line-height:1.85;
    color:#9eabb3;
}
.footer-col h4{
    margin:1px 0 14px;
    font-size:9px;
    letter-spacing:1.4px;
    color:#7f929f;
}
.footer-col a,
.footer-col p{
    margin:0;
    font-size:11px;
    line-height:1.9;
    color:#d4dce1;
}
.footer-col a + a,
.footer-col p + a,
.footer-col a + p{
    margin-top:3px;
}
.footer-bottom{
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.10);
    font-size:8px;
    letter-spacing:1px;
    color:#81919b;
}
.footer-links{
    align-items:center;
}
.footer-links a{
    color:#9cabb4;
}

/* Animasyonlar: sade ama daha rafine */
.reveal{
    opacity:0;
    transform:translateY(24px);
    filter:none;
    transition:opacity .72s cubic-bezier(.2,.7,.2,1), transform .72s cubic-bezier(.2,.7,.2,1);
}
.reveal.visible{
    opacity:1;
    transform:none;
}

@media(max-width:1200px) and (min-width:901px){
    .hero-content,.strategy-content{left:280px;}
    .intro,.expertise,.team,.work,.publications,.contact,.footer{padding-left:280px;}
}

@media(max-width:900px){
    .hero-content{
        left:22px;
        right:22px;
        top:50%;
        bottom:auto;
        transform:translateY(-42%);
    }
    .hero h1{font-size:44px;letter-spacing:-1.8px;}
    .intro,.expertise,.team,.work,.publications,.contact,.footer{padding-left:22px;padding-right:22px;}
    .manifesto{grid-template-columns:1fr;}
    .manifesto-photo{min-height:420px;}
    .manifesto-content{padding:58px 24px;}
    .expertise-item,.expertise-item:nth-child(odd),.expertise-item:nth-child(even){grid-template-columns:38px 1fr;padding:22px 0;gap:12px;}
    .expertise-item p{grid-column:2;}
    .team-grid{grid-template-columns:1fr;}
    .member-image{height:420px;}
    .work-layout{grid-template-columns:1fr;gap:38px;}
    .work-left{position:static;}
    .publication-grid{grid-template-columns:1fr;}
    .footer-lead{grid-template-columns:1fr;align-items:start;}
    .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
}

@media(max-width:520px){
    .hero h1{font-size:39px;}
    .intro h2,.manifesto-content h2,.expertise-title h2,.team-head h2,.publications-head h2{font-size:34px;}
    .footer-grid{grid-template-columns:1fr;}
    .footer-lead h2{font-size:29px;}
}



/* =====================================================
   SON DÜZENLEME — YEŞİL PALET KALDIRILDI / MAP TAM ÇALIŞAN YAPI
===================================================== */

.hero-bg img{
    object-position:center center;
    filter:saturate(.92) contrast(1.02) brightness(.82);
}
.hero-overlay{
    background:
      linear-gradient(90deg,rgba(10,18,24,.76) 0%,rgba(10,18,24,.42) 40%,rgba(10,18,24,.16) 78%),
      linear-gradient(0deg,rgba(10,18,24,.28) 0%,rgba(10,18,24,.06) 100%);
}

/* 2. ekrandaki ara koyu bölümü kaldır */
.strategy{display:none !important;}

/* İletişim: kutu yok, yeşil zemin yok, map tam arka plan */
.contact{
    padding:102px 7% 118px 330px;
    background:#f6f4ef;
}
.contact-heading{
    margin-bottom:34px;
}
.contact-heading h2{
    margin-top:10px;
    font-size:48px;
    letter-spacing:-1.5px;
}
.contact-wrap{
    position:relative;
    display:flex;
    justify-content:flex-end;
    align-items:stretch;
    min-height:560px;
    overflow:hidden;
    background:#d8dde2;
}
.contact-wrap::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(13,21,28,.22) 0%,rgba(13,21,28,.08) 42%,rgba(13,21,28,.48) 100%);
    pointer-events:none;
}
.map{
    position:absolute;
    inset:0;
    background:transparent;
}
.map iframe{
    width:100%;
    height:100%;
    min-height:560px;
    border:0;
    filter:saturate(1) contrast(1.02) brightness(.98);
}
.contact-info{
    position:relative;
    z-index:2;
    width:min(460px, 100%);
    margin:36px 34px 36px auto;
    padding:0;
    background:transparent !important;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.contact-info > small{
    font-size:9px;
    letter-spacing:2px;
    color:rgba(255,255,255,.75);
}
.contact-info h3{
    margin-top:14px;
    font-size:42px;
    line-height:1.06;
    font-weight:600;
    color:#fff;
}
.office-address{
    margin-top:28px;
    font-size:13px;
    line-height:1.95;
    color:rgba(255,255,255,.86);
}
.office-details{
    margin-top:28px;
    border-top:1px solid rgba(255,255,255,.20);
}
.office-row{
    grid-template-columns:100px 1fr;
    padding:16px 0;
    border-bottom:1px solid rgba(255,255,255,.18);
    font-size:11px;
}
.office-row span:first-child{
    color:rgba(255,255,255,.62);
}
.office-row a,
.office-row span:last-child{
    color:#fff;
}
.contact-actions{
    margin-top:28px;
    display:flex;
    gap:10px;
    padding-top:0;
}
.contact-btn{
    height:48px;
    min-width:168px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,.30);
    background:rgba(255,255,255,.04);
    color:#fff;
    font-size:10px;
    letter-spacing:1.05px;
    backdrop-filter:blur(2px);
}
.contact-btn.primary{
    background:#fff;
    color:#172028;
    border-color:#fff;
}
.contact-btn:hover{
    background:rgba(255,255,255,.14);
    border-color:rgba(255,255,255,.42);
    color:#fff;
}
.contact-btn.primary:hover{
    background:#f2efe9;
    border-color:#f2efe9;
    color:#172028;
}

/* Footer biraz daha net hizalansın */
.footer{
    background:#101923;
    padding-top:0;
}
.footer-lead{
    padding-top:62px;
}
.footer-grid{
    align-items:start;
}
.footer-brand p,
.footer-col a,
.footer-col p{
    color:#cfd6db;
}
.footer-col h4,
.footer-lead>div>span,
.footer-bottom,
.footer-links a{
    color:#93a1ad;
}

@media(max-width:900px){
    .contact{
        padding-left:22px;
        padding-right:22px;
    }
    .contact-wrap{
        min-height:640px;
        align-items:flex-end;
    }
    .map iframe{
        min-height:640px;
    }
    .contact-wrap::after{
        background:linear-gradient(180deg,rgba(13,21,28,.18) 0%,rgba(13,21,28,.50) 55%,rgba(13,21,28,.74) 100%);
    }
    .contact-info{
        width:100%;
        max-width:none;
        margin:0;
        padding:28px 24px 26px;
    }
    .contact-info h3{
        font-size:32px;
    }
    .contact-actions{
        flex-direction:column;
        align-items:stretch;
    }
    .contact-btn{
        width:100%;
    }
}



/* =====================================================
   İLETİŞİM SON REVİZYON — SİYAH METİN / BAŞLIK KALDIRILDI
===================================================== */
.contact-heading{
    margin-bottom:24px;
}
.contact-heading small{
    color:#8a5145;
    font-size:9px;
    letter-spacing:2px;
}
.contact-wrap::after{
    background:linear-gradient(
        90deg,
        rgba(255,255,255,.08) 0%,
        rgba(255,255,255,.18) 48%,
        rgba(246,244,239,.82) 72%,
        rgba(246,244,239,.94) 100%
    );
}
.contact-info{
    color:#111820;
    text-shadow:none;
}
.contact-info > small{
    color:#38434c;
    font-weight:600;
}
.contact-info h3{
    color:#111820;
    font-weight:600;
}
.office-address{
    color:#1b242c;
    font-weight:500;
}
.office-details{
    border-top:1px solid rgba(17,24,32,.18);
}
.office-row{
    border-bottom:1px solid rgba(17,24,32,.16);
}
.office-row span:first-child{
    color:#606a72;
}
.office-row a,
.office-row span:last-child{
    color:#111820;
    font-weight:600;
}
.contact-btn{
    border-color:rgba(17,24,32,.28);
    background:rgba(255,255,255,.74);
    color:#111820;
    backdrop-filter:blur(3px);
}
.contact-btn.primary{
    background:#111820;
    color:#fff;
    border-color:#111820;
}
.contact-btn:hover{
    background:#fff;
    border-color:#111820;
    color:#111820;
}
.contact-btn.primary:hover{
    background:#242d35;
    border-color:#242d35;
    color:#fff;
}

@media(max-width:900px){
    .contact-wrap::after{
        background:linear-gradient(
            180deg,
            rgba(255,255,255,.08) 0%,
            rgba(246,244,239,.58) 52%,
            rgba(246,244,239,.95) 100%
        );
    }
    .contact-info{
        color:#111820;
    }
}



/* =====================================================
   SON HİZA + SOL MENÜ KONTRAST DÜZENİ
===================================================== */

/* Sol menü yerleşimine dokunma; yalnızca renk geçişini netleştir */
.side-nav{
    color:#111715;
}
.side-nav .side-logo,
.side-nav .side-menu-label,
.side-nav .side-menu a,
.side-nav .side-contact-caption,
.side-nav .side-bottom > a,
.side-nav .languages a{
    transition:color .26s ease, opacity .26s ease;
}

/* Footer içeriklerini kalan içerik alanında gerçekten ortala */
.footer{
    padding:0 7% 26px 330px;
    background:#101a24;
    color:#fff;
}
.footer-lead,
.footer-grid,
.footer-bottom{
    width:min(100%, 1180px);
    margin-left:auto;
    margin-right:auto;
}
.footer-lead{
    display:grid;
    grid-template-columns:minmax(0,1fr) 170px;
    gap:64px;
    align-items:center;
    padding:58px 0 42px;
    border-bottom:1px solid rgba(255,255,255,.12);
}
.footer-lead>div>span{
    margin-bottom:12px;
    color:#91a0aa;
}
.footer-lead h2{
    max-width:700px;
    margin:0;
    font-size:clamp(30px,2.7vw,42px);
    line-height:1.14;
    letter-spacing:-1.2px;
    font-weight:500;
}
.footer-lead>a{
    justify-self:end;
    width:170px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:0 0 9px;
    border-bottom:1px solid rgba(255,255,255,.32);
    font-size:10px;
    color:#fff;
}
.footer-grid{
    display:grid;
    grid-template-columns:1.35fr .75fr .85fr 1fr;
    gap:58px;
    align-items:start;
    padding:44px 0 40px;
}
.footer-brand,
.footer-col{
    min-width:0;
}
.footer-brand h3{
    margin:0;
    font-size:27px;
    line-height:1.1;
    font-weight:700;
    letter-spacing:-.5px;
}
.footer-brand p{
    max-width:330px;
    margin:16px 0 0;
    font-size:11px;
    line-height:1.9;
    color:#aab6be;
}
.footer-col h4{
    margin:2px 0 16px;
    font-size:9px;
    line-height:1;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#8395a1;
}
.footer-col a,
.footer-col p{
    display:block;
    margin:0;
    font-size:11px;
    line-height:1.85;
    color:#d5dce1;
}
.footer-col a + a,
.footer-col p + a,
.footer-col a + p{
    margin-top:5px;
}
.footer-bottom{
    min-height:58px;
    padding:18px 0 0;
    border-top:1px solid rgba(255,255,255,.10);
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:30px;
    font-size:8px;
    letter-spacing:.9px;
    color:#7f909b;
}
.footer-links{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:26px;
}
.footer-links a{
    color:#98a7b0;
}

@media(max-width:1200px) and (min-width:901px){
    .footer{padding-left:280px;}
    .footer-lead,.footer-grid,.footer-bottom{width:100%;}
}
@media(max-width:900px){
    .footer{padding-left:22px;padding-right:22px;}
    .footer-lead,.footer-grid,.footer-bottom{width:100%;}
    .footer-lead{grid-template-columns:1fr;gap:26px;align-items:start;}
    .footer-lead>a{justify-self:start;}
    .footer-grid{grid-template-columns:1fr 1fr;gap:34px;}
}
@media(max-width:560px){
    .footer-grid{grid-template-columns:1fr;gap:26px;}
    .footer-bottom{flex-direction:column;gap:12px;}
    .footer-links{justify-content:flex-start;flex-wrap:wrap;gap:14px;}
}




:root{--cream:#f5f5f5;--cream2:#ededed;--cream3:#d8d8d8;--green:#141414;--green2:#242424;--green3:#505050;--terracotta:#303030;--terracotta2:#171717;--ink:#151515;--muted:#626262;--line:rgba(0,0,0,.17)}
html{scroll-padding-top:24px}
body{background:#f5f5f5;color:#151515}
img{filter:grayscale(1)}
.side-logo-symbol{width:76px!important;height:62px!important;background:none!important;border:none!important;overflow:visible!important}.side-logo-symbol img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.3)}
.side-nav{background:transparent}
.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.21))!important}
.expertise-grid .expertise-item{display:grid;grid-template-columns:44px minmax(100px,185px) 1fr;gap:19px;align-items:center;padding:24px 8px;border-bottom:1px solid #d0d0d0}
.expertise-item .expertise-no{grid-column:1}
.expertise-item .expertise-visual{grid-column:2;grid-row:1 / span 2;overflow:hidden;height:120px}
.expertise-item .expertise-visual img{width:100%;height:100%;object-fit:cover}
.expertise-item>div:last-child{grid-column:3;grid-row:1 / span 2;padding-right:28px}
.expertise-item h3{font-size:clamp(17px,2vw,23px)!important;margin:0 0 8px}
.expertise-item p{font-size:13px}
.expertise-item .expertise-arrow{right:8px}
.paydas-insurance{background:#131313;color:#fff;padding:100px clamp(25px,8vw,125px);scroll-margin-top:30px}
.insurance-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;max-width:1240px;margin:auto;align-items:center}
.paydas-insurance small{letter-spacing:.17em;color:#bbb}
.paydas-insurance h2{font:500 clamp(36px,4.4vw,65px)/1.13 Georgia,serif;margin:25px 0 30px}
.paydas-insurance h2 em{font-style:italic;color:#ccc}
.paydas-insurance p{font-size:15px;line-height:1.9;color:#c5c5c5;max-width:720px;margin:0 0 18px}
.paydas-insurance a{display:inline-block;border-bottom:1px solid #888;padding:14px 0;margin-top:18px;color:white}
.insurance-panel{padding:42px;border:1px solid #555;min-height:250px;display:flex;flex-direction:column;justify-content:center}
.insurance-panel span{font-size:12px;letter-spacing:.17em;color:#aaa}
.insurance-panel strong{font:500 38px Georgia,serif;margin:20px 0}
.paydas-contact-photo{height:auto!important;overflow:visible!important;line-height:0;width:100%}
.paydas-contact-photo img{display:block;width:100%;height:auto!important;object-fit:contain!important;max-height:none!important}
@media(max-width:900px){.insurance-grid{grid-template-columns:1fr}.paydas-insurance{padding:65px 25px}.expertise-grid .expertise-item{grid-template-columns:35px 100px 1fr;gap:12px}.expertise-item .expertise-visual{height:90px}}
@media(max-width:560px){.expertise-grid .expertise-item{grid-template-columns:30px 1fr!important;gap:9px}.expertise-item .expertise-visual{grid-column:2;grid-row:auto;height:145px}.expertise-item>div:last-child{grid-column:2;grid-row:auto;padding:0}.insurance-panel{padding:25px}.paydas-contact-photo{height:auto!important}}
.languages a:not(.active){display:none!important}



.paydas-contact-photo,.paydas-contact-photo img{height:auto!important;max-height:none!important;overflow:visible!important;object-fit:contain!important}
.paydas-contact-photo img{display:block;width:100%}
.side-logo{display:block!important;width:210px;max-width:100%;height:auto!important}
.side-logo .paydas-identity-logo{width:100%;height:auto;max-height:130px;object-fit:contain;object-position:left center;display:block;background:transparent}
.intro-copy{margin:30px 0 18px!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px!important;max-width:1050px}
.intro-copy p{margin:0!important;line-height:1.85}
.paydas-more{display:inline-block;font-size:13px;padding-bottom:8px;border-bottom:1px solid currentColor;margin-top:16px;text-decoration:none}
.side-nav{background:transparent!important}
.side-menu a,.side-menu-label,.side-bottom>a,.side-contact-caption,.languages a{color:inherit}
@media(max-width:900px){.side-logo{width:180px}.intro-copy{grid-template-columns:1fr;gap:16px!important}.side-nav{background:#151515!important}}



/* Contact image: top-anchored crop, retains logo and removes lower excess floor */
.paydas-contact-photo{height:clamp(290px,42vw,580px)!important;max-height:580px;overflow:hidden!important;position:relative}
.paydas-contact-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;max-height:none!important;filter:grayscale(1)}
/* two logo variants share precisely identical geometry */
.side-logo{width:210px!important;height:170px!important;display:flex!important;align-items:flex-start;justify-content:flex-start}
.side-logo .paydas-identity-logo{width:200px!important;height:160px!important;max-height:none!important;object-fit:contain!important;object-position:top left;filter:none!important;transition:none!important}
@media(max-width:900px){.side-logo{width:180px!important;height:145px!important}.side-logo .paydas-identity-logo{width:170px!important;height:136px!important}.paydas-contact-photo{height:clamp(250px,54vw,460px)!important}}



/* Editorial image: intentionally offset to the right, compact instead of an oversized centered banner. */
.contact .paydas-contact-photo {
    box-sizing:border-box!important;
    width:min(73%, 1060px)!important;
    height:clamp(270px,30vw,435px)!important;
    margin:52px 6% 28px auto!important;
    overflow:hidden!important;
    background:#ddd;
}
.contact .paydas-contact-photo img {
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 19%!important;
}
/* Gentle grayscale treatment: keep Google Maps street labels legible. */
.contact .map iframe {
    filter:grayscale(.78) saturate(.33) contrast(.99) brightness(1.03)!important;
}
/* Align the artwork itself with the left edge of the navigation labels.
   Logo size stays unchanged; light/dark image files retain identical geometry. */
.side-nav .side-logo { margin-left:-24px!important; }
@media(max-width:900px){
    .side-nav .side-logo{margin-left:-16px!important}
    .contact .paydas-contact-photo{
        width:calc(100% - 40px)!important;
        height:clamp(220px,47vw,350px)!important;
        margin:28px 20px 20px!important;
    }
}



/* Photo remains under the pale full-section background, map and text in elegant distinct panels. */
.contact.light-section{position:relative!important;isolation:isolate;background:#f3f2f0 url("assets/paydas/iletisim.png") center 40%/cover no-repeat!important;overflow:hidden}
.contact.light-section::before{content:"";position:absolute;inset:0;z-index:0;background:rgba(248,247,245,.87);pointer-events:none}
.contact.light-section>.contact-heading,.contact.light-section>.contact-wrap{position:relative;z-index:1}
.contact .contact-wrap{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr)!important;gap:18px!important;align-items:stretch!important;min-height:470px!important;overflow:visible!important;background:transparent!important;background-image:none!important}
.contact .contact-wrap::after{display:none!important}
.contact .map{position:relative!important;inset:auto!important;min-height:470px!important;background:rgba(255,255,255,.9)!important;overflow:hidden}
.contact .map iframe{display:block;width:100%!important;height:100%!important;min-height:470px!important;opacity:1!important;filter:grayscale(.8) saturate(.22) contrast(.96) brightness(1.04)!important}
.contact .contact-info{position:relative!important;z-index:2!important;width:100%!important;margin:0!important;padding:38px 32px!important;background:rgba(255,255,255,.80)!important;backdrop-filter:blur(4px);color:#151515!important;box-shadow:0 12px 32px rgba(0,0,0,.045)}
.contact .contact-info h3{font-size:clamp(34px,3vw,49px)!important;line-height:1.07!important;color:#151515!important}
.contact .contact-info small,.contact .office-address,.contact .office-row a,.contact .office-row span:last-child{color:#232323!important}
@media(max-width:900px){.contact.light-section::before{background:rgba(248,247,245,.90)}.contact .contact-wrap{grid-template-columns:1fr!important;min-height:auto!important;gap:14px!important}.contact .map,.contact .map iframe{min-height:330px!important;height:330px!important}.contact .contact-info{padding:28px 24px!important}}

/* Editorial paragraph alignment */
.intro-copy p,.manifesto-content p,.expertise-head p,.expertise-item p,.work-left p,.work-item p,.hero-copy{text-align:justify;text-justify:inter-word}
@media(max-width:600px){.intro-copy p,.manifesto-content p,.expertise-head p,.expertise-item p,.work-left p,.work-item p,.hero-copy{text-align:left}}


.paydas-publications{background:#f5f5f5;color:#151515;padding:100px 8% 115px 330px}
.publication-wrap{max-width:1120px;margin:0 auto}
.publication-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:#787878}
.paydas-publications h2{font-family:"Manrope",Arial,sans-serif;font-weight:500;font-size:clamp(32px,4vw,58px);letter-spacing:-.05em;margin:16px 0}
.publication-intro{font-size:15px;line-height:1.8;max-width:720px;color:#666}
.publication-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:46px}
.publication-card{display:flex;flex-direction:column;min-height:295px;padding:28px 25px;border:1px solid #d5d5d5;background:#fafafa;color:#171717;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.publication-card:hover{background:#eee;border-color:#aaa;transform:translateY(-3px)}
.publication-number{font-size:10px;letter-spacing:.15em;color:#777}
.publication-card h3{font-size:clamp(23px,2vw,31px);line-height:1.2;font-weight:500;margin:45px 0 12px}
.publication-card p{font-size:13px;color:#666;line-height:1.8}
.publication-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;border-top:1px solid #d5d5d5;margin-top:auto;padding-top:22px}
@media(max-width:1200px){.paydas-publications{padding-left:285px;padding-right:35px}}
@media(max-width:900px){.paydas-publications{padding:76px 24px 90px!important}.publication-grid{grid-template-columns:1fr!important;gap:13px!important}.publication-card{min-height:225px!important}.publication-card h3{margin-top:25px}}
@media(max-width:600px){.paydas-publications{padding-left:20px!important;padding-right:20px!important}}
.intro-copy p,.manifesto-content p,.expertise-head p,.expertise-item p,.work-left p,.work-item p,.hero-copy,.paydas-insurance p,.footer-brand p,.publication-intro,.publication-card p{text-align:justify!important;text-justify:inter-word!important;hyphens:auto}
@media(max-width:900px){#bureau .intro-copy p,.expertise-head p,.intro-copy p,.manifesto-content p,.expertise-item p,.work-left p,.work-item p,.hero-copy,.paydas-insurance p,.footer-brand p,.publication-intro,.publication-card p{text-align:justify!important}}