/* HAN Mimarlık — isolated styles for hakkimizda.html only */
:root{--about-bg:#f3f0e9;--about-ink:#171613;--about-muted:#625e57;--about-line:#b8b2a8}
body{background:var(--about-bg);color:var(--about-ink)}
.site-header{position:relative;background:var(--about-bg);color:var(--about-ink);border-bottom:1px solid #17161320}
.about-page{background:var(--about-bg);color:var(--about-ink);font-family:"DM Sans",Arial,sans-serif}
.about-page *{box-sizing:border-box}
.about-page img{display:block;width:100%;height:100%;object-fit:cover}
.about-page h1,.about-page h2,.about-page h3{font-family:"Playfair Display",Georgia,serif;font-weight:400}
.about-hero{display:grid;grid-template-columns:1.13fr .87fr;min-height:650px}
.about-portrait{min-height:650px;background:#d6d0c6}
.about-portrait img{object-position:center 38%}
.about-intro{padding:64px clamp(32px,5vw,82px);display:flex;flex-direction:column;justify-content:center}
.about-eyebrow{font-size:11px;letter-spacing:.22em;font-weight:600;margin:0 0 22px}
.about-intro h1{font-size:clamp(48px,5.2vw,76px);line-height:.98;letter-spacing:-.045em;margin:0 0 20px}
.about-role{font-size:11px;line-height:1.8;letter-spacing:.2em;margin:0 0 23px}
.about-rule{width:32px;height:1px;background:var(--about-ink);margin:0 0 22px}
.about-bio{font-size:14px;line-height:1.75;color:#4f4b45;margin:0}
.about-signature{font-family:"Allura",cursive;font-size:clamp(38px,4vw,58px);margin-top:28px;line-height:1.2}
.about-experience{display:grid;grid-template-columns:.82fr 1.18fr .42fr;gap:36px;padding:42px 5.2% 46px;align-items:start}
.about-experience-title{border-right:1px solid var(--about-line);padding:0 28px 0 0;min-height:235px}
.about-experience-title .about-rule{margin-bottom:22px}
.about-experience-title h2{font-size:clamp(34px,3.8vw,53px);line-height:1.05;letter-spacing:-.035em;margin:0}
.about-experience-copy{font-size:13px;line-height:1.65;color:#504c46}
.about-experience-copy p{margin:0 0 18px}
.about-cities{border-left:1px solid var(--about-line);padding-left:26px;font-size:10px;letter-spacing:.12em;line-height:2.3}
.about-cities span{display:block}
.about-project{display:grid;grid-template-columns:1.08fr .92fr;min-height:305px}
.about-materials{min-height:305px;background:#d5c8b8}
.about-materials img{object-position:center 53%}
.about-project-copy{padding:35px clamp(30px,5.5vw,80px);display:flex;flex-direction:column;justify-content:center}
.about-project-copy .about-rule{margin-bottom:25px}
.about-project-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.035em;margin:0 0 25px}
.about-project-link{align-self:flex-start;border-bottom:1px solid #777166;padding:0 0 8px;font-size:10px;letter-spacing:.1em}
.about-project-link span{margin-left:12px;font-size:18px}
.about-process{display:grid;grid-template-columns:.9fr 2.6fr;gap:30px;padding:32px 5.2% 38px;align-items:center}
.about-process-title{font-size:clamp(25px,2.4vw,34px);line-height:1.15;border-right:1px solid var(--about-line);padding:8px 25px 8px 0;margin:0}
.about-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.about-step{text-align:center;min-width:0;position:relative}
.about-step-icon{width:58px;height:58px;border:1px solid #aaa49a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.about-step-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.about-step h3{font-size:13px;line-height:1.35;margin:0}
.about-footer{border-top:1px solid #ffffff20;padding:24px clamp(24px,8.9vw,172px);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;background:#1c1c1a;color:#f4f1ea}
.about-footer a{color:#f4f1ea}
.about-footer img{filter:brightness(0) invert(1)}
@media(min-width:1500px){.about-hero{min-height:740px}.about-portrait{min-height:740px}}
@media(max-width:900px){.about-hero{grid-template-columns:1fr 1fr;min-height:560px}.about-portrait{min-height:560px}.about-intro{padding:40px 30px}.about-experience{grid-template-columns:.8fr 1.2fr;gap:25px;padding:35px 5%}.about-cities{grid-column:2;display:flex;gap:18px;padding:12px 0 0;border-left:0;border-top:1px solid var(--about-line)}.about-project-copy{padding:30px}.about-process{grid-template-columns:1fr;gap:25px}.about-process-title{border-right:0;border-bottom:1px solid var(--about-line);padding:0 0 20px}}
@media(max-width:600px){.about-hero{grid-template-columns:1fr}.about-portrait{min-height:0;height:112vw;max-height:540px}.about-intro{padding:35px 23px 40px}.about-intro h1{font-size:55px}.about-bio{font-size:13px}.about-experience{grid-template-columns:1fr;gap:22px;padding:32px 23px}.about-experience-title{min-height:0;border-right:0;border-bottom:1px solid var(--about-line);padding:0 0 22px}.about-experience-title h2{font-size:43px}.about-experience-copy{font-size:13px}.about-cities{grid-column:auto;flex-wrap:wrap;gap:10px 18px}.about-project{grid-template-columns:1fr}.about-materials{height:65vw;min-height:230px}.about-project-copy{padding:30px 23px 35px}.about-project-copy h2{font-size:39px}.about-process{padding:30px 20px 35px;gap:22px}.about-process-title{font-size:30px}.about-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.about-step:last-child{grid-column:1/-1}.about-footer{padding:20px;flex-wrap:wrap}}


/* Shared HAN header: consistent across all public pages */
.site-header{height:82px!important;min-height:82px;box-sizing:border-box;position:relative!important;inset:auto!important;z-index:100;background:#f4f1eb!important;color:#171613!important;border-bottom:1px solid rgba(23,22,19,.15)!important;padding:0 5.1%!important;display:grid!important;grid-template-columns:minmax(150px,1fr) auto minmax(130px,1fr);align-items:center!important;gap:24px!important}
.site-header .brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;min-width:0!important;margin:0!important;color:#171613!important;text-decoration:none!important;white-space:nowrap}
.site-header .brand-wordmark{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:36px;line-height:.9;letter-spacing:-2.8px;font-weight:400;color:#171613}
.site-header .brand small{display:block!important;font-size:7px!important;line-height:1.2;letter-spacing:.12em!important;margin-top:5px!important;color:#4e4a44!important;text-transform:none!important}
.site-header .nav{display:flex!important;align-items:center!important;justify-content:center;gap:clamp(15px,2.1vw,34px)!important;position:static!important;inset:auto!important;padding:0!important;margin:0!important;background:transparent!important;color:#171613!important;flex-direction:row!important;white-space:nowrap}
.site-header .nav a{font:500 10px/1.2 'DM Sans',Arial,sans-serif!important;letter-spacing:.035em!important;color:#302d28!important;text-decoration:none!important;position:relative;padding:8px 0!important}
.site-header .nav a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#171613;transition:width .2s}
.site-header .nav a:hover:after,.site-header .nav a[aria-current="page"]:after{width:100%}
.site-header .lang-switch{justify-self:end!important;display:block!important;background:none!important;border:0!important;color:#171613!important;padding:8px 0!important;margin:0!important;font:500 10px/1.2 'DM Sans',Arial,sans-serif!important;white-space:nowrap;cursor:pointer}
.site-header .lang-switch span{opacity:.48}.site-header .lang-switch span.active{opacity:1;color:#171613}
.site-header .menu-toggle{display:flex!important;justify-self:end;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:30px;height:34px;padding:5px!important;margin-left:-12px;background:transparent!important;border:0!important;color:#171613!important;cursor:pointer}
.site-header .menu-toggle span{display:block!important;width:23px;height:1px;background:#171613!important;transition:transform .2s,opacity .2s}
.site-header .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(6px) rotate(45deg)}.site-header .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.site-header .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1050px){.site-header{grid-template-columns:minmax(115px,1fr) auto auto auto;gap:14px!important;padding:0 4%!important}.site-header .brand-wordmark{font-size:32px}.site-header .nav{gap:clamp(10px,1.4vw,18px)!important}.site-header .nav a{font-size:9px!important}}
@media(max-width:760px){.site-header{height:70px!important;min-height:70px;grid-template-columns:1fr auto auto;gap:12px!important;padding:0 5%!important}.site-header .brand-wordmark{font-size:30px}.site-header .brand small{font-size:6px!important}.site-header .nav{display:none!important;position:absolute!important;top:69px!important;left:0!important;right:0!important;padding:23px 5% 27px!important;background:#f4f1eb!important;border-bottom:1px solid #17161324;box-shadow:0 12px 25px #17161312;flex-direction:column!important;align-items:flex-start!important;gap:19px!important;white-space:normal;z-index:110}.site-header .nav.open{display:flex!important}.site-header .nav a{font-size:11px!important}.site-header .lang-switch{justify-self:end!important}.site-header .menu-toggle{margin-left:0!important}}

/* Hakkimizda footer arka plan duzeltmesi */
html body footer.about-footer {
    background: #1c1c1a !important;
    background-color: #1c1c1a !important;
    color: #f4f1ea !important;
    border-top-color: #ffffff20 !important;
}
html body footer.about-footer a,
html body footer.about-footer span {
    color: #f4f1ea !important;
}
html body footer.about-footer img {
    filter: brightness(0) invert(1) !important;
}

/* Hakkimizda footer: ana sayfa ile bire bir */
footer.footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px clamp(24px, 8.9vw, 172px);
  background: #1c1c1a !important;
  color: #f4f1ea !important;
  font-size: 9px;
}
footer.footer a,
footer.footer span {
  color: #f4f1ea !important;
}
footer.footer .brand-logo {
  display: block;
  width: 230px;
  height: 68px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1) !important;
}
@media (max-width: 600px) {
  footer.footer {
    padding: 20px;
    gap: 16px;
    flex-wrap: wrap;
  }
}

/* Footer siyah arka plan kesin duzeltme */
html body footer.footer {
    background: #1c1c1a !important;
    background-color: #1c1c1a !important;
    color: #f4f1ea !important;
    border-top: 1px solid #ffffff20 !important;
}
html body footer.footer a,
html body footer.footer span {
    color: #f4f1ea !important;
}
html body footer.footer img {
    filter: brightness(0) invert(1) !important;
}



/* Brittany Signature - final imza ayarı */
@font-face {
    font-family: 'Brittany Signature';
    src: url('/assets/fonts/BrittanySignature.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.about-signature {
    font-family: 'Brittany Signature', cursive !important;
    font-size: 48px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    margin-top: 14px !important;
    margin-left: 0 !important;
    position: relative !important;
    left: clamp(120px, 17vw, 260px) !important;
    top: 35px !important;
}

@media (max-width: 600px) {
    .about-signature {
        left: 15px !important;
        top: 10px !important;
        font-size: 42px !important;
    }
}

/* Yatay taşmayı engelle */
html, body {
    overflow-x: hidden !important;
}