.page-header{position:relative;overflow:hidden}
.page-header__content{position:relative;z-index:2}
.page-header__scene{position:absolute;z-index:1;right:-40px;bottom:-30px;width:min(70vw,900px);color:var(--teal);opacity:.34;pointer-events:none}
.wave-art{display:block;width:100%;height:auto;overflow:visible}
.wave-line{stroke-dasharray:10 12;animation:wave-dash 12s linear infinite}
.wave-line--2{animation-duration:17s;animation-direction:reverse}
.wave-line--3{animation-duration:21s}
.wave-art__fish .fish{transform-box:fill-box;transform-origin:center;animation:fish-float 7s ease-in-out infinite}
.wave-art__fish .fish--2{animation-delay:-2s;animation-duration:9s}
.wave-art__fish .fish--3{animation-delay:-4s;animation-duration:8s}
.wave-art__bubbles{animation:bubbles-rise 6s ease-in-out infinite}
.hero__visual{position:absolute;z-index:1;top:8%;right:max(1%,calc((100vw - 1480px)/2));width:min(48vw,620px);color:var(--cream);opacity:.32;pointer-events:none}
.hero__in{z-index:2}
.hero-scene{display:block;width:100%;height:auto;transform:translate(var(--scene-x,0),var(--scene-y,0));transition:transform .35s ease-out}
.hero-scene__sonar{opacity:.45;transform-origin:338px 296px;animation:sonar-turn 55s linear infinite}
.hero-scene__route{stroke-dasharray:12 14;animation:wave-dash 10s linear infinite}
.hero-scene__fish{opacity:.9;animation:fish-float 8s ease-in-out infinite}
.hero-scene__small-fish{opacity:.7;animation:fish-float 11s ease-in-out infinite reverse}
.hero-scene__bubbles{animation:bubbles-rise 7s ease-in-out infinite}
.hero-scene__point{filter:drop-shadow(0 0 14px rgba(232,163,61,.7));animation:point-pulse 2.8s ease-in-out infinite}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:7px;list-style:none}
.breadcrumbs li{display:flex;align-items:center;gap:7px}
.breadcrumbs li+li::before{content:'→';opacity:.55}
.page-header .breadcrumbs{margin-bottom:20px;padding-top:0;color:rgba(233,223,211,.68);font-size:13px}
.page-header .breadcrumbs a{color:var(--cream);text-decoration-color:rgba(233,223,211,.45)}
.back-to-top{position:fixed;z-index:80;right:20px;bottom:20px;display:inline-flex;align-items:center;gap:7px;padding:12px 16px;background:var(--orange);border-radius:999px;box-shadow:0 10px 28px rgba(2,47,42,.3);color:#22120B;font-size:13px;font-weight:800;transition:transform .18s,opacity .18s}
.back-to-top[hidden]{display:none}
.back-to-top:hover{transform:translateY(-4px)}
.back-to-top svg{width:20px;height:20px}
body:has(.cookie-consent:not([hidden])) .back-to-top{bottom:104px}
.footer{position:relative;overflow:hidden}
.footer>.wrap{position:relative;z-index:2}
.footer__scene{position:absolute;z-index:1;right:-70px;bottom:10px;width:850px;max-width:90vw;color:var(--teal);opacity:.16;pointer-events:none}
.sitemap-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.sitemap-grid{display:grid;grid-template-columns:1fr;gap:20px}
.sitemap-group{padding:24px;background:var(--paper-2);border-radius:var(--r)}
.sitemap-group h2{font-family:var(--font-d);font-size:24px;line-height:1.2;color:var(--ink);text-transform:uppercase}
.sitemap-group h2 a:hover{color:var(--orange-d)}
.sitemap-group>p{margin-top:10px;color:var(--muted);font-size:14px}
.sitemap-group ul{display:grid;gap:8px;margin-top:18px;list-style:none}
.sitemap-group li{padding-left:14px;position:relative;font-size:14px}
.sitemap-group li::before{content:'';position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--orange)}
.sitemap-group li a{text-decoration:underline;text-decoration-color:rgba(11,57,57,.25);text-underline-offset:3px}
.sitemap-group li a:hover{text-decoration-color:var(--orange-d)}
.legal-cookie-settings{margin-top:24px}
@media (min-width:700px){.sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1200px){.sitemap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.hero__visual{right:-16%;width:70vw;opacity:.2}.page-header__scene{right:-180px;width:900px}}
@media (max-width:600px){.hero__visual{top:12%;right:-42%;width:110vw}.back-to-top{right:12px;bottom:12px;padding:11px 13px}.back-to-top span{display:none}.breadcrumbs{font-size:12px}}
@media (prefers-reduced-motion:reduce){.wave-line,.wave-art__fish .fish,.wave-art__bubbles,.hero-scene__sonar,.hero-scene__route,.hero-scene__fish,.hero-scene__small-fish,.hero-scene__bubbles,.hero-scene__point{animation:none}.hero-scene{transform:none;transition:none}.back-to-top:hover{transform:none}}
@keyframes wave-dash{to{stroke-dashoffset:-240}}
@keyframes fish-float{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-12px)}}
@keyframes bubbles-rise{0%,100%{transform:translateY(8px);opacity:.35}50%{transform:translateY(-12px);opacity:.85}}
@keyframes sonar-turn{to{transform:rotate(360deg)}}
@keyframes point-pulse{0%,100%{transform:translate(338px,296px) scale(.85)}50%{transform:translate(338px,296px) scale(1.12)}}
html[data-theme="dark"] .sitemap-group h2{color:var(--cream)}
html[data-theme="dark"] .sitemap-group li a{text-decoration-color:rgba(233,223,211,.25)}

.page-header{padding:42px 0}
.page-header h1{font-size:clamp(28px,3.4vw,46px);line-height:1.16;letter-spacing:.01em}
.section-heading h2{font-size:clamp(24px,2.8vw,36px)}
@media (max-width:600px){.page-header{padding:32px 0}.page-header h1{font-size:clamp(26px,8vw,34px)}}

.header__brand{gap:6px}
.header__logo{width:44px;height:34px}
.header__name{font-size:19px;letter-spacing:.02em}

.footer__intro-brand{gap:10px}
.footer__logo{width:56px;height:44px}
.footer__intro-brand span{font-size:22px;letter-spacing:.03em}

.sitemap-group__toggle{margin-top:18px;padding:8px 0;color:var(--orange-d);font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.sitemap-group__toggle:hover{color:var(--ink)}
.sitemap-group__more[hidden]{display:none!important}
html[data-theme="dark"] .sitemap-group__toggle:hover{color:var(--orange)}

.sitemap-group__details{margin-top:18px}
.sitemap-group__details summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--orange-d);font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:4px;list-style-position:inside}
.sitemap-group__details summary:hover{color:var(--ink)}
.sitemap-group__details ul{margin-top:18px}
.sitemap-group__hide-all{display:none}
.sitemap-group__details[open] .sitemap-group__hide-all{display:inline}
.sitemap-group__details[open] .sitemap-group__show-all{display:none}
html[data-theme="dark"] .sitemap-group__details summary:hover{color:var(--orange)}