.services .service-card{
  isolation:isolate;
  min-height:420px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:#fff;
  background:var(--brown)
}
.services .service-card::before{
  content:'';
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(28,18,12,.16) 15%,rgba(28,18,12,.88) 90%)
}
.services .service-card-image{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .8s ease
}
.services .service-card>span,
.services .service-card h3,
.services .service-card p,
.services .service-card i{
  position:relative;
  z-index:2
}
.services .service-card>span{
  position:absolute;
  top:30px;
  left:31px;
  color:#e1bf98
}
.services .service-card h3{margin:0 0 15px}
.services .service-card p{margin:0;max-width:280px;color:#e8e0d7}
.services .service-card i{position:absolute;right:30px;bottom:28px}
.services .service-card:hover .service-card-image{transform:scale(1.055)}
.services .service-grid { border-left: 1px solid var(--line); }
.services .service-grid .service-card {
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.services .service-grid .service-card:nth-child(3n) { border-right: 0; }
.services .service-grid .service-card:last-child { border-bottom: 1px solid var(--line); }
.services .service-section-copy {
  max-width: 720px;
  margin: 28px 0 0;
  color: #685f56;
  font-size: 14px;
  line-height: 1.75;
}

/* Ana sayfa yaklaşım bölümü */
.statement.section {
  min-height: 0;
  display: block;
  scroll-margin-top: 120px;
  padding-top: clamp(76px, 8vw, 118px);
  padding-bottom: clamp(76px, 8vw, 118px);
  background:
    radial-gradient(circle at 8% 12%, rgba(174, 132, 88, .11), transparent 30%),
    linear-gradient(135deg, #f4efe7 0%, #eee5d9 100%);
}
.statement-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.statement-photo {
  position: relative;
  min-height: 0;
  overflow: visible;
  background: transparent;
}
.statement-photo-heading {
  position: static;
  z-index: 1;
  width: 100%;
  color: #2d2119;
}
.statement-photo-heading .section-kicker {
  margin-bottom: clamp(22px, 2.5vw, 34px);
  color: #9c6d42;
}
.statement .statement-photo-heading h2 {
  max-width: 1080px;
  margin: 0 0 clamp(30px, 3.5vw, 50px);
  font: 500 clamp(70px, 8vw, 116px)/.92 'Marcellus', Georgia, serif;
  letter-spacing: -.055em;
}
.statement .statement-photo-heading h2 em { color: #a9784b; font-weight: 500; }
.statement .statement-copy {
  padding: 0;
  border: 0;
  background: transparent;
}
.statement .statement-copy > p {
  max-width: 1120px;
  margin: 0;
  color: #5f574f;
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.82;
}

@media(max-width:900px) {
  .statement-photo { min-height: 0; }
  .statement-photo-heading { width: 100%; }
  .statement .statement-photo-heading h2 { font-size: clamp(58px, 11vw, 82px); }
}

@media(max-width:520px) {
  .statement.section { padding: 68px 18px; }
  .statement-photo-heading { width: 100%; }
  .statement-photo-heading .section-kicker { margin-bottom: 20px; }
  .statement .statement-photo-heading h2 { margin-bottom: 30px; font-size: clamp(52px, 14vw, 64px); }
  .statement .statement-copy > p { font-size: 16px; line-height: 1.78; }
}

.home-reference-strip {
  position: relative;
  scroll-margin-top: 72px;
  overflow: hidden;
  padding: 20px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}
.home-reference-strip::before,
.home-reference-strip::after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 7vw;
  pointer-events: none;
}
.home-reference-strip::before { left: 0; background: linear-gradient(90deg, #fff, rgba(255,255,255,0)); }
.home-reference-strip::after { right: 0; background: linear-gradient(-90deg, #fff, rgba(255,255,255,0)); }
.home-reference-track {
  display: flex;
  width: max-content;
  transform: translateX(-50%);
  animation: home-reference-flow 34s linear infinite;
}
.home-reference-track:hover,
.home-reference-track:focus-visible { animation-play-state: paused; outline: none; }
.home-reference-set { display: flex; align-items: center; gap: 42px; padding-right: 42px; }
.home-reference-set img { width: 190px; height: 96px; object-fit: contain; flex: 0 0 auto; }
@keyframes home-reference-flow { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .home-reference-track { animation: none; } }

.process.section {
  position: relative;
  overflow: hidden;
  color: #2d2119;
  background: #f4f0ea;
}
.process-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  align-items: end;
  padding-bottom: clamp(42px, 5vw, 66px);
  border-bottom: 1px solid rgba(45,33,25,.18);
}
.process .section-kicker { margin-bottom: 26px; color: #8f6947; }
.process .process-heading h2 {
  margin: 0;
  color: #2d2119;
  font: 500 clamp(54px, 6.2vw, 91px)/.96 'Marcellus', Georgia, serif;
  letter-spacing: -.05em;
}
.process .process-heading h2 em { color: #a87749; font-weight: 500; }
.process-heading-copy { padding-left: 24px; border-left: 1px solid rgba(45,33,25,.18); }
.process-heading-copy span { color: #9a6f48; font-size: 9px; font-weight: 600; letter-spacing: .18em; }
.process-heading-copy p { max-width: 410px; margin: 25px 0 0; color: #665d55; font-size: 14px; line-height: 1.8; }
.process .process-list {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(14px, 1.6vw, 22px);
  margin-top: clamp(42px, 5vw, 66px);
  padding-left: clamp(54px, 5vw, 72px);
  border-top: 0;
}
.process .process-list::before {
  content: '';
  position: absolute;
  top: 22px;
  bottom: 22px;
  left: clamp(19px, 1.9vw, 27px);
  width: 1px;
  background: #b77a45;
}
.process .process-step {
  position: relative;
  min-width: 0;
  min-height: clamp(270px, 28vw, 390px);
  overflow: visible;
  display: grid;
  grid-template: 1fr / 1fr;
  padding: 0;
  color: #fffaf2;
  border: 0 !important;
  background: #2d2119;
}
.process .process-step::before {
  content: '';
  position: absolute;
  z-index: 4;
  top: 50%;
  left: clamp(-45px, -3.15vw, -34px);
  width: 16px;
  height: 16px;
  background: #f4f0ea;
  border: 1px solid #b77a45;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: background-color .3s ease;
}
.process-step-media {
  position: relative;
  grid-area: 1 / 1;
  min-width: 0;
  min-height: 100%;
  overflow: hidden;
}
.process-step-media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(27,18,12,.6), rgba(27,18,12,.1) 65%), linear-gradient(180deg, transparent 35%, rgba(27,18,12,.82));
  pointer-events: none;
}
.process .process-step-image {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .75s ease;
}
.process-step-media > span {
  position: absolute;
  z-index: 2;
  top: clamp(22px, 2.5vw, 34px);
  left: clamp(24px, 3vw, 44px);
  color: #e7b985;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
}
.process-step-body {
  position: relative;
  z-index: 3;
  grid-area: 1 / 1;
  align-self: end;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 720px;
  padding: clamp(30px, 4vw, 56px) clamp(26px, 4vw, 58px);
  pointer-events: none;
}
.process-step-body::before { content: ''; width: 42px; height: 1px; margin-bottom: 18px; background: #d7a56e; }
.process .process-step h3 { margin: 0 0 12px; color: #fffaf2; font: 500 clamp(29px, 3vw, 45px)/1.04 'Marcellus', Georgia, serif; }
.process .process-step p { max-width: 560px; margin: 0; color: #eadfd3; font-size: clamp(12px, 1.15vw, 15px); line-height: 1.65; }
.process .process-step:hover::before { background: #b77a45; }
.process .process-step:hover .process-step-image { transform: scale(1.045); }

@media(max-width:900px){
  .featured .project-grid{
    display:grid;
    grid-template:none;
    grid-auto-flow:column;
    grid-auto-columns:min(82vw,430px);
    gap:16px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 0 14px;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin
  }
  .featured .project,
  .featured .project-large{
    grid-row:auto;
    min-height:470px;
    margin:0;
    scroll-snap-align:start
  }
  .process-heading { grid-template-columns: 1fr; gap: 30px; align-items: start; }
  .process-heading-copy { padding-left: 0; padding-top: 25px; border-top: 1px solid rgba(45,33,25,.18); border-left: 0; }
  .process .process-list { grid-template-columns: 1fr; }
  .process .process-step { min-height: 310px; }
}

@media(max-width:520px){
  .hero .hero-project{
    right:14px;
    bottom:74px;
    display:grid;
    min-width:178px;
    gap:5px 14px;
    padding:12px 14px;
    background:rgba(50,33,23,.84)
  }
  .hero .hero-project span{font-size:7px}
  .hero .hero-project strong{font-size:14px}
  .hero .hero-project small{font-size:10px}
  .services .service-card{min-height:360px}
  .services .service-section-copy { margin-top: 22px; font-size: 13px; line-height: 1.7; }
  .featured .project-grid{grid-auto-columns:86vw}
  .featured .project,
  .featured .project-large{min-height:410px}
  .process.section { padding: 72px 18px; }
  .process .process-heading h2 { font-size: 45px; }
  .process .process-list { grid-template-columns: 1fr; gap: 12px; margin-top: 38px; padding-left: 38px; }
  .process .process-list::before { left: 7px; }
  .process .process-step { min-height: 280px; grid-template: 1fr / 1fr; }
  .process .process-step::before { left: -31px; width: 14px; height: 14px; }
  .process-step-media { min-height: 100%; }
  .process-step-media::after { background: linear-gradient(180deg, rgba(27,18,12,.06), rgba(27,18,12,.88)); }
  .process-step-body { min-height: 0; padding: 28px 22px; }
  .process-step-body::before { margin-bottom: 16px; }
}
.scroll-hint{
  left:50%!important;
  right:auto!important;
  bottom:clamp(24px,4.5vh,44px)!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  transform:translateX(-50%)
}
@media(max-width:900px){
  .scroll-hint{
    display:flex!important;
    bottom:max(22px,env(safe-area-inset-bottom))!important;
    gap:12px
  }
}
@media (min-width:901px){
  .hero{height:100svh!important;min-height:0!important;aspect-ratio:auto;background:#2d2119}
  .hero::before{content:'';position:absolute;z-index:0;inset:-28px;background:url('../images/mekan2-hero-ultrawide.webp') center/cover no-repeat;filter:blur(24px);opacity:.62;transform:scale(1.04)}
  .hero-image{z-index:1;object-fit:cover!important;object-position:center;min-width:100%;min-height:100%}
  .hero-overlay{z-index:2}
  .hero-content,.hero-project,.scroll-hint{z-index:3!important}
}
@media (min-width:901px) and (max-height:760px){
  .hero-content{top:18%!important;max-width:760px}
  .hero h1{margin:18px 0 16px;font-size:clamp(52px,6vw,86px)}
  .hero-text{margin-bottom:22px;line-height:1.55}
  .button{padding:14px 18px}
}
:root{--brown:#2d2119;--brown-2:#5e4634;--gold:#c99659;--cream:#f2ede5;--sand:#ded0bd;--ink:#211b17;--line:rgba(45,33,25,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:86px;padding:0 4.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.24);transition:.35s}.site-header.scrolled{height:72px;background:rgba(43,31,23,.94);backdrop-filter:blur(15px)}.logo{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.15em}.logo span{width:34px;height:34px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;letter-spacing:0}.primary-nav{display:flex;gap:28px;font-size:11px;letter-spacing:.06em}.primary-nav a{position:relative;padding:8px 0}.primary-nav a::after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--gold);transition:.25s}.primary-nav a:hover::after,.primary-nav a[aria-current=page]::after{right:0}.header-cta{justify-self:end;padding:13px 17px;border:1px solid rgba(255,255,255,.55);font-size:10px;letter-spacing:.05em}.header-cta span{margin-left:16px}.menu-toggle{display:none}.hero{position:relative;min-height:760px;height:100svh;overflow:hidden;color:#fff}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,22,14,.82),rgba(45,27,15,.35) 48%,rgba(35,23,14,.08) 75%),linear-gradient(0deg,rgba(29,18,11,.47),transparent 48%)}.hero-content{position:absolute;z-index:2;left:6vw;top:24%;max-width:900px}.eyebrow,.section-kicker{margin:0;font-size:10px;font-weight:600;letter-spacing:.18em}.hero h1{margin:28px 0 25px;font:500 clamp(60px,7.6vw,124px)/.88 'Marcellus',serif;letter-spacing:-.055em}.hero h1 em{font-weight:500;color:#e8c89e}.hero-text{max-width:480px;margin:0 0 38px;font-size:15px;line-height:1.7;color:#eee7df}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:17px 21px;font-size:11px;font-weight:600}.button-gold{background:var(--gold);color:#24170f}.text-link{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.65);font-size:11px}.text-link span{margin-left:18px}.hero-project{position:absolute;z-index:2;right:4.5vw;bottom:5vh;display:grid;grid-template-columns:auto auto;gap:7px 24px;padding:17px 20px;background:rgba(67,44,27,.76);backdrop-filter:blur(12px)}.hero-project span{grid-column:1/-1;color:#d9c2a7;font-size:8px;letter-spacing:.17em}.hero-project strong{font:500 16px 'Marcellus',serif}.hero-project small{align-self:end}.scroll-hint{position:absolute;z-index:3;left:4.5vw;bottom:5vh;display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:.2em}.scroll-hint i{font-style:normal;font-size:15px}.section{padding:9vw 6vw}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.statement{min-height:720px;display:flex;flex-direction:column;justify-content:center}.section-kicker{color:#896c4f}.statement-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;margin-top:45px}.statement h2,.section-head h2,.process h2{margin:0;font:500 clamp(52px,6.5vw,100px)/.98 'Marcellus',serif;letter-spacing:-.05em}.statement h2 em,.contact-banner h2 em{font-weight:500;color:#9c744c}.statement-copy{padding-bottom:10px}.statement-copy p{margin:0 0 36px;font-size:17px;line-height:1.75;color:#655d55}.dark-link{display:inline-flex;gap:30px;padding-bottom:8px;border-bottom:1px solid;font-size:11px;font-weight:600}.services{background:#e3d8c9}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.section-head .section-kicker{margin-bottom:25px}.section-head h2{font-size:clamp(48px,5.7vw,84px)}.section-head>a{padding-bottom:8px;border-bottom:1px solid;font-size:11px}.section-head>a span{margin-left:20px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-card{position:relative;min-height:345px;padding:32px 31px;border-right:1px solid var(--line);transition:.35s}.service-card:last-child{border:0}.service-card:hover{background:var(--brown);color:#fff;transform:translateY(-7px)}.service-card>span{font-size:10px;color:#8f7458}.service-card h3{margin:80px 0 18px;font:500 31px/1.1 'Marcellus',serif}.service-card p{max-width:300px;font-size:13px;line-height:1.65;color:#736b62}.service-card:hover p{color:#d7cec4}.service-card i{position:absolute;right:30px;bottom:28px;font-style:normal}.featured{background:#2d2119;color:#f7f2eb}.section-head.light .section-kicker{color:#c49e76}.section-head.light>a{color:#e1d6c9}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:20px}.project{position:relative;min-height:350px;overflow:hidden}.project-large{grid-row:1/3;min-height:720px}.project img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.project::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,16,10,.7),transparent 48%)}.project:hover img{transform:scale(1.035)}.project>div{position:absolute;z-index:2;left:27px;bottom:25px}.project>div span{font-size:8px;letter-spacing:.16em;color:#d5c8ba}.project h3{margin:7px 0 0;font:500 26px 'Marcellus',serif}.process{background:var(--cream)}.process-intro{display:grid;grid-template-columns:1fr .55fr;gap:60px;align-items:end;margin:35px 0 75px}.process-intro p{margin:0 0 8px;font-size:15px;line-height:1.7;color:#6b635a}.process-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-step{padding:28px 25px 35px;border-right:1px solid var(--line)}.process-step:last-child{border:0}.process-step span{font-size:10px;color:#9c7954}.process-step h3{margin:65px 0 16px;font:500 24px 'Marcellus',serif}.process-step p{font-size:12px;line-height:1.6;color:#726a61}.contact-banner{position:relative;height:720px;overflow:hidden;color:#fff}.contact-banner>img{width:100%;height:100%;object-fit:cover}.contact-banner-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(40,25,15,.83),rgba(40,25,15,.2))}.contact-banner-content{position:absolute;left:7vw;top:50%;transform:translateY(-50%);max-width:800px}.contact-banner-content.visible{transform:translateY(-50%)}.contact-banner .section-kicker{color:#d9b88f}.contact-banner h2{margin:25px 0 40px;font:500 clamp(55px,7vw,105px)/.94 'Marcellus',serif;letter-spacing:-.05em}.site-footer{padding:70px 6vw 25px;background:#1f1813;color:#e8dfd5;display:grid;grid-template-columns:1fr 1fr;gap:70px}.footer-brand>p{max-width:310px;margin:25px 0 0;font-size:12px;line-height:1.6;color:#a89d91}.footer-links{display:grid;grid-template-columns:1fr 1fr}.footer-links>div{display:flex;flex-direction:column;gap:12px;font-size:12px}.footer-links span{margin-bottom:10px;font-size:8px;letter-spacing:.16em;color:#9a8069}.footer-links p{margin:0}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:25px;border-top:1px solid rgba(255,255,255,.14);font-size:9px;letter-spacing:.08em;color:#9f958b}
@media(max-width:900px){.site-header{height:74px;padding:0 20px;grid-template-columns:1fr auto}.site-header .logo{z-index:2}.header-cta{display:none}.menu-toggle{z-index:2;display:flex;width:42px;height:42px;border:0;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:7px}.menu-toggle i{display:block;width:22px;height:1px;background:#fff;transition:.3s}.menu-toggle[aria-expanded=true] i:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-4px) rotate(-45deg)}.primary-nav{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:#2d2119;font:500 31px 'Marcellus',serif;transform:translateY(-100%);transition:.45s}.primary-nav.open{transform:none}.hero{min-height:700px}.hero-content{left:24px;right:24px;top:20%;}.hero h1{font-size:59px}.hero-text{max-width:330px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-project{right:20px;bottom:25px}.scroll-hint{display:none}.section{padding:90px 24px}.statement{min-height:0}.statement-grid,.process-intro{grid-template-columns:1fr;gap:35px}.statement h2,.section-head h2,.process h2{font-size:50px}.statement-copy p{font-size:15px}.section-head{display:block}.section-head>a{display:inline-block;margin-top:28px}.service-grid{grid-template-columns:1fr}.service-card{min-height:260px;border-right:0;border-bottom:1px solid var(--line)}.service-card h3{margin-top:45px}.project-grid{display:block}.project,.project-large{min-height:520px;margin-bottom:18px}.process-list{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.contact-banner{height:650px}.contact-banner-content{left:24px;right:24px}.contact-banner h2{font-size:56px}.site-footer{grid-template-columns:1fr;padding:65px 24px 25px}.footer-bottom{grid-column:auto}.footer-links{gap:35px}}
@media(max-width:520px){.logo strong{font-size:9px}.hero h1{font-size:50px}.hero-project{display:none}.statement h2,.section-head h2,.process h2{font-size:43px}.process-list{grid-template-columns:1fr}.process-step{border-right:0;border-bottom:1px solid var(--line)}.project,.project-large{min-height:430px}.contact-banner h2{font-size:47px}.footer-links{grid-template-columns:1fr}.footer-bottom{display:block}}

/* Ana sayfa bağlantı ve hizmet kartı iyileştirmeleri */
.dark-link,
.section-head > a {
  display: inline-flex !important;
  align-items: center;
  width: fit-content;
  gap: 18px;
  padding: 11px 13px;
  border: 1px solid currentColor;
  font-size: 11px;
  font-weight: 600;
}

.dark-link .diamond-arrow,
.section-head > a .diamond-arrow { margin-left: 0; }

.dark-link:hover .diamond-arrow,
.dark-link:focus-visible .diamond-arrow,
.section-head > a:hover .diamond-arrow,
.section-head > a:focus-visible .diamond-arrow {
  color: var(--gold);
  border-color: var(--brown);
  background: var(--brown);
}

.section-head.light > a:hover .diamond-arrow,
.section-head.light > a:focus-visible .diamond-arrow {
  color: var(--brown);
  border-color: var(--gold);
  background: var(--gold);
}

.services .service-card-footer {
  position: relative;
  z-index: 2;
  width: fit-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
}

.services .service-card-footer p {
  flex: 0 1 auto;
  margin: 0;
}

.services .service-card-footer .diamond-arrow {
  position: static;
  right: auto;
  bottom: auto;
  flex: 0 0 32px;
  color: inherit;
  border-color: currentColor;
  background: transparent;
}

.services .service-card:hover .service-card-footer .diamond-arrow,
.services .service-card:focus-visible .service-card-footer .diamond-arrow {
  color: var(--brown);
  border-color: var(--gold);
  background: var(--gold);
}

@media(max-width:900px) {
  .section-head > a { margin-top: 28px; }
  .services .section-head { margin-bottom: 22px; }
  .services .section-head > a {
    width: 100%;
    margin-top: 24px;
    justify-content: space-between;
  }
}

@media(max-width:520px) {
  .dark-link,
  .section-head > a { gap: 14px; padding: 10px 12px; }
  .services .service-card-footer { gap: 11px; }
  .services .service-card-footer .diamond-arrow { flex-basis: 28px; }
}

/* Hero alt bilgi ve Keşfet etkileşimi */
.scroll-hint {
  min-height: 44px;
  padding: 10px 14px;
  gap: 15px !important;
  isolation: isolate;
  font-size: 10px !important;
  font-weight: 600;
  letter-spacing: .22em !important;
}

.scroll-hint::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, .78);
  opacity: 0;
  clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  pointer-events: none;
}

.scroll-hint:hover::before,
.scroll-hint:focus-visible::before {
  animation: scroll-frame-draw .72s ease forwards;
}

.scroll-hint i {
  display: inline-block;
  font-size: 20px !important;
  line-height: 1;
}

.scroll-hint:hover i,
.scroll-hint:focus-visible i {
  animation: scroll-arrow-drop .78s ease-in-out infinite;
}

@keyframes scroll-frame-draw {
  0% { opacity: 0; clip-path: polygon(0 0, 0 0, 0 0, 0 0); }
  20% { opacity: 1; clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
  50% { opacity: 1; clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%); }
  75% { opacity: 1; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
  100% { opacity: 1; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}

@keyframes scroll-arrow-drop {
  0%, 100% { transform: translateY(-2px); }
  50% { transform: translateY(6px); }
}

@media(max-width:900px) {
  .hero .hero-project {
    left: 20px !important;
    right: auto !important;
  }
}

@media(min-width:901px) {
  .hero-content { max-width: min(980px, 86vw); }

  .hero h1 {
    font-size: clamp(52px, 5.8vw, 88px);
    line-height: .94;
  }

  .hero .hero-project {
    left: 6vw;
    right: auto;
  }
}

@media(max-width:520px) {
  .hero .hero-project { left: 14px !important; }
  .scroll-hint { min-height: 46px; padding: 11px 15px; }
}

@media(prefers-reduced-motion:reduce) {
  .scroll-hint:hover::before,
  .scroll-hint:focus-visible::before { animation: none; opacity: 1; clip-path: none; }
  .scroll-hint:hover i,
  .scroll-hint:focus-visible i { animation: none; }
}

/* Google işletme yorumları: yeni yorumlar eklendikçe kartlar yatay olarak çoğalır. */
.google-reviews {
  overflow: hidden;
  color: #f7f2eb;
  background: var(--brown);
}

.google-reviews-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7vw;
  align-items: end;
}

.google-reviews .section-kicker { color: #d3a873; }

.google-reviews h2 {
  margin: 28px 0 0;
  font: 500 clamp(48px, 5.7vw, 86px)/.98 'Marcellus', serif;
  letter-spacing: -.05em;
}

.google-reviews h2 em {
  color: #dfbb8e;
  font-style: normal;
  font-weight: 500;
}

.google-review-tools {
  width: min(520px, 100%);
  display: grid;
  grid-template-columns: minmax(250px, 1fr) minmax(180px, .68fr);
  gap: 12px;
  align-items: stretch;
}

.google-review-summary {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 3px 12px;
  align-items: center;
  padding: 17px 18px;
  border: 1px solid rgba(255, 255, 255, .2);
}

.google-review-summary > strong {
  grid-column: 2;
  grid-row: 1 / 3;
  font: 500 44px/1 'Marcellus', serif;
  white-space: nowrap;
}

.google-review-score-max {
  margin-left: 2px;
  color: #c8baac;
  font: inherit;
  font-size: .48em;
}

.google-brand-icon {
  width: 30px;
  height: 30px;
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .13);
}

.google-brand-icon img {
  width: 62%;
  height: 62%;
  display: block;
}

.google-review-summary > .google-review-summary-stars {
  grid-column: 3;
  color: #e4ae59;
  font-size: 18px;
  letter-spacing: .08em;
  line-height: 1;
}

.google-review-summary > small {
  grid-column: 3;
  color: #c8baac;
  font-size: 8px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.google-review-actions {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
}

.google-review-actions > a {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  color: #f7f2eb;
  border: 1px solid rgba(255, 255, 255, .2);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1.3;
  text-transform: uppercase;
  transition: color .25s ease, border-color .25s ease, background-color .25s ease;
}

.google-review-actions > a svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.google-review-actions > a:hover,
.google-review-actions > a:focus-visible {
  color: var(--ink);
  border-color: var(--gold);
  background: #f7f2eb;
  outline: none;
}

.google-review-actions > .google-review-action-primary {
  color: var(--ink);
  border-color: var(--gold);
  background: var(--gold);
}

.google-review-actions > .google-review-action-primary:hover,
.google-review-actions > .google-review-action-primary:focus-visible {
  color: #fff;
  border-color: #9b6d3f;
  background: #9b6d3f;
}

.google-review-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 20px) / 2);
  gap: 20px;
  margin-top: 58px;
  overflow-x: auto;
  padding: 0 0 12px;
  scroll-snap-type: x proximity;
  scrollbar-color: var(--gold) rgba(255, 255, 255, .12);
  scrollbar-width: thin;
}

.google-review-card {
  position: relative;
  height: 480px;
  min-height: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: 40px 42px 34px;
  overflow: hidden;
  color: var(--ink);
  border-top: 4px solid var(--gold);
  background: #f5efe7;
  scroll-snap-align: start;
}

.google-review-card::before {
  content: '“';
  position: absolute;
  top: 25px;
  right: 34px;
  color: rgba(201, 150, 89, .22);
  font: 500 112px/1 'Marcellus', serif;
}

.google-review-card-top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.google-review-person {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  gap: 3px 13px;
  align-items: center;
}

.google-review-person .google-review-avatar { grid-row: 1 / 3; }

.google-review-person p {
  display: grid;
  grid-column: 2;
  grid-row: 1;
  gap: 3px;
  margin: 0;
}

.google-review-person p strong { font-size: 12px; }
.google-review-person p small { color: #7a6c60; font-size: 9px; }

.google-review-card-stars {
  grid-column: 2;
  grid-row: 2;
  color: #c58a3e;
  font-size: 18px;
  letter-spacing: .14em;
  line-height: 1;
}

.google-review-source {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.google-brand-icon-small {
  width: 28px;
  height: 28px;
  grid-row: auto;
}

.google-review-source > small {
  color: #8b6c4d;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .18em;
}

.google-review-card blockquote {
  position: relative;
  z-index: 1;
  max-width: 1000px;
  max-height: 220px;
  margin: 32px 0 28px;
  padding-right: 14px;
  overflow-x: hidden;
  overflow-y: auto;
  font: 500 clamp(24px, 2vw, 34px)/1.3 'Marcellus', serif;
  letter-spacing: -.035em;
  scrollbar-color: #c58a3e rgba(36, 27, 22, .1);
  scrollbar-width: thin;
}

.google-review-card blockquote:focus-visible {
  outline: 1px solid #c58a3e;
  outline-offset: 5px;
}

.google-review-card blockquote::-webkit-scrollbar { width: 5px; }
.google-review-card blockquote::-webkit-scrollbar-track { background: rgba(36, 27, 22, .1); }
.google-review-card blockquote::-webkit-scrollbar-thumb { background: #c58a3e; }

.google-review-scroll-hint {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: -12px 0 22px;
  color: #9b6d3f;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.google-review-scroll-hint i {
  font-style: normal;
  font-size: 15px;
  line-height: 1;
}

.google-review-card-footer {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

.google-review-avatar {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 50%;
  background: var(--brown);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
}

.google-review-card-footer > a {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 10px 8px 16px;
  border: 1px solid rgba(36, 27, 22, .32);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: color .25s ease, border-color .25s ease, background-color .25s ease;
}

.google-review-card-footer > a:hover,
.google-review-card-footer > a:focus-visible {
  color: #fff;
  border-color: var(--brown);
  background: var(--brown);
  outline: none;
}

@media(max-width:900px) {
  .google-reviews-head { grid-template-columns: 1fr; gap: 34px; }
  .google-reviews h2 { font-size: 49px; }
  .google-review-tools { width: 100%; }
  .google-review-track { margin-top: 42px; }
}

@media(max-width:620px) {
  .google-reviews.section { padding: 74px 20px; }
  .google-reviews h2 { font-size: 41px; }
  .google-review-tools { grid-template-columns: minmax(0, 1fr) minmax(150px, .88fr); gap: 10px; }
  .google-review-summary { grid-template-columns: auto 1fr; padding: 13px 12px; }
  .google-review-summary > strong { grid-column: 2; grid-row: 1 / 3; font-size: 42px; }
  .google-review-summary > .google-review-summary-stars { grid-column: 1 / 3; grid-row: 3; margin-top: 7px; font-size: 15px; }
  .google-review-summary > small { grid-column: 1 / 3; grid-row: 4; margin-top: 2px; font-size: 7px; }
  .google-review-actions { gap: 8px; }
  .google-review-actions > a { min-height: 48px; padding: 9px 11px; font-size: 8px; }
  .google-review-actions > a svg { width: 16px; height: 16px; flex-basis: 16px; }
  .google-review-track { grid-auto-columns: minmax(84vw, 1fr); gap: 12px; }
  .google-review-card { height: 480px; min-height: 0; padding: 30px 24px 26px; }
  .google-review-card::before { top: 22px; right: 22px; font-size: 84px; }
  .google-review-card blockquote { max-height: 210px; margin: 28px 0 24px; font-size: 24px; }
  .google-review-scroll-hint { margin: -10px 0 18px; }
  .google-review-card-top { align-items: flex-start; gap: 14px; }
  .google-review-person { gap: 3px 10px; }
  .google-review-avatar { width: 40px; height: 40px; }
  .google-review-card-stars { font-size: 16px; }
  .google-review-source { gap: 7px; }
  .google-review-source > small { font-size: 7px; }
  .google-review-card-footer > a { width: 100%; justify-content: space-between; margin-top: 8px; }
}

/* Yerel SEO hizmet bağlantıları: kullanıcıya bölgeye özgü kapsamı doğrudan gösterir. */
.local-services { background: #f7f3ed; }
.local-services-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .65fr);
  gap: 8vw;
  align-items: end;
}
.local-services-intro h2 {
  margin: 28px 0 0;
  font: 500 clamp(48px, 5.7vw, 86px)/.98 'Marcellus', sans-serif;
  letter-spacing: -.05em;
}
.local-services-intro h2 em { color: #9b744b; font-style: normal; font-weight: 500; }
.local-services-intro > p {
  margin: 0 0 6px;
  color: #665d55;
  font-size: 15px;
  line-height: 1.8;
}
.local-services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 70px;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.local-service-card {
  position: relative;
  min-height: 300px;
  padding: 34px 80px 36px 34px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  transition: background-color .25s ease, color .25s ease;
}
.local-service-card > span { color: #9b744b; font-size: 9px; font-weight: 600; letter-spacing: .16em; }
.local-service-card h3 {
  max-width: 520px;
  margin: 72px 0 17px;
  font: 500 clamp(25px, 2.5vw, 38px)/1.12 'Marcellus', sans-serif;
  letter-spacing: -.04em;
}
.local-service-card p { max-width: 460px; margin: 0; color: #6d645c; font-size: 13px; line-height: 1.7; }
.local-service-card .diamond-arrow { position: absolute; right: 32px; bottom: 34px; }
.local-service-card:hover,
.local-service-card:focus-visible { color: #fff; background: var(--brown); }
.local-service-card:hover p,
.local-service-card:focus-visible p { color: #d2c7bc; }
.local-service-card:hover > span,
.local-service-card:focus-visible > span { color: #e1bd92; }
.local-service-card:hover .diamond-arrow,
.local-service-card:focus-visible .diamond-arrow {
  color: var(--brown);
  border-color: var(--gold);
  background: var(--gold);
}
.local-services-all {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin-top: 34px;
  padding: 12px 14px 12px 18px;
  border: 1px solid var(--line);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}
.local-services-all:hover,
.local-services-all:focus-visible {
  color: #fff;
  border-color: var(--brown);
  background: var(--brown);
  outline: none;
}
.local-services-all:hover .diamond-arrow,
.local-services-all:focus-visible .diamond-arrow {
  color: var(--brown);
  border-color: var(--gold);
  background: var(--gold);
}

@media(max-width:900px) {
  .local-services-intro { grid-template-columns: 1fr; gap: 32px; }
  .local-services-intro h2 { font-size: 49px; }
  .local-services-grid { margin-top: 52px; }
  .local-service-card { min-height: 270px; padding: 30px 55px 31px 28px; }
  .local-service-card h3 { margin-top: 55px; }
}

@media(max-width:620px) {
  .home-reference-strip { padding: 14px 0; }
  .home-reference-set { gap: 20px; padding-right: 20px; }
  .home-reference-set img { width: 145px; height: 76px; }
  .local-services-intro h2 { font-size: 41px; }
  .local-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .local-service-card { min-height: 280px; padding: 24px 48px 24px 20px; }
  .local-service-card > span { font-size: 8px; }
  .local-service-card h3 { margin: 48px 0 14px; font-size: clamp(20px, 4.4vw, 25px); letter-spacing: -.03em; }
  .local-service-card p { font-size: 11.5px; line-height: 1.55; }
  .local-service-card .diamond-arrow { right: 18px; bottom: 22px; }
}

/* Yaklaşım bölümünün dikey boşluklarını dengeler */
.statement.section {
  min-height: 0;
  scroll-margin-top: 72px;
  padding-top: clamp(72px, 6.5vw, 100px);
  padding-bottom: clamp(72px, 6.5vw, 100px);
}

@media(max-width:900px) {
  .statement.section { padding-top: 68px; padding-bottom: 68px; }
}

/* Seçili projeler için zenginleştirilmiş editoryal galeri */
@media(min-width:901px) {
  .featured .project-grid {
    grid-template-rows: 260px 260px;
    grid-auto-rows: 340px;
  }
  .featured .project { min-height: 0; }
  .featured .project-large { min-height: 540px; }
  .featured .project-wide {
    grid-column: 1 / -1;
    min-height: 340px;
  }
}

.featured .project {
  background: #201610;
}
.featured .project img {
  filter: saturate(.88) contrast(1.02);
}
.featured .project:hover img,
.featured .project:focus-visible img {
  filter: saturate(1.05) contrast(1.03);
}
.featured .project:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 4px;
}

@media(max-width:420px) {
  .local-service-card { min-height: 235px; padding: 18px 36px 18px 15px; }
  .local-service-card > span { font-size: 7px; letter-spacing: .12em; }
  .local-service-card h3 { margin-top: 38px; font-size: 19px; line-height: 1.08; }
  .local-service-card p { display: none; }
  .local-service-card .diamond-arrow { right: 14px; bottom: 18px; }
}

/* Seçili projelerin mobilde kompakt ve dengeli galeri görünümü */
@media(max-width:900px) {
  .featured .project-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    gap: 14px;
    overflow: visible;
    padding: 0;
    scroll-snap-type: none;
  }
  .featured .project,
  .featured .project-large,
  .featured .project-wide {
    grid-column: auto;
    grid-row: auto;
    min-height: 280px;
    margin: 0;
    scroll-snap-align: none;
  }
  .featured .project-large {
    grid-column: 1 / -1;
    min-height: 390px;
  }
  .featured .project-wide {
    grid-column: 1 / -1;
    min-height: 320px;
  }
  .featured .project > div {
    right: 18px;
    left: 18px;
    bottom: 18px;
  }
  .featured .project h3 {
    font-size: clamp(18px, 3.7vw, 23px);
    line-height: 1.08;
  }
}

@media(max-width:620px) {
  .featured.section { padding: 72px 18px; }
  .featured .section-head { margin-bottom: 18px; }
  .featured .section-head h2 { font-size: 41px; }
  .featured .section-head > a {
    width: 100%;
    margin-top: 22px;
    justify-content: space-between;
  }
  .featured .project-grid { gap: 10px; }
  .featured .project,
  .featured .project-large,
  .featured .project-wide { min-height: 220px; }
  .featured .project-large { min-height: 300px; }
  .featured .project-wide { min-height: 260px; }
  .featured .project > div {
    right: 14px;
    left: 14px;
    bottom: 14px;
  }
  .featured .project > div span { font-size: 7px; line-height: 1.4; }
  .featured .project h3 { font-size: clamp(17px, 4.1vw, 20px); }
  .featured .project-large h3,
  .featured .project-wide h3 { font-size: 24px; }
}

/* Uzmanlık içeriği: hizmet kapsamını görünür ve alıntılanabilir biçimde açıklar */
.home-expertise { color: #f7f1e9; background: var(--brown); }
.home-expertise-head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: clamp(42px, 8vw, 120px);
  align-items: end;
}
.home-expertise .section-kicker { color: #dcb17d; }
.home-expertise-head h2 {
  max-width: 920px;
  margin: 17px 0 0;
  font: 500 clamp(48px, 6.1vw, 82px)/.98 'Marcellus', Georgia, serif;
  letter-spacing: -.055em;
}
.home-expertise-head h2 em { color: #e2bd8e; font-style: italic; font-weight: 500; }
.home-expertise-head > p { margin: 0; color: #d0c3b6; font-size: 14px; line-height: 1.8; }
.home-expertise-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: clamp(52px, 7vw, 90px); border-top: 1px solid rgba(255,255,255,.18); border-left: 1px solid rgba(255,255,255,.18); }
.home-expertise-card { min-width: 0; display: flex; flex-direction: column; padding: clamp(28px, 3.2vw, 46px); border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
.home-expertise-card > span { color: #dcb17d; font-size: 8px; font-weight: 600; letter-spacing: .16em; }
.home-expertise-card h3 { margin: 50px 0 21px; font: 500 clamp(27px, 2.6vw, 39px)/1.08 'Marcellus', Georgia, serif; letter-spacing: -.035em; }
.home-expertise-card p { min-height: 0; flex: 1; margin: 0; color: #cbbfb3; font-size: 13px; line-height: 1.78; }
.home-expertise-card a { display: inline-block; margin-top: 25px; color: #e2bd8e; font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; text-decoration: underline; text-decoration-color: rgba(226,189,142,.45); text-underline-offset: 5px; }
.home-expertise-card-links { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 25px; }
.home-expertise-card-links a {
  width: 100%;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 0;
  padding: 10px 12px 10px 15px;
  border: 1px solid rgba(226,189,142,.45);
  text-decoration: none;
  line-height: 1.35;
  transition: color .25s ease, border-color .25s ease, background-color .25s ease;
}
.home-expertise-card-links a:hover,
.home-expertise-card-links a:focus-visible { color: #f4eee6; border-color: #e2bd8e; background: rgba(226,189,142,.08); outline: none; }
.home-expertise-card-links .diamond-arrow { width: 28px; height: 28px; flex-basis: 28px; color: #e2bd8e; border-color: currentColor; }
.home-expertise-card-links .diamond-arrow::before { font-size: 22px; }
.home-expertise-note { max-width: 1060px; margin: 36px 0 0; color: #cbbfb3; font-size: 13px; line-height: 1.8; }
.home-expertise-note a { color: #e2bd8e; text-decoration-color: rgba(226,189,142,.45); text-underline-offset: 3px; }

@media(max-width:900px) {
  .home-expertise-head { grid-template-columns: 1fr; gap: 30px; }
  .home-expertise-head h2 { font-size: 49px; }
  .home-expertise-grid { grid-template-columns: 1fr; }
  .home-expertise-card p { min-height: 0; }
}

@media(max-width:620px) {
  .home-expertise.section { padding: 72px 18px; }
  .home-expertise-head h2 { font-size: 41px; }
  .home-expertise-grid { margin-top: 42px; }
  .home-expertise-card { padding: 27px 22px; }
  .home-expertise-card h3 { margin-top: 35px; font-size: 29px; }
  .home-expertise-card p { font-size: 12.5px; line-height: 1.7; }
}

/* SSS: arama motorları ve LLM'ler için statik, doğrudan cevaplanan içerik */
.home-faq {
  scroll-margin-top: 140px;
  color: var(--brown);
  background: #f4efe8;
}
.home-faq-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: clamp(42px, 8vw, 120px);
  align-items: end;
}
.home-faq-intro h2 {
  max-width: 850px;
  margin: 17px 0 0;
  font: 500 clamp(48px, 6.4vw, 84px)/.98 'Marcellus', Georgia, serif;
  letter-spacing: -.055em;
}
.home-faq-intro h2 em { color: #a77748; font-style: italic; font-weight: 500; }
.home-faq-summary p { margin: 0; color: #655b52; font-size: 14px; line-height: 1.8; }
.home-faq-summary .home-faq-updated { margin-top: 17px; color: #897c70; font-size: 11px; }
.home-faq-list { margin-top: clamp(52px, 7vw, 90px); border-top: 1px solid var(--line); }
.home-faq-item { border-bottom: 1px solid var(--line); }
.home-faq-item summary {
  position: relative;
  padding: 27px 62px 27px 0;
  cursor: pointer;
  list-style: none;
  font: 500 clamp(22px, 2.4vw, 34px)/1.2 'Marcellus', Georgia, serif;
  letter-spacing: -.025em;
}
.home-faq-item summary::-webkit-details-marker { display: none; }
.home-faq-item summary::after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 3px;
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(45, 33, 25, .28);
  border-radius: 50%;
  font: 400 21px/1 'DM Sans', sans-serif;
  transform: translateY(-50%);
  transition: color .2s ease, background-color .2s ease, transform .2s ease;
}
.home-faq-item[open] summary::after { color: #fff; background: var(--brown); transform: translateY(-50%) rotate(45deg); }
.home-faq-item p {
  max-width: 920px;
  margin: -5px 0 28px;
  color: #655b52;
  font-size: 14px;
  line-height: 1.8;
}
.home-faq-item p a { color: #765231; text-decoration-color: rgba(118, 82, 49, .4); text-underline-offset: 3px; }
.home-faq-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 34px; border: 1px solid var(--line); }
.home-faq-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 74px;
  padding: 13px 16px 13px 22px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: color .25s ease, background-color .25s ease;
}
.home-faq-links a + a { border-left: 1px solid var(--line); }
.home-faq-links a:hover,
.home-faq-links a:focus-visible { color: #fff; background: var(--brown); outline: none; }
.home-faq-links a:hover .diamond-arrow,
.home-faq-links a:focus-visible .diamond-arrow { color: var(--brown); border-color: var(--gold); background: var(--gold); }

@media(max-width:900px) {
  .home-faq-intro { grid-template-columns: 1fr; gap: 30px; }
  .home-faq-intro h2 { font-size: 49px; }
}

@media(max-width:620px) {
  .home-faq.section { scroll-margin-top: 112px; padding: 72px 18px; }
  .home-faq-intro h2 { font-size: 41px; }
  .home-faq-list { margin-top: 42px; }
  .home-faq-item summary { padding: 22px 50px 22px 0; font-size: 22px; }
  .home-faq-item summary::after { width: 31px; height: 31px; font-size: 18px; }
  .home-faq-item p { margin-bottom: 23px; font-size: 13px; line-height: 1.7; }
  .home-faq-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-faq-links a { gap: 10px; padding: 12px 10px 12px 13px; font-size: 9px; line-height: 1.35; letter-spacing: .05em; }
  .home-faq-links a + a { border-top: 0; border-left: 1px solid var(--line); }
}