/* Panorama, ciepły kamień i geometryczny znak w kwadracie. */
:root{--ink:#263f36;--paper:#f8f6ef;--cream:#eceee3;--line:#dcded0;--gold:#c6ad7e}
.site-header{background:#f8f6eff7;border-color:#e3e2d6}.header-inner{min-height:100px}.brand{gap:24px}.brand-location{border-color:#d7d9ca;color:#6c7868}
.brand-signature{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:57px;height:57px;object-fit:contain}.wordmark{align-items:flex-start;gap:3px}.wordmark strong{display:block;font-family:"Century Gothic","Trebuchet MS",sans-serif;font-size:1.72rem;line-height:1.12;letter-spacing:.065em;font-weight:700;color:var(--ink)}.wordmark>span{font-size:.53rem;letter-spacing:.3em;line-height:1.3}
.brand-signature-large{justify-content:center;gap:20px;margin-bottom:30px}.brand-signature-large .brand-mark{width:84px;height:84px}.brand-signature-large .wordmark{margin:0;gap:4px;align-items:flex-start}.brand-signature-large .wordmark strong{font-size:3rem;color:#f5efdf;letter-spacing:.09em}.brand-signature-large .wordmark>span{color:#e3d8be;font-size:.64rem;letter-spacing:.35em}.site-header .nav-cta{background:transparent;border-color:#c3c7b5;border-radius:2px}.site-header .nav-cta:hover{background:#eeeee1}
.hero-mood{position:relative;isolation:isolate;overflow:hidden;background:#263c35;color:#f5f2e8;min-height:850px;border-bottom:0}.hero-backdrop{position:absolute;inset:0;z-index:-3;container-type:size;overflow:hidden}.panorama-canvas{position:absolute;width:max(100cqw,200cqh);aspect-ratio:2;top:50%;left:50%;transform:translate(-50%,-50%)}
.hero-mood .scene-base,.hero-mood .scene-layer{object-fit:cover;filter:saturate(.88) brightness(1.02)}.hero-mood .scene-clouds{mask-image:linear-gradient(90deg,transparent 30%,#000 60%),linear-gradient(#000 8%,transparent 39%);mask-composite:intersect;animation-duration:35s}.hero-mood .scene-leaves{mask-image:radial-gradient(ellipse 40% 52% at 9% 16%,#000 6%,transparent 97%);transform-origin:10% 18%;animation-duration:10s}.hero-mood .scene-steam{left:24%;top:51%;width:28%;height:20%;filter:blur(1px)}.hero-mood .steam-two{left:31%;top:52%;width:21%;height:18%;animation-delay:-4s}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10271e57 0%,#10271e19 56%,#10271e24),linear-gradient(180deg,#10241f4a 0%,transparent 52%,#10231d0f 78%,#10231d9c)}
.hero-mood .hero-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(350px,.85fr);gap:clamp(60px,7vw,115px);padding-top:58px;padding-bottom:150px;align-items:start;position:relative;z-index:1}.hero-mood .hero-welcome{display:flex;flex-direction:column;align-items:center;gap:0;margin:0;padding:12px 0 0;max-width:640px}.hero-mood .hero-copy{text-align:center}.hero-mood .hero-copy .eyebrow{color:#ddcfac;font-size:.67rem;letter-spacing:.2em;text-shadow:0 1px 12px #14261e}
.hero-mood h1{font-size:clamp(3.8rem,5.2vw,5.6rem);line-height:1.04;margin:22px 0 20px;letter-spacing:-.055em;text-shadow:0 2px 30px #0d241d55}.hero-mood h1 em{font-size:.86em;color:#f3ead6;letter-spacing:-.04em}.hero-mood .hero-copy p{font-size:1rem;line-height:1.75;max-width:450px;margin:0 auto 25px;color:#f0f0e5;text-shadow:0 1px 10px #10281f88}.hero-mood .hero-link{display:inline-flex;justify-content:center;border-bottom:1px solid #c7b8918c;padding-bottom:12px;gap:17px;color:#f7f0dd}.hero-mood .hero-link strong{color:#f5edd9;font-size:1rem;font-weight:600}.hero-mood .hero-delivery{color:#ecebdc;border-left:1px solid #c6bb9980;padding-left:17px;font-size:.82rem}.hero-mood .hero-link>span:last-child{color:#dac599}
.hero-mood .enquiry{margin:0;background:#f8f5ecef;border:1px solid #e5ddc7b3;border-top:2px solid #c3aa79;backdrop-filter:blur(14px);border-radius:3px;box-shadow:0 14px 65px #0b201e26;padding:29px 30px;color:var(--ink)}.form-heading .eyebrow{font-size:.65rem;letter-spacing:.13em;color:#82704f}.form-heading h2,.contact-layout .form-heading h2{font-family:var(--font);font-weight:600;font-size:2rem;line-height:1.2;margin:12px 0 11px;letter-spacing:-.04em;text-wrap:balance}.form-heading p{font-size:.875rem;line-height:1.65;color:#65705f;margin-bottom:24px}.hero-mood .enquiry input,.hero-mood .enquiry textarea{background:#ffffff6b;border-color:#d2d5c5;border-radius:2px;margin:7px 0 17px}.hero-mood .enquiry input:focus,.hero-mood .enquiry textarea:focus{background:#fffffff5;outline-color:#9a956f}.hero-mood .enquiry textarea{min-height:77px}.enquiry .button{border-radius:2px;background:#294638;box-shadow:inset 0 1px 0 #ffffff0a}.enquiry .button:hover{background:#3d5945}.hero-mood .form-pair{grid-template-columns:1fr 1fr;gap:14px}.hero-mood .form-note{color:#6e7566;font-size:.75rem}.hero-mood .form-demo-contact{border-color:#d6d9ca;font-size:.875rem;gap:2px}.hero-mood .form-demo-contact>span:nth-child(2){color:#596f63}.hero-mood .form-demo-contact small{color:#787f6e}
.hero-mood .hero-bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;font-size:.65rem;letter-spacing:.11em;color:#e7e4d6}.hero-mood .hero-bottom>span{max-width:650px;text-align:left}.hero-mood .motion-toggle{border:1px solid #e4dbc28a;background:#273e334a;color:#f2ecde;padding:9px 14px;border-radius:25px;font-size:.75rem;backdrop-filter:blur(8px);white-space:nowrap}.hero-mood .motion-toggle:hover{background:#f4eedc24}.hero-mood.motion-paused .scene-layer,.hero-mood.motion-paused .scene-steam{animation-play-state:paused}
.spec-strip{background:#eeefe5;border-color:#dddccc}.icon-water{background:#e0eae8;color:#577f87}.icon-heat{background:#eee3d2;color:#a16b3e}.icon-people{background:#e1e7d8;color:#657a5c}.icon-sun{color:#bb892f}.icon-snow{color:#6092a4}.offer-panel{background:linear-gradient(135deg,#e6eade,#f0f0e5)}.home-story .eyebrow{color:#88724b}.price-card{background:linear-gradient(135deg,#294739,#203930)}.closing-cta .button{background:#294638}.site-footer{background:#223c32}.footer-brand .brand-signature{gap:17px}.footer-brand .brand-mark{width:66px;height:66px}.footer-brand .wordmark{align-items:flex-start}.footer-brand .wordmark strong{font-size:2rem;color:#f3eddb;letter-spacing:.065em}.footer-brand .wordmark>span{color:#c9c3aa}.footer-brand>span{margin-top:20px}.contact-layout .enquiry{border-color:#d4d9c8;border-top:2px solid #c3aa79;background:#efefe4}
@media(min-width:1600px){.hero-mood{min-height:920px}.hero-mood .hero-grid{padding-top:70px;padding-bottom:180px;gap:120px}.hero-mood h1{font-size:5.8rem}}
@media(max-width:1150px){.hero-mood{min-height:880px}.hero-mood .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(335px,.9fr);gap:45px;padding-top:50px;padding-bottom:150px}.hero-mood h1{font-size:4.2rem}.hero-mood .enquiry{padding:25px}.hero-mood .form-pair{grid-template-columns:1fr;gap:0}.brand-location{display:none}.brand-signature-large .brand-mark{width:75px;height:75px}.brand-signature-large .wordmark strong{font-size:2.7rem}}
@media(max-width:900px){.hero-mood{min-height:940px}.hero-mood .hero-grid{grid-template-columns:minmax(0,1fr) minmax(310px,1fr);gap:28px;padding-top:45px;padding-bottom:180px}.hero-mood h1{font-size:3.5rem}.hero-mood .hero-copy p{font-size:.95rem}.hero-mood .hero-link{gap:10px 14px}.hero-mood .hero-delivery{border:0;padding:0}.brand-signature-large{gap:13px}.brand-signature-large .brand-mark{width:67px;height:67px}.brand-signature-large .wordmark strong{font-size:2.3rem}.brand-signature-large .wordmark>span{font-size:.58rem}.hero-mood .hero-bottom{font-size:.6rem}.hero-mood .hero-bottom>span{max-width:420px}}
@media(max-width:680px){.header-inner{min-height:84px}.brand-signature{gap:10px}.brand-mark{width:51px;height:51px}.wordmark strong{font-size:1.5rem}.wordmark>span{font-size:.46rem}.brand-location{display:none}.hero-mood{min-height:0;overflow:hidden;background:#213b30}.hero-mood .hero-backdrop{height:750px;bottom:auto}.hero-mood .hero-atmosphere{height:750px;bottom:auto;background:linear-gradient(180deg,#122c254f,transparent 72%,#213b30)}.hero-mood .panorama-canvas{left:70%}.hero-mood .hero-grid{display:flex;flex-direction:column;gap:0;padding-top:32px;padding-bottom:0}.hero-mood .hero-welcome{width:100%;padding:0 4px;margin:0 0 190px;min-height:370px}.brand-signature-large{margin-bottom:19px;gap:15px}.brand-signature-large .brand-mark{width:66px;height:66px}.brand-signature-large .wordmark strong{font-size:2.35rem}.brand-signature-large .wordmark>span{font-size:.56rem}.hero-mood .hero-copy .eyebrow{font-size:.6rem;letter-spacing:.16em}.hero-mood h1{font-size:clamp(3rem,11vw,4rem);margin:19px 0 17px}.hero-mood .hero-copy p{font-size:.925rem;max-width:350px;margin-bottom:22px}.hero-mood .hero-link{gap:9px 13px}.hero-mood .hero-link strong{font-size:.925rem}.hero-mood .hero-delivery{font-size:.75rem}.hero-mood .enquiry{width:100%;max-width:none;padding:27px;border-radius:3px;background:#f8f5ed;border-top:2px solid #c3aa79;box-shadow:0 10px 50px #122a2233}.hero-mood .form-pair{grid-template-columns:1fr 1fr;gap:12px}.form-heading h2,.contact-layout .form-heading h2{font-size:1.95rem}.hero-mood .hero-bottom{position:relative;bottom:auto;left:auto;transform:none;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;margin-top:24px;padding-bottom:24px;letter-spacing:.07em}.hero-mood .hero-bottom>span{font-size:.58rem;text-align:center;max-width:320px}.hero-mood .motion-toggle{font-size:.72rem}.footer-brand{display:block}.footer-brand .brand-mark{width:60px;height:60px}.footer-brand .wordmark strong{font-size:1.8rem}.footer-brand>span{margin-top:17px;max-width:none}.contact-layout .enquiry{padding:25px}}
@media(max-width:420px){.hero-mood .form-pair{grid-template-columns:1fr;gap:0}.hero-mood .enquiry{padding:24px}.hero-mood .hero-welcome{margin-bottom:185px}.hero-mood .hero-link{gap:8px 11px}.hero-mood .hero-delivery{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.hero-mood .motion-toggle{display:none}.hero-mood .scene-layer,.hero-mood .scene-steam{animation:none!important}.hero-mood .scene-steam{opacity:.1}}
/* Kadr dopasowany do położenia wody w wygenerowanej panoramie. */
.hero-mood .panorama-canvas{width:max(100cqw,230cqh);top:57%}
.hero-mood .scene-steam{left:20%;top:32%;width:27%;height:20%}
.hero-mood .steam-two{left:27%;top:34%;width:19%;height:18%}
@media(max-width:680px){.hero-mood .panorama-canvas{left:50%;transform:translate(-33.15%,-50%)}}

/* Miękki cień poprawia czytelność jasnych liter na fotografii. */
.hero-mood h1{
  text-shadow:0 2px 4px #071d16a6,0 8px 28px #071d168c;
}
.hero-mood .wordmark,
.hero-mood .hero-copy .eyebrow,
.hero-mood .hero-copy p,
.hero-mood .hero-link,
.hero-mood .hero-bottom>span{
  text-shadow:0 1px 3px #071d16bf,0 3px 14px #071d1699;
}