/* Campaign extension of /anapa-katalog. Shared fonts, palette, forms and buttons. */
.ap { background: var(--x-bg); color: var(--x-ink); }
.ap ::selection { background: var(--gold); color: var(--x-on); }
.ap :focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.ap input { caret-color: var(--gold); }
.ap { scrollbar-color: var(--gold) var(--x-bg); }
.ap h1 em, .ap h2 em { color: var(--acc-ink); font-style: normal; }
.ap h1 { font-size: clamp(2.4rem, 3.5vw, 3.35rem); line-height: 1.14; letter-spacing: -.025em; }
.ap h2 { font-size: clamp(2rem, 3.25vw, 3rem); line-height: 1.18; letter-spacing: -.02em; }
.ap h3 { font-size: clamp(1.7rem, 2.2vw, 2rem); line-height: 1.2; }
.ap-hd { position: relative; background: var(--x-bg); border-bottom: 1px solid var(--x-line); }
.ap-hd .ak-hd__in { min-height: 82px; }
.ap-hd .ak-hd__nav { margin-inline: auto; }
.ap-hd .ak-btn { min-height: 46px; font-size: .9rem; padding-inline: 1.3rem; }
.ap-hero { position: relative; isolation: isolate; min-height: 670px; display: grid; align-items: center; overflow: clip; }
.ap-hero__visual { position: absolute; inset: 0 0 0 25%; z-index: -1; }
.ap-slides { display: flex; width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; }
.ap-slides::-webkit-scrollbar { display: none; }
.ap-slide { flex: 0 0 100%; height: 100%; scroll-snap-align: start; scroll-snap-stop: always; }
.ap-slide picture, .ap-slide img { width: 100%; height: 100%; }
.ap-slide img { object-fit: cover; object-position: 60% center; }
.ap-hero__visual::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, var(--x-bg) 0%, color-mix(in srgb, var(--x-bg) 94%, transparent) 9%, color-mix(in srgb, var(--x-bg) 75%, transparent) 28%, color-mix(in srgb, var(--x-bg) 5%, transparent) 65%); }
.ap-hero__inner { position: relative; pointer-events: none; padding-block: 42px 44px; }
.ap-hero__copy { width: min(570px, 53%); pointer-events: auto; }
.ap-live { display: inline-flex; align-items: center; gap: .6rem; padding: .45rem .85rem; margin-bottom: 1.15rem !important; color: var(--x-ink); border: 1px solid color-mix(in srgb, var(--gold) 40%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--x-bg) 65%, transparent); font: 500 .8rem/1.2 var(--f-body); letter-spacing: .06em; text-transform: uppercase; }
.ap-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); animation: ap-pulse 2s ease-in-out infinite; }
@keyframes ap-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.ap-hero__lead { margin-top: 1.05rem !important; max-width: 39ch; font-size: 1.02rem; line-height: 1.6; color: var(--ink-2); }
.ap-benefits { padding: 0; margin: 1.4rem 0 1.5rem; list-style: none; display: grid; gap: .85rem; }
.ap-benefits li { display: flex; align-items: flex-start; gap: .8rem; }
.ap-benefits .ic { color: var(--gold); width: 23px; height: 23px; margin-top: .15rem; }
.ap-benefits span { color: var(--ink-2); font-size: .875rem; line-height: 1.5; }
.ap-benefits b { display: block; margin-bottom: .1rem; font-size: 1rem; font-weight: 500; color: var(--x-ink); }
.ap-hero__actions { display: flex; flex-direction: column; align-items: flex-start; gap: .65rem; }
.ap-hero__actions > span { font-size: .78rem; color: var(--ink-2); padding-left: .35rem; }
.ap-sliderbar { position: absolute; z-index: 1; left: 47%; right: max(24px, calc((100vw - var(--wrap)) / 2)); bottom: 32px; padding: .8rem 1rem; border: 1px solid color-mix(in srgb, var(--x-ink) 25%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--x-bg) 85%, transparent); display: flex; align-items: center; gap: 1rem; justify-content: space-between; color: var(--x-ink); }
.ap-sliderbar__caption { display: grid; gap: .2rem; min-width: 0; }
.ap-sliderbar__caption > span { font-size: .7rem; color: var(--ink-2); }
.ap-sliderbar__caption b { font-size: .87rem; font-weight: 400; }
.ap-sliderbar__controls { display: flex; align-items: center; gap: .2rem; flex-shrink: 0; }
.ap-icon-btn { display: inline-grid; place-items: center; padding: 0; width: 44px; height: 44px; flex: none; border: 1px solid color-mix(in srgb, var(--x-ink) 32%, transparent); border-radius: 50%; color: var(--x-ink); background: color-mix(in srgb, var(--x-bg) 70%, transparent); cursor: pointer; transition: background .2s, border-color .2s; }
.ap-icon-btn:hover { border-color: var(--gold); background: var(--sea); }
.ap-counter { min-width: 43px; font: 400 .8rem/1 var(--f-mono); font-variant-numeric: tabular-nums; text-align: center; }
.ap-pause { margin-left: .4rem; border-color: transparent; }
.ap-pause > span { display: block; width: 10px; height: 12px; border-inline: 3px solid currentColor; }
.ap-pause[aria-pressed="true"] > span { width: 0; height: 0; border: 6px solid transparent; border-left: 10px solid currentColor; margin-left: 5px; }
.ap-selection { padding-block: clamp(3.5rem, 6.5vw, 6rem); scroll-margin-top: 16px; }
.ap-selection__grid { display: grid; grid-template-columns: .95fr 1fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.ap-selection__intro > p { color: var(--ink-2); margin: 1.5rem 0 1.8rem; max-width: 45ch; line-height: 1.7; }
.ap-dossier { padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid var(--line-2); border-radius: 18px; background: var(--surf); }
.ap-dossier__head { display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding-bottom: 1.4rem; color: var(--ink); font-weight: 500; }
.ap-dossier__head .ic { width: 28px; height: 28px; color: var(--acc-ink); }
.ap-dossier dl { margin: 0; }
.ap-dossier dl > div { padding-block: 1.15rem; border-top: 1px solid var(--line); }
.ap-dossier dt { color: var(--ink); font-weight: 600; margin-bottom: .35rem; font-size: 1.05rem; }
.ap-dossier dd { margin: 0; color: var(--ink-2); line-height: 1.6; font-size: .95rem; }
.ap-dossier > p { display: flex; gap: .65rem; align-items: center; margin-top: .6rem; font-size: .82rem; line-height: 1.6; color: var(--muted); }
.ap-dossier > p .ic { color: var(--sea); }
.ap-gallery { padding-block: clamp(3.5rem, 6vw, 5.5rem); scroll-margin-top: 20px; }
.ap-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.ap-section-head > p { max-width: 29ch; color: var(--ink-2); line-height: 1.6; padding-bottom: .2rem; }
.ap-gallery__grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
.ap-gallery__item { position: relative; display: block; border: 0; padding: 0; overflow: hidden; border-radius: 14px; background: var(--surf); color: var(--x-ink); cursor: zoom-in; aspect-ratio: 1.6; text-align: left; }
.ap-gallery__item--1, .ap-gallery__item--6 { grid-column: span 7; }
.ap-gallery__item--2, .ap-gallery__item--5 { grid-column: span 5; aspect-ratio: auto; }
.ap-gallery__item--3, .ap-gallery__item--4 { grid-column: span 6; aspect-ratio: 1.9; }
.ap-gallery__item picture, .ap-gallery__item img { display: block; width: 100%; height: 100%; }
.ap-gallery__item img { object-fit: cover; transition: transform .6s var(--ease); }
.ap-gallery__item:hover img { transform: scale(1.035); }
.ap-gallery__item::after { content: ""; position: absolute; inset: 55% 0 0; pointer-events: none; background: linear-gradient(0deg, color-mix(in srgb, var(--x-bg) 85%, transparent), transparent); }
.ap-gallery__item > span { position: absolute; z-index: 1; inset: auto 1.2rem 1rem; display: flex; align-items: center; justify-content: space-between; gap: .7rem; font-size: 1rem; font-weight: 500; }
.ap-gallery__expand { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: color-mix(in srgb, var(--x-bg) 65%, transparent); }
.ap-gallery__expand .ic { width: 17px; height: 17px; }
.ap-gallery__note { margin-top: 1rem !important; font-size: .78rem; color: var(--x-muted); line-height: 1.6; }
.ap-lead { padding: 1rem 0 clamp(3rem, 6vw, 6rem); }
.ap-lead__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem, 6vw, 5rem); align-items: center; }
.ap-lead__copy > p { color: var(--ink-2); line-height: 1.7; margin-top: 1.4rem; max-width: 45ch; }
.ap-lead__image { margin-top: 2rem; overflow: hidden; border-radius: 14px; aspect-ratio: 2; }
.ap-lead__image picture, .ap-lead__image img { width: 100%; height: 100%; object-fit: cover; }
.ap-lead__form { border: 1px solid var(--x-line); border-radius: 18px; background: var(--bg-2); padding: clamp(1.4rem, 3vw, 2.4rem); }
.ap-lead__form > p { margin-top: .8rem; margin-bottom: 1.4rem; color: var(--ink-2); font-size: .95rem; line-height: 1.6; }
.ap-form > label { display: block; margin-bottom: -.35rem; font-size: .85rem; color: var(--ink-2); }
.ap-form .ak-field { background: var(--x-bg); font-size: 16px; }
.ap-ways { margin-top: .35rem; }
.ap-ways legend { float: none; padding: 0 0 .6rem; color: var(--ink-2); font-size: .85rem; }
.ap-ways label span { min-height: 48px; padding-inline: .5rem; font-size: .8rem; }
.ap-ways .ic { width: 16px; height: 16px; }
.ap .ak-note { color: var(--ink-2); font-size: .75rem; line-height: 1.65; }
.ap .ak-note a { text-decoration: underline; text-underline-offset: 3px; }
.ap .ak-err { font-size: .88rem; }
.ap .ak-modal__card { width: min(100% - 24px, 520px); padding: 2.2rem; }
.ap .ak-modal__card h3 { padding-right: 1.3rem; }
.ap .ak-modal__card > p { font-size: .95rem; }
.ap .ak-modal__close { width: 44px; height: 44px; top: .6rem; right: .6rem; }
.ap-legal { padding-bottom: 2rem; }
.ap-mbar { visibility: hidden; }
.ap-mbar.is-on { visibility: visible; }
.ap-legal p { color: var(--x-muted); font-size: .75rem; line-height: 1.7; max-width: 110ch; }
.ap-footer { border-top: 1px solid var(--x-line); padding-block: 2rem 1.4rem; }
.ap-footer__top { display: flex; align-items: center; gap: 1.6rem; }
.ap-footer__phone { color: var(--x-ink); font: 500 1rem/1.4 var(--f-mono); min-height: 44px; display: inline-flex; align-items: center; }
.ap-footer__company { color: var(--x-muted); line-height: 1.7; font-size: .78rem; margin-top: 1.6rem !important; }
.ap-footer__bottom { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.5rem; border-top: 1px solid var(--x-line); margin-top: 1.4rem; padding-top: 1rem; font-size: .75rem; color: var(--x-muted); }
.ap-footer__bottom p { margin-right: auto; }
.ap-footer__bottom a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 3px; }
.ap-lightbox[hidden] { display: none; }
.ap-lightbox { position: fixed; inset: 0; z-index: 170; background: color-mix(in srgb, var(--x-bg) 98%, transparent); display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; gap: 20px; padding: 70px 30px 24px; }
.ap-lightbox__close { position: absolute; top: max(16px, env(safe-area-inset-top)); right: 24px; }
.ap-lightbox figure { margin: 0; min-width: 0; display: grid; justify-items: center; gap: 1rem; }
.ap-lightbox figure img { width: auto; max-width: 100%; max-height: calc(100svh - 155px); height: auto; object-fit: contain; }
.ap-lightbox figcaption { color: var(--x-ink); text-align: center; font-size: .95rem; }
.ap-ty { min-height: 100svh; display: grid; position: relative; isolation: isolate; }
.ap-ty__visual { position: fixed; inset: 0; z-index: -1; }
.ap-ty__visual img { width: 100%; height: 100%; object-fit: cover; }
.ap-ty__visual::after { content: ""; position: absolute; inset: 0; background: color-mix(in srgb, var(--x-bg) 88%, transparent); }
.ap-ty main { margin: auto; width: min(700px, 100% - 40px); padding-block: 3rem; }
.ap-ty main > a:first-child { display: inline-block; margin-bottom: 3rem; }
.ap-ty h1 { margin-bottom: 1.5rem; }
.ap-ty p { color: var(--ink-2); font-size: 1.05rem; line-height: 1.7; margin-bottom: 1.7rem; }
.ap-ty ul { padding-left: 1.2rem; display: grid; gap: .8rem; color: var(--ink-2); line-height: 1.6; margin-block: 1.5rem 2rem; }
.ap-ty__actions { display: flex; flex-wrap: wrap; gap: .8rem; }
@media (min-width: 1600px) { .ap-hero__visual { left: calc(50% - 390px); } .ap-hero__copy { width: 590px; } }
@media (max-width: 1100px) {
  .ap-hd .ak-hd__nav { display: none; }
  .ap-hd .ak-hd__phone { margin-left: auto; }
  .ap-sliderbar { left: 51%; right: 24px; padding: .6rem; }
  .ap-sliderbar__caption { display: none; }
  .ap-sliderbar__controls { width: 100%; justify-content: center; }
  .ap-hero__copy { width: 57%; }
  .ap-selection__grid { gap: 2.5rem; }
}
@media (max-width: 760px) {
  .ap-hd .ak-hd__in { min-height: 70px; gap: 12px; }
  .ap-hd .ak-hd__logo { width: 155px; }
  .ap-hd .ak-hd__phone { display: none; }
  .ap-hd .ak-btn { display: inline-flex; margin-left: auto; padding-inline: 1rem; font-size: .8rem; min-height: 44px; }
  .ap-hero { display: flex; flex-direction: column; min-height: 0; overflow: visible; }
  .ap-hero__inner { order: -1; padding-block: 25px 28px; }
  .ap-hero__copy { width: 100%; max-width: 560px; }
  .ap h1 { font-size: clamp(1.95rem, 5.3vw, 2.65rem); line-height: 1.17; letter-spacing: -.025em; }
  .ap-live { font-size: .72rem; padding: .4rem .75rem; margin-bottom: .9rem !important; }
  .ap-hero__lead { max-width: 43ch; font-size: .95rem; margin-top: .9rem !important; line-height: 1.5; }
  .ap-benefits { margin-block: 1.15rem 1.25rem; gap: .7rem; }
  .ap-benefits span { font-size: .8rem; }
  .ap-benefits b { font-size: .94rem; }
  .ap-benefits .ic { width: 21px; height: 21px; }
  .ap-hero__actions .ak-btn { width: 100%; }
  .ap-hero__actions { align-items: center; }
  .ap-hero__actions > span { padding: 0; }
  .ap-hero__visual { position: relative; inset: auto; width: 100%; height: clamp(285px, 64vw, 450px); z-index: 0; }
  .ap-hero__visual::after { display: none; }
  .ap-slide img { object-position: center; }
  .ap-sliderbar { left: 16px; right: 16px; bottom: 14px; padding: .5rem .6rem .5rem .85rem; }
  .ap-sliderbar__caption { display: grid; }
  .ap-sliderbar__caption > span { display: none; }
  .ap-sliderbar__caption b { font-size: .74rem; max-width: 110px; }
  .ap-sliderbar__controls { width: auto; }
  .ap-counter { min-width: 33px; font-size: .7rem; }
  .ap-pause { margin-left: 0; }
  .ap-sliderbar { gap: .3rem; }
  .ap-selection__grid, .ap-lead__grid { grid-template-columns: 1fr; gap: 2rem; }
  .ap-selection__intro h2 br:first-of-type { display: none; }
  .ap-selection__intro > p { margin-block: 1rem 1.4rem; max-width: 55ch; }
  .ap-dossier { padding: 1.4rem; }
  .ap-section-head { display: block; margin-bottom: 1.5rem; }
  .ap-section-head > p { max-width: 40ch; margin-top: 1rem; font-size: .95rem; }
  .ap-gallery__grid { gap: 12px; }
  .ap-gallery__item > span { inset-inline: .8rem; bottom: .65rem; font-size: .85rem; }
  .ap-gallery__expand { width: 30px; height: 30px; }
  .ap-gallery__item--1, .ap-gallery__item--6 { grid-column: span 12; aspect-ratio: 1.6; }
  .ap-gallery__item--2, .ap-gallery__item--3, .ap-gallery__item--4, .ap-gallery__item--5 { grid-column: span 6; aspect-ratio: 1; }
  .ap-lead__copy > p { margin-top: 1rem; }
  .ap-lead__image { margin-top: 1.5rem; aspect-ratio: 2.1; }
  .ap .ak-modal__card { padding: 2.6rem 1.25rem 1.5rem; }
  .ap-lightbox { padding: 65px 12px 22px; grid-template-columns: 1fr 1fr; gap: 16px; }
  .ap-lightbox figure { grid-row: 1; grid-column: 1 / -1; }
  .ap-lightbox figure img { max-height: calc(100svh - 220px); }
  .ap-lightbox__prev { justify-self: end; align-self: start; }
  .ap-lightbox__next { justify-self: start; align-self: start; }
  .ap-mbar { padding-bottom: calc(.6rem + env(safe-area-inset-bottom)); }
  .ap-mbar .ak-btn:first-child { flex: 1; }
  .ap:has(.ap-mbar.is-on) .ckb { bottom: calc(100px + env(safe-area-inset-bottom)); }
  .ap-footer { padding-bottom: calc(105px + env(safe-area-inset-bottom)); }
  .ap-footer__top { flex-wrap: wrap; gap: 1rem; }
  .ap-footer__top .ak-hd__logo { width: 150px; }
  .ap-footer__top .ak-btn { width: 100%; }
  .ap-footer__phone { font-size: .8rem; }
  .ap-footer__bottom { display: block; }
  .ap-footer__bottom p { margin-bottom: .5rem; }
  .ap-footer__bottom a { display: flex; width: fit-content; }
}
@media (max-width: 380px) {
  .ap-hd .ak-hd__logo { width: 138px; }
  .ap-hd .ak-btn { padding-inline: .8rem; font-size: .75rem; }
  .ap-gallery__expand { display: none; }
  .ap-ways label span { font-size: .75rem; gap: .3rem; }
}
@media (prefers-reduced-motion: reduce) {
  .ap *, .ap *::before, .ap *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Expanded campaign: the reference landing's narrative, with apartment-only content. */
.ap-hero__inner { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .82fr); gap: clamp(30px, 5vw, 80px); align-items: center; padding-block: 38px 120px; }
.ap-hero__copy { width: 100%; max-width: 620px; }
.ap-hero__visual { inset: 0 0 0 25%; }
.ap-hero__form { pointer-events: auto; min-width: 0; padding: clamp(20px, 2.6vw, 32px); border-radius: 18px; border: 1px solid color-mix(in srgb, var(--gold) 35%, var(--x-line)); background: color-mix(in srgb, var(--x-bg) 94%, transparent); }
.ap-hero__form h2 { font-size: clamp(1.6rem, 2.2vw, 2rem); line-height: 1.2; letter-spacing: -.01em; }
.ap-hero__form > p { margin: .7rem 0 1.2rem; color: var(--ink-2); font-size: .95rem; line-height: 1.5; }
.ap-hero__form .ap-form { gap: .6rem; }
.ap-hero__form .ap-ways label span { font-size: .75rem; gap: .25rem; padding-inline: .25rem; }
.ap-hero__form .ak-note { font-size: .7rem; }
.ap-hero__form .ak-field { min-height: 50px; }
.ap-hero__form .ak-btn { min-height: 52px; }
.ap-return, .ap-inside, .ap-growth, .ap-views { padding-block: clamp(3.5rem, 6.5vw, 6rem); }
.ap-return { padding-bottom: clamp(3.5rem, 6vw, 5rem); }
.ap .ak-stats__story { margin-top: 2.5rem; }
.ap .ak-stats__story .ak-src { margin-top: 1rem; }
.ap .ak-stats__img picture, .ap .ak-inside__visual picture { display: block; height: 100%; }
.ap-pack__caption { padding: 1.2rem 0 0; display: grid; gap: .4rem; }
.ap-pack__caption b { color: var(--acc-ink); font-size: 1.1rem; font-weight: 500; }
.ap-pack__caption span { color: var(--ink-2); font-size: .9rem; }
.ap .ak-olist { gap: .8rem; margin-block: 1.5rem; }
.ap .ak-olist li { padding-bottom: .8rem; }
.ap .ak-olist span { line-height: 1.55; display: block; margin-top: .2rem; }
.ap-lots { padding-block: 1.5rem clamp(3.5rem, 6vw, 5rem); }
.ap-lots__head { display: grid; grid-template-columns: 1fr minmax(280px, 340px); gap: 3rem; align-items: center; margin-bottom: 2rem; }
.ap-lots__head .ak-head { margin: 0; }
.ap-deadline { display: grid; gap: .8rem; padding: 1.5rem; border: 1px solid var(--x-line); border-radius: 18px; }
.ap-deadline > span { font-size: .9rem; color: var(--ink-2); }
.ap-deadline small { color: var(--x-muted); line-height: 1.5; font-size: .75rem; }
.ap .ap-deadline .ak-timer { margin: 0; }
.ap .ap-deadline .ak-timer b { font-size: 1.8rem; }
.ap-complexes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ap-complex { border-radius: 18px; border: 1px solid var(--x-line); background: var(--surf); overflow: hidden; display: flex; flex-direction: column; }
.ap-complex__image { aspect-ratio: 16 / 10; overflow: hidden; }
.ap-complex__image picture, .ap-complex__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ap-complex__body { flex: 1; padding: clamp(1.15rem, 2vw, 1.5rem); display: flex; flex-direction: column; gap: 1rem; }
.ap-complex__body h3 { font-family: var(--f-body); font-size: 1.35rem; font-weight: 500; line-height: 1.3; }
.ap-complex__body > p { color: var(--ink-2); line-height: 1.6; font-size: .95rem; }
.ap-complex__body .ap-complex__format { color: var(--acc-ink); font-size: .75rem; }
.ap-complex .ak-price { margin-top: auto; }
.ap-complex .ak-price span { letter-spacing: .04em; font-size: .65rem; }
.ap-complex .ak-btn { font-size: .95rem; padding-inline: .8rem; }
.ap-lots__note { margin-top: 1.2rem !important; max-width: 105ch; }
.ap-growth { padding-top: 1rem; }
.ap .ak-range { height: 44px; background: linear-gradient(90deg, var(--gold) var(--fill, 30%), color-mix(in srgb, var(--ink) 16%, transparent) var(--fill, 30%)) center / 100% 6px no-repeat; }
.ap .ak-calc { gap: 1.1rem; }
.ap .ak-calc__wait b { font-size: 1.2rem; }
.ap .ak-calc__wait span { display: block; line-height: 1.5; margin-top: .2rem; }
.ap .ak-bar__fill { font-size: clamp(.9rem, 1.3vw, 1.1rem); }
.ap .ak-bar__top { align-items: baseline; flex-wrap: wrap; gap: .15rem .5rem; }
.ap .ak-bar__top span { font-size: .78rem; }
.ap .ak-band__item { aspect-ratio: 4 / 3; }
.ap .ak-band__item picture { height: 100%; display: block; }
.ap .ak-band__item figcaption small { color: var(--ink-2); }
.ap-views__note { margin-top: 1rem !important; }
.ap-views + .ap-gallery { padding-top: 1rem; }
@media (max-width: 1100px) {
  .ap-hero__inner { gap: 28px; }
  .ap-hero__form { padding: 20px; }
  .ap-complexes { gap: 12px; }
  .ap-complex__body h3 { font-size: 1.15rem; }
}
@media (max-width: 900px) {
  .ap-lots__head { grid-template-columns: 1fr; gap: 1.5rem; }
  .ap-deadline { max-width: 380px; }
  .ap .ak-grow__grid, .ap .ak-inside__grid { grid-template-columns: 1fr; gap: 2rem; }
  .ap-pack { max-width: 640px; }
}
@media (max-width: 760px) {
  .ap-hero__inner { grid-template-columns: 1fr; gap: 1.8rem; padding-block: 25px 30px; }
  .ap-hero__copy { max-width: none; }
  .ap-hero__form { width: 100%; max-width: 560px; margin-inline: auto; padding: 1.4rem; }
  .ap-hero__form h2 br { display: none; }
  .ap-hero__visual { inset: auto; }
  .ap-complexes { grid-template-columns: 1fr; gap: 1.4rem; }
  .ap-complex__body h3 { font-size: 1.4rem; }
  .ap-complex__image { aspect-ratio: 1.8; }
  .ap-complex__body { padding: 1.4rem; }
  .ap .ak-stats__story { grid-template-columns: 1fr; gap: 1.8rem; }
  .ap .ak-stat { padding: 1.2rem; }
  .ap .ak-stat__t { font-size: .9rem; }
  .ap .ak-stat__v { font-size: 2.7rem; }
  .ap .ak-calc__row { flex-wrap: wrap; gap: .4rem 1rem; }
  .ap .ak-calc__row output { font-size: 1.7rem; }
  .ap .ak-calc__wait { grid-template-columns: 1fr; gap: .9rem; }
  .ap .ak-calc__wait > div { display: flex; align-items: baseline; gap: .8rem; }
  .ap .ak-calc__wait span { flex: 1; margin: 0; }
  .ap .ak-calc__wait b { min-width: 100px; }
  .ap .ak-band__head { display: block; }
  .ap .ak-band__nav { margin-top: 1.2rem; }
  .ap .ak-olist li { grid-template-columns: 30px 1fr; gap: .6rem; }
}