

:root {
  --bg: #F5F8FC;
  --surface: #FFFFFF;
  --text: #0E1B2A;
  --muted: #57687A;
  --accent: #1F5FA8;
  --accent2: #9DBBD8;

  --ground: #F5F8FC;
  --inset: #ECF1F7;      
  --deep: #0E1B2A;       

  --hairline: #D6DEE8;
  --hairline-soft: rgba(14,27,42,.08);

  --site-bg: #F5F8FC;
  --site-surface: #FFFFFF;
  --site-text: #0E1B2A;
  --site-muted: #57687A;
  --site-accent: #1F5FA8;

  --measure: 680px;
  --pad: 24px;
  --band: 96px;

  --h1: clamp(2.3rem, 6vw, 3.6rem);
  --h2: clamp(1.7rem, 4vw, 2.4rem);
  --h3: clamp(1.25rem, 2.5vw, 1.5rem);

  --serif: "Playfair Display", Georgia, serif;
  --sans: "Source Sans 3", system-ui, sans-serif}

*, *::before, *::after { box-sizing: border-box}

html { -webkit-text-size-adjust: 100%}

body {
  margin: 0;
  background: var(--ground);
  color: var(--text);
  font-family: var(--sans);
  font-size: 1.0625rem;
  line-height: 1.7;
  font-weight: 400;
  -webkit-font-smoothing: antialiased}

img { max-width: 100%; display: block}

a { color: var(--accent); text-decoration: none}
a:hover { text-decoration: underline}

h1, h2, h3, h4 {
  font-family: var(--serif);
  font-weight: 600;
  line-height: 1.12;
  color: var(--text);
  margin: 0 0 .5em;
  letter-spacing: -.01em}

p { margin: 0 0 1.1em; max-width: 72ch}

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px}

.rr-measure {
  width: 100%;
  max-width: var(--measure);
  margin-inline: auto;
  padding-inline: var(--pad)}

.rr-section { padding-block: clamp(56px, 10vw, var(--band))}
.rr-ground_inset { background: var(--inset)}
.rr-ground_deep { background: var(--deep); color: var(--surface)}
.rr-ground_deep h1, .rr-ground_deep h2, .rr-ground_deep h3 { color: var(--surface)}
.rr-ground_deep p { color: rgba(245,248,252,.82)}

.rr-rule { border: 0; border-top: 1px solid var(--hairline); margin: 0}

.rr-marker {
  font-family: var(--serif);
  font-size: .95rem;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--accent);
  margin: 0 0 1.4em;
  padding-bottom: .6em;
  border-bottom: 1px solid var(--hairline);
  display: inline-block}
.rr-ground_deep .rr-marker { color: var(--accent2); border-color: rgba(157,187,216,.35)}

.trigger-opk {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  font-family: var(--sans);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  padding: .95em 1.6em;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
  min-height: 48px}
.trigger-opk--primary { background: var(--accent); color: var(--surface)}
.trigger-opk--primary:hover { background: #17487e; text-decoration: none}
.trigger-opk--ghost {
  background: transparent;
  color: var(--accent);
  border-color: var(--accent)}
.trigger-opk--ghost:hover { background: var(--accent); color: var(--surface); text-decoration: none}
.rr-ground_deep .trigger-opk--ghost { color: var(--surface); border-color: rgba(245,248,252,.55)}
.rr-ground_deep .trigger-opk--ghost:hover { background: var(--surface); color: var(--text)}
.trigger-opk:focus-visible { outline: 2px solid var(--accent2); outline-offset: 3px}
.trigger-opk:disabled { opacity: .5; cursor: not-allowed}

.entry-pv5 {
  display: block;
  width: 100%;
  min-width: 0;
  font-family: var(--sans);
  font-size: 1rem;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--hairline);
  border-radius: 0;
  padding: .8em 1em;
  min-height: 48px;
  transition: border-color .18s ease}
textarea.entry-pv5 { min-height: 140px; resize: vertical; line-height: 1.6}
.entry-pv5::placeholder { color: var(--muted)}
.entry-pv5:focus-visible { outline: none; border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent)}

.rr-field { margin-bottom: 1.2em}
.rr-label {
  display: block;
  font-size: .85rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--muted);
  margin-bottom: .4em;
  text-transform: uppercase}

.panel-0uk {
  background: var(--surface);
  border: 1px solid var(--hairline);
  border-radius: 0;
  padding: clamp(24px, 4vw, 40px)}

.badge-vbz {
  display: inline-block;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--accent);
  background: var(--inset);
  border: 1px solid var(--hairline);
  padding: .35em .7em;
  border-radius: 0}

.rr-masthead {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--ground);
  border-bottom: 1px solid var(--hairline);
  transition: box-shadow .2s ease, background .2s ease}
.rr-masthead.is-scrolled { background: rgba(245,248,252,.94); backdrop-filter: blur(6px)}

.rr-masthead-inner {
  height: 70px;
  max-width: 1120px;
  margin-inline: auto;
  padding-inline: var(--pad);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem}

.rr-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.4rem;
  order: 1}
.rr-nav a, .rr-nav-link {
  font-size: .95rem;
  font-weight: 600;
  letter-spacing: .01em;
  color: var(--text);
  padding: .4em 0}
.rr-nav a:hover { color: var(--accent); text-decoration: none}
.rr-nav-link_active { color: var(--accent); border-bottom: 2px solid var(--accent)}

.rr-tools {
  order: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  color: var(--muted);
  font-size: .82rem;
  letter-spacing: .06em}
.rr-tools-lang { color: var(--muted)}
.rr-tools-lang_active { color: var(--accent); font-weight: 600}
.rr-tools i { color: var(--muted)}

.rr-brand {
  order: 3;
  display: inline-flex;
  align-items: baseline;
  gap: .55rem}
.rr-brand:hover { text-decoration: none}
.rr-brand-mark { width: 30px; height: 30px; align-self: center}
.rr-brand-name {
  font-family: var(--serif);
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--text);
  letter-spacing: -.01em;
  white-space: nowrap}

.rr-menu-toggle {
  display: none;
  order: 1;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 0;
  background: none;
  border: 1px solid var(--hairline);
  cursor: pointer}
.rr-menu-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  margin-inline: auto;
  background: var(--text)}

.rr-overlay {
  position: fixed;
  inset: 0;
  background: rgba(14,27,42,.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease;
  z-index: 60}
.rr-overlay.is-open { opacity: 1; visibility: visible}

.rr-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: min(320px, 82vw);
  height: 100%;
  background: var(--surface);
  border-left: 1px solid var(--hairline);
  transform: translateX(100%);
  transition: transform .28s ease;
  z-index: 70;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 1rem}
.rr-drawer.is-open { transform: translateX(0)}
.rr-drawer-close {
  align-self: flex-end;
  width: 40px; height: 40px;
  background: none; border: 1px solid var(--hairline);
  font-size: 1.4rem; line-height: 1; cursor: pointer; color: var(--text)}
.rr-drawer-nav { display: flex; flex-direction: column; gap: .4rem; margin-top: .5rem}
.rr-drawer-nav a {
  font-family: var(--serif);
  font-size: 1.2rem;
  color: var(--text);
  padding: .6em 0;
  border-bottom: 1px solid var(--hairline-soft)}
.rr-drawer-nav a:hover { color: var(--accent); text-decoration: none}

.rr-hero { padding-block: clamp(56px, 11vw, 120px) clamp(40px, 7vw, 72px)}
.rr-hero-title { font-size: var(--h1); font-weight: 700; margin-bottom: .4em}
.rr-hero-lead {
  max-width: 54ch;
  font-size: 1.2rem;
  color: var(--muted);
  line-height: 1.6}
.rr-hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.8em}
.rr-hero-figure {
  margin-top: clamp(40px, 7vw, 72px);
  aspect-ratio: 16 / 9;
  border: 1px solid var(--hairline);
  overflow: hidden}
.rr-hero-figure img { width: 100%; height: 100%; object-fit: cover}

.rr-page-hero { padding-block: clamp(56px, 10vw, 96px); text-align: center}
.rr-page-hero .rr-marker { border: 0}
.rr-page-hero-title { font-size: var(--h1)}
.rr-page-hero-lead { max-width: 52ch; margin-inline: auto; color: var(--muted); font-size: 1.15rem}

.rr-break {
  position: relative;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--deep)}
.rr-break-img { position: absolute; inset: 0}
.rr-break-img img { width: 100%; height: 100%; object-fit: cover; opacity: .38}
.rr-break-quote {
  position: relative;
  z-index: 1;
  max-width: 48ch;
  margin-inline: auto;
  padding-inline: var(--pad);
  text-align: center;
  font-family: var(--serif);
  font-size: clamp(1.5rem, 3.4vw, 2.3rem);
  line-height: 1.3;
  color: var(--surface)}

.rr-quote { }
.rr-quote-text {
  font-family: var(--serif);
  font-size: clamp(1.6rem, 4vw, 2.5rem);
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 1rem;
  padding-left: 1.4rem;
  border-left: 2px solid var(--accent2);   
}
.rr-quote-cite {
  display: block;
  font-family: var(--sans);
  font-size: .95rem;
  font-weight: 600;
  color: var(--muted);
  padding-top: 1rem;
  border-top: 1px solid var(--hairline)}

.rr-quote_plain { text-align: center}
.rr-quote_plain .rr-quote-text {
  border-left: 0;
  padding-left: 0;
  margin-inline: auto;
  font-size: clamp(2rem, 6vw, 3.4rem);
  font-weight: 600}
.rr-quote_plain .rr-quote-cite { margin-inline: auto; border-top: 0}

.rr-split-row {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 4vw, 3rem);
  padding-block: clamp(32px, 5vw, 56px);
  border-top: 1px solid var(--hairline);
  align-items: flex-start}
.rr-split-row:last-child { border-bottom: 1px solid var(--hairline)}
.rr-split-num {
  font-family: var(--serif);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--accent);
  flex: 0 0 auto;
  min-width: 0}
.rr-split-main { flex: 1 1 320px; min-width: 0}
.rr-split-label { font-size: var(--h3); margin-bottom: .4em}
.rr-split-body { color: var(--muted); margin: 0}

.rr-split_big { display: flex; flex-wrap: wrap; gap: clamp(1.5rem, 4vw, 3rem); align-items: center}
.rr-split_big .rr-split-figure { flex: 1 1 300px; min-width: 0; aspect-ratio: 4/3; border: 1px solid var(--hairline); overflow: hidden}
.rr-split_big .rr-split-figure img { width: 100%; height: 100%; object-fit: cover}
.rr-split_big .rr-split-main { flex: 1 1 300px}

.rr-split_bullets { display: flex; flex-wrap: wrap; gap: clamp(1.5rem, 4vw, 3rem); align-items: center}
.rr-split_bullets .rr-split-figure { flex: 1 1 280px; min-width: 0; aspect-ratio: 3/2; border: 1px solid var(--hairline); overflow: hidden}
.rr-split_bullets .rr-split-figure img { width: 100%; height: 100%; object-fit: cover}
.rr-split_bullets .rr-split-main { flex: 1 1 280px; min-width: 0}
.rr-bullets { list-style: none; margin: 0; padding: 0}
.rr-bullets li {
  position: relative;
  padding-left: 1.6em;
  margin-bottom: .9em;
  color: var(--text)}
.rr-bullets li::before {
  content: "";
  position: absolute;
  left: 0; top: .6em;
  width: 8px; height: 8px;
  border: 1px solid var(--accent);
  background: var(--accent2)}

.rr-split_alt .rr-split-row { border: 0; align-items: center}
.rr-split_alt .rr-split-figure { flex: 1 1 300px; min-width: 0; aspect-ratio: 3/2; border: 1px solid var(--hairline); overflow: hidden}
.rr-split_alt .rr-split-figure img { width: 100%; height: 100%; object-fit: cover}
.rr-split_alt .rr-split-main { flex: 1 1 300px; min-width: 0}
.rr-split_alt .rr-split-row_flip { flex-direction: row-reverse}

.rr-case { display: flex; flex-wrap: wrap; gap: clamp(1.5rem, 5vw, 3rem); align-items: flex-start}
.rr-case-num {
  font-family: var(--serif);
  font-size: clamp(3rem, 10vw, 6rem);
  font-weight: 700;
  line-height: .9;
  color: var(--accent2);
  flex: 0 0 auto;
  min-width: 0}
.rr-case-body { flex: 1 1 340px; min-width: 0}

.rr-case_acts { display: flex; flex-wrap: wrap; gap: 0}
.rr-case-act {
  flex: 1 1 220px;
  min-width: 0;
  padding: clamp(24px, 3vw, 36px);
  border: 1px solid var(--hairline);
  margin: -1px 0 0 -1px;
  background: var(--surface)}
.rr-case-act .rr-marker { border: 0; padding: 0; margin-bottom: .8em}

.rr-gallery_collage { display: flex; flex-wrap: wrap; gap: 16px}
.rr-gallery_collage .rr-gallery-item { min-width: 0; overflow: hidden; border: 1px solid var(--hairline)}
.rr-gallery_collage .rr-gallery-item:nth-child(3n+1) { flex: 1 1 60%; aspect-ratio: 16/10}
.rr-gallery_collage .rr-gallery-item:nth-child(3n+2) { flex: 1 1 30%; aspect-ratio: 3/4}
.rr-gallery_collage .rr-gallery-item:nth-child(3n+3) { flex: 1 1 45%; aspect-ratio: 4/3}
.rr-gallery-item img { width: 100%; height: 100%; object-fit: cover}

.rr-gallery_cards { display: flex; flex-wrap: wrap; gap: 20px}
.rr-gallery_cards .rr-gallery-item {
  flex: 1 1 260px;
  min-width: 0;
  border: 1px solid var(--hairline);
  background: var(--surface)}
.rr-gallery_cards .rr-gallery-figure { aspect-ratio: 3/2; overflow: hidden; border-bottom: 1px solid var(--hairline)}
.rr-gallery_cards .rr-gallery-figure img { width: 100%; height: 100%; object-fit: cover}
.rr-gallery-caption { padding: 18px 20px}
.rr-gallery-caption h3 { font-size: 1.2rem; margin-bottom: .3em}
.rr-gallery-caption p { color: var(--muted); font-size: .95rem; margin: 0}

.rr-gallery_rows { display: flex; flex-direction: column; gap: 20px}
.rr-gallery_rows .rr-gallery-item {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  border-top: 1px solid var(--hairline);
  padding-top: 20px}
.rr-gallery_rows .rr-gallery-figure { flex: 1 1 300px; min-width: 0; aspect-ratio: 16/9; overflow: hidden; border: 1px solid var(--hairline)}
.rr-gallery_rows .rr-gallery-figure img { width: 100%; height: 100%; object-fit: cover}
.rr-gallery_rows .rr-gallery-caption { flex: 1 1 240px; min-width: 0; padding: 0}

.rr-team { display: flex; flex-wrap: wrap; gap: 24px}
.rr-team-card {
  flex: 1 1 200px;
  min-width: 0;
  border: 1px solid var(--hairline);
  background: var(--surface);
  padding-bottom: 18px}
.rr-team-photo { aspect-ratio: 3/4; overflow: hidden; border-bottom: 1px solid var(--hairline)}
.rr-team-photo img { width: 100%; height: 100%; object-fit: cover}
.rr-team-name { font-size: 1.2rem; margin: 16px 18px .2em}
.rr-team-role { color: var(--muted); font-size: .9rem; margin: 0 18px}

.rr-team_list { display: flex; flex-wrap: wrap; gap: 0}
.rr-team_list .rr-team-person {
  flex: 1 1 280px;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: baseline;
  padding: 20px 0;
  border-top: 1px solid var(--hairline)}
.rr-team_list .rr-team-name { font-size: 1.15rem; margin: 0; flex: 1 1 auto; min-width: 0}
.rr-team_list .rr-team-role { margin: 0}

.rr-team_founder { display: flex; flex-wrap: wrap; gap: clamp(1.5rem, 4vw, 3rem); align-items: center}
.rr-team_founder .rr-team-photo { flex: 0 1 300px; min-width: 0; aspect-ratio: 3/4; border: 1px solid var(--hairline)}
.rr-team_founder .rr-team-detail { flex: 1 1 280px; min-width: 0}
.rr-team_founder .rr-team-name { margin: 0 0 .2em; font-size: var(--h3)}

.rr-cta-title { font-size: var(--h2); margin-bottom: .4em}
.rr-cta-body { color: inherit; max-width: 52ch}
.rr-cta-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.6em}

.rr-cta_band { text-align: center}
.rr-cta_band .rr-cta-body { margin-inline: auto; color: rgba(245,248,252,.82)}
.rr-cta_band .rr-cta-actions { justify-content: center}

.rr-cta_card { text-align: center}
.rr-cta_card .panel-0uk { max-width: 540px; margin-inline: auto}
.rr-cta_card .rr-cta-body { margin-inline: auto}
.rr-cta_card .rr-cta-actions { justify-content: center}

.rr-cta_choice { display: flex; flex-wrap: wrap; gap: 24px}
.rr-cta_choice .rr-cta-pick { flex: 1 1 260px; min-width: 0}
.rr-cta_choice .rr-cta-pick h3 { font-size: var(--h3)}

.rr-cta_split { display: flex; flex-wrap: wrap; gap: clamp(1.5rem, 4vw, 3rem); align-items: center}
.rr-cta_split .rr-cta-main { flex: 1 1 300px; min-width: 0}
.rr-cta_split .rr-cta-side { flex: 1 1 240px; min-width: 0}

.rr-contact { display: flex; flex-wrap: wrap; gap: clamp(1.5rem, 5vw, 3rem)}
.rr-contact-form { flex: 2 1 320px; min-width: 0}
.rr-contact-address { flex: 1 1 220px; min-width: 0; font-style: normal; color: var(--muted)}
.rr-contact-address h3 { font-size: var(--h3); margin-bottom: .6em}
.rr-contact-address a { display: block; margin-bottom: .4em}
.rr-form-row { display: flex; flex-wrap: wrap; gap: 1rem}
.rr-form-row .rr-field { flex: 1 1 200px; min-width: 0}

.rr-footer { padding-block: 64px; background: var(--ground)}
.rr-footer-card {
  max-width: 900px;
  margin-inline: auto;
  padding: 40px;
  background: var(--surface);
  border: 1px solid var(--hairline);
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 4vw, 3rem)}
.rr-footer-brand { flex: 1 1 240px; min-width: 0}
.rr-footer-brand .rr-brand-name { font-size: 1.5rem}
.rr-footer-blurb { color: var(--muted); font-size: .95rem; margin-top: .6em}
.rr-footer-address { flex: 1 1 200px; min-width: 0; font-style: normal; color: var(--muted); line-height: 1.8}
.rr-footer-address a { display: block; color: var(--text)}
.rr-footer-nav { flex: 1 1 160px; min-width: 0; display: flex; flex-direction: column; gap: .5rem}
.rr-footer-nav a { color: var(--muted); font-weight: 600; font-size: .95rem}
.rr-footer-nav a:hover { color: var(--accent)}
.rr-footer-legal {
  max-width: 900px;
  margin: 20px auto 0;
  padding-inline: 40px;
  text-align: center;
  color: var(--muted);
  font-size: .82rem}
.rr-footer-legal a { color: var(--muted)}
.rr-footer-legal a:hover { color: var(--accent)}
.rr-footer-legal span.sep { margin-inline: .5em}

#fab-stack-e9b {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 40}
#top-btn-opk {
  width: 46px; height: 46px;
  background: var(--accent);
  color: var(--surface);
  border: 0;
  cursor: pointer;
  font-size: 1.1rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease}
#top-btn-opk.is-visible { opacity: 1; visibility: visible; transform: none}
#top-btn-opk:hover { background: #17487e}

[data-accordion] .rr-acc-item { border-top: 1px solid var(--hairline)}
[data-accordion] .rr-acc-item:last-child { border-bottom: 1px solid var(--hairline)}
.rr-acc-head {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  padding: 1.1em 0;
  font-family: var(--serif);
  font-size: 1.15rem;
  color: var(--text)}
.rr-acc-head i { transition: transform .25s ease; color: var(--accent)}
.rr-acc-item.is-open .rr-acc-head i { transform: rotate(180deg)}
.rr-acc-body { max-height: 0; overflow: hidden; transition: max-height .3s ease}
.rr-acc-item.is-open .rr-acc-body { max-height: 600px}
.rr-acc-body-inner { padding-bottom: 1.2em; color: var(--muted)}

.carousel-xyi { padding-bottom: 48px}
.carousel-xyi .swiper-slide { height: auto}
.carousel-xyi .swiper-pagination-bullet { background: var(--accent2); opacity: 1}
.carousel-xyi .swiper-pagination-bullet-active { background: var(--accent)}
.carousel-xyi .swiper-button-prev,
.carousel-xyi .swiper-button-next { color: var(--accent)}
.carousel-xyi .swiper-button-prev::after,
.carousel-xyi .swiper-button-next::after { font-size: 1.3rem}

.site-modal,
.lightbox-5x1 {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(16px, 6vh, 80px) var(--pad);
  background: rgba(14,27,42,.55);
  overflow-y: auto}
.site-modal.is-open,
.lightbox-5x1.is-open { display: flex}
.site-modal-dialog,
.lightbox-5x1 .rr-modal-dialog {
  background: var(--surface);
  border: 1px solid var(--hairline);
  max-width: 480px;
  width: 100%;
  padding: clamp(24px, 4vw, 40px);
  margin-block: auto}
.rr-modal-dialog h3 { font-size: var(--h3)}
.rr-modal-dialog p { color: var(--muted)}
.rr-modal-close {
  float: right;
  background: none; border: 0; cursor: pointer;
  font-size: 1.5rem; line-height: 1; color: var(--muted)}

[data-aos] { transition-duration: .5s}

@media (max-width: 860px) {
  .rr-nav, .rr-tools { display: none}
  .rr-menu-toggle { display: flex}
  .rr-masthead-inner { justify-content: space-between}
  .rr-brand { order: 2}
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important}
}

.cookie-bar-dh4-overlay{position:fixed;inset:0;opacity:0;visibility:hidden;transition:.25s;z-index:9998}
.cookie-bar-dh4-overlay.is-open{opacity:1;visibility:visible}
.cookie-bar-dh4-panel{position:fixed;background:var(--site-surface,#fff);color:var(--site-text,#1a1a1a);
  box-shadow:0 20px 60px rgba(0,0,0,.28);padding:24px;opacity:0;visibility:hidden;transition:.25s;z-index:9999}
.cookie-bar-dh4-panel.is-open{opacity:1;visibility:visible}
.cookie-bar-dh4-panel h3{margin:0 0 8px;font-size:1.2rem}
.cookie-bar-dh4-panel>p{margin:0 0 16px;color:var(--site-muted,#666);font-size:.95rem}
.cookie-bar-dh4-cat{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(128,128,128,.2)}
.cookie-bar-dh4-cat h4{margin:0 0 2px;font-size:.98rem}
.cookie-bar-dh4-cat p{margin:0;color:var(--site-muted,#777);font-size:.85rem}
.cookie-bar-dh4-switch{position:relative;flex:0 0 auto;width:44px;height:24px}
.cookie-bar-dh4-switch input{opacity:0;width:0;height:0;position:absolute}
.cookie-bar-dh4-switch span{position:absolute;inset:0;background:#c9c9c9;border-radius:999px;transition:.2s;cursor:pointer}
.cookie-bar-dh4-switch span::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.cookie-bar-dh4-switch input:checked+span{background:var(--site-accent,#2b7)}
.cookie-bar-dh4-switch input:checked+span::before{transform:translateX(20px)}
.cookie-bar-dh4-switch input:disabled+span{opacity:.6;cursor:not-allowed}
.cookie-bar-dh4-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.cookie-bar-dh4-actions button{flex:1;min-width:140px;padding:11px 16px;border:none;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}
.cookie-bar-dh4-actions #cookie-bar-dh4-all{background:var(--site-accent,#2b7);color:#fff}
.cookie-bar-dh4-actions #cookie-bar-dh4-save{background:transparent;color:var(--site-text,#222);border:1px solid rgba(128,128,128,.4)}
.cookie-bar-dh4-links{display:flex;gap:16px;margin-top:14px;font-size:.85rem}
.cookie-bar-dh4-links a{color:var(--site-accent,#2b7);text-decoration:underline}
.cookie-bar-dh4-trigger{position:fixed;left:18px;bottom:18px;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:var(--site-surface,#fff);color:var(--site-accent,#2b7);box-shadow:0 6px 18px rgba(0,0,0,.2);z-index:9997;font-size:1.1rem}

.cookie-bar-dh4-overlay{background:rgba(0,0,0,.5)}
.cookie-bar-dh4-panel{left:50%;bottom:24px;transform:translate(-50%,20px);width:min(560px,calc(100% - 32px));border-radius:16px}
.cookie-bar-dh4-panel.is-open{transform:translate(-50%,0)}
@media(max-width:520px){.cookie-bar-dh4-actions button{min-width:100%}}
#fab-stack-e9b{left:auto !important;right:18px !important}
@media(max-width:520px){#fab-stack-e9b{right:12px !important}}

.form-done-r3s{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(8,10,14,.55);backdrop-filter:blur(2px)}
.form-done-r3s.is-open{display:flex}
.form-done-r3s__box{width:min(420px,100%);background:var(--site-surface,#fff);color:var(--site-text,#15181d);
  border-radius:16px;padding:32px 28px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.28);
  animation:form-done-r3s-in .22s ease-out}
@keyframes form-done-r3s-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.form-done-r3s__mark{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:26px;line-height:1;
  background:var(--site-accent,#2e7d5b);color:#fff}
.form-done-r3s__title{margin:0 0 10px;font-size:1.35rem;line-height:1.25}
.form-done-r3s__text{margin:0 0 24px;line-height:1.6;color:var(--site-muted,#5b6472)}
.form-done-r3s__close{display:inline-block;cursor:pointer;border:0;border-radius:999px;
  padding:12px 30px;font:inherit;font-weight:600;background:var(--site-accent,#2e7d5b);color:#fff}
.form-done-r3s__close:hover{filter:brightness(1.08)}
.form-done-r3s__close:focus-visible{outline:2px solid var(--site-text,#15181d);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.form-done-r3s__box{animation:none}}

*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}
img,svg,video,iframe,canvas{max-width:100%}
table{max-width:100%}

.simpleParallax{display:block;width:100%;height:100%}
.simpleParallax img{width:100%;height:100%;object-fit:cover}

blockquote, figure { margin-left: 0; margin-right: 0}

figure > blockquote, figure > figcaption { margin-left: 0; margin-right: 0}

html.no-aos [data-aos]{opacity:1 !important;transform:none !important}

@media(prefers-reduced-motion:reduce){
  [data-aos]{opacity:1 !important;transform:none !important;transition:none !important}
}

.legal-doc{max-width:72ch;margin:0 auto;padding:64px 20px;line-height:1.7}
.legal-doc h1{margin:0 0 .6em}
.legal-doc h2{margin:1.8em 0 .5em}
.legal-doc h3{margin:1.4em 0 .4em}
.legal-doc p,.legal-doc li{margin:0 0 .8em}
.legal-doc ul,.legal-doc ol{padding-left:1.4em;margin:0 0 1em}
.legal-doc table{width:100%;border-collapse:collapse;margin:0 0 1.2em}
.legal-doc th,.legal-doc td{border:1px solid currentColor;padding:.5em;text-align:left}

@media (max-width: 720px) {
  body { overflow-x: hidden}
  h1, h2, h3, p, li, td { overflow-wrap: break-word}
  
  input, select, textarea { max-width: 100%; min-width: 0}
  
  img, svg, video, iframe, table { max-width: 100%}
}

#mobile-nav-m1q{position:fixed;top:0;right:0;bottom:0;width:min(84vw,360px);padding:72px 28px 28px;background:var(--site-surface,#fff);color:var(--site-text,#111);box-shadow:-12px 0 40px rgba(0,0,0,.18);transform:translateX(100%);visibility:hidden;transition:transform .28s ease,visibility .28s;z-index:9999;overflow-y:auto}
#mobile-nav-m1q.is-open{transform:none;visibility:visible}
#mobile-nav-m1q a{display:block;padding:.6em 0;font-size:1.1rem;color:inherit;text-decoration:none}
#nav-overlay-1x4{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.25s;z-index:9998}
#nav-overlay-1x4.is-open{opacity:1;visibility:visible}
#nav-toggle-dgt{appearance:none;-webkit-appearance:none;background:none;border:0;padding:.4em;color:inherit;font:inherit;cursor:pointer;line-height:1}
#close-menu-ezs{appearance:none;-webkit-appearance:none;background:none;border:0;padding:.4em;color:inherit;font:inherit;cursor:pointer;line-height:1}

@media (max-width: 720px) {
  
.trigger-opk,
.rr-brand,
.rr-drawer,
.rr-drawer-nav,
.rr-break,
.rr-gallery_rows,
.rr-footer-nav,
.site-modal.is-open, .lightbox-5x1.is-open,
.cookie-bar-dh4-cat,
.cookie-bar-dh4-links,
.form-done-r3s.is-open,
.form-done-r3s__mark { flex-wrap: wrap}
  
.trigger-opk > *,
.rr-brand > *,
.rr-drawer > *,
.rr-drawer-nav > *,
.rr-break > *,
.rr-gallery_rows > *,
.rr-footer-nav > *,
.site-modal.is-open, .lightbox-5x1.is-open > *,
.cookie-bar-dh4-cat > *,
.cookie-bar-dh4-links > *,
.form-done-r3s.is-open > *,
.form-done-r3s__mark > * { min-width: 0}
}

.cookie-bar-dh4-overlay{position:fixed;inset:0;opacity:0;visibility:hidden;transition:.25s;z-index:9998;}
.cookie-bar-dh4-overlay.is-open{opacity:1;visibility:visible;}
.cookie-bar-dh4-panel{position:fixed;background:var(--site-surface,#fff);color:var(--site-text,#1a1a1a);
  box-shadow:0 20px 60px rgba(0,0,0,.28);padding:24px;opacity:0;visibility:hidden;transition:.25s;z-index:9999;}
.cookie-bar-dh4-panel.is-open{opacity:1;visibility:visible;}
.cookie-bar-dh4-panel h3{margin:0 0 8px;font-size:1.2rem;}
.cookie-bar-dh4-panel>p{margin:0 0 16px;color:var(--site-muted,#666);font-size:.95rem;}
.cookie-bar-dh4-cat{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(128,128,128,.2);}
.cookie-bar-dh4-cat h4{margin:0 0 2px;font-size:.98rem;}
.cookie-bar-dh4-cat p{margin:0;color:var(--site-muted,#777);font-size:.85rem;}
.cookie-bar-dh4-switch{position:relative;flex:0 0 auto;width:44px;height:24px;}
.cookie-bar-dh4-switch input{opacity:0;width:0;height:0;position:absolute;}
.cookie-bar-dh4-switch span{position:absolute;inset:0;background:#c9c9c9;border-radius:999px;transition:.2s;cursor:pointer;}
.cookie-bar-dh4-switch span::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;}
.cookie-bar-dh4-switch input:checked+span{background:var(--site-accent,#2b7);}
.cookie-bar-dh4-switch input:checked+span::before{transform:translateX(20px);}
.cookie-bar-dh4-switch input:disabled+span{opacity:.6;cursor:not-allowed;}
.cookie-bar-dh4-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.cookie-bar-dh4-actions button{flex:1;min-width:140px;padding:11px 16px;border:none;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;}
.cookie-bar-dh4-actions #cookie-bar-dh4-all{background:var(--site-accent,#2b7);color:#fff;}
.cookie-bar-dh4-actions #cookie-bar-dh4-save{background:transparent;color:var(--site-text,#222);border:1px solid rgba(128,128,128,.4);}
.cookie-bar-dh4-links{display:flex;gap:16px;margin-top:14px;font-size:.85rem;}
.cookie-bar-dh4-links a{color:var(--site-accent,#2b7);text-decoration:underline;}
.cookie-bar-dh4-trigger{position:fixed;left:18px;bottom:18px;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:var(--site-surface,#fff);color:var(--site-accent,#2b7);box-shadow:0 6px 18px rgba(0,0,0,.2);z-index:9997;font-size:1.1rem;}

.cookie-bar-dh4-overlay{background:rgba(0,0,0,.5);}
.cookie-bar-dh4-panel{left:50%;bottom:24px;transform:translate(-50%,20px);width:min(560px,calc(100% - 32px));border-radius:16px;}
.cookie-bar-dh4-panel.is-open{transform:translate(-50%,0);}
@media(max-width:520px){.cookie-bar-dh4-actions button{min-width:100%;}}
#fab-stack-e9b{left:auto !important;right:18px !important;}
@media(max-width:520px){#fab-stack-e9b{right:12px !important;}}

.form-done-r3s{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(8,10,14,.55);backdrop-filter:blur(2px);}
.form-done-r3s.is-open{display:flex;}
.form-done-r3s__box{width:min(420px,100%);background:var(--site-surface,#fff);color:var(--site-text,#15181d);
  border-radius:16px;padding:32px 28px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.28);
  animation:form-done-r3s-in .22s ease-out;}
@keyframes form-done-r3s-in{from{opacity:0;transform:translateY(12px) scale(.97);}to{opacity:1;transform:none;}}
.form-done-r3s__mark{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:26px;line-height:1;
  background:var(--site-accent,#2e7d5b);color:#fff;}
.form-done-r3s__title{margin:0 0 10px;font-size:1.35rem;line-height:1.25;}
.form-done-r3s__text{margin:0 0 24px;line-height:1.6;color:var(--site-muted,#5b6472);}
.form-done-r3s__close{display:inline-block;cursor:pointer;border:0;border-radius:999px;
  padding:12px 30px;font:inherit;font-weight:600;background:var(--site-accent,#2e7d5b);color:#fff;}
.form-done-r3s__close:hover{filter:brightness(1.08);}
.form-done-r3s__close:focus-visible{outline:2px solid var(--site-text,#15181d);outline-offset:3px;}
@media(prefers-reduced-motion:reduce){.form-done-r3s__box{animation:none;}}

*,*::before,*::after{box-sizing:border-box;}
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%;}
img,svg,video,iframe,canvas{max-width:100%;}
table{max-width:100%;}

.simpleParallax{display:block;width:100%;height:100%;}
.simpleParallax img{width:100%;height:100%;object-fit:cover;}

blockquote, figure { margin-left: 0; margin-right: 0; }

figure > blockquote, figure > figcaption { margin-left: 0; margin-right: 0; }

html.no-aos [data-aos]{opacity:1 !important;transform:none !important;}

@media(prefers-reduced-motion:reduce){
  [data-aos]{opacity:1 !important;transform:none !important;transition:none !important;}
}

.legal-doc{max-width:72ch;margin:0 auto;padding:64px 20px;line-height:1.7;}
.legal-doc h1{margin:0 0 .6em;}
.legal-doc h2{margin:1.8em 0 .5em;}
.legal-doc h3{margin:1.4em 0 .4em;}
.legal-doc p,.legal-doc li{margin:0 0 .8em;}
.legal-doc ul,.legal-doc ol{padding-left:1.4em;margin:0 0 1em;}
.legal-doc table{width:100%;border-collapse:collapse;margin:0 0 1.2em;}
.legal-doc th,.legal-doc td{border:1px solid currentColor;padding:.5em;text-align:left;}

@media (max-width: 720px) {
  body { overflow-x: hidden; }
  h1, h2, h3, p, li, td { overflow-wrap: break-word; }
  
  input, select, textarea { max-width: 100%; min-width: 0; }
  
  img, svg, video, iframe, table { max-width: 100%; }
}
