/* Retain the original slider design; only its real media and pause control differ. */
#kasier-theratio-hero .kr307-drone{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;pointer-events:none}
#kasier-theratio-hero .kr307-drone.kr307-ready{opacity:1}
#kasier-theratio-hero .kasier-theratio__nav{width:auto!important;max-width:calc(100% - 32px);flex-wrap:nowrap!important}
#kasier-theratio-hero .kr309-pause{font-size:0!important;padding:0!important;min-width:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#kasier-theratio-hero .kasier-theratio__nav .kr309-pause::before{content:""!important;display:block!important;width:32px;height:32px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M11%207v18M21%207v18%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M11%207v18M21%207v18%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
#kasier-theratio-hero .kasier-theratio__nav .kr309-pause[aria-pressed="true"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m11%206%2016%2010-16%2010z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m11%206%2016%2010-16%2010z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
#kasier-theratio-hero .kr309-pause:focus-visible{outline:2px solid currentColor;outline-offset:-5px}
@media(max-width:767px){#kasier-theratio-hero .kr307-drone{object-position:35% 50%}#kasier-theratio-hero .kasier-theratio__nav{right:16px!important;gap:8px!important}#kasier-theratio-hero .kasier-theratio__arrow{width:44px!important;flex-basis:44px!important}}
@media(prefers-reduced-motion:reduce){#kasier-theratio-hero .kr307-drone{display:none}}

@media(max-width:767px){#kasier-theratio-hero .kasier-theratio__nav .kr309-pause{position:absolute;right:0;bottom:70px;width:44px;height:44px}}

/* Fit the initial viewport, including WordPress's reserved admin-bar space.
   The site header overlays the hero and must not be subtracted again. */
#kasier-theratio-hero {
  --kr317-top: 0px;
  height: calc(100vh - var(--kr317-top)) !important;
  height: calc(100dvh - var(--kr317-top)) !important;
  min-height: 0 !important;
}
body.admin-bar #kasier-theratio-hero { --kr317-top: 32px; }
@media (max-width: 782px) {
  body.admin-bar #kasier-theratio-hero { --kr317-top: 46px; }
}
/* Keep the title below the header/panels on short desktop windows. */
@media (min-width: 1025px) and (max-height: 760px) {
  #kasier-theratio-hero .kasier-theratio__slide { padding: 270px 50px 90px !important; }
  #kasier-theratio-hero .kasier-theratio__title { font-size: clamp(32px, 3.4vw, 44px) !important; min-height: 0; margin-bottom: 14px !important; }
  #kasier-theratio-hero .kasier-theratio__description { font-size: 16px !important; min-height: 0; }
  #kasier-theratio-hero .kasier-theratio__button { margin-top: 22px !important; font-size: 14px !important; min-height: 44px; padding: 12px 24px; }
}