/* Own at Smokey — Figma oblast 194:784 (REAL ESTATE + MASTER PLAN MAP). Hodnoty calc(N * var(--u)) = design px pri 1920. */

/* Roboto (formular — Figma pouziva Roboto; soubor je v assets/fonts, fonts.css ho zatim nedeklaruje) */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/assets/fonts/roboto-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/assets/fonts/roboto-normal-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2C60-2C7F, U+A720-A7FF; }

.os-eyebrow { font-weight: 800; font-size: max(10px, calc(11 * var(--u))); line-height: calc(13.4 / 11); letter-spacing: 1.4px; text-transform: uppercase; color: var(--c-gold); }

/* ---------------------------------------------------------------- HERO + KARTY (0–1654) */
.os-hero { position: relative; isolation: isolate; background: var(--c-navy); color: #fff; padding-bottom: calc(77 * var(--u)); overflow: hidden; }
.os-hero__map { position: absolute; left: 0; right: 0; top: calc(16 * var(--u)); height: calc(910 * var(--u)); background: #d9d9d9; z-index: -2; }
.os-hero__map > img { width: 100%; height: 100%; object-fit: cover; opacity: .4; }
.os-hero::before { /* Figma 401:1234 "Text": #00177a zdola -> pruhledna (box -52..940) */
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: calc(940 * var(--u)); z-index: -1; pointer-events: none;
  background: linear-gradient(0deg, #00177a 4.2%, rgba(0, 23, 122, .63) 27.4%, rgba(0, 23, 122, .39) 46.4%, rgba(0, 23, 122, 0) 67.5%); }
.os-pin { position: absolute; display: block; width: calc(63 * var(--u)); height: calc(75 * var(--u)); filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25)); }
.os-pin__shape { position: absolute; inset: 0; width: 100%; height: 100%; }
.os-pin__logo { position: absolute; left: 5%; width: 90%; height: auto; top: 23%; color: #b8a89c; }
.os-pin--cs { left: calc(974 * var(--u)); top: calc(549 * var(--u)); }
.os-pin--cr { left: calc(935 * var(--u)); top: calc(575 * var(--u)); }
.os-pin--rh { left: calc(1122 * var(--u)); top: calc(319 * var(--u)); }
.os-pin--rh .os-pin__logo { left: calc(10 / 63 * 100%); width: calc(43 / 63 * 100%); top: calc(18 / 75 * 100%); }
.os-hero__inner { position: relative; max-width: var(--maxw); margin-inline: auto; min-height: calc(1189 * var(--u)); padding: calc(705 * var(--u)) calc(80 * var(--u)) 40px calc(80 * var(--u)); }
.os-hero__h { max-width: calc(957 * var(--u) + 40px); font-size: max(32px, calc(65 * var(--u))); line-height: calc(68 / 65); letter-spacing: .49px; text-transform: uppercase; }
.os-hero__h b { font-weight: 900; }
.os-hero__h i { font-weight: 500; font-size: calc(56.87 / 65 * 1em); }
.os-hero__eyebrow { position: absolute; top: calc(881 * var(--u)); left: calc(80 * var(--u)); }
.os-hero__p { position: absolute; top: calc(904 * var(--u)); left: calc(80 * var(--u)); width: max(300px, calc(527 * var(--u))); max-width: calc(100% - 2 * var(--gut)); font-weight: 400; font-size: max(14px, calc(15 * var(--u))); line-height: calc(18 / 15); letter-spacing: .3px; }
.os-hero__p p + p { margin-top: calc(18 * var(--u)); }
.os-hero__p i { font-style: italic; }

.os-care { position: relative; display: flex; align-items: flex-start; max-width: var(--maxw); margin-inline: auto; padding-left: calc(55 * var(--u)); }
.os-care__card { position: relative; flex: none; width: calc(581 * var(--u)); height: calc(388 * var(--u)); border-radius: 7px; overflow: hidden; isolation: isolate; }
.os-care__card--1 { width: calc(610 * var(--u)); height: calc(379 * var(--u)); }
.os-care__card--2 { margin-left: calc(20 * var(--u)); }
.os-care__card--3 { margin-left: calc(14 * var(--u)); }
.os-care__card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.os-care__card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(0, 0, 0, .48); }
.os-care__card--2::before { background: rgba(0, 0, 0, .38); }
.os-care__card--3::before { background: rgba(0, 0, 0, .29); }
.os-care__t { position: absolute; left: calc(34 * var(--u)); top: calc(230 * var(--u)); right: 8px; font-size: max(20px, calc(40 * var(--u))); line-height: calc(43 / 40); letter-spacing: .3px; text-transform: uppercase; }
.os-care__card--2 .os-care__t { left: calc(33 * var(--u)); }
.os-care__card--3 .os-care__t { left: calc(28 * var(--u)); top: calc(243 * var(--u)); }
.os-care__t b { font-weight: 900; }
.os-care__t i { font-weight: 500; font-size: calc(35 / 40 * 1em); }
.os-care__card--1 .os-care__t i { font-weight: 400; }

/* ---------------------------------------------------------------- MISTA (Cormorant Rock / Moose / Red Head) */
.os-place { position: relative; isolation: isolate; color: #fff; min-height: calc(772 * var(--u)); overflow: hidden; }
.os-place--moose { min-height: calc(770 * var(--u)); }
.os-place--rh { min-height: calc(769 * var(--u)); }
.os-place__bg { position: absolute; inset: 0; z-index: -2; }
.os-place__bg img { width: 100%; height: 100%; object-fit: cover; }
.os-place__bg::after { content: ""; position: absolute; inset: 0; background: rgba(0, 23, 122, .46); }
.os-place--moose .os-place__bg::after { background: rgba(0, 23, 122, .49); }
.os-place--rh .os-place__bg::after { background: rgba(0, 23, 122, .43); }
.os-place__copy { position: relative; max-width: max(300px, calc(477 * var(--u))); margin-left: calc(80 * var(--u)); padding-top: calc(153 * var(--u)); padding-bottom: 40px; }
.os-place__copy--rh { max-width: max(320px, calc(547 * var(--u))); margin-left: calc(93 * var(--u)); padding-top: calc(186 * var(--u)); padding-bottom: 0; }
.os-place__logo { display: block; width: calc(323 * var(--u)); min-width: 180px; margin-left: calc(42 * var(--u)); color: #fff; }
.os-place__logo--rh { width: calc(271 * var(--u)); min-width: 150px; margin-left: calc(72 * var(--u)); }
.os-place__svg { width: 100%; height: auto; }
.os-place__p { margin-top: calc(33 * var(--u)); font-weight: 500; font-size: max(14px, calc(16 * var(--u))); line-height: 1.5; letter-spacing: .3px; }
.os-place__p--rh { margin-top: calc(29 * var(--u)); }
.os-place__btn { margin-top: calc(28 * var(--u)); margin-left: calc(118 * var(--u)); min-width: calc(172 * var(--u)); }
.os-place__btn--rh { margin-top: calc(16 * var(--u)); margin-left: 0; min-width: calc(218 * var(--u)); }
.os-place__btn:hover { background: #fff; color: var(--c-navy); border-color: #fff; }

.os-glass { position: absolute; top: calc(57 * var(--u)); left: calc(1525 * var(--u)); width: calc(334 * var(--u)); height: calc(657 * var(--u)); border-radius: 20px; overflow: hidden; isolation: isolate; color: #fff; }
.os-place--moose .os-glass { left: calc(80 * var(--u)); top: calc(56 * var(--u)); }
.os-place--rh .os-glass { top: calc(56 * var(--u)); }
.os-glass__bg { position: absolute; inset: 0; z-index: -1; background: #d9d9d9; }
.os-glass__bg img { width: 100%; height: 100%; object-fit: cover; opacity: .4; }
.os-glass__bg::after { content: ""; position: absolute; inset: 0; opacity: .47; background: linear-gradient(180deg, rgba(23, 32, 74, 0) 3.7%, #00177a 100%); }
.os-glass__t { position: absolute; left: calc(30 * var(--u)); top: calc(37 * var(--u)); width: calc(229 * var(--u)); font-size: max(18px, calc(40 * var(--u))); line-height: calc(46 / 40); letter-spacing: .35px; text-transform: uppercase; }
.os-glass__t b { font-weight: 900; }
.os-glass__t i { font-weight: 500; font-size: calc(35 / 40 * 1em); }
.os-glass .os-pin { width: calc(45 * var(--u)); height: calc(54 * var(--u)); filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .25)); }
.os-pin--glass-cr { left: calc(150 * var(--u)); top: calc(420 * var(--u)); }
.os-pin--glass-moose { left: calc(147 * var(--u)); top: calc(416 * var(--u)); }
.os-pin--glass-rh { left: calc(277 * var(--u)); top: calc(236 * var(--u)); }

/* ---------------------------------------------------------------- PROGRAMY + MAPA (spolecne pozadi DJI_0100 + navy 47 %) */
.os-winter { position: relative; isolation: isolate; }
.os-winter__bg { position: absolute; left: 0; right: 0; top: 0; height: calc(2268 * var(--u)); max-height: 100%; z-index: -1; overflow: hidden; }
.os-winter__bg img { width: 100%; height: 100%; object-fit: cover; }
.os-winter__bg::after { content: ""; position: absolute; inset: 0; background: rgba(0, 23, 122, .47); }
.os-programs { background: var(--c-navy-2); color: #fff; min-height: calc(674 * var(--u)); padding: calc(80 * var(--u)) calc(120 * var(--u)); }
.os-programs__h { margin-top: 12px; max-width: calc(988 * var(--u) + 60px); font-size: max(26px, calc(42 * var(--u))); line-height: calc(46 / 42); letter-spacing: .3px; text-transform: uppercase; }
.os-programs__h b { font-weight: 800; }
.os-programs__h i { font-weight: 400; }
.os-programs__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(24 * var(--u)); margin-top: calc(41 * var(--u)); }
.os-prog { display: flex; flex-direction: column; height: 100%; min-height: calc(292 * var(--u)); padding: max(20px, calc(32 * var(--u))); background: #001881; border: 1px solid rgba(255, 255, 255, .08); border-radius: 7px; transition: border-color .2s, background-color .2s; }
a.os-prog:hover { border-color: rgba(255, 255, 255, .45); background: #00209a; }
.os-prog__ico { display: grid; place-items: center; width: calc(56 * var(--u)); height: calc(56 * var(--u)); min-width: 44px; min-height: 44px; border-radius: 16px; background: rgba(255, 255, 255, .3); color: #fff; }
.os-prog__ico svg { width: calc(24 * var(--u)); min-width: 20px; height: auto; }
.os-prog__t { margin-top: calc(20 * var(--u)); font-weight: 800; font-size: max(20px, calc(28 * var(--u))); line-height: calc(34 / 28); text-transform: uppercase; }
.os-prog__p { margin-top: 12px; font-weight: 400; font-size: max(14px, calc(16 * var(--u))); line-height: 1.5; letter-spacing: .3px; color: #bac3ff; }

.os-map { padding: calc(144 * var(--u)) calc(74 * var(--u)) calc(200 * var(--u)) calc(85 * var(--u)); }
.os-map__inner { max-width: calc(1761 * var(--u)); min-height: calc(1250 * var(--u)); }

/* ---------------------------------------------------------------- ABOUT SMOKEY (6232–7112) */
.os-about { display: flex; align-items: flex-start; max-width: var(--maxw); margin-inline: auto; padding: calc(47 * var(--u)) 0 calc(47 * var(--u)) calc(85 * var(--u)); color: #fff; }
.os-about__box { flex: none; width: calc(657 * var(--u)); min-height: calc(500 * var(--u)); margin-top: calc(88 * var(--u)); padding: calc(56 * var(--u)) 24px 40px calc(97 * var(--u)); background: rgba(0, 23, 122, .57); border-radius: var(--r); }
.os-about__h { font-size: max(24px, calc(42 * var(--u))); line-height: calc(46 / 42); letter-spacing: .3px; text-transform: uppercase; }
.os-about__h b { font-weight: 900; font-size: calc(52 / 42 * 1em); }
.os-about__h i { font-weight: 500; }
.os-about__p { margin-top: calc(26 * var(--u)); max-width: calc(409 * var(--u) + 30px); font-weight: 600; font-size: max(15px, calc(19 * var(--u))); line-height: calc(26 / 19); letter-spacing: .3px; }
.os-about__cards { display: flex; gap: calc(50 * var(--u)); margin-left: calc(261 * var(--u)); }
.os-about__card { position: relative; flex: none; width: calc(372 * var(--u)); height: calc(786 * var(--u)); border-radius: var(--r); overflow: hidden; isolation: isolate; color: #fff; }
.os-about__card:last-child { width: calc(373 * var(--u)); }
.os-about__card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .6s var(--ease); }
.os-about__card::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; box-shadow: inset 0 -100px 56.5px rgba(0, 0, 0, .4); }
.os-about__card--future::before { background: rgba(0, 0, 0, .2); }
.os-about__card:hover img { transform: scale(1.04); }
.os-about__card span { position: absolute; left: 0; right: 0; top: calc(734 * var(--u)); text-align: center; font-weight: 900; font-size: max(16px, calc(23 * var(--u))); line-height: calc(33 / 23); }

/* ---------------------------------------------------------------- RENTAL POOL (Figma 867:11442) */
.os-rp { background: #fff; color: var(--c-navy); }
.os-rp__intro { display: flex; align-items: center; gap: calc(64 * var(--u)); padding: calc(72 * var(--u)); background: var(--c-navy); color: #fff; min-height: calc(736 * var(--u)); }
.os-rp__copy { flex: none; width: calc(730 * var(--u)); display: flex; flex-direction: column; align-items: flex-start; gap: calc(24 * var(--u)); }
.os-rp__eyebrow { font-weight: 700; font-size: max(12px, calc(14 * var(--u))); line-height: calc(20 / 14); letter-spacing: 1.68px; color: #cc994a; }
.os-rp__h { font-weight: 800; font-size: max(40px, calc(72 * var(--u))); line-height: calc(80 / 72); letter-spacing: 0; }
.os-rp__lead { font-weight: 400; font-size: max(20px, calc(28 * var(--u))); line-height: calc(40 / 28); }
.os-rp__sub { max-width: calc(680 * var(--u) + 20px); font-weight: 400; font-size: max(16px, calc(20 * var(--u))); line-height: calc(31 / 20); letter-spacing: 0; }
.os-rp__cta { display: inline-flex; align-items: center; justify-content: center; min-height: max(48px, calc(56 * var(--u))); padding: 0 max(20px, calc(32 * var(--u))); background: #cc994a; color: var(--c-navy); border-radius: 7px; font-weight: 700; font-size: max(14px, calc(18 * var(--u))); line-height: calc(24 / 18); letter-spacing: 0; transition: background-color .2s; }
.os-rp__cta:hover { background: #b7873f; }
.os-rp__cta--w { color: #fff; flex: none; }
.os-rp__fig { flex: 1; min-width: 0; }
.os-rp__fig img { width: 100%; height: calc(560 * var(--u)); min-height: 220px; object-fit: cover; border-radius: 7px; }
.os-rp__fig figcaption { margin-top: 12px; font-weight: 700; font-size: max(12px, calc(14 * var(--u))); line-height: calc(20 / 14); }
.os-rp__steps { padding: calc(72 * var(--u)); }
.os-rp__h2 { font-weight: 700; font-size: max(28px, calc(42 * var(--u))); line-height: calc(52 / 42); letter-spacing: 0; color: var(--c-navy); }
.os-rp__desc { margin-top: 16px; font-weight: 400; font-size: max(16px, calc(20 * var(--u))); line-height: calc(31 / 20); letter-spacing: 0; color: #424e6e; }
.os-rp__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(32 * var(--u)); margin-top: calc(40 * var(--u)); }
.os-rp__list li { padding: max(20px, calc(32 * var(--u))); border: 1px solid #d6deef; border-radius: 7px; min-height: calc(277 * var(--u)); }
.os-rp__n { display: block; font-weight: 700; font-size: max(26px, calc(36 * var(--u))); line-height: calc(44 / 36); color: #cc994a; }
.os-rp__list h4 { margin-top: calc(24 * var(--u)); font-weight: 700; font-size: max(20px, calc(26 * var(--u))); line-height: calc(34 / 26); letter-spacing: 0; color: var(--c-navy); }
.os-rp__list p { margin-top: 16px; font-weight: 400; font-size: max(16px, calc(20 * var(--u))); line-height: calc(31 / 20); letter-spacing: 0; color: #424e6e; }
.os-rp__contact { display: flex; align-items: center; justify-content: space-between; gap: calc(64 * var(--u)); padding: calc(64 * var(--u)) calc(72 * var(--u)); background: #f3f6fc; }
.os-rp__ce { font-weight: 700; font-size: max(12px, calc(14 * var(--u))); line-height: calc(20 / 14); letter-spacing: 0; margin-bottom: 16px; }

/* ---------------------------------------------------------------- REGISTER INTEREST (637:1118 + 637:1030) */
.os-form { position: relative; z-index: 1; background: var(--c-navy); color: #fff; box-shadow: 0 43px 63px rgba(0, 0, 0, .25); min-height: calc(1003 * var(--u)); padding: calc(83 * var(--u)) calc(96 * var(--u)) 80px; font-family: 'Roboto', var(--font); }
.os-form__wrap { display: grid; grid-template-columns: calc(832 * var(--u)) calc(832 * var(--u)); column-gap: calc(64 * var(--u)); max-width: var(--maxw); margin-inline: auto; }
.os-form__eyebrow { font-weight: 600; font-size: max(11px, calc(11 * var(--u))); line-height: calc(16 / 11); letter-spacing: .5px; color: var(--c-gold); }
.os-form__h { margin-top: calc(17.4 * var(--u)); max-width: calc(800 * var(--u)); font-family: var(--font); font-weight: 400; font-size: max(28px, calc(48 * var(--u))); line-height: 1.15; letter-spacing: 0; text-transform: uppercase; }
.os-form__p { margin-top: calc(25.6 * var(--u)); font-size: max(15px, calc(18 * var(--u))); line-height: 1.55; letter-spacing: 0; }
.os-form__form { display: grid; grid-template-columns: 1fr 1fr; column-gap: calc(32 * var(--u)); row-gap: calc(19 * var(--u)); align-content: start; }
.os-f { display: flex; flex-direction: column; gap: 12px; }
.os-f--full { grid-column: 1 / -1; gap: 16px; }
.os-f label { font-weight: 500; font-size: max(12px, calc(14 * var(--u))); line-height: 1.35; letter-spacing: .84px; text-transform: uppercase; color: var(--c-gold); }
.os-f .os-f__white { color: #fff; }
.os-f input, .os-f select, .os-f textarea { width: 100%; height: max(44px, calc(48 * var(--u))); padding: 10px 0; background: transparent; color: #fff; border: 0; border-bottom: 1px solid #fff; border-radius: 0; font: 400 max(16px, calc(18 * var(--u)))/1.55 'Roboto', var(--font); letter-spacing: 0; }
.os-f select { -webkit-appearance: none; appearance: none; cursor: pointer; }
.os-f select option { color: #000; }
.os-f textarea { height: calc(160 * var(--u)); min-height: 120px; padding: 12px calc(17 * var(--u)); border: 1px solid #fff; border-radius: 7px; resize: vertical; }
.os-f ::placeholder { color: rgba(255, 255, 255, .45); opacity: 1; }
.os-f input:focus-visible, .os-f select:focus-visible, .os-f textarea:focus-visible { outline: 2px solid var(--c-gold-2); outline-offset: 2px; }
.os-check { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 16px; font-size: max(15px, calc(18 * var(--u))); line-height: 1.55; letter-spacing: 0; cursor: pointer; }
.os-check input { flex: none; -webkit-appearance: none; appearance: none; width: 17px; height: 17px; margin: 5px 3px 0 4px; border: 1px solid #fff; border-radius: 2px; background: transparent; display: grid; place-items: center; cursor: pointer; }
.os-check input:checked { background: var(--c-gold-3); border-color: var(--c-gold-3); }
.os-check input:checked::after { content: ""; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: translateY(-1px) rotate(45deg); }
.os-form__btn { grid-column: 1 / -1; margin-top: 16px; height: max(44px, calc(48 * var(--u))); background: var(--c-gold-3); color: #fff; border-radius: 7px; font-weight: 500; font-size: max(13px, calc(14 * var(--u))); letter-spacing: .84px; text-transform: uppercase; transition: background-color .2s; }
.os-form__btn:hover { background: #b7873f; }
.os-form__note { grid-column: 1 / -1; text-align: center; font-size: max(13px, calc(14 * var(--u))); line-height: 1.45; letter-spacing: 0; }
.os-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ---------------------------------------------------------------- RESPONZIVITA */
@media (max-width: 1279px) {
  .os-hero__inner { min-height: 0; padding-top: calc(705 * var(--u)); }
  .os-hero__eyebrow, .os-hero__p { position: static; margin-top: 24px; }
  .os-hero__eyebrow + .os-hero__p { margin-top: 12px; }
  .os-hero__p br, .os-place__p br { display: none; }
  .os-care { margin-top: 24px; }
  .os-care { padding-inline: var(--gut); gap: 16px; }
  .os-care__card--2, .os-care__card--3 { margin-left: 0; }
  .os-care__card, .os-care__card--1 { flex: 1 1 0; width: auto; height: 300px; }
  .os-care__t { top: auto; bottom: 24px; }
  .os-care__card--3 .os-care__t { top: auto; }
  .os-programs { padding-inline: var(--gut); }
  .os-programs__grid { grid-template-columns: repeat(2, 1fr); }
  .os-about { flex-wrap: wrap; gap: 40px; padding-inline: var(--gut); }
  .os-about__box { margin-top: 0; }
  .os-about__cards { margin-left: 0; }
  .os-rp__list { grid-template-columns: 1fr; }
  .os-form { padding-inline: var(--gut); }
  .os-form__wrap { grid-template-columns: 1fr 1.2fr; }
}
@media (max-width: 1023px) {
  .os-hero__inner { min-height: 0; padding: 300px var(--gut) 40px; }
  .os-hero__eyebrow, .os-hero__p { position: static; margin-top: 24px; width: auto; }
  .os-hero__eyebrow + .os-hero__p { margin-top: 12px; }
  .os-hero__map { height: 640px; }
  .os-hero::before { height: 660px; }
  .os-hero__p br, .os-place__p br { display: none; }
  .os-care { flex-direction: column; }
  .os-care__card, .os-care__card--1 { flex: none; width: 100%; height: 280px; }
  .os-place { min-height: 0 !important; padding-bottom: 48px; }
  .os-place__copy, .os-place__copy--rh { margin: 0; padding: 64px var(--gut) 24px; max-width: 560px; }
  .os-place__btn { margin-left: 0; }
  .os-glass { position: relative; left: auto !important; top: auto !important; margin: 24px var(--gut) 0; width: 260px; height: 420px; }
  .os-place--moose .os-glass { margin-top: 64px; }
  .os-glass .os-pin { width: 38px; height: 46px; }
  .os-map { padding: 64px 12px; }
  .os-map__inner { min-height: 0; }
  .os-about__box { width: 100%; min-height: 0; padding: 32px 24px; }
  .os-about__cards { width: 100%; gap: 16px; }
  .os-about__card, .os-about__card:last-child { flex: 1 1 0; width: auto; height: 520px; }
  .os-about__card span { top: auto; bottom: 24px; }
  .os-rp__intro { flex-direction: column; align-items: stretch; padding: 56px var(--gut); }
  .os-rp__copy { width: auto; gap: 18px; }
  .os-rp__steps { padding: 56px var(--gut); }
  .os-rp__contact { flex-direction: column; align-items: flex-start; padding: 48px var(--gut); gap: 24px; }
  .os-form__wrap { grid-template-columns: 1fr; row-gap: 40px; }
  .os-form__h { max-width: none; }
}
@media (max-width: 767px) {
  .os-hero__inner { padding-top: 240px; }
  .os-hero__h { font-size: 30px; }
  .os-hero__h i { font-size: .87em; }
  .os-care__card, .os-care__card--1 { height: 240px; }
  .os-care__t { left: 20px !important; font-size: 22px; }
  .os-programs { padding-block: 56px; }
  .os-programs__grid { grid-template-columns: 1fr; gap: 14px; }
  .os-prog { min-height: 0; }
  .os-about__card, .os-about__card:last-child { height: 380px; }
  .os-form__form { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .os-about__card img { transition: none; } }