@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('manrope-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('manrope-500.ttf') format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('manrope-600.ttf') format('truetype');
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('sora-300.ttf') format('truetype');
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('sora-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('sora-500.ttf') format('truetype');
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('sora-600.ttf') format('truetype');
}

:root{--ocean:#071d24;--petrol:#0b3941;--teal:#0c6971;--turquoise:#20cfc3;--seafoam:#8fe3cf;--mist:#edf7f5;--warm:#f7f8f3;--graphite:#15272d;--line:rgba(188,238,240,.22)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--ocean);color:var(--mist);font:16px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Sora,Arial,sans-serif;font-weight:400}h2{font-size:32px;line-height:1.3;letter-spacing:-1px}h3{font-size:23px;line-height:1.35}p{color:#bbd4d7}.wrap{width:calc(100% - 144px);max-width:1320px;margin:auto}.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;display:block;color:var(--seafoam);margin-bottom:20px}.brand{letter-spacing:7px;font-size:20px;display:flex;align-items:center;gap:17px;white-space:nowrap}.mark{font-size:41px;font-family:serif;line-height:1;font-weight:300;letter-spacing:0}.hero{min-height:710px;position:relative;background:linear-gradient(90deg,rgba(3,21,28,.45),rgba(3,21,28,.3) 28%,rgba(3,21,28,.08) 55%,transparent 75%),url('hero-waterfront-station-tool-fixed.webp') center/cover}.hero:after{content:'';position:absolute;bottom:0;height:100px;width:100%;background:linear-gradient(transparent,var(--ocean));pointer-events:none}.topbar{height:91px;border-bottom:1px solid rgba(188,238,240,.18);display:flex;align-items:center;gap:44px;position:relative;z-index:1}.topbar nav{display:flex;gap:31px;margin-left:auto;font-size:14px}.topbar nav a:first-child{color:#8fe3cf;border-bottom:1px solid #8fe3cf}.navcta{background:rgba(4,48,57,.9);border:1px solid rgba(188,238,240,.5);border-radius:30px;padding:9px 21px;font-size:14px}.navcta span{margin-left:22px}.hero-copy{padding:80px 0 95px;position:relative;z-index:1;max-width:575px}.hero-copy h1{font-size:104px;line-height:1.15;font-weight:300;letter-spacing:19px;margin-left:-7px}.hero-copy h1 span{color:var(--turquoise)}.hero-copy h2{font-size:29px;margin:17px 0 22px;letter-spacing:-.8px;white-space:nowrap}.hero-copy p{max-width:400px;line-height:1.7;font-size:17px;color:#e0eeee}.actions{display:flex;gap:12px;margin-top:30px;align-items:center}.button{display:inline-flex;gap:22px;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;border-radius:30px;font-size:14px;font-weight:600;border:1px solid #72d4d4}.button.primary{background:var(--turquoise);color:#05262e;border-color:var(--turquoise)}.button.ghost{background:rgba(5,35,43,.45)}.process-line{display:flex;align-items:center;gap:16px;margin-top:39px;color:#bceef0;font-size:13px;letter-spacing:1px}.process-line b{font-weight:400;color:#589a9f}.image-note{font-size:12px;color:#b7d0d3;font-style:normal}.hero .image-note{position:absolute;right:40px;bottom:27px;z-index:1;background:rgba(7,29,36,.7);padding:3px 10px;border-radius:20px}.world{background-color:#0a3540;background-image:linear-gradient(180deg,#0a3540 0%,#0a354033 10%,#0a354022 85%,#264c56 100%),url('workshop-atmosphere.webp');background-position:center;background-size:100% 100%;background-repeat:no-repeat}.section{padding:74px 0;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:300px 1fr;gap:60px}.intro h2{margin-bottom:19px}.intro p{font-size:15px;max-width:285px}.text-link{display:inline-block;border-bottom:1px solid #649da2;padding-bottom:4px;font-size:14px;margin-top:24px;color:#d7eeee}.text-link span{margin-left:20px}.feature{height:290px;overflow:hidden;position:relative;border:1px solid rgba(143,227,207,.55);border-radius:13px;background:#0b3941}.feature img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 38%}.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,29,36,.94),rgba(5,29,36,.76) 35%,rgba(5,29,36,0) 73%)}.feature-copy{position:relative;z-index:1;width:53%;padding:30px}.status{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1.5px;color:#c3e3df}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--seafoam)}.feature h3{margin-top:17px;font-size:29px}.feature p{font-size:15px;margin-top:10px;color:#e1edee}.feature .image-note{position:absolute;right:15px;bottom:12px;z-index:1;background:#071d249c;padding:2px 8px}.round-arrow{position:absolute;bottom:22px;right:22px;border:1px solid #aedbdd;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.section-heading p{max-width:360px;font-size:15px}.section-heading .eyebrow{margin-bottom:10px}.project-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:25px}.project{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(14,52,59,.36)}.project:nth-child(2){margin-top:40px}.project:nth-child(3){margin-top:80px}.project-image{position:relative;height:285px}.project-image img{width:100%;height:100%;object-fit:cover}.project-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(7,29,36,.6))}.project-image .image-note{position:absolute;z-index:1;bottom:10px;left:15px;font-size:11px;letter-spacing:.4px}.project-body{padding:23px}.project .status{font-size:11px;margin-bottom:12px}.project h3{font-size:22px;margin-bottom:13px}.project p{font-size:14px;line-height:1.7;min-height:95px}.tags{font-size:11px;letter-spacing:1px;color:#9fc7c9;border-top:1px solid var(--line);padding-top:16px;margin-top:17px}.concept-disclaimer{font-size:12px;color:#8eb1b6;margin-top:25px}.ideas{padding:63px 0}.ideas-content{display:grid;grid-template-columns:1fr 1fr;gap:42px}.idea{padding:0 0 15px 22px;border-left:1px solid #42848a}.idea small{color:#88babc;font-size:12px;letter-spacing:2px}.idea h3{font-size:22px;margin:10px 0}.idea p{font-size:14px}.collab{background:linear-gradient(110deg,#c9e8e6,#edf7f5 70%);color:var(--graphite);padding:45px 49px;border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:48px;margin:25px auto 0}.collab h2{font-size:28px;margin-bottom:12px}.collab p{color:#42616a;max-width:650px;font-size:15px}.collab .button{background:#0b3941;color:#f7f8f3;white-space:nowrap;border:0}.about{padding:80px 0 88px;display:grid;grid-template-columns:300px 1fr;gap:60px}.about .quote{font-family:Sora,sans-serif;font-size:27px;line-height:1.6;letter-spacing:-.8px;color:#e1eeee;max-width:790px}.about .about-detail{margin-top:18px;font-size:15px;max-width:670px}.footer{position:relative;color:#082e36;background:linear-gradient(90deg,rgba(237,247,245,.99),rgba(237,247,245,.89) 26%,rgba(237,247,245,.14) 65%),url('footer.webp') center/cover;min-height:385px;border-top:1px solid #a9e0d9}.footer-content{display:grid;grid-template-columns:1fr 260px;gap:80px;padding-top:55px;padding-bottom:26px}.footer h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:51px;margin-bottom:12px;letter-spacing:-1px}.footer p{color:#244b52;max-width:440px;font-size:16px}.footer .button{background:#073c46;color:white;border:0;margin-top:23px}.handwritten{font:italic 26px/1.3 'Cormorant Garamond',Georgia,serif;color:#27535d;margin-top:24px!important}.footer-panel{background:rgba(5,39,47,.9);color:var(--mist);border:1px solid rgba(188,238,240,.5);border-radius:9px;padding:25px 27px;align-self:start}.footer-panel nav{display:flex;flex-direction:column;gap:8px;margin-top:23px;font-size:13px;letter-spacing:.7px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px;color:#355c63;font-size:11px;letter-spacing:1.5px}.footer-bottom span:last-child{background:rgba(237,247,245,.83);padding:3px 9px;border-radius:20px;letter-spacing:0}.preview-note{background:#08212a;color:#9cbcc2;text-align:center;font-size:12px;padding:9px 24px}.preview-note strong{color:#dbefed;font-weight:500}button[disabled]{cursor:default;opacity:1}.contact-note{font-size:12px!important;color:#335b62!important;margin-top:8px!important}
@media(min-width:1700px){.hero{min-height:800px}.hero-copy{padding-top:115px}}
@media(max-width:1050px){body{min-width:1000px}.wrap{width:calc(100% - 80px)}.topbar{gap:25px}.topbar nav{gap:20px}.split,.about{grid-template-columns:240px 1fr;gap:35px}.project-grid{gap:16px}.project-image{height:250px}.project-body{padding:18px}.hero-copy h1{font-size:90px}.hero-copy{max-width:530px}.hero-copy h2{font-size:27px}}


.wrap{width:calc(100% - 112px);max-width:1420px}
h2{font-size:27px;letter-spacing:-.6px}
.eyebrow{margin-bottom:12px;font-size:11px;letter-spacing:2.6px}
.preview-note{padding:5px 20px;font-size:11px;background:#061c23}
.hero{min-height:0;height:460px;background-position:center 58%;background-image:linear-gradient(90deg,rgba(3,31,39,.527),rgba(4,42,50,.238) 32%,rgba(8,65,70,.04) 64%,transparent),url('hero-waterfront-station-tool-fixed.webp')}
.hero:after{height:65px;background:linear-gradient(transparent,#0a3540)}
.topbar{height:64px;gap:35px;border-bottom-color:#bceef029;background:linear-gradient(90deg,#06242c66,transparent)}
.topbar nav{gap:28px}.brand{font-size:19px;letter-spacing:7px}.mark{font-size:35px}
.navcta{padding:7px 21px}.hero-copy{padding:29px 0 22px;max-width:555px}
.hero-copy .eyebrow{margin-bottom:10px;color:#d1eeeb;font-size:10px}
.hero-copy h1{font-size:87px;letter-spacing:18px;line-height:1.12;text-shadow:0 0 24px #83e1da24}
.hero-copy h1 span{color:#64dfd7}.hero-copy h2{font-size:26px;margin:8px 0 12px;letter-spacing:-.7px}
.hero-copy p{max-width:380px;font-size:15px;line-height:1.55}
.actions{margin-top:18px;gap:10px}.button{min-height:40px;padding:8px 20px;font-size:13px}
.button.primary{background:#26d8cf;box-shadow:0 0 22px #20cfc328}
.process-line{margin-top:20px;gap:18px;font-size:12px;letter-spacing:1.3px}.hero .image-note{bottom:13px;font-size:10px;right:28px}
.world{background-color:#0a3540;background-image:linear-gradient(180deg,#0a3540 0%,#0a354033 10%,#0a354022 85%,#264c56 100%),url('workshop-atmosphere.webp');background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.section{padding:25px 0;border-bottom-color:#bceef035}.split{grid-template-columns:260px 1fr;gap:36px}
.intro{position:relative;padding-left:24px}.intro:before{content:'';position:absolute;left:0;top:8px;width:14px;height:1px;background:#61dbd4;box-shadow:0 0 9px #20cfc3}
.intro h2{margin-bottom:11px;font-size:25px}.intro p{font-size:14px;line-height:1.5;max-width:240px}.text-link{font-size:13px;margin-top:13px;padding-bottom:2px}
.feature{height:178px;border-color:#53aeb6;border-radius:12px;box-shadow:0 7px 25px #00121933}
.feature img{object-position:center 29%}.feature:after{background:linear-gradient(90deg,#052d36f0,#052d36d4 32%,#052d3612 74%)}
.feature-copy{padding:18px 24px;width:52%}.feature h3{font-size:26px;margin-top:7px}.feature p{font-size:14px;line-height:1.5;margin-top:5px;max-width:390px}.status{font-size:11px}.feature .text-link{margin-top:9px}.feature .image-note{font-size:10px;bottom:8px}
#biblioteka{display:grid;grid-template-columns:260px 1fr;gap:0 36px;padding-top:20px;padding-bottom:19px}
.section-heading{display:block;margin:0;position:relative;padding-left:24px}.section-heading:before{content:'';position:absolute;top:8px;left:0;width:14px;height:1px;background:#61dbd4}
.section-heading .eyebrow{font-size:10px;margin-bottom:11px}.section-heading h2{font-size:25px;margin-bottom:12px}.section-heading p{font-size:14px;line-height:1.5;max-width:235px}.section-heading p br{display:none}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.project,.project:nth-child(2),.project:nth-child(3){margin:0;height:272px;position:relative;border-color:#72cbd278;border-radius:11px;box-shadow:0 6px 18px #00151b3d}
.project-image{position:absolute;inset:0;height:100%}.project-image img{object-position:center 30%}.project-image:after{inset:0;background:linear-gradient(180deg,#061f2820 0%,#0626306b 29%,#062630f0 54%,#062630 100%)}
.project-image .image-note{bottom:auto;top:9px;left:10px;font-size:9px;letter-spacing:.5px;background:#05232cbf;padding:2px 6px;border-radius:3px}
.project-body{position:absolute;left:0;right:0;bottom:0;padding:15px 17px}.project .status{font-size:10px;letter-spacing:1px;margin-bottom:6px;color:#a8eadd}
.project h3{font-size:19px;line-height:1.3;margin-bottom:7px;letter-spacing:-.35px}.project p{font-size:13px;line-height:1.5;min-height:0;color:#d2e6e7}.tags{font-size:9px;letter-spacing:.7px;margin-top:10px;padding-top:8px;color:#ade3df;border-color:#bceef02e}
.concept-disclaimer{grid-column:2;margin-top:9px;font-size:10px;color:#a0c7cd;line-height:1.4}
.ideas{padding:23px 0}.ideas .intro h2 br{display:none}.ideas-content{gap:28px;align-items:center}.idea{padding:0 0 0 18px;border-color:#62b0b7}.idea small{font-size:10px;letter-spacing:1.5px}.idea h3{font-size:19px;margin:5px 0 7px}.idea h3 br{display:none}.idea p{font-size:14px;line-height:1.5}
.collab{padding:23px 30px;margin-top:25px;background:linear-gradient(105deg,#d7eeecf2,#b9deddde);border:1px solid #bceef0b3;gap:32px}.collab h2{font-size:24px;margin-bottom:7px}.collab p{font-size:14px;line-height:1.55;max-width:810px}.collab .eyebrow{font-size:10px}
.about{padding:35px 0 40px;grid-template-columns:260px 1fr;gap:36px}.about>div:first-child{padding-left:24px}.about .quote{font-size:23px;line-height:1.5;max-width:900px}.about .quote br{display:none}.about .about-detail{font-size:14px;line-height:1.6;max-width:850px;margin-top:10px}
.footer{min-height:295px;background-position:center 57%;background-image:linear-gradient(90deg,#e1f5f3f5,#dcf3f0d9 27%,#d1f1f026 67%),url('footer.webp')}
.footer-content{padding-top:27px;padding-bottom:18px;grid-template-columns:1fr 225px;gap:60px}.footer h2{font-size:43px;line-height:1.1;margin-bottom:10px}.footer p{font-size:14px;line-height:1.6}.footer .button{margin-top:13px}.handwritten{font-size:24px!important;margin-top:13px!important}.footer-panel{padding:19px 23px;border-radius:8px;background:#062e37ed}.footer-panel nav{margin-top:17px;gap:6px;font-size:12px}.footer-bottom{padding-bottom:12px;font-size:10px}
@media(min-width:1700px){.hero{min-height:0;height:490px;background-position:center 58%}.hero-copy{padding-top:43px}.hero-copy h1{font-size:96px}.hero-copy h2{font-size:29px}.hero-copy p{font-size:16px}.feature{height:183px}.project,.project:nth-child(2),.project:nth-child(3){height:256px}.project p{font-size:14px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.split,#biblioteka,.about{grid-template-columns:210px 1fr;gap:0 24px}.project-grid{gap:10px}.project-body{padding:12px}.project,.project:nth-child(2),.project:nth-child(3){height:305px}.project h3{font-size:18px}.hero-copy h2{font-size:25px}.hero-copy h1{font-size:84px}.feature-copy{width:62%}.topbar{gap:20px}.topbar nav{gap:18px}}



.hero{background-position:center 58%}
.hero:after{height:65px;background:linear-gradient(180deg,transparent 0%,#0a354033 45%,#0a3540 100%)}
.world{background-color:#0a3540;background-image:linear-gradient(180deg,#0a3540 0%,#0a354033 10%,#0a354022 85%,#264c56 100%),url('workshop-atmosphere.webp');background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.footer{border-top:0;position:relative}
.footer:before{content:'';position:absolute;inset:0 0 auto;height:105px;background:linear-gradient(180deg,#264c56 0%,#264c5699 34%,#264c5600 100%);pointer-events:none}
.footer-content{position:relative;padding-top:100px}
.footer-bottom{position:relative}
@media(min-width:1700px){.hero{background-position:center 58%}}



.hero:after{height:110px;background:linear-gradient(180deg,#0a354000 0%,#0a354010 38%,#0a354048 68%,#0a3540b3 88%,#0a3540 100%)}
.world{background-image:linear-gradient(180deg,#0a3540 0px,#0a3540b3 35px,#0a354048 90px,#0a354033 145px,#0a354022 calc(100% - 160px),#264c5666 calc(100% - 95px),#264c56bf calc(100% - 35px),#264c56 100%),url('workshop-atmosphere.webp')}
.footer:before{height:145px;background:linear-gradient(180deg,#264c56 0%,#264c56d9 18%,#264c568c 43%,#264c5638 70%,#264c5600 100%)}



.hero{background:none;position:relative;z-index:1;isolation:isolate}
.hero:before{content:'';position:absolute;top:0;left:0;right:0;bottom:-100px;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(3,31,39,.527),rgba(4,42,50,.238) 32%,rgba(8,65,70,.04) 64%,transparent),url('hero-waterfront-station-tool-fixed.webp');background-size:100% 100%,var(--scene-size,cover);background-position:0 0,var(--scene-position,center 58%);background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 100px),rgba(0,0,0,0.929412) calc(100% - 80px),rgba(0,0,0,0.65098) calc(100% - 55px),rgba(0,0,0,0.34902) calc(100% - 30px),rgba(0,0,0,0.078431) calc(100% - 10px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 100px),rgba(0,0,0,0.929412) calc(100% - 80px),rgba(0,0,0,0.65098) calc(100% - 55px),rgba(0,0,0,0.34902) calc(100% - 30px),rgba(0,0,0,0.078431) calc(100% - 10px),transparent 100%)}
.hero:after{display:none}
.hero>.wrap{position:relative;z-index:1}
.world{position:relative;z-index:auto}
.world>section{position:relative;z-index:2}
.footer{background:none;position:relative;z-index:1;isolation:isolate}
.footer:before{content:'';position:absolute;top:-100px;bottom:0;left:0;right:0;height:auto;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#e1f5f3f5,#dcf3f0d9 27%,#d1f1f026 67%),url('footer.webp');background-size:100% 100%,var(--scene-size,cover);background-position:0 0,var(--scene-position,center 57%);background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent 0px,rgba(0,0,0,0.078431) 10px,rgba(0,0,0,0.34902) 30px,rgba(0,0,0,0.65098) 55px,rgba(0,0,0,0.929412) 80px,#000 100px);mask-image:linear-gradient(to bottom,transparent 0px,rgba(0,0,0,0.078431) 10px,rgba(0,0,0,0.34902) 30px,rgba(0,0,0,0.65098) 55px,rgba(0,0,0,0.929412) 80px,#000 100px)}
.footer-content,.footer-bottom{position:relative;z-index:1}



.hero:before{bottom:-120px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 240px),rgba(0,0,0,0.94902) calc(100% - 210px),rgba(0,0,0,0.843137) calc(100% - 180px),rgba(0,0,0,0.67451) calc(100% - 150px),rgba(0,0,0,0.501961) calc(100% - 120px),rgba(0,0,0,0.32549) calc(100% - 90px),rgba(0,0,0,0.156863) calc(100% - 60px),rgba(0,0,0,0.05098) calc(100% - 30px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 240px),rgba(0,0,0,0.94902) calc(100% - 210px),rgba(0,0,0,0.843137) calc(100% - 180px),rgba(0,0,0,0.67451) calc(100% - 150px),rgba(0,0,0,0.501961) calc(100% - 120px),rgba(0,0,0,0.32549) calc(100% - 90px),rgba(0,0,0,0.156863) calc(100% - 60px),rgba(0,0,0,0.05098) calc(100% - 30px),transparent 100%)}
.footer:before{top:-120px;-webkit-mask-image:linear-gradient(to bottom,transparent 0px,rgba(0,0,0,0.05098) 30px,rgba(0,0,0,0.156863) 60px,rgba(0,0,0,0.32549) 90px,rgba(0,0,0,0.501961) 120px,rgba(0,0,0,0.67451) 150px,rgba(0,0,0,0.843137) 180px,rgba(0,0,0,0.94902) 210px,#000 240px);mask-image:linear-gradient(to bottom,transparent 0px,rgba(0,0,0,0.05098) 30px,rgba(0,0,0,0.156863) 60px,rgba(0,0,0,0.32549) 90px,rgba(0,0,0,0.501961) 120px,rgba(0,0,0,0.67451) 150px,rgba(0,0,0,0.843137) 180px,rgba(0,0,0,0.94902) 210px,#000 240px)}



body{position:relative;isolation:isolate}
body:before{content:'';position:absolute;left:0;right:0;top:calc(var(--hero-end,490px) - 120px);bottom:calc(var(--footer-height,400px) - 120px);z-index:-1;pointer-events:none;background-color:#0a3540;background-image:linear-gradient(90deg,rgba(7,29,36,.08),transparent 25%,transparent 75%,rgba(7,29,36,.08)),url('workshop-atmosphere.webp');background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.world{background:none;background-color:transparent}



.hero-copy .hero-wordmark{height:97.44px;line-height:1;margin-left:-7px;display:flex;align-items:center;letter-spacing:0}
.hero-wordmark img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;object-position:left center}
.brand .brand-wordmark{display:block;width:170px;height:35px;object-fit:contain;object-position:left center}
.footer-panel .brand-wordmark{width:171px;height:41px}
@media(min-width:1700px){.hero-copy .hero-wordmark{height:107.52px}}
@media(max-width:1150px){.hero-copy .hero-wordmark{height:94.08px}}



.navbar-shell{position:fixed;top:var(--nav-top,0px);left:0;right:0;z-index:100;background:transparent;transition:background-color .2s ease,box-shadow .2s ease;}
.navbar-shell .topbar{height:64px;}
.topbar-space{height:64px;}
.navbar-shell.is-scrolled{background:rgba(7,29,36,.63);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.12);}
html{scroll-padding-top:84px;}
.navbar-shell a:focus-visible{outline:2px solid var(--turquoise);outline-offset:5px;}
@media(prefers-reduced-motion:reduce){.navbar-shell{transition:none;}}


@media(min-width:1000px){.hero-copy>p{width:max-content;max-width:none;white-space:nowrap;}}
.world>.collab:last-child{margin-bottom:64px;}
.project .text-link,.idea .text-link{margin-top:8px;font-size:12px;line-height:1.5}.project .text-link{border-bottom:0;text-decoration:none}.text-link:focus-visible{outline:2px solid var(--turquoise);outline-offset:4px}
.feature .text-link,.project .text-link,.idea .text-link{display:table;margin-left:auto}
.feature .feature-more{position:absolute;right:24px;bottom:36px;z-index:2;margin:0}

.about{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;align-items:start}
.about>div:first-child{grid-column:1;grid-row:1;padding-left:24px;margin:0;position:relative}
.about>div:first-child:before{content:'';position:absolute;left:0;top:8px;width:14px;height:1px;background:#61dbd4;box-shadow:0 0 9px #20cfc3}
.about .about-copy{grid-column:2;grid-row:1;min-width:0;width:100%;max-width:none;padding:30px 34px;border:1px solid #72cbd278;border-radius:12px;background:rgba(6,38,48,.94);box-shadow:0 6px 18px #00151b3d}
.about .about-copy p{font-family:Manrope,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.75;letter-spacing:0;text-indent:0;max-width:none;margin:0;color:#d2e6e7}
.about .about-copy p+p{margin-top:18px}
.about .about-copy .about-closing{margin-top:22px;color:var(--seafoam)}
@media(max-width:1150px){.about{grid-template-columns:210px minmax(0,1fr);gap:24px}.about .about-copy{padding:24px}}

.about{margin-bottom:24px}
.about .about-copy{padding:0;overflow:hidden}
.about .about-story{padding:30px 34px}
.about .about-intro{margin-top:14px;font-size:14px;line-height:1.6;font-weight:400;color:#bbd4d7;max-width:240px}
.footer-content .eyebrow{font-family:Manrope,Arial,sans-serif;color:#0c6971;font-size:11px;font-weight:400;line-height:1.65;letter-spacing:2.6px;margin-bottom:12px}
@media(max-width:1150px){.about .about-copy{padding:0}.about .about-story{padding:24px}}
.ideas{padding:25px 0}
.ideas-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.ideas .idea{display:flex;flex-direction:column;min-width:0;padding:22px 24px;border:1px solid #72cbd278;border-radius:12px;background:rgba(6,38,48,.94);box-shadow:0 6px 18px #00151b3d}
.ideas .idea small{color:#a8eadd;font-size:10px;line-height:1.5;letter-spacing:1.5px}
.ideas .idea h3{font-size:19px;line-height:1.3;letter-spacing:-.35px;margin:9px 0}
.ideas .idea p{font-size:14px;line-height:1.6;color:#d2e6e7;margin-bottom:18px}
.ideas .idea .text-link{margin-top:auto;margin-left:auto;border-bottom:0;text-decoration:none}
@media(max-width:1150px){.ideas-content{gap:10px}.ideas .idea{padding:18px}}
.ideas .idea{min-height:256px;padding-top:86px;background-color:#062630;background-image:linear-gradient(180deg,rgba(6,31,40,.18) 0%,rgba(6,38,48,.5) 24%,rgba(6,38,48,.94) 48%,#062630 100%),var(--idea-image);background-size:cover;background-position:center 30%;background-repeat:no-repeat}
.ideas .idea:nth-child(1){--idea-image:url('scanner.webp')}
.ideas .idea:nth-child(2){--idea-image:url('shower.webp')}
.about .about-copy{background-color:#062630;background-image:linear-gradient(90deg,rgba(6,38,48,.94),rgba(6,38,48,.88) 55%,rgba(6,38,48,.94)),url('workshop-atmosphere.webp');background-size:cover;background-position:center 58%;background-repeat:no-repeat}
@media(max-width:1150px){.ideas .idea{padding-top:78px}}
.footer .footer-content{grid-template-columns:minmax(0,1fr) 260px;gap:56px;padding-bottom:28px}
.footer-invitation{position:relative;padding-left:24px}
.footer-invitation:before{content:'';position:absolute;left:0;top:8px;width:14px;height:1px;background:#0c6971}
.footer .footer-invitation h2{font-family:Sora,Arial,sans-serif;font-size:25px;font-weight:400;line-height:1.3;letter-spacing:-.6px;margin-bottom:18px}
.footer-invitation h3{font-family:Sora,Arial,sans-serif;font-size:27px;font-weight:400;line-height:1.3;letter-spacing:-.6px;margin-bottom:6px}
.footer .footer-lead{font-size:16px;line-height:1.6;max-width:560px}
.footer .footer-description{font-size:14px;line-height:1.7;margin-top:15px;max-width:560px}
.footer .footer-invitation .button{margin-top:18px;cursor:pointer}
.footer-contact{align-self:start;padding-top:4px;min-width:0}
.contact-item+.contact-item{margin-top:12px}
.contact-reveal{display:flex;align-items:center;gap:14px;width:100%;padding:0;border:0;background:none;color:#082e36;text-align:left;font-family:Manrope,Arial,sans-serif;font-size:14px;cursor:pointer}
.contact-icon,.social-links a{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(12,105,113,.4);border-radius:50%;background:rgba(237,247,245,.72)}
.contact-icon svg,.social-links svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contact-arrow{margin-left:auto;padding-right:8px;font-size:19px;color:#0c6971}
.contact-value{padding:8px 0 0 58px;font-size:13px;line-height:1.6;color:#082e36;overflow-wrap:anywhere}
.contact-value a{text-decoration:underline;text-underline-offset:3px}
.social-links{display:flex;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid rgba(12,105,113,.25);color:#082e36}
.social-links a:hover,.contact-reveal:hover .contact-icon{background:#edf7f5;border-color:#0c6971}
.footer a:focus-visible,.footer button:focus-visible{outline:2px solid #0c6971;outline-offset:5px}


@media(max-width:1150px){.footer .footer-content{grid-template-columns:minmax(0,1fr) 220px;gap:32px}.footer .footer-invitation h2{font-size:23px}}
.footer .footer-content{grid-template-columns:minmax(0,1fr) 450px}
.footer-contact{--contact-size:44px;--contact-expanded:222px;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;padding-top:4px}
.contact-item,.contact-item+.contact-item{display:flex;align-items:center;flex:0 0 auto;width:var(--contact-size);margin:0;transition:width .32s ease}
.contact-item.is-open{width:var(--contact-expanded)}
.contact-reveal{flex:0 0 var(--contact-size);width:var(--contact-size);gap:0}
.contact-icon,.social-links a{width:var(--contact-size);height:var(--contact-size)}
.contact-value{flex:0 0 auto;width:0;max-height:44px;padding:0;white-space:nowrap;overflow:hidden;overflow-wrap:normal;opacity:0;visibility:hidden;transform:translateX(8px);pointer-events:none;transition:opacity .22s ease,transform .32s ease,visibility .32s}
.contact-item.is-open .contact-value{width:calc(var(--contact-expanded) - var(--contact-size));padding-left:12px;opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}
.social-links{display:flex;flex:0 0 auto;gap:10px;margin:0;padding:0;border:0}
@media(max-width:1150px){.footer .footer-content{grid-template-columns:minmax(0,1fr) 410px}.footer-contact{--contact-size:40px;--contact-expanded:210px;gap:8px}.social-links{gap:8px}}
@media(prefers-reduced-motion:reduce){.contact-item,.contact-value{transition:none}}
.footer .footer-signature{position:absolute;left:var(--signature-left,27%);top:var(--signature-top,66px);z-index:2;width:var(--signature-width,629px);max-width:none;aspect-ratio:2172/470;margin:0;overflow:hidden;pointer-events:none}
.footer-signature img{position:absolute;left:0;top:-27.66%;display:block;width:100%;height:auto;max-width:none;filter:brightness(1.18)}

.about{padding-bottom:25px;margin-bottom:0}
.footer .footer-content{padding-top:25px}
.footer .footer-lead{font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:400;margin:0;max-width:560px}
.footer-invitation{width:260px;max-width:100%}
.footer .footer-lead{max-width:240px}
@media(max-width:1150px){.footer-invitation{width:210px}}
.footer .footer-content{display:block;padding-bottom:90px}
.footer .footer-contact{position:absolute;left:50%;bottom:22px;z-index:3;transform:translateX(-50%);width:max-content;max-width:calc(100% - 48px);padding:0;justify-content:center}
.footer{min-height:clamp(301px,25.2vw,434px)}
.footer .footer-signature{transform:rotate(-3deg);transform-origin:right center}
a.feature,a.project{display:block}
a.feature,a.project,a.idea{cursor:pointer}
a.feature:focus-visible,a.project:focus-visible,a.idea:focus-visible{outline:2px solid var(--turquoise);outline-offset:4px}

@media(max-width:999px){
body{min-width:0}
.wrap{width:calc(100% - 40px);max-width:700px}
.navbar-shell{background:rgba(7,29,36,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.navbar-shell .topbar{height:102px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;background:none}
.topbar .brand{margin-top:6px;min-height:30px}
.topbar .brand-wordmark{width:94px;height:25px}
.topbar nav{width:100%;margin:0;gap:0;justify-content:space-between;font-size:13px}
.topbar nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 4px}
.topbar nav a:first-child{border-bottom:0}
.topbar-space{height:102px}
html{scroll-padding-top:122px}
.hero{height:max(664px,calc(240px + 85.55vw));min-height:0;background:none}
.hero:before{bottom:0;background-image:linear-gradient(180deg,#0a3540 0px,#0a3540 280px,#0a3540c9 340px,#0a354000 440px),url('hero-waterfront-station-tool-fixed.webp');-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 180px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 180px),transparent 100%)}
body:before{top:calc(var(--hero-end,664px) - 180px)}
.hero-copy{max-width:100%;padding:24px 0 0}
.hero-copy .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:15px}
.hero-copy .hero-wordmark{height:64px;margin-left:-3px}
.hero-copy h2{font-size:25px;line-height:1.35;white-space:normal;max-width:370px;margin:14px 0 12px}
.hero-copy p{font-size:15px;line-height:1.6;max-width:370px;white-space:normal}
.process-line{gap:12px;letter-spacing:.6px;margin-top:18px;font-size:12px}
.section,.ideas{padding:32px 0}
.split,#biblioteka,.about{grid-template-columns:minmax(0,1fr);gap:24px}
#biblioteka{padding-top:32px;padding-bottom:32px}
.intro,.section-heading,.about>div:first-child{padding-left:24px}
.intro h2,.section-heading h2,.about h2{font-size:26px}
.intro h2 br{display:none}
.intro h2 br:after{content:' '}
.intro p,.section-heading p,.about .about-intro{max-width:540px;font-size:15px;line-height:1.6}
.eyebrow,.section-heading .eyebrow{font-size:10px;letter-spacing:1.8px}
.feature{height:auto;min-height:330px}
.feature img{object-position:center 25%}
.feature:after{background:linear-gradient(180deg,#052d3620 0%,#052d3680 30%,#052d36ed 58%,#052d36 100%)}
.feature-copy{width:100%;padding:155px 22px 66px}
.feature h3{font-size:25px;margin-top:9px}
.feature p{font-size:15px;line-height:1.6;max-width:none}
.feature .feature-more{right:22px;bottom:20px;min-height:24px;font-size:14px}
.project-grid{grid-template-columns:minmax(0,1fr);gap:20px}
.project,.project:nth-child(2),.project:nth-child(3){height:auto;min-height:370px;margin:0}
.project-image{height:100%}
.project-image img{object-position:center 25%}
.project-image:after{background:linear-gradient(180deg,#061f2805 0%,#06263066 36%,#062630eb 55%,#062630 78%)}
.project-body{position:relative;bottom:auto;padding:180px 22px 22px}
.project .status{font-size:11px;margin-bottom:10px}
.project h3{font-size:23px;margin-bottom:10px}
.project p{font-size:15px;line-height:1.6}
.project .text-link,.idea .text-link{font-size:14px;min-height:28px;margin-top:16px}
.tags{font-size:10px;line-height:1.7;letter-spacing:.6px;margin-top:12px;padding-top:12px}
.ideas-content{grid-template-columns:minmax(0,1fr);gap:20px}
.ideas .idea{min-height:300px;padding:140px 22px 22px;background-image:linear-gradient(180deg,#061f2820 0%,#06263070 32%,#062630ed 55%,#062630 100%),var(--idea-image)}
.ideas .idea h3{font-size:23px;margin:10px 0}
.ideas .idea p{font-size:15px;line-height:1.6}
.ideas .idea .text-link{margin-top:auto;padding-top:12px}
.about{padding:32px 0 36px;margin:0 auto}
.about>div:first-child,.about .about-copy{grid-column:auto;grid-row:auto}
.about .about-story{padding:24px 22px}
.about .about-copy p{font-size:15px;line-height:1.75}
.world{background-size:auto 100%;background-position:center}
.footer{min-height:620px;background:linear-gradient(to bottom,transparent 0px,#d8eeeb 180px)}
.footer:before{background-image:linear-gradient(180deg,#d8eeeb 0px,#d8eeeb 360px,#d8eeeb00 480px),url('footer.webp');-webkit-mask-image:linear-gradient(to bottom,transparent 0px,#000 240px,#000 calc(100% - 190px),transparent calc(100% - 70px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0px,#000 240px,#000 calc(100% - 190px),transparent calc(100% - 70px),transparent 100%)}
.footer .footer-content{padding-top:36px;padding-bottom:360px}
.footer-invitation{width:100%;max-width:540px}
.footer .footer-invitation h2{font-size:26px;margin-bottom:14px}
.footer .footer-lead{max-width:440px;font-size:15px;line-height:1.6}
.footer-content .eyebrow{font-size:10px;letter-spacing:1.8px}
.footer .footer-contact{bottom:66px;max-width:calc(100% - 40px);--contact-size:44px;gap:10px}
.social-links{gap:10px}
.contact-item.is-open{width:var(--contact-size)}
.contact-value{position:absolute;left:0;right:0;top:54px;text-align:center;max-height:none;font-size:14px}
.contact-item.is-open .contact-value{width:100%;padding:0;white-space:normal;overflow-wrap:anywhere}
}
@media(min-width:600px) and (max-width:999px){
.navbar-shell .topbar{height:74px;flex-direction:row;align-items:center;gap:36px}
.topbar .brand{margin:0}
.topbar nav{width:auto;margin-left:auto;gap:24px}
.topbar-space{height:74px}
html{scroll-padding-top:94px}
.hero-copy{padding-top:40px}
.hero-copy .hero-wordmark{height:78px}
.hero-copy h2{max-width:500px;font-size:28px}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.project:last-child{grid-column:1/-1}
.ideas-content{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:359px){
.wrap{width:calc(100% - 32px)}
.topbar nav{font-size:12px}
.hero-copy .hero-wordmark{height:56px}
.hero-copy h2{font-size:23px}
.hero-copy .eyebrow{letter-spacing:1px}
.footer .footer-contact{gap:8px}
.social-links{gap:8px}
}


.library-more{grid-column:2;justify-self:end;margin-top:16px}
.library-page:before{top:0}
.library-page{min-width:0}
.library-page .topbar nav a:first-child{color:inherit;border-bottom:0}
.library-page .topbar nav a[aria-current]{color:var(--seafoam);border-bottom:1px solid var(--seafoam)}
.library-main{padding-top:126px;padding-bottom:64px;position:relative;z-index:2}
.library-heading{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;align-items:start;margin-bottom:42px}
.library-heading h1,.entry-heading h1{font-size:48px;line-height:1.2;letter-spacing:-1.6px}
.library-heading .intro p{max-width:none;margin-top:18px;font-size:16px;line-height:1.7}
.library-heading>p{max-width:620px;font-size:18px;line-height:1.75;padding-top:30px}
.library-grid{gap:24px;align-items:stretch}
.library-grid .project{height:auto;min-height:420px}
.library-grid .project-body{position:relative;bottom:auto;padding:210px 24px 24px}
.library-grid .project-image:after{background:linear-gradient(180deg,#061f2810,#06263070 35%,#062630ee 58%,#062630 100%)}
.library-grid .project h3{font-size:24px}
.library-grid .project p{font-size:15px;line-height:1.7}
.library-grid .project .text-link{font-size:14px;margin-top:18px}
.library-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--seafoam);font-size:14px;margin-bottom:24px}
.library-back:focus-visible,.entry-content a:focus-visible{outline:2px solid var(--turquoise);outline-offset:4px}
.entry-heading{max-width:880px;margin-bottom:32px}
.entry-heading .status{margin-top:14px;margin-bottom:0}
.entry-heading .status:before{content:none}
.entry-heading>p{font-size:18px;line-height:1.75;margin-top:20px;max-width:780px}
.entry-cover{margin:0 0 42px;border-radius:13px;overflow:hidden;border:1px solid var(--line);background:#062630}
.entry-cover img{display:block;width:100%;height:clamp(300px,36vw,520px);object-fit:cover;object-position:center 35%}
.entry-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px}
.entry-meta{padding:0 0 0 24px;color:#ade3df;font-size:13px;line-height:1.9}
.entry-meta p{color:inherit}.entry-meta .eyebrow{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.65;letter-spacing:2px;margin:0 0 10px}
.entry-meta-block+.entry-meta-block{margin-top:26px}
.entry-meta ul{list-style:none;padding:0;margin:0}.entry-meta li+li{margin-top:6px}
.entry-content{padding:30px 34px;border:1px solid #72cbd278;border-radius:12px;background:#062630eb;min-width:0}
.entry-content p,.entry-content li,.entry-content blockquote{font-size:16px;line-height:1.85;color:#d2e6e7}
.entry-content p+p{margin-top:20px}
.entry-content h2,.entry-content h3,.entry-content h4{margin:32px 0 16px;font-size:26px;line-height:1.35}
.entry-content>:first-child{margin-top:0}
.entry-content ul,.entry-content ol{padding-left:24px;margin:16px 0 24px}
.entry-content li+li{margin-top:5px}
.entry-content a{color:var(--seafoam);text-decoration:underline;text-underline-offset:4px}
.entry-content code{font-size:.9em;color:var(--seafoam)}
.entry-content blockquote{margin:24px 0;padding-left:20px;border-left:1px solid var(--seafoam)}
.entry-content figure{margin:24px 0}
.entry-content img,.entry-content video{display:block;max-width:100%;width:100%;border-radius:8px}
.entry-content figcaption{font-size:12px;line-height:1.6;color:#9fc7c9;margin-top:10px}
.entry-cover:has(img[src$="nietoperz-okladka.webp"]){background:#090d10}
.entry-cover img[src$="nietoperz-okladka.webp"]{object-fit:contain;object-position:center}
.entry-content:has(source[src*="nietoperz-film"]) video{width:auto;max-height:620px;margin-inline:auto;background:#090d10}
.entry-content:has(source[src*="nietoperz-film"]) .entry-gallery img{height:auto}
.entry-content:has(source[src*="nietoperz-film"]) .entry-gallery:has(figure+figure) img{aspect-ratio:16/10;object-fit:contain;background:#111b21}
.entry-content img[src$="nietoperz-rysunek.png"]{background:white;padding:12px}
.entry-content:has(source[src*="nietoperz-film"]) .entry-gallery img,.entry-content:has(source[src*="nietoperz-film"]) video{border:1px solid #72cbd240;border-radius:8px;background:#16343d}
.entry-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:20px}
.entry-next{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:40px;padding-top:20px}
.entry-next a{color:var(--seafoam);display:inline-flex;align-items:center;min-height:44px;font-size:14px}
@media(max-width:1150px) and (min-width:1000px){.library-heading,.entry-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.library-grid{gap:14px}.library-grid .project-body{padding:190px 18px 22px}}
@media(max-width:999px){
.library-more{grid-column:1;justify-self:end}
.library-main{padding-top:134px;padding-bottom:36px}
.library-heading,.entry-layout{grid-template-columns:minmax(0,1fr);gap:24px}
.library-heading{margin-bottom:28px}.library-heading>p{padding-top:0;font-size:16px}
.library-heading h1,.entry-heading h1{font-size:36px;letter-spacing:-1px;overflow-wrap:anywhere}
.library-grid .project{min-height:390px}
.library-grid .project-body{padding:190px 22px 22px}
.entry-heading>p{font-size:16px;line-height:1.7}
.entry-cover{margin-bottom:28px}.entry-cover img{height:clamp(260px,64vw,440px)}
.entry-meta{padding-left:24px}.entry-content{padding:24px 22px}
.entry-content p,.entry-content li,.entry-content blockquote{font-size:15px;line-height:1.8}
.entry-content h2,.entry-content h3,.entry-content h4{font-size:24px}
.entry-next{gap:12px;margin-top:28px}
}
@media(min-width:600px) and (max-width:999px){.library-main{padding-top:110px}.library-grid .project:last-child{grid-column:auto}}

.ideas .idea[data-entry="skaner"]{--idea-image:url('scanner.webp')}
.ideas .idea[data-entry="prysznic"]{--idea-image:url('shower.webp')}
.skip-link{position:fixed;left:16px;top:12px;z-index:200;background:#edf7f5;color:#082e36;border:2px solid #0c6971;border-radius:6px;padding:10px 18px;transform:translateY(-160%);font-size:14px;min-height:44px}
.skip-link:focus{transform:translateY(0)}
main[tabindex="-1"]:focus{outline:none}
.hero:before,.footer:before{background-position:0 0,var(--scene-parallax-position,var(--scene-position))}
.footer .footer-signature{top:calc(var(--signature-top,66px) + var(--parallax-offset,0px))}
@media(prefers-reduced-motion:no-preference){
body:before{background-size:100% 100%,100% calc(100% + 480px);background-position:0 0,center calc(-240px + var(--workshop-parallax,0px))}
  html{scroll-behavior:smooth}
  .feature,.project,.idea{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
  .feature img,.project-image img{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
  .text-link span{display:inline-block;transition:transform .24s ease}
  .contact-icon,.social-links a{transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
}
@view-transition{navigation:none}
@media(min-width:1000px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:kazik-page-out .18s ease both}
  ::view-transition-new(root){animation:kazik-page-in .28s ease both}
}
@media(max-width:999px) and (prefers-reduced-motion:no-preference){
  body:before{background-size:100% 100%,100% calc(100% + 320px);background-position:0 0,center calc(-160px + var(--workshop-parallax,0px))}
}
@media(hover:hover) and (pointer:fine){
  .feature:hover,.project:hover,.idea:hover{border-color:#8fe3cfc9;box-shadow:0 8px 26px #00151b66,0 0 16px #20cfc312}
  @media(prefers-reduced-motion:no-preference){
    .feature:hover,.project:hover,.idea:hover{transform:translateY(-2px)}
    .feature:hover img,.project:hover .project-image img{transform:scale(1.025)}
    .feature:hover .text-link span,.project:hover .text-link span,.idea:hover .text-link span{transform:translateX(3px)}
    .contact-reveal:hover .contact-icon,.social-links a:hover{transform:translateY(-2px)}
  }
}
.feature:focus-visible,.project:focus-visible,.idea:focus-visible{border-color:var(--seafoam)}
@keyframes kazik-page-out{from{opacity:1}to{opacity:0}}
@keyframes kazik-page-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  @view-transition{navigation:none}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}

.contact-verification{position:absolute;left:50%;bottom:82px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);z-index:20;padding:10px 16px;border-radius:12px;background:rgba(240,248,247,.96);color:#17454b;box-shadow:0 5px 24px #071d2418;text-align:center;font-size:13px}
.contact-verification[hidden]{display:none}
.contact-verification p{margin:0;max-width:340px;font-size:13px;line-height:1.5}
.contact-reveal[aria-busy="true"]{opacity:.65}
@media(max-width:999px){.contact-verification{bottom:126px}}