:root {
  --brief-surface: #f8fffd;
  --brief-rule: #c5dcda;
  --brief-primary: #007f85;
  --brief-primary-hover: #00666c;
  --brief-secondary: #e2f3f0;
  --catalog-cta-height: 60px;
  --catalog-cta-secondary: rgb(0 43 50 / .66);
  --catalog-cta-secondary-hover: rgb(0 43 50 / .84);
  --polish-title-bearing: -.0625em;
  --polish-copy-bearing: -.0625em;
  --polish-hero-gap: 8px;
  --polish-brand-gap: 3px;
  --polish-caption-gap: 2px;
  --polish-caption-muted: #c8e8e6;
  --refine-button-radius: 14px;
  --refine-button-height: 52px;
  --refine-button-padding: 26px;
  --refine-rule: rgb(255 255 255 / .4);
  --refine-contour-opacity: .13;
  --refine-motion: 200ms;
  --feedback-secondary: #f0fbfa;
  --feedback-panel: #f8fffd;
  --feedback-panel-rule: rgb(255 255 255 / .35);
  --feedback-card-radius: 20px;
  --feedback-card-shadow: 0 8px 24px rgb(0 43 50 / .10);
  --feedback-profile-size: 58px;
  --feedback-heading-gap: 12px;
  --feedback-section-gap: clamp(48px, 5.5vw, 80px);
  --feedback-caption-size: 14px;
  --feedback-title-size: clamp(30px, 3vw, 46px);
  --feedback-hero-mark-opacity: .55;
  --founder-paper: #f8fbfa;
  --founder-ink: #123f42;
  --founder-body: #344e50;
  --founder-muted: #617b7d;
  --founder-line: #c8dbd7;
  --founder-title: clamp(48px,5.5vw,80px);
  --founder-heading: clamp(21px,2vw,27px);
  --founder-reading: 16px;
  --founder-gutter: clamp(24px,5vw,72px);
  --founder-spacing: clamp(52px,6vw,88px);
  --founder-width: 1240px;
  --founder-portrait-height: 610px;
  --founder-mobile-portrait: 350px;
  --founder-stamp-size: 116px;
  /* White lettering on photography: a small contact shadow plus a soft halo. */
  --photo-text-shadow: 0 1px 2px rgb(0 18 24 / .8), 0 2px 12px rgb(0 18 24 / .5);
  --photo-title-shadow: 0 2px 3px rgb(0 18 24 / .45), 0 5px 24px rgb(0 18 24 / .35);
  --photo-copy-halo: radial-gradient(ellipse, rgb(0 28 34 / .42) 0%, rgb(0 28 34 / .27) 42%, transparent 72%);
  --photo-header-shade: linear-gradient(180deg, rgb(0 24 32 / .48), rgb(0 24 32 / .16) 55%, transparent);
  --photo-card-shade: linear-gradient(0deg, rgb(0 28 34 / .85), rgb(0 28 34 / .64) 28%, rgb(0 28 34 / .36) 43%, transparent 68%);
  --photo-control-surface: rgb(0 35 43 / .62);
  --nav-surface: var(--brand-turquoise);
  --nav-ink: var(--white);
  --nav-rule: rgb(255 255 255 / .3);
  --nav-overlay: rgb(0 43 50 / .38);
  --nav-photo-shade: linear-gradient(0deg,rgb(0 35 43 / .8),transparent 90%);
  --nav-space: clamp(20px,5vw,32px);
  --nav-link-size: clamp(25px,6.6vw,34px);
  --nav-photo-height: clamp(140px,23svh,210px);
  --nav-radius: 18px;
  --nav-motion: 240ms;
  --reel-gap: clamp(18px,2vw,30px);
  --reel-control-size: 52px;
  --reel-card-height: clamp(420px,38vw,560px);
  --reel-card-height-mobile: 430px;
  --reel-card-title: clamp(30px,3vw,48px);
  --journal-width: 1400px;
  --journal-gap: clamp(18px,2.4vw,36px);
  --journal-height: clamp(460px,43vw,630px);
  --journal-photo-radius: 24px;
  --journal-heading: clamp(36px,5vw,72px);
  --journal-caption: clamp(18px,1.55vw,24px);
  --journal-lagoon: #00777f;
  --journal-rule: rgb(255 255 255 / .32);
  --journal-shadow: 0 16px 38px rgb(0 51 58 / .15);
  /* Exact opaque field sampled from the supplied Фон-10 screenshot. */
  --brand-turquoise: #007f85;
  --brand-deep: #00565e;
  --brand-light: #ddfff7;
  --brand-ink: #063c43;
  --brand-contour: url('./assets/brand-coastline.svg');
  --brand-photo-grade: saturate(1.12) brightness(1.025) contrast(1.025);
  --brand-coast-grade: saturate(1.2) brightness(1.06) contrast(1.035);
  --brand-hero-shade: linear-gradient(0deg,var(--brand-turquoise),transparent 19%),linear-gradient(180deg,rgb(0 35 43 / .28),transparent 47%),linear-gradient(90deg,rgb(0 42 50 / .26),transparent 57%);
  --brand-scene-shade: linear-gradient(90deg,rgb(0 30 38 / .64),transparent 62%),linear-gradient(0deg,rgb(0 30 38 / .32),transparent 40%);
  --brand-scene-shade-mobile: linear-gradient(0deg,rgb(0 30 38 / .28),rgb(0 30 38 / .58) 35%,transparent 75%);
  --scene-mobile-height: clamp(600px,86svh,680px);
  --scene-mobile-copy-bottom: 148px;
  --brand-card-shade: linear-gradient(0deg,rgb(0 37 43 / .92),rgb(0 37 43 / .54) 24%,transparent 60%);
  --brand-catalog-shade: radial-gradient(ellipse at 0% 48%,rgb(0 36 45 / .60),transparent 65%),linear-gradient(180deg,rgb(0 36 45 / .2),transparent 22%);
  --brand-catalog-shade-mobile: linear-gradient(0deg,rgb(0 36 45 / .72),transparent 76%),linear-gradient(90deg,rgb(0 36 45 / .18),transparent);
  --brand-panel-radius: clamp(24px,3vw,40px);
  --brand-panel-space: clamp(22px,3.5vw,48px);
  --brand-panel-shadow: 0 20px 48px rgb(0 55 62 / .12);
  --atlas-paper: #e8faf3;
  --atlas-surface: #087782;
  --atlas-on-surface: #ffffff;
  --atlas-on-surface-muted: #e8fcf9;
  --atlas-map-land: #e8f6e8;
  --atlas-map-coast: #389d94;
  --atlas-map-sea: #65d3ca;
  --atlas-map-height: clamp(370px,36vw,510px);
  --atlas-land: #93c3bb;
  --atlas-water: #d4eae3;
  --atlas-accent: #0a6971;
  --atlas-width: 1400px;
  --atlas-gap: clamp(24px,4vw,60px);
  --atlas-title: clamp(38px,4.5vw,68px);
  --atlas-photo-height: clamp(300px,28vw,410px);
  --atlas-radius: 24px;
  --catalog-paper: #ade5df;
  --catalog-panel: #ffffff;
  --catalog-ink: #102f3b;
  --catalog-muted: #365c63;
  --catalog-rule: #80bdb8;
  --catalog-tint: #d3f1eb;
  --catalog-ocean: #082f3c;
  --catalog-flow-depth: clamp(140px, 14vw, 200px);
  --catalog-action: #067381;
  --catalog-coast-grade: saturate(1.16) brightness(1.04);
  --catalog-coast-scrim: linear-gradient(90deg,rgb(3 28 37 / .64),rgb(3 28 37 / .32) 34%,transparent 68%),linear-gradient(rgb(3 28 37 / .28),transparent 20%);
  --catalog-coast-scrim-mobile: linear-gradient(90deg,rgb(3 28 37 / .60),rgb(3 28 37 / .30) 55%,rgb(3 28 37 / .06)),linear-gradient(rgb(3 28 37 / .24),transparent 24%);
  --catalog-on-ocean: #c8e2e8;
  --catalog-reading: 'Manrope', Arial, sans-serif;
  --catalog-display: 'Tenor Sans', Arial, sans-serif;
  --catalog-body-size: 1.0625rem;
  --catalog-body-leading: 1.65;
  --catalog-heading-size: clamp(2.1rem, 3.8vw, 3.5rem);
  --catalog-name-size: clamp(1.6rem, 2.3vw, 2.25rem);
  --catalog-label-size: .875rem;
  --catalog-radius: 24px;
  --catalog-control-radius: 14px;
  --catalog-section-space: clamp(48px, 6vw, 88px);
  --catalog-shadow: 0 18px 48px rgb(23 61 67 / .08);
  --catalog-width: 1320px;
  --catalog-hero: clamp(380px, 43vw, 620px);
  --catalog-title: clamp(2.4rem, 9vw, 8rem);
  --catalog-card-title: clamp(1.4rem, 2.1vw, 1.875rem);
  --catalog-gap: clamp(24px, 3vw, 48px);
  --catalog-cover: 1.5;
  --catalog-dialog: 1180px;
  --catalog-hero-height: clamp(620px, 50vw, 780px);
  --catalog-coast-tail: clamp(100px, 13vw, 180px);
  --catalog-filter-gap: 10px;
  --catalog-filter-radius: 24px;
  --hotel-dialog-width: 1220px;
  --people-surface: #a7e4dc;
  --people-ink: #123f45;
  --people-width: 1120px;
  --people-gap: clamp(24px, 4vw, 56px);
  --people-title: clamp(36px, 3.5vw, 52px);
  --people-image-height: clamp(420px, 35vw, 500px);
  --people-radius: 26px;
  --destination-opening-size: clamp(44px, 6.4vw, 92px);
  --destination-opening-gap: clamp(24px, 4vw, 56px);
  --destination-window-width: clamp(96px, 11vw, 160px);
  --destination-window-height: clamp(48px, 5.6vw, 80px);
  --hotel-dialog-space: clamp(20px, 3.4vw, 44px);
  --hotel-gallery-height: clamp(320px, 42vh, 470px);
  --hotel-heading-size: clamp(30px, 3.2vw, 46px);
  --catalog-overlay: linear-gradient(180deg, rgb(3 37 45 / .04) 30%, rgb(3 37 45 / .68));
  --catalog-ease: cubic-bezier(.2,.65,.3,1);
  --seafoam: #c0eee6;
  --album: #91dcd4;
  --surface-air: #f5fcfa;
  --surface-tide: #b3e9e0;
  --white: #ffffff;
  --ink: #063c43;
  --muted: #315d62;
  --line: #75b9b4;
  --ocean: #008c95;
  --brand-sand: #ffffff;
  --brand-flamingo: #e7c8c0;
  --focus: #007383;
  --scrim: rgb(2 30 40 / .15);
  --hero-letter-shadow: 0 2px 12px rgb(0 24 34 / .25);
  --hero-top-scrim: rgb(0 25 34 / .46);
  --hero-copy-scrim: rgb(0 32 44 / .5);
  --modal-backdrop: rgb(2 25 34 / .65);
  --display: 'Bodoni Moda', 'Times New Roman', serif;
  --editorial: 'Tenor Sans', Arial, sans-serif;
  --hero-type: 'Tenor Sans', Arial, sans-serif;
  --sans: 'Tenor Sans', Arial, sans-serif;
  --text-xs: .875rem;
  --text-sm: 1rem;
  --text-reading: 1.125rem;
  --text-base: 1rem;
  --text-row: clamp(1.2rem, 1.8vw, 1.65rem);
  --text-section: clamp(2.125rem, 3.8vw, 3.75rem);
  --text-card: clamp(1.25rem, 1.9vw, 1.9rem);
  --text-country: clamp(1.6rem, 2.35vw, 2.4rem);
  --heading-tracking: -.015em;
  --reading-leading: 1.6;
  --reading-width: 44ch;
  --font-heading-weight: 400;
  --scene-heading-size: clamp(2.1rem, 3.7vw, 3.8rem);
  --country-title-size: clamp(1.8rem, 2.8vw, 3.2rem);
  --country-title-active: clamp(2.4rem, 3.8vw, 4rem);
  --mobile-heading-size: clamp(2rem, 8.5vw, 2.75rem);
  --mobile-reading-size: 1.0625rem;
  --hero-heading: clamp(2.5rem, 4.5vw, 5rem);
  --hero-height: clamp(680px, 56.25vw, 960px);
  --radius-button: 22px;
  --action-size: .875rem;
  --action-height: 52px;
  --control-size: 44px;
  --icon-size: 20px;
  --action-rule: rgb(7 54 68 / .35);
  --action-rule-light: rgb(255 255 255 / .55);
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 6rem;
  --section-space: clamp(48px, 6.4vw, 96px);
  --gutter: clamp(1.25rem, 3.4vw, 4.5rem);
  --radius-sm: .25rem;
  --radius-media: 24px;
  --radius-scene: 32px;
  --radius-photo: 22px;
  --radius-country: 28px;
  --radius-portrait: 32px;
  --radius-thumb: 16px;
  --radius-thumb-image: 12px;
  --country-height: clamp(470px, 43vw, 640px);
  --country-gap: 24px;
  --scene-height: 610px;
  --surface-scene: #062f37;
  --color-hover: #c4eeea;
  --flow-water: #087b8b;
  --flow-copy: #f0fbf8;
  --flow-footer: #073943;
  --duration-shape: 700ms;
  --lagoon: #063c43;
  --shadow-photo: 0 14px 24px rgb(6 60 67 / .14);
  --photo-scrim: linear-gradient(180deg, transparent 40%, rgb(3 43 49 / .08) 57%, rgb(3 43 49 / .78));
  --photo-grade: saturate(1.12) contrast(1.02);
  --destination-scrim: linear-gradient(180deg, transparent 50%, rgb(3 43 49 / .12) 65%, rgb(3 43 49 / .86));
  --control-border: rgb(6 60 67 / .28);
  --white-rule: rgb(255 255 255 / .6);
  --mist: #bcd8d1;
  --radius-round: 50%;
  --shadow-dialog: 0 24px 100px rgb(0 25 30 / .2);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --duration-fast: 220ms;
  --duration-panel: 500ms;
  --duration-photo: 650ms;
  --duration-reveal: 600ms;
}