/* One visual system for the five primary service cards. */
#services .cards>.service-card,
#services .cards>.price-open-card,
#services .cards>.safety-card,
#services .cards>.documents-card,
#services .cards>.articles-card{
  min-width:0;min-height:324px;height:100%;padding:25px;
  border:1px solid #cfe4f0;border-top:3px solid #55b1d8;border-radius:12px;
  background:linear-gradient(145deg,#fff 0%,#f8fcfe 100%);color:#10345f;
  box-shadow:0 8px 24px rgba(23,82,115,.08);
}
#services .cards>.service-card{display:flex;flex-direction:column}
#services .cards>.price-open-card{display:flex;flex-direction:column}
#services .cards>.safety-card,#services .cards>.documents-card,#services .cards>.articles-card{display:flex;flex-direction:column;align-items:stretch}
#services .cards>.service-card h3,
#services .cards>.price-open-card .price-open-title,
#services .cards>.safety-card .safety-card-title,
#services .cards>.documents-card .documents-card-title,
#services .cards>.articles-card .articles-card-title{
  margin:0 0 9px;color:#103f64;font-size:17px;font-weight:750;line-height:1.25;letter-spacing:0
}
#services .cards>.service-card>p,
#services .cards>.price-open-card .price-open-copy,
#services .cards>.safety-card .safety-card-description,
#services .cards>.documents-card .documents-card-description,
#services .cards>.articles-card .articles-card-copy{
  margin:0;color:#60778c;font-size:14px;font-weight:400;line-height:1.55;letter-spacing:0
}
#services .cards>.service-card>.album-open,
#services .cards>.price-open-card>.price-open-action,
#services .cards>.safety-card>.album-open,
#services .cards>.documents-card>.documents-card-action,
#services .cards>.articles-card>.articles-card-action{
  display:flex;align-items:center;gap:12px;width:100%;min-height:66px;margin-top:auto;padding:13px 14px;
  border:1px solid #cfe4f0;border-radius:10px;background:#eaf6fc;color:#103f64;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
  font:inherit;text-align:left;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease
}
#services .cards>.service-card>.album-open{margin-top:auto}
#services .cards>.safety-card>.album-open{margin-top:auto}
#services .cards>.price-open-card>.price-open-action{border-radius:10px;background:#eaf6fc}
#services .cards>.price-open-card .price-open-action .album-copy strong,
#services .cards>.service-card .album-copy strong,
#services .cards>.safety-card .album-copy strong,
#services .cards>.documents-card .album-copy strong,
#services .cards>.articles-card .album-copy strong{font-size:11px;font-weight:750;line-height:1.3;letter-spacing:.065em}
#services .cards>.price-open-card .price-open-action .album-copy small,
#services .cards>.service-card .album-copy small,
#services .cards>.safety-card .album-copy small,
#services .cards>.documents-card .album-copy small,
#services .cards>.articles-card .album-copy small{color:#60778c;font-size:12px;font-weight:400;line-height:1.35;letter-spacing:0}
#services .cards>.service-card .album-mark,
#services .cards>.price-open-card .price-open-action .album-mark,
#services .cards>.safety-card .album-mark,
#services .cards>.documents-card .album-mark,
#services .cards>.articles-card .album-mark{flex:0 0 38px;width:38px;height:38px;margin:0;border-radius:9px;background:#d6eff9;color:#087fbd;font-size:20px}
#services .cards>.service-card .album-arrow,
#services .cards>.price-open-card .price-open-action .album-arrow,
#services .cards>.safety-card .album-arrow,
#services .cards>.documents-card .album-arrow,
#services .cards>.articles-card .album-arrow{margin-left:auto;color:#087fbd;font-size:18px}
#services .cards>.service-card:hover,
#services .cards>.price-open-card:hover,
#services .cards>.safety-card:hover,
#services .cards>.documents-card:hover,
#services .cards>.articles-card:hover,
#services .cards>.service-card:focus-within,
#services .cards>.price-open-card:focus-visible,
#services .cards>.safety-card:focus-visible,
#services .cards>.documents-card:focus-visible,
#services .cards>.articles-card:focus-visible{border-color:#087fbd;border-top-color:#087fbd;background:#087fbd;color:#fff;box-shadow:0 16px 34px rgba(0,104,163,.2);transform:translateY(-4px);outline:none}
#services .cards>.service-card:hover h3,
#services .cards>.service-card:hover>p,
#services .cards>.price-open-card:hover .price-open-title,
#services .cards>.price-open-card:hover .price-open-copy,
#services .cards>.safety-card:hover .safety-card-title,
#services .cards>.safety-card:hover .safety-card-description,
#services .cards>.documents-card:hover .documents-card-title,
#services .cards>.documents-card:hover .documents-card-description,
#services .cards>.articles-card:hover .articles-card-title,
#services .cards>.articles-card:hover .articles-card-copy,
#services .cards>.service-card:focus-within h3,
#services .cards>.service-card:focus-within>p,
#services .cards>.price-open-card:focus-visible .price-open-title,
#services .cards>.price-open-card:focus-visible .price-open-copy,
#services .cards>.safety-card:focus-visible .safety-card-title,
#services .cards>.safety-card:focus-visible .safety-card-description,
#services .cards>.documents-card:focus-visible .documents-card-title,
#services .cards>.documents-card:focus-visible .documents-card-description,
#services .cards>.articles-card:focus-visible .articles-card-title,
#services .cards>.articles-card:focus-visible .articles-card-copy{color:#fff}
#services .cards>.service-card:hover>.album-open,
#services .cards>.price-open-card:hover>.price-open-action,
#services .cards>.safety-card:hover>.album-open,
#services .cards>.documents-card:hover>.documents-card-action,
#services .cards>.articles-card:hover>.articles-card-action,
#services .cards>.service-card:focus-within>.album-open,
#services .cards>.price-open-card:focus-visible>.price-open-action,
#services .cards>.safety-card:focus-visible>.album-open,
#services .cards>.documents-card:focus-visible>.documents-card-action,
#services .cards>.articles-card:focus-visible>.articles-card-action{
  border-color:rgba(255,255,255,.44);background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)
}
#services .cards>.service-card:hover>.album-open .album-mark,
#services .cards>.price-open-card:hover>.price-open-action .album-mark,
#services .cards>.safety-card:hover>.album-open .album-mark,
#services .cards>.documents-card:hover>.documents-card-action .album-mark,
#services .cards>.articles-card:hover>.articles-card-action .album-mark,
#services .cards>.service-card:focus-within>.album-open .album-mark,
#services .cards>.price-open-card:focus-visible>.price-open-action .album-mark,
#services .cards>.safety-card:focus-visible>.album-open .album-mark,
#services .cards>.documents-card:focus-visible>.documents-card-action .album-mark,
#services .cards>.articles-card:focus-visible>.articles-card-action .album-mark{background:rgba(255,255,255,.19);color:#fff}
#services .cards>.service-card:hover .album-copy small,
#services .cards>.price-open-card:hover .price-open-action .album-copy small,
#services .cards>.safety-card:hover .album-copy small,
#services .cards>.documents-card:hover .album-copy small,
#services .cards>.articles-card:hover .album-copy small,
#services .cards>.service-card:hover .album-arrow,
#services .cards>.price-open-card:hover .price-open-action .album-arrow,
#services .cards>.safety-card:hover .album-arrow,
#services .cards>.documents-card:hover .album-arrow,
#services .cards>.articles-card:hover .album-arrow{color:#fff}
html[data-theme="dark"] #services .cards>.service-card:hover,
html[data-theme="dark"] #services .cards>.price-open-card:hover,
html[data-theme="dark"] #services .cards>.safety-card:hover,
html[data-theme="dark"] #services .cards>.documents-card:hover,
html[data-theme="dark"] #services .cards>.articles-card:hover,
html[data-theme="dark"] #services .cards>.service-card:focus-within,
html[data-theme="dark"] #services .cards>.price-open-card:focus-visible,
html[data-theme="dark"] #services .cards>.safety-card:focus-visible,
html[data-theme="dark"] #services .cards>.documents-card:focus-visible,
html[data-theme="dark"] #services .cards>.articles-card:focus-visible{border-color:#e39658;border-top-color:#e39658;background:#18364a;color:#f3f8fa;box-shadow:0 12px 32px rgba(0,0,0,.24),0 0 22px rgba(231,135,73,.1);transform:translateY(-4px)}
html[data-theme="dark"] #services .cards>.service-card,
html[data-theme="dark"] #services .cards>.price-open-card,
html[data-theme="dark"] #services .cards>.safety-card,
html[data-theme="dark"] #services .cards>.documents-card,
html[data-theme="dark"] #services .cards>.articles-card{
  border-color:#294656;border-top-color:#428eaa;background:linear-gradient(145deg,#173141,#132b3a);color:#e3edf2;box-shadow:0 9px 24px rgba(0,0,0,.18)
}
html[data-theme="dark"] #services .cards>.service-card h3,
html[data-theme="dark"] #services .cards>.price-open-card .price-open-title,
html[data-theme="dark"] #services .cards>.safety-card .safety-card-title,
html[data-theme="dark"] #services .cards>.documents-card .documents-card-title,
html[data-theme="dark"] #services .cards>.articles-card .articles-card-title{color:#e8f3f7}
html[data-theme="dark"] #services .cards>.service-card>p,
html[data-theme="dark"] #services .cards>.price-open-card .price-open-copy,
html[data-theme="dark"] #services .cards>.safety-card .safety-card-description,
html[data-theme="dark"] #services .cards>.documents-card .documents-card-description,
html[data-theme="dark"] #services .cards>.articles-card .articles-card-copy{color:#b6c8d1}
html[data-theme="dark"] #services .cards>.service-card>.album-open,
html[data-theme="dark"] #services .cards>.price-open-card>.price-open-action,
html[data-theme="dark"] #services .cards>.safety-card>.album-open,
html[data-theme="dark"] #services .cards>.documents-card>.documents-card-action,
html[data-theme="dark"] #services .cards>.articles-card>.articles-card-action{border-color:#355567;background:#1a3b4d;color:#e3edf2;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
html[data-theme="dark"] #services .cards>.service-card .album-mark,
html[data-theme="dark"] #services .cards>.price-open-card .price-open-action .album-mark,
html[data-theme="dark"] #services .cards>.safety-card .album-mark,
html[data-theme="dark"] #services .cards>.documents-card .album-mark,
html[data-theme="dark"] #services .cards>.articles-card .album-mark{background:#21485b;color:#8fe0ed}
html[data-theme="dark"] #services .cards>.service-card .album-copy small,
html[data-theme="dark"] #services .cards>.price-open-card .price-open-action .album-copy small,
html[data-theme="dark"] #services .cards>.safety-card .album-copy small,
html[data-theme="dark"] #services .cards>.documents-card .album-copy small,
html[data-theme="dark"] #services .cards>.articles-card .album-copy small{color:#b7cbd5}
html[data-theme="dark"] #services .cards>.service-card .album-arrow,
html[data-theme="dark"] #services .cards>.price-open-card .price-open-action .album-arrow,
html[data-theme="dark"] #services .cards>.safety-card .album-arrow,
html[data-theme="dark"] #services .cards>.documents-card .album-arrow,
html[data-theme="dark"] #services .cards>.articles-card .album-arrow{color:#78cde4}
html[data-theme="dark"] #services .cards>.service-card:hover>.album-open,
html[data-theme="dark"] #services .cards>.price-open-card:hover>.price-open-action,
html[data-theme="dark"] #services .cards>.safety-card:hover>.album-open,
html[data-theme="dark"] #services .cards>.documents-card:hover>.documents-card-action,
html[data-theme="dark"] #services .cards>.articles-card:hover>.articles-card-action,
html[data-theme="dark"] #services .cards>.service-card:focus-within>.album-open,
html[data-theme="dark"] #services .cards>.price-open-card:focus-visible>.price-open-action,
html[data-theme="dark"] #services .cards>.safety-card:focus-visible>.album-open,
html[data-theme="dark"] #services .cards>.documents-card:focus-visible>.documents-card-action,
html[data-theme="dark"] #services .cards>.articles-card:focus-visible>.articles-card-action{border-color:rgba(255,255,255,.44);background:rgba(255,255,255,.12);color:#fff}
html[data-theme="dark"] #services .cards>.service-card:hover .album-copy small,
html[data-theme="dark"] #services .cards>.price-open-card:hover .price-open-action .album-copy small,
html[data-theme="dark"] #services .cards>.safety-card:hover .album-copy small,
html[data-theme="dark"] #services .cards>.documents-card:hover .album-copy small,
html[data-theme="dark"] #services .cards>.articles-card:hover .album-copy small,
html[data-theme="dark"] #services .cards>.service-card:hover .album-arrow,
html[data-theme="dark"] #services .cards>.price-open-card:hover .price-open-action .album-arrow,
html[data-theme="dark"] #services .cards>.safety-card:hover .album-arrow,
html[data-theme="dark"] #services .cards>.documents-card:hover .album-arrow,
html[data-theme="dark"] #services .cards>.articles-card:hover .album-arrow,
html[data-theme="dark"] #services .cards>.service-card:focus-within .album-copy small,
html[data-theme="dark"] #services .cards>.price-open-card:focus-visible .price-open-action .album-copy small,
html[data-theme="dark"] #services .cards>.safety-card:focus-visible .album-copy small,
html[data-theme="dark"] #services .cards>.documents-card:focus-visible .album-copy small,
html[data-theme="dark"] #services .cards>.articles-card:focus-visible .album-copy small{color:#fff}
#services .cards>.service-card:hover .icon,
#services .cards>.price-open-card:hover .icon,
#services .cards>.safety-card:hover .icon,
#services .cards>.documents-card:hover .icon,
#services .cards>.articles-card:hover .icon,
#services .cards>.service-card:focus-within .icon,
#services .cards>.price-open-card:focus-visible .icon,
#services .cards>.safety-card:focus-visible .icon,
#services .cards>.documents-card:focus-visible .icon,
#services .cards>.articles-card:focus-visible .icon{background:rgba(255,255,255,.18);color:#fff}
@media(max-width:700px){#services .cards>.service-card,#services .cards>.price-open-card,#services .cards>.safety-card,#services .cards>.documents-card,#services .cards>.articles-card{min-height:300px;padding:22px}}
@media(max-width:480px){#services .cards>.service-card,#services .cards>.price-open-card,#services .cards>.safety-card,#services .cards>.documents-card,#services .cards>.articles-card{min-height:280px;padding:20px}}
@media(prefers-reduced-motion:reduce){#services .cards>.service-card,#services .cards>.price-open-card,#services .cards>.safety-card,#services .cards>.documents-card,#services .cards>.articles-card,#services .cards .album-open,#services .cards .price-open-action,#services .cards .documents-card-action,#services .cards .articles-card-action{transition:none!important}}

/* Uppercase service names; all five outer rectangles and inner action panels share exact dimensions. */
#services .cards{grid-auto-rows:340px}
#services .cards>.service-card,
#services .cards>.price-open-card,
#services .cards>.safety-card,
#services .cards>.documents-card,
#services .cards>.articles-card{height:340px;min-height:0}
#services .cards>.service-card h3,
#services .cards>.price-open-card .price-open-title,
#services .cards>.safety-card .safety-card-title,
#services .cards>.documents-card .documents-card-title,
#services .cards>.articles-card .articles-card-title{text-transform:uppercase}
#services .cards>.service-card>.album-open,
#services .cards>.price-open-card>.price-open-action,
#services .cards>.safety-card>.album-open,
#services .cards>.documents-card>.documents-card-action,
#services .cards>.articles-card>.articles-card-action{height:74px;min-height:74px;flex:0 0 74px;overflow:hidden}
#services .cards>.service-card .album-copy,
#services .cards>.price-open-card .price-open-action .album-copy,
#services .cards>.safety-card .album-copy,
#services .cards>.documents-card .album-copy,
#services .cards>.articles-card .album-copy{min-width:0;flex:1 1 auto;overflow:hidden}
#services .cards>.service-card .album-copy strong,
#services .cards>.price-open-card .price-open-action .album-copy strong,
#services .cards>.safety-card .album-copy strong,
#services .cards>.documents-card .album-copy strong,
#services .cards>.articles-card .album-copy strong,
#services .cards>.service-card .album-copy small,
#services .cards>.price-open-card .price-open-action .album-copy small,
#services .cards>.safety-card .album-copy small,
#services .cards>.documents-card .album-copy small,
#services .cards>.articles-card .album-copy small{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}
@media(max-width:700px){#services .cards{grid-auto-rows:320px}#services .cards>.service-card,#services .cards>.price-open-card,#services .cards>.safety-card,#services .cards>.documents-card,#services .cards>.articles-card{height:320px}}
@media(max-width:480px){#services .cards{grid-auto-rows:310px}#services .cards>.service-card,#services .cards>.price-open-card,#services .cards>.safety-card,#services .cards>.documents-card,#services .cards>.articles-card{height:310px}}
#top>.hero>.hero-inner>p{text-transform:uppercase}
@media(prefers-reduced-motion:reduce){#services .cards>.service-card,#services .cards>.price-open-card,#services .cards>.safety-card,#services .cards>.documents-card,#services .cards>.articles-card{transition:none!important}}