.services-over-sea{position:relative;z-index:2;padding:calc(var(--coast-blend) + 20px) 0 185px;text-align:center}
.services-over-sea h2{display:inline-block;max-width:calc(100% - 40px);margin:0 20px 34px;padding:18px 30px;border:1px solid #dbb967;border-radius:20px;background:#080808;color:#ffe2a0;font-size:clamp(28px,4.5vw,60px);font-weight:700;letter-spacing:-.04em;text-shadow:0 0 12px #f5c85b80;box-shadow:inset 0 0 18px #d5af4220,0 0 13px #f5ce6955,0 8px 22px #00152e55}
.service-lanes{overflow:hidden;padding:18px 0;display:grid;gap:24px}
.service-track{display:flex;width:max-content;min-width:100%;animation:services-drift 28s ease-in-out infinite alternate;will-change:transform}
.service-group{display:flex;gap:24px;padding:0 24px;margin:auto}
.service-card{width:290px;min-height:130px;padding:28px 24px;border:1px solid #dbb967;border-radius:20px;background:linear-gradient(135deg,#092e4e,#03172d);box-shadow:inset 0 0 18px #d5af4220,0 0 13px #f5ce6955,0 8px 22px #00152e55;color:#ffe2a0;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;text-align:left;transition:box-shadow .2s,border-color .2s}
.service-card strong{font-size:20px;line-height:1.25;font-weight:700;text-shadow:0 0 12px #f5c85b80}
.service-card span{font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#ffe8b8;text-shadow:0 0 10px #ffdc8080}
.service-card:hover,.service-card:focus-visible{border-color:#fff0bc;box-shadow:inset 0 0 25px #d5af4230,0 0 24px #f5ce6988;outline:2px solid #fff0bc;outline-offset:3px}
@keyframes services-drift{from{transform:translateX(0)}to{transform:translateX(min(0px,calc(100vw - 100% - 16px)))}}
.service-dialog{position:fixed;inset:0;margin:auto;width:min(560px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow:auto;padding:42px 36px 36px;border:1px solid #dabb75;border-radius:24px;background:linear-gradient(145deg,#0a3151,#031629);color:#fff;box-shadow:0 0 35px #dabb7540,0 24px 100px #0009}
.service-dialog::backdrop{background:#001023bd;backdrop-filter:blur(6px)}
.service-close{position:absolute;top:10px;right:14px;width:40px;height:40px;border:0;background:transparent;color:#ffe4a7;font-size:30px;cursor:pointer}
.service-kicker{font-size:10px;letter-spacing:.18em;color:#ddbd77;margin:0 0 18px}
.service-dialog h2{font-size:clamp(26px,6vw,36px);line-height:1.15;color:#ffe4a7;margin:0 0 22px;text-shadow:0 0 18px #dabb7540;letter-spacing:-.03em}
.service-description{font-size:16px;line-height:1.7;color:#e4edf5}
.service-items{padding-left:22px;margin:24px 0 30px;line-height:1.8;color:#e4edf5}
.service-items li::marker{color:#ddbd77}
.service-budget{display:block;text-align:center;padding:16px 20px;background:linear-gradient(120deg,#f7dfa0,#cfa755);border-radius:12px;color:#061e34;font-weight:800;text-decoration:none}
.service-dialog :focus-visible{outline:2px solid #ffe4a7;outline-offset:4px}
html:has(.service-dialog[open]){overflow:hidden}
@media(max-width:760px){.service-card{width:250px;min-height:118px;padding:24px 20px}.service-card strong{font-size:18px}.service-group{gap:18px;padding-right:18px}.service-lanes{gap:20px}.services-over-sea{padding-top:calc(var(--coast-blend) + 12px);padding-bottom:175px}.service-dialog{padding:42px 24px 28px}}
@media(prefers-reduced-motion:reduce){.service-track{animation:none;transform:none;width:100%}.service-group{flex-wrap:wrap;justify-content:center;width:100%;padding:0 18px}.service-group[aria-hidden]{display:none}.service-card{width:min(290px,100%)}.services-pause{display:none}}