:root{--paper:#f3f0e8;--ink:#202b2a;--orange:#f15b39;--line:#bcbfb3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1420px,calc(100% - 100px));margin:auto}.header{height:95px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:800;letter-spacing:-1.7px}.brand-symbol{color:var(--orange);font-size:31px;line-height:1}.brand-dot{color:var(--orange)}.brand small{font-size:13px;letter-spacing:-.5px}.header-right{display:flex;align-items:center;gap:60px}.header-label,.hero-top,.about-index,.footer{font-size:10px;letter-spacing:.12em;font-weight:700}.header-label{color:#69726b}.contact-link{font-size:13px;font-weight:700;border:1px solid var(--ink);padding:12px 17px;border-radius:40px;transition:background .2s,color .2s}.contact-link span{margin-left:15px}.contact-link:hover{background:var(--ink);color:var(--paper)}.hero{padding:39px 0 38px}.hero-top{display:flex;justify-content:space-between;color:#68746c}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,8.4vw,130px);line-height:.96;letter-spacing:-.065em;font-weight:400;margin:62px 0 42px}.hero h1 span{display:block}.hero h1 em{font-weight:400;color:var(--orange)}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:16px;line-height:1.6;margin:0;color:#59655d}.round-link{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:700;line-height:1.35}.round-link b{display:grid;place-items:center;width:58px;height:58px;background:var(--orange);color:#fff;border-radius:50%;font-size:24px;font-weight:400;transition:transform .2s,background .2s}.round-link:hover b{transform:rotate(45deg);background:#d84a2d}.scene{height:clamp(380px,43vw,650px);margin:0 18px;position:relative;overflow:hidden;background:#a7cbd0}.scene-sky{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#9cc8cc,#c9d9c5 78%)}.sun{position:absolute;right:19%;top:13%;width:clamp(72px,10vw,150px);aspect-ratio:1;border-radius:50%;background:#f8e7a4}.cloud{position:absolute;height:24px;border-radius:50%;background:#eff0dc;opacity:.7;filter:blur(1px)}.cloud-one{top:19%;left:12%;width:16%}.cloud-two{top:35%;right:8%;width:10%}.hill{position:absolute;bottom:28%;width:75%;height:47%;border-radius:50% 50% 0 0}.hill-back{left:-18%;background:#8cae9f;transform:rotate(8deg)}.hill-front{right:-23%;background:#6d9785;transform:rotate(-8deg);height:38%}.sea{position:absolute;bottom:0;height:36%;width:100%;background:repeating-linear-gradient(175deg,transparent 0 20px,#d8e5d544 21px 22px),#75a6a0}.shore{position:absolute;bottom:-19%;left:-10%;width:66%;height:48%;background:#c8c6a1;border-radius:50% 50% 0 0;transform:rotate(-5deg)}.building{position:absolute;bottom:19%;left:22%;width:11%;height:25%;background:#f1e4c9;box-shadow:inset -20px 0 #e2caaa;display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:3% 2% 0}.building i{background:#5d8883;height:55%;border:3px solid #e5cfad}.roof{position:absolute;bottom:100%;left:-10%;width:120%;height:25%;background:#b16d55;clip-path:polygon(50% 0,100% 100%,0 100%)}.tree{position:absolute;bottom:20%;width:2%;height:20%;background:#6d7662}.tree:before{content:"";position:absolute;width:500%;aspect-ratio:1;border-radius:50%;background:#608b72;left:-200%;top:-45%}.tree-one{left:12%}.tree-two{left:40%;transform:scale(.7);bottom:19%}.frame-corner{position:absolute;width:24px;height:24px;border:solid #fff9;z-index:2}.tl{top:22px;left:22px;border-width:1px 0 0 1px}.tr{top:22px;right:22px;border-width:1px 1px 0 0}.bl{bottom:22px;left:22px;border-width:0 0 1px 1px}.br{bottom:22px;right:22px;border-width:0 1px 1px 0}.scene-top,.scene-bottom{position:absolute;z-index:2;left:45px;right:45px;display:flex;justify-content:space-between;align-items:center}.scene-top{top:39px}.scene-badge{background:var(--paper);padding:11px 14px;border-radius:30px;font-size:9px;font-weight:700;letter-spacing:.1em}.scene-badge i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:7px}.scene-number{font-size:10px;font-weight:700;letter-spacing:.12em;color:#304c49}.scene-bottom{bottom:40px;align-items:end}.scene-caption{background:var(--paper);padding:16px 22px;display:flex;flex-direction:column;gap:4px}.scene-caption span{font-size:9px;font-weight:700;letter-spacing:.12em}.scene-caption strong{font-family:Georgia,serif;font-size:26px;font-weight:400;font-style:italic}.scene-cross{font-size:55px;color:var(--paper);line-height:1}.about{padding:105px 0 110px;display:grid;grid-template-columns:.65fr 1.3fr 1fr;gap:45px;align-items:start}.about-index{color:#6c766d;padding-top:12px}.about-index span{color:var(--orange);padding:0 6px}.about h2{font-family:Georgia,serif;font-size:clamp(45px,4.7vw,72px);font-weight:400;letter-spacing:-.055em;line-height:1.03;margin:0}.about h2 em{color:var(--orange);font-weight:400}.about-copy p{font-size:16px;line-height:1.7;color:#59655d;margin:4px 0 27px;max-width:370px}.about-copy a{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:8px}.about-copy a span{margin-left:15px;color:var(--orange)}.footer{border-top:1px solid var(--ink);padding:26px 0 32px;display:flex;justify-content:space-between;color:#68746c}.footer a{color:var(--ink)}.footer a:hover{color:var(--orange)}@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header-label{display:none}.hero h1{margin:52px 0 35px;font-size:clamp(58px,10vw,85px)}.about{grid-template-columns:1fr 1fr;gap:30px;padding:75px 0}.about-index{grid-column:1/-1}.scene{margin:0 12px}.building{width:17%;left:24%}}@media(max-width:520px){.wrap{width:calc(100% - 36px)}.header{height:78px}.brand{font-size:24px}.contact-link{padding:10px 13px}.hero{padding:28px 0 30px}.hero-top{font-size:8px}.hero-top span:last-child{display:none}.hero h1{font-size:clamp(51px,12vw,68px);margin:47px 0 32px}.hero-bottom{align-items:start;gap:20px}.hero-bottom p{font-size:14px}.round-link{gap:10px;font-size:11px}.round-link b{width:42px;height:42px;font-size:20px;flex-shrink:0}.scene{height:360px;margin:0 8px}.scene-top,.scene-bottom{left:30px;right:30px}.scene-number{font-size:8px}.scene-caption{padding:12px 15px}.scene-caption strong{font-size:20px}.about{grid-template-columns:1fr;gap:22px;padding:65px 0}.about-index{grid-column:auto}.about-copy p{font-size:15px}.footer{font-size:9px}.footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Wykończenie plakatu i spokojny ruch w ilustracji. */
body{background:#f2eee4;background-image:radial-gradient(#27352c0b .7px,transparent .7px);background-size:5px 5px}
.header{height:88px}.brand-symbol{display:inline-block;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.brand:hover .brand-symbol{transform:rotate(90deg)}
.hero{padding-top:32px;padding-bottom:48px}.hero-top{align-items:center}.hero-top span:first-child{display:flex;align-items:center;gap:10px}.hero-top span:first-child:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}
.hero h1{margin-top:76px;margin-bottom:48px;max-width:1200px}.hero h1 em{position:relative;display:inline-block}.hero h1 em:after{content:"";position:absolute;left:5%;right:0;bottom:-.07em;height:.035em;background:var(--orange);transform:rotate(-2deg);transform-origin:left}
.hero-bottom{border-top:1px solid var(--line);padding-top:19px}.hero-bottom p{font-size:14px;letter-spacing:.01em;color:#59655d}
.scene{isolation:isolate}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.23;background-image:radial-gradient(#fff 0.65px,transparent .8px);background-size:4px 4px;mix-blend-mode:soft-light}.scene-sky{background:linear-gradient(165deg,#a9cecb 0%,#d8dfc9 76%)}
.sun{box-shadow:0 0 0 16px #f8e7a416,0 0 0 32px #f8e7a40c;animation:sun-breathe 8s ease-in-out infinite}.cloud-one{animation:cloud-drift 24s ease-in-out infinite alternate}.cloud-two{animation:cloud-drift 31s ease-in-out infinite alternate-reverse}.sea{background:repeating-linear-gradient(175deg,transparent 0 20px,#d8e5d555 21px 22px),#75a6a0;background-size:130% 100%;animation:water-drift 16s ease-in-out infinite alternate}.hill-back{background:#96b7a5}.hill-front{background:#749b85}.shore{background:#d5cca7}.building{box-shadow:inset -20px 0 #e2caaa,10px 12px 0 #607f7022}.scene-badge{box-shadow:0 4px 20px #34534212}.scene-badge i{box-shadow:0 0 0 0 #f15b3966;animation:signal-pulse 3s ease-out infinite}.scene-caption{box-shadow:5px 5px 0 #263e3620}.scene-caption strong{color:#283a32}.scene-cross{animation:mark-turn 40s linear infinite}
.about{border-bottom:1px solid var(--ink)}.about-index{display:flex;gap:6px;align-items:center}.about-index:before{content:"";display:block;width:30px;height:1px;margin-right:7px;background:var(--orange)}.about h2{max-width:600px}.about-copy p{padding-left:20px;border-left:2px solid var(--orange)}.footer{border-top:0}
@keyframes cloud-drift{from{transform:translateX(-12px)}to{transform:translateX(22px)}}@keyframes water-drift{from{background-position:0 0,0 0}to{background-position:80px 0,0 0}}@keyframes sun-breathe{0%,100%{box-shadow:0 0 0 16px #f8e7a416,0 0 0 32px #f8e7a40c}50%{box-shadow:0 0 0 23px #f8e7a416,0 0 0 45px #f8e7a40c}}@keyframes signal-pulse{0%{box-shadow:0 0 0 0 #f15b3970}70%,100%{box-shadow:0 0 0 7px #f15b3900}}@keyframes mark-turn{to{transform:rotate(360deg)}}
@media(max-width:520px){.header{height:78px}.hero h1{margin-top:50px;margin-bottom:34px}.hero{padding-bottom:32px}.hero-bottom p{font-size:13px}.scene-cross{font-size:42px}.about-copy p{padding-left:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Widoczny, powolny ruch w scenie. */
.cloud-one{animation:cloud-across 18s linear infinite alternate}.cloud-two{animation:cloud-across 25s linear infinite alternate-reverse}
.sea:after{content:"";position:absolute;left:-15%;right:-15%;top:25%;height:45%;background:repeating-linear-gradient(175deg,transparent 0 16px,#e5eee280 17px 19px,transparent 20px 29px);animation:wave-move 5s ease-in-out infinite alternate}
.scene-sky:after{content:"";position:absolute;z-index:3;top:0;bottom:0;left:-35%;width:25%;pointer-events:none;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skewX(-18deg);animation:light-sweep 12s ease-in-out infinite}
@keyframes cloud-across{from{transform:translateX(-35px)}to{transform:translateX(100px)}}@keyframes wave-move{from{transform:translateX(-30px);opacity:.5}to{transform:translateX(35px);opacity:1}}@keyframes light-sweep{0%,25%{left:-35%;opacity:0}35%{opacity:.4}65%{left:110%;opacity:.4}75%,100%{left:110%;opacity:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}

/* Kamera, przewód i ekran — autorska ilustracja. */
.signal-scene{margin:0 18px;background:#dce8df;min-height:530px;position:relative;overflow:hidden;padding:32px 42px 26px;display:flex;flex-direction:column;justify-content:space-between;background-image:radial-gradient(#34544414 .7px,transparent .7px);background-size:5px 5px}.signal-heading,.signal-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;font-weight:700;color:#526b60}.signal-heading span:first-child:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#f15b39;margin-right:9px}.signal-diagram{width:min(1050px,100%);margin:15px auto 30px;display:grid;grid-template-columns:190px minmax(120px,1fr) 270px;align-items:center}.camera,.monitor{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column}.camera-body{width:154px;height:118px;background:#344942;border-radius:32px;position:relative;box-shadow:inset -8px -8px 0 #253b34,7px 10px 0 #a8bfb2}.camera-lens{position:absolute;width:83px;height:83px;border:8px solid #759088;top:18px;left:35px;border-radius:50%;background:#192e2c;box-shadow:inset 0 0 0 5px #263d3a}.camera-lens i{position:absolute;width:28px;height:28px;border-radius:50%;top:19px;left:19px;background:radial-gradient(circle at 35% 30%,#afdbd2 0 9%,#528c87 12% 30%,#1c4241 33%);box-shadow:0 0 0 6px #203a37}.camera-light{position:absolute;right:12px;top:16px;width:6px;height:6px;background:#f15b39;border-radius:50%}.camera-neck{height:26px;width:18px;background:#344942}.camera-foot{width:90px;height:12px;border-radius:12px 12px 3px 3px;background:#344942}.device-label{position:absolute;top:calc(100% + 24px);white-space:nowrap;font-size:10px;letter-spacing:.13em;color:#526b60;font-weight:700}.cable{width:100%;height:150px;overflow:visible}.cable-shadow{fill:none;stroke:#a5bdb0;stroke-width:12;stroke-linecap:round}.cable-line{fill:none;stroke:#486258;stroke-width:5;stroke-linecap:round}.signal-dot{fill:#f15b39;stroke:#dce8df;stroke-width:2}.monitor-frame{background:#344942;width:260px;padding:10px 10px 19px;border-radius:12px;box-shadow:7px 10px 0 #a8bfb2}.monitor-screen{height:155px;position:relative;overflow:hidden;background:#a9cecb}.monitor-sun{position:absolute;top:18px;right:38px;width:42px;height:42px;background:#f8e7a4;border-radius:50%}.monitor-hill{position:absolute;bottom:20%;height:58%;width:80%;border-radius:50% 50% 0 0}.hill-a{left:-30%;background:#86aa99;transform:rotate(12deg)}.hill-b{right:-28%;background:#668f7d;transform:rotate(-12deg)}.monitor-water{position:absolute;bottom:0;width:100%;height:28%;background:repeating-linear-gradient(175deg,transparent 0 10px,#d8e5d555 11px 12px),#75a6a0}.monitor-rec{position:absolute;top:10px;left:10px;background:#f3f0e8;padding:5px 7px;font-size:7px;font-weight:bold;letter-spacing:.1em}.monitor-rec i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#f15b39;margin-right:3px}.monitor-cross{position:absolute;color:#ffffffb0;top:42%;left:49%;font-size:22px;font-weight:200}.monitor-neck{height:28px;width:28px;background:#344942}.monitor-foot{width:110px;height:10px;background:#344942;border-radius:10px 10px 3px 3px}.signal-footer{border-top:1px solid #9fb7aa;padding-top:19px}.signal-footer-mark{font-size:26px;color:#f15b39;line-height:1;animation:mark-turn 40s linear infinite}
@media(max-width:700px){.signal-scene{margin:0 12px;min-height:430px;padding:24px}.signal-diagram{grid-template-columns:110px minmax(40px,1fr) 155px}.camera-body{width:92px;height:73px;border-radius:22px}.camera-lens{width:54px;height:54px;border-width:5px;top:10px;left:19px}.camera-lens i{width:20px;height:20px;top:12px;left:12px}.camera-light{right:8px;top:10px}.camera-neck{height:18px;width:13px}.camera-foot{width:62px;height:9px}.monitor-frame{width:150px;padding:6px 6px 12px}.monitor-screen{height:88px}.monitor-sun{width:26px;height:26px;right:22px;top:12px}.monitor-neck{height:19px;width:18px}.monitor-foot{width:70px;height:8px}.monitor-rec{font-size:5px;padding:3px 4px}.cable{height:110px}.device-label{font-size:8px;top:calc(100% + 20px)}}
@media(max-width:400px){.signal-scene{margin:0 8px;padding:20px 15px;min-height:390px}.signal-diagram{grid-template-columns:85px minmax(30px,1fr) 125px}.camera{transform:scale(.85)}.monitor{transform:scale(.8)}.signal-heading,.signal-footer{font-size:8px}.cable{height:90px}}
@media(prefers-reduced-motion:reduce){.signal-dot{display:none}}