/* ==========================================================================
   Örenler Yapı — Anasayfa (immersive, dark-gold) · v2 (Bank Gothic, no serif)
   ========================================================================== */
:root{
  --gold:#C9A96A; --bg:#16140F; --bg2:#1B1812; --cream:#F2EDE3;
  --mn:'Manrope',system-ui,sans-serif;
  --display:'Bank Gothic','BankGothic Md BT','Michroma',var(--mn); /* isimler/marka */
}
*{box-sizing:border-box}
html.oh,html.oh body{margin:0;padding:0;background:var(--bg)}
html.oh body{overflow:hidden}
.oh-root::-webkit-scrollbar,.oh-scroller::-webkit-scrollbar{width:0;height:0}
@keyframes kenburns{from{transform:scale(1.14) translateX(2%)}to{transform:scale(1.02) translateX(0)}}
@keyframes maskIn{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
@keyframes riseIn{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pulseDown{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(8px);opacity:1}}

.oh-root{height:100vh;overflow:hidden;position:relative;background:var(--bg);color:var(--cream);font-family:var(--mn)}
.oh-line{display:block;width:48px;height:1px;background:var(--gold)}
.oh-kicker{font-size:13px;font-weight:600;letter-spacing:.34em;color:var(--gold)}
.oh-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:20px}

/* ---- Header ---- */
.oh-header{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:24px 48px;background:linear-gradient(180deg,rgba(22,20,15,.85),rgba(22,20,15,0))}
.oh-brand{text-decoration:none;display:flex;align-items:center;gap:14px}
.oh-brand img,.oh-header .custom-logo{height:42px;width:auto;display:block}
.oh-brand-txt{display:flex;align-items:baseline;gap:8px}
.oh-brand .b1{font-family:var(--display);font-size:19px;font-weight:400;letter-spacing:.16em;color:var(--cream)}
.oh-brand .b2{font-family:var(--display);font-size:11px;font-weight:400;letter-spacing:.3em;color:var(--gold)}
.oh-header .r{display:flex;align-items:center;gap:26px}
.oh-nav{display:flex;align-items:center;gap:24px}
.oh-nav a{color:rgba(242,237,227,.85);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.14em;transition:color .4s}
.oh-nav a:hover{color:var(--gold)}
.oh-phone{color:var(--cream);text-decoration:none;font-size:14px;letter-spacing:.06em;font-weight:500;transition:color .4s}
.oh-phone:hover{color:var(--gold)}
.oh-nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px 6px}
.oh-nav-toggle span{display:block;height:2px;width:100%;background:var(--cream);transition:.35s}
.oh-nav-toggle:hover span{background:var(--gold)}

/* ---- Fullscreen menu overlay ---- */
/* İç sayfalarla BİREBİR aynı: numaralı (01-04), sol hizalı, kutulu ✕ */
.oh-menu{position:fixed;inset:0;z-index:120;background:rgba(22,20,15,.985);display:none;flex-direction:column}
.oh-menu.open{display:flex;animation:ohMenuFade .45s ease both}
@keyframes ohMenuFade{from{opacity:0}to{opacity:1}}
.oh-menu-top{display:flex;align-items:center;justify-content:space-between;padding:20px 48px}
.oh-menu-close{background:none;border:1px solid rgba(201,169,106,.4);color:var(--gold);width:46px;height:46px;font-size:18px;line-height:1;cursor:pointer;transition:all .4s;font-family:var(--mn)}
.oh-menu-close:hover{background:var(--gold);color:#16140F}
.oh-menu-links{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 48px}
.oh-menu-links a{display:flex;align-items:baseline;gap:22px;text-decoration:none;padding:13px 0;border-bottom:1px solid rgba(201,169,106,.12)}
.oh-menu-links .n{font-family:var(--display);font-size:12px;color:var(--gold)}
.oh-menu-links .l{font-family:var(--display);font-size:clamp(22px,3.6vh,34px);letter-spacing:.1em;color:var(--cream);transition:color .4s}
.oh-menu-links a:hover .l{color:var(--gold)}
.oh-menu-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 48px;border-top:1px solid rgba(201,169,106,.2);flex-wrap:wrap}
.oh-menu-foot .p{color:var(--gold);text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.08em}
.oh-menu-foot .a{font-size:12.5px;color:rgba(242,237,227,.6)}
.oh-menu-foot .wa{color:var(--cream);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.14em;border:1px solid rgba(242,237,227,.35);padding:10px 22px;transition:all .4s}
.oh-menu-foot .wa:hover{border-color:var(--gold);color:var(--gold)}

/* ---- Dot nav ---- */
.oh-dotnav{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:14px;align-items:flex-end}
.oh-dotnav button{width:10px;height:10px;border-radius:50%;padding:0;cursor:pointer;border:1px solid rgba(242,237,227,.4);background:transparent;transition:all .3s}
.oh-dotnav button.on{border-color:var(--gold);background:var(--gold)}

/* ---- Scroller ---- */
.oh-scroller{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory}
.oh-sec{position:relative;height:100vh;scroll-snap-align:start}

/* ---- Hero slider ---- */
.oh-hero{overflow:hidden}
.oh-slide{position:absolute;inset:0;overflow:hidden;opacity:0;z-index:0}
.oh-slide.is-prev{opacity:1;z-index:1}
.oh-slide.is-active{opacity:1;z-index:2;animation:maskIn 1.7s cubic-bezier(.9,0,.1,1) both}
.oh-slide.is-first.is-active{animation:fadeIn 1.2s ease both}
.oh-slide-img{position:absolute;inset:-2%;background-size:cover;background-position:center;background-color:#26221A}
.oh-slide.is-active .oh-slide-img{animation:kenburns 14s ease-out both}
.oh-ov1{position:absolute;inset:0;background:linear-gradient(75deg,rgba(22,20,15,.92) 0%,rgba(22,20,15,.55) 45%,rgba(22,20,15,.15) 100%)}
.oh-ov2{position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,20,15,.35) 0%,rgba(22,20,15,0) 30%,rgba(22,20,15,.75) 100%)}
.oh-hero-content{position:absolute;left:48px;right:48px;bottom:130px;max-width:1050px}
.oh-hero-content .r1,.oh-hero-content .r2,.oh-hero-content .r3,.oh-hero-content .r4{opacity:0}
.oh-slide.is-active .r1{animation:riseIn 1.25s cubic-bezier(.22,1,.36,1) .6s both}
.oh-slide.is-active .r2{animation:riseIn 1.25s cubic-bezier(.22,1,.36,1) .8s both}
.oh-slide.is-active .r3{animation:riseIn 1.25s cubic-bezier(.22,1,.36,1) 1s both}
.oh-slide.is-active .r4{animation:riseIn 1.25s cubic-bezier(.22,1,.36,1) 1.2s both}
.oh-hero-content h1{margin:0;font-family:var(--mn);font-weight:800;font-size:clamp(40px,6vw,92px);line-height:1.02;letter-spacing:-.01em;color:var(--cream)}
.oh-hero-content h1 b{color:var(--gold);font-weight:800}
.oh-slide.is-project h1{font-family:var(--display);font-weight:400;letter-spacing:.02em;font-size:clamp(38px,5.2vw,82px);line-height:1.04}
.oh-slide.is-project h1 b{color:var(--gold);font-weight:400}
.oh-sub{margin:26px 0 0;max-width:560px;font-size:17px;line-height:1.7;font-weight:300;color:rgba(242,237,227,.82)}
.oh-cta-row{display:flex;align-items:center;gap:20px;margin-top:36px;flex-wrap:wrap}
.oh-btn-outline{display:inline-block;border:1px solid var(--gold);color:var(--gold);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.18em;padding:15px 34px;transition:all .55s ease}
.oh-btn-outline:hover{background:var(--gold);color:var(--bg)}
.oh-hero-meta{font-size:12px;letter-spacing:.22em;color:rgba(242,237,227,.5);font-weight:500}

.oh-hero-controls{position:absolute;left:48px;right:48px;bottom:52px;z-index:10;display:flex;align-items:center;justify-content:space-between}
.oh-hc-left{display:flex;align-items:center;gap:22px}
.oh-counter{font-family:var(--display);font-size:26px;color:var(--gold);min-width:44px;font-weight:400}
.oh-hc-line{display:block;width:60px;height:1px;background:rgba(242,237,227,.3)}
.oh-total{font-family:var(--display);font-size:16px;color:rgba(242,237,227,.45);font-weight:400}
.oh-hc-dots{display:flex;gap:10px;margin-left:24px}
.oh-hc-dots button{width:10px;height:3px;border:none;cursor:pointer;background:rgba(242,237,227,.35);transition:all .6s ease;padding:0}
.oh-hc-dots button.on{width:34px;background:var(--gold)}
.oh-arrows{display:flex;gap:12px}
.oh-arrows button{width:52px;height:52px;border:1px solid rgba(242,237,227,.28);background:transparent;color:var(--cream);font-size:18px;cursor:pointer;transition:all .55s ease}
.oh-arrows button:hover{border-color:var(--gold);color:var(--gold)}
.oh-scroll-hint{position:absolute;bottom:52px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px}
.oh-scroll-hint span:first-child{font-size:11px;letter-spacing:.3em;color:rgba(242,237,227,.55);font-weight:500}
.oh-scroll-hint .bar{display:block;width:1px;height:34px;background:var(--gold);animation:pulseDown 2s ease-in-out infinite}

/* ---- About / stats ---- */
.oh-about{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,10vh,90px) 48px 0;background:var(--bg)}
.oh-grid-about{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,4vw,70px);align-items:center;max-width:1500px;margin:0 auto;width:100%}
.oh-about h2{margin:0 0 clamp(12px,2vh,24px);font-family:var(--mn);font-weight:700;font-size:clamp(28px,3.4vw,52px);line-height:1.08;letter-spacing:-.01em;color:var(--cream)}
.oh-about h2 b{font-weight:800;color:var(--gold)}
.oh-about p.lead{margin:0 0 clamp(16px,3vh,34px);max-width:560px;font-size:15px;line-height:1.7;font-weight:300;color:rgba(242,237,227,.75)}
.oh-features{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px;max-width:560px}
.oh-features div{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:rgba(242,237,227,.85)}
.oh-diamond{display:block;width:7px;height:7px;background:var(--gold);transform:rotate(45deg);flex-shrink:0}
.oh-about-media{position:relative}
.oh-about-frame{position:absolute;top:-22px;right:-22px;width:60%;height:60%;border:1px solid rgba(201,169,106,.4)}
.oh-about-img{position:relative;display:block;width:100%;height:clamp(180px,34vh,420px);object-fit:cover}
.oh-stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:1500px;margin:clamp(20px,4vh,56px) auto 0;width:100%;border-top:1px solid rgba(201,169,106,.22);padding:clamp(14px,3vh,34px) 0 clamp(14px,3vh,40px)}
.oh-stat{text-align:center;border-right:1px solid rgba(201,169,106,.14);padding:0 16px}
.oh-stat .v{font-family:var(--mn);font-size:clamp(30px,5.5vh,60px);font-weight:800;color:var(--gold);line-height:1;letter-spacing:-.02em}
.oh-stat .l{margin-top:8px;font-size:12px;font-weight:600;letter-spacing:.22em;color:rgba(242,237,227,.6)}

/* ---- Projects ---- */
.oh-proj{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,10vh,100px) 48px clamp(20px,4vh,40px);background:var(--bg2)}
.oh-proj-inner{max-width:1500px;margin:0 auto;width:100%}
.oh-proj-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:clamp(16px,3vh,38px)}
.oh-proj-head h2{margin:0;font-family:var(--mn);font-weight:700;font-size:clamp(28px,3.2vw,48px);line-height:1.08;letter-spacing:-.01em;color:var(--cream)}
.oh-proj-head h2 b{font-weight:800;color:var(--gold)}
.oh-btn-outline-sm{border:1px solid rgba(201,169,106,.5);color:var(--gold);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.18em;padding:13px 26px;transition:all .55s ease;white-space:nowrap}
.oh-btn-outline-sm:hover{background:var(--gold);color:var(--bg)}
.oh-grid-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.oh-pcard{position:relative;display:block;text-decoration:none;overflow:hidden;background:var(--bg);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.oh-pcard:hover{transform:translateY(-6px)}
.oh-pcard .ph{position:relative;height:clamp(110px,22vh,260px);overflow:hidden}
.oh-pcard .ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.oh-pcard:hover .ph img{transform:scale(1.06)}
.oh-pcard .tag{position:absolute;top:14px;left:14px;background:rgba(22,20,15,.82);color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.2em;padding:6px 12px}
.oh-pcard .tag.done{background:rgba(20,60,36,.9);color:#7BE0A6}
.oh-pcard .body{display:flex;align-items:center;justify-content:space-between;padding:clamp(10px,2vh,16px) 18px;border:1px solid rgba(201,169,106,.16);border-top:none}
.oh-pcard .name{font-family:var(--display);font-size:20px;font-weight:400;letter-spacing:.03em;color:var(--cream)}
.oh-pcard .loc{margin-top:4px;font-size:12px;letter-spacing:.06em;color:rgba(242,237,227,.55);display:flex;align-items:center;gap:8px}
.oh-pcard .yr{color:var(--gold);font-weight:600}
.oh-pcard .arr{color:var(--gold);font-size:16px}

/* ---- Steps ---- */
.oh-steps-sec{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,10vh,90px) 48px 0;background:var(--bg)}
.oh-center-head{text-align:center;margin-bottom:clamp(24px,6vh,64px)}
.oh-center-head .oh-eyebrow{justify-content:center;margin-bottom:18px}
.oh-center-head h2{margin:0;font-family:var(--mn);font-weight:700;font-size:clamp(30px,3.6vw,52px);letter-spacing:-.01em;color:var(--cream)}
.oh-center-head h2 b{font-weight:800;color:var(--gold)}
.oh-grid-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(201,169,106,.22);max-width:1500px;margin:0 auto;width:100%}
.oh-step{padding:clamp(20px,4vh,44px) 32px clamp(12px,2vh,20px);border-right:1px solid rgba(201,169,106,.14);transition:background .5s ease}
.oh-step:hover{background:rgba(201,169,106,.05)}
.oh-step .no{font-family:var(--display);font-size:clamp(34px,6vh,56px);font-weight:400;color:rgba(201,169,106,.45);line-height:1}
.oh-step h3{margin:clamp(10px,2vh,22px) 0 10px;font-family:var(--mn);font-size:22px;font-weight:700;color:var(--cream);letter-spacing:-.01em}
.oh-step p{margin:0;font-size:14px;line-height:1.7;font-weight:300;color:rgba(242,237,227,.65)}

/* ---- FAQ ---- */
.oh-faq-sec{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,10vh,90px) 48px 0;background:var(--bg2)}
.oh-faq-inner{max-width:900px;margin:0 auto;width:100%}
.oh-faq-list{border-top:1px solid rgba(201,169,106,.22)}
.oh-faq-item{border-bottom:1px solid rgba(201,169,106,.16)}
.oh-faq-q{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:clamp(11px,2vh,20px) 6px;text-align:left;gap:20px}
.oh-faq-q span:first-child{font-family:var(--mn);font-size:clamp(16px,2.4vh,21px);font-weight:600;color:var(--cream)}
.oh-faq-ic{font-size:24px;font-weight:300;color:var(--gold);flex-shrink:0;transition:transform .35s;font-family:var(--mn)}
.oh-faq-item.open .oh-faq-ic{transform:rotate(45deg)}
.oh-faq-a{max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s ease}
.oh-faq-item.open .oh-faq-a{max-height:240px;opacity:1}
.oh-faq-a p{margin:0;padding:0 6px clamp(12px,2vh,22px);font-size:14px;line-height:1.75;font-weight:300;color:rgba(242,237,227,.7);max-width:760px}

/* ---- CTA + footer ---- */
.oh-cta-sec{display:flex;flex-direction:column;overflow:hidden}
.oh-cta-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.oh-cta-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,20,15,.88) 0%,rgba(22,20,15,.82) 60%,rgba(22,20,15,.96) 100%)}
.oh-cta-inner{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 48px 0}
.oh-cta-inner .oh-eyebrow{justify-content:center;margin-bottom:22px}
.oh-cta-inner h2{margin:0 0 26px;font-family:var(--mn);font-weight:700;font-size:clamp(34px,5vw,74px);line-height:1.08;letter-spacing:-.01em;color:var(--cream);max-width:900px}
.oh-cta-inner h2 b{font-weight:800;color:var(--gold)}
.oh-cta-inner p{margin:0 0 40px;max-width:560px;font-size:16px;line-height:1.75;font-weight:300;color:rgba(242,237,227,.75)}
.oh-cta-btns{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
.oh-btn-gold-lg{background:var(--gold);color:var(--bg);text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.14em;padding:18px 40px;transition:background .5s ease}
.oh-btn-gold-lg:hover{background:var(--cream)}
.oh-btn-outline-lg{border:1px solid rgba(242,237,227,.4);color:var(--cream);text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.14em;padding:18px 40px;transition:all .55s ease}
.oh-btn-outline-lg:hover{border-color:var(--gold);color:var(--gold)}
.oh-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 48px;border-top:1px solid rgba(201,169,106,.2);flex-wrap:wrap}
.oh-footer .fbrand{display:flex;align-items:baseline;gap:8px}
.oh-footer .fbrand .b1{font-family:var(--display);font-size:20px;font-weight:400;letter-spacing:.16em;color:var(--cream)}
.oh-footer .fbrand .b2{font-family:var(--display);font-size:11px;font-weight:400;letter-spacing:.34em;color:var(--gold)}
.oh-footer .addr{font-size:12.5px;font-weight:400;letter-spacing:.04em;color:rgba(242,237,227,.6)}
.oh-footer .copy{font-size:12px;color:rgba(242,237,227,.45)}

/* ---- Responsive ---- */
@media (max-width:768px){
  .oh-scroller{scroll-snap-type:none}
  .oh-sec{height:auto;min-height:100svh;padding-left:22px;padding-right:22px}
  .oh-hero{height:100vh}
  .oh-hero-content{left:22px;right:22px;bottom:130px}
  .oh-hero-content h1,.oh-slide.is-project h1{font-size:clamp(34px,10vw,56px)}
  .oh-hero-controls{left:22px;right:22px;bottom:40px}
  .oh-arrows,.oh-hero-meta,.oh-scroll-hint,.oh-dotnav{display:none}
  .oh-header{padding:16px 20px}
  .oh-phone,.oh-nav{display:none}
  .oh-menu-top,.oh-menu-foot,.oh-menu-links{padding-left:22px;padding-right:22px}
  .oh-menu-foot{flex-direction:column;align-items:flex-start;gap:10px;padding-top:18px;padding-bottom:18px}
  .oh-grid-about{grid-template-columns:1fr;gap:26px}
  .oh-about-img{height:24vh}
  .oh-about-frame{display:none}
  .oh-stats{grid-template-columns:1fr 1fr;row-gap:24px}
  .oh-stat{border-right:none}
  .oh-grid-projects{grid-template-columns:1fr 1fr;gap:14px}
  .oh-proj-head{flex-direction:column;align-items:flex-start;gap:16px}
  .oh-grid-steps{grid-template-columns:1fr}
  .oh-step{border-right:none;border-bottom:1px solid rgba(201,169,106,.14);padding:20px 4px}
  .oh-cta-inner{padding:80px 22px 0}
  .oh-footer{flex-direction:column;align-items:flex-start;gap:10px;padding:20px 22px}
}
@media (prefers-reduced-motion:reduce){
  .oh-slide.is-active,.oh-slide.is-active .oh-slide-img,.oh-slide.is-active .r1,.oh-slide.is-active .r2,.oh-slide.is-active .r3,.oh-slide.is-active .r4,.oh-scroll-hint .bar{animation:none}
  .oh-hero-content .r1,.oh-hero-content .r2,.oh-hero-content .r3,.oh-hero-content .r4{opacity:1}
}