@font-face {
  font-family: Caveat Brush;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    url(../oe-v6-media/caveat-brush-latin-ext-400-normal.04ltvpum_o-p1.woff2)
      format("woff2"),
    url(../oe-v6-media/caveat-brush-latin-ext-400-normal.04ssxaz~l89cc.woff)
      format("woff");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Caveat Brush;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    url(../oe-v6-media/caveat-brush-latin-400-normal.00jnxgbo59.5i.woff2)
      format("woff2"),
    url(../oe-v6-media/caveat-brush-latin-400-normal.0-tj9ic4ur0q-.woff)
      format("woff");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Permanent Marker;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    url(../oe-v6-media/permanent-marker-latin-400-normal.11zq7m83idse-.woff2)
      format("woff2"),
    url(../oe-v6-media/permanent-marker-latin-400-normal.0s0qpuje7-78v.woff)
      format("woff");
}
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono:
      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer components;
@layer utilities {
  .visible {
    visibility: visible;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .table {
    display: table;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  top: 0;
  left: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.leaflet-tile::selection {
  background: 0 0;
}
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
.leaflet-safari .leaflet-tile-container {
  -webkit-transform-origin: 0 0;
  width: 1600px;
  height: 1600px;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  width: auto;
  padding: 0;
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container img.leaflet-tile {
  mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: #33b5e566;
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  box-sizing: border-box;
  z-index: 800;
  width: 0;
  height: 0;
}
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
.leaflet-control {
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
  position: relative;
}
.leaflet-top,
.leaflet-bottom {
  z-index: 1000;
  pointer-events: none;
  position: absolute;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-container {
  outline-offset: 1px;
  background: #ddd;
}
.leaflet-container a {
  color: #0078a8;
}
.leaflet-zoom-box {
  background: #ffffff80;
  border: 2px dotted #38f;
}
.leaflet-container {
  font-family:
    Helvetica Neue,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 0.75rem;
  line-height: 1.5;
}
.leaflet-bar {
  border-radius: 4px;
  box-shadow: 0 1px 5px #000000a6;
}
.leaflet-bar a {
  text-align: center;
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-decoration: none;
  display: block;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  color: #bbb;
  background-color: #f4f4f4;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  text-indent: 1px;
  font:
    700 18px Lucida Console,
    Monaco,
    monospace;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}
.leaflet-control-layers {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 5px #0006;
}
.leaflet-control-layers-toggle {
  background-image: url(../oe-v6-media/layers.1220hx8ja1.sy.png);
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(../oe-v6-media/layers-2x.0olxl6i2vnf_c.png);
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  color: #333;
  background: #fff;
  padding: 6px 10px 6px 6px;
}
.leaflet-control-layers-scrollbar {
  padding-right: 5px;
  overflow: hidden scroll;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  font-size: 1.08333em;
  display: block;
}
.leaflet-control-layers-separator {
  border-top: 1px solid #ddd;
  height: 0;
  margin: 5px -10px 5px -6px;
}
.leaflet-default-icon-path {
  background-image: url(../oe-v6-media/marker-icon.0i9~u_difxrfa.png);
}
.leaflet-container .leaflet-control-attribution {
  background: #fffc;
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  color: #333;
  padding: 0 5px;
  line-height: 1.4;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}
.leaflet-attribution-flag {
  width: 1em;
  height: 0.6669em;
  vertical-align: baseline !important;
  display: inline !important;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  white-space: nowrap;
  box-sizing: border-box;
  text-shadow: 1px 1px #fff;
  background: #fffc;
  border: 2px solid #777;
  border-top: none;
  padding: 2px 5px 1px;
  line-height: 1.1;
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  background-clip: padding-box;
  border: 2px solid #0003;
}
.leaflet-popup {
  text-align: center;
  margin-bottom: 20px;
  position: absolute;
}
.leaflet-popup-content-wrapper {
  text-align: left;
  border-radius: 12px;
  padding: 1px;
}
.leaflet-popup-content {
  min-height: 1px;
  margin: 13px 24px 13px 20px;
  font-size: 1.08333em;
  line-height: 1.3;
}
.leaflet-popup-content p {
  margin: 1.3em 0;
}
.leaflet-popup-tip-container {
  pointer-events: none;
  width: 40px;
  height: 20px;
  margin-top: -1px;
  margin-left: -20px;
  position: absolute;
  left: 50%;
  overflow: hidden;
}
.leaflet-popup-tip {
  pointer-events: auto;
  width: 17px;
  height: 17px;
  margin: -10px auto 0;
  padding: 1px;
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  color: #333;
  background: #fff;
  box-shadow: 0 3px 14px #0006;
}
.leaflet-container a.leaflet-popup-close-button {
  text-align: center;
  color: #757575;
  background: 0 0;
  border: none;
  width: 24px;
  height: 24px;
  font:
    16px/24px Tahoma,
    Verdana,
    sans-serif;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}
.leaflet-popup-scrolled {
  overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  width: 24px;
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);
  margin: 0 auto;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
.leaflet-tooltip {
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 6px;
  position: absolute;
  box-shadow: 0 1px 3px #0006;
}
.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  pointer-events: none;
  content: "";
  background: 0 0;
  border: 6px solid #0000;
  position: absolute;
}
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  margin-left: -6px;
  left: 50%;
}
.leaflet-tooltip-top:before {
  border-top-color: #fff;
  margin-bottom: -12px;
  bottom: 0;
}
.leaflet-tooltip-bottom:before {
  border-bottom-color: #fff;
  margin-top: -12px;
  margin-left: -6px;
  top: 0;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  margin-top: -6px;
  top: 50%;
}
.leaflet-tooltip-left:before {
  border-left-color: #fff;
  margin-right: -12px;
  right: 0;
}
.leaflet-tooltip-right:before {
  border-right-color: #fff;
  margin-left: -12px;
  left: 0;
}
@media print {
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
@font-face {
  font-family: Opti Lato;
  src: url(../oe-v6-fonts/Lato-Regular.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Opti Lato;
  src: url(../oe-v6-fonts/Lato-Bold.woff) format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Opti Narrow;
  src: url(../oe-v6-fonts/NimbusSansNarrow-Regular.otf) format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Opti Narrow;
  src: url(../oe-v6-fonts/NimbusSansNarrow-Bold.otf) format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
:root {
  --paper: #f4efe6;
  --paper-light: #faf7f0;
  --white: #fff;
  --ink: #1e2d2f;
  --ink-soft: #5e6767;
  --cyan: #22bfc8;
  --cyan-deep: #009da9;
  --orange: #e88947;
  --rule: #1e2d2f38;
  --rule-strong: #1e2d2fa6;
  --sans: "Opti Lato", Arial, Helvetica, sans-serif;
  --display: "Opti Narrow", "Arial Narrow", sans-serif;
  --mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --frame-max: 1680px;
  --frame-edge: max(
    clamp(24px, 7.8vw, 126px),
    calc((100vw - var(--frame-max)) / 2 + 92px)
  );
  --frame-edge-compact: max(
    clamp(24px, 3.2vw, 54px),
    calc((100vw - var(--frame-max)) / 2 + 54px)
  );
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  background: var(--paper);
}
body {
  color: var(--ink);
  background: var(--paper-light);
  font-family: var(--sans);
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  overflow-x: hidden;
}
body,
button,
a {
  -webkit-font-smoothing: antialiased;
}
img {
  max-width: 100%;
  display: block;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
summary {
  font: inherit;
}
h1,
h2,
h3,
p,
figure,
ol,
ul {
  margin: 0;
}
ol,
ul {
  padding: 0;
}
::selection {
  color: var(--ink);
  background: #22bfc857;
}
.paper {
  background-color: var(--paper);
  background-image:
    radial-gradient(#1e2d2f09 0.65px, #0000 0.65px),
    radial-gradient(#ffffff9e 0.75px, #0000 0.75px);
  background-position:
    0 0,
    8px 10px;
  background-size:
    13px 13px,
    17px 17px;
}
.site-header {
  z-index: 100;
  min-height: 92px;
  padding: 0 var(--frame-edge-compact);
  border-bottom: 1px solid var(--rule);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #fffffff5;
  grid-template-columns: 270px 1fr 220px;
  align-items: center;
  display: grid;
  position: sticky;
  top: 0;
}
.brand {
  align-items: center;
  width: 194px;
  display: inline-flex;
}
.brand img {
  width: 100%;
  height: auto;
}
.desktop-nav {
  justify-content: center;
  align-items: center;
  gap: clamp(28px, 4.1vw, 66px);
  font-size: 14px;
  font-weight: 700;
  display: flex;
}
.desktop-nav a,
.header-phone {
  position: relative;
}
.desktop-nav a:after {
  background: var(--cyan);
  content: "";
  transform-origin: 0;
  height: 2px;
  transition: transform 0.18s;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  transform: scaleX(0);
}
.desktop-nav a:hover:after,
.desktop-nav a:focus-visible:after {
  transform: scaleX(1);
}
.header-phone {
  color: var(--cyan-deep);
  font-family: var(--display);
  letter-spacing: 0.015em;
  justify-self: end;
  font-size: 24px;
  font-weight: 700;
}
.mobile-menu {
  display: none;
}
.section-shell {
  width: 100%;
  padding: clamp(92px, 9vw, 150px) var(--frame-edge);
  position: relative;
}
.section-kicker {
  border-bottom: 1px solid var(--rule);
  color: var(--ink-soft);
  font-family: var(--mono);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 56px;
  padding-bottom: 14px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}
.eyebrow {
  color: var(--cyan-deep);
  font-family: var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  align-items: center;
  gap: 16px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}
.cross {
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
}
.cross:before,
.cross:after {
  background: var(--orange);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cross:before {
  width: 25px;
  height: 1px;
}
.cross:after {
  width: 1px;
  height: 25px;
}
.button {
  border: 1px solid var(--ink);
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  min-height: 64px;
  padding: 17px 24px;
  font-size: 15px;
  font-weight: 700;
  transition:
    color 0.18s,
    background 0.18s,
    transform 0.18s;
  display: inline-flex;
}
.button:hover,
.button:focus-visible {
  transform: translateY(-3px);
}
.button-primary {
  border-color: var(--cyan);
  background: var(--cyan);
}
.button-primary:hover,
.button-primary:focus-visible {
  border-color: var(--ink);
  color: var(--white);
  background: var(--ink);
}
.button-outline {
  background: 0 0;
}
.button-outline:hover,
.button-outline:focus-visible {
  color: var(--white);
  background: var(--ink);
}
.text-link {
  border-bottom: 1px solid;
  align-items: center;
  gap: 18px;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
}
.hero {
  border-bottom: 1px solid var(--rule);
  height: clamp(720px, 100svh - 92px, 980px);
  position: relative;
  overflow: hidden;
}
.hero-frame {
  width: min(100%, var(--frame-max));
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.page-index {
  z-index: 8;
  flex-direction: column;
  align-items: center;
  width: 28px;
  display: flex;
  position: absolute;
  top: 68px;
  bottom: 18px;
  left: clamp(18px, 1.5vw, 28px);
}
.page-index > span {
  color: var(--cyan-deep);
  font-family: var(--mono);
  letter-spacing: 0.14em;
  text-orientation: mixed;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  font-size: 10px;
  font-weight: 700;
  transform: rotate(180deg);
}
.page-index > i {
  background: var(--orange);
  flex: 1;
  width: 1px;
  margin: 24px 0;
}
.hero-copy {
  z-index: 2;
  width: min(55vw, 760px);
  position: absolute;
  top: clamp(68px, 8vh, 110px);
  left: clamp(74px, 7.7vw, 124px);
}
.hero-copy .eyebrow {
  margin-bottom: 32px;
}
.hero h1 {
  font-family: var(--display);
  letter-spacing: -0.047em;
  font-size: clamp(92px, 9.05vw, 150px);
  font-weight: 400;
  line-height: 0.83;
  position: relative;
}
.hero h1 span {
  white-space: nowrap;
  display: block;
}
.portrait-collage {
  z-index: 4;
  pointer-events: none;
  width: 43%;
  min-width: 550px;
  position: absolute;
  top: 12px;
  bottom: 0;
  left: 41.7%;
}
.portrait {
  filter: saturate(0.92) contrast(1.02);
  background: #e6e5df;
  margin: 0;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 0 0 1px #1e2d2f0a;
}
.portrait:after {
  content: "";
  background: linear-gradient(#0000, #f4efe6eb);
  height: 15%;
  position: absolute;
  inset: auto 0 0;
}
.portrait img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.portrait-marek {
  z-index: 1;
  clip-path: polygon(8% 0, 100% 0, 94% 100%, 0 100%);
  width: 45%;
  height: 57%;
  top: 1%;
  left: 9%;
}
.portrait-marek img {
  object-position: 43% center;
}
.portrait-petra {
  z-index: 3;
  clip-path: polygon(4% 4%, 100% 0, 94% 100%, 0 96%);
  width: 44%;
  height: 62%;
  top: 25%;
  right: 2%;
}
.portrait-petra img {
  object-position: 46% center;
}
.portrait-petr {
  z-index: 2;
  clip-path: polygon(6% 0, 100% 5%, 96% 100%, 0 100%);
  width: 48%;
  height: 53%;
  bottom: -3%;
  left: 0;
}
.portrait-petr img {
  object-position: 50% center;
}
.portrait-tomas {
  z-index: 4;
  clip-path: polygon(8% 4%, 94% 0, 100% 100%, 0 100%);
  width: 43%;
  height: 42%;
  bottom: -4%;
  right: 0;
}
.portrait-tomas img {
  object-position: 49% 34%;
}
.hero-network {
  z-index: 8;
  width: 110%;
  height: 92%;
  fill: var(--cyan);
  stroke: var(--cyan);
  stroke-width: 2px;
  position: absolute;
  inset: 8% -7% 2% -8%;
  overflow: visible;
}
.hero-network path {
  fill: none;
  stroke-dasharray: 1040;
  stroke-dashoffset: 1040px;
  animation: 1.8s cubic-bezier(0.5, 0, 0.2, 1) 0.3s forwards draw-network;
}
.hero-network circle {
  opacity: 0;
  animation: 0.35s 1.55s forwards show-node;
}
.hero-tag {
  z-index: 9;
  max-width: 180px;
  font-family: var(--mono);
  text-transform: lowercase;
  font-size: 10px;
  line-height: 1.45;
  position: absolute;
}
.hero-tag strong {
  color: var(--cyan-deep);
  letter-spacing: 0.11em;
  text-transform: uppercase;
  font-size: 10px;
  display: block;
}
.tag-endo {
  top: 13%;
  right: -8%;
}
.tag-pedo {
  top: 45%;
  right: -21%;
}
.tag-aro {
  bottom: 23%;
  left: -24%;
}
.tag-implant {
  bottom: 17%;
  right: -12%;
}
.hero-aside {
  z-index: 10;
  width: min(19vw, 285px);
  position: absolute;
  top: 18%;
  right: clamp(28px, 2vw, 40px);
}
.hero-lead {
  font-family: var(--display);
  margin-bottom: 34px;
  font-size: clamp(19px, 1.4vw, 23px);
  line-height: 1.48;
}
.status {
  color: var(--orange);
  font-family: var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}
.status .cross {
  flex-basis: 18px;
  width: 18px;
  height: 18px;
}
.status .cross:before {
  width: 18px;
}
.status .cross:after {
  height: 18px;
}
.hero-actions {
  gap: 18px;
  display: grid;
}
.hero-actions .button {
  width: 100%;
}
@keyframes draw-network {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes show-node {
  to {
    opacity: 1;
  }
}
.manifest {
  background: var(--paper-light);
  min-height: 920px;
  overflow: hidden;
}
.manifest-heading {
  z-index: 2;
  max-width: 830px;
  position: relative;
}
.manifest-heading .eyebrow {
  margin-bottom: 28px;
}
.manifest h2,
.care-heading h2,
.pathways h2,
.endo-copy h2,
.children-anesthesia > h2,
.implant-copy h2,
.team-heading h2,
.pricing-heading h2,
.podcast-copy h2,
.gallery-heading h2,
.eu-note h2,
.footer-copy h2 {
  font-family: var(--display);
  letter-spacing: -0.035em;
  font-weight: 400;
  line-height: 0.94;
}
.manifest-heading h2 {
  font-size: clamp(72px, 8vw, 132px);
}
.manifest-copy {
  z-index: 2;
  top: 230px;
  right: var(--frame-edge);
  width: min(31vw, 470px);
  font-size: clamp(18px, 1.45vw, 23px);
  line-height: 1.6;
  position: absolute;
}
.manifest-steps {
  z-index: 3;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(36px, 5vw, 82px);
  margin-top: 120px;
  padding-top: 45px;
  display: grid;
  position: relative;
}
.manifest-steps article {
  max-width: 330px;
  position: relative;
}
.manifest-steps article > span {
  color: var(--cyan-deep);
  font-family: var(--mono);
  letter-spacing: 0.13em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
.manifest-steps h3 {
  font-family: var(--display);
  margin: 17px 0 8px;
  font-size: 30px;
  font-weight: 400;
}
.manifest-steps p {
  color: var(--ink-soft);
  font-size: 14px;
}
.step-line {
  background: var(--cyan);
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.step-line i {
  background: var(--cyan);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.step-line i:first-child {
  left: 0;
}
.step-line i:nth-child(2) {
  left: 50%;
}
.step-line i:nth-child(3) {
  left: 100%;
}
.ghost-word {
  z-index: 0;
  color: #0000;
  font-family: var(--display);
  letter-spacing: -0.05em;
  opacity: 0.24;
  -webkit-text-stroke: 1px var(--cyan);
  font-size: clamp(180px, 19vw, 320px);
  line-height: 0.7;
  position: absolute;
  bottom: -0.25em;
  right: -2vw;
}
.care-index {
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  padding-bottom: clamp(120px, 12vw, 190px);
}
.care-heading {
  grid-template-columns: 1.6fr 0.65fr;
  align-items: end;
  gap: clamp(54px, 8vw, 130px);
  margin-bottom: 100px;
  display: grid;
}
.care-heading h2 {
  font-size: clamp(70px, 7.5vw, 124px);
}
.care-heading p {
  max-width: 360px;
  padding-bottom: 12px;
  font-size: 18px;
  line-height: 1.65;
}
.care-rows {
  border-bottom: 1px solid var(--rule-strong);
}
.care-row {
  border-top: 1px solid var(--rule-strong);
  isolation: isolate;
  grid-template-columns: 8% 34% 1fr 40px;
  align-items: center;
  gap: clamp(20px, 2vw, 34px);
  min-height: 150px;
  display: grid;
  position: relative;
  overflow: hidden;
}
.care-number {
  color: var(--orange);
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
}
.care-title {
  font-family: var(--display);
  font-size: clamp(42px, 4.2vw, 72px);
  line-height: 0.9;
  transition: transform 0.25s;
}
.care-description {
  z-index: 2;
  max-width: 470px;
  font-size: 14px;
  line-height: 1.55;
  position: relative;
}
.care-description strong {
  color: var(--cyan-deep);
  font-family: var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 10px;
  display: block;
}
.care-arrow {
  justify-self: end;
  font-size: 26px;
  transition: transform 0.25s;
}
.care-row > img {
  z-index: -1;
  object-fit: cover;
  opacity: 0;
  filter: saturate(0.75);
  mix-blend-mode: multiply;
  width: 270px;
  height: 130px;
  transition:
    opacity 0.25s,
    transform 0.32s;
  position: absolute;
  top: 50%;
  right: 24%;
  transform: translateY(-42%) rotate(-2deg) scale(0.92);
}
.care-row:hover .care-title,
.care-row:focus-visible .care-title {
  transform: translate(12px);
}
.care-row:hover .care-arrow,
.care-row:focus-visible .care-arrow {
  transform: translate(3px, -3px);
}
.care-row:hover > img,
.care-row:focus-visible > img {
  opacity: 0.22;
  transform: translateY(-50%) rotate(-1deg) scale(1);
}
.pathways {
  background: var(--ink);
  color: var(--paper-light);
}
.pathways .section-kicker {
  color: #ffffff8c;
  border-color: #ffffff38;
}
.pathways-intro {
  grid-template-columns: 1.75fr 0.45fr;
  align-items: end;
  gap: clamp(54px, 8vw, 130px);
  margin-bottom: 100px;
  display: grid;
}
.pathways h2 {
  font-size: clamp(64px, 6.7vw, 110px);
}
.pathways-intro > p {
  color: #ffffffad;
  font-size: 17px;
  line-height: 1.65;
}
.pathway-list {
  border-bottom: 1px solid #ffffff4d;
}
.pathway {
  border-top: 1px solid #ffffff4d;
  grid-template-columns: 7% 31% 1fr;
  align-items: center;
  gap: clamp(24px, 3vw, 50px);
  min-height: 148px;
  display: grid;
}
.pathway-index {
  color: var(--orange);
  font-family: var(--mono);
  font-size: 12px;
}
.pathway h3 {
  max-width: 350px;
  font-family: var(--display);
  font-size: 33px;
  font-weight: 400;
  line-height: 1.05;
}
.pathway > p {
  color: #ffffffad;
  max-width: 690px;
  font-size: 14px;
  line-height: 1.65;
}
.pathway ol {
  counter-reset: steps;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  display: flex;
}
.pathway li {
  color: #ffffffc7;
  max-width: 190px;
  font-family: var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  counter-increment: steps;
  align-items: center;
  gap: 18px;
  font-size: 10px;
  line-height: 1.45;
  display: flex;
  position: relative;
}
.pathway li:not(:last-child):after {
  color: var(--cyan);
  content: "→";
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: calc(100% + 1vw);
  transform: translateY(-50%);
}
.endo-feature {
  border-bottom: 1px solid var(--rule);
  grid-template-columns: 0.9fr 1.1fr;
  gap: 5vw;
  min-height: 900px;
  display: grid;
  overflow: hidden;
}
.endo-feature .section-kicker {
  grid-column: 1/-1;
  align-self: start;
  margin-bottom: 0;
}
.endo-copy {
  z-index: 4;
  align-self: center;
  padding-bottom: 90px;
  position: relative;
}
.endo-copy .eyebrow {
  margin-bottom: 28px;
}
.endo-copy h2 {
  max-width: 780px;
  margin-bottom: 38px;
  font-size: clamp(62px, 6vw, 100px);
}
.endo-copy > p:not(.eyebrow) {
  max-width: 600px;
  margin-bottom: 34px;
  font-size: 18px;
  line-height: 1.68;
}
.endo-visual {
  align-self: end;
  min-height: 690px;
  position: relative;
}
.endo-tools {
  filter: saturate(0.72) contrast(0.98);
  mix-blend-mode: multiply;
  width: 88%;
  max-width: none;
  position: absolute;
  bottom: -16%;
  right: -15%;
  transform: rotate(-7deg);
}
.xray-proof {
  aspect-ratio: 1;
  border: 1px solid var(--cyan);
  background: var(--paper-light);
  border-radius: 50%;
  width: min(42%, 310px);
  position: absolute;
  top: 8%;
  right: 14%;
  overflow: hidden;
}
.xray-proof:before,
.xray-proof:after {
  z-index: 2;
  background: var(--cyan);
  content: "";
  position: absolute;
}
.xray-proof:before {
  height: 1px;
  top: 50%;
  left: 0;
  right: 0;
}
.xray-proof:after {
  width: 1px;
  top: 0;
  bottom: 0;
  left: 50%;
}
.xray-proof img {
  object-fit: contain;
  filter: grayscale() contrast(1.12);
  width: 100%;
  height: 100%;
  padding: 19%;
}
.annotation {
  z-index: 3;
  color: var(--cyan-deep);
  font-family: var(--mono);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  align-items: center;
  gap: 12px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  position: absolute;
}
.annotation i {
  background: var(--cyan);
  width: 80px;
  height: 1px;
  display: block;
}
.annotation-a {
  top: 4%;
  left: 8%;
}
.annotation-b {
  top: 43%;
  right: -2%;
}
.annotation-c {
  bottom: 19%;
  left: 7%;
}
.children-anesthesia {
  background: var(--paper-light);
  overflow: hidden;
}
.children-anesthesia > h2 {
  max-width: 1100px;
  font-size: clamp(70px, 7.7vw, 126px);
}
.section-lead {
  max-width: 580px;
  margin: 34px 0 90px auto;
  font-size: 20px;
  line-height: 1.65;
}
.double-spread {
  border-top: 1px solid var(--rule-strong);
  border-bottom: 1px solid var(--rule-strong);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
  position: relative;
}
.double-spread:after {
  z-index: 4;
  background: var(--cyan);
  content: "";
  transform-origin: 50%;
  width: 1px;
  position: absolute;
  top: -25px;
  bottom: -25px;
  left: 50%;
  transform: rotate(4deg);
}
.spread {
  grid-template-rows: 56% 1fr;
  min-height: 590px;
  display: grid;
  position: relative;
  overflow: hidden;
}
.spread-pedo {
  border-right: 1px solid var(--rule);
}
.spread > img {
  object-fit: cover;
  filter: saturate(0.88);
  width: 100%;
  height: 100%;
}
.spread-pedo > img {
  object-position: 50% 35%;
}
.spread-aro > img {
  object-position: 50% 38%;
}
.spread > div {
  z-index: 3;
  background: var(--paper);
  grid-template-columns: 1fr 1.3fr;
  gap: 1.6vw;
  padding: 34px 3.2vw 42px;
  display: grid;
  position: relative;
}
.spread > div > span {
  color: var(--cyan-deep);
  font-family: var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}
.spread h3 {
  font-family: var(--display);
  grid-column: 2;
  font-size: clamp(35px, 3vw, 50px);
  font-weight: 400;
  line-height: 0.96;
}
.spread p,
.spread a {
  grid-column: 2;
}
.spread p {
  color: var(--ink-soft);
  font-size: 14px;
}
.spread a {
  border-bottom: 1px solid;
  align-items: center;
  gap: 15px;
  width: fit-content;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}
.implant-feature {
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  grid-template-columns: minmax(380px, 0.92fr) 1.08fr;
  min-height: 890px;
  display: grid;
  position: relative;
  overflow: hidden;
}
.implant-photo {
  z-index: 2;
  clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);
  position: relative;
  overflow: hidden;
}
.implant-photo:after {
  content: "";
  background: linear-gradient(120deg, #0000 50%, #f4efe657);
  position: absolute;
  inset: 0;
}
.implant-photo > img {
  object-fit: cover;
  object-position: 53% center;
  filter: saturate(0.82) contrast(1.02);
  width: 100%;
  height: 100%;
}
.implant-photo > span {
  z-index: 3;
  background: var(--paper);
  font-family: var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 10px 14px;
  font-size: 9px;
  font-weight: 700;
  position: absolute;
  bottom: 42px;
  left: 4vw;
}
.implant-copy {
  z-index: 3;
  padding: 90px clamp(30px, 7vw, 120px) 100px clamp(55px, 5vw, 90px);
  position: relative;
}
.implant-copy .section-kicker {
  margin-bottom: 66px;
}
.implant-copy .eyebrow {
  margin-bottom: 26px;
}
.implant-copy h2 {
  max-width: 760px;
  margin-bottom: 32px;
  font-size: clamp(70px, 7.5vw, 124px);
}
.implant-lead {
  max-width: 680px;
  margin-bottom: 55px;
  font-size: 18px;
  line-height: 1.68;
}
.implant-steps {
  border-bottom: 1px solid var(--rule-strong);
  margin-bottom: 50px;
  list-style: none;
}
.implant-steps li {
  border-top: 1px solid var(--rule-strong);
  min-height: 84px;
  color: var(--ink-soft);
  grid-template-columns: 55px 160px 1fr;
  align-items: center;
  gap: 16px;
  font-size: 13px;
  display: grid;
}
.implant-steps li > span {
  color: var(--orange);
  font-family: var(--mono);
  font-size: 10px;
}
.implant-steps li > strong {
  color: var(--ink);
  font-family: var(--display);
  font-size: 26px;
  font-weight: 400;
}
.implant-step-copy {
  color: var(--ink-soft);
}
.implant-actions {
  align-items: center;
  gap: 32px;
  display: flex;
}
.implant-diagram {
  z-index: 1;
  opacity: 0.1;
  filter: grayscale();
  mix-blend-mode: multiply;
  width: min(34vw, 530px);
  position: absolute;
  bottom: -6%;
  right: -3%;
}
.team {
  background: var(--paper-light);
}
.team-heading {
  grid-template-columns: 1.5fr 0.45fr;
  align-items: end;
  gap: clamp(48px, 7vw, 114px);
  margin-bottom: 100px;
  display: grid;
}
.team-heading h2 {
  max-width: 980px;
  font-size: clamp(68px, 7.2vw, 118px);
}
.team-heading p {
  color: var(--ink-soft);
  font-size: 17px;
  line-height: 1.7;
}
.team-list {
  border-bottom: 1px solid var(--rule-strong);
}
.team-row {
  border-top: 1px solid var(--rule-strong);
  grid-template-columns: 6% 130px 1fr 0.75fr 1.15fr;
  align-items: center;
  gap: clamp(20px, 2vw, 34px);
  min-height: 170px;
  transition: background 0.2s;
  display: grid;
}
.team-row:hover {
  background: var(--paper);
}
.team-number {
  color: var(--orange);
  font-family: var(--mono);
  font-size: 10px;
}
.team-row > img {
  object-fit: cover;
  filter: saturate(0.75);
  clip-path: polygon(5% 0, 100% 6%, 94% 100%, 0 94%);
  width: 125px;
  height: 125px;
}
.team-row h3 {
  font-family: var(--display);
  font-size: clamp(30px, 3vw, 48px);
  font-weight: 400;
  line-height: 1;
}
.team-field {
  color: var(--cyan-deep);
  font-family: var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}
.team-detail {
  color: var(--ink-soft);
  font-size: 13px;
}
.pricing {
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.pricing-heading {
  grid-template-columns: 1.55fr 0.55fr;
  align-items: end;
  gap: clamp(54px, 8vw, 130px);
  margin-bottom: 90px;
  display: grid;
}
.pricing-heading h2 {
  font-size: clamp(78px, 9vw, 145px);
}
.pricing-heading > p {
  max-width: 410px;
  color: var(--ink-soft);
  padding-bottom: 12px;
  font-size: 17px;
  line-height: 1.7;
}
.price-list {
  border-bottom: 1px solid var(--rule-strong);
}
.price-row {
  border-top: 1px solid var(--rule-strong);
}
.price-row summary {
  cursor: pointer;
  grid-template-columns: 6% 1fr minmax(170px, 230px) 32px;
  align-items: center;
  gap: clamp(20px, 2vw, 34px);
  min-height: 112px;
  padding: 18px 0;
  list-style: none;
  display: grid;
}
.price-row summary::-webkit-details-marker {
  display: none;
}
.price-index {
  color: var(--orange);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
}
.price-row summary strong {
  max-width: 780px;
  font-family: var(--display);
  letter-spacing: -0.02em;
  font-size: clamp(31px, 3vw, 49px);
  font-weight: 400;
  line-height: 1;
}
.price-value {
  color: var(--cyan-deep);
  font-family: var(--display);
  white-space: nowrap;
  justify-self: end;
  font-size: clamp(25px, 2.2vw, 36px);
  font-weight: 700;
  line-height: 1;
}
.price-toggle {
  justify-self: end;
  width: 25px;
  height: 25px;
  position: relative;
}
.price-toggle:before,
.price-toggle:after {
  background: var(--ink);
  content: "";
  transition: transform 0.18s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.price-toggle:before {
  width: 25px;
  height: 1px;
}
.price-toggle:after {
  width: 1px;
  height: 25px;
}
.price-row[open] .price-toggle:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.price-row > p {
  max-width: 850px;
  color: var(--ink-soft);
  margin: -5px 0 36px 6%;
  padding-right: 40px;
  font-size: 14px;
  line-height: 1.72;
}
.price-row[open] {
  background: #ffffff52;
}
.clinic-gallery {
  border-top: 1px solid var(--rule);
  padding: 120px 0 0;
  overflow: hidden;
}
.gallery-heading {
  padding-top: 0;
  padding-bottom: 80px;
}
.gallery-heading h2 {
  max-width: 1130px;
  font-size: clamp(68px, 7.2vw, 118px);
}
.gallery-note {
  color: var(--cyan-deep);
  font-family: var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 30px;
  font-size: 10px;
  font-weight: 700;
}
.gallery-grid {
  width: min(100%, var(--frame-max));
  background: var(--ink);
  grid-template-rows: repeat(2, 285px);
  grid-template-columns: 1.2fr 0.8fr;
  gap: 1px;
  margin: 0 auto;
  display: grid;
}
.gallery-grid figure {
  position: relative;
  overflow: hidden;
}
.gallery-main {
  grid-row: 1/3;
}
.gallery-grid img {
  object-fit: cover;
  filter: saturate(0.82);
  width: 100%;
  height: 100%;
  transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.gallery-grid figure:hover img {
  transform: scale(1.025);
}
.gallery-grid figcaption {
  color: var(--ink);
  font-family: var(--mono);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  background: #f4efe6e6;
  padding: 8px 11px;
  font-size: 9px;
  font-weight: 700;
  position: absolute;
  bottom: 18px;
  left: 22px;
}
.podcast {
  border-top: 1px solid var(--rule);
  background: var(--paper-light);
  overflow: hidden;
}
.podcast-layout {
  grid-template-columns: 0.9fr 1.1fr;
  align-items: center;
  gap: clamp(54px, 8vw, 130px);
  display: grid;
}
.podcast-copy .eyebrow {
  margin-bottom: 28px;
}
.podcast-copy h2 {
  max-width: 720px;
  margin-bottom: 34px;
  font-size: clamp(68px, 7vw, 114px);
}
.podcast-copy > p:not(.eyebrow) {
  max-width: 570px;
  color: var(--ink-soft);
  font-size: 17px;
  line-height: 1.7;
}
.podcast-actions {
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 42px;
  display: flex;
}
.podcast-visual {
  margin: 0;
  position: relative;
  transform: rotate(1.5deg);
}
.podcast-visual:before {
  z-index: 2;
  border: 1px solid var(--cyan);
  content: "";
  pointer-events: none;
  position: absolute;
  inset: -16px 18px 16px -18px;
}
.podcast-visual img {
  object-fit: cover;
  filter: saturate(0.82) contrast(1.02);
  width: 100%;
  min-height: 390px;
}
.podcast-visual figcaption {
  font-family: var(--mono);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  background: #f4efe6eb;
  padding: 8px 11px;
  font-size: 9px;
  font-weight: 700;
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.eu-note {
  border-top: 1px solid var(--rule);
  background: var(--white);
  grid-template-columns: 1.1fr 0.8fr 0.55fr;
  align-items: end;
  gap: clamp(42px, 6vw, 100px);
  padding-top: 85px;
  padding-bottom: 85px;
  display: grid;
}
.eu-note > div:first-child > span {
  color: var(--cyan-deep);
  font-family: var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 9px;
  font-weight: 700;
  display: block;
}
.eu-note h2 {
  max-width: 620px;
  font-size: clamp(42px, 4.2vw, 68px);
}
.eu-note > p {
  color: var(--ink-soft);
  font-size: 13px;
  line-height: 1.7;
}
.eu-note > p a {
  color: var(--ink);
  border-bottom: 1px solid var(--cyan);
  font-weight: 700;
}
.eu-logos {
  gap: 22px;
  display: grid;
}
.eu-logos img {
  object-fit: contain;
  object-position: left center;
  width: 100%;
  max-height: 62px;
}
.site-footer {
  color: var(--ink);
  background: var(--paper);
}
.footer-paper {
  padding: clamp(100px, 10vw, 160px) var(--frame-edge);
  border-top: 1px solid var(--rule);
  grid-template-columns: 8% 1.35fr 0.65fr;
  gap: clamp(40px, 5vw, 82px);
  display: grid;
  position: relative;
}
.footer-index {
  color: var(--orange);
  font-family: var(--mono);
  letter-spacing: 0.12em;
  writing-mode: vertical-rl;
  font-size: 10px;
  font-weight: 700;
  transform: rotate(180deg);
}
.footer-copy .eyebrow {
  margin-bottom: 30px;
}
.footer-copy h2 {
  max-width: 950px;
  margin-bottom: 35px;
  font-size: clamp(67px, 7.5vw, 124px);
}
.footer-copy > p:last-child {
  max-width: 570px;
  font-size: 18px;
  line-height: 1.68;
}
.footer-contact {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 17px;
  padding-bottom: 8px;
  display: flex;
}
.footer-contact > a:not(.button) {
  font-family: var(--display);
  font-size: clamp(29px, 2.7vw, 44px);
  line-height: 1;
}
.footer-contact > span {
  color: var(--ink-soft);
  font-family: var(--mono);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 12px 0 18px;
  font-size: 11px;
  line-height: 1.7;
}
.map {
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  background: #d9dedb;
  height: clamp(400px, 28vw, 520px);
  display: block;
  position: relative;
  overflow: hidden;
}
.map-canvas {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.map-canvas .leaflet-control-zoom {
  border: 1px solid var(--ink);
  box-shadow: none;
  border-radius: 0;
  overflow: hidden;
}
.map-canvas .leaflet-control-zoom a {
  color: var(--ink);
  border: 0;
  border-bottom: 1px solid var(--rule);
  font-family: var(--display);
  background: #f4efe6f0;
  border-radius: 0;
}
.map-canvas .leaflet-control-zoom a:last-child {
  border-bottom: 0;
}
.map-canvas .leaflet-control-attribution {
  color: var(--ink-soft);
  background: #faf7f0db;
  font-size: 9px;
}
.optiendo-map-marker {
  background: 0 0;
  border: 0;
}
.optiendo-map-marker__label {
  border: 1px solid var(--ink);
  background: #f4efe6f7;
  align-content: center;
  justify-items: center;
  gap: 3px;
  width: 176px;
  min-height: 55px;
  padding: 9px 13px 8px;
  display: grid;
  box-shadow: 0 8px 25px #1e2d2f2e;
}
.optiendo-map-marker__label img {
  width: 132px;
  height: auto;
}
.optiendo-map-marker__label span {
  color: var(--ink-soft);
  font-family: var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
}
.optiendo-map-marker > i {
  border-right: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
  background: var(--cyan);
  transform-origin: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
}
.map-canvas .leaflet-popup-content-wrapper,
.map-canvas .leaflet-popup-tip {
  background: var(--paper);
  border-radius: 0;
  box-shadow: 0 8px 25px #1e2d2f2e;
}
.map-canvas .leaflet-popup-content {
  color: var(--ink);
  font-family: var(--sans);
  line-height: 1.55;
}
.map-route {
  z-index: 2;
  right: var(--frame-edge-compact);
  border: 1px solid var(--ink);
  background: #f4efe6f0;
  align-items: center;
  gap: 18px;
  padding: 17px 22px;
  font-size: 13px;
  font-weight: 700;
  transition:
    color 0.18s,
    background 0.18s,
    transform 0.18s;
  display: inline-flex;
  position: absolute;
  bottom: 40px;
}
.map-route:hover,
.map-route:focus-visible {
  color: var(--white);
  background: var(--ink);
  transform: translateY(-3px);
}
.map-caption {
  z-index: 2;
  bottom: 40px;
  left: var(--frame-edge-compact);
  border: 1px solid var(--ink);
  pointer-events: none;
  background: #f4efe6f0;
  gap: 2px;
  padding: 14px 18px;
  display: grid;
  position: absolute;
}
.map-caption strong {
  font-family: var(--display);
  font-size: 27px;
  line-height: 1;
}
.map-caption span {
  color: var(--ink-soft);
  font-family: var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}
.footer-bottom {
  padding: 36px var(--frame-edge-compact);
  background: var(--white);
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: clamp(34px, 4vw, 66px);
  display: grid;
}
.footer-bottom img {
  width: 155px;
}
.footer-bottom p {
  color: var(--ink-soft);
  font-family: var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 9px;
}
.footer-socials {
  font-family: var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  flex-wrap: wrap;
  gap: 10px 22px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
}
.footer-socials a {
  border-bottom: 1px solid #0000;
}
.footer-socials a:hover,
.footer-socials a:focus-visible {
  border-color: var(--cyan);
}
@supports (animation-timeline: view()) {
  .manifest-steps,
  .care-row,
  .pathway,
  .endo-copy,
  .spread,
  .implant-copy,
  .team-row,
  .price-row,
  .podcast-layout {
    animation: linear both editorial-rise;
    animation-timeline: view();
    animation-range: entry 5% cover 32%;
  }
  .step-line {
    transform-origin: 0;
    animation: linear both rule-draw;
    animation-timeline: view();
    animation-range: entry 15% cover 48%;
  }
}
@keyframes editorial-rise {
  0% {
    opacity: 0.35;
    transform: translateY(26px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes rule-draw {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@media (max-width: 1220px) {
  .site-header {
    grid-template-columns: 225px 1fr 185px;
  }
  .desktop-nav {
    gap: 28px;
  }
  .brand {
    width: 175px;
  }
  .header-phone {
    font-size: 21px;
  }
  .hero h1 {
    font-size: clamp(82px, 8.7vw, 112px);
  }
  .portrait-collage {
    min-width: 490px;
    left: 42%;
  }
  .hero-aside {
    width: 19vw;
    right: 2vw;
  }
  .hero-lead {
    font-size: 21px;
  }
  .hero-actions .button {
    gap: 14px;
    min-height: 58px;
    padding-inline: 16px;
    font-size: 13px;
  }
  .tag-pedo {
    right: -15%;
  }
  .manifest-copy {
    width: min(600px, 60%);
    margin: 48px 0 0 auto;
    position: relative;
    top: auto;
    right: auto;
  }
  .manifest-steps {
    margin-top: 90px;
  }
  .care-row {
    grid-template-columns: 7% 32% 1fr 36px;
  }
  .pathway {
    grid-template-columns: 6% 28% 1fr;
  }
  .pathway li {
    max-width: 150px;
  }
  .team-row {
    grid-template-columns: 4% 112px 1fr 0.7fr 1fr;
  }
  .team-row > img {
    width: 105px;
    height: 112px;
  }
  .price-row summary {
    grid-template-columns: 6% 1fr minmax(150px, 190px) 28px;
  }
}
@media (min-width: 981px) {
  .hero {
    height: clamp(740px, 100svh - 92px, 900px);
  }
  .hero-frame {
    grid-template-rows: auto 1fr;
    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
    column-gap: clamp(36px, 3.4vw, 58px);
    padding: clamp(64px, 7vh, 86px) clamp(40px, 4vw, 68px)
      clamp(48px, 5vw, 72px) clamp(84px, 6.5vw, 110px);
    display: grid;
  }
  .hero-copy {
    z-index: 10;
    grid-area: 1/1;
    width: auto;
    max-width: 700px;
    position: relative;
    top: auto;
    left: auto;
  }
  .hero-copy .eyebrow {
    margin-bottom: 25px;
  }
  .hero h1 {
    letter-spacing: -0.04em;
    text-wrap: balance;
    font-size: clamp(68px, 4.8vw, 88px);
    line-height: 0.9;
  }
  .portrait-collage {
    z-index: 4;
    grid-area: 1/2/3;
    align-self: stretch;
    width: auto;
    min-width: 0;
    min-height: 560px;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
  }
  .hero-network {
    z-index: 8;
    width: 104%;
    height: 94%;
    inset: 5% -1% 1% -3%;
  }
  .hero-tag {
    z-index: 12;
    border-left: 2px solid var(--cyan);
    max-width: 176px;
    color: var(--ink);
    background: #faf7f0eb;
    padding: 7px 9px 6px;
    line-height: 1.42;
  }
  .hero-tag strong {
    margin-bottom: 1px;
  }
  .tag-endo {
    top: 8%;
    left: 2%;
    right: auto;
  }
  .tag-pedo {
    top: 39%;
    right: 0;
  }
  .tag-aro {
    bottom: 22%;
    left: 0;
  }
  .tag-implant {
    bottom: 6%;
    right: 1%;
  }
  .hero-aside {
    z-index: 10;
    grid-area: 2/1;
    align-self: end;
    width: auto;
    max-width: 590px;
    padding-top: 32px;
    position: relative;
    top: auto;
    right: auto;
  }
  .hero-lead {
    max-width: 570px;
    margin-bottom: 24px;
    font-size: clamp(17px, 1.1vw, 19px);
    line-height: 1.62;
  }
  .status {
    margin-bottom: 22px;
  }
  .hero-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .hero-actions .button {
    gap: 14px;
    min-height: 58px;
    padding-inline: 17px;
    font-size: 13px;
  }
  .manifest-heading h2,
  .care-heading h2,
  .pathways h2,
  .team-heading h2,
  .pricing-heading h2,
  .podcast-copy h2,
  .gallery-heading h2,
  .footer-copy h2 {
    text-wrap: balance;
    font-size: clamp(64px, 5.2vw, 92px);
    line-height: 0.96;
  }
  .manifest {
    grid-template-columns: minmax(0, 1.3fr) minmax(310px, 0.7fr);
    align-items: end;
    column-gap: clamp(58px, 7vw, 120px);
    min-height: auto;
    display: grid;
  }
  .manifest .section-kicker {
    grid-column: 1/-1;
  }
  .manifest-heading {
    grid-column: 1;
    max-width: 850px;
  }
  .manifest-copy {
    grid-column: 2;
    width: auto;
    max-width: 470px;
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 1.68;
    position: relative;
    top: auto;
    right: auto;
  }
  .manifest-steps {
    grid-column: 1/-1;
    margin-top: 88px;
  }
  .ghost-word {
    grid-column: 1/-1;
  }
  .care-heading,
  .pathways-intro,
  .team-heading,
  .pricing-heading {
    grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr);
    gap: clamp(58px, 7vw, 120px);
    margin-bottom: 82px;
  }
  .care-heading p,
  .pathways-intro > p,
  .team-heading p,
  .pricing-heading > p,
  .podcast-copy > p:not(.eyebrow),
  .footer-copy > p:last-child {
    text-wrap: pretty;
    max-width: 58ch;
    font-size: 17px;
    line-height: 1.68;
  }
  .care-title {
    font-size: clamp(36px, 3.2vw, 55px);
    line-height: 0.98;
  }
  .care-description,
  .pathway > p,
  .team-detail,
  .price-row > p {
    font-size: 14px;
    line-height: 1.68;
  }
  .team-row h3 {
    font-size: clamp(30px, 2.5vw, 42px);
  }
  .price-row summary strong {
    font-size: clamp(29px, 2.4vw, 42px);
    line-height: 1.05;
  }
}
@media (min-width: 981px) and (max-width: 1220px) {
  .hero-frame {
    column-gap: 24px;
    padding-left: 68px;
    padding-right: 30px;
  }
  .hero h1 {
    font-size: clamp(56px, 5.4vw, 66px);
  }
  .hero h1 span {
    white-space: normal;
  }
  .hero-tag {
    max-width: 145px;
    font-size: 9px;
  }
  .hero-tag strong {
    font-size: 9px;
  }
  .hero-actions {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 980px) {
  .site-header {
    grid-template-columns: 1fr auto auto;
    gap: 22px;
    min-height: 76px;
    padding: 0 24px;
  }
  .brand {
    width: 155px;
  }
  .desktop-nav {
    display: none;
  }
  .header-phone {
    font-size: 19px;
  }
  .mobile-menu {
    display: block;
    position: relative;
  }
  .mobile-menu summary {
    cursor: pointer;
    place-content: center;
    gap: 7px;
    width: 42px;
    height: 42px;
    list-style: none;
    display: grid;
  }
  .mobile-menu summary::-webkit-details-marker {
    display: none;
  }
  .mobile-menu summary span {
    background: var(--ink);
    width: 26px;
    height: 1px;
    transition: transform 0.18s;
    display: block;
  }
  .mobile-menu[open] summary span:first-child {
    transform: translateY(4px) rotate(45deg);
  }
  .mobile-menu[open] summary span:last-child {
    transform: translateY(-4px) rotate(-45deg);
  }
  .mobile-menu nav {
    border-bottom: 1px solid var(--ink);
    background: var(--paper);
    width: min(390px, 92vw);
    padding: 28px;
    display: grid;
    position: absolute;
    top: 59px;
    right: -24px;
    box-shadow: 0 16px 35px #1e2d2f1f;
  }
  .mobile-menu nav a {
    border-bottom: 1px solid var(--rule);
    font-family: var(--display);
    padding: 13px 0;
    font-size: 25px;
  }
  .mobile-menu nav .menu-phone {
    color: var(--cyan-deep);
    border: 0;
    margin-top: 14px;
  }
  .hero {
    height: 1120px;
  }
  .hero-copy {
    width: 84%;
    top: 65px;
    left: 7.5vw;
  }
  .hero h1 {
    font-size: clamp(72px, 11vw, 108px);
  }
  .portrait-collage {
    width: 62%;
    min-width: 540px;
    height: 660px;
    top: 330px;
    left: 25%;
  }
  .hero-aside {
    grid-template-columns: 1fr 1fr;
    align-items: end;
    gap: 22px 35px;
    width: 84%;
    display: grid;
    inset: auto auto 44px 7.5vw;
  }
  .hero-lead {
    grid-row: 1/3;
    margin: 0;
    font-size: 24px;
  }
  .status {
    margin: 0;
  }
  .hero-actions {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-index {
    left: 2.3vw;
  }
  .manifest {
    min-height: auto;
  }
  .manifest-copy {
    width: 76%;
  }
  .manifest-steps {
    gap: 3vw;
  }
  .care-heading,
  .pathways-intro,
  .team-heading,
  .pricing-heading {
    grid-template-columns: 1fr;
  }
  .care-heading {
    gap: 40px;
  }
  .care-heading p,
  .pathways-intro > p,
  .team-heading p,
  .pricing-heading > p {
    max-width: 590px;
    margin-left: auto;
  }
  .pricing-heading {
    gap: 36px;
  }
  .podcast-layout {
    grid-template-columns: 1fr;
  }
  .podcast-copy {
    max-width: 720px;
  }
  .podcast-visual {
    width: min(760px, 92%);
    margin: 30px 0 0 auto;
  }
  .care-row {
    grid-template-columns: 6% 38% 1fr 32px;
    min-height: 145px;
  }
  .pathways-intro {
    gap: 40px;
  }
  .pathway {
    grid-template-columns: 7% 35% 1fr;
    min-height: 180px;
  }
  .pathway ol {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .pathway li {
    max-width: none;
  }
  .pathway li:not(:last-child):after {
    content: "↓";
    position: static;
    transform: none;
  }
  .endo-feature {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .endo-copy {
    padding-bottom: 0;
  }
  .endo-visual {
    min-height: 650px;
  }
  .endo-tools {
    width: 74%;
    right: -4%;
  }
  .double-spread {
    grid-template-columns: 1fr;
  }
  .double-spread:after {
    display: none;
  }
  .spread-pedo {
    border-right: 0;
    border-bottom: 1px solid var(--rule-strong);
  }
  .spread {
    min-height: 650px;
  }
  .implant-feature {
    grid-template-columns: 0.78fr 1.22fr;
  }
  .implant-copy {
    padding-left: 55px;
    padding-right: 45px;
  }
  .implant-steps li {
    grid-template-columns: 40px 120px 1fr;
  }
  .implant-actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .team-row {
    grid-template-columns: 4% 110px 1fr 0.9fr;
    min-height: 185px;
  }
  .team-detail {
    display: none;
  }
  .eu-note {
    grid-template-columns: 1fr 0.8fr;
  }
  .eu-logos {
    grid-column: 1/-1;
    grid-template-columns: repeat(2, 1fr);
  }
  .eu-logos img {
    max-width: 260px;
  }
  .footer-paper {
    grid-template-columns: 5% 1.2fr 0.8fr;
  }
}
@media (max-width: 700px) {
  body {
    font-size: 15px;
  }
  .site-header {
    grid-template-columns: 1fr auto;
    min-height: 70px;
    padding-inline: 18px;
  }
  .brand {
    width: 137px;
  }
  .header-phone {
    display: none;
  }
  .section-shell {
    padding: 82px 22px;
  }
  .section-kicker {
    margin-bottom: 40px;
  }
  .button {
    min-height: 58px;
    padding: 15px 18px;
  }
  .hero {
    height: 1210px;
  }
  .page-index {
    display: none;
  }
  .hero-copy {
    width: calc(100% - 44px);
    top: 44px;
    left: 22px;
  }
  .hero-copy .eyebrow {
    margin-bottom: 23px;
    font-size: 9px;
  }
  .hero h1 {
    font-size: clamp(63px, 20vw, 91px);
    line-height: 0.86;
  }
  .hero h1 span {
    white-space: normal;
  }
  .portrait-collage {
    width: calc(100% - 8px);
    min-width: 0;
    height: 590px;
    top: 330px;
    left: 8px;
  }
  .portrait-marek {
    width: 49%;
    height: 52%;
    left: 8%;
  }
  .portrait-petra {
    width: 50%;
    height: 56%;
    top: 23%;
    right: 1%;
  }
  .portrait-petr {
    width: 52%;
    height: 49%;
    bottom: 0;
    left: 0;
  }
  .portrait-tomas {
    width: 48%;
    height: 39%;
    bottom: -1%;
    right: 1%;
  }
  .hero-network {
    width: 105%;
    inset: 4% -2% 0 -5%;
  }
  .hero-tag,
  .hero-tag strong {
    font-size: 8px;
  }
  .tag-endo {
    top: 5%;
    right: 0;
  }
  .tag-pedo {
    top: 45%;
    right: -3%;
  }
  .tag-aro {
    bottom: 24%;
    left: 1%;
  }
  .tag-implant {
    bottom: 10%;
    right: 1%;
  }
  .hero-aside {
    width: calc(100% - 44px);
    display: block;
    bottom: 38px;
    left: 22px;
  }
  .hero-lead {
    margin-bottom: 26px;
    font-size: 22px;
  }
  .status {
    margin-bottom: 22px;
  }
  .hero-actions {
    grid-template-columns: 1fr;
    gap: 12px;
    display: grid;
  }
  .manifest-heading h2,
  .care-heading h2,
  .pathways h2,
  .endo-copy h2,
  .children-anesthesia > h2,
  .implant-copy h2,
  .team-heading h2,
  .pricing-heading h2,
  .podcast-copy h2,
  .gallery-heading h2,
  .footer-copy h2 {
    font-size: clamp(55px, 16vw, 78px);
  }
  .manifest-copy {
    width: 100%;
    margin-top: 38px;
    font-size: 17px;
  }
  .manifest-steps {
    grid-template-columns: 1fr;
    gap: 38px;
    margin-top: 70px;
    padding: 0 0 0 32px;
  }
  .step-line {
    width: 1px;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .step-line i {
    left: 0 !important;
  }
  .step-line i:first-child {
    top: 0;
  }
  .step-line i:nth-child(2) {
    top: 50%;
  }
  .step-line i:nth-child(3) {
    top: 100%;
  }
  .ghost-word {
    font-size: 32vw;
    bottom: -0.1em;
  }
  .care-heading {
    gap: 30px;
    margin-bottom: 62px;
  }
  .care-heading p {
    font-size: 16px;
  }
  .care-row {
    grid-template-rows: auto auto;
    grid-template-columns: 45px 1fr 28px;
    gap: 10px;
    min-height: 230px;
    padding: 28px 0;
    display: grid;
  }
  .care-title {
    font-size: clamp(37px, 10.5vw, 52px);
    line-height: 0.94;
  }
  .care-description {
    grid-column: 2/4;
    padding-right: 95px;
    font-size: 12px;
  }
  .care-arrow {
    grid-area: 1/3;
  }
  .care-row > img {
    opacity: 0.22;
    width: 95px;
    height: 82px;
    top: auto;
    bottom: 18px;
    right: 0;
    transform: rotate(-2deg);
  }
  .care-row:hover > img,
  .care-row:focus-visible > img {
    opacity: 0.28;
    transform: rotate(-1deg);
  }
  .pathways-intro {
    margin-bottom: 60px;
  }
  .pathway {
    grid-template-columns: 35px 1fr;
    gap: 12px;
    padding: 28px 0;
  }
  .pathway h3 {
    font-size: 30px;
  }
  .pathway > p {
    grid-column: 2;
    margin-top: 12px;
  }
  .pathway ol {
    grid-column: 2;
    margin-top: 15px;
  }
  .endo-feature {
    gap: 30px;
  }
  .endo-copy > p:not(.eyebrow) {
    font-size: 16px;
  }
  .endo-visual {
    min-height: 520px;
  }
  .endo-tools {
    width: 110%;
    bottom: -8%;
    right: -30%;
  }
  .xray-proof {
    width: 44%;
    top: 8%;
    right: 4%;
  }
  .annotation {
    max-width: 160px;
    font-size: 7px;
  }
  .annotation i {
    width: 35px;
  }
  .annotation-a {
    top: 4%;
    left: 0;
  }
  .annotation-b {
    top: 48%;
    right: 0;
  }
  .annotation-c {
    bottom: 12%;
    left: 0;
  }
  .section-lead {
    margin: 30px 0 65px;
    font-size: 17px;
  }
  .spread {
    grid-template-rows: 52% 1fr;
    min-height: 620px;
  }
  .spread > div {
    padding: 30px 24px 38px;
    display: block;
  }
  .spread h3 {
    margin: 14px 0 18px;
    font-size: 43px;
  }
  .spread p {
    margin-bottom: 20px;
  }
  .implant-feature {
    display: block;
  }
  .implant-photo {
    clip-path: polygon(0 0, 100% 0, 94% 100%, 0 93%);
    height: 470px;
  }
  .implant-photo > span {
    bottom: 40px;
    left: 22px;
  }
  .implant-copy {
    padding: 75px 22px 90px;
  }
  .implant-copy .section-kicker {
    margin-bottom: 48px;
  }
  .implant-lead {
    font-size: 16px;
  }
  .implant-steps li {
    grid-template-columns: 36px 1fr;
    min-height: 110px;
    padding: 16px 0;
  }
  .implant-steps li > strong {
    font-size: 27px;
  }
  .implant-steps li {
    font-size: 11px;
  }
  .implant-step-copy {
    grid-column: 2;
  }
  .implant-diagram {
    width: 90vw;
    bottom: 8%;
    right: -30%;
  }
  .team-heading {
    gap: 30px;
    margin-bottom: 60px;
  }
  .team-row {
    grid-template-columns: 35px 88px 1fr;
    gap: 12px;
    min-height: 240px;
    padding: 24px 0;
  }
  .team-row > img {
    width: 86px;
    height: 116px;
  }
  .team-row h3 {
    font-size: 35px;
  }
  .team-field {
    grid-column: 2/4;
    padding-left: 0;
  }
  .team-detail {
    grid-column: 2/4;
    font-size: 12px;
    display: block;
  }
  .pricing-heading {
    margin-bottom: 58px;
  }
  .pricing-heading > p {
    margin-left: 0;
    padding-bottom: 0;
    font-size: 15px;
  }
  .price-row summary {
    grid-template-columns: 35px 1fr 25px;
    gap: 10px;
    min-height: 132px;
    padding: 22px 0;
  }
  .price-row summary strong {
    font-size: 31px;
  }
  .price-value {
    grid-column: 2;
    justify-self: start;
    margin-top: 5px;
    font-size: 26px;
  }
  .price-toggle {
    grid-area: 1/3;
  }
  .price-row > p {
    margin: -4px 0 30px 45px;
    padding-right: 0;
    font-size: 12px;
  }
  .clinic-gallery {
    padding-top: 90px;
  }
  .gallery-heading {
    padding-bottom: 60px;
  }
  .gallery-note {
    font-size: 9px;
    line-height: 1.6;
  }
  .gallery-grid {
    background: 0 0;
    display: block;
  }
  .gallery-grid figure {
    border-top: 1px solid var(--ink);
    height: 330px;
  }
  .gallery-grid .gallery-main {
    height: 460px;
  }
  .podcast-layout {
    display: block;
  }
  .podcast-copy > p:not(.eyebrow) {
    font-size: 15px;
  }
  .podcast-actions {
    margin-top: 34px;
    display: grid;
  }
  .podcast-visual {
    width: calc(100% - 14px);
    margin-top: 75px;
  }
  .podcast-visual img {
    min-height: 270px;
  }
  .podcast-visual figcaption {
    max-width: calc(100% - 20px);
    bottom: 10px;
    right: 10px;
  }
  .eu-note {
    padding-top: 72px;
    padding-bottom: 72px;
    display: block;
  }
  .eu-note h2 {
    margin-bottom: 32px;
    font-size: 49px;
  }
  .eu-logos {
    grid-template-columns: 1.3fr 0.7fr;
    align-items: center;
    margin-top: 35px;
    display: grid;
  }
  .footer-paper {
    padding: 90px 22px;
    display: block;
  }
  .footer-index {
    writing-mode: initial;
    margin-bottom: 42px;
    transform: none;
  }
  .footer-copy h2 {
    margin-top: 0;
  }
  .footer-copy > p:last-child {
    font-size: 16px;
  }
  .footer-contact {
    margin-top: 60px;
  }
  .footer-contact > a:not(.button) {
    font-size: 36px;
  }
  .map {
    height: 410px;
  }
  .map-route {
    bottom: 22px;
    right: 22px;
  }
  .map-caption {
    top: 22px;
    bottom: auto;
    left: 22px;
  }
  .footer-bottom {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 32px 22px;
  }
  .footer-socials {
    margin: 6px 0;
  }
}
.brand-orbit,
.brand-folio {
  display: none;
}
.header-contact {
  align-content: center;
  justify-self: end;
  display: grid;
}
.header-status {
  color: var(--ink);
  font-family: var(--mono);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  font-size: 8px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}
.header-status i {
  background: var(--orange);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 4px #e8894729;
}
.pathways {
  overflow: hidden;
}
.pathways-intro {
  margin-bottom: 62px;
}
.pathway-list {
  isolation: isolate;
  border: 0;
  grid-template-rows: repeat(3, 170px);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  min-height: 510px;
  display: grid;
  position: relative;
}
.pathway-route {
  z-index: 0;
  width: 100%;
  height: 100%;
  fill: var(--orange);
  stroke: var(--cyan);
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
  position: absolute;
  inset: 0;
  overflow: visible;
}
.pathway-route path {
  fill: none;
  stroke-linecap: square;
  stroke-linejoin: bevel;
}
.pathway {
  z-index: 1;
  width: calc(100% - 12px);
  min-height: 0;
  color: var(--ink);
  background: var(--paper-light);
  clip-path: polygon(
    2px 0,
    100% 2px,
    calc(100% - 3px) 100%,
    0 calc(100% - 2px)
  );
  border: 1px solid #f4efe6b8;
  grid-template-columns: 30px minmax(0, 1fr);
  align-self: center;
  align-items: start;
  gap: 10px;
  padding: 15px 13px 16px;
  animation: none;
  display: grid;
  position: relative;
}
.pathway-1 {
  grid-area: 2/1 / auto/3;
  transform: rotate(-0.45deg);
}
.pathway-2 {
  grid-area: 2/3 / auto/5;
  transform: rotate(0.35deg);
}
.pathway-3 {
  grid-area: 1/5 / auto/7;
  transform: rotate(-0.65deg);
}
.pathway-4 {
  grid-area: 2/7 / auto/9;
  transform: rotate(0.45deg);
}
.pathway-5 {
  grid-area: 1/9 / auto/11;
  transform: rotate(-0.35deg);
}
.pathway-6 {
  grid-area: 3/9 / auto/11;
  transform: rotate(0.55deg);
}
.pathway-7 {
  grid-area: 2/11 / auto/13;
  transform: rotate(-0.4deg);
}
.pathway-index {
  width: 28px;
  height: 28px;
  color: var(--ink);
  border: 1px solid var(--orange);
  place-items: center;
  font-size: 9px;
  display: grid;
}
.pathway-copy {
  min-width: 0;
}
.pathway h3 {
  max-width: none;
  margin-bottom: 7px;
  font-size: clamp(22px, 1.75vw, 29px);
  line-height: 1;
}
.pathway .pathway-copy > p {
  max-width: 28ch;
  color: var(--ink-soft);
  font-size: 11px;
  line-height: 1.5;
}
.care-index {
  padding-bottom: clamp(92px, 9vw, 145px);
}
.care-heading {
  margin-bottom: 64px;
}
.care-rows {
  border-top: 1px solid var(--rule-strong);
  border-bottom: 1px solid var(--rule-strong);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}
.care-row {
  isolation: auto;
  border: 0;
  grid-template-rows: auto 1fr;
  grid-template-columns: 30px minmax(0, 1fr) 24px;
  align-content: start;
  align-items: start;
  gap: 12px 18px;
  min-height: 0;
  padding: 28px 0;
  transition:
    color 0.18s,
    background 0.18s;
  display: grid;
  overflow: visible;
}
.care-row:nth-child(odd) {
  border-right: 1px solid var(--rule);
  padding-right: clamp(28px, 3vw, 50px);
}
.care-row:nth-child(2n) {
  padding-left: clamp(28px, 3vw, 50px);
}
.care-row:nth-child(-n + 4) {
  border-bottom: 1px solid var(--rule);
}
.care-number {
  grid-area: 1/1;
  padding-top: 6px;
}
.care-title {
  grid-area: 1/2;
  font-size: clamp(29px, 2.2vw, 38px);
  line-height: 1.02;
}
.care-description {
  grid-area: 2/2 / auto/-1;
  max-width: 56ch;
  font-size: 14px;
  line-height: 1.58;
}
.care-arrow {
  grid-area: 1/3;
  padding-top: 1px;
  font-size: 21px;
}
.care-row:hover,
.care-row:focus-visible {
  background: #22bfc80e;
}
.care-row:hover .care-title,
.care-row:focus-visible .care-title {
  color: var(--cyan-deep);
  transform: none;
}
.team-heading {
  margin-bottom: 64px;
}
.team-list {
  border-top: 1px solid var(--rule-strong);
  border-bottom: 1px solid var(--rule-strong);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}
.team-row {
  border: 0;
  grid-template-rows: auto auto 1fr;
  grid-template-columns: clamp(125px, 11vw, 175px) minmax(0, 1fr);
  align-items: start;
  gap: 8px clamp(18px, 2vw, 28px);
  min-height: 0;
  padding: 30px 0;
  display: grid;
}
.team-row:nth-child(odd) {
  border-right: 1px solid var(--rule);
  padding-right: clamp(26px, 3vw, 48px);
}
.team-row:nth-child(2n) {
  padding-left: clamp(26px, 3vw, 48px);
}
.team-row:nth-child(-n + 2) {
  border-bottom: 1px solid var(--rule);
}
.team-number {
  z-index: 2;
  background: #faf7f0eb;
  grid-area: 1/1;
  place-self: start;
  margin: 8px;
  padding: 4px 6px;
  position: relative;
}
.team-row > img {
  aspect-ratio: 4/3;
  object-fit: cover;
  filter: saturate(0.88);
  clip-path: polygon(2% 2%, 100% 0, 97% 98%, 0 100%);
  grid-area: 1/1/4;
  width: 100%;
  height: auto;
}
.team-row h3 {
  grid-area: 1/2;
  font-size: clamp(29px, 2.3vw, 38px);
  line-height: 1;
}
.team-field {
  grid-area: 2/2;
  font-size: 9px;
  line-height: 1.45;
}
.team-detail {
  grid-area: 3/2;
  margin-top: 7px;
  font-size: 13px;
  line-height: 1.58;
  display: block;
}
.map-canvas .leaflet-tile-pane {
  filter: none;
}
.map-canvas img.leaflet-tile {
  mix-blend-mode: normal !important;
}
.optiendo-map-marker {
  width: 154px !important;
  height: 72px !important;
}
.optiendo-map-marker__label {
  border: 1px solid var(--ink);
  width: 154px;
  height: 56px;
  min-height: 0;
  color: var(--ink);
  background: var(--cyan);
  clip-path: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 calc(100% - 3px));
  align-content: center;
  justify-items: center;
  gap: 2px;
  padding: 7px 12px 6px;
  display: grid;
  box-shadow: 0 8px 24px #1e2d2f33;
}
.optiendo-map-marker__label img {
  object-fit: contain;
  width: 112px;
  height: 22px;
}
.optiendo-map-marker__label span {
  color: var(--ink);
  font-size: 7px;
  line-height: 1;
}
.optiendo-map-marker > i {
  background: var(--cyan);
  width: 16px;
  height: 16px;
  bottom: 1px;
}
.map-route {
  color: var(--paper-light);
  border-color: var(--ink);
  background: var(--ink);
  clip-path: polygon(8px 0, 100% 0, calc(100% - 5px) 100%, 0 100%);
}
.map-route:hover,
.map-route:focus-visible {
  color: var(--ink);
  border-color: var(--cyan);
  background: var(--cyan);
}
@media (min-width: 981px) {
  .site-header {
    border-bottom-color: var(--ink);
    background: #faf7f0f7;
    grid-template-columns: minmax(225px, 270px) 1fr minmax(225px, 255px);
    min-height: 96px;
    overflow: visible;
  }
  .site-header:after {
    right: calc(var(--frame-edge-compact) + 242px);
    bottom: -2px;
    left: calc(var(--frame-edge-compact) + 215px);
    background: var(--cyan);
    clip-path: polygon(0 35%, 26% 0, 58% 65%, 100% 20%, 100% 100%, 0 100%);
    content: "";
    pointer-events: none;
    height: 3px;
    position: absolute;
  }
  .brand {
    align-self: stretch;
    width: 215px;
    padding-bottom: 15px;
    position: relative;
  }
  .brand img {
    z-index: 2;
    width: 194px;
    position: relative;
  }
  .brand-orbit {
    z-index: 1;
    pointer-events: none;
    width: 230px;
    height: 76px;
    display: block;
    position: absolute;
    inset: 9px -20px 9px -14px;
    overflow: visible;
  }
  .brand-orbit path {
    fill: none;
    stroke: var(--cyan);
    stroke-width: 1.2px;
    vector-effect: non-scaling-stroke;
  }
  .brand-orbit path + path {
    opacity: 0.34;
  }
  .brand-folio {
    z-index: 3;
    color: var(--cyan-deep);
    background: var(--paper-light);
    font-family: var(--mono);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 2px 5px;
    font-size: 7px;
    font-weight: 700;
    display: block;
    position: absolute;
    bottom: 7px;
    right: -3px;
  }
  .desktop-nav {
    align-self: stretch;
    gap: clamp(20px, 3vw, 48px);
  }
  .desktop-nav a {
    align-content: center;
    min-width: max-content;
    padding: 17px 0 0;
    display: grid;
  }
  .desktop-nav a:before {
    color: var(--orange);
    content: attr(data-index);
    font-family: var(--mono);
    letter-spacing: 0.08em;
    font-size: 7px;
    font-weight: 700;
    position: absolute;
    top: 17px;
    left: 0;
  }
  .desktop-nav a:after {
    bottom: 16px;
  }
  .header-contact {
    background: var(--cyan);
    clip-path: polygon(18px 0, 100% 0, 100% 100%, 0 100%);
    width: 100%;
    min-height: 96px;
    padding: 15px 24px 13px 47px;
    position: relative;
  }
  .header-contact:before,
  .header-contact:after {
    content: "";
    pointer-events: none;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: 23px;
    transform: translate(-50%, -50%);
  }
  .header-contact:before {
    border: 1px solid var(--ink);
    border-radius: 50%;
  }
  .header-contact:after {
    background:
      linear-gradient(var(--ink), var(--ink)) center / 23px 1px no-repeat,
      linear-gradient(var(--ink), var(--ink)) center / 1px 23px no-repeat;
    animation: 14s linear infinite header-crosshair;
  }
  .header-phone {
    color: var(--ink);
    justify-self: start;
    font-size: 24px;
    line-height: 1;
  }
}
@keyframes header-crosshair {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@media (max-width: 1180px) {
  .pathway-list {
    grid-template-rows: none;
    grid-template-columns: 1fr;
    gap: 0;
    min-height: 0;
    padding-left: 44px;
    display: grid;
  }
  .pathway-list:before {
    background: var(--cyan);
    content: "";
    width: 1px;
    position: absolute;
    top: 18px;
    bottom: 22px;
    left: 15px;
  }
  .pathway-route {
    display: none;
  }
  .pathway,
  .pathway-1,
  .pathway-2,
  .pathway-3,
  .pathway-4,
  .pathway-5,
  .pathway-6,
  .pathway-7 {
    width: 100%;
    min-height: 0;
    color: var(--paper-light);
    clip-path: none;
    background: 0 0;
    border: 0;
    border-top: 1px solid #ffffff38;
    grid-area: auto/1;
    padding: 20px 0 24px;
    display: block;
    transform: none;
  }
  .pathway:last-child {
    border-bottom: 1px solid #ffffff38;
  }
  .pathway-index {
    color: var(--paper-light);
    border-color: var(--cyan);
    background: var(--ink);
    position: absolute;
    top: 17px;
    left: -44px;
  }
  .pathway h3 {
    margin-bottom: 7px;
    font-size: 29px;
  }
  .pathway .pathway-copy > p {
    color: #ffffffad;
    max-width: 62ch;
    font-size: 13px;
  }
}
@media (max-width: 980px) {
  .header-contact {
    clip-path: none;
    background: 0 0;
    min-height: 0;
    padding: 0;
    display: block;
  }
  .header-status,
  .header-contact:before,
  .header-contact:after {
    display: none;
  }
  .care-rows {
    display: block;
  }
  .care-row,
  .care-row:nth-child(odd),
  .care-row:nth-child(2n) {
    border-right: 0;
    border-bottom: 1px solid var(--rule);
    grid-template-columns: 34px minmax(0, 1fr) 24px;
    padding: 23px 0;
  }
  .care-row:last-child {
    border-bottom: 0;
  }
  .care-title {
    font-size: clamp(29px, 4.5vw, 38px);
  }
  .care-description {
    padding-right: 0;
    font-size: 13px;
  }
  .team-row {
    grid-template-columns: 125px minmax(0, 1fr);
  }
}
@media (max-width: 780px) {
  .team-list {
    grid-template-columns: 1fr;
  }
  .team-row,
  .team-row:nth-child(odd),
  .team-row:nth-child(2n) {
    border-right: 0;
    border-bottom: 1px solid var(--rule);
    grid-template-columns: 105px minmax(0, 1fr);
    padding: 23px 0;
  }
  .team-row:last-child {
    border-bottom: 0;
  }
  .team-row h3 {
    font-size: 30px;
  }
  .team-detail {
    font-size: 12px;
  }
}
@media (max-width: 700px) {
  .header-contact {
    display: none;
  }
  .care-heading,
  .team-heading {
    margin-bottom: 48px;
  }
  .care-title {
    font-size: 30px;
  }
  .map-route {
    bottom: 18px;
    right: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  :before,
  :after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}

:root {
  --marker: "Permanent Marker", "Opti Lato", sans-serif;
  --marker-cz: "Caveat Brush", "Permanent Marker", "Opti Lato", sans-serif;
  --mono: var(--sans);
  --notebook-line: #22bfc817;
  --cyan-wash: #dff5f3;
  --orange-wash: #f6dcc8;
}
body {
  font-size: 17px;
}
.section-shell {
  padding-right: max(
    clamp(28px, 6vw, 112px),
    calc((100vw - var(--frame-max)) / 2 + 78px)
  );
  padding-left: max(
    clamp(28px, 6vw, 112px),
    calc((100vw - var(--frame-max)) / 2 + 78px)
  );
}
.section-kicker,
.eyebrow {
  font-family: var(--sans);
  letter-spacing: 0.115em;
  font-size: 12px;
  font-weight: 700;
}
.section-kicker {
  margin-bottom: 64px;
}
.button {
  min-height: 68px;
  padding: 19px 26px;
  font-size: 16px;
}
.marker-note {
  z-index: 2;
  width: max-content;
  max-width: 100%;
  color: var(--orange);
  font-family: var(--marker);
  letter-spacing: 0.005em;
  justify-content: center;
  align-items: center;
  font-size: clamp(18px, 1.45vw, 25px);
  font-weight: 400;
  line-height: 1.15;
  display: inline-flex;
  position: relative;
  transform: rotate(-2deg);
}
.marker-underline {
  z-index: 1;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 2.8px;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
  width: calc(100% + 10px);
  height: 24px;
  position: absolute;
  bottom: -18px;
  left: -5px;
  right: -5px;
  overflow: visible;
}
.marker-underline path + path {
  opacity: 0.68;
}
.marker-underline path {
  vector-effect: non-scaling-stroke;
}
.site-header {
  min-height: 108px;
  padding: 0 var(--frame-edge-compact);
  border-bottom: 1px solid var(--ink);
  background: #faf7f0f7;
  grid-template-columns: minmax(205px, 245px) minmax(560px, 1fr) minmax(
      275px,
      310px
    );
  overflow: visible;
}
.site-header:after {
  right: calc(var(--frame-edge-compact) + 292px);
  bottom: -3px;
  left: calc(var(--frame-edge-compact) + 228px);
  background: linear-gradient(
    178deg,
    transparent 0 12%,
    var(--cyan) 13% 48%,
    transparent 49% 57%,
    #22bfc885 58% 75%,
    transparent 76%
  );
  content: "";
  pointer-events: none;
  height: 5px;
  position: absolute;
}
.brand {
  align-self: center;
  width: 196px;
  padding: 0;
  position: relative;
}
.brand img {
  width: 196px;
  position: static;
}
.brand-orbit,
.brand-folio {
  display: none !important;
}
.desktop-nav {
  font-family: var(--sans);
  align-self: stretch;
  gap: clamp(24px, 3.2vw, 54px);
  font-size: 15px;
}
.desktop-nav a {
  align-content: center;
  min-width: max-content;
  padding: 19px 0 0;
  display: grid;
}
.desktop-nav a:before {
  color: var(--orange);
  font-family: var(--sans);
  letter-spacing: 0.04em;
  font-size: 9px;
  top: 18px;
}
.desktop-nav a:after {
  background: linear-gradient(
    177deg,
    transparent 0 28%,
    var(--cyan) 30% 62%,
    transparent 64%
  );
  transform-origin: 50%;
  height: 5px;
  bottom: 20px;
  left: -4px;
  right: -4px;
}
.header-contact {
  min-height: 108px;
  color: var(--ink);
  background: var(--cyan);
  clip-path: polygon(17px 0, 100% 0, 100% 100%, 0 100%, 0 17px);
  grid-template-rows: auto auto;
  grid-template-columns: 58px minmax(0, 1fr);
  align-content: center;
  justify-self: stretch;
  column-gap: 15px;
  padding: 18px 23px 16px 27px;
  display: grid;
  position: relative;
}
.header-contact:before,
.header-contact:after {
  content: none;
}
.header-phone-icon {
  border: 2px solid var(--ink);
  border-radius: 48% 52% 46% 54%/55% 45% 56% 44%;
  grid-area: 1/1/3;
  align-self: center;
  place-items: center;
  width: 54px;
  height: 54px;
  display: grid;
  transform: rotate(-4deg);
}
.header-phone-icon:after {
  content: "";
  border: 1px solid #1e2d2f94;
  border-radius: 54% 46% 50% 50%;
  width: 57px;
  height: 51px;
  position: absolute;
  transform: rotate(10deg);
}
.header-phone-icon svg {
  width: 29px;
  height: 29px;
  fill: var(--ink);
}
.header-status {
  color: var(--ink);
  font-family: var(--sans);
  letter-spacing: 0.055em;
  text-transform: uppercase;
  grid-column: 2;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}
.header-status i {
  display: none;
}
.header-phone {
  color: var(--ink);
  font-family: var(--display);
  grid-column: 2;
  justify-self: start;
  font-size: 29px;
  font-weight: 700;
  line-height: 1;
}
.hero {
  isolation: isolate;
  background-color: var(--paper);
  height: auto;
  min-height: 850px;
  position: relative;
  overflow: hidden;
}
.hero:before {
  z-index: -2;
  content: "";
  background:
    repeating-linear-gradient(#0000 0 51px, #1e2d2f0b 52px, #0000 53px),
    radial-gradient(#1e2d2f08 0.65px, #0000 0.65px) 0 0/13px 13px;
  position: absolute;
  inset: 0;
}
.hero-paper-art {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.hero-paper-art > svg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: visible;
}
.hero-art-paper {
  fill: #faf7f08f;
}
.hero-art-cyan {
  fill: #22bfc81f;
}
.hero-art-orange {
  fill: #e889471a;
}
.hero-art-lines {
  fill: none;
  stroke: #1e2d2f1c;
  stroke-linecap: round;
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
}
.hero-art-seam {
  fill: none;
  stroke: #1e2d2f33;
  stroke-dasharray: 2 10;
  stroke-linecap: round;
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
}
.hero-art-register {
  fill: none;
  stroke: var(--orange);
  stroke-linecap: round;
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
}
.hero-art-word {
  color: #0000;
  font-family: var(--display);
  letter-spacing: -0.045em;
  opacity: 0.085;
  -webkit-text-stroke: 2px var(--ink);
  white-space: nowrap;
  font-size: clamp(170px, 19vw, 330px);
  font-weight: 700;
  line-height: 0.75;
  position: absolute;
  bottom: -0.12em;
  right: -0.08em;
}
.hero-art-coordinate {
  z-index: 2;
  color: var(--ink);
  font-family: var(--sans);
  letter-spacing: 0.13em;
  opacity: 0.55;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  top: 28px;
  right: clamp(26px, 3vw, 50px);
}
.hero-frame {
  z-index: 2;
  width: min(100%, var(--frame-max));
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(570px, 0.94fr) minmax(640px, 1.06fr);
  align-items: stretch;
  gap: 0 clamp(34px, 4vw, 68px);
  height: auto;
  min-height: 850px;
  margin: 0 auto;
  padding: 70px clamp(36px, 4vw, 68px) 54px clamp(78px, 6vw, 106px);
  display: grid;
  position: relative;
}
.page-index {
  top: 74px;
  bottom: 54px;
  left: 25px;
}
.page-index > span {
  font-family: var(--sans);
  font-size: 10px;
}
.hero-copy {
  z-index: 8;
  grid-area: 1/1;
  align-self: end;
  width: auto;
  padding: 14px 0 0;
  position: relative;
  top: auto;
  left: auto;
}
.hero-copy .eyebrow {
  margin-bottom: 34px;
  font-size: 13px;
}
.hero h1 {
  letter-spacing: -0.042em;
  font-size: clamp(86px, 6.65vw, 118px);
  line-height: 0.85;
}
.hero h1 span {
  white-space: nowrap;
}
.hero h1 span:first-child,
.hero h1 span:nth-child(2) {
  letter-spacing: -0.018em;
  font-size: 0.76em;
}
.hero-marker {
  color: var(--orange);
  margin-top: 42px;
  margin-left: 14px;
  padding-bottom: 2px;
  font-size: clamp(20px, 1.55vw, 27px);
}
.portrait-collage {
  z-index: 4;
  pointer-events: none;
  grid-area: 1/2/3;
  align-self: end;
  width: auto;
  min-width: 0;
  height: 760px;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
}
.portrait {
  box-shadow: none;
  filter: none;
  clip-path: none;
  background: 0 0;
  margin: 0;
  overflow: visible;
}
.portrait:before,
.portrait:after {
  display: none;
}
.portrait img {
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 14px 12px #1e2d2f1f);
  width: 100%;
  height: 100%;
}
.portrait-marek {
  z-index: 3;
  clip-path: none;
  width: 51%;
  height: 55%;
  top: 2%;
  left: 0;
  transform: rotate(-1.5deg);
}
.portrait-petra {
  z-index: 4;
  clip-path: none;
  width: 51%;
  height: 56%;
  top: 3%;
  right: -1%;
  transform: rotate(1.2deg);
}
.portrait-petr {
  z-index: 2;
  clip-path: none;
  width: 51%;
  height: 55%;
  bottom: 0;
  left: -1%;
  transform: rotate(0.8deg);
}
.portrait-tomas {
  z-index: 5;
  clip-path: none;
  width: 51%;
  height: 54%;
  bottom: -1%;
  right: -1%;
  transform: rotate(-0.8deg);
}
.portrait-marek img,
.portrait-petra img,
.portrait-petr img,
.portrait-tomas img {
  object-position: center bottom;
}
.hero-network {
  z-index: 8;
  width: 108%;
  height: 96%;
  fill: var(--cyan-deep);
  stroke: var(--cyan-deep);
  stroke-width: 2.3px;
  opacity: 0.82;
  inset: 3% -4% 2% -5%;
}
.hero-network path {
  stroke-dasharray: 1100;
  stroke-dashoffset: 1100px;
}
.hero-tag {
  z-index: 10;
  max-width: 205px;
  color: var(--ink);
  font-family: var(--sans);
  text-transform: none;
  clip-path: polygon(
    2px 0,
    100% 2px,
    calc(100% - 3px) 100%,
    0 calc(100% - 2px)
  );
  background: #faf7f0eb;
  padding: 8px 10px 7px;
  font-size: 12px;
  line-height: 1.35;
  box-shadow: 5px 5px #22bfc81f;
}
.hero-tag strong {
  color: var(--cyan-deep);
  font-family: var(--marker);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 400;
}
.tag-endo {
  top: 5%;
  right: -5%;
  transform: rotate(1.8deg);
}
.tag-pedo {
  top: 41%;
  right: -8%;
  transform: rotate(-1.2deg);
}
.tag-aro {
  bottom: 31%;
  left: -9%;
  transform: rotate(1.3deg);
}
.tag-implant {
  bottom: 5%;
  right: -7%;
  transform: rotate(-1.8deg);
}
.hero-aside {
  z-index: 12;
  grid-area: 2/1;
  align-self: start;
  width: min(100%, 680px);
  padding: 48px 0 0;
  display: block;
  position: relative;
  top: auto;
  right: auto;
}
.hero-lead {
  max-width: 61ch;
  font-family: var(--sans);
  margin-bottom: 30px;
  font-size: clamp(19px, 1.35vw, 23px);
  line-height: 1.58;
}
.hero-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  max-width: 640px;
  display: grid;
}
.hero-actions .button {
  min-height: 72px;
  padding: 20px 22px;
  font-size: 17px;
}
.manifest {
  background:
    radial-gradient(#1e2d2f06 0.7px, transparent 0.7px), var(--paper-light);
  background-size:
    13px 13px,
    auto;
  min-height: 0;
  display: block;
  overflow: hidden;
}
.manifest-intro {
  z-index: 2;
  position: relative;
}
.manifest-heading .eyebrow {
  margin-bottom: 30px;
}
.manifest-heading h2 {
  max-width: 1100px;
  font-size: clamp(72px, 7.25vw, 122px);
  line-height: 0.91;
}
.manifest-heading h2 span {
  z-index: 1;
  display: inline-block;
  position: relative;
}
.manifest-heading h2 span:before {
  z-index: -1;
  clip-path: polygon(0 28%, 100% 2%, 98% 91%, 2% 100%);
  content: "";
  background: #22bfc875;
  height: 0.42em;
  position: absolute;
  bottom: 0.02em;
  left: -8px;
  right: -10px;
  transform: rotate(-0.8deg);
}
.manifest-copy {
  width: min(100%, 950px);
  color: var(--ink);
  margin: 58px 0 0 clamp(54px, 9vw, 150px);
  padding: 24px 26px 24px 38px;
  font-size: clamp(19px, 1.45vw, 23px);
  line-height: 1.65;
  position: relative;
  top: auto;
  right: auto;
}
.manifest-copy:before,
.manifest-copy:after {
  background: var(--orange);
  clip-path: polygon(25% 0, 100% 2%, 72% 100%, 0 97%);
  content: "";
  width: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.manifest-copy:after {
  opacity: 0.55;
  width: 2px;
  left: 10px;
  transform: rotate(0.7deg);
}
.manifest-copy strong {
  z-index: 1;
  font-weight: 700;
  position: relative;
}
.manifest-copy strong:before {
  z-index: -1;
  clip-path: polygon(0 25%, 100% 0, 99% 88%, 1% 100%);
  content: "";
  background: #e889475e;
  height: 0.42em;
  position: absolute;
  bottom: 0.03em;
  left: -3px;
  right: -4px;
}
.manifest-steps {
  z-index: 2;
  border-top: 2px solid var(--ink);
  border-bottom: 2px solid var(--ink);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 78px;
  padding: 0;
  display: grid;
  position: relative;
}
.manifest-steps article {
  max-width: none;
  padding: 34px clamp(24px, 3vw, 48px) 38px;
  position: relative;
}
.manifest-steps article + article {
  border-left: 1px solid var(--rule-strong);
}
.manifest-steps article > span {
  color: var(--orange);
  font-family: var(--marker);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 19px;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  transform: rotate(-1.5deg);
}
.manifest-steps h3 {
  max-width: 340px;
  font-family: var(--sans);
  letter-spacing: -0.03em;
  margin: 0 0 15px;
  font-size: clamp(29px, 2.2vw, 38px);
  font-weight: 700;
  line-height: 1.06;
}
.manifest-steps p {
  max-width: 46ch;
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.62;
}
.step-line,
.ghost-word {
  display: none;
}
.pathways {
  color: var(--ink);
  background-color: var(--paper-light);
  background-image:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 43px,
      var(--notebook-line) 44px,
      transparent 45px
    ),
    radial-gradient(#1e2d2f06 0.7px, transparent 0.7px);
  background-size:
    auto,
    13px 13px;
  overflow: hidden;
}
.pathways .section-kicker {
  border-color: var(--rule);
  color: var(--ink-soft);
}
.pathways-intro {
  grid-template-columns: minmax(0, 1.55fr) minmax(270px, 0.45fr);
  align-items: end;
  gap: clamp(48px, 7vw, 112px);
  margin-bottom: 66px;
  display: grid;
}
.pathways-intro > div {
  position: relative;
}
.pathways h2 {
  color: var(--ink);
  font-size: clamp(76px, 7.4vw, 124px);
}
.pathways-intro > p {
  color: var(--ink);
  padding-bottom: 12px;
  font-size: 18px;
  line-height: 1.65;
}
.pathway-marker {
  margin-top: 35px;
  margin-left: 48px;
}
.pathway-list {
  isolation: isolate;
  border: 0;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  grid-template-columns: repeat(12, minmax(0, 1fr));
  width: min(100%, 1420px);
  min-height: 620px;
  margin: 0 auto;
  display: grid;
  position: relative;
}
.pathway-route {
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
  overflow: visible;
}
.pathway-route path {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pathway-route-shadow path {
  stroke: #22bfc859;
  stroke-width: 9px;
}
.pathway-route-main path {
  stroke: var(--cyan);
  stroke-width: 5px;
  marker-end: url(#route-arrow);
}
.pathway-route marker path {
  fill: none;
  stroke: var(--cyan);
  stroke-width: 2px;
}
.pathway {
  z-index: 2;
  width: auto;
  min-height: 0;
  color: var(--ink);
  clip-path: none;
  background: 0 0;
  border: 0;
  align-self: start;
  align-items: flex-start;
  gap: 15px;
  padding: 0;
  display: flex;
  position: relative;
  transform: none;
}
.pathway-1 {
  grid-area: 1/1/3/3;
  align-self: center;
}
.pathway-2 {
  grid-area: 1/3 / auto/6;
  margin-top: 36px;
}
.pathway-3 {
  grid-area: 2/3 / auto/6;
  margin-top: 36px;
}
.pathway-4 {
  grid-area: 1/7/3/10;
  align-self: center;
}
.pathway-5 {
  grid-area: 3/7 / auto/9;
  margin-top: 34px;
}
.pathway-6 {
  grid-area: 3/9 / auto/11;
  margin-top: 34px;
}
.pathway-7 {
  grid-area: 3/11 / auto/13;
  margin-top: 34px;
}
.pathway-index {
  border: 3px solid var(--orange);
  width: 58px;
  height: 53px;
  color: var(--ink);
  background: var(--paper-light);
  font-family: var(--marker);
  border-radius: 48% 52% 45% 55%/54% 43% 57% 46%;
  flex: 0 0 58px;
  place-items: center;
  font-size: 18px;
  display: grid;
  position: relative;
  transform: rotate(-4deg);
}
.pathway-index:after {
  content: "";
  border: 1px solid #e889479e;
  border-radius: 55% 45% 52% 48%;
  position: absolute;
  inset: -7px -4px -4px -7px;
  transform: rotate(8deg);
}
.pathway-copy {
  min-width: 0;
  padding-top: 7px;
}
.pathway h3 {
  max-width: 260px;
  font-family: var(--sans);
  letter-spacing: -0.03em;
  margin: 0;
  font-size: clamp(27px, 2.15vw, 36px);
  font-weight: 700;
  line-height: 1.05;
}
.pathway-4 h3 {
  z-index: 1;
  position: relative;
}
.pathway-4 h3:before {
  z-index: -1;
  clip-path: polygon(0 32%, 100% 5%, 98% 92%, 2% 100%);
  content: "";
  background: #e889477a;
  height: 0.48em;
  position: absolute;
  bottom: 0.05em;
  left: -7px;
  right: -8px;
  transform: rotate(-1deg);
}
.pathway-handnote {
  color: var(--orange);
  font-family: var(--marker);
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.2;
  display: inline-block;
  transform: rotate(-2deg);
}
.care-index {
  overflow: hidden;
}
.care-heading {
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.55fr);
  align-items: end;
  margin-bottom: 78px;
}
.care-heading > div {
  position: relative;
}
.care-heading h2 {
  font-size: clamp(74px, 7vw, 118px);
}
.care-heading > p {
  max-width: 470px;
  font-size: 18px;
  line-height: 1.7;
}
.care-marker {
  margin-top: 36px;
  margin-left: 48px;
}
.care-rows {
  border: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(44px, 5vw, 86px);
  display: grid;
}
.care-row,
.care-row:nth-child(odd),
.care-row:nth-child(2n) {
  border: 0;
  border-bottom: 2px solid var(--ink);
  isolation: isolate;
  background: 0 0;
  grid-template-rows: auto 1fr;
  grid-template-columns: 64px minmax(0, 1fr) 32px;
  align-content: start;
  align-items: start;
  gap: 18px 22px;
  min-height: 240px;
  padding: 38px 12px 38px 0;
  transition:
    color 0.18s,
    background 0.18s,
    transform 0.18s;
  display: grid;
  position: relative;
  overflow: visible;
}
.care-row:before {
  z-index: -1;
  background: var(--cyan-wash);
  clip-path: polygon(1% 6%, 99% 0, 100% 94%, 0 100%);
  content: "";
  opacity: 0;
  transition: opacity 0.18s;
  position: absolute;
  inset: 16px -12px 13px -15px;
  transform: rotate(-0.5deg);
}
.care-row:nth-child(2n):before {
  background: var(--orange-wash);
  transform: rotate(0.5deg);
}
.care-row:hover,
.care-row:focus-visible {
  color: var(--ink);
  background: 0 0;
  transform: translateY(-4px);
}
.care-row:hover:before,
.care-row:focus-visible:before {
  opacity: 0.92;
}
.care-number {
  border: 3px solid var(--orange);
  width: 55px;
  height: 50px;
  color: var(--ink);
  font-family: var(--marker);
  border-radius: 52% 48% 57% 43%/45% 56% 44% 55%;
  grid-area: 1/1/3;
  place-items: center;
  padding: 0;
  font-size: 18px;
  display: grid;
  position: relative;
  transform: rotate(-5deg);
}
.care-number:after {
  content: "";
  border: 1px solid #e8894794;
  border-radius: 44% 56% 50% 50%;
  position: absolute;
  inset: -6px -4px -5px -7px;
  transform: rotate(8deg);
}
.care-title {
  width: fit-content;
  max-width: 560px;
  font-family: var(--sans);
  letter-spacing: -0.03em;
  grid-area: 1/2;
  font-size: clamp(31px, 2.4vw, 42px);
  font-weight: 700;
  line-height: 1.08;
  position: relative;
}
.care-title:after {
  background: linear-gradient(
    176deg,
    transparent 0 22%,
    var(--cyan) 24% 58%,
    transparent 60%
  );
  content: "";
  opacity: 0.68;
  height: 7px;
  position: absolute;
  bottom: -9px;
  left: 0;
  right: 0;
  transform: rotate(-0.4deg);
}
.care-row:nth-child(2n) .care-title:after {
  background: linear-gradient(
    178deg,
    transparent 0 25%,
    var(--orange) 27% 62%,
    transparent 64%
  );
}
.care-description {
  max-width: 58ch;
  color: var(--ink-soft);
  grid-area: 2/2 / auto/-1;
  padding-top: 10px;
  font-size: 16px;
  line-height: 1.62;
}
.care-arrow {
  font-family: var(--marker);
  grid-area: 1/3;
  padding-top: 0;
  font-size: 27px;
}
.care-row:hover .care-title,
.care-row:focus-visible .care-title {
  color: var(--ink);
}
.team {
  background:
    radial-gradient(#1e2d2f09 0.7px, transparent 0.7px), var(--cyan-wash);
  background-size:
    13px 13px,
    auto;
  overflow: hidden;
}
.team-heading {
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
  margin-bottom: 82px;
}
.team-heading > div {
  position: relative;
}
.team-heading h2 {
  font-size: clamp(76px, 7.2vw, 120px);
}
.team-heading > p {
  color: var(--ink);
  font-size: 18px;
}
.team-marker {
  color: var(--orange);
  margin-top: 36px;
  margin-left: 54px;
}
.team-list {
  border: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(20px, 2.1vw, 36px);
  display: grid;
}
.team-row,
.team-row:nth-child(odd),
.team-row:nth-child(2n) {
  border: 0;
  border-bottom: 3px solid var(--ink);
  clip-path: polygon(1% 0, 100% 1%, 98% 100%, 0 98%);
  background: #faf7f094;
  flex-direction: column;
  gap: 0;
  min-height: 680px;
  padding: 0 0 26px;
  display: flex;
  position: relative;
  transform: none;
}
.team-row:nth-child(2),
.team-row:nth-child(4) {
  margin-top: 48px;
}
.team-number {
  z-index: 6;
  border: 2px solid var(--orange);
  width: 48px;
  height: 44px;
  color: var(--ink);
  background: var(--paper-light);
  font-family: var(--marker);
  border-radius: 50% 46% 54% 45%;
  place-items: center;
  margin: 0;
  font-size: 16px;
  display: grid;
  position: absolute;
  top: 18px;
  left: 17px;
  transform: rotate(-6deg);
}
.team-portrait {
  border-bottom: 1px solid var(--ink);
  place-items: end center;
  width: 100%;
  height: 365px;
  display: grid;
  position: relative;
  overflow: hidden;
}
.team-portrait:before {
  border: 3px solid var(--cyan);
  content: "";
  border-radius: 49% 51% 45% 55%/56% 44% 58% 42%;
  height: 64%;
  position: absolute;
  bottom: 9%;
  left: 7%;
  right: 7%;
  transform: rotate(-5deg);
}
.team-row:nth-child(2n) .team-portrait:before {
  border-color: var(--orange);
  transform: rotate(6deg);
}
.team-portrait-loop {
  border: 1px solid #1e2d2f6b;
  border-radius: 53% 47% 52% 48%;
  height: 61%;
  position: absolute;
  bottom: 8%;
  left: 12%;
  right: 16%;
  transform: rotate(7deg);
}
.team-portrait img {
  z-index: 2;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 12px 10px #1e2d2f1f);
  width: 105%;
  height: 98%;
  position: relative;
}
.team-copy {
  flex-direction: column;
  flex: 1;
  padding: 27px 24px 6px;
  display: flex;
}
.team-row h3 {
  font-family: var(--sans);
  letter-spacing: -0.035em;
  margin-bottom: 14px;
  font-size: clamp(29px, 2.15vw, 38px);
  font-weight: 700;
  line-height: 1.02;
}
.team-field {
  color: var(--cyan-deep);
  font-family: var(--sans);
  letter-spacing: 0.015em;
  text-transform: none;
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  display: inline;
}
.team-detail {
  color: var(--ink);
  margin-top: auto;
  font-size: 15px;
  line-height: 1.62;
  display: block;
}
.pricing-heading {
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.55fr);
  margin-bottom: 82px;
}
.pricing-heading > div {
  position: relative;
}
.pricing-heading h2 {
  font-size: clamp(82px, 8.5vw, 138px);
}
.pricing-heading > p {
  max-width: 470px;
  color: var(--ink);
  font-size: 18px;
}
.pricing-marker {
  margin-top: 31px;
  margin-left: 56px;
}
.price-list {
  border: 0;
}
.price-row {
  border: 0;
  border-top: 2px solid var(--ink);
  transition:
    color 0.18s,
    background 0.18s;
  position: relative;
  overflow: hidden;
}
.price-row summary {
  grid-template-columns: 72px minmax(0, 1fr) minmax(180px, 245px) 42px;
  gap: clamp(20px, 2.4vw, 38px);
  min-height: 122px;
  padding: 22px 18px 22px 10px;
}
.price-row summary:after {
  z-index: -1;
  clip-path: polygon(0 37%, 100% 0, 99% 78%, 1% 100%);
  content: "";
  opacity: 0;
  background: #22bfc829;
  height: 18px;
  transition: opacity 0.18s;
  position: absolute;
  bottom: 18px;
  left: 7%;
  right: -2%;
}
.price-row summary:hover:after,
.price-row summary:focus-visible:after {
  opacity: 1;
}
.price-index {
  border: 3px solid var(--orange);
  width: 52px;
  height: 48px;
  color: var(--ink);
  font-family: var(--marker);
  border-radius: 51% 49% 44% 56%/55% 43% 57% 45%;
  place-items: center;
  font-size: 16px;
  display: grid;
  position: relative;
  transform: rotate(-5deg);
}
.price-index:after {
  content: "";
  border: 1px solid #e889478c;
  border-radius: 47% 53% 56% 44%;
  position: absolute;
  inset: -6px -3px -4px -7px;
  transform: rotate(10deg);
}
.price-row summary strong {
  max-width: 880px;
  font-family: var(--sans);
  letter-spacing: -0.028em;
  font-size: clamp(25px, 2.15vw, 36px);
  font-weight: 700;
  line-height: 1.1;
}
.price-value {
  color: var(--cyan-deep);
  font-family: var(--display);
  font-size: clamp(28px, 2.4vw, 39px);
}
.price-toggle:before {
  width: 17px;
}
.price-toggle:after {
  height: 17px;
}
.price-row[open] {
  color: var(--ink);
  background:
    radial-gradient(#1e2d2f0a 0.7px, transparent 0.7px), var(--cyan-wash);
  background-size:
    13px 13px,
    auto;
}
.price-row[open] summary {
  border-bottom: 1px solid #1e2d2f40;
}
.price-row > p {
  max-width: 930px;
  color: var(--ink);
  margin: 0 0 38px 82px;
  padding: 27px 40px 12px 18px;
  font-size: 16px;
  line-height: 1.72;
  position: relative;
}
.price-row > p:before {
  z-index: -1;
  clip-path: polygon(0 18%, 100% 0, 98% 86%, 2% 100%);
  content: "";
  background: #e8894757;
  height: 58%;
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 20px;
  transform: rotate(-0.35deg);
}
.footer-paper {
  padding: clamp(105px, 9vw, 150px) var(--frame-edge);
  color: var(--ink);
  background-color: var(--cyan);
  border: 0;
  grid-template-columns: 60px minmax(0, 1.35fr) minmax(330px, 0.55fr);
  gap: clamp(34px, 4.5vw, 76px);
  display: grid;
  position: relative;
  overflow: hidden;
}
.footer-paper:after {
  z-index: 0;
  content: "";
  border: 4px solid #1e2d2f45;
  border-radius: 48% 52% 46% 54%;
  width: 520px;
  height: 520px;
  position: absolute;
  bottom: -160px;
  right: -80px;
  transform: rotate(-14deg);
}
.footer-index {
  z-index: 2;
  color: var(--ink);
  font-family: var(--sans);
  font-size: 11px;
  position: relative;
}
.footer-copy,
.footer-contact {
  z-index: 2;
  position: relative;
}
.footer-marker {
  color: var(--ink);
  margin: 7px 0 48px 38px;
}
.footer-marker .marker-underline {
  stroke-width: 2.5px;
}
.footer-copy > p:not(.footer-marker) {
  max-width: 590px;
  font-size: 19px;
  line-height: 1.65;
}
.footer-big-phone {
  font-family: var(--display);
  letter-spacing: -0.02em;
  align-items: center;
  gap: 22px;
  margin-top: 48px;
  font-size: clamp(48px, 5vw, 82px);
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}
.footer-big-phone:hover,
.footer-big-phone:focus-visible {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--orange);
  text-decoration-color: var(--orange);
  text-underline-offset: 10px;
  text-decoration-thickness: 7px;
}
.footer-phone-icon {
  border: 3px solid var(--ink);
  background: var(--orange);
  border-radius: 48% 52% 45% 55%/54% 45% 55% 46%;
  flex: 0 0 74px;
  place-items: center;
  width: 74px;
  height: 68px;
  display: grid;
  position: relative;
  transform: rotate(-6deg);
}
.footer-phone-icon:after {
  content: "";
  border: 1px solid #1e2d2f9e;
  border-radius: 54% 46% 50% 50%;
  position: absolute;
  inset: -8px -5px -4px -8px;
  transform: rotate(11deg);
}
.footer-phone-icon svg {
  width: 37px;
  height: 37px;
  fill: var(--ink);
}
.footer-contact {
  color: var(--ink);
  background: var(--paper-light);
  clip-path: polygon(2% 0, 100% 3%, 97% 100%, 0 97%);
  align-self: center;
  align-items: flex-start;
  gap: 20px;
  padding: 38px 36px 36px;
  display: flex;
  transform: rotate(1.2deg);
  box-shadow: 12px 14px #1e2d2f26;
}
.footer-contact:before {
  content: "";
  background: #f6dcc8db;
  width: 98px;
  height: 26px;
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translate(-50%) rotate(-2deg);
}
.footer-contact-label {
  color: var(--orange);
  font-family: var(--marker);
  font-size: 20px;
  transform: rotate(-2deg);
}
.footer-contact > a:not(.button) {
  font-family: var(--sans);
  font-size: 23px;
  font-weight: 700;
  line-height: 1.15;
}
.footer-contact > span {
  color: var(--ink);
  font-family: var(--sans);
  letter-spacing: 0.02em;
  text-transform: none;
  margin: 6px 0 12px;
  font-size: 14px;
  font-weight: 700;
}
.footer-contact .button {
  width: 100%;
  color: var(--paper-light);
  border-color: var(--ink);
  background: var(--ink);
}
.footer-contact .button:hover,
.footer-contact .button:focus-visible {
  color: var(--ink);
  border-color: var(--orange);
  background: var(--orange);
}
.optiendo-map-marker {
  background: 0 0 !important;
  border: 0 !important;
  width: 64px !important;
  height: 64px !important;
}
.optiendo-map-cross {
  filter: drop-shadow(3px 4px #22bfc847);
  width: 64px;
  height: 64px;
  overflow: visible;
}
.optiendo-map-cross path {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.optiendo-map-cross__paper {
  stroke: #faf7f0f7;
  stroke-width: 14px;
}
.optiendo-map-cross__ink {
  stroke: var(--ink);
  stroke-width: 7px;
}
.optiendo-map-cross__second {
  stroke: var(--orange);
  stroke-width: 2.5px;
  opacity: 0.88;
}
.map-canvas .leaflet-tile-pane {
  filter: none;
}
.map-canvas img.leaflet-tile {
  mix-blend-mode: normal !important;
}
@media (max-width: 1450px) {
  .site-header {
    grid-template-columns: 205px minmax(540px, 1fr) 285px;
  }
  .brand,
  .brand img {
    width: 174px;
  }
  .desktop-nav {
    gap: 23px;
    font-size: 14px;
  }
  .hero-frame {
    grid-template-columns: minmax(450px, 0.94fr) minmax(500px, 1.06fr) minmax(
        235px,
        0.46fr
      );
    gap: 22px;
    padding-right: 30px;
  }
  .hero h1 {
    font-size: clamp(76px, 6.2vw, 92px);
  }
  .hero-marker {
    margin-left: 28px;
  }
  .portrait-collage {
    height: 690px;
  }
  .hero-tag {
    max-width: 180px;
    font-size: 11px;
  }
  .hero-tag strong {
    font-size: 13px;
  }
  .hero-lead {
    font-size: 16px;
  }
  .hero-actions .button {
    padding-left: 17px;
    padding-right: 17px;
    font-size: 16px;
  }
  .team-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
  .team-row,
  .team-row:nth-child(odd),
  .team-row:nth-child(2n) {
    grid-template-rows: 1fr;
    grid-template-columns: minmax(230px, 0.75fr) minmax(0, 1fr);
    align-items: stretch;
    min-height: 520px;
    padding: 0;
    display: grid;
  }
  .team-row:nth-child(2),
  .team-row:nth-child(4) {
    margin-top: 0;
  }
  .team-portrait {
    border-right: 1px solid var(--ink);
    border-bottom: 0;
    width: 100%;
    height: 100%;
    min-height: 410px;
  }
  .team-copy {
    padding: 42px 30px 32px;
  }
}
@media (max-width: 1220px) {
  .site-header {
    grid-template-columns: 190px minmax(470px, 1fr) 260px;
  }
  .desktop-nav {
    gap: 17px;
    font-size: 13px;
  }
  .header-contact {
    grid-template-columns: 48px minmax(0, 1fr);
    padding-left: 22px;
    padding-right: 15px;
  }
  .header-phone-icon {
    width: 45px;
    height: 45px;
  }
  .header-phone {
    font-size: 25px;
  }
  .header-status {
    font-size: 10.5px;
  }
  .hero {
    min-height: 0;
  }
  .hero-frame {
    grid-template-rows: auto auto;
    grid-template-columns: minmax(420px, 0.9fr) minmax(500px, 1.1fr);
    min-height: 0;
    padding-top: 64px;
  }
  .hero-copy {
    grid-area: 1/1;
    align-self: center;
  }
  .portrait-collage {
    grid-area: 1/2;
    height: 630px;
  }
  .hero-aside {
    border-top: 1px solid var(--ink);
    grid-area: 2/1 / auto/3;
    grid-template-columns: minmax(0, 1fr) auto minmax(420px, 0.7fr);
    align-items: center;
    gap: 28px;
    padding: 31px 0 10px;
    display: grid;
  }
  .hero-lead,
  .status {
    margin-bottom: 0;
  }
  .hero-lead {
    max-width: 60ch;
  }
  .hero-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pathway-list {
    grid-template-rows: repeat(6, minmax(105px, auto));
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 32px;
    min-height: 880px;
    padding: 0;
  }
  .pathway-list:before {
    z-index: 0;
    background: linear-gradient(to right, #22bfc852, #22bfc852), var(--cyan);
    clip-path: polygon(22% 0, 80% 1%, 100% 98%, 30% 100%, 0 49%);
    content: "";
    width: 8px;
    position: absolute;
    top: 55px;
    bottom: 70px;
    left: 50%;
    transform: translate(-50%) rotate(-0.3deg);
  }
  .pathway-route {
    display: none;
  }
  .pathway,
  .pathway-1,
  .pathway-2,
  .pathway-3,
  .pathway-4,
  .pathway-5,
  .pathway-6,
  .pathway-7 {
    width: min(100%, 390px);
    color: var(--ink);
    background: var(--paper-light);
    clip-path: polygon(
      3px 0,
      100% 2px,
      calc(100% - 3px) 100%,
      0 calc(100% - 2px)
    );
    border: 0;
    align-self: center;
    margin: 0;
    padding: 18px 22px;
    display: flex;
    transform: none;
  }
  .pathway-1 {
    grid-area: 1/1 / auto/3;
    justify-self: center;
  }
  .pathway-2 {
    grid-area: 2/1;
    justify-self: end;
  }
  .pathway-3 {
    grid-area: 2/2;
    justify-self: start;
  }
  .pathway-4 {
    grid-area: 3/1 / auto/3;
    justify-self: center;
  }
  .pathway-5 {
    grid-area: 4/1 / auto/3;
    justify-self: center;
  }
  .pathway-6 {
    grid-area: 5/1 / auto/3;
    justify-self: center;
  }
  .pathway-7 {
    grid-area: 6/1 / auto/3;
    justify-self: center;
  }
  .pathway-2:after,
  .pathway-3:after {
    z-index: -1;
    background: var(--cyan);
    content: "";
    width: 56px;
    height: 6px;
    position: absolute;
    top: 50%;
  }
  .pathway-2:after {
    right: -48px;
    transform: rotate(15deg);
  }
  .pathway-3:after {
    left: -48px;
    transform: rotate(-15deg);
  }
}
@media (max-width: 1180px) {
  .hero-frame {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 64px clamp(34px, 6vw, 72px) 44px;
  }
  .hero-copy {
    grid-area: 1/1;
    max-width: 760px;
    padding-bottom: 0;
  }
  .hero h1 {
    font-size: clamp(78px, 9.2vw, 98px);
  }
  .portrait-collage {
    grid-area: 2/1;
    width: min(100%, 760px);
    height: 650px;
    margin: 24px auto 0;
  }
  .hero-aside {
    grid-area: 3/1;
    grid-template-columns: minmax(0, 1fr) auto minmax(380px, 0.8fr);
  }
}
@media (max-width: 980px) {
  body {
    font-size: 16px;
  }
  .section-shell {
    padding: 88px 26px;
  }
  .site-header {
    grid-template-columns: 1fr auto;
    min-height: 82px;
    padding: 0 24px;
  }
  .site-header:after {
    left: 198px;
    right: 82px;
  }
  .brand,
  .brand img {
    width: 172px;
  }
  .desktop-nav,
  .header-contact {
    display: none;
  }
  .mobile-menu {
    justify-self: end;
    display: block;
  }
  .mobile-menu summary {
    border: 2px solid var(--ink);
    background: var(--cyan);
    cursor: pointer;
    border-radius: 48% 52% 45% 55%;
    place-content: center;
    gap: 7px;
    width: 50px;
    height: 50px;
    list-style: none;
    display: grid;
  }
  .mobile-menu summary span {
    background: var(--ink);
    width: 24px;
    height: 2px;
    display: block;
  }
  .mobile-menu[open] nav {
    border: 2px solid var(--ink);
    background: var(--paper-light);
    gap: 0;
    padding: 16px 22px;
    display: grid;
    left: 20px;
    right: 20px;
    box-shadow: 10px 12px #22bfc847;
  }
  .mobile-menu nav a {
    border-bottom: 1px solid var(--rule);
    padding: 15px 0;
    font-size: 17px;
    font-weight: 700;
  }
  .hero-frame {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 64px 26px 42px;
    display: grid;
  }
  .page-index {
    display: none;
  }
  .hero-copy {
    grid-area: 1/1;
    padding: 0;
  }
  .hero h1 {
    font-size: clamp(63px, 11.5vw, 91px);
  }
  .hero-marker {
    margin-top: 42px;
    margin-left: 48px;
  }
  .portrait-collage {
    grid-area: 2/1;
    width: min(100%, 690px);
    height: 610px;
    margin: 24px auto 0;
  }
  .hero-aside {
    grid-area: 3/1;
    grid-template-columns: 1fr auto;
    gap: 24px;
    padding-top: 34px;
    display: grid;
  }
  .hero-lead {
    grid-column: 1/3;
    max-width: 62ch;
    font-size: 17px;
  }
  .status {
    justify-self: start;
  }
  .hero-actions {
    grid-column: 1/3;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pathways-intro,
  .care-heading,
  .team-heading,
  .pricing-heading {
    margin-bottom: 62px;
    display: block;
  }
  .pathways h2,
  .care-heading h2,
  .team-heading h2,
  .pricing-heading h2 {
    font-size: clamp(66px, 13vw, 94px);
  }
  .pathways-intro > p,
  .care-heading > p,
  .team-heading > p,
  .pricing-heading > p {
    max-width: 62ch;
    margin-top: 55px;
    padding: 0;
    font-size: 17px;
  }
  .pathway-marker,
  .care-marker,
  .team-marker,
  .pricing-marker {
    margin-top: 32px;
    margin-left: 42px;
  }
  .care-rows {
    display: block;
  }
  .care-row,
  .care-row:nth-child(odd),
  .care-row:nth-child(2n) {
    grid-template-columns: 62px minmax(0, 1fr) 32px;
    min-height: 0;
    padding: 33px 0;
  }
  .care-title {
    font-size: clamp(29px, 5.3vw, 39px);
  }
  .care-description {
    font-size: 16px;
  }
  .team-list {
    grid-template-columns: 1fr;
  }
  .team-row,
  .team-row:nth-child(odd),
  .team-row:nth-child(2n) {
    grid-template-columns: minmax(210px, 0.7fr) minmax(0, 1fr);
    min-height: 430px;
  }
  .team-portrait {
    min-height: 430px;
  }
  .team-row h3 {
    font-size: clamp(31px, 5vw, 41px);
  }
  .team-field {
    font-size: 15px;
  }
  .team-detail {
    font-size: 16px;
  }
  .price-row summary {
    grid-template-columns: 58px minmax(0, 1fr) auto 38px;
    gap: 17px;
    min-height: 112px;
    padding-left: 4px;
    padding-right: 8px;
  }
  .price-row summary strong {
    font-size: clamp(23px, 4.2vw, 33px);
  }
  .price-value {
    font-size: clamp(25px, 4vw, 34px);
  }
  .price-row > p {
    margin-left: 64px;
    padding-right: 28px;
    font-size: 16px;
  }
  .footer-paper {
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 96px 28px;
  }
  .footer-copy {
    grid-column: 2;
  }
  .footer-contact {
    grid-column: 2;
    width: min(100%, 520px);
    margin-top: 62px;
  }
  .footer-copy h2 {
    font-size: clamp(69px, 12.5vw, 100px);
  }
}
@media (max-width: 700px) {
  .section-shell {
    padding: 76px 20px;
  }
  .section-kicker {
    margin-bottom: 48px;
    font-size: 10px;
  }
  .marker-note {
    font-size: 17px;
  }
  .marker-loop {
    width: calc(100% + 32px);
    min-width: 190px;
  }
  .hero-frame {
    padding: 54px 20px 36px;
  }
  .hero-copy .eyebrow {
    font-size: 11px;
  }
  .hero h1 {
    font-size: clamp(51px, 15.6vw, 71px);
    line-height: 0.9;
  }
  .hero-marker {
    margin-top: 37px;
    margin-left: 24px;
  }
  .portrait-collage {
    height: 480px;
    margin-top: 34px;
  }
  .portrait-marek,
  .portrait-petra,
  .portrait-petr,
  .portrait-tomas {
    width: 54%;
  }
  .portrait-marek {
    left: -4%;
  }
  .portrait-petra {
    right: -4%;
  }
  .portrait-petr {
    left: -5%;
  }
  .portrait-tomas {
    right: -5%;
  }
  .hero-network {
    width: 110%;
    inset: 1% -5% 0;
  }
  .hero-tag {
    max-width: 142px;
    padding: 6px 7px;
    font-size: 11px;
  }
  .hero-tag strong {
    font-size: 13px;
  }
  .tag-endo {
    top: 0;
    right: -2%;
  }
  .tag-pedo {
    top: 42%;
    right: -2%;
  }
  .tag-aro {
    bottom: 28%;
    left: -2%;
  }
  .tag-implant {
    bottom: 0;
    right: -2%;
  }
  .hero-aside {
    display: block;
  }
  .hero-lead {
    font-size: 16px;
  }
  .status {
    margin: 28px 0;
    font-size: 12px;
  }
  .hero-actions {
    grid-template-columns: 1fr;
    display: grid;
  }
  .hero-actions .button {
    min-height: 68px;
    font-size: 16px;
  }
  .pathways h2,
  .care-heading h2,
  .team-heading h2,
  .pricing-heading h2 {
    font-size: clamp(55px, 16vw, 74px);
  }
  .pathway-list {
    grid-template-rows: repeat(6, minmax(98px, auto));
    gap: 0 14px;
    min-height: 790px;
  }
  .pathway,
  .pathway-1,
  .pathway-2,
  .pathway-3,
  .pathway-4,
  .pathway-5,
  .pathway-6,
  .pathway-7 {
    gap: 10px;
    width: 100%;
    padding: 13px 10px;
  }
  .pathway-2,
  .pathway-3 {
    align-self: stretch;
  }
  .pathway-index {
    flex-basis: 46px;
    width: 46px;
    height: 43px;
    font-size: 14px;
  }
  .pathway h3 {
    font-size: clamp(20px, 6vw, 27px);
  }
  .pathway-handnote {
    font-size: 13px;
  }
  .pathway-2:after,
  .pathway-3:after {
    display: none;
  }
  .care-row,
  .care-row:nth-child(odd),
  .care-row:nth-child(2n) {
    grid-template-columns: 53px minmax(0, 1fr) 25px;
    gap: 15px;
    padding: 30px 0;
  }
  .care-number {
    width: 47px;
    height: 44px;
    font-size: 15px;
  }
  .care-title {
    font-size: 28px;
  }
  .care-description {
    grid-column: 1/-1;
    padding: 13px 2px 0 68px;
    font-size: 15px;
  }
  .team-row,
  .team-row:nth-child(odd),
  .team-row:nth-child(2n) {
    min-height: 0;
    display: block;
  }
  .team-portrait {
    border-right: 0;
    border-bottom: 1px solid var(--ink);
    height: 360px;
    min-height: 0;
  }
  .team-copy {
    padding: 26px 22px 30px;
  }
  .team-detail {
    margin-top: 0;
  }
  .price-row summary {
    grid-template-rows: auto auto;
    grid-template-columns: 47px minmax(0, 1fr) 30px;
    gap: 12px 14px;
    min-height: 0;
    padding: 23px 0;
  }
  .price-index {
    grid-area: 1/1/3;
    width: 43px;
    height: 40px;
    font-size: 13px;
  }
  .price-row summary strong {
    grid-area: 1/2;
    font-size: 23px;
  }
  .price-value {
    grid-area: 2/2;
    justify-self: start;
    font-size: 27px;
  }
  .price-toggle {
    grid-area: 1/3/3;
    width: 28px;
    height: 28px;
  }
  .price-row > p {
    margin: 0 0 28px;
    padding: 22px 10px 10px 58px;
    font-size: 16px;
  }
  .footer-paper {
    padding: 82px 20px;
    display: block;
  }
  .footer-index {
    writing-mode: initial;
    margin-bottom: 35px;
    transform: none;
  }
  .footer-marker {
    margin: 4px 0 42px 20px;
  }
  .footer-copy h2 {
    font-size: clamp(58px, 17vw, 78px);
  }
  .footer-copy > p:not(.footer-marker) {
    font-size: 17px;
  }
  .footer-big-phone {
    gap: 13px;
    margin-top: 38px;
    font-size: clamp(41px, 13.2vw, 58px);
  }
  .footer-phone-icon {
    flex-basis: 54px;
    width: 54px;
    height: 50px;
  }
  .footer-phone-icon svg {
    width: 27px;
    height: 27px;
  }
  .footer-contact {
    width: 100%;
    margin-top: 54px;
    padding: 36px 27px 30px;
  }
  .footer-contact > a:not(.button) {
    font-size: 21px;
  }
  .map {
    height: 430px;
  }
}
.hero-aside {
  bottom: auto;
  left: auto;
  right: auto;
}
.pathway-route-desktop {
  display: block;
}
.pathway-route-mobile {
  display: none;
}
.pathway-route-desktop .pathway-route-main path {
  marker-end: url(#route-arrow-desktop);
  filter: drop-shadow(3px 3px #22bfc83b);
}
.pathway-route-mobile .pathway-route-main path {
  marker-end: url(#route-arrow-mobile);
  filter: drop-shadow(3px 3px #22bfc83b);
}
.pathway-route-main > path {
  vector-effect: non-scaling-stroke;
}
.pathway-route .pathway-route-arrowhead {
  fill: none;
  stroke: var(--cyan-deep);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3.2px;
  vector-effect: non-scaling-stroke;
}
.pathway-list {
  grid-template-rows: repeat(3, 200px);
  grid-template-columns: repeat(15, minmax(0, 1fr));
  gap: 0;
  min-height: 600px;
}
.pathway-list:before {
  content: none;
}
.pathway,
.pathway-1,
.pathway-2,
.pathway-3,
.pathway-4,
.pathway-5,
.pathway-6,
.pathway-7 {
  clip-path: polygon(
    2px 0,
    100% 3px,
    calc(100% - 3px) 100%,
    0 calc(100% - 2px)
  );
  background: #faf7f0db;
  border: 0;
  flex-direction: column;
  place-self: center;
  align-items: flex-start;
  gap: 10px;
  width: min(84%, 240px);
  margin: 0;
  padding: 14px 16px 16px;
}
.pathway-1 {
  grid-area: 2/1 / auto/4;
}
.pathway-2 {
  grid-area: 1/4 / auto/7;
}
.pathway-3 {
  grid-area: 3/4 / auto/7;
}
.pathway-7 {
  grid-area: 2/13 / auto/16;
}
.pathway-4 {
  grid-area: 2/7 / auto/10;
}
.pathway-5 {
  grid-area: 1/10 / auto/13;
}
.pathway-6 {
  grid-area: 3/10 / auto/13;
}
.pathway-index {
  flex-basis: auto;
  width: 49px;
  height: 45px;
  font-size: 15px;
  inset: auto;
}
.pathway-copy {
  padding-top: 0;
}
.pathway h3 {
  max-width: none;
  font-size: clamp(25px, 1.9vw, 32px);
}
.pathway:last-child {
  border: 0;
}
.pathway .pathway-copy > .pathway-handnote {
  color: var(--orange);
  font-size: 16px;
}
.price-list {
  border: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 0 clamp(48px, 5vw, 84px);
  display: grid;
  position: relative;
}
.price-list:before {
  background: var(--ink);
  content: "";
  width: 2px;
  position: absolute;
  top: -13px;
  bottom: -13px;
  left: 50%;
  transform: translate(-50%) rotate(0.12deg);
  box-shadow:
    4px 0 #22bfc847,
    -3px 0 #e889472e;
}
.price-column {
  border-top: 2px solid var(--ink);
  border-bottom: 2px solid var(--ink);
}
.price-row,
.price-row:last-child {
  border: 0;
  border-bottom: 1px solid var(--rule-strong);
  background: 0 0;
  overflow: hidden;
}
.price-row:last-child {
  border-bottom: 0;
}
.price-row summary {
  z-index: 0;
  isolation: isolate;
  grid-template-columns: 35px minmax(0, 1fr) auto 26px;
  align-items: center;
  gap: 13px;
  min-height: 102px;
  padding: 19px 4px;
  display: grid;
  position: relative;
}
.price-row summary:after {
  z-index: -1;
  clip-path: polygon(0 35%, 100% 0, 99% 78%, 1% 100%);
  background: #22bfc830;
  height: 13px;
  bottom: 17px;
  left: 46px;
  right: 34px;
}
.price-row summary:hover:after,
.price-row summary:focus-visible:after,
.price-row[open] summary:after {
  opacity: 1;
}
.price-index {
  place-items: initial;
  border: 0;
  border-radius: 0;
  width: auto;
  height: auto;
  padding-bottom: 5px;
  font-size: 15px;
  line-height: 1;
  display: block;
  position: relative;
  transform: rotate(-3deg);
}
.price-index:after {
  background: var(--orange);
  content: "";
  border: 0;
  border-radius: 45%;
  height: 4px;
  inset: auto -3px 0;
  transform: rotate(-2deg);
}
.price-row summary strong {
  max-width: none;
  font-size: clamp(22px, 1.65vw, 29px);
  line-height: 1.12;
}
.price-value {
  font-size: clamp(23px, 1.8vw, 31px);
}
.price-toggle {
  border: 0;
  border-radius: 0;
  width: 26px;
  height: 26px;
  transform: rotate(-3deg);
}
.price-toggle:before {
  width: 22px;
  height: 2px;
}
.price-toggle:after {
  width: 2px;
  height: 22px;
}
.price-row[open],
.price-row[open] summary {
  color: var(--ink);
  background: 0 0;
  border-bottom: 0;
}
.price-row[open] .price-index {
  background: 0 0;
}
.price-detail {
  margin: -2px 10px 27px 48px;
  padding: 15px 18px 4px 22px;
  position: relative;
}
.price-detail:before {
  background: var(--cyan);
  clip-path: polygon(20% 0, 100% 2%, 72% 100%, 0 97%);
  content: "";
  width: 5px;
  position: absolute;
  top: 3px;
  bottom: 0;
  left: 0;
  transform: rotate(0.6deg);
}
.price-detail p {
  max-width: 52ch;
  color: var(--ink);
  margin: 0;
  font-size: 17px;
  line-height: 1.66;
}
@media (max-width: 1450px) {
  .hero-frame {
    grid-template-rows: auto 1fr;
    grid-template-columns: minmax(480px, 0.94fr) minmax(520px, 1.06fr);
    gap: 0 clamp(28px, 3vw, 48px);
    padding-right: clamp(30px, 3.4vw, 50px);
  }
  .hero h1 {
    font-size: clamp(78px, 6.15vw, 93px);
  }
  .hero-marker {
    margin-left: 14px;
  }
  .portrait-collage {
    height: 700px;
  }
  .hero-lead {
    font-size: clamp(18px, 1.4vw, 21px);
  }
}
@media (max-width: 1240px) {
  .pathway-list {
    grid-template-rows: repeat(5, 190px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, 760px);
    min-height: 950px;
  }
  .pathway-route,
  .pathway-route-mobile {
    display: block;
  }
  .pathway-route-desktop {
    display: none;
  }
  .pathway,
  .pathway-1,
  .pathway-2,
  .pathway-3,
  .pathway-4,
  .pathway-5,
  .pathway-6,
  .pathway-7 {
    width: min(92%, 280px);
    color: var(--ink);
    background: #faf7f0e6;
    border: 0;
    align-self: center;
    margin: 0;
    padding: 13px 15px;
    transform: none;
  }
  .pathway-1 {
    grid-area: 1/1 / auto/3;
  }
  .pathway-2 {
    grid-area: 2/1;
  }
  .pathway-3 {
    grid-area: 2/2;
  }
  .pathway-4 {
    grid-area: 3/1 / auto/3;
  }
  .pathway-5 {
    grid-area: 4/1;
  }
  .pathway-6 {
    grid-area: 4/2;
  }
  .pathway-7 {
    grid-area: 5/1 / auto/3;
  }
  .pathway-1,
  .pathway-4,
  .pathway-7 {
    width: min(70%, 350px);
  }
  .pathway-2:after,
  .pathway-3:after {
    content: none;
  }
  .pathway h3 {
    font-size: clamp(23px, 3vw, 30px);
  }
}
@media (max-width: 1180px) {
  .hero {
    min-height: 0;
  }
  .hero-frame {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    gap: 0;
    min-height: 0;
    padding: 64px clamp(34px, 6vw, 72px) 44px;
  }
  .hero-copy {
    grid-area: 1/1;
    max-width: 790px;
  }
  .hero h1 {
    font-size: clamp(78px, 9.2vw, 98px);
  }
  .hero-aside {
    border: 0;
    grid-area: 2/1;
    width: min(100%, 780px);
    padding: 46px 0 0;
    display: block;
  }
  .hero-lead {
    max-width: 65ch;
    margin: 0 0 30px;
    font-size: 19px;
  }
  .portrait-collage {
    grid-area: 3/1;
    width: min(100%, 780px);
    height: 650px;
    margin: 34px auto 0;
  }
}
@media (max-width: 980px) {
  .manifest-intro {
    display: block;
  }
  .manifest-heading h2 {
    max-width: 820px;
    font-size: clamp(65px, 12vw, 94px);
  }
  .manifest-copy {
    width: min(100%, 820px);
    margin: 45px 0 0;
    padding: 20px 20px 20px 31px;
    font-size: 18px;
  }
  .manifest-steps {
    grid-template-columns: 1fr;
    margin-top: 58px;
  }
  .manifest-steps article {
    padding: 30px 22px 32px;
  }
  .manifest-steps article + article {
    border-top: 1px solid var(--rule-strong);
    border-left: 0;
  }
  .manifest-steps h3 {
    max-width: 620px;
  }
  .price-list {
    grid-template-columns: 1fr;
    gap: 54px;
  }
  .price-list:before {
    content: none;
  }
  .price-column {
    width: 100%;
  }
  .price-row summary {
    grid-template-rows: auto;
    grid-template-columns: 38px minmax(0, 1fr) auto 28px;
    gap: 15px;
    min-height: 104px;
    padding: 20px 4px;
  }
  .price-index,
  .price-row summary strong,
  .price-value,
  .price-toggle {
    grid-row: 1;
  }
  .price-index {
    grid-column: 1;
  }
  .price-row summary strong {
    grid-column: 2;
    font-size: clamp(23px, 4vw, 31px);
  }
  .price-value {
    grid-column: 3;
    justify-self: end;
    font-size: clamp(25px, 4vw, 32px);
  }
  .price-toggle {
    grid-column: 4;
  }
}
@media (max-width: 700px) {
  .hero-frame {
    padding: 54px 20px 38px;
  }
  .hero h1 {
    font-size: clamp(48px, 13.8vw, 65px);
  }
  .hero-marker {
    white-space: nowrap;
    margin-top: 36px;
    margin-left: 0;
    font-size: clamp(15px, 4.5vw, 19px);
  }
  .hero-art-word {
    font-size: 145px;
    bottom: 0.06em;
  }
  .hero-art-coordinate {
    top: 18px;
    right: 18px;
  }
  .hero-aside {
    padding-top: 42px;
  }
  .hero-lead {
    font-size: 17px;
    line-height: 1.62;
  }
  .hero-actions {
    grid-template-columns: 1fr;
  }
  .portrait-collage {
    height: 470px;
    margin-top: 42px;
  }
  .hero-tag {
    max-width: 150px;
    padding: 6px 8px;
    font-size: 0;
  }
  .hero-tag strong {
    margin: 0;
    font-size: 12px;
  }
  .manifest-heading h2 {
    font-size: clamp(53px, 15vw, 72px);
  }
  .manifest-copy {
    margin-top: 38px;
    padding-right: 6px;
    font-size: 17px;
  }
  .manifest-steps {
    margin-top: 50px;
  }
  .manifest-steps h3 {
    font-size: 28px;
  }
  .pathway-list {
    grid-template-rows: repeat(5, 180px);
    gap: 0 4px;
    min-height: 900px;
  }
  .pathway,
  .pathway-1,
  .pathway-2,
  .pathway-3,
  .pathway-4,
  .pathway-5,
  .pathway-6,
  .pathway-7 {
    gap: 8px;
    width: min(96%, 280px);
    padding: 10px 8px;
  }
  .pathway-1,
  .pathway-4,
  .pathway-7 {
    width: min(78%, 320px);
  }
  .pathway-index {
    flex-basis: 42px;
    width: 42px;
    height: 40px;
    font-size: 13px;
  }
  .pathway h3 {
    font-size: clamp(18px, 5.2vw, 24px);
  }
  .pathway .pathway-copy > .pathway-handnote {
    margin-top: 10px;
    font-size: 11px;
  }
  .price-row summary {
    grid-template-rows: auto auto;
    grid-template-columns: 31px minmax(0, 1fr) 25px;
    gap: 9px 12px;
    min-height: 0;
    padding: 20px 2px;
  }
  .price-index {
    grid-area: 1/1/3;
    align-self: start;
    margin-top: 4px;
    font-size: 13px;
  }
  .price-row summary strong {
    grid-area: 1/2;
    font-size: 22px;
  }
  .price-value {
    grid-area: 2/2;
    justify-self: start;
    font-size: 26px;
  }
  .price-toggle {
    grid-area: 1/3/3;
    width: 25px;
    height: 25px;
  }
  .price-detail {
    margin: 0 3px 25px 31px;
    padding: 13px 7px 2px 18px;
  }
  .price-detail p {
    font-size: 16px;
  }
}
.hero-art-word {
  letter-spacing: 0.025em;
  opacity: 0.04;
  font-size: clamp(145px, 13vw, 220px);
  bottom: -0.04em;
  right: 0.02em;
}
.hero-art-lines {
  stroke: #1e2d2f1f;
  stroke-width: 1.7px;
}
.hero-art-lines path:nth-child(2n) {
  stroke: #22bfc836;
}
.hero-frame {
  grid-template-columns: minmax(590px, 0.88fr) minmax(660px, 1.12fr);
  gap: 0 clamp(20px, 2.4vw, 40px);
}
.hero h1 span:nth-child(2) {
  margin-left: 0.2em;
}
.hero h1 span:nth-child(3) {
  margin-left: 0.76em;
}
.portrait-collage {
  height: 790px;
}
.portrait-marek {
  width: 52%;
  height: 56%;
  top: 4%;
  left: -2%;
}
.portrait-petra {
  width: 49%;
  height: 59%;
  top: 0;
  right: 1%;
}
.portrait-petr {
  width: 54%;
  height: 58%;
  bottom: -3%;
  left: 3%;
}
.portrait-tomas {
  width: 54%;
  height: 55%;
  bottom: -3%;
  right: -2%;
}
.portrait-tomas img {
  transform-origin: 50% 100%;
  transform: scale(1.4);
}
.hero-network {
  opacity: 0.57;
  stroke-width: 1.8px;
}
.hero-tag {
  border-left: 2px solid var(--orange);
  max-width: 190px;
  color: var(--ink);
  box-shadow: none;
  clip-path: none;
  background: #f4efe6ba;
  padding: 5px 5px 6px 16px;
}
.tag-pedo,
.tag-implant {
  border-left-color: var(--cyan-deep);
}
.team-row:nth-child(4) .team-portrait img {
  transform-origin: 50% 100%;
  transform: scale(1.14);
}
.manifest-steps article {
  grid-template-rows: minmax(78px, auto) auto 1fr;
  min-height: 340px;
  padding: 42px clamp(28px, 3vw, 52px) 44px;
  display: grid;
}
.manifest-steps .manifest-step-label {
  color: var(--orange);
  font-family: var(--sans);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 7px 11px;
  margin-bottom: 21px;
  display: flex;
  transform: none;
}
.manifest-step-label small {
  font-family: var(--sans);
  letter-spacing: 0.08em;
  font-size: 13px;
  font-weight: 700;
}
.manifest-step-label strong {
  font-family: var(--marker);
  letter-spacing: 0;
  font-size: clamp(27px, 2.1vw, 36px);
  font-weight: 400;
  line-height: 1.05;
}
.manifest-steps h3 {
  max-width: 390px;
  font-size: clamp(33px, 2.45vw, 42px);
}
.manifest-steps p {
  font-size: 17px;
}
.footer-contact {
  box-shadow: none;
  clip-path: none;
  background: 0 0;
  align-self: center;
  padding: 0;
  display: block;
  position: relative;
  overflow: visible;
  transform: none;
}
.footer-contact:before {
  content: none;
}
.footer-contact-card {
  color: var(--ink);
  background: var(--paper-light);
  clip-path: polygon(2% 0, 100% 3%, 97% 100%, 0 97%);
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  padding: 91px 36px 36px;
  display: flex;
  transform: rotate(0.8deg);
  box-shadow: 12px 14px #1e2d2f26;
}
.footer-contact-label {
  z-index: 4;
  width: min(330px, 100% + 8px);
  min-height: 122px;
  color: var(--ink);
  filter: drop-shadow(8px 10px #1e2d2f29);
  font-family: var(--marker);
  text-align: center;
  clip-path: polygon(1% 2%, 99% 0, 100% 91%, 94% 100%, 2% 97%);
  background:
    linear-gradient(177deg, #0000 0 72%, #1e2d2f0e 73% 74%, #0000 75%),
    linear-gradient(145deg, #ffed96, #f1d263);
  place-items: center;
  padding: 22px 28px;
  font-size: clamp(27px, 2.1vw, 36px);
  line-height: 1.08;
  display: grid;
  position: absolute;
  top: -43px;
  left: -25px;
  transform: rotate(-3deg);
}
.footer-contact-label:after {
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  content: "";
  background: #d1ac3773;
  width: 31px;
  height: 28px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.footer-contact-card > a:not(.button) {
  font-family: var(--sans);
  font-size: 23px;
  font-weight: 700;
  line-height: 1.15;
}
.footer-contact-card > span {
  color: var(--ink);
  font-family: var(--sans);
  letter-spacing: 0.02em;
  margin: 6px 0 12px;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 1450px) {
  .hero-frame {
    grid-template-columns: minmax(480px, 0.84fr) minmax(560px, 1.16fr);
    gap: 0 clamp(18px, 2.3vw, 34px);
  }
  .portrait-collage {
    height: 725px;
  }
  .tag-pedo,
  .tag-implant {
    right: 0;
  }
}
@media (min-width: 1051px) and (max-width: 1180px) {
  .hero-frame {
    grid-template-rows: auto auto;
    grid-template-columns: minmax(390px, 0.88fr) minmax(500px, 1.12fr);
    gap: 0 26px;
    padding: 62px 36px 42px 68px;
  }
  .hero-copy {
    grid-area: 1/1;
    max-width: none;
  }
  .hero h1 {
    font-size: clamp(70px, 7vw, 82px);
  }
  .portrait-collage {
    grid-area: 1/2;
    width: 100%;
    height: 610px;
    margin: 0;
  }
  .hero-aside {
    grid-area: 2/1 / auto/3;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.8fr);
    align-items: end;
    gap: 32px;
    width: 100%;
    padding-top: 34px;
    display: grid;
  }
  .hero-lead {
    margin-bottom: 0;
  }
}
@media (max-width: 1050px) {
  .hero-paper-art > svg {
    aspect-ratio: 2;
    width: max(900px, 180%);
    height: auto;
    inset: auto auto 0 50%;
    transform: translate(-50%);
  }
  .hero-frame {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    gap: 0;
    min-height: 0;
    padding: 62px clamp(30px, 6vw, 64px) 44px;
  }
  .hero-copy {
    grid-area: 1/1;
    max-width: 790px;
  }
  .hero-aside {
    grid-area: 2/1;
    width: min(100%, 780px);
    padding: 43px 0 0;
    display: block;
  }
  .portrait-collage {
    grid-area: 3/1;
    width: min(100%, 780px);
    height: 650px;
    margin: 38px auto 0;
  }
}

/* OptiEndo v6: mobile treatment routes flow vertically into card tops. */
@media (max-width: 1240px) {
  .pathway-route-mobile .pathway-route-curve,
  .pathway-route-mobile .pathway-route-arrowhead {
    fill: none;
    stroke: var(--cyan-deep);
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    marker-end: none;
  }

  .pathway-route-mobile .pathway-route-curve {
    stroke-width: 4.5px;
  }

  .pathway-route-mobile .pathway-route-arrowhead {
    stroke-width: 3.6px;
  }
}

@media (max-width: 430px) {
  .pathway-list {
    grid-template-rows: repeat(5, 160px);
    height: 800px;
  }
}
@media (max-width: 980px) {
  .manifest-steps article {
    grid-template-rows: auto;
    min-height: 0;
    padding: 34px 25px 36px;
  }
  .footer-contact-card {
    padding-top: 94px;
  }
}
@media (max-width: 700px) {
  .hero-frame {
    padding: 56px 20px 38px;
  }
  .hero h1 span:nth-child(2) {
    margin-left: 0.12em;
  }
  .hero h1 span:nth-child(3) {
    margin-left: 0.52em;
  }
  .portrait-collage {
    height: 500px;
  }
  .portrait-tomas {
    right: -1%;
  }
  .portrait-tomas img {
    transform: scale(1.38);
  }
  .hero-tag {
    max-width: 150px;
    padding: 5px 7px 5px 11px;
    font-size: 0;
  }
  .hero-tag strong {
    margin: 0;
    font-size: 12px;
  }
  .manifest-step-label strong {
    font-size: 27px;
  }
  .manifest-steps h3 {
    font-size: 30px;
  }
  .manifest-steps p {
    font-size: 16px;
  }
  .footer-contact {
    width: 100%;
    margin-top: 88px;
  }
  .footer-contact-label {
    width: calc(100% - 24px);
    min-height: 108px;
    padding: 19px 23px;
    font-size: clamp(26px, 8.2vw, 34px);
    top: -39px;
    left: 12px;
    transform: rotate(-2deg);
  }
  .footer-contact-card {
    padding: 93px 27px 30px;
  }
  .footer-contact-card > a:not(.button) {
    font-size: 21px;
  }
}
.header-contact {
  isolation: isolate;
  clip-path: none;
  background: 0 0;
  overflow: visible;
}
.header-contact-paint {
  z-index: 0;
  pointer-events: none;
  width: calc(100% + 15px);
  height: calc(100% + 15px);
  position: absolute;
  inset: -7px -8px -8px -7px;
  overflow: visible;
}
.header-contact-paint__body {
  fill: var(--cyan);
}
.header-contact-paint__bristles {
  fill: none;
  stroke: var(--cyan);
  stroke-linecap: round;
  stroke-width: 9px;
  vector-effect: non-scaling-stroke;
}
.header-contact-paint__shine,
.header-contact-paint__edge {
  fill: none;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}
.header-contact-paint__shine {
  stroke: #ffffff57;
  stroke-width: 3.2px;
}
.header-contact-paint__edge {
  stroke: #007d873d;
  stroke-width: 4px;
}
.header-phone-icon,
.header-status,
.header-phone {
  z-index: 2;
  position: relative;
}
.header-paint-drip {
  z-index: 1;
  top: -4px;
  right: calc(var(--frame-edge-compact) + 1px);
  pointer-events: none;
  width: clamp(17px, 1.35vw, 23px);
  height: clamp(300px, 42vh, 420px);
  position: absolute;
  overflow: visible;
}
.header-paint-drip__body {
  fill: var(--cyan);
}
.header-paint-drip__shine {
  fill: none;
  stroke: #ffffff3d;
  stroke-linecap: round;
  stroke-width: 2.2px;
  vector-effect: non-scaling-stroke;
}
.hero-network {
  opacity: 1;
}
.hero-network .hero-network-main,
.hero-network .hero-network-overdraw {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  vector-effect: non-scaling-stroke;
  mix-blend-mode: multiply;
  animation: none;
}
.hero-network .hero-network-main {
  stroke: var(--cyan-deep);
  stroke-width: 13px;
  opacity: 0.68;
}
.hero-network .hero-network-overdraw {
  stroke: var(--cyan);
  stroke-width: 5px;
  opacity: 0.42;
}
.hero-network .hero-network-daubs path {
  fill: var(--cyan-deep);
  stroke: none;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  opacity: 0.76;
  mix-blend-mode: multiply;
  animation: none;
}
.hero-network-route-mobile,
.hero-network-route-narrow {
  display: none;
}
.hero-tag {
  background: #f4efe6ed;
}
.manifest {
  isolation: isolate;
}
.manifest-heading {
  max-width: none;
}
.manifest-title-lockup {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(28px, 3vw, 52px);
  display: grid;
}
.manifest-title-lockup h2 {
  max-width: 1100px;
}
.manifest-equation {
  z-index: 3;
  color: var(--ink);
  font-family: var(--marker);
  white-space: nowrap;
  align-items: center;
  margin: 0 0 0.55em;
  font-size: clamp(28px, 2.35vw, 42px);
  line-height: 1;
  display: flex;
  position: relative;
  transform: rotate(-2.4deg);
}
.manifest-equation strong {
  color: var(--cyan-deep);
  font-weight: 400;
}
.manifest-equation-arrow {
  width: clamp(65px, 5.5vw, 92px);
  height: 34px;
  margin: 0 9px;
  display: block;
  transform: rotate(-2deg);
}
.manifest-equation-arrow svg {
  fill: none;
  width: 100%;
  height: 100%;
  stroke: var(--orange);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3.5px;
  vector-effect: non-scaling-stroke;
  display: block;
  overflow: visible;
}
.manifest-heading,
.manifest-copy {
  z-index: 2;
  position: relative;
}
.manifest-rejections {
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  inset: -24px -12px -55px;
  overflow: visible;
}
.manifest-rejection {
  color: #1e2d2f47;
  width: max-content;
  font-family: var(--marker-cz);
  letter-spacing: 0;
  white-space: nowrap;
  mix-blend-mode: multiply;
  font-size: clamp(17px, 1.55vw, 27px);
  font-weight: 400;
  line-height: 1;
  position: absolute;
}
.manifest-rejection svg {
  fill: none;
  stroke: #e88947a3;
  stroke-linecap: round;
  stroke-width: 1.35px;
  vector-effect: non-scaling-stroke;
  width: 106%;
  height: 18px;
  position: absolute;
  top: 40%;
  left: -3%;
  overflow: visible;
}
.rejection-1 {
  top: 3%;
  left: 63%;
  transform: rotate(-4.5deg);
}
.rejection-2 {
  top: 19%;
  right: 1%;
  transform: rotate(2.5deg);
}
.rejection-3 {
  top: 37%;
  left: 58%;
  transform: rotate(-1.7deg);
}
.rejection-4 {
  top: 52%;
  right: 15%;
  transform: rotate(6deg);
}
.rejection-5 {
  top: 69%;
  left: 2%;
  transform: rotate(-3deg);
}
.rejection-6 {
  top: 81%;
  left: 59%;
  transform: rotate(3.5deg);
}
.rejection-7 {
  top: 95%;
  right: 3%;
  transform: rotate(-2deg);
}
@media (max-width: 1320px) {
  .manifest-title-lockup {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .manifest-equation {
    justify-self: end;
    margin-right: clamp(12px, 7vw, 90px);
  }
}
@media (max-width: 1050px) {
  .hero-network-route-desktop {
    display: none;
  }
  .hero-network-route-mobile {
    display: block;
  }
}
@media (max-width: 980px) {
  .header-contact,
  .header-paint-drip {
    display: none;
  }
  .manifest-rejection {
    font-size: clamp(16px, 2.4vw, 22px);
  }
}
@media (max-width: 700px) {
  .manifest-equation {
    justify-self: start;
    margin: 2px 0 0 18px;
    font-size: clamp(25px, 8vw, 34px);
  }
  .manifest-equation-arrow {
    width: clamp(54px, 17vw, 72px);
    height: 28px;
    margin: 0 6px;
  }
  .manifest-rejections {
    height: 320px;
    margin: 38px 0 12px;
    position: relative;
    inset: auto;
  }
  .manifest-rejection {
    max-width: 100%;
    font-size: clamp(15px, 4.7vw, 19px);
  }
  .rejection-1 {
    top: 0;
    left: 3%;
  }
  .rejection-2 {
    top: 43px;
    right: 1%;
  }
  .rejection-3 {
    top: 88px;
    left: 13%;
  }
  .rejection-4 {
    top: 130px;
    right: 18%;
  }
  .rejection-5 {
    top: 174px;
    left: 0;
  }
  .rejection-6 {
    top: 222px;
    left: auto;
    right: 0;
  }
  .rejection-7 {
    top: 272px;
    left: 9%;
    right: auto;
  }
}
@media (max-width: 520px) {
  .hero-network-route-mobile {
    display: none;
  }
  .hero-network-route-narrow {
    display: block;
  }
}
.header-paint-drips {
  z-index: 1;
  top: -2px;
  right: calc(var(--frame-edge-compact) - 8px);
  pointer-events: none;
  width: 325px;
  height: clamp(310px, 42vh, 430px);
  position: absolute;
  overflow: visible;
}
.header-paint-drips__body {
  fill: var(--cyan);
}
.header-paint-drips__shine {
  fill: none;
  stroke: #ffffff3d;
  stroke-linecap: round;
  stroke-width: 2.2px;
  vector-effect: non-scaling-stroke;
}
.hero-network .hero-network-main {
  stroke-width: 9px;
  opacity: 0.64;
}
.hero-network .hero-network-overdraw {
  stroke-width: 3.5px;
  opacity: 0.38;
}
.hero-network .hero-network-daubs path {
  opacity: 0.7;
}
.manifest-intro {
  grid-template-columns: minmax(0, 1.28fr) minmax(360px, 0.72fr);
  grid-template-areas: "heading heading" "copy rejects";
  gap: clamp(40px, 5vw, 78px) clamp(48px, 6vw, 110px);
  display: grid;
}
.manifest-heading {
  grid-area: heading;
}
.manifest-copy {
  grid-area: copy;
  align-self: start;
  width: auto;
  margin: 0 0 0 clamp(0px, 4vw, 64px);
}
.manifest-rejections {
  z-index: 1;
  grid-area: rejects;
  align-self: start;
  width: 100%;
  height: 420px;
  margin: 0;
  position: relative;
  inset: auto;
  overflow: visible;
}
.manifest-rejection {
  color: #1e2d2f5c;
  font-size: clamp(18px, 1.45vw, 25px);
}
.rejection-1 {
  top: 0;
  left: 2%;
  right: auto;
}
.rejection-2 {
  top: 14%;
  left: auto;
  right: 0;
}
.rejection-3 {
  top: 29%;
  left: 11%;
  right: auto;
}
.rejection-4 {
  top: 44%;
  left: auto;
  right: 12%;
}
.rejection-5 {
  top: 59%;
  left: 0;
  right: auto;
}
.rejection-6 {
  top: 75%;
  left: auto;
  right: 1%;
}
.rejection-7 {
  top: 90%;
  left: 17%;
  right: auto;
}
.manifest-equation {
  font-size: clamp(40px, 3.35vw, 58px);
}
.manifest-equation-arrow {
  width: clamp(92px, 7.5vw, 132px);
  height: 42px;
  margin: 0 13px;
}
.manifest-equation-arrow svg {
  stroke-width: 4.2px;
}
.pathway-route .pathway-route-arrowhead {
  fill: var(--cyan-deep);
  stroke: none;
}
.optiendo-map-marker.optiendo-map-marker--drill {
  background: 0 0 !important;
  border: 0 !important;
  width: 48px !important;
  height: 104px !important;
}
.optiendo-map-drill {
  filter: drop-shadow(0 0 2px #faf7f0fa) drop-shadow(0 0 2px #faf7f0fa)
    drop-shadow(3px 5px #0e4a5e2e);
  width: 48px;
  height: 104px;
  display: block;
  overflow: visible;
}
@media (min-width: 1241px) {
  .pathway-list {
    grid-template-rows: repeat(5, 92px);
    grid-template-columns: repeat(15, minmax(0, 1fr));
    min-height: 460px;
  }
  .pathway-1,
  .pathway-4,
  .pathway-7 {
    grid-row: 3;
  }
  .pathway-2,
  .pathway-5 {
    grid-row: 2;
  }
  .pathway-3,
  .pathway-6 {
    grid-row: 4;
  }
}
@media (max-width: 1450px) {
  .header-paint-drips {
    right: calc(var(--frame-edge-compact) - 7px);
    width: 300px;
  }
}
@media (max-width: 1220px) {
  .header-paint-drips {
    right: calc(var(--frame-edge-compact) - 7px);
    width: 275px;
  }
}
@media (max-width: 1240px) {
  .pathway-2,
  .pathway-3,
  .pathway-5,
  .pathway-6 {
    width: min(96%, 320px);
  }
}
@media (max-width: 1050px) {
  .manifest-intro {
    grid-template-columns: 1fr;
    grid-template-areas: "heading" "copy" "rejects";
    gap: 38px;
  }
  .manifest-copy {
    margin: 0;
  }
  .manifest-rejections {
    justify-self: end;
    width: min(100%, 660px);
    height: 340px;
  }
}
@media (max-width: 980px) {
  .header-paint-drips {
    display: none;
  }
}
@media (max-width: 700px) {
  .manifest-equation {
    font-size: clamp(30px, 9.5vw, 40px);
  }
  .manifest-equation-arrow {
    width: clamp(70px, 21vw, 94px);
    height: 34px;
    margin: 0 8px;
  }
  .manifest-rejections {
    width: 100%;
    height: 300px;
    margin: 0;
    position: relative;
    inset: auto;
  }
  .manifest-rejection {
    font-size: clamp(15px, 4.6vw, 19px);
  }
}
.manifest-bridge {
  display: none;
}
.manifest > .section-kicker {
  z-index: 2;
  position: relative;
}
.manifest-rejection {
  --cross-left: -5%;
  --cross-width: 110%;
  --cross-height: 1.9em;
  --cross-tilt: 0deg;
}
.manifest-rejection .manifest-rejection-cross {
  z-index: 1;
  top: 50%;
  left: var(--cross-left);
  width: var(--cross-width);
  height: var(--cross-height);
  fill: none;
  pointer-events: none;
  transform: translateY(-50%) rotate(var(--cross-tilt));
  transform-origin: 50%;
  position: absolute;
  overflow: visible;
}
.manifest-rejection .manifest-rejection-cross path {
  fill: none;
  stroke: var(--orange);
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.manifest-rejection .manifest-rejection-cross__rise {
  opacity: 0.82;
  stroke-width: 2.05px;
}
.manifest-rejection .manifest-rejection-cross__fall {
  opacity: 0.68;
  stroke-width: 1.45px;
}
.rejection-1 {
  --cross-left: -5.5%;
  --cross-width: 111%;
  --cross-height: 1.9em;
  --cross-tilt: -1.1deg;
}
.rejection-2 {
  --cross-left: -4.5%;
  --cross-width: 109%;
  --cross-height: 1.85em;
  --cross-tilt: 0.8deg;
}
.rejection-3 {
  --cross-left: -5%;
  --cross-width: 110%;
  --cross-height: 1.95em;
  --cross-tilt: -1.4deg;
}
.rejection-4 {
  --cross-left: -7%;
  --cross-width: 114%;
  --cross-height: 2.15em;
  --cross-tilt: 0.6deg;
}
.rejection-5 {
  --cross-left: -4%;
  --cross-width: 108%;
  --cross-height: 1.78em;
  --cross-tilt: -1deg;
}
.rejection-6 {
  --cross-left: -4%;
  --cross-width: 108%;
  --cross-height: 1.78em;
  --cross-tilt: 1.2deg;
}
.rejection-7 {
  --cross-left: -5%;
  --cross-width: 110%;
  --cross-height: 1.92em;
  --cross-tilt: -0.7deg;
}
.pathway-route-main > path {
  fill: none;
  stroke: var(--cyan-deep);
  stroke-width: 4.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  filter: none;
}
.pathway-route-desktop .pathway-route-main > path,
.pathway-route-mobile .pathway-route-main > path {
  filter: none;
  marker-end: none;
}
.pathway-route .pathway-route-arrowhead {
  fill: none;
  stroke: var(--cyan-deep);
  stroke-width: 3.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
@media (min-width: 1051px) {
  .manifest-bridge {
    z-index: 1;
    fill: none;
    pointer-events: none;
    width: min(100%, 1680px);
    height: 360px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    overflow: visible;
    transform: translate(-50%);
  }
  .manifest-bridge path {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    mix-blend-mode: multiply;
  }
  .manifest-bridge-main {
    stroke: var(--cyan-deep);
    stroke-width: 8.5px;
    opacity: 0.42;
  }
  .manifest-bridge-overdraw {
    stroke: var(--cyan);
    stroke-width: 3px;
    opacity: 0.28;
  }
}
@media (max-width: 700px) {
  .manifest-rejection {
    --cross-left: -3%;
    --cross-width: 106%;
    --cross-height: 2em;
  }
  .rejection-4 {
    --cross-left: -6%;
    --cross-width: 112%;
    --cross-height: 2.15em;
  }
}
@keyframes header-paint-spread {
  0% {
    clip-path: ellipse(1% 3% at 66% 70%);
  }
  22% {
    clip-path: ellipse(14% 23% at 66% 68%);
  }
  52% {
    clip-path: ellipse(52% 82% at 61% 60%);
  }
  76% {
    clip-path: ellipse(102% 150% at 55% 54%);
  }
  to {
    clip-path: ellipse(170% 240%);
  }
}
@keyframes header-drips-grow {
  0% {
    clip-path: polygon(-4% 0, 104% 0, 104% 0, -4% 0);
  }
  to {
    clip-path: polygon(-4% 0, 104% 0, 104% 104%, -4% 104%);
  }
}
@media (prefers-reduced-motion: no-preference) {
  @supports (clip-path: ellipse(10% 10% at 50% 50%)) {
    .header-contact-paint {
      will-change: clip-path;
      animation: 1.9s cubic-bezier(0.16, 0.78, 0.22, 1) both header-paint-spread;
    }
    .header-paint-drips {
      will-change: clip-path;
      animation: 2.15s cubic-bezier(0.2, 0.67, 0.2, 1) 1.45s both
        header-drips-grow;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .header-contact-paint,
  .header-paint-drips {
    clip-path: none !important;
    animation: none !important;
  }
}
.manifest {
  padding-bottom: 0;
}
.pathways {
  padding-top: clamp(48px, 4.5vw, 72px);
}
.footer-paper {
  padding: clamp(58px, 5vw, 82px) var(--frame-edge);
  grid-template-columns: 44px minmax(0, 1.2fr) minmax(300px, 0.52fr);
  gap: clamp(28px, 3.5vw, 58px);
}
.footer-paper:after {
  width: 390px;
  height: 390px;
  bottom: -150px;
  right: -70px;
}
.footer-marker {
  margin: 2px 0 26px 24px;
}
.footer-copy h2 {
  max-width: 760px;
  margin-bottom: 18px;
  font-size: clamp(54px, 5.4vw, 84px);
  line-height: 0.9;
}
.footer-copy > p:not(.footer-marker) {
  font-size: 17px;
}
.footer-big-phone {
  gap: 16px;
  margin-top: 26px;
  font-size: clamp(42px, 4.2vw, 64px);
}
.footer-phone-icon {
  flex-basis: 58px;
  width: 58px;
  height: 54px;
}
.footer-phone-icon svg {
  width: 29px;
  height: 29px;
}
.footer-contact-card {
  gap: 14px;
  padding: 64px 30px 28px;
}
.footer-contact-label {
  width: min(290px, 100% + 2px);
  min-height: 86px;
  padding: 16px 22px;
  font-size: clamp(24px, 1.8vw, 30px);
  top: -28px;
  left: -14px;
}
.map {
  height: clamp(330px, 24vw, 410px);
}
@media (max-width: 1240px) {
  .pathway-list {
    grid-template-rows: repeat(5, 152px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    width: min(100%, 760px);
    height: 760px;
    min-height: 0;
  }
  .pathway-route,
  .pathway-route-mobile {
    display: block;
  }
  .pathway-route-desktop {
    display: none;
  }
  .pathway,
  .pathway-1,
  .pathway-2,
  .pathway-3,
  .pathway-4,
  .pathway-5,
  .pathway-6,
  .pathway-7 {
    background: #faf7f0eb;
    place-self: center;
    max-width: none;
    margin: 0;
  }
  .pathway-1,
  .pathway-4,
  .pathway-7 {
    width: 56%;
  }
  .pathway-2,
  .pathway-3,
  .pathway-5,
  .pathway-6 {
    width: 80%;
  }
}
@media (max-width: 980px) {
  .pathways {
    padding-top: 56px;
  }
  .footer-paper {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 28px;
    padding: 64px 28px;
  }
  .footer-copy,
  .footer-contact {
    grid-column: 2;
  }
  .footer-contact {
    width: min(100%, 520px);
    margin-top: 52px;
  }
  .footer-copy h2 {
    font-size: clamp(56px, 10vw, 76px);
  }
}
@media (max-width: 700px) {
  .pathways {
    padding-top: 46px;
  }
  .pathway,
  .pathway-1,
  .pathway-2,
  .pathway-3,
  .pathway-4,
  .pathway-5,
  .pathway-6,
  .pathway-7 {
    gap: 8px;
    padding: 10px 8px;
  }
  .footer-paper {
    padding: 52px 20px;
    display: block;
  }
  .footer-paper:after {
    width: 310px;
    height: 310px;
    bottom: -130px;
    right: -120px;
  }
  .footer-index {
    margin-bottom: 24px;
  }
  .footer-marker {
    margin: 2px 0 25px 12px;
  }
  .footer-copy h2 {
    margin-bottom: 16px;
    font-size: clamp(48px, 14vw, 64px);
  }
  .footer-copy > p:not(.footer-marker) {
    font-size: 16px;
  }
  .footer-big-phone {
    margin-top: 24px;
    font-size: clamp(38px, 12vw, 50px);
  }
  .footer-contact {
    margin-top: 58px;
  }
  .footer-contact-label {
    width: calc(100% - 16px);
    min-height: 88px;
    padding: 15px 20px;
    font-size: clamp(24px, 7.5vw, 30px);
    top: -30px;
    left: 8px;
  }
  .footer-contact-card {
    padding: 66px 24px 24px;
  }
  .map {
    height: 340px;
  }
}
@media (max-width: 360px) {
  .pathway-list {
    grid-template-rows: repeat(5, 160px);
    height: 800px;
  }
  .pathway h3 {
    font-size: 18px;
  }
}
.manifest-equation {
  color: var(--ink);
  font-family: var(--marker-cz);
  letter-spacing: 0;
  text-transform: none;
  font-size: clamp(40px, 3.35vw, 58px);
  font-weight: 400;
  line-height: 1;
  transform: rotate(-2.4deg);
}
.manifest-equation strong {
  color: var(--cyan-deep);
  font-family: inherit;
  font-weight: 400;
}
.manifest-step-label strong {
  color: #d9621b;
  font-family: var(--marker-cz);
  letter-spacing: 0;
  text-transform: none;
  font-size: clamp(31px, 2.35vw, 41px);
  font-weight: 400;
  line-height: 1.05;
}
@media (max-width: 700px) {
  .manifest-equation {
    font-size: clamp(27px, 8.4vw, 36px);
    transform: rotate(-2deg);
  }
  .manifest-step-label strong {
    font-size: clamp(31px, 9vw, 39px);
  }
}
.paper-system {
  --desk: #ddd3c4;
  --desk-deep: #d3c7b6;
  --sheet: #f4efe6;
  --sheet-light: #faf7f0;
  --sheet-shadow:
    0 2px 1px #1e2d2f14, 0 17px 35px #1e2d2f29, 0 45px 80px #1e2d2f14;
  isolation: isolate;
  background-color: var(--desk);
  background-image:
    radial-gradient(#1e2d2f0b 0.55px, #0000 0.65px),
    linear-gradient(105deg, #0000 0 48%, #ffffff17 49%, #0000 51%);
  background-position:
    0 0,
    0 0;
  background-size:
    15px 15px,
    280px 100%;
  position: relative;
}
.paper-system .paper-cover {
  z-index: 3;
  border-bottom: 1px solid #1e2d2f38;
  position: relative;
  box-shadow:
    0 2px #ffffff80,
    0 22px 54px #1e2d2f30;
}
.paper-system .paper-section {
  isolation: isolate;
  background: 0 0;
  border-top: 0;
  position: relative;
}
.paper-system .paper-section > .section-kicker,
.paper-system .paper-section > .care-editorial-heading,
.paper-system .paper-section > .team-heading,
.paper-system .paper-section > .pricing-heading,
.paper-system .paper-section > .gallery-heading,
.paper-system .paper-section > .podcast-layout {
  z-index: 3;
  position: relative;
}
.paper-system .section-kicker {
  color: #1e2d2fb8;
  border-bottom-color: #1e2d2f57;
}
.paper-section--manifest:before {
  z-index: 0;
  inset: clamp(26px, 3vw, 52px) var(--frame-edge-compact) 14px;
  background-color: var(--sheet-light);
  clip-path: polygon(
    0.3% 0.9%,
    17% 0.2%,
    34% 0.8%,
    51% 0.1%,
    72% 0.7%,
    99.5% 0.2%,
    99.8% 27%,
    99.2% 52%,
    99.7% 78%,
    99.2% 99.2%,
    73% 99.7%,
    52% 99.1%,
    31% 99.8%,
    0.6% 99%,
    0.2% 72%,
    0.8% 41%
  );
  content: "";
  filter: drop-shadow(0 20px 24px #1e2d2f2b);
  background-image:
    radial-gradient(#1e2d2f09 0.65px, #0000 0.7px),
    linear-gradient(88deg, #0000 0 49.6%, #1e2d2f05 50%, #0000 50.5%);
  background-size:
    13px 13px,
    100% 100%;
  position: absolute;
  rotate: -0.12deg;
}
.paper-section--manifest > .section-kicker,
.paper-section--manifest .manifest-intro,
.paper-section--manifest .manifest-steps {
  z-index: 2;
  position: relative;
}
.paper-section--manifest .manifest-bridge {
  z-index: 4;
}
.manifest-ledger {
  background: #f4efe6e0;
  rotate: 0.08deg;
  box-shadow:
    0 -1px #ffffffb8,
    0 12px 26px #1e2d2f1a;
}
.treatment-sheet {
  isolation: isolate;
}
.treatment-sheet:before {
  z-index: -1;
  clip-path: polygon(
    0.2% 1.2%,
    14% 0.4%,
    33% 1%,
    51% 0.1%,
    74% 0.8%,
    99.6% 0.4%,
    99.2% 34%,
    99.8% 66%,
    99.1% 99%,
    74% 99.5%,
    47% 98.9%,
    22% 99.7%,
    0.6% 98.8%,
    0.1% 62%
  );
  content: "";
  filter: drop-shadow(0 18px 24px #1e2d2f26);
  background-color: #faf7f0f0;
  background-image:
    linear-gradient(#22bfc80b 1px, #0000 1px),
    linear-gradient(90deg, #22bfc80b 1px, #0000 1px),
    radial-gradient(#1e2d2f09 0.55px, #0000 0.6px);
  background-size:
    28px 28px,
    28px 28px,
    13px 13px;
  position: absolute;
  inset: -24px -26px -20px;
  rotate: -0.16deg;
}
.treatment-sheet .pathway {
  box-shadow: 0 6px 10px #1e2d2f12;
}
.care-paper-stage {
  --desk: #ddd3c4;
  --sheet: #f4efe6;
  --sheet-light: #faf7f0;
  --sheet-shadow:
    0 2px 1px #1e2d2f14, 0 17px 35px #1e2d2f29, 0 45px 80px #1e2d2f14;
  isolation: isolate;
  background-color: var(--desk);
  background-image:
    radial-gradient(#1e2d2f0b 0.55px, #0000 0.65px),
    linear-gradient(105deg, #0000 0 48%, #ffffff17 49%, #0000 51%);
  background-position:
    0 0,
    0 0;
  background-size:
    15px 15px,
    280px 100%;
  overflow: hidden;
}
.care-paper-stage > .section-kicker {
  color: #1e2d2fb8;
  border-bottom-color: #1e2d2f57;
}
.care-editorial-heading {
  grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.6fr);
  align-items: end;
  gap: clamp(40px, 6vw, 104px);
  margin-bottom: clamp(54px, 5vw, 82px);
  display: grid;
}
.care-editorial-heading h2 {
  max-width: 1180px;
  font-family: var(--display);
  letter-spacing: -0.045em;
  text-transform: uppercase;
  font-size: clamp(76px, 7.15vw, 120px);
  font-weight: 700;
  line-height: 0.88;
}
.care-editorial-heading h2:first-line {
  color: var(--ink);
}
.care-editorial-heading > p {
  border-left: 5px solid var(--orange);
  max-width: 470px;
  color: var(--ink);
  padding-left: 24px;
  font-size: 18px;
  line-height: 1.68;
}
.care-editorial {
  z-index: 1;
  isolation: isolate;
  grid-template-rows: repeat(2, minmax(390px, 1fr));
  grid-template-columns: minmax(0, 1.18fr) minmax(400px, 0.82fr);
  min-height: 820px;
  display: grid;
  position: relative;
}
.care-sheet-wrap {
  filter: drop-shadow(8px 12px 9px #1e2d2f30);
  min-width: 0;
  transition: transform 0.24s cubic-bezier(0.2, 0.75, 0.2, 1);
  position: relative;
}
.care-sheet-wrap:before {
  z-index: 0;
  background-color: var(--sheet-light);
  clip-path: polygon(
    0.6% 1.2%,
    14% 0.3%,
    29% 1%,
    47% 0.2%,
    66% 0.8%,
    83% 0.3%,
    99.4% 1.1%,
    99% 18%,
    99.7% 39%,
    99.1% 61%,
    99.8% 82%,
    99% 98.8%,
    82% 99.4%,
    64% 98.9%,
    45% 99.6%,
    24% 98.8%,
    0.8% 99.4%,
    1.2% 78%,
    0.4% 55%,
    1% 31%
  );
  content: "";
  background-image:
    radial-gradient(#1e2d2f0a 0.65px, #0000 0.7px),
    linear-gradient(112deg, #0000 0 58%, #e8894709 58.3%, #0000 59%);
  background-size:
    13px 13px,
    100% 100%;
  position: absolute;
  inset: 0;
}
.care-sheet-wrap--endo {
  z-index: 2;
  grid-area: 1/1/3;
  margin: 14px 8px 12px 0;
  transform: rotate(-0.55deg);
}
.care-sheet-wrap--pedo {
  z-index: 4;
  grid-area: 1/2;
  margin: 0 0 -14px -18px;
  transform: rotate(0.52deg);
}
.care-sheet-wrap--implant {
  z-index: 3;
  grid-area: 2/2;
  margin: -14px 12px 0 -26px;
  transform: rotate(-0.38deg);
}
.care-sheet {
  z-index: 1;
  height: 100%;
  min-height: 100%;
  color: var(--ink);
  isolation: isolate;
  padding: clamp(32px, 3vw, 54px);
  display: block;
  position: relative;
}
.care-sheet:focus-visible {
  outline: 4px solid var(--orange);
  outline-offset: -12px;
}
.care-sheet-index {
  z-index: 5;
  border: 3px solid var(--orange);
  width: 54px;
  height: 50px;
  font-family: var(--marker);
  background: #faf7f0e0;
  border-radius: 51% 49% 44% 56%/55% 43% 57% 45%;
  place-items: center;
  font-size: 16px;
  display: grid;
  position: absolute;
  top: clamp(26px, 2.4vw, 42px);
  left: clamp(26px, 2.4vw, 42px);
  rotate: -6deg;
}
.care-sheet-index:after {
  content: "";
  border: 1px solid #e889478f;
  border-radius: 47% 53% 56% 44%;
  position: absolute;
  inset: -7px -4px -4px -7px;
  rotate: 10deg;
}
.care-sheet-copy {
  z-index: 3;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding-top: 76px;
  display: flex;
  position: relative;
}
.care-sheet-wrap--endo .care-sheet-copy {
  max-width: 51%;
}
.care-sheet-wrap--pedo .care-sheet-copy {
  max-width: 78%;
  padding-top: 56px;
}
.care-sheet-wrap--implant .care-sheet-copy {
  max-width: 58%;
  padding-top: 56px;
}
.care-sheet-wrap--pedo .care-sheet,
.care-sheet-wrap--implant .care-sheet {
  padding: clamp(28px, 2.2vw, 38px);
}
.care-sheet-label {
  color: var(--cyan-deep);
  font-family: var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 10px;
  font-weight: 700;
}
.care-sheet h3 {
  max-width: 790px;
  font-family: var(--display);
  letter-spacing: -0.045em;
  text-transform: uppercase;
  font-size: clamp(60px, 5.6vw, 94px);
  font-weight: 700;
  line-height: 0.88;
}
.care-sheet-wrap--pedo h3,
.care-sheet-wrap--implant h3 {
  font-size: clamp(43px, 3.2vw, 58px);
}
.care-sheet-wrap--pedo .care-sheet-copy > strong,
.care-sheet-wrap--implant .care-sheet-copy > strong {
  margin-top: 16px;
  font-size: clamp(18px, 1.45vw, 24px);
}
.care-sheet-wrap--pedo .care-sheet-copy > p:not(.care-sheet-label),
.care-sheet-wrap--implant .care-sheet-copy > p:not(.care-sheet-label) {
  margin-top: 17px;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.48;
}
.care-sheet-wrap--pedo .care-sheet-link,
.care-sheet-wrap--implant .care-sheet-link {
  padding-top: 17px;
}
.care-sheet-copy > strong {
  color: var(--orange);
  font-family: var(--marker);
  margin-top: clamp(22px, 2vw, 34px);
  font-size: clamp(21px, 1.8vw, 31px);
  font-weight: 400;
  line-height: 1.16;
  display: inline-block;
  position: relative;
  rotate: -1.5deg;
}
.care-sheet-wrap--pedo .care-sheet-copy > strong {
  color: var(--cyan-deep);
}
.care-sheet-copy > strong:after {
  background: var(--cyan);
  clip-path: polygon(0 37%, 100% 0, 98% 74%, 2% 100%);
  content: "";
  opacity: 0.55;
  height: 7px;
  position: absolute;
  bottom: -8px;
  left: -2px;
  right: -4px;
}
.care-sheet-wrap--pedo .care-sheet-copy > strong:after {
  background: var(--orange);
  opacity: 0.48;
}
.care-sheet-copy > p:not(.care-sheet-label) {
  max-width: 45ch;
  color: var(--ink);
  margin-top: 28px;
  font-size: clamp(16px, 1.2vw, 19px);
  line-height: 1.62;
}
.care-sheet-link {
  border-bottom: 2px solid var(--ink);
  align-items: center;
  gap: 18px;
  margin-top: auto;
  padding-top: 34px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
}
.care-sheet-link > span {
  color: var(--cyan-deep);
  font-family: var(--marker);
  font-size: 24px;
  transition: transform 0.18s;
}
.care-sheet:hover .care-sheet-link > span,
.care-sheet:focus-visible .care-sheet-link > span {
  transform: translate(4px, -4px);
}
.care-sheet-visual {
  z-index: 1;
  pointer-events: none;
  margin: 0;
  position: absolute;
}
.care-sheet-visual img {
  object-fit: contain;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
}
.care-sheet-wrap--endo .care-sheet-visual {
  width: 53%;
  top: 4%;
  bottom: 2%;
  right: -1%;
}
.care-sheet-wrap--pedo .care-sheet-visual {
  opacity: 0.78;
  width: 88%;
  height: 60%;
  bottom: -12%;
  right: -5%;
}
.care-sheet-wrap--implant .care-sheet-visual {
  opacity: 0.9;
  width: 58%;
  top: 8%;
  bottom: 3%;
  right: -5%;
}
.care-sheet-node {
  z-index: 7;
  border: 4px solid var(--ink);
  background: var(--orange);
  pointer-events: none;
  border-radius: 52% 48% 44% 56%;
  width: 19px;
  height: 18px;
  display: block;
  position: absolute;
}
.care-sheet-wrap--endo .care-sheet-node {
  bottom: 17%;
  right: 8%;
}
.care-sheet-wrap--pedo .care-sheet-node {
  bottom: 15%;
  right: 13%;
}
.care-sheet-wrap--implant .care-sheet-node {
  bottom: 14%;
  right: 27%;
}
.care-thread {
  z-index: 6;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: visible;
}
.care-thread path {
  fill: none;
  stroke: var(--cyan-deep);
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.care-thread-main {
  stroke-width: 8px;
  opacity: 0.52;
}
.care-thread-overdraw {
  stroke-width: 2.5px;
  opacity: 0.34;
}
.care-thread-nodes circle {
  fill: var(--orange);
  stroke: var(--ink);
  stroke-width: 3px;
  vector-effect: non-scaling-stroke;
}
.care-followups {
  z-index: 5;
  background-color: var(--sheet-light);
  box-shadow: var(--sheet-shadow);
  background-image: radial-gradient(#1e2d2f09 0.65px, #0000 0.7px);
  background-size: 13px 13px;
  border: 1px solid #1e2d2fb8;
  grid-template-columns: minmax(220px, 0.76fr) repeat(3, minmax(0, 1fr));
  margin: 42px 10px 0 16px;
  display: grid;
  position: relative;
  rotate: 0.16deg;
}
.care-followups:before {
  z-index: 3;
  content: "";
  background: #f6dcc8d1;
  width: 112px;
  height: 26px;
  position: absolute;
  top: -12px;
  left: 17%;
  rotate: -2deg;
}
.care-followups-label,
.care-followup {
  min-width: 0;
  min-height: 100px;
  padding: 22px clamp(18px, 2vw, 30px);
}
.care-followups-label {
  background: #22bfc829;
  flex-direction: column;
  justify-content: center;
  display: flex;
}
.care-followups-label span {
  color: var(--ink);
  font-family: var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}
.care-followups-label strong {
  color: var(--cyan-deep);
  font-family: var(--marker);
  margin-top: 8px;
  font-size: 18px;
  font-weight: 400;
  rotate: -1deg;
}
.care-followup {
  border-left: 1px solid #1e2d2f73;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  transition: background 0.18s;
  display: grid;
}
.care-followup:hover,
.care-followup:focus-visible {
  background: #e889472e;
}
.care-followup > span:first-child {
  color: var(--orange);
  font-family: var(--marker);
  font-size: 14px;
  rotate: -4deg;
}
.care-followup strong {
  font-size: clamp(15px, 1.15vw, 18px);
  line-height: 1.3;
}
.care-followup > span:last-child {
  color: var(--cyan-deep);
  font-family: var(--marker);
  font-size: 22px;
}
.paper-section--team {
  background: 0 0;
}
.paper-section--team:before {
  z-index: 0;
  inset: clamp(38px, 4vw, 68px) var(--frame-edge-compact) clamp(34px, 4vw, 64px);
  clip-path: polygon(
    0.4% 1.1%,
    21% 0.2%,
    48% 0.8%,
    75% 0.1%,
    99.5% 0.9%,
    99% 99%,
    72% 99.5%,
    42% 98.9%,
    0.6% 99.6%
  );
  content: "";
  filter: drop-shadow(0 18px 24px #1e2d2f21);
  background:
    radial-gradient(#1e2d2f0a 0.6px, #0000 0.65px) 0 0/13px 13px,
    #22bfc833;
  position: absolute;
  rotate: 0.18deg;
}
.paper-section--team > * {
  z-index: 2;
  position: relative;
}
.paper-dossier {
  filter: drop-shadow(6px 12px 11px #1e2d2f26);
  background: #faf7f0f0;
}
.paper-dossier:first-child {
  rotate: -0.34deg;
}
.paper-dossier:nth-child(2) {
  rotate: 0.26deg;
}
.paper-dossier:nth-child(3) {
  rotate: 0.18deg;
}
.paper-dossier:nth-child(4) {
  rotate: -0.28deg;
}
.price-sheet {
  isolation: isolate;
  position: relative;
}
.price-sheet:before {
  z-index: -1;
  clip-path: polygon(
    0.5% 0.4%,
    28% 1%,
    56% 0.2%,
    99.4% 0.8%,
    99% 99%,
    68% 99.6%,
    31% 98.9%,
    0.7% 99.4%
  );
  content: "";
  filter: drop-shadow(0 16px 23px #1e2d2f26);
  background-color: #faf7f0f5;
  background-image:
    linear-gradient(#1e2d2f07 1px, #0000 1px),
    radial-gradient(#1e2d2f09 0.55px, #0000 0.6px);
  background-size:
    100% 34px,
    13px 13px;
  position: absolute;
  inset: -26px -22px -28px;
}
.price-sheet:first-child:before {
  rotate: -0.12deg;
}
.price-sheet:last-child:before {
  rotate: 0.16deg;
}
.price-sheet .price-row summary {
  padding-left: 10px;
  padding-right: 10px;
}
.paper-section--gallery {
  background: 0 0;
}
.paper-section--gallery .gallery-grid {
  width: min(calc(100% - 56px), calc(var(--frame-max) - 56px));
  background: 0 0;
  gap: 24px;
  padding-bottom: 34px;
  overflow: visible;
}
.photo-sheet {
  background: var(--sheet-light);
  box-shadow: var(--sheet-shadow);
  padding: 12px 12px 42px;
  overflow: visible;
}
.photo-sheet:first-child {
  rotate: -0.28deg;
}
.photo-sheet:nth-child(2) {
  rotate: 0.32deg;
}
.photo-sheet:nth-child(3) {
  rotate: -0.18deg;
}
.paper-section--gallery .photo-sheet img {
  height: 100%;
  min-height: 0;
}
.paper-section--gallery .photo-sheet figcaption {
  background: 0 0;
  padding: 0;
  bottom: 9px;
  left: 14px;
  right: 14px;
}
.paper-section--podcast {
  background: 0 0;
}
.paper-media {
  box-shadow: var(--sheet-shadow);
  clip-path: polygon(
    0.4% 0.8%,
    19% 0.2%,
    43% 0.7%,
    68% 0.1%,
    99.5% 0.7%,
    99.1% 99%,
    76% 99.5%,
    48% 98.9%,
    22% 99.6%,
    0.6% 99%
  );
  background-color: #faf7f0f2;
  background-image: radial-gradient(#1e2d2f09 0.65px, #0000 0.7px);
  background-size: 13px 13px;
  padding: clamp(34px, 4vw, 68px);
  position: relative;
  rotate: -0.12deg;
}
.paper-media .podcast-visual {
  background: var(--sheet-light);
  padding: 12px 12px 44px;
  box-shadow: 10px 16px 28px #1e2d2f2b;
}
.paper-media .podcast-visual:before {
  inset: -8px 26px 28px -10px;
}
.paper-media .podcast-visual figcaption {
  background: 0 0;
  bottom: 12px;
  left: 16px;
  right: 16px;
}
.eu-sheet {
  z-index: 2;
  margin: clamp(56px, 6vw, 92px) var(--frame-edge-compact);
  background-color: #fffffff0;
  background-image: radial-gradient(#1e2d2f07 0.55px, #0000 0.6px);
  background-size: 14px 14px;
  border: 0;
  padding: clamp(58px, 5vw, 84px) clamp(36px, 4.5vw, 74px);
  position: relative;
  rotate: 0.05deg;
  box-shadow: 0 17px 36px #1e2d2f24;
}
.paper-system .site-footer {
  z-index: 2;
  background: 0 0;
  position: relative;
}
.paper-system .footer-paper {
  box-shadow: 0 20px 45px #1e2d2f2e;
}
.paper-system .map {
  border: 10px solid var(--sheet-light);
  background: var(--sheet-light);
  border-top-width: 12px;
  box-shadow: 0 20px 40px #1e2d2f29;
}
@media (hover: hover) and (pointer: fine) {
  .care-sheet-wrap:hover {
    transform: rotate(0) translateY(-6px);
  }
  .photo-sheet {
    transition:
      translate 0.22s,
      rotate 0.22s;
  }
  .photo-sheet:hover {
    translate: 0 -5px;
    rotate: none;
  }
}
@media (max-width: 1450px) {
  .paper-dossier,
  .paper-dossier:first-child,
  .paper-dossier:nth-child(2),
  .paper-dossier:nth-child(3),
  .paper-dossier:nth-child(4) {
    rotate: none;
  }
}
@media (max-width: 1240px) {
  .care-editorial {
    grid-template-rows: 540px 440px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    min-height: 980px;
  }
  .care-sheet-wrap--endo {
    grid-area: 1/1 / auto/-1;
    margin: 0;
  }
  .care-sheet-wrap--pedo {
    grid-area: 2/1;
    margin: 0;
  }
  .care-sheet-wrap--implant {
    grid-area: 2/2;
    margin: 0;
  }
  .care-thread--desktop {
    display: none;
  }
  .care-sheet-wrap--endo .care-sheet-copy {
    max-width: 50%;
  }
  .care-sheet-wrap--pedo .care-sheet-copy,
  .care-sheet-wrap--implant .care-sheet-copy {
    max-width: 82%;
  }
  .care-sheet-wrap--pedo .care-sheet-visual {
    opacity: 0.62;
    width: 94%;
  }
  .care-sheet-wrap--implant .care-sheet-visual {
    opacity: 0.72;
    width: 68%;
    top: 22%;
  }
  .care-sheet-wrap:not(:last-child):after {
    z-index: 8;
    background: var(--cyan-deep);
    clip-path: polygon(18% 0, 100% 4%, 76% 100%, 0 96%);
    content: "";
    pointer-events: none;
    width: 7px;
    height: 34px;
    position: absolute;
    top: calc(100% - 7px);
    left: 31px;
    rotate: -2deg;
  }
  .care-followups {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .care-followups-label {
    grid-column: 1/-1;
    min-height: 76px;
  }
  .care-followup:first-of-type {
    border-left: 0;
  }
}
@media (max-width: 980px) {
  .paper-section--manifest:before,
  .paper-section--team:before {
    left: 12px;
    right: 12px;
  }
  .treatment-sheet:before {
    inset: -18px -11px -16px;
  }
  .care-editorial-heading {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .care-editorial-heading h2 {
    font-size: clamp(66px, 10.5vw, 94px);
  }
  .care-editorial-heading > p {
    max-width: 680px;
  }
  .care-editorial {
    grid-template-rows: 560px 420px 430px;
    grid-template-columns: 1fr;
    gap: 20px;
    min-height: 1450px;
  }
  .care-sheet-wrap--endo,
  .care-sheet-wrap--pedo,
  .care-sheet-wrap--implant {
    grid-column: 1;
    margin: 0;
  }
  .care-sheet-wrap--endo {
    grid-row: 1;
  }
  .care-sheet-wrap--pedo {
    grid-row: 2;
  }
  .care-sheet-wrap--implant {
    grid-row: 3;
  }
  .care-sheet-wrap--endo .care-sheet-copy {
    max-width: 53%;
  }
  .care-sheet-wrap--pedo .care-sheet-copy {
    max-width: 62%;
  }
  .care-sheet-wrap--implant .care-sheet-copy {
    max-width: 56%;
  }
  .care-sheet-wrap--pedo .care-sheet-visual {
    width: 72%;
    height: 72%;
    bottom: -17%;
    right: -2%;
  }
  .care-sheet-wrap--implant .care-sheet-visual {
    opacity: 0.86;
    width: 50%;
    top: 4%;
    right: 0;
  }
  .care-followups {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }
  .care-followups-label,
  .care-followup {
    min-height: 78px;
  }
  .care-followups-label {
    grid-column: auto;
  }
  .care-followup,
  .care-followup:first-of-type {
    border-top: 1px solid #1e2d2f73;
    border-left: 0;
  }
  .price-sheet:before {
    inset: -20px -14px -22px;
  }
  .paper-section--gallery .gallery-grid {
    width: calc(100% - 32px);
    padding-bottom: 24px;
  }
  .photo-sheet,
  .photo-sheet:first-child,
  .photo-sheet:nth-child(2),
  .photo-sheet:nth-child(3) {
    margin-bottom: 22px;
    rotate: none;
  }
  .paper-media {
    padding: 32px 26px 38px;
  }
  .eu-sheet {
    margin: 54px 20px;
    padding: 54px 28px;
  }
}
@media (max-width: 700px) {
  .paper-system {
    background-size:
      13px 13px,
      180px 100%;
  }
  .paper-section--manifest:before {
    inset: 18px 7px 8px;
    rotate: none;
  }
  .manifest-ledger {
    rotate: none;
  }
  .treatment-sheet:before {
    inset: -13px -6px;
    rotate: none;
  }
  .care-editorial-heading h2 {
    font-size: clamp(54px, 15.5vw, 76px);
  }
  .care-editorial-heading > p {
    padding-left: 18px;
    font-size: 16px;
  }
  .care-editorial {
    grid-template-rows: 500px 410px 410px;
    gap: 18px;
    min-height: 1360px;
  }
  .care-sheet-wrap,
  .care-sheet-wrap--endo,
  .care-sheet-wrap--pedo,
  .care-sheet-wrap--implant {
    filter: drop-shadow(5px 9px 7px #1e2d2f26);
    transform: none;
  }
  .care-sheet,
  .care-sheet-wrap--pedo .care-sheet,
  .care-sheet-wrap--implant .care-sheet {
    padding: 28px 24px;
  }
  .care-sheet-index {
    width: 48px;
    height: 44px;
    font-size: 14px;
    top: 23px;
    left: 22px;
  }
  .care-sheet-copy,
  .care-sheet-wrap--endo .care-sheet-copy,
  .care-sheet-wrap--pedo .care-sheet-copy,
  .care-sheet-wrap--implant .care-sheet-copy {
    max-width: 100%;
    padding-top: 65px;
  }
  .care-sheet h3,
  .care-sheet-wrap--pedo h3,
  .care-sheet-wrap--implant h3 {
    max-width: 95%;
    font-size: clamp(44px, 13vw, 61px);
  }
  .care-sheet-copy > strong {
    max-width: 92%;
    margin-top: 21px;
    font-size: clamp(19px, 5.9vw, 25px);
  }
  .care-sheet-wrap--pedo .care-sheet-copy > strong,
  .care-sheet-wrap--implant .care-sheet-copy > strong {
    margin-top: 21px;
    font-size: clamp(19px, 5.9vw, 25px);
  }
  .care-sheet-copy > p:not(.care-sheet-label) {
    max-width: 92%;
    margin-top: 22px;
    font-size: 15px;
    line-height: 1.52;
  }
  .care-sheet-wrap--pedo .care-sheet-copy > p:not(.care-sheet-label),
  .care-sheet-wrap--implant .care-sheet-copy > p:not(.care-sheet-label) {
    margin-top: 22px;
    font-size: 15px;
    line-height: 1.52;
  }
  .care-sheet-link,
  .care-sheet-wrap--pedo .care-sheet-link,
  .care-sheet-wrap--implant .care-sheet-link {
    padding-top: 24px;
  }
  .care-sheet-wrap--endo .care-sheet-visual {
    opacity: 0.34;
    width: 68%;
    top: 24%;
    bottom: -7%;
    right: -14%;
  }
  .care-sheet-wrap--pedo .care-sheet-visual {
    opacity: 0.34;
    width: 115%;
    height: 61%;
    bottom: -13%;
    right: -16%;
  }
  .care-sheet-wrap--implant .care-sheet-visual {
    opacity: 0.32;
    width: 72%;
    top: 22%;
    bottom: -6%;
    right: -12%;
  }
  .care-sheet-node {
    display: none;
  }
  .care-sheet-wrap:not(:last-child):after {
    width: 5px;
    height: 30px;
    left: 24px;
  }
  .care-followups {
    rotate: none;
    box-shadow: 0 12px 22px #1e2d2f24;
  }
  .paper-section--team:before {
    inset: 24px 7px 20px;
    rotate: none;
  }
  .paper-dossier {
    filter: drop-shadow(4px 8px 7px #1e2d2f1f);
  }
  .price-sheet:before {
    inset: -16px -7px -18px;
    rotate: none;
  }
  .paper-section--gallery .gallery-grid {
    width: calc(100% - 22px);
  }
  .photo-sheet {
    padding: 9px 9px 36px;
    box-shadow: 0 12px 22px #1e2d2f24;
  }
  .paper-media {
    clip-path: polygon(
      0.4% 0.6%,
      33% 0,
      67% 0.7%,
      99.5% 0.2%,
      99% 99.3%,
      49% 98.8%,
      0.6% 99.5%
    );
    padding: 26px 20px 32px;
    rotate: none;
  }
  .paper-media .podcast-visual {
    padding: 9px 9px 38px;
  }
  .eu-sheet {
    margin: 38px 10px;
    padding: 48px 20px;
    rotate: none;
  }
  .paper-system .map {
    border-width: 9px 7px 7px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .care-sheet-wrap,
  .photo-sheet,
  .care-sheet-link > span {
    transition: none;
  }
  .care-sheet-wrap:hover,
  .photo-sheet:hover {
    transform: translate(0, 0);
  }
}

/* OptiEndo v5: cache-safe mobile geometry and Czech handwriting fixes. */

/* Permanent Marker is bundled without Czech glyphs. */
.marker-note,
.team-marker,
.footer-contact-label,
.care-sheet-copy > strong {
  font-family: "Caveat Brush", "Opti Lato", sans-serif !important;
}

.pathway-route .pathway-route-curve {
  marker-end: none;
}

.pathway-route .pathway-route-arrowhead {
  fill: none;
  stroke: var(--cyan-deep);
  stroke-width: 3.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  marker-end: none;
}

@media (max-width: 1050px) {
  .hero::after {
    content: "";
    z-index: 7;
    pointer-events: none;
    position: absolute;
    bottom: -2px;
    left: 66.6667%;
    width: 9px;
    height: 68px;
    border-radius: 999px;
    background: linear-gradient(
      90deg,
      var(--cyan-deep) 0 64%,
      var(--cyan) 66% 100%
    );
    opacity: 0.58;
    mix-blend-mode: multiply;
    transform: translateX(-50%) rotate(0.4deg);
  }

  .manifest {
    position: relative;
    overflow: hidden;
  }

  .manifest .manifest-bridge {
    z-index: 1;
    pointer-events: none;
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: clamp(280px, 92vw, 360px);
    fill: none;
    overflow: visible;
    transform: none;
  }

  .manifest .manifest-bridge path {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    mix-blend-mode: multiply;
  }

  .manifest .manifest-bridge-main {
    stroke: var(--cyan-deep);
    stroke-width: 8px;
    opacity: 0.42;
  }

  .manifest .manifest-bridge-overdraw {
    stroke: var(--cyan);
    stroke-width: 3px;
    opacity: 0.28;
  }

  .manifest > .section-kicker,
  .manifest .manifest-intro,
  .manifest .manifest-steps {
    z-index: 2;
    position: relative;
  }
}

/* OptiEndo v9: visible mobile routes with merged arrows entering from above. */
@media (max-width: 1240px) {
  .pathway > .pathway-index {
    align-self: center;
  }

  .pathway-list > .pathway {
    z-index: auto;
    background: transparent;
    clip-path: none;
  }

  .pathway-list > .pathway::before {
    z-index: 0;
    content: "";
    pointer-events: none;
    background: #faf7f0eb;
    clip-path: polygon(
      2px 0,
      100% 3px,
      calc(100% - 3px) 100%,
      0 calc(100% - 2px)
    );
    position: absolute;
    inset: 0;
  }

  .pathway-route-mobile-v9 {
    z-index: 1;
    pointer-events: none;
  }

  .pathway-list > .pathway > .pathway-index,
  .pathway-list > .pathway > .pathway-copy {
    z-index: 2;
    position: relative;
  }

  .pathway-route-mobile-v9 .pathway-mobile-connector,
  .pathway-route-mobile-v9 .pathway-mobile-arrowhead {
    fill: none;
    stroke: var(--cyan-deep);
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    marker-start: none;
    marker-mid: none;
    marker-end: none;
    filter: none;
    mix-blend-mode: normal;
    opacity: 1;
    shape-rendering: geometricPrecision;
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    animation: none;
    transition: none;
  }

  .pathway-route-mobile-v9 .pathway-mobile-connector {
    stroke-width: 3.35px;
  }

  .pathway-route-mobile-v9 .pathway-mobile-arrowhead {
    stroke-width: 3.2px;
  }
}

@media (max-width: 430px) {
  .pathway-route-mobile-v9 .pathway-mobile-connector {
    stroke-width: 3.2px;
  }

  .pathway-route-mobile-v9 .pathway-mobile-arrowhead {
    stroke-width: 3.1px;
  }
}

/* OptiEndo v10: keep the mobile menu anchored to the hamburger. */
@media (max-width: 980px) {
  .mobile-menu {
    position: relative;
  }

  .mobile-menu nav,
  .mobile-menu[open] nav {
    right: 0;
    left: auto;
    width: min(390px, calc(100vw - 40px));
  }
}

/* OptiEndo 7.10 — mobile refinements; the desktop layout stays unchanged. */
@media (max-width: 820px) {
  .site-header {
    min-height: 82px;
    transition: min-height .2s ease;
  }
  .site-header .brand,
  .site-header .brand img {
    width: 172px;
    max-width: 100%;
    transition: width .2s ease;
  }
  .site-header.oe-mobile-compact { min-height: 62px; }
  .site-header.oe-mobile-compact .brand,
  .site-header.oe-mobile-compact .brand img { width: 132px; }
  .site-header .mobile-menu summary { width: 46px; height: 46px; }
  .site-header .mobile-menu nav { top: calc(100% + 16px); }
  .site-header.oe-mobile-compact .mobile-menu nav { top: calc(100% + 6px); }
  #optiendo-mosaic-root .oeh-eyebrow {
    font-size: clamp(14px, 3.8vw, 17px);
    line-height: 1.45;
    letter-spacing: .105em;
  }
  .care-sheet .care-sheet-copy {
    min-width: 0;
    container-type: inline-size;
  }
  .care-sheet .care-sheet-copy h3 {
    max-width: 100%;
    font-size: clamp(26px, 9vw, 48px);
    font-size: clamp(24px, 12.4cqw, 52px);
    line-height: 1.02;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  .care-sheet-wrap--pedo .care-sheet .care-sheet-copy h3 {
    font-size: clamp(25px, 7.6vw, 44px);
    font-size: clamp(23px, 10cqw, 46px);
  }
  #cenik .pricing-marker {
    margin: 20px 0 0;
    padding: 0;
    max-width: 30ch;
    color: var(--ink);
    font-family: "Opti Lato", sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    border: 0;
    rotate: none;
    transform: none;
    cursor: default;
  }
  #cenik .pricing-marker svg,
  #cenik .pricing-marker::before,
  #cenik .pricing-marker::after { display: none; }
  #cenik[data-pricing-mode="unavailable"] .pricing-marker { display: none; }
}
@media (max-width: 820px) and (prefers-reduced-motion: reduce) {
  .site-header,
  .site-header .brand,
  .site-header .brand img { transition: none; }
}