body.sea-v2{background:#062a3b!important;overflow-x:clip}
.sea-v2 header{background:#052b3bbf;padding:22px;border-radius:20px;border-color:#c1f6ff44;margin-block:20px}.sea-v2 header .brand,.sea-v2 header .nav>a{color:#edfdff!important}.sea-v2 .brand-icon{border-color:#c2f5ff}.sea-v2 .preview-notice{padding:10px 18px;text-align:center;font:12px/1.5 system-ui;background:#031d2cdb;color:#d7f7ff;border-bottom:1px solid #5bc4d688}
body.sea-v2::before{inset:-6%;background:linear-gradient(#00142133,#001e3040),url('ocean-water-v2.png') center/cover;animation:open-sea-swell 13s ease-in-out infinite alternate;opacity:1;will-change:transform}
body.sea-v2::after{background:repeating-radial-gradient(ellipse at 20% 20%,transparent 0 56px,#b8faff22 58px,transparent 60px 118px);mix-blend-mode:screen;opacity:.22;animation:foam-flow 9s ease-in-out infinite alternate}
.sea-v2 .hero{background:linear-gradient(135deg,#001d2c9c,#00162140)!important;border-radius:24px;padding:32px;box-shadow:0 10px 30px #00132244}
.sea-v2 .projects{gap:60px 46px;padding:32px 18px 60px}
.sea-v2 article.project{border:3px solid #69ccdbbb;border-radius:34px;padding:12px;background:linear-gradient(135deg,#5ab6c8,#21728d 40%,#68c5d3 60%,#155270);box-shadow:0 16px 0 -8px #032b3dbb,0 25px 32px -12px #000c,inset 0 4px 4px #efffff77,inset 0 -6px 7px #002c48b3;animation:sea-mattress 6.8s ease-in-out infinite;animation-play-state:paused;will-change:auto}
.sea-v2 article.project.sea-visible{animation-play-state:running;will-change:transform}
.sea-v2 article.project:nth-of-type(2n){animation-duration:7.9s;animation-delay:-2.8s}
.sea-v2 article.project:nth-of-type(3n){animation-duration:6.1s;animation-delay:-4.3s}
.sea-v2 article.project:nth-of-type(4n){animation-delay:-1.5s}
.sea-v2 article.project:hover,.sea-v2 article.project:focus-within{animation-play-state:paused!important;will-change:auto}
.sea-v2 .project::before{inset:5px;border-radius:28px;border:2px solid #b7faff55;pointer-events:none}
.sea-v2 .nowa-inspiration{background:linear-gradient(145deg,#0a3143,#13546a)!important;color:#daeff4!important;border-radius:22px}.sea-v2 .nowa-inspiration h3,.sea-v2 .nowa-inspiration h3 em{color:#efffff!important}.sea-v2 .inspiration-kicker,.sea-v2 .nowa-inspiration p{color:#c8f2f6!important}.sea-v2 .project .note{color:#c9dfe8!important}
.sea-controls{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px auto 24px;padding:14px 20px;max-width:1000px;background:#052c3de6;border:1px solid #8be7ef55;border-radius:20px;color:#e6fcff;font:14px/1.5 system-ui}
.sea-controls button{padding:10px 16px;border-radius:30px;border:1px solid #a1e9f099;background:#0c5068;color:#edffff;font:700 14px system-ui;cursor:pointer;min-height:44px}.sea-controls button:focus-visible{outline:3px solid #d8fd7c;outline-offset:4px}.sea-controls button[aria-pressed=true]{background:#d4f778;color:#102d33}.sea-controls small{flex-basis:100%;text-align:center;color:#b7d8df;font-size:11px}
.sea-v2.sea-paused::before,.sea-v2.sea-paused::after,.sea-v2.sea-paused article.project,.sea-v2.sea-hidden::before,.sea-v2.sea-hidden::after,.sea-v2.sea-hidden article.project{animation-play-state:paused!important;will-change:auto}
@keyframes open-sea-swell{0%{transform:translate3d(-1.3%,-1%,0) scale(1.02) rotate(-.5deg)}50%{transform:translate3d(.8%,.8%,0) scale(1.045) rotate(.35deg)}100%{transform:translate3d(1.5%,-.4%,0) scale(1.015) rotate(.65deg)}}
@keyframes foam-flow{from{transform:translate3d(-15px,10px,0) scale(1);opacity:.12}to{transform:translate3d(26px,-24px,0) scale(1.08);opacity:.3}}
@keyframes sea-mattress{0%,100%{transform:translate3d(-3px,7px,0) rotate(-1.05deg)}32%{transform:translate3d(5px,-12px,0) rotate(1.2deg)}68%{transform:translate3d(-5px,10px,0) rotate(-.75deg)}}
@media(max-width:640px){.sea-v2 .projects{gap:44px;padding-inline:14px}.sea-v2 article.project{padding:9px;border-radius:27px;animation-name:sea-mattress-small}.sea-v2 .hero{padding:22px 18px}.sea-controls{margin:12px 18px 24px;padding:12px;gap:8px}.sea-controls button{font-size:12px;padding:10px 12px}}
@keyframes sea-mattress-small{0%,100%{transform:translate3d(-1px,6px,0) rotate(-.6deg)}35%{transform:translate3d(2px,-9px,0) rotate(.7deg)}70%{transform:translate3d(-2px,7px,0) rotate(-.5deg)}}
@media(prefers-reduced-motion:reduce){body.sea-v2::before,body.sea-v2::after,.sea-v2 article.project{animation:none!important;transform:none!important;will-change:auto!important}}