/* ── Marka ana sayfasi r3 (2026-10-13) — views/brand-home.ejs (Perdue + Nautical) ──
   .bgr  Giris: sola yasli serif baslik + duz govde + kunye (olgular). Manifesto filme (bb-film) birakildi.
   .bk   Plan Your Stay: markanin panorama gorseli + canli rezervasyon karti (partials/rez-kart, hero-rez.css).
   Renk/yazi: site belirtecleri (--serif, --gold); zemin #faf8f5 (film bolumuyle ayni kagit). */

/* ── Giris ─────────────────────────────────────────────── */
.brand-editorial.bgr { padding: clamp(96px, 11vw, 150px) 32px clamp(72px, 8vw, 110px); text-align: left; background: #faf8f5; }
.bgr-ic { max-width: 1240px; margin: 0 auto; }
.bgr-ust { display: flex; flex-wrap: wrap; gap: 6px 28px; margin-bottom: clamp(36px, 5vw, 64px);
  font-family: var(--sans); font-size: 10.5px; letter-spacing: .24em; text-transform: uppercase; color: #8a7d68; }
.bgr-ust span { position: relative; }
.bgr-ust span + span::before { content: ""; position: absolute; left: -16px; top: 50%; width: 5px; height: 1px; background: #c9b48c; }
.bgr-koord { color: var(--gold, #9a7a45); letter-spacing: .18em; }
.bgr-izgara { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(40px, 7vw, 120px); align-items: start; }
.brand-editorial-title.bgr-baslik { margin: 0; text-align: left; font-size: clamp(50px, 6.4vw, 100px); line-height: .96; letter-spacing: -.012em; color: #24211c; text-wrap: balance; }
.bgr-baslik .editorial-small { font-size: .42em; margin: 0 .08em; vertical-align: .18em; }
.bgr-sag { padding-top: clamp(10px, 1.6vw, 26px); border-top: 1px solid color-mix(in srgb, var(--gold, #9a7a45) 45%, transparent); }
.brand-editorial-desc.bgr-metin { margin: 26px 0 0; max-width: 36em; font-style: normal; text-align: left;
  font-size: clamp(18px, 1.45vw, 21px); line-height: 1.7; color: #3a352d; }
.bgr-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 30px; padding-bottom: 6px;
  font-family: var(--sans); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: #24211c; text-decoration: none;
  border-bottom: 1px solid var(--gold, #9a7a45); transition: gap .35s ease, color .25s; }
.bgr-link:hover { gap: 16px; color: var(--gold, #9a7a45); }
.bgr-link:focus-visible { outline: 2px solid #9a7a45; outline-offset: 4px; }
/* kunye: dort olgu, kil cizgilerle ayrilmis — sira bilgisi tasimadigi icin numarasiz */
.bgr-kunye { list-style: none; margin: clamp(56px, 7vw, 96px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(36,33,28,.14); }
.bgr-kunye li { position: relative; padding: 22px 20px 0 0; font-family: var(--serif); font-size: clamp(19px, 1.5vw, 23px); line-height: 1.3; color: #24211c; }
.bgr-kunye li + li { padding-left: 22px; border-left: 1px solid rgba(36,33,28,.1); }
.bgr-kunye li::before { content: ""; display: block; width: 5px; height: 5px; margin-bottom: 14px; background: var(--gold, #9a7a45); transform: rotate(45deg); }

@media (max-width: 900px) {
  .bgr-izgara { grid-template-columns: 1fr; gap: 34px; }
  .bgr-kunye { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 26px; }
  .bgr-kunye li:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 520px) {
  .brand-editorial.bgr { padding: 76px 20px 64px; }
  .bgr-ust { font-size: 9.5px; letter-spacing: .2em; gap: 4px 24px; }
  .bgr-koord { display: none; }
  .brand-editorial-desc.bgr-metin { font-size: 17.5px; }
  .bgr-kunye li { font-size: 18px; padding-right: 10px; }
  .bgr-kunye li + li { padding-left: 14px; }
}

/* ── Plan Your Stay ────────────────────────────────────── */
.bk { position: relative; min-height: min(92vh, 900px); display: flex; align-items: center; overflow: visible; background: #24211c;
  padding: clamp(96px, 9vw, 140px) max(32px, calc((100vw - 1240px) / 2)); }
.bk-gorsel { position: absolute; inset: 0; background-size: cover; background-position: center; }
.bk-gorsel::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(14,12,10,.5) 0%, rgba(14,12,10,.18) 46%, rgba(14,12,10,0) 72%); }
.bk-ic { position: relative; z-index: 1; width: 100%; }
/* hero kartini sayfa akisina al: konum/opaklik/gecis hero'ya ozgu */
.rz.rz--sayfa { position: relative; inset: auto; z-index: auto; display: block; padding: 0; pointer-events: auto;
  opacity: 1; visibility: visible; transition: none; }
.rz--sayfa .rz-kart { animation: none; }
.rz--sayfa .rz-kart > * { animation: none; }
/* insanla konusma yolu — kartin dibinde, sessiz */
.rz-konus { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--rz-cizgi); }
.rz-konus-soru { font-family: var(--serif); font-style: italic; font-size: 16px; color: var(--rz-soluk); }
.rz-konus-yollar { display: inline-flex; flex-wrap: wrap; gap: 4px 16px; }
.rz-konus-yollar a { font-family: var(--sans); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--rz-murekkep);
  text-decoration: none; border-bottom: 1px solid var(--rz-altin-a); padding-bottom: 3px; transition: border-color .25s, color .25s; }
.rz-konus-yollar a:hover { color: var(--rz-altin); border-color: var(--rz-altin); }

@media (max-width: 768px) {
  .bk { display: block; min-height: 0; padding: 0 12px 56px; background: #faf8f5; }
  .bk-gorsel { position: relative; inset: auto; height: 52vh; margin: 0 -12px; }
  .bk-gorsel::after { background: linear-gradient(180deg, rgba(14,12,10,0) 55%, rgba(250,248,245,.0) 100%); }
  .bk-ic { margin-top: -110px; }
  .rz--sayfa .rz-kart { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .bgr-link { transition: none; }
}