/* 26 MAISI — главная v8: блоки поверх языка v7 — планировки (изометрия по типам), интерьеры, виды из окна */
.hero picture { position: absolute; inset: 0; }
.hero__still { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#heroVideo { opacity: 0; transition: opacity 1.2s; }
#heroVideo.is-on { opacity: 1; }

.wide--video video { display: block; width: 100%; aspect-ratio: 21 / 9; object-fit: cover; background: var(--stone); }
@media (max-width: 860px) { .wide--video video { aspect-ratio: 4 / 3; } }

/* планировки */
.types { margin-top: clamp(40px, 6vh, 72px); }
.types__tabs { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid rgba(124,114,98,.2); }
.types__tab { padding: 18px 8px; font: 500 12.5px/1 var(--sans); letter-spacing: .05em; text-transform: uppercase; color: var(--taupe); opacity: .55; border-bottom: 1px solid transparent; margin-bottom: -1px; transition: opacity .25s, border-color .25s; }
.types__tab:hover { opacity: .85; }
.types__tab.is-on { opacity: 1; border-color: var(--taupe); }
:lang(ka) .types__tab, :lang(he) .types__tab, :lang(ar) .types__tab { text-transform: none; letter-spacing: 0; font-size: 14px; }
.types__body { display: grid; grid-template-columns: 1.5fr 1fr; gap: var(--gut); align-items: center; padding-top: clamp(32px, 5vh, 56px); }
.types__img { display: flex; justify-content: center; }
.types__img img { width: 100%; max-width: 760px; aspect-ratio: 4 / 3; object-fit: contain; transition: opacity .35s; }
.types__img img.is-fade { opacity: 0; }
.types__spec { margin: 0; display: flex; flex-direction: column; }
.types__spec div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 18px 0; border-bottom: 1px solid rgba(124,114,98,.18); }
.types__spec dt { font: 500 12px/1 var(--sans); letter-spacing: .05em; text-transform: uppercase; }
:lang(ka) .types__spec dt, :lang(he) .types__spec dt, :lang(ar) .types__spec dt { text-transform: none; letter-spacing: 0; font-size: 13px; }
.types__spec dd { margin: 0; font: 300 30px/1 var(--serif); letter-spacing: -.02em; direction: ltr; }
.types__spec .btn { margin-top: 32px; align-self: flex-start; }

/* интерьеры: большой кадр + два в колонку */
.inside { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: var(--gut); margin-top: clamp(40px, 6vh, 72px); }
.inside figure { position: relative; min-height: 0; overflow: hidden; }
.inside__a { grid-row: 1 / span 2; }
.inside__a img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.inside__b img, .inside__c img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.inside2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gut); margin-top: var(--gut); }
.inside2 img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }

/* виды из окна */
.views__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.views__head .say { margin: 0; }
.views__ctl { display: flex; gap: 12px; flex-wrap: wrap; }
.seg { display: flex; border: 1px solid var(--taupe-l); }
.seg button { height: 40px; min-width: 48px; padding: 0 16px; font: 500 12.5px/1 var(--sans); letter-spacing: .04em; text-transform: uppercase; color: var(--taupe); transition: background .25s, color .25s; }
.seg button + button { border-left: 1px solid var(--taupe-l); }
[dir="rtl"] .seg button + button { border-left: 0; border-right: 1px solid var(--taupe-l); }
.seg button.is-on { background: var(--taupe); color: var(--white); }
:lang(ka) .seg button, :lang(he) .seg button, :lang(ar) .seg button { text-transform: none; letter-spacing: 0; font-size: 13.5px; }
.views__img { position: relative; margin-top: clamp(32px, 5vh, 56px); }
.views__img img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: opacity .35s; }
.views__img img.is-fade { opacity: .25; }
.views__cap { position: absolute; left: 20px; bottom: 18px; padding: 10px 14px; background: rgba(255,255,255,.9); font: 500 12px/1 var(--sans); letter-spacing: .05em; text-transform: uppercase; }
:lang(ka) .views__cap, :lang(he) .views__cap, :lang(ar) .views__cap { text-transform: none; letter-spacing: 0; font-size: 13px; }
[dir="rtl"] .views__cap { left: auto; right: 20px; }

@media (max-width: 860px) {
  .types__tabs { grid-template-columns: repeat(3, 1fr); }
  .types__tab { padding: 14px 4px; font-size: 11px; }
  .types__body { grid-template-columns: 1fr; }
  .types__spec dd { font-size: 24px; }
  .inside { grid-template-columns: 1fr; grid-template-rows: none; gap: 10px; }
  .inside__a { grid-row: auto; }
  .inside__b, .inside__c { aspect-ratio: 4 / 3; }
  .inside2 { grid-template-columns: 1fr; gap: 10px; margin-top: 10px; }
  .views__img img { aspect-ratio: 4 / 3; }
}