.work-scene{position:relative;isolation:isolate;min-height:100svh;padding:156px clamp(22px,5vw,90px) 75px;background:#100f0c;color:#dfd7ca;font-family:var(--sans,Manrope,sans-serif)}.work-scene:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:1100px;pointer-events:none;background:linear-gradient(180deg,#110d08c2,#100f0ce8 57%,#100f0c 95%),url(./assets/realizacje/077-wanna-i-brazowa-strefa-natrysku.webp) center 57%/cover no-repeat}.work-inner{max-width:1500px;margin-inline:auto}.work-heading{text-align:center;margin-bottom:30px}.work-heading>p{display:flex;align-items:center;justify-content:center;gap:30px;margin:0 0 14px;color:#d1aa72;font-size:10px;letter-spacing:.4em}.work-heading>p>span{height:1px;width:95px;background:#aa8450}.work-heading h2{font:400 clamp(65px,5.7vw,96px)/1 var(--serif,Georgia,serif);letter-spacing:-.03em;color:#f0d8b6;margin:0}.work-introduction{max-width:1100px;margin-inline:auto;padding:27px 45px 30px;border:1px solid #aa845072;border-radius:13px;text-align:center;background:linear-gradient(130deg,#211c1477,#15120fd9);box-shadow:inset 0 0 32px #d2a05a05}.work-introduction h3{margin:0 0 14px;font:400 clamp(27px,2.4vw,38px)/1.1 var(--serif);color:#efdab8}.work-introduction p{max-width:890px;margin:0 auto;font-size:16px;line-height:1.85;color:#ddd5ca}.work-steps{position:relative;display:grid;row-gap:max(50dvh,280px);margin-top:80px}.work-steps:before{content:"";position:absolute;left:50%;width:1px;top:0;bottom:0;background:linear-gradient(#b28e5255,#a5834d99 4% 96%,#b28e5220);pointer-events:none}.work-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:100px;align-items:center;min-height:340px;scroll-margin-top:145px}.work-step-node{position:absolute;left:50%;top:30px;transform:translate(-50%);width:23px;height:23px;border-radius:50%;border:1px solid #bd965e;background:#17130e;box-shadow:0 0 18px #bd965e12}.work-step-node:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#d7b57f;box-shadow:0 0 13px #d4a45a4d}.work-step-copy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:25px;align-self:center}.work-step-number{padding-right:25px;border-right:1px solid #9b7d494f;color:#ddba89;font:400 clamp(48px,4.5vw,72px)/.95 var(--serif);font-variant-numeric:lining-nums}.work-step-copy h3{margin:0 0 14px;color:#efd7b1;font:400 clamp(29px,2.4vw,40px)/1.1 var(--serif);letter-spacing:-.015em}.work-step-lead{margin:0 0 11px;color:#efdab7;font-size:16px;line-height:1.6;font-weight:600}.work-step-body{margin:0;color:#d0c8bd;font-size:16px;line-height:1.9;max-width:540px}.work-step-media{margin:0;min-width:0;border:1px solid #a4824e9c;box-shadow:0 16px 60px #0004;background:#211c14}.work-step-media a{position:relative;display:block;aspect-ratio:2.1;overflow:hidden;color:#f3dbb1}.work-step-media a:after{content:"";position:absolute;inset:5px;border:1px solid #d4b17c25;pointer-events:none}.work-step-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.work-step-media a:hover img{transform:scale(1.035)}.work-photo-open{position:absolute;right:16px;bottom:15px;display:grid;place-items:center;width:37px;height:37px;border:1px solid #d3ab6e;border-radius:50%;background:#17130bd9;font-size:24px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.work-step-media a:hover .work-photo-open,.work-step-media a:focus-visible .work-photo-open{opacity:1;transform:none}.work-step:nth-child(2n) .work-step-copy{grid-column:2;grid-row:1}.work-step:nth-child(2n) .work-step-media{grid-column:1;grid-row:1}.work-contact{display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:38px;margin-top:125px;overflow:hidden;border:1px solid #ad8c566e;border-radius:17px;background:linear-gradient(120deg,#211b12,#15120ed9);box-shadow:0 15px 70px #0003}.work-contact>img{width:100%;height:100%;max-height:270px;min-height:240px;object-fit:cover;object-position:50% 53%}.work-contact-copy{padding-block:32px}.work-contact-rule{display:block;width:43px;height:1px;background:#c29a5e;margin-bottom:20px}.work-contact h3{margin:0 0 15px;color:#edd6b1;font:400 clamp(27px,2vw,35px)/1.15 var(--serif)}.work-contact-copy p{margin:0;max-width:600px;font-size:13px;line-height:1.85;color:#d3cabe}.work-contact-actions{padding-right:36px;display:grid;gap:20px}.work-contact-phone{display:flex;align-items:center;gap:21px;color:#ecd2aa;text-decoration:none;font:400 39px/1 var(--serif);white-space:nowrap}.work-contact-phone>span{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid #ad8c566e;border-radius:50%}.work-contact-phone svg{width:22px;height:22px;fill:#e9d1a9;stroke:none}.work-contact-button{display:flex;justify-content:center;align-items:center;gap:20px;min-height:53px;padding:12px 24px;border:1px solid #e5c591;border-radius:32px;background:linear-gradient(105deg,#e0bb84,#bd9157);color:#20180e;text-decoration:none;font-size:12px;line-height:1.5;transition:background .2s,box-shadow .2s}.work-contact-button:hover{background:#e0bc85;box-shadow:0 0 25px #c79e5533}.work-contact-button>span{font-size:23px;line-height:1}.work-scene a:focus-visible{outline:2px solid #f2ca88;outline-offset:5px}.work-motion .work-step:not(.is-entered) .work-step-copy,.work-motion .work-step:not(.is-entered) .work-step-media{opacity:0;transform:translateY(20px)}.work-motion .work-step-copy,.work-motion .work-step-media{transition:opacity .6s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.work-motion .work-step-media{transition-delay:.1s}@media(max-width:1100px){.work-step{column-gap:65px}.work-step-copy{gap:16px}.work-step-number{padding-right:16px}.work-step-body{font-size:14px;line-height:1.8}.work-step-lead{font-size:14px}.work-contact{grid-template-columns:160px minmax(0,1fr);gap:25px}.work-contact>img{grid-row:span 2;max-height:none}.work-contact-copy{padding:27px 25px 0 0}.work-contact-actions{padding:0 25px 27px 0;display:flex;align-items:center;gap:25px}.work-contact-phone{font-size:30px;gap:12px}.work-contact-phone>span{width:39px;height:39px}.work-contact-button{min-height:46px;padding:10px 17px;font-size:11px}}@media(max-width:700px){.work-scene{padding:139px 22px 40px}.work-heading{margin-bottom:25px}.work-heading h2{font-size:61px}.work-heading>p{font-size:9px;gap:20px}.work-heading>p>span{width:51px}.work-introduction{padding:24px 20px}.work-introduction h3{font-size:30px}.work-introduction p{font-size:12px;line-height:1.9}.work-steps{margin-top:70px;padding-left:27px;row-gap:max(50dvh,280px)}.work-steps:before{left:4px}.work-step{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0}.work-step-node{left:-23px;top:11px;width:18px;height:18px}.work-step-node:after{inset:4px}.work-step-copy{gap:16px}.work-step-number{font-size:49px;padding-right:15px}.work-step-copy h3{font-size:32px;margin-bottom:12px}.work-step-lead{font-size:13px;line-height:1.65}.work-step-body{font-size:13px;line-height:1.9}.work-step:nth-child(2n) .work-step-copy,.work-step:nth-child(2n) .work-step-media{grid-column:auto;grid-row:auto}.work-step-media a{aspect-ratio:1.35}.work-photo-open{opacity:1;transform:none;width:32px;height:32px;font-size:21px;right:12px;bottom:12px}.work-contact{grid-template-columns:minmax(0,1fr);gap:0;margin-top:85px;border-radius:12px}.work-contact>img{grid-row:auto;max-height:180px;min-height:0;height:180px;object-position:50% 48%}.work-contact-copy{padding:27px 25px 20px}.work-contact h3{font-size:31px}.work-contact-copy p{font-size:12px}.work-contact-actions{padding:5px 25px 29px;display:grid;gap:19px}.work-contact-phone{font-size:36px;justify-content:center}.work-contact-button{font-size:11px;padding-inline:15px;min-height:51px}}@media(max-width:360px){.work-scene{padding-inline:17px}.work-heading h2{font-size:53px}.work-introduction{padding-inline:17px}.work-step-copy{grid-template-columns:minmax(0,1fr);gap:14px}.work-step-number{border:0;padding:0;font-size:45px}.work-step-copy h3,.work-contact-phone{font-size:31px}.work-contact-actions,.work-contact-copy{padding-inline:19px}}@media(prefers-reduced-motion:reduce){.work-motion .work-step-copy,.work-motion .work-step-media{opacity:1!important;transform:none!important;transition:none}.work-step-media img{transition:none}.work-photo-open{opacity:1;transform:none}}.work-contact-button{background:#d3ad75;transition:transform .38s cubic-bezier(.2,.7,.2,1),background-color .38s,box-shadow .38s}.work-contact-button>span{transition:transform .38s cubic-bezier(.2,.7,.2,1)}.work-contact-button:hover,.work-contact-button:focus-visible{background:#e9cda4;transform:translateY(-3px);box-shadow:0 10px 25px #0004,0 0 23px #c79e5526}.work-contact-button:hover>span,.work-contact-button:focus-visible>span{transform:translate(7px)}@media(prefers-reduced-motion:reduce){.work-contact-button,.work-contact-button>span{transition:none}.work-contact-button:hover,.work-contact-button:focus-visible{transform:none}.work-contact-button:hover>span,.work-contact-button:focus-visible>span{transform:none}}