:root{
  --navy:#1c1916;
  --navy2:#28231f;
  --ink:#211d19;
  --paper:#f7f4ef;
  --white:#fff;
  --lime:#c56d3b;
  --blue:#a64e28;
  --muted:#706a63;
  --line:#ddd6ce;
  --sand:#e9dfd3;
  --copper:#c56d3b;
  --copper-dark:#8f4021;
  --wrap:min(1440px,calc(100vw - 112px));
}
body{background:var(--paper);color:var(--ink)}
::selection{background:var(--copper);color:#fff}

/* Marka ve ana navigasyon */
.topbar{height:108px;grid-template-columns:260px 1fr 220px;padding-inline:max(36px,calc((100vw - 1560px)/2));background:linear-gradient(180deg,rgba(20,18,16,.82),transparent);border-color:rgba(255,255,255,.16)}
.topbar.scrolled,.light-page .topbar,.contact-body .topbar{height:86px;background:rgba(28,25,22,.95);box-shadow:0 10px 45px rgba(17,13,10,.12)}
.wordmark{display:block;line-height:1}
.wordmark img{width:200px;height:auto;object-fit:contain}
.footer-mark img{width:220px}
.nav{gap:clamp(25px,2.3vw,44px)}
.nav a{font-size:13px;font-weight:700;letter-spacing:.085em;text-transform:uppercase}
.nav a:after{height:3px;background:var(--copper);bottom:-13px}
.top-cta{min-height:56px;padding:0 24px;font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:var(--copper);color:#fff;border-radius:2px;transition:transform .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease)}
.top-cta:hover{background:#d67a46;transform:translateY(-3px);box-shadow:0 16px 35px rgba(197,109,59,.25)}

/* Ferah kahraman alanı */
.hero{grid-template-columns:51% 49%;background:var(--navy)}
.hero-copy{padding-left:max(56px,calc((100vw - 1440px)/2));padding-right:5vw}
.hero h1{font-size:clamp(64px,6.25vw,108px);line-height:.94;letter-spacing:-.066em}
.hero h1 em{color:#e5a17b}
.hero-text{font-size:18px;line-height:1.8;color:#c7c0b8;max-width:680px}
.overline i{background:var(--copper)}
.hero-photo{overflow:hidden}
.hero-photo img{will-change:transform;transform:scale(1.035);filter:saturate(.72) contrast(1.03);transition:transform 1.2s var(--ease)}
.hero-photo:after{background:linear-gradient(90deg,rgba(28,25,22,.46),transparent 42%),linear-gradient(0deg,rgba(28,25,22,.42),transparent 48%)}
.hero-photo figcaption b{font-size:44px;color:#f0b18d}

/* Büyük, rahat okunur eylemler */
.btn{min-height:62px;padding:0 30px;font-size:14px;font-weight:700;letter-spacing:.02em;border-radius:2px;position:relative;overflow:hidden;transition:transform .35s var(--ease),background .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease)}
.btn.lime{background:var(--copper);color:#fff}
.btn.lime:hover{background:#d67a46;color:#fff;transform:translateY(-4px);box-shadow:0 18px 40px rgba(197,109,59,.23)}
.btn.ghost:hover,.btn.line:hover{background:#fff;color:var(--ink);transform:translateY(-4px)}
.phone{font-size:15px}

/* Genel renk ve boşluk düzeni */
.manifest,.method,.intro,.steps{padding-block:clamp(110px,10vw,170px)}
.manifest h2 strong,.title-row h2 strong,.method h2 strong,.uses h2 strong,.faq h2 strong,.page-heading h1 strong,.contact-band h2 strong,.contact-page h1 strong{color:var(--copper)}
.manifest div>p,.title-row>p,.intro div>p,.page-heading>p:last-child{line-height:1.85}
.section-id{font-size:11px;font-weight:700;letter-spacing:.19em}

/* Ana sayfa hizmet geçişleri */
.systems{padding-block:clamp(90px,9vw,155px)}
.service-stage{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:clamp(48px,6vw,110px);align-items:start}
.service-list{border-top-color:var(--line)}
.service-row{grid-template-columns:105px 1fr 50px;min-height:142px;padding-right:22px;isolation:isolate;position:relative}
.service-row:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .45s var(--ease)}
.service-row>b{font-size:34px;line-height:1;font-weight:600;letter-spacing:-.06em;color:#a49b92;transition:color .35s var(--ease)}
.service-row h3{font-size:clamp(25px,2vw,32px)}
.service-row p{font-size:13px}
.service-row:hover{background:transparent;padding-left:20px}
.service-row:hover:before,.service-row:focus-visible:before{transform:scaleY(1)}
.service-row:hover>b,.service-row:focus-visible>b{color:#e5a17b}
.service-row:hover>span,.service-row:focus-visible>span{color:#e5a17b;transform:translate(4px,-4px)}
.service-row>span{transition:transform .35s var(--ease),color .35s var(--ease)}
.service-preview{position:sticky;top:118px;height:min(680px,calc(100vh - 150px));min-height:520px;margin:0;overflow:hidden;background:#d9d0c7}
.service-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,20,17,.38),transparent 50%);pointer-events:none}
.service-preview img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:scale(1.08);filter:saturate(.78);transition:opacity .55s ease,transform 1s var(--ease)}
.service-preview img.active{opacity:1;transform:scale(1)}
.service-preview figcaption{position:absolute;z-index:2;left:32px;right:32px;bottom:28px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}

/* Hizmetlerimiz kartları */
.system-cards{gap:20px;border:0;padding-top:20px}
.system-cards>a,.system-cards>a:nth-child(even){min-height:430px;padding:34px;border:0;overflow:hidden;position:relative;background:var(--ink);color:#fff;align-items:end;isolation:isolate}
.system-cards>a:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--card-image);background-size:cover;background-position:center;filter:saturate(.72);transform:scale(1.02);transition:transform .9s var(--ease),filter .6s var(--ease)}
.system-cards>a:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(24,20,17,.9) 0%,rgba(24,20,17,.22) 64%,rgba(24,20,17,.08) 100%);transition:background .45s ease}
.system-cards>a:hover{background:var(--ink);padding:34px}
.system-cards>a:hover:before{transform:scale(1.09);filter:saturate(1)}
.system-cards>a>b{align-self:start;font-size:58px;line-height:.8;font-weight:600;color:rgba(255,255,255,.72);letter-spacing:-.08em}
.system-cards h2{font-size:clamp(27px,2.3vw,37px);max-width:500px}
.system-cards p{font-size:13px;color:rgba(255,255,255,.7)}
.system-cards>a:hover p{color:#fff}
.system-cards>a>span{font-size:30px;color:#e6aa87;transition:transform .35s var(--ease)}
.system-cards>a:hover>span{transform:translate(5px,-5px);color:#fff}

/* Detay sayfalarında güçlü fotoğraf anlatımı */
.detail-hero{background:var(--navy);grid-template-columns:50% 50%}
.detail-head h1{font-size:clamp(58px,5.7vw,94px)}
.detail-head>p:not(.overline){font-size:17px;line-height:1.8;color:#c5bdb5}
.detail-hero figure{overflow:hidden}
.detail-hero figure img{filter:saturate(.78);transition:transform 1.2s var(--ease)}
.detail-hero:hover figure img{transform:scale(1.025)}
.detail-hero figcaption{background:var(--copper);color:#fff;font-size:12px}
.detail-gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding-bottom:clamp(100px,9vw,150px)}
.detail-gallery figure{margin:0;height:clamp(380px,47vw,700px);overflow:hidden;position:relative;background:#ddd4ca}
.detail-gallery figure:last-child{height:75%;align-self:end}
.detail-gallery img{height:100%;filter:saturate(.78);transition:transform .9s var(--ease)}
.detail-gallery figure:hover img{transform:scale(1.04)}
.detail-gallery figcaption{position:absolute;left:24px;bottom:20px;background:rgba(28,25,22,.86);color:#fff;padding:12px 16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.adv-grid article>b,.step-grid article>b,.value-grid article>b,.method li>b{font-size:24px;color:var(--copper);letter-spacing:-.05em}
.uses,.values,.contact-band,.contact-page,.footer,.not-found{background:var(--navy)}
.uses li>b{font-size:16px;color:#e5a17b}
.faq summary span,.guide-grid b,.legal a{color:var(--copper)}

/* Antalya yerel içerik alanı */
.local-area{padding-block:clamp(100px,10vw,170px);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,130px);align-items:start}
.local-area h2{font-size:clamp(43px,5vw,76px);line-height:1.04;letter-spacing:-.058em;margin:0}
.local-area h2 strong{color:var(--copper);font-weight:inherit}
.local-area .local-copy>p{font-size:17px;line-height:1.9;color:var(--muted);margin:0 0 30px}
.districts{display:flex;flex-wrap:wrap;gap:10px}
.districts span{border:1px solid var(--line);padding:11px 15px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#fff}

/* Salient esintili yumuşak hareketler */
body{opacity:0;animation:pageIn .7s .05s var(--ease) forwards}
@keyframes pageIn{to{opacity:1}}
.reveal{transform:translateY(38px);transition-duration:.85s}
.reveal.visible{transform:none}
.title-row,.manifest>div,.page-heading>*{animation:riseIn .9s var(--ease) both}
.page-heading>*:nth-child(2){animation-delay:.09s}.page-heading>*:nth-child(3){animation-delay:.18s}
@keyframes riseIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

.footer{background:#151310}
.footer-main small{color:#b98668}.footer-main a:hover{color:#e5a17b}.footer-line{border-color:#38312b}
.mobile-actions a:last-child{background:var(--copper)}

@media(max-width:1050px){
  :root{--wrap:calc(100vw - 56px)}
  .topbar{height:82px;padding-inline:28px;grid-template-columns:1fr auto}
  .wordmark img{width:176px}
  .mobile-panel{background:var(--navy)}
  .service-stage{grid-template-columns:1fr}
  .service-preview{position:relative;top:auto;height:520px;order:-1}
  .detail-gallery{grid-template-columns:1fr 1fr}
  .local-area{grid-template-columns:1fr;gap:45px}
}

@media(max-width:700px){
  :root{--wrap:calc(100vw - 32px)}
  .topbar{padding-inline:16px}.wordmark img{width:158px}
  .hero-copy{padding:155px 16px 78px}.hero h1{font-size:51px}.hero-text{font-size:15px}
  .btn{font-size:13px;min-height:60px}
  .service-stage{gap:36px}.service-preview{height:430px;min-height:0}
  .service-row{grid-template-columns:62px 1fr 28px;min-height:122px;padding-right:2px}
  .service-row>b{font-size:27px}.service-row h3{font-size:20px}.service-row p{font-size:11px}
  .service-row:hover{padding-left:8px}
  .system-cards{gap:12px}.system-cards>a,.system-cards>a:nth-child(even),.system-cards>a:hover{min-height:390px;padding:25px}
  .system-cards>a>b{font-size:45px}.system-cards h2{font-size:27px}
  .detail-gallery{grid-template-columns:1fr;gap:12px}.detail-gallery figure,.detail-gallery figure:last-child{height:420px}
  .local-area h2{font-size:45px}.local-area .local-copy>p{font-size:15px}.districts span{font-size:10px}
  .adv-grid article>b,.step-grid article>b,.value-grid article>b,.method li>b{font-size:20px}
}

@media(prefers-reduced-motion:reduce){body{opacity:1;animation:none}.title-row,.manifest>div,.page-heading>*{animation:none}.hero-photo img{transform:none!important}}