:root{--green:#153d34;--ink:#163e35;--paper:#f7f6f0;--accent:#d9eead}html{scroll-padding-top:150px}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{flex-shrink:0;vertical-align:middle;transition:transform .25s}.skip-link{position:fixed;top:-80px;left:20px;z-index:120;background:white;padding:12px}.skip-link:focus{top:8px}:focus-visible{outline:3px solid #8eaa56;outline-offset:5px}
.site-header{position:sticky;top:0;z-index:100;height:92px;padding:0 4%;gap:20px;background:#fafbf5f5;backdrop-filter:blur(18px);box-shadow:0 3px 22px #163e3509}.brand{font-size:32px;letter-spacing:-1.6px}.brand:hover{text-decoration:none}.brand small{font-size:8px;letter-spacing:.7px}.brand-mark{display:grid;place-items:center;background:var(--green);color:var(--accent);height:46px;width:46px;border-radius:15px 15px 4px 15px}.brand-mark .icon{width:27px;height:27px}.site-header nav{gap:6px}.site-header nav a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;transition:background .2s}.site-header nav a:hover,.site-header nav a[aria-current]{background:#e6eddc;text-decoration:none}.site-header nav a:hover .icon{transform:translateY(-2px)}.site-header .actions{gap:13px}.account-link{display:flex;gap:7px;align-items:center}.site-header .actions .button{display:inline-flex;gap:8px}.site-header .actions .text-button{font-size:12px}
button,.button{border-radius:12px;gap:12px;box-shadow:0 3px 0 #0c302422;transition:transform .2s,box-shadow .2s,background .2s}.button:hover,button:hover{transform:translateY(-3px);box-shadow:0 9px 23px #163e3523}.button:active,button:active{transform:translateY(0)}.button:hover .icon:last-child{transform:translate(2px,-2px)}.text-button{box-shadow:none}.hero{background:radial-gradient(ellipse at top left,#edf1e0,#f7f6f0 70%);min-height:580px}.hero-copy{padding:72px 8% 80px}.hero h1{font-size:clamp(36px,4.2vw,66px);letter-spacing:-2.3px}.hero h1 em,.gallery-intro em{font-family:Georgia,serif;font-weight:400}.landscape{border-radius:0 0 0 80px}.search-bar{border-radius:18px;box-shadow:0 15px 40px #163e3510;margin-top:-30px;padding:26px}.region-card{border-radius:20px;color:white;background:linear-gradient(0deg,#123a32ef,#123a3222),url('images/beskid-panorama.png') center/cover;min-height:260px}.region-card:before{display:none}.region-card.color-2{background-position:35% center}.region-card.color-3{background-position:65% center}.region-card.color-4{background-position:right}.region-card .region-number{background:#ffffff26;padding:5px 10px;width:max-content;border-radius:20px}.region-card h3{font-size:25px}.service-banner{border-radius:28px;background:#e8edde}.service-visual{border-radius:20px}.empty,.panel,.offer-card{border-radius:18px}.empty{background:linear-gradient(120deg,#eef1e5,#fafbf7)}.footer-brand{font-size:38px;letter-spacing:-2px}footer{background:#153d34;color:#f0f4e8;padding:46px 5%;margin-top:35px}footer .muted{color:#bacbbc}
.gallery-intro{padding-top:65px;padding-bottom:25px;max-width:1160px}.gallery-intro h1{font-size:clamp(40px,5.5vw,76px)}.gallery-intro p{max-width:590px;color:var(--muted)}.visual-note{display:inline-block;font-size:12px;padding:8px 12px;border:1px solid #d4ddc8;border-radius:20px}.gallery-grid{max-width:1160px;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:25px}.gallery-card{margin:0;min-width:0}.gallery-card.wide{grid-column:1/-1}.gallery-open{display:block;position:relative;width:100%;padding:0;background:#e0e9d8;overflow:hidden;border-radius:24px;box-shadow:none}.gallery-open img{display:block;width:100%;height:340px;object-fit:cover;transition:transform .6s}.gallery-card.wide img{height:470px}.gallery-open:hover{transform:none}.gallery-open:hover img{transform:scale(1.035)}.zoom-icon{position:absolute;bottom:20px;right:20px;border-radius:50%;background:#ffffffec;color:var(--ink);padding:12px;display:grid;place-items:center}.gallery-card figcaption{padding:18px 4px 0}.gallery-card figcaption>span{font-size:10px;letter-spacing:2px;color:var(--muted)}.gallery-card h2{font-size:27px;margin:8px 0}.gallery-cta{text-align:center;padding-top:15px}.lightbox{border:0;border-radius:20px;padding:16px;background:#112f29;color:white;max-width:94vw;max-height:94vh}.lightbox::backdrop{background:#071e18dd;backdrop-filter:blur(8px)}.lightbox>img{display:block;max-width:86vw;max-height:76vh;object-fit:contain}.lightbox p{margin:10px;font-size:13px}.lightbox-close{position:absolute;right:24px;top:24px;padding:10px;border-radius:50%;background:white;color:#153d34}.gallery-preview{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px}.gallery-preview img{width:100%;height:320px;object-fit:cover;border-radius:28px}
@media(max-width:1100px){.site-header{height:auto;min-height:90px;flex-wrap:wrap;padding:14px 4%;gap:12px}.site-header nav{order:3;width:100%;justify-content:center}.site-header nav a{padding:7px 14px}.site-header .brand{font-size:29px}.site-header .actions{margin-left:auto}.hero-copy{padding:45px 8% 60px}}
@media(max-width:720px){.site-header{padding:10px 4%;gap:8px}.brand-mark{width:34px;height:34px;border-radius:11px 11px 3px 11px}.brand-mark .icon{width:22px;height:22px}.site-header .brand{font-size:25px;gap:8px}.brand small{display:none}.site-header nav{justify-content:space-between;gap:2px}.site-header nav a{font-size:11px;gap:5px;padding:7px 5px}.site-header nav .icon{width:18px;height:18px}.site-header .actions{gap:9px;font-size:11px}.site-header .actions .button{padding:9px;gap:4px;font-size:11px}.site-header .actions .icon{width:17px;height:17px}.account-link{gap:4px}.actions form .text-button{font-size:10px}.hero{min-height:0}.hero-copy{padding:38px 5% 35px}.hero h1{font-size:41px}.landscape{border-radius:0 0 0 44px;min-height:330px}.search-bar{margin-top:18px;padding:18px}.region-card{min-height:220px}.region-card h3{font-size:22px}.gallery-grid{grid-template-columns:1fr;gap:26px}.gallery-card.wide{grid-column:auto}.gallery-open img,.gallery-card.wide img{height:290px}.gallery-intro{padding-top:35px}.gallery-preview{grid-template-columns:1fr;gap:20px}.gallery-preview img{height:260px}.service-banner{margin:20px 5%;padding:25px}.lightbox>img{max-width:83vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,button:hover,.region-card:hover,.gallery-open:hover img{transform:none}}
