/* Own at Smokey / Cormorant Rock — Figma 578:11106 + 578:9231…578:10702. Hodnoty calc(N * var(--u)) = design px pri 1920.
   Vlastni paleta znacky Cormorant Rock (mimo tokeny cs.css — presne hex z Figmy). */

@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; }

body[data-page="own-at-smokey-cormorant-rock"] { --cr-cream: #f0eae6; --cr-taupe: #b8a89c; --cr-red: #c9252c; --cr-red-2: #ca272c; --cr-roboto: 'Roboto', var(--font); }
.cr-welcome, .cr-seasons, .cr-int, .cr-sec { color: #000; }

/* ---------------------------------------------------------------- typografie */
.cr-wrap { max-width: var(--maxw); margin-inline: auto; padding-inline: calc(96 * var(--u)); }
.cr-eyebrow { font-family: var(--cr-roboto); font-weight: 500; font-size: max(12px, calc(14 * var(--u))); line-height: 1.35; letter-spacing: .84px; text-transform: uppercase; color: var(--cr-red); }
.cr-h { font-weight: 400; font-size: max(28px, calc(48 * var(--u))); line-height: 1.15; letter-spacing: 0; text-transform: uppercase; color: #000; }
.cr-red { color: var(--cr-red-2); }
.cr-p { font-family: var(--cr-roboto); font-weight: 400; font-size: max(15px, calc(18 * var(--u))); line-height: calc(27.9 / 18); letter-spacing: 0; }
.cr-lead { font-family: var(--cr-roboto); font-weight: 400; font-size: max(16px, calc(20 * var(--u))); line-height: calc(31 / 20); letter-spacing: 0; }
.cr-small { font-family: var(--cr-roboto); font-weight: 400; font-size: max(12px, calc(14 * var(--u))); line-height: 1.45; letter-spacing: 0; }
.cr-btn { display: inline-flex; align-items: center; min-height: max(44px, calc(47 * var(--u))); padding: 0 calc(22.85 * var(--u) + 2px); border: 1px solid #000; font-family: var(--cr-roboto); font-weight: 500; font-size: max(12px, calc(14 * var(--u))); letter-spacing: .84px; text-transform: uppercase; color: #000; transition: background-color .2s, color .2s; }
.cr-btn:hover { background: #000; color: #fff; }

/* ---------------------------------------------------------------- HERO (578:11106, 883 + 6) */
.cr-hero { position: relative; isolation: isolate; height: calc(890 * var(--u)); min-height: 600px; color: #f6f3ec; overflow: hidden; }
.cr-hero__media { position: absolute; inset: calc(6 * var(--u)) 0 0; z-index: -2; background: #2e241d; }
.cr-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.cr-hero__media::before { content: ""; position: absolute; inset: 0; background: rgba(0, 23, 122, .29); }
.cr-hero__media::after { content: ""; position: absolute; inset: calc(14 * var(--u)) 0 0; opacity: .56; background: linear-gradient(0deg, #2e241d 0%, rgba(184, 168, 156, 0) 84%); }
.cr-hero__logo { position: absolute; left: calc(793 * var(--u)); top: calc(225 * var(--u)); width: calc(337 * var(--u)); min-width: 150px; height: auto; color: #fff; filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .2)); }
.cr-hero__inner { position: absolute; left: calc(64 * var(--u)); top: calc(476 * var(--u)); right: var(--gut); }
.cr-hero__eyebrow { font-family: var(--cr-roboto); font-weight: 400; font-size: max(10px, calc(10.88 * var(--u))); line-height: 1.68; letter-spacing: 3.26px; text-transform: uppercase; color: rgba(246, 243, 236, .86); }
.cr-hero__sep { color: rgba(201, 37, 44, .86); }
.cr-hero__h { font-weight: 400; font-size: max(36px, calc(56 * var(--u))); line-height: calc(85 / 56); letter-spacing: -1.1px; text-transform: uppercase; color: #f6f3ec; }
.cr-hero__p { margin-top: calc(41.3 * var(--u) - 32 * var(--u)); max-width: max(300px, calc(409 * var(--u))); font-family: var(--cr-roboto); font-weight: 300; font-size: max(14px, calc(16 * var(--u))); line-height: 1.6; color: #fff; }
.cr-hero__btns { display: flex; flex-wrap: wrap; gap: calc(22.4 * var(--u)); margin-top: calc(38.4 * var(--u)); }
.cr-hbtn { display: inline-flex; align-items: center; min-height: max(42px, calc(48 * var(--u))); padding: 0 max(16px, calc(22.85 * var(--u))); border: 1px solid rgba(246, 243, 236, .5); font-family: var(--cr-roboto); font-weight: 400; font-size: max(10px, calc(10.88 * var(--u))); letter-spacing: 2.18px; text-transform: uppercase; color: #f6f3ec; transition: background-color .2s, color .2s; }
.cr-hbtn--solid { min-height: max(40px, calc(46 * var(--u))); background: var(--cr-cream); border-color: var(--cr-cream); color: #16261c; }
.cr-hbtn:hover { background: #fff; color: #16261c; }

/* ---------------------------------------------------------------- 01 WELCOME */
.cr-welcome { display: flex; gap: calc(80 * var(--u)); padding: calc(96 * var(--u)) calc(96 * var(--u)) calc(68 * var(--u)); background: var(--cr-cream); }
.cr-welcome__copy { flex: none; width: calc(760 * var(--u)); }
.cr-welcome__h { margin-top: calc(23 * var(--u)); }
.cr-welcome__copy .cr-p { margin-top: 24px; }
.cr-welcome__h + .cr-p { margin-top: calc(30 * var(--u)); }
.cr-welcome__btn { margin-top: calc(30.4 * var(--u)); min-height: max(44px, calc(49 * var(--u))); }
.cr-welcome__img { flex: 1; min-width: 0; height: calc(593 * var(--u)); }
.cr-welcome__img img { width: 100%; height: 100%; object-fit: cover; }

/* ---------------------------------------------------------------- 02 ACTIVITIES */
.cr-act { background: var(--cr-taupe); color: #fff; padding: calc(101 * var(--u)) 0 calc(71 * var(--u)); overflow: hidden; }
.cr-act__h { margin-top: calc(17.4 * var(--u)); color: #fff; }
.cr-act__p { margin-top: calc(27.2 * var(--u)); max-width: max(300px, calc(514 * var(--u))); }
.cr-act__bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: calc(57.6 * var(--u)); }
.cr-act__tabs { display: flex; gap: 6.4px; }
.cr-act__tab { min-height: 38px; padding: 0 15.2px; border: 1px solid #fff; font-family: var(--cr-roboto); font-weight: 500; font-size: max(12px, calc(14 * var(--u))); letter-spacing: .84px; text-transform: uppercase; color: #fff; transition: background-color .2s, color .2s; }
.cr-act__tab[aria-pressed="true"] { background: rgba(255, 255, 255, .8); border-color: rgba(255, 255, 255, .8); color: var(--cr-red-2); }
.cr-act__tab:not([aria-pressed="true"]):hover { background: rgba(255, 255, 255, .15); }
.cr-act__nav { display: flex; align-items: center; gap: 8px; }
.cr-act__status { margin-right: 9.6px; font-family: var(--cr-roboto); font-weight: 500; font-size: max(12px, calc(14 * var(--u))); letter-spacing: .84px; text-transform: uppercase; }
.cr-act__arr { width: 44px; height: 44px; border: 1px solid #edeae1; color: var(--cr-cream); font-family: var(--cr-roboto); font-weight: 500; font-size: 14px; transition: opacity .2s, background-color .2s; }
.cr-act__arr:disabled { opacity: .3; cursor: default; }
.cr-act__arr:not(:disabled):hover { background: rgba(255, 255, 255, .15); }
.cr-act__rail { display: flex; gap: calc(26 * var(--u)); margin-top: calc(25.6 * var(--u)); padding: 0 calc(96 * var(--u)); scroll-padding-inline: calc(96 * var(--u)); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.cr-act__rail::-webkit-scrollbar { display: none; }
.cr-act__rail { min-height: calc(802 * var(--u)); }
.cr-acard { flex: none; width: calc(427 * var(--u)); min-width: 260px; scroll-snap-align: start; }
.cr-acard[hidden] { display: none; }
.cr-acard__fig { position: relative; height: calc(534 * var(--u)); min-height: 320px; background: rgba(0, 0, 0, .25); }
.cr-acard__fig img { width: 100%; height: 100%; object-fit: cover; }
.cr-acard__fig figcaption { position: absolute; left: 0; bottom: 0; padding: 9.6px 14.4px; background: rgba(240, 234, 230, .78); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); font-family: var(--cr-roboto); font-weight: 500; font-size: max(12px, calc(14 * var(--u))); line-height: 1.35; letter-spacing: .84px; text-transform: uppercase; color: var(--cr-red-2); }
.cr-acard__t { margin-top: 16px; font-weight: 500; font-size: max(20px, calc(24 * var(--u))); line-height: 1.3; letter-spacing: 0; }
.cr-acard__p { margin-top: 16px; font-family: var(--cr-roboto); font-size: max(15px, calc(18 * var(--u))); line-height: calc(27.9 / 18); }
.cr-acard__more { display: inline-block; margin-top: 22px; font-family: var(--cr-roboto); font-weight: 500; font-size: max(12px, calc(14 * var(--u))); letter-spacing: .84px; text-transform: uppercase; }
.cr-acard__more:hover { text-decoration: underline; text-underline-offset: 4px; }
.cr-act__foot { padding-top: calc(41.6 * var(--u)); }
.cr-act__track { position: relative; height: 1px; background: var(--cr-cream); }
.cr-act__track span { position: absolute; left: 0; top: 0; height: 1px; width: calc(72 * var(--u)); min-width: 24px; background: var(--cr-red); transition: left .3s var(--ease), width .3s var(--ease); }
.cr-act__cal { display: inline-flex; align-items: center; margin-top: calc(25.6 * var(--u)); min-height: 46px; padding: 0 20.7px; border: 1px solid #fff; font-family: var(--cr-roboto); font-weight: 500; font-size: max(12px, calc(14 * var(--u))); letter-spacing: .84px; text-transform: uppercase; color: var(--cr-red-2); transition: background-color .2s; }
.cr-act__cal:hover { background: rgba(255, 255, 255, .8); }

/* ---------------------------------------------------------------- 03 FOUR SEASONS */
.cr-seasons { background: var(--cr-cream); padding: calc(56 * var(--u)) 0 calc(76 * var(--u)); }
.cr-seasons__h { margin-top: calc(12 * var(--u)); }
.cr-seasons__grid { display: grid; grid-template-columns: calc(867 * var(--u)) calc(867 * var(--u)); column-gap: calc(58 * var(--u)); padding: calc(56.7 * var(--u)) calc(32 * var(--u)) calc(39.7 * var(--u)) calc(96 * var(--u)); max-width: var(--maxw); margin-inline: auto; }
.cr-seasons__img { height: calc(694 * var(--u)); background: rgba(0, 0, 0, .28); }
.cr-seasons__img img { width: 100%; height: 100%; object-fit: cover; }
.cr-seasons__side { position: relative; min-height: calc(694 * var(--u)); }
.cr-seasons__panel { max-width: calc(576 * var(--u) + 40px); }
.cr-seasons__t { margin-top: 17.6px; font-weight: 400; font-size: max(22px, calc(28 * var(--u))); line-height: 1.3; letter-spacing: 0; }
.cr-seasons__p { margin-top: 17.6px; max-width: max(260px, calc(276 * var(--u))); }
.cr-seasons__tabs { position: absolute; right: 0; top: calc(622 * var(--u)); display: flex; }
.cr-seasons__tabs button { position: relative; padding: 0 0 14.4px; margin-left: 28.8px; font-family: var(--cr-roboto); font-weight: 500; font-size: max(12px, calc(14 * var(--u))); letter-spacing: .84px; text-transform: uppercase; color: #000; }
.cr-seasons__tabs button:first-child { margin-left: 0; margin-right: 0; }
.cr-seasons__tabs button::after { content: ""; position: absolute; left: 0; right: 0; bottom: 13px; height: 1px; background: var(--cr-cream); }
.cr-seasons__tabs button[aria-selected="true"]::after { height: 2px; background: var(--cr-red); }
.cr-seasons__tabs button[aria-disabled="true"] { cursor: default; }
.cr-seasons__line { position: absolute; left: 0; right: 0; top: calc(692 * var(--u)); height: 2px; background: rgba(237, 234, 225, .16); }
.cr-seasons__line span { display: block; width: 33.33%; height: 100%; background: #000; }

/* ---------------------------------------------------------------- 04 INTERIORS */
.cr-int { background: var(--cr-cream); padding: calc(31 * var(--u)) 0 calc(73 * var(--u)); }
.cr-int__h { margin-top: calc(41.4 * var(--u)); }
.cr-int__gallery { display: grid; grid-template-columns: calc(1085 * var(--u)) calc(678 * var(--u)); column-gap: calc(29 * var(--u)); margin-top: calc(42 * var(--u)); padding-inline: calc(96 * var(--u)); max-width: var(--maxw); margin-inline: auto; }
.cr-int figure img { width: 100%; height: 100%; object-fit: cover; }
.cr-int .cr-int__big img { height: calc(945 * var(--u)); }
.cr-int .cr-int__sm--1 img { height: calc(452 * var(--u)); }
.cr-int__sm--2 { margin-top: calc(25 * var(--u)); }
.cr-int .cr-int__sm--2 img { height: calc(435 * var(--u)); }
.cr-int figcaption { margin-top: 13.6px; font-family: var(--cr-roboto); font-size: max(12px, calc(14 * var(--u))); line-height: 1.45; }
.cr-mat { display: grid; grid-template-columns: calc(532 * var(--u)) 1fr; padding: calc(100 * var(--u)) calc(96 * var(--u)) 0; max-width: var(--maxw); margin-inline: auto; }
.cr-mat__note { grid-column: 1; max-width: max(240px, calc(291 * var(--u))); margin: 0 0 calc(15 * var(--u)) 2px; font-weight: 600; font-size: max(9px, calc(10 * var(--u))); line-height: 1.3; letter-spacing: .3px; text-transform: uppercase; }
.cr-mat__img { grid-column: 1; height: calc(551 * var(--u)); }
.cr-mat__img img { width: 100%; height: 100%; object-fit: cover; }
.cr-mat__list { grid-column: 2; grid-row: 2; align-self: start; display: grid; grid-template-columns: repeat(2, calc(448 * var(--u))); column-gap: calc(48 * var(--u)); row-gap: calc(56 * var(--u)); margin: calc(100 * var(--u)) 0 0 calc(80 * var(--u)); text-align: center; }
.cr-mat__list h3 { margin-top: 16px; font-weight: 500; font-size: max(18px, calc(24 * var(--u))); line-height: 1.3; letter-spacing: 0; }
.cr-mat__list p { margin: 16px auto 0; max-width: calc(448 * var(--u)); font-family: var(--cr-roboto); font-size: max(15px, calc(20 * var(--u))); line-height: 1.55; }
.cr-mat__dot { display: block; width: 38px; height: 38px; margin: 0 auto; border-radius: 50%; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, .35); }
.cr-mat__dot img { width: 100%; height: 100%; object-fit: cover; }
.cr-mat__dot--oak { background: radial-gradient(circle at 32% 28%, #d0a272 0%, #b08a61 46%, #8a6238 100%); }
.cr-mat__dot--neutral { background: radial-gradient(circle at 32% 28%, #fffdf8 0%, #f5f2ec 52%, #dcd6c9 100%); }
.cr-mat__dot--black { background: #0c1310; border: 1px solid rgba(237, 234, 225, .5); box-shadow: none; }

/* ---------------------------------------------------------------- spolecne sekce 05–11 */
.cr-sec { position: relative; padding: calc(96 * var(--u)); background: #fff; }
.cr-sec > * { max-width: var(--maxw); }
.cr-sec--cream { background: var(--cr-cream); }
.cr-sec__h { margin-top: calc(48 * var(--u)); }
.cr-sec__h + .cr-lead { margin-top: calc(48 * var(--u)); max-width: calc(1200 * var(--u) + 40px); }
.cr-cards { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: calc(32 * var(--u)); row-gap: calc(48 * var(--u)); margin-top: calc(48 * var(--u)); }
.cr-card { min-height: calc(212 * var(--u)); padding: max(20px, calc(32 * var(--u))); background: #fff; }
.cr-card__n { display: block; font-family: var(--cr-roboto); font-weight: 500; font-size: max(12px, calc(14 * var(--u))); line-height: 1.35; letter-spacing: .84px; color: var(--cr-red-2); }
.cr-card__t { margin-top: 18px; font-weight: 500; font-size: max(19px, calc(24 * var(--u))); line-height: 1.3; letter-spacing: 0; }
.cr-card__p { margin-top: 18px; font-family: var(--cr-roboto); font-size: max(15px, calc(20 * var(--u))); line-height: 1.55; }
.cr-cards--phases .cr-card { min-height: calc(208 * var(--u)); background: var(--cr-cream); }
.cr-cards--phases .cr-card__t, .cr-cards--phases .cr-card__p { margin-top: 16px; }

/* 06 floor plans */
.cr-plans { min-height: calc(1555 * var(--u)); }
.cr-plans__h { margin-top: 36px; }
.cr-plans__sum { margin-top: 36px; }
.cr-plans__img { position: absolute; left: calc(-19 * var(--u)); top: calc(193 * var(--u)); display: flex; z-index: 0; pointer-events: none; }
.cr-plans__pair { display: flex; }
.cr-plans__img img { width: calc(353 * var(--u)); height: calc(1261 * var(--u)); object-fit: contain; }
.cr-plans > :not(.cr-plans__img) { position: relative; z-index: 1; }
.cr-plans__key { display: flex; gap: calc(64 * var(--u)); margin: calc(964 * var(--u)) 0 0 calc(24 * var(--u)); }
.cr-plans__key > div:first-child { width: calc(637 * var(--u)); }
.cr-plans__key h3, .cr-plans__key p { font-family: var(--cr-roboto); font-weight: 400; font-size: max(16px, calc(20 * var(--u))); line-height: 1.55; letter-spacing: 0; }
.cr-plans__key p { margin-top: 32px; }
.cr-plans__btn { margin: calc(43 * var(--u)) 0 0 calc(24 * var(--u)); }

/* 07 architecture */
.cr-arch { padding-bottom: calc(219 * var(--u)); }
.cr-arch__h, .cr-arch__p { margin-top: 10px; }
.cr-arch__p { max-width: max(300px, calc(473 * var(--u))); }
.cr-arch__row { display: grid; grid-template-columns: calc(832 * var(--u)) calc(832 * var(--u)); column-gap: calc(64 * var(--u)); margin-top: calc(14 * var(--u)); }
.cr-arch__row--2 { margin: calc(50 * var(--u)) 0 0 calc(31 * var(--u)); }
.cr-draw__box { height: calc(512 * var(--u)); display: flex; align-items: center; justify-content: center; }
.cr-draw__box img { height: calc(480 * var(--u)); width: auto; max-width: 100%; object-fit: contain; }
.cr-draw figcaption { margin-top: 24px; text-align: center; font-family: var(--cr-roboto); font-size: max(15px, calc(20 * var(--u))); line-height: 1.55; }
.cr-arch__cap { margin-top: calc(65 * var(--u)); }

/* 08 story */
.cr-story { min-height: calc(1305 * var(--u)); box-shadow: 0 4px 4px rgba(0, 0, 0, .25); z-index: 1; padding-right: 0; }
.cr-story__h, .cr-story__img, .cr-story__cols { margin-top: 40px; }
.cr-story__img { height: calc(397 * var(--u)); }
.cr-story__img img { width: 100%; height: 100%; object-fit: cover; }
.cr-story__cols { display: grid; grid-template-columns: calc(620 * var(--u)) calc(784 * var(--u)); column-gap: calc(35 * var(--u)); }
.cr-story__cols p + p { margin-top: 1.55em; }

/* 09 masterplan (vektor bez geometrie — viz report) */
.cr-plan { background: #f0ebe6; box-shadow: inset 0 4px 4px rgba(0, 0, 0, .25); }
.cr-plan__sub, .cr-plan__note { margin-top: 40px; }

/* 10 ownership */
.cr-own__btns { display: flex; flex-wrap: wrap; gap: 24px; margin-top: calc(48 * var(--u)); }

/* 11 inquiry */
.cr-inq { display: grid; grid-template-columns: calc(832 * var(--u)) calc(832 * var(--u)); column-gap: calc(64 * var(--u)); }
.cr-inq__h { margin-top: calc(17.4 * var(--u)); }
.cr-inq__p { margin-top: calc(25.6 * var(--u)); max-width: calc(800 * var(--u)); }
.cr-inq__dl { margin-top: calc(48 * var(--u)); max-width: calc(776 * var(--u)); padding-top: calc(6.4 * var(--u)); border-top: 1px solid rgba(0, 0, 0, .19); }
.cr-inq__dl dt { margin-top: 19.2px; font-family: var(--cr-roboto); font-weight: 500; font-size: max(12px, calc(14 * var(--u))); line-height: 1.35; letter-spacing: .84px; text-transform: uppercase; color: var(--cr-red-2); }
.cr-inq__dl dd { font-family: var(--cr-roboto); font-size: max(15px, calc(18 * var(--u))); line-height: 1.55; }
.cr-inq__dl a:hover { text-decoration: underline; text-underline-offset: 3px; }
.cr-form { display: grid; grid-template-columns: 1fr 1fr; column-gap: calc(32 * var(--u)); row-gap: calc(32 * var(--u)); align-content: start; font-family: var(--cr-roboto); }
.cr-f { display: flex; flex-direction: column; gap: 12px; }
.cr-f--full { grid-column: 1 / -1; gap: 16px; }
.cr-f label { font-weight: 500; font-size: max(12px, calc(14 * var(--u))); line-height: 1.35; letter-spacing: .84px; text-transform: uppercase; color: #000; }
.cr-f input, .cr-f textarea { width: 100%; height: max(44px, calc(48 * var(--u))); padding: 10px 0; background: transparent; color: #000; border: 0; border-bottom: 1px solid rgba(0, 0, 0, .28); border-radius: 0; font: 400 max(16px, calc(18 * var(--u)))/1.55 var(--cr-roboto); letter-spacing: 0; }
.cr-f textarea { height: calc(160 * var(--u)); min-height: 120px; resize: vertical; }
.cr-f input::placeholder { color: #bebebe; opacity: 1; }
.cr-f textarea::placeholder { color: #000; opacity: 1; }
.cr-f input:focus-visible, .cr-f textarea:focus-visible { outline: 2px solid var(--cr-red); outline-offset: 2px; }
.cr-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; cursor: pointer; }
.cr-check input { flex: none; -webkit-appearance: none; appearance: none; width: 17px; height: 17px; margin: 5px 3px 0 4px; border: 1px solid #000; border-radius: 2px; background: transparent; display: grid; place-items: center; cursor: pointer; }
.cr-check input:checked { background: #000; }
.cr-check input:checked::after { content: ""; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: translateY(-1px) rotate(45deg); }
.cr-form__btn { grid-column: 1 / -1; margin-top: calc(16 * var(--u) - 32 * var(--u) + 16px); height: max(44px, calc(48 * var(--u))); background: #c6b3a4; color: #fff; font-weight: 500; font-size: max(12px, calc(14 * var(--u))); letter-spacing: .84px; text-transform: uppercase; transition: background-color .2s; }
.cr-form__btn:hover { background: #a8907d; }
.cr-form__note { grid-column: 1 / -1; text-align: center; font-size: max(12px, calc(14 * var(--u))); line-height: 1.45; }
.cr-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ---------------------------------------------------------------- 12 FAQ */
.cr-faq { background: var(--cr-taupe); color: #fff; padding: calc(96 * var(--u)) calc(160 * var(--u)); text-align: center; }
.cr-faq__label { color: var(--cr-red-2); }
.cr-faq__h { margin-top: 24px; font-weight: 400; font-size: max(28px, calc(48 * var(--u))); line-height: 1.15; text-transform: uppercase; }
.cr-faq__sub { margin-top: 8px; font-weight: 400; font-size: max(18px, calc(28 * var(--u))); line-height: 1.3; letter-spacing: 0; color: var(--cr-cream); }
.cr-faq__list { margin: calc(56 * var(--u)) auto 0; max-width: 1600px; text-align: left; }
.cr-faq__item + .cr-faq__item { border-top: 1px solid rgba(255, 255, 255, .08); }
.cr-faq__item summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 0; list-style: none; cursor: pointer; font-weight: 500; font-size: max(17px, calc(24 * var(--u))); line-height: 1.3; letter-spacing: 0; }
.cr-faq__item summary::-webkit-details-marker { display: none; }
.cr-faq__item[open] summary { padding-bottom: 16px; }
.cr-faq__pm { flex: none; position: relative; width: 32px; height: 29px; border-radius: 16px; background: rgba(255, 255, 255, .07); }
.cr-faq__pm::before, .cr-faq__pm::after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 1.5px; background: #fff; transform: translate(-50%, -50%); }
.cr-faq__pm::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .2s; }
.cr-faq__item[open] .cr-faq__pm::after { transform: translate(-50%, -50%) rotate(0deg); }
.cr-faq__item summary:hover .cr-faq__pm { background: rgba(255, 255, 255, .2); }
.cr-faq__a { padding-bottom: 24px; font-family: var(--cr-roboto); font-size: max(15px, calc(18 * var(--u))); line-height: 1.55; }
.cr-faq__a a { text-decoration: underline; text-underline-offset: 3px; }
.cr-faq__cta { margin: calc(56 * var(--u)) auto 0; max-width: 1600px; padding: 40px 0; border-top: 1px solid rgba(255, 255, 255, .08); }
.cr-faq__cta p { font-family: var(--cr-roboto); font-weight: 500; font-size: max(12px, calc(14 * var(--u))); letter-spacing: .84px; text-transform: uppercase; color: var(--cr-cream); }
.cr-faq__btn { display: inline-flex; align-items: center; margin-top: 24px; min-height: 47px; padding: 0 32px; background: rgba(0, 0, 0, .18); font-family: var(--cr-roboto); font-weight: 500; font-size: max(12px, calc(14 * var(--u))); letter-spacing: .84px; text-transform: uppercase; color: var(--cr-cream); transition: background-color .2s; }
.cr-faq__btn:hover { background: rgba(0, 0, 0, .32); }

/* ---------------------------------------------------------------- RESPONZIVITA */
@media (max-width: 1279px) {
  .cr-wrap, .cr-act__rail { padding-inline: var(--gut); }
  .cr-act__rail { scroll-padding-inline: var(--gut); }
  .cr-sec, .cr-welcome { padding-inline: var(--gut); }
  .cr-seasons__grid, .cr-int__gallery, .cr-mat { padding-inline: var(--gut); }
  .cr-mat__list { grid-template-columns: repeat(2, 1fr); margin-left: 40px; }
  .cr-story { padding-right: 0; }
  .cr-faq { padding-inline: var(--gut); }
}
@media (max-width: 1023px) {
  .cr-hero { height: auto; min-height: 640px; }
  .cr-hero__logo { left: 50%; transform: translateX(-50%); top: 120px; width: 180px; }
  .cr-hero__inner { position: relative; left: auto; top: auto; padding: 340px var(--gut) 56px; right: auto; }
  .cr-welcome { flex-direction: column; gap: 40px; padding-block: 64px; }
  .cr-welcome__copy { width: auto; }
  .cr-welcome__img { height: 56vw; }
  .cr-act { padding-block: 64px; }
  .cr-seasons__grid { grid-template-columns: 1fr; row-gap: 32px; }
  .cr-seasons__img { height: 56vw; }
  .cr-seasons__side { min-height: 0; }
  .cr-seasons__tabs { position: static; margin-top: 32px; justify-content: flex-start; }
  .cr-seasons__tabs button:first-child { margin-right: 0; }
  .cr-seasons__line { position: static; margin-top: 8px; }
  .cr-int { padding-bottom: 64px; }
  .cr-int__gallery { grid-template-columns: 1fr; row-gap: 24px; }
  .cr-int .cr-int__big img, .cr-int .cr-int__sm--1 img, .cr-int .cr-int__sm--2 img { height: auto; aspect-ratio: 3 / 2; }
  .cr-mat { grid-template-columns: 1fr; padding-top: 48px; }
  .cr-mat__img { height: auto; max-width: 420px; }
  .cr-mat__list { grid-column: 1; grid-row: auto; margin: 40px 0 0; }
  .cr-sec { padding-block: 64px; }
  .cr-cards { grid-template-columns: 1fr 1fr; row-gap: 20px; column-gap: 20px; }
  .cr-card { min-height: 0 !important; }
  .cr-plans { min-height: 0; }
  .cr-plans__img { position: static; flex-wrap: wrap; margin: 32px 0 0; pointer-events: auto; }
  .cr-plans__pair img { width: 50%; height: auto; }
  .cr-plans__pair { width: 100%; max-width: 640px; }
  .cr-plans__key { margin: 24px 0 0; flex-wrap: wrap; gap: 32px; }
  .cr-plans__key > div:first-child { width: auto; }
  .cr-plans__btn { margin-left: 0; margin-top: 32px; }
  .cr-arch__row, .cr-arch__row--2 { grid-template-columns: 1fr 1fr; column-gap: 24px; margin-left: 0; margin-top: 40px; }
  .cr-draw__box { height: auto; }
  .cr-draw__box img { height: auto; max-height: 360px; }
  .cr-story { min-height: 0; padding-right: var(--gut); }
  .cr-story__img { height: 40vw; }
  .cr-story__cols { grid-template-columns: 1fr; row-gap: 1.55em; }
  .cr-inq { grid-template-columns: 1fr; row-gap: 48px; }
  .cr-inq__p, .cr-inq__dl { max-width: none; }
  .cr-faq { padding-block: 64px; }
}
@media (max-width: 767px) {
  .cr-hero__inner { padding-top: 300px; }
  .cr-welcome__copy br { display: none; }
  .cr-acard { width: 78vw; min-width: 0; }
  .cr-acard__fig { height: 96vw; min-height: 0; }
  .cr-mat__list { grid-template-columns: 1fr; row-gap: 32px; }
  .cr-cards { grid-template-columns: 1fr; }
  .cr-arch__row, .cr-arch__row--2 { grid-template-columns: 1fr; row-gap: 32px; }
  .cr-form { grid-template-columns: 1fr; row-gap: 22px; }
  .cr-form__btn { margin-top: 8px; }
  .cr-faq__item summary { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) { .cr-act__track span { transition: none; } }