/* Scoped BlueTech ocean hero. Original Three.js and Manrope licenses included. */
.btc-ocean{--navy:#031c29;--deep:#041823;--ink:#082b38;--green:#a7ddd0;--accent:#60ac33;--white:#f5f7f4;--gutter:clamp(24px,6vw,96px);position:relative;color:var(--white);font:16px/1.65 "BTC Manrope",Arial,sans-serif;isolation:isolate}
.btc-ocean *{box-sizing:border-box}.btc-ocean a{color:inherit;text-decoration:none}.btc-ocean h1,.btc-ocean h2,.btc-ocean p{margin:0}.btc-ocean h1,.btc-ocean h2{color:inherit;font-family:inherit;font-weight:500;letter-spacing:-.055em;line-height:1.07}.btc-ocean em{font-style:normal}.btc-ocean button{font:inherit;cursor:pointer}.btc-ocean a:focus-visible,.btc-ocean button:focus-visible{outline:2px solid #60ac33;outline-offset:5px}
.btc-ocean a{color:inherit;text-decoration:none}
.btc-ocean button{font:inherit}
.btc-ocean a,.btc-ocean button{-webkit-tap-highlight-color:transparent}
.btc-ocean a:focus-visible,.btc-ocean button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.btc-ocean button{cursor:pointer}
.btc-ocean h1,.btc-ocean h2,.btc-ocean h3,.btc-ocean p{margin:0}
.btc-ocean h1,.btc-ocean h2,.btc-ocean h3{font-weight:500;line-height:1.07;letter-spacing:-.055em}
.btc-ocean em{font-style:normal;color:var(--green)}
.btc-ocean button,.btc-ocean a{touch-action:manipulation}
.btc-ocean img{max-width:100%;display:block}
.btc-ocean .eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:12px;line-height:1.5}
.btc-ocean .eyebrow>span{height:2px;width:24px;background:var(--accent);flex:none}
.btc-ocean .button{display:inline-flex;gap:36px;align-items:center;justify-content:space-between;background:var(--accent);border:1px solid var(--accent);color:var(--navy);padding:16px 23px;border-radius:3px;font-size:14px;font-weight:700;line-height:1.5;transition:background .25s,transform .25s}
.btc-ocean .button:hover{background:#75bd46;transform:translateY(-2px)}
.btc-ocean .button>span,.btc-ocean .text-link>span{font-size:21px;font-weight:400;line-height:1}
.btc-ocean .button-small{padding:12px 20px;gap:26px}
.btc-ocean .text-link{display:inline-flex;align-items:center;gap:25px;font-size:14px;font-weight:600;line-height:1.6;padding:9px 0;border-bottom:1px solid currentColor;transition:color .25s,gap .25s}
.btc-ocean .text-link:hover{color:var(--accent);gap:33px}
.btc-ocean .ocean-journey{height:255svh;position:relative}
.btc-ocean .ocean-sticky{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden;background:linear-gradient(165deg,#133e48 0%,#06212f 37%,#126268 58%,#031c29 100%)}
.btc-ocean .ocean-canvas{position:absolute;inset:0}
.btc-ocean .ocean-canvas canvas{display:block;width:100%;height:100%}
.btc-ocean .ocean-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,30,.87) 0%,rgba(2,20,30,.57) 29%,transparent 67%),linear-gradient(0deg,var(--navy) 0%,transparent 30%,transparent 83%,rgba(2,20,30,.22));pointer-events:none}
.btc-ocean .hero-content{position:absolute;z-index:2;top:50%;left:var(--gutter);width:56%;transform:translateY(-41%);will-change:opacity,transform}
.btc-ocean .hero-content h1{font-size:clamp(62px,7.25vw,120px);line-height:1.01;margin:29px 0 28px;font-weight:500;letter-spacing:-.065em}
.btc-ocean .hero-content h1 em{color:#b6e0d2}
.btc-ocean .hero-description{font-size:clamp(16px,1.22vw,20px);color:#d0e1e1;line-height:1.7;max-width:480px}
.btc-ocean .hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}
.btc-ocean .hero-actions .text-link{border:0}
.btc-ocean .hero-bottom{position:absolute;bottom:34px;left:var(--gutter);right:var(--gutter);z-index:3;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:18px}
.btc-ocean .location{display:flex;align-items:center;gap:16px;font-size:12px;font-weight:600;letter-spacing:.11em;line-height:1.6}
.btc-ocean .location-mark{font-size:32px;font-weight:200;color:var(--green)}
.btc-ocean .location small{font-size:12px;font-weight:400;letter-spacing:.11em;color:#87a9b0}
.btc-ocean .scroll-cue{display:flex;align-items:center;gap:13px;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.btc-ocean .scroll-track{height:38px;width:19px;border:1px solid #759da7;border-radius:12px;position:relative}
.btc-ocean .scroll-track:after{content:"";position:absolute;top:7px;left:8px;width:1px;height:8px;background:var(--accent);animation:scroll-hint 2.3s infinite}
@keyframes scroll-hint{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(11px);opacity:1}}
.btc-ocean .motion-toggle{border:0;color:#aec5cb;background:transparent;display:flex;align-items:center;gap:9px;padding:10px 0;font-size:12px}
.btc-ocean .pause-icon{font-size:17px;color:var(--white)}
.btc-ocean .island-labels{position:absolute;inset:0;z-index:3;pointer-events:none}
.btc-ocean .island-link{pointer-events:auto;position:absolute;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 7px #001019;min-height:44px;transition:color .25s,opacity .35s}
.btc-ocean .island-link>span:nth-child(2){padding:8px 11px;background:rgba(4,27,37,.54);border:1px solid rgba(191,225,223,.22);border-radius:2px;backdrop-filter:blur(8px)}
.btc-ocean .island-link small{font-size:12px;opacity:.6;margin-right:7px}
.btc-ocean .island-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(96,172,51,.12),0 0 18px rgba(96,172,51,.5);flex:none}
.btc-ocean .island-link:hover,.btc-ocean .island-link:focus-visible{color:var(--green)}
.btc-ocean .island-tip{position:absolute;left:17px;top:42px;font-size:12px;opacity:0;transform:translateY(-5px);transition:opacity .2s,transform .2s;background:#072938;padding:7px 12px;pointer-events:none}
.btc-ocean .island-link:hover .island-tip,.btc-ocean .island-link:focus-visible .island-tip{opacity:1;transform:translateY(0)}
.btc-ocean .island-1{left:65%;top:43%}
.btc-ocean .island-2{left:76%;top:57%}
.btc-ocean .island-3{left:54%;top:61%}
.btc-ocean .island-4{left:83%;top:37%}
.btc-ocean .dive-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;transform:translateY(40px)}
.btc-ocean .dive-content h2{font-size:clamp(44px,6vw,96px);margin:28px 0}
.btc-ocean .dive-content p:not(.eyebrow){font-size:17px;color:#bad8d9}
.btc-ocean .dive-content .text-link{margin-top:24px;pointer-events:none}
@media (min-width:1700px){.btc-ocean .hero-content{width:800px}
.btc-ocean .ocean-sticky{max-height:1200px}}
@media (max-width:1100px){.btc-ocean .hero-content{width:66%}
.btc-ocean .hero-content h1{font-size:8.4vw}
.btc-ocean .hero-actions{gap:18px}
.btc-ocean .island-link{font-size:12px}
.btc-ocean .island-link small{display:none}
.btc-ocean .hero-bottom .location{font-size:12px}
.btc-ocean .motion-label{display:none}}
@media (max-width:760px){.btc-ocean .ocean-journey{height:220svh}
.btc-ocean .ocean-sticky{min-height:660px}
.btc-ocean .hero-content{top:145px;transform:none;width:calc(100% - 48px)}
.btc-ocean .eyebrow{font-size:12px}
.btc-ocean .hero-content h1{font-size:clamp(54px,11.7vw,89px);margin:23px 0 23px;line-height:1.04}
.btc-ocean .hero-description{font-size:15px;max-width:330px}
.btc-ocean .hero-actions{margin-top:26px;gap:20px;flex-wrap:wrap}
.btc-ocean .hero-actions .button{font-size:13px;padding:14px 17px;gap:25px}
.btc-ocean .hero-actions .text-link{font-size:12px;gap:10px}
.btc-ocean .ocean-shade{background:linear-gradient(180deg,rgba(2,20,30,.58) 0%,rgba(2,20,30,.39) 35%,rgba(2,20,30,0) 70%,var(--navy) 100%),linear-gradient(90deg,rgba(2,20,30,.35),transparent)}
.btc-ocean .island-link{font-size:12px;gap:8px;min-height:42px}
.btc-ocean .island-link>span:nth-child(2){padding:5px 8px}
.btc-ocean .island-link small{display:none}
.btc-ocean .island-tip{display:none}
.btc-ocean .island-1{left:26%;top:70%}
.btc-ocean .island-2{left:57%;top:79%}
.btc-ocean .island-3{left:9%;top:83%}
.btc-ocean .island-4{left:70%;top:64%}
.btc-ocean .hero-bottom{bottom:21px;left:24px;right:24px}
.btc-ocean .location{display:none}
.btc-ocean .scroll-cue{position:static;transform:none;left:auto;font-size:12px}
.btc-ocean .scroll-track{width:17px;height:28px}
.btc-ocean .scroll-track:after{left:7px;top:5px;height:6px}
.btc-ocean .motion-toggle{margin-left:auto}
.btc-ocean .dive-content{padding:0 24px}
.btc-ocean .dive-content h2{font-size:clamp(39px,9.5vw,65px);line-height:1.14;margin:25px 0}
.btc-ocean .dive-content p:not(.eyebrow){font-size:15px}}
@media (max-width:370px){.btc-ocean .hero-content h1{font-size:50px}
.btc-ocean .hero-actions{gap:12px}
.btc-ocean .hero-actions .button{font-size:12px}
.btc-ocean .hero-actions .text-link{font-size:12px}}
.btc-ocean .ocean-canvas.fallback{background:linear-gradient(90deg,rgba(3,28,41,.75),rgba(3,28,41,.28)),url("./news-odense.webp") center/cover}
.btc-ocean .ocean-canvas.fallback>canvas{display:none}
@media (max-width:760px){.btc-ocean .hero-content{top:125px}}
@media (max-width:760px){.btc-ocean .motion-toggle{margin-right:27px}}
.btc-ocean .ocean-sticky{top:0;height:var(--btc-view-height,100svh);min-height:0;max-height:none}
.btc-ocean.btc-scroll-ready .ocean-sticky{position:absolute;top:0;left:0;width:100%;will-change:transform}
.btc-ocean.btc-reduced .ocean-journey{height:var(--btc-view-height,100svh)}
.btc-ocean.btc-reduced .dive-content{display:none}
@media(max-height:640px){.btc-ocean .hero-content{top:38px;transform:none!important}.btc-ocean .hero-content h1{font-size:clamp(38px,6vw,68px);margin:16px 0}.btc-ocean .hero-actions{margin-top:16px}.btc-ocean .hero-bottom{bottom:12px}.btc-ocean .hero-description{font-size:15px}}
.btc-ocean .dive-content{z-index:4;text-shadow:0 2px 32px #031c29}.btc-ocean .dive-content h2{color:#f5f7f4}.btc-ocean .dive-content em{color:#a7ddd0}
.btc-ocean .ocean-canvas.fallback{background:linear-gradient(90deg,rgba(3,28,41,.88),rgba(3,28,41,.25)),url('./news-odense.webp') center/cover}
.btc-depth-rail{position:fixed;z-index:999;right:12px;top:calc(50% - 130px);height:260px;width:49px;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:12px;background:rgba(3,28,41,.92);border:1px solid rgba(167,221,208,.22);border-radius:40px;color:#b9d5d8;font:12px/1.2 "BTC Manrope",sans-serif;pointer-events:none}
.btc-depth-rail [data-depth-label]{writing-mode:vertical-rl;letter-spacing:.1em}.btc-depth-rail>div{width:2px;flex:1;background:#315461}.btc-depth-rail i{display:block;width:2px;background:#60ac33;height:0}
.btc-ocean .hero-content .button{color:#031c29}.btc-ocean .hero-description{max-width:480px}.btc-ocean .hero-bottom{z-index:5}
@media(max-width:760px){.btc-ocean{--gutter:24px}.btc-depth-rail{right:5px;top:auto;bottom:14px;height:108px;width:36px;padding:12px 5px}.btc-depth-rail [data-depth-label]{display:none}.btc-ocean .ocean-sticky{min-height:0}}
@media(prefers-reduced-motion:reduce){.btc-ocean .scroll-track:after{animation:none}.btc-ocean .hero-content,.btc-ocean .dive-content{transition:none}}

/* 1.0.5: native compositor sticky where the theme permits it. */
.btc-ocean.btc-scroll-ready.btc-native-sticky .ocean-sticky{position:sticky;will-change:auto}
.btc-ocean .ocean-journey{height:280svh}
.btc-ocean .island-link{transition:color .2s;will-change:transform}
.btc-ocean .island-link>span:nth-child(2){backdrop-filter:none;background:rgba(4,27,37,.82)}
.btc-ocean .dive-content{padding:32px max(24px,6vw)}
.btc-ocean .dive-content p:not(.eyebrow){color:#d0e1e1;font-size:clamp(16px,1.3vw,20px)}
.btc-ocean.btc-reduced .ocean-journey{height:var(--btc-view-height,100svh)}
@media(max-width:760px){.btc-ocean .ocean-journey{height:250svh}.btc-ocean.btc-reduced .ocean-journey{height:var(--btc-view-height,100svh)}.btc-ocean .hero-content{top:70px}.btc-ocean .hero-description{font-size:16px}}

/* Stable pinning: the scroll handler never changes the stage's layout mode. */
.btc-ocean.btc-pin-sticky .ocean-sticky{position:sticky!important;top:var(--btc-top,0px)!important;left:auto!important;right:auto!important;width:auto!important;transform:none!important;will-change:auto}
.btc-ocean.btc-pin-fallback .ocean-sticky{position:absolute!important;inset:0 0 auto 0!important;top:0!important;left:0!important;right:0!important;width:100%!important}
.btc-ocean.btc-reduced .ocean-sticky{position:relative!important;inset:auto!important;top:0!important;left:auto!important;right:auto!important;width:auto!important;transform:none!important}
