/* ==========================================================================
   KNT Mimarlık — arch-pages.css
   Mimarlık sitesinin iç sayfaları (Stüdyo, Hizmetler, Projeler, İletişim,
   Ön Görüşme, hizmet ve proje detayları) inşaat sitesiyle aynı bölüm
   şablonlarını kullanır. Burada krem zemin, serif başlık, altın vurgu ve
   dikdörtgen çerçeveli sayfa başlıklarıyla kendi kimliğine kavuşur.
   ========================================================================== */
body.is-arch {
  --ink: #0f0e0c; --ink-2: #15130f; --ink-3: #1f1c17; --ink-4: #2a2620;
  --paper: #f1ede5; --paper-2: #e7e0d3; --white: #faf8f3;
  --text: #15130f; --text-soft: #5b554b; --text-mute: #8a8377;
  --on-dark: #eee8dc; --on-dark-soft: rgba(238, 232, 220, .7); --on-dark-mute: rgba(238, 232, 220, .46);
  --brand-ink: #2b2213;
  --line: rgba(21, 19, 15, .13); --line-dark: rgba(238, 232, 220, .12);
  --font-display: var(--a-serif);
  font-synthesis: none;
}
.is-arch .section--dark { background: var(--a-night); }
.is-arch .section--ink { background: #13110e; }

/* ---------------------------------------------------------------- Tipografi */
.is-arch .h2, .is-arch .h3, .is-arch .page-hero__title, .is-arch .rxd-hero__title, .is-arch .rx-hero__title { letter-spacing: -.02em; line-height: 1; }
.is-arch .h2 em, .is-arch .h3 em, .is-arch .page-hero__title em, .is-arch .rx-hero__title em { font-family: var(--a-serif); font-style: italic; font-size: 1em; color: var(--brand-deep); }
.is-arch .section--dark em, .is-arch .section--ink em, .is-arch .rx--dark em { color: var(--a-gold-hi); }
.is-arch .eyebrow { font-family: var(--a-mono); font-size: 11px; font-weight: 500; font-stretch: 100%; letter-spacing: .2em; color: var(--brand-deep); }
.is-arch .section--dark .eyebrow, .is-arch .section--ink .eyebrow { color: var(--a-gold-hi); }
.is-arch .breadcrumb { font-family: var(--a-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }

/* ---------------------------------------------------------------- Butonlar: koyu hap, altın dolgu */
.is-arch .btn { --bg: var(--ink); --fg: var(--paper); --hover-bg: var(--a-gold-hi); --hover-fg: var(--ink); font-family: var(--a-ui); font-stretch: 100%; box-shadow: none; }
.is-arch .btn__icon { background: var(--paper); color: var(--ink); }
.is-arch .section--dark .btn, .is-arch .section--ink .btn, .is-arch .rx--dark .btn { --bg: var(--paper); --fg: var(--ink); }
.is-arch .section--dark .btn__icon, .is-arch .section--ink .btn__icon, .is-arch .rx--dark .btn__icon { background: var(--ink); color: var(--a-gold-hi); }
.is-arch .btn--outline { --bg: transparent; --fg: var(--text); --hover-bg: var(--ink); --hover-fg: var(--paper); box-shadow: inset 0 0 0 1px var(--line); }
.is-arch .btn--outline .btn__icon { background: var(--paper-2); color: var(--text); }
.is-arch .btn--ghost { --bg: rgba(238, 232, 220, .06); --fg: var(--on-dark); --hover-bg: var(--on-dark); --hover-fg: var(--ink); }
.is-arch .link-arrow:hover .link-arrow__icon { background: var(--a-gold-hi); border-color: var(--a-gold-hi); color: var(--ink); }

/* ---------------------------------------------------------------- Sayfa başlığı: çerçeveli görsel */
.is-arch .page-hero { background: var(--paper); color: var(--text); align-items: center; min-height: clamp(580px, 88vh, 880px); }
.is-arch .page-hero__shade { display: none; }
.is-arch .page-hero .grid-lines__inner i { border-color: rgba(21, 19, 15, .06) !important; }
.is-arch .page-hero__pattern {
  background-image:
    linear-gradient(rgba(21, 19, 15, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(21, 19, 15, .07) 1px, transparent 1px),
    linear-gradient(rgba(21, 19, 15, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(21, 19, 15, .035) 1px, transparent 1px);
}
.is-arch .page-hero--img .page-hero__inner > * { max-width: min(640px, 54%); }
.is-arch .page-hero__lead { color: var(--text-soft); }
.is-arch .page-hero__num { font-family: var(--a-serif); font-weight: 400; -webkit-text-stroke-color: rgba(21, 19, 15, .1); }
.is-arch .page-hero--img .page-hero__num { top: auto; bottom: -.12em; right: auto; left: 40%; }
.is-arch .page-hero__icon { color: var(--a-gold); }
.is-arch .page-hero__bg {
  inset: auto; top: calc(var(--header-h) + 24px); bottom: 56px; right: max(var(--gutter), calc((100vw - var(--container)) / 2));
  width: min(32vw, 440px); overflow: hidden; border-radius: 2px; box-shadow: 0 50px 90px -50px rgba(21, 19, 15, .6);
}
.is-arch .page-hero__bg img { height: 118%; margin-top: -9%; }
.is-arch .page-hero__bg::after { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(250, 248, 243, .6); pointer-events: none; }
.js .is-arch .page-hero__bg { clip-path: inset(100% 0 0 0); }
.js.is-ready .is-arch .page-hero__bg { clip-path: inset(0 0 0 0); }
.is-arch .page-hero .breadcrumb, .is-arch .rxd-hero .breadcrumb { color: var(--text-mute); }
.is-arch .page-hero .breadcrumb [aria-current], .is-arch .rxd-hero .breadcrumb [aria-current] { color: var(--text); }
.is-arch .page-hero .breadcrumb a:hover, .is-arch .rxd-hero .breadcrumb a:hover { color: var(--brand-deep); }
.is-arch .scroll-cue { color: var(--text-soft); }
.is-arch .scroll-cue i { background: rgba(21, 19, 15, .18); }

/* ---------------------------------------------------------------- Proje detay başlığı */
.is-arch .rxd-hero { background: var(--paper); color: var(--text); align-items: center; }
.is-arch .rxd-hero__shade { display: none; }
.is-arch .rxd-hero__bg {
  inset: auto; top: calc(var(--header-h) + 24px); bottom: 56px; right: max(var(--gutter), calc((100vw - var(--container)) / 2));
  width: min(34vw, 470px); overflow: hidden; border-radius: 2px; box-shadow: 0 50px 90px -50px rgba(21, 19, 15, .6);
}
.is-arch .rxd-hero__bg img { height: 118%; margin-top: -9%; }
.js .is-arch .rxd-hero__bg { clip-path: inset(100% 0 0 0); }
.js.is-ready .is-arch .rxd-hero__bg { clip-path: inset(0 0 0 0); }
.is-arch .rxd-hero__inner > * { max-width: min(640px, 54%); }
.is-arch .rxd-hero__no { color: var(--text-mute); font-family: var(--a-mono); font-size: .8rem; }
.is-arch .rxd-hero__no i { color: var(--brand-deep); }
.is-arch .rxd-hero__chips span { border-color: var(--line); backdrop-filter: none; }
.is-arch .rxd-hero__chips span:first-child { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.is-arch .rxd-hero__chips .i { color: var(--brand-deep); }
.is-arch .rxd-facts { background: var(--white); }
.is-arch .rxd-facts dt { font-family: var(--a-mono); font-weight: 500; letter-spacing: .08em; }
.is-arch .rxd-facts__title { font-family: var(--a-mono); }
.is-arch .rxd-pager { background: var(--a-night); }
.is-arch .rxd-pager__dir { color: var(--a-gold-hi); font-family: var(--a-mono); }

/* ---------------------------------------------------------------- Projeler arşivi */
.is-arch .rx-hero__num { font-family: var(--a-serif); font-weight: 400; -webkit-text-stroke: 1px var(--a-gold); }
.is-arch .rx-tab { font-family: var(--a-ui); }
.is-arch .rx-tab.is-active, .is-arch .rx-views button[aria-pressed="true"] { background: var(--ink); color: var(--paper); }
.is-arch .rx--dark .rx-tab.is-active, .is-arch .rx--dark .rx-views button[aria-pressed="true"] { background: var(--a-gold-hi); color: var(--ink); }
.is-arch .rx-search:focus-within { box-shadow: inset 0 0 0 1px var(--a-gold); }
.is-arch .rx-card__media { border-radius: 2px; }
.is-arch .rx-card:hover .rx-card__media img { transform: none; }
.is-arch .rx[data-view="list"] .rx-card__arrow { font-size: 16px; }
.is-arch .rx-card__go { background: var(--ink); color: var(--paper); }
.is-arch .rx-card__cat { font-family: var(--a-mono); font-weight: 500; letter-spacing: .12em; color: var(--brand-deep); }
.is-arch .rx-card__title { font-size: 1.6rem; font-weight: 400; }
.is-arch .rx-card:hover .rx-card__title { color: var(--brand-deep); }
.is-arch .rx-group__no { font-family: var(--a-serif); font-weight: 400; }
.is-arch .rx-group__count:hover, .is-arch .rx[data-view="list"] .rx-card:hover .rx-card__arrow { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.is-arch .rx-result b, .is-arch .rx-card__loc .i { color: var(--brand-deep); }
.is-arch .rx-foot { background: var(--white); }

/* ---------------------------------------------------------------- Hizmet detayı, SSS, formlar, kartlar */
.is-arch .svc-aside__contact::before { background: radial-gradient(closest-side, rgba(217, 188, 132, .35), transparent); }
.is-arch .svc-aside__contact-icon { background: var(--a-gold-hi); }
.is-arch .svc-note { border-color: rgba(127, 93, 42, .45); background: rgba(217, 188, 132, .12); }
.is-arch .faq__q { font-family: var(--a-serif); font-weight: 400; font-size: clamp(1.3rem, 2vw, 1.75rem); }
.is-arch .faq__q:hover { color: var(--brand-deep); }
.is-arch .faq__q[aria-expanded="true"] .faq__icon { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.is-arch .section--dark .faq__q:hover { color: var(--a-gold-hi); }
.is-arch .section--dark .faq__q[aria-expanded="true"] .faq__icon { background: var(--a-gold-hi); border-color: var(--a-gold-hi); color: var(--ink); }
.is-arch [data-spotlight]::after { background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(217, 188, 132, .22), transparent 45%); }
.is-arch .why-card__icon { background: rgba(217, 188, 132, .16); color: var(--brand-deep); }
.is-arch .why-card:hover { border-color: rgba(176, 136, 80, .5); }
.is-arch .status-dot { box-shadow: 0 0 0 4px rgba(217, 188, 132, .3); }
.is-arch .ccard, .is-arch .svc-item, .is-arch .wizard { box-shadow: 0 30px 70px -50px rgba(21, 19, 15, .45); }
.is-arch input:focus, .is-arch select:focus, .is-arch textarea:focus { border-color: var(--a-gold); }
.is-arch .lightbox { background: rgba(15, 14, 12, .96); }

/* ---------------------------------------------------------------- Duyarlı */
@media (max-width: 899px) {
  .is-arch .page-hero--img, .is-arch .rxd-hero { flex-direction: column; align-items: stretch; justify-content: flex-end; padding-top: calc(var(--header-h) + 16px); }
  .is-arch .page-hero--img .page-hero__bg, .is-arch .rxd-hero__bg { position: relative; inset: auto; order: -1; width: min(62vw, 300px); height: min(78vw, 380px); margin: 0 0 28px var(--gutter); }
  .is-arch .page-hero--img .page-hero__inner > *, .is-arch .rxd-hero__inner > * { max-width: none; }
  .is-arch .page-hero--img .page-hero__num { display: none; }
}