/* Jasne SPA · geometryczne akcenty inspirowane Bauhausem */
:root{--ink:#24463f;--paper:#fafbf7;--cream:#edf2e9;--gold:#c6a15f;--line:#d8e2d7;--blue:#477f95;--terracotta:#b65e45;--sun:#d49728}
.site-header{background:#fafbf7f5}.header-inner{min-height:94px}.brand{gap:19px}.brand-location{color:#617770}
.wordmark strong{display:flex;align-items:baseline;font-family:"Century Gothic","Trebuchet MS",sans-serif;font-weight:700;font-size:2.65rem;letter-spacing:-.11em;line-height:1.15}
.wordmark strong>span{display:inline-block}.wordmark strong .logo-b{color:#24463f}.wordmark strong .logo-a{color:#427487}.wordmark strong .logo-l{color:#b65e45;transform:rotate(-4deg);transform-origin:bottom}.wordmark strong .logo-i{color:#24463f}.wordmark strong .logo-last{color:#24463f}.wordmark strong .wordmark-dot{color:#cf9b35;margin-left:.06em}
.wordmark>span{letter-spacing:.27em}.wordmark-large{margin:0}.wordmark-large strong{font-size:4.9rem}.wordmark-large>span{font-size:.66rem}.site-header .nav-cta{border-color:#c0cfc6;background:#edf3eb}
.hero{background:radial-gradient(ellipse at 0% 15%,#e0ece7 0%,transparent 50%),radial-gradient(ellipse at 100% 90%,#f2e8d4 0%,transparent 44%),#f5f8f0;color:var(--ink);min-height:0;border-bottom:1px solid var(--line)}
.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(355px,.93fr);align-items:center;gap:55px;padding-top:44px;padding-bottom:35px}
.hero-left{min-width:0}.hero-welcome{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:26px;margin-bottom:30px;padding-top:9px}
.hero-copy{text-align:left}.hero-copy .eyebrow{color:#516d61;font-size:.7rem;letter-spacing:.14em}.hero h1{font-size:clamp(2.7rem,3.5vw,4rem);line-height:1.07;letter-spacing:-.055em;margin:14px 0 17px}.hero h1 em{font-size:1em;color:#345e52}
.hero-copy p{color:#50685c;font-size:.96rem;line-height:1.7;max-width:465px;margin:0 0 18px}.hero-link{font-size:.8rem;border:0;gap:14px;flex-wrap:wrap;padding:0}.hero-link strong{font-size:1rem;color:#294c41}.hero-delivery{color:#5d7064;border-left:1px solid #b6c9bb;padding-left:14px}.hero-link>span:last-child{font-size:1.3rem}
.hero-scene{aspect-ratio:2 / 1;position:relative;overflow:hidden;border-radius:6px;background:#354d45;isolation:isolate;box-shadow:0 12px 30px #244b3720}
.scene-base,.scene-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(1.16) saturate(.95)}
.scene-base{z-index:0}.scene-layer{z-index:1;pointer-events:none}.scene-clouds{mask-image:linear-gradient(90deg,transparent 39%,#000 59%),linear-gradient(#000 15%,transparent 46%);mask-composite:intersect;animation:cloudDrift 28s ease-in-out infinite alternate}.scene-leaves{mask-image:radial-gradient(ellipse 37% 55% at 19% 7%,#000 8%,transparent 94%);transform-origin:18% 10%;animation:leafSway 8s ease-in-out infinite alternate}
.scene-steam{position:absolute;z-index:2;left:19%;top:27%;width:35%;height:27%;object-fit:contain;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:blur(.5px);animation:steamRise 8s linear infinite}.steam-two{left:26%;width:24%;animation-delay:-4s;animation-duration:10s}
.scene-caption{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:30px 17px 14px;background:linear-gradient(transparent,#102b23a8);color:white}.scene-caption>span{font-size:.8rem;letter-spacing:.02em}.motion-toggle{background:#f6f8f0ed;border:1px solid #ffffff8c;border-radius:20px;padding:7px 12px;font-size:.75rem;color:#24463f;line-height:1.4;display:flex;align-items:center;gap:7px;min-height:34px}.motion-toggle:hover{background:white}.scene-credit{margin:8px 0 0;font-size:.7rem;color:#6b796d;text-align:right}.hero-scene.motion-paused .scene-layer,.hero-scene.motion-paused .scene-steam{animation-play-state:paused}
@keyframes cloudDrift{from{transform:translateX(-.25%)}to{transform:translateX(1.2%)}}
@keyframes leafSway{from{transform:rotate(-.28deg) skewX(-.1deg)}to{transform:rotate(.32deg) skewX(.2deg)}}
@keyframes steamRise{0%{opacity:0;transform:translate(0,7%) scale(.93)}20%{opacity:.31}65%{opacity:.19}100%{opacity:0;transform:translate(4%,-25%) scale(1.08)}}
.enquiry{padding:30px;background:#ffffffed;border:1px solid #dce5d6;border-top:3px solid #78a193;border-radius:7px;box-shadow:0 12px 40px #274b3310}.form-heading .eyebrow{font-size:.66rem;letter-spacing:.12em;color:#52776a}.form-heading h2,.contact-layout .form-heading h2{font-size:clamp(1.7rem,2.1vw,2.1rem);line-height:1.2;letter-spacing:-.035em;margin:11px 0 10px;text-wrap:balance}.form-heading p{font-size:.875rem;line-height:1.6;color:#617568;margin:0 0 22px}.form-pair{grid-template-columns:1fr 1fr;gap:14px}.enquiry label{font-size:.875rem;font-weight:600;line-height:1.5}.enquiry label>span{font-size:.75rem;color:#6a7b6e;font-weight:400}.enquiry input,.enquiry textarea{padding:11px 12px;border:1px solid #d3dfd1;background:#f9fbf6;border-radius:4px;margin:7px 0 17px;font-size:1rem;line-height:1.4;min-height:45px}.enquiry textarea{min-height:88px;max-height:250px}.enquiry input:focus,.enquiry textarea:focus{outline:2px solid #679687;outline-offset:1px;background:white}.enquiry input::placeholder,.enquiry textarea::placeholder{color:#748071;font-size:.875rem}.enquiry .button{padding:14px 17px}.form-note{font-size:.75rem;line-height:1.6;margin-top:12px}.form-demo-contact{margin-top:16px;padding-top:14px;gap:3px;font-size:.875rem}.form-demo-contact>span:first-child{font-weight:600}.form-demo-contact>span:nth-child(2){color:#477687}.form-demo-contact small{font-size:.75rem;color:#748071;margin-top:2px}
.spec-strip{background:#f1f5ed;border-color:#dce4d5;padding-block:27px}.spec-icon{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font-size:1.9rem}.icon-people{color:#577969;background:#e1eadd}.icon-water{color:#347e9c;background:#e0eff2}.icon-heat{color:#b35e40;background:#f6e8dc}.season-icons{display:flex;align-items:center;gap:3px;font-size:1.55rem}.icon-sun{color:#c48816}.icon-snow{color:#3f89ac;font-size:1.3rem}.spec-strip strong{font-size:.9rem}.spec-strip>div>span:last-child{font-size:.8rem}
.home-story .eyebrow{color:#9b643d}.home-story h2{font-size:clamp(2.2rem,3.2vw,3.4rem)}.home-offer{border-color:#d7e0d1}.offer-panel{background:linear-gradient(135deg,#e8f0e3,#eff3e9)}.offer-panel .eyebrow{color:#507765}.large-price{color:#285448}.price-card{background:linear-gradient(140deg,#244d43,#1f3835)}.price-card .eyebrow{color:#ead8ac}.detail-number{color:#a16c44}.gallery-disclaimer>span{color:#c28d31}.contact-layout .enquiry{background:#f4f7ef;border-top:3px solid #78a193}.closing-cta{border-top:1px solid #dde5d8;margin-top:70px;padding-block:65px}.closing-cta .eyebrow{color:#637d6d}.closing-cta h2{font-size:3rem}.site-footer{background:linear-gradient(120deg,#25483e,#193935)}.footer-brand .wordmark strong .logo-b,.footer-brand .wordmark strong .logo-i,.footer-brand .wordmark strong .logo-last{color:#f3f6ee}.footer-brand .wordmark strong .logo-a{color:#91bbca}.footer-brand .wordmark strong .logo-l{color:#e39b79}.footer-brand .wordmark strong .wordmark-dot{color:#e4b95e}
@media(min-width:1600px){.hero-grid{padding-block:50px;gap:70px}.hero{min-height:0}.hero h1{font-size:4rem}}
@media(max-width:1150px){.hero-grid{gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(335px,1fr)}.hero-welcome{grid-template-columns:1fr;gap:18px;padding:0}.wordmark-large{justify-self:start}.wordmark-large strong{font-size:3.4rem}.wordmark-large>span{font-size:.53rem}.hero h1{font-size:3.15rem}.hero-copy p{font-size:.9rem}.hero-scene{aspect-ratio:1.8}.enquiry{padding:25px}.form-pair{grid-template-columns:1fr;gap:0}}
@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:25px;align-items:start}.hero-welcome{margin-bottom:23px}.hero h1{font-size:2.7rem}.hero-scene{aspect-ratio:1.45}.scene-caption{align-items:flex-end;padding-inline:12px}.scene-caption>span{font-size:.7rem;max-width:100px}.motion-toggle{font-size:.65rem;padding:7px 9px;white-space:nowrap}.hero-delivery{border:0;padding:0}.hero-link{gap:8px 14px}.form-heading h2{font-size:1.75rem}.closing-cta h2{font-size:2.6rem}}
@media(max-width:680px){.header-inner{min-height:80px}.wordmark strong{font-size:2.3rem}.hero-grid{display:flex;gap:30px;padding-top:30px;padding-bottom:30px}.hero-left{width:100%}.hero-welcome{grid-template-columns:70px minmax(0,1fr);gap:20px;margin-bottom:25px;align-items:start}.wordmark-large strong{font-size:3.2rem}.wordmark-large>span{font-size:.46rem}.hero-copy{text-align:left}.hero-copy .eyebrow{font-size:.6rem;letter-spacing:.08em}.hero h1{font-size:clamp(2rem,7vw,2.8rem);margin:12px 0 14px}.hero-copy p{font-size:.875rem;line-height:1.7;margin-bottom:15px}.hero-link strong{font-size:.9rem}.hero-delivery{font-size:.75rem}.hero-scene{aspect-ratio:1.8}.scene-caption>span{font-size:.75rem;max-width:none}.motion-toggle{font-size:.7rem}.enquiry{max-width:none;padding:25px}.form-heading h2,.contact-layout .form-heading h2{font-size:1.9rem}.form-pair{grid-template-columns:1fr 1fr;gap:12px}.enquiry label>span{font-size:.7rem}.form-heading p{font-size:.875rem}.spec-strip{gap:24px 12px}.spec-icon{width:33px;height:33px;font-size:1.6rem}.spec-strip>div{gap:10px}.spec-strip>div>span:last-child{font-size:.75rem}.spec-strip strong{font-size:.82rem}.season-icons{font-size:1.25rem;gap:0}.icon-snow{font-size:1.1rem}.closing-cta{margin-top:45px;padding-block:50px}.closing-cta h2{font-size:2.3rem}.contact-layout .enquiry{padding:25px}}
@media(max-width:370px){.hero-welcome{grid-template-columns:1fr;gap:16px}.wordmark-large{justify-self:center}.hero-copy{text-align:center}.hero h1{font-size:2.6rem}.hero-link{justify-content:center}.form-pair{grid-template-columns:1fr;gap:0}.enquiry{padding:22px}.scene-caption>span{font-size:.65rem}.motion-toggle{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.scene-layer,.scene-steam{animation:none!important}.scene-steam{opacity:.12}.motion-toggle{display:none}}
@media(max-width:420px){.form-pair{grid-template-columns:1fr;gap:0}}