:root{--ink:#132a45;--paper:#fff;--muted:#607083;--accent:#f34d27;--line:#dfe8ef;--blue:#075ce8;--lime:#d8fb73}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}img{display:block;max-width:100%}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:700;line-height:1.04;letter-spacing:-.055em}h1{font-size:clamp(52px,6.1vw,84px);margin:20px 0 24px}h1 em{font-style:normal;color:var(--blue)}h2{font-size:clamp(34px,4.3vw,57px);margin-bottom:24px}h3{font-size:23px;line-height:1.25;letter-spacing:-.025em}.wrap{max-width:1220px;width:calc(100% - 100px);margin:auto}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;margin-bottom:20px;color:var(--blue)}header{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.07em;font-weight:700;line-height:1.5}.mark{font-size:43px;color:var(--accent)}.brand small{display:block;font-size:9px;letter-spacing:.1em;font-weight:400}nav{display:flex;gap:28px;font-size:13px}nav a{text-decoration:none}nav a:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:45px;padding-bottom:65px;min-height:620px}.intro{max-width:470px;font-size:18px;color:var(--muted);line-height:1.7}.button{display:inline-flex;gap:25px;align-items:center;text-decoration:none;color:white;background:var(--blue);padding:17px 22px;border-radius:12px;font-size:14px;font-weight:700;box-shadow:0 7px 18px #075ce818}.button:hover{background:#0649b9}.button span{font-size:20px}.text-link{display:block;margin-top:23px;font-size:13px;text-underline-offset:5px}.hero-art{position:relative;height:500px;margin-right:0;background:#eef5ff;border-radius:35px 35px 100px 35px}.hero-art:before{content:'';position:absolute;right:-14px;top:22px;width:105px;height:105px;border-radius:50%;background:var(--lime)}.main-photo{width:80%;height:420px;object-fit:cover;position:absolute;top:20px;right:20px;border-radius:22px;filter:saturate(1.16) contrast(1.03)}.small-photo{width:45%;height:235px;object-fit:cover;position:absolute;bottom:-12px;left:-25px;border:7px solid white;border-radius:22px;box-shadow:0 15px 30px #132a4520;filter:saturate(1.15)}.photo-note{position:absolute;bottom:19px;right:28px;font-size:9px;letter-spacing:.09em;line-height:1.7}.photo-note strong{font-size:15px;font-weight:700;letter-spacing:0}.single .main-photo{width:calc(100% - 40px);height:410px}.wood{background:#fff1e5}.wood:before{background:#ffb88a}.ribbon{background:var(--lime);color:var(--ink);padding:21px 30px;display:flex;justify-content:space-evenly;gap:25px;font-size:10px;font-weight:700;letter-spacing:.13em}.ribbon span:before{content:'✳';color:var(--blue);font-size:17px;vertical-align:middle;margin-right:18px}.services,.portfolio,.uses,.process,.quote,.faq{padding-top:85px;padding-bottom:85px}.section-head{margin-bottom:35px}.section-head>p:last-child:not(.eyebrow){max-width:540px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.service{text-decoration:none;border-radius:22px;overflow:hidden;background:#eef5ff}.service:nth-child(2){background:#fff1e5}.service img{width:100%;height:355px;object-fit:cover;filter:saturate(1.14) contrast(1.03)}.service div{padding:25px 28px 15px}.service small{font-size:10px;letter-spacing:.13em;color:var(--blue);font-weight:700}.service:nth-child(2) small{color:#c34819}.service h3{display:flex;justify-content:space-between;margin-top:12px;font-size:29px}.service h3 span{color:var(--blue)}.service p{max-width:450px;color:var(--muted);font-size:15px}.service:hover h3{text-decoration:underline;text-underline-offset:5px}.process{border-top:1px solid var(--line)}.process ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.process li{padding-top:12px}.process li>span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;font-size:19px;font-weight:700;color:var(--blue);background:#eef5ff}.process li:nth-child(2)>span{background:#fff1e5;color:#c34819}.process li:nth-child(3)>span{background:var(--lime);color:var(--ink)}.process h3{margin-top:20px}.process p,.use-grid p{color:var(--muted)}.benefits{padding:80px 0;background:#075ce8;color:white}.benefits .eyebrow{color:var(--lime)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:45px}.benefit-grid h3{font-size:20px}.benefit-grid p{font-size:14px;color:#dfebff}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.gallery figure{margin:0}.photo{padding:0;border:0;width:100%;cursor:zoom-in;background:#eef5ff;border-radius:18px;overflow:hidden}.photo img{width:100%;height:335px;object-fit:cover;transition:transform .25s;filter:saturate(1.15) contrast(1.03)}.photo:hover img{transform:scale(1.03)}figcaption{display:flex;justify-content:space-between;font-size:13px;line-height:1.4;margin:15px 0 12px;gap:15px}figcaption span{color:var(--blue)}.quote{text-align:center;max-width:860px}.quote blockquote{font-size:29px;font-weight:500;line-height:1.4;margin:25px 0;letter-spacing:-.025em}.quote>p:not(.eyebrow){font-size:13px}.quote span,.quote small{color:var(--muted)}.quote small{font-size:10px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:16px;font-weight:600}details p{margin:15px 0 4px;font-size:14px;color:var(--muted)}.notice{border-radius:10px;background:#fff1e5;padding:14px 18px;font-size:14px;max-width:410px}.notice strong{color:#bd3f15}.micro{font-size:11px;margin-top:16px;color:var(--muted)}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.uses{padding-top:0}footer{background:var(--ink);color:white;padding:70px 0 25px}footer .eyebrow{color:var(--lime)}footer .button{background:var(--lime);color:var(--ink)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px}footer h2{font-size:48px}footer h3{font-size:18px}footer p,footer a:not(.button){font-size:14px}.fine{display:flex;justify-content:space-between;border-top:1px solid #46586e;margin-top:65px;padding-top:22px;font-size:10px;color:#bdccdc}.floating{position:fixed;right:22px;bottom:20px;background:var(--blue);color:white;padding:12px 19px;border:2px solid white;border-radius:40px;font-size:12px;box-shadow:0 4px 14px #132a4525;text-decoration:none;z-index:5}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}dialog{border:0;padding:20px;background:white;border-radius:16px;max-width:min(90vw,850px);max-height:90vh}dialog::backdrop{background:#132a45dc}dialog img{max-height:72vh;max-width:100%;margin:auto;object-fit:contain}dialog p{font-size:13px;margin:14px 0 0}.close{position:absolute;right:10px;top:5px;cursor:pointer;border:0;background:white;font-size:30px;padding:0 10px}body.modal-open{overflow:hidden}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero-art{height:420px}.main-photo{height:350px}.small-photo{height:175px;left:-12px}.single .main-photo{height:330px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.gallery{gap:18px}.photo img{height:260px}.service img{height:260px}.ribbon span:before{margin-right:6px}}@media(max-width:640px){.wrap{width:calc(100% - 36px)}header{min-height:100px;flex-wrap:wrap;gap:9px;padding:16px 0;border-bottom:1px solid var(--line)}nav{gap:20px;font-size:11px;width:100%;justify-content:space-between}.brand{font-size:10px}.brand small{font-size:8px}.mark{font-size:29px}.hero{grid-template-columns:1fr;gap:35px;padding:38px 0 55px;min-height:0}.intro{font-size:16px}h1{font-size:54px}.hero-art{height:410px;max-width:460px;width:100%;margin:0 auto}.hero-art:before{right:0;top:-12px;width:85px;height:85px}.main-photo{width:80%;height:330px;top:15px;right:15px}.small-photo{height:190px;left:-5px;bottom:-8px}.single .main-photo{width:calc(100% - 30px);height:335px}.photo-note{bottom:14px;right:15px}.ribbon{flex-wrap:wrap;padding:18px;gap:15px;font-size:8px}.ribbon span:before{font-size:12px}.services,.portfolio,.uses,.process,.quote,.faq{padding-top:55px;padding-bottom:55px}.service-grid,.gallery,.process ol,.faq,.footer-grid,.use-grid{grid-template-columns:1fr}.service-grid{gap:25px}.service img{height:290px}.service div{padding:20px}.service h3{font-size:26px}.gallery{grid-template-columns:repeat(2,1fr);gap:16px}.photo img{height:220px}figcaption{font-size:11px}.process ol{gap:26px}.process h3{margin-top:15px}.benefits{padding:55px 0}.benefit-grid{gap:20px}.benefit-grid h3{font-size:18px}.benefit-grid p{font-size:13px}.quote blockquote{font-size:24px}.faq{gap:10px}.footer-grid{gap:35px}.fine{display:block;padding-bottom:50px}.fine span{display:block;margin-top:8px}footer h2{font-size:39px}.floating{right:12px;bottom:12px}.uses{padding-top:0}.use-grid{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-art.original-banner{height:auto;aspect-ratio:3/2;background:none;margin:0 -15px}.original-banner:before{display:none}.original-banner .main-photo{position:static;width:100%;height:auto;object-fit:contain;border-radius:20px;filter:none}@media(max-width:640px){.hero-art.original-banner{margin:0;width:100%;height:auto}}
/* Home follows the Oficina structure: separate image strip and contact band. */
body:has(.home) header{position:relative;background:white;color:var(--ink);border:0}
.hero.home{width:100%;max-width:none;min-height:0;display:flex;flex-direction:column;gap:0;padding:0;background:#122e43;}
.hero.home>.original-banner{order:-1;position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;margin:0;height:clamp(230px,26vw,400px);aspect-ratio:auto;border-radius:0;background:#f4e6cf}
.hero.home>.original-banner:before{display:block;content:'';position:absolute;inset:-30px;z-index:-1;background:url('assets/banner-cena-v3.webp') center/cover;filter:blur(24px)}
.home .original-banner .main-photo{position:static;width:100%;height:100%;object-fit:contain;border-radius:0;filter:none}
.hero.home>.hero-copy{width:calc(100% - 100px);max-width:1220px;margin:0 auto;padding:42px 0;display:grid;grid-template-columns:1.5fr 1fr;column-gap:55px;align-items:center;color:white}
.home .hero-message{grid-column:1;grid-row:1}
.home h1{font-size:clamp(34px,3.6vw,52px);line-height:1.1;margin:16px 0 20px;letter-spacing:-.04em}
.home h1 em{color:white}
.home .eyebrow{color:#b6c9d7;font-size:11px;letter-spacing:.12em}
.home .intro{color:#e2ebf1;font-size:17px;max-width:650px;margin-bottom:0;line-height:1.6}
.home .hero-contact{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:12px}
.home .button{background:#007d36;color:white;justify-content:center;gap:15px;padding:14px 25px;border-radius:32px;box-shadow:none;font-size:14px}
.home .call-button{order:-1;width:100%;background:white;color:#122e43;padding:20px 25px;font-size:17px}
.home .button:hover{background:#00682d}.home .call-button:hover{background:#e8f1f6}
.home .text-link{grid-column:1;font-size:12px;margin-top:20px;color:#c5d6e3}
body:has(.home) .floating{display:none}
@media(max-width:900px){
.hero.home>.original-banner{height:auto;aspect-ratio:auto}
.home .original-banner .main-photo{height:auto;object-fit:contain}
.hero.home>.original-banner:before{display:none}
.hero.home>.hero-copy{width:100%;padding:28px 22px 32px;display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left}
.home h1{font-size:clamp(30px,8.4vw,44px);margin:12px 0 16px}
.home .eyebrow{font-size:9px;margin-bottom:10px}
.home .intro{font-size:15px;line-height:1.6}
.home .hero-contact{margin-top:22px;gap:10px}
.home .call-button{padding:15px 22px;font-size:15px}
.home .button{font-size:13px;min-height:46px;padding:12px 20px}
.home .text-link{margin-top:19px;font-size:11px}
}
@media(min-width:901px){.hero.home>.original-banner:before{z-index:0}.home .original-banner .main-photo{position:relative;z-index:1;width:auto;max-width:100%;height:100%;margin:auto;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}}