.rufales-homepage{--rufales-homepage-ink:var(--rufales-color-ink);--rufales-homepage-forest:#1f4a34;--rufales-homepage-ivory:#f4f0e8;--rufales-homepage-warm:#e8e0d2;--rufales-homepage-line:rgba(23, 32, 25, 0.16);background:var(--rufales-homepage-ivory);color:var(--rufales-homepage-ink);overflow:clip}.rufales-homepage .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.rufales-homepage .rufales-homepage__container{width:min(86rem, calc(100% - (2 * var(--rufales-gutter, 2rem))));margin-inline:auto}.rufales-homepage .rufales-homepage__hero,.rufales-homepage .rufales-homepage__slider,.rufales-homepage .rufales-homepage__slides{position:relative;min-height:clamp(35rem, 48vw, 50rem)}.rufales-homepage .rufales-homepage__slider{background:#111812;isolation:isolate}.rufales-homepage .rufales-homepage__slide{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;visibility:hidden;transition:opacity 520ms ease,visibility 0s linear 520ms}.rufales-homepage .rufales-homepage__slide.is-active{z-index:1;opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}.rufales-homepage .rufales-homepage__hero-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.rufales-homepage .rufales-homepage__hero-image--masiv{object-position:center 42%}.rufales-homepage .rufales-homepage__hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgb(7 12 8 / .52) 0%,rgb(7 12 8 / .34) 30%,rgb(7 12 8 / .12) 52%,#fff0 72%)}.rufales-homepage .rufales-homepage__hero-layout{position:relative;z-index:2;display:flex;align-items:center;min-height:clamp(35rem, 48vw, 50rem);padding-block:clamp(5rem, 9vw, 7rem);padding-inline:clamp(3.75rem, 5vw, 5rem)}.rufales-homepage .rufales-homepage__hero-copy{width:min(40rem, 60%);color:#eee9df;text-shadow:0 2px 16px rgb(0 0 0 / .38)}.rufales-homepage .rufales-homepage__hero-copy h1,.rufales-homepage .rufales-homepage__hero-copy h2{margin:0 0 1rem;color:inherit;font-family:inherit;font-size:var(--rufales-font-size-3xl);font-weight:600;line-height:var(--rufales-line-heading);letter-spacing:-.03em}.rufales-homepage .rufales-homepage__hero-copy p{max-width:39rem;margin:0 0 1.85rem;color:inherit;font-size:clamp(1.03rem, 1.35vw, 1.22rem);line-height:1.58}.rufales-homepage .rufales-homepage__button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.72rem 1.35rem;border:1px solid rgb(238 233 223 / .7);border-radius:.2rem;color:#eee9df;font-size:.9rem;font-weight:600;letter-spacing:.012em;line-height:1.25;text-decoration:none;text-shadow:none;transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease}.rufales-homepage .rufales-homepage__button:hover{border-color:#f4f0e8;background:#f4f0e8;color:var(--rufales-color-ink)}.rufales-homepage .rufales-homepage__slider-control{position:absolute;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid rgb(244 240 232 / .58);border-radius:50%;background:rgb(8 14 10 / .42);color:#f4f0e8;font:inherit;font-size:1.25rem;cursor:pointer;transform:translateY(-50%);transition:background-color 180ms ease,border-color 180ms ease}.rufales-homepage .rufales-homepage__slider-control:hover{border-color:#f4f0e8;background:rgb(8 14 10 / .72)}.rufales-homepage .rufales-homepage__slider-control--previous{left:max(1rem, calc((100% - 86rem) / 2))}.rufales-homepage .rufales-homepage__slider-control--next{right:max(1rem, calc((100% - 86rem) / 2))}.rufales-homepage .rufales-homepage__slider-dots{position:absolute;bottom:1.4rem;left:50%;z-index:3;display:flex;gap:.2rem;transform:translateX(-50%)}.rufales-homepage .rufales-homepage__slider-dots button{position:relative;width:2.75rem;height:2.75rem;padding:0;border:0;background:#fff0;cursor:pointer}.rufales-homepage .rufales-homepage__slider-dots button::before{position:absolute;top:50%;left:50%;width:.55rem;height:.55rem;border:1px solid rgb(244 240 232 / .8);border-radius:50%;background:rgb(8 14 10 / .32);content:"";transform:translate(-50%,-50%);transition:background-color 180ms ease,transform 180ms ease}.rufales-homepage .rufales-homepage__slider-dots button[aria-pressed="true"]::before{background:#f4f0e8;transform:translate(-50%,-50%) scale(1.2)}.rufales-homepage .rufales-homepage__button:focus-visible,.rufales-homepage .rufales-homepage__slider-control:focus-visible,.rufales-homepage .rufales-homepage__slider-dots button:focus-visible,.rufales-homepage .rufales-homepage__world:focus-visible{outline:3px solid #f4f0e8;outline-offset:4px;box-shadow:0 0 0 7px rgb(10 20 14 / .82)}.rufales-homepage .rufales-homepage__worlds{padding-block:clamp(4.5rem, 7vw, 7rem);background:var(--rufales-homepage-ivory)}.rufales-homepage .rufales-homepage__worlds .rufales-homepage__container{width:min(95vw, 112rem)}.rufales-homepage .rufales-homepage__world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem, 2.2vw, 2.15rem)}.rufales-homepage .rufales-homepage__world{position:relative;display:block;min-height:clamp(24rem, 30vw, 30rem);border-radius:.35rem;color:#f4f0e8;background:#111812;overflow:hidden;text-decoration:none;isolation:isolate}.rufales-homepage .rufales-homepage__world-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform 600ms ease}.rufales-homepage .rufales-homepage__world-image--pila{filter:grayscale(1)}.rufales-homepage .rufales-homepage__world-image--drevostavby{bottom:auto;height:84%;object-position:52% center;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%)}.rufales-homepage .rufales-homepage__world:hover .rufales-homepage__world-image{transform:scale(1.025)}.rufales-homepage .rufales-homepage__world-shade{position:absolute;inset:0;background:linear-gradient(180deg,#fff0 52%,rgb(5 11 7 / .68) 100%)}.rufales-homepage .rufales-homepage__world-copy{position:absolute;right:0;bottom:0;left:0;display:grid;gap:.55rem;padding:clamp(1.65rem, 3vw, 2.35rem);text-shadow:0 2px 14px rgb(0 0 0 / .48)}.rufales-homepage .rufales-homepage__world-copy strong{color:inherit;font-size:clamp(1.5rem, 2.25vw, 2.15rem);font-weight:600;line-height:1.12;letter-spacing:-.025em}.rufales-homepage .rufales-homepage__world-copy>span{min-height:3em;max-width:28rem;color:inherit;font-size:1rem;line-height:1.5}.rufales-homepage .rufales-homepage__story{padding-block:clamp(3rem, 4vw, 4rem) clamp(3.5rem, 5vw, 4.5rem);border-top:1px solid var(--rufales-homepage-line);background:var(--rufales-homepage-warm)}.rufales-homepage .rufales-homepage__story-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,0.88fr);align-items:start;gap:clamp(2rem, 5vw, 5rem)}.rufales-homepage .rufales-homepage__story-layout>h2{max-width:24ch;margin:0;padding:0;color:var(--rufales-homepage-ink);font:600 clamp(2rem, 3.2vw, 3rem)/1.2 var(--rufales-font-sans);letter-spacing:-.025em;text-wrap:balance}.rufales-homepage .rufales-homepage__story-body{padding-top:.25rem;padding-left:clamp(1.5rem, 2.5vw, 2.5rem);border-left:1px solid var(--rufales-homepage-line)}.rufales-homepage .rufales-homepage__story-body p:last-child{margin-bottom:0}.rufales-homepage .rufales-homepage__story-body p{max-width:48ch;margin:0 0 1rem;padding:0;color:var(--rufales-homepage-ink);font-size:1.0625rem;line-height:1.65}@media (min-width:64rem){.rufales-homepage .rufales-homepage__story-layout>h2{font-size:clamp(1.84rem, 2.944vw, 2.76rem);line-height:1.23}.rufales-homepage .rufales-homepage__story-body{position:relative;padding-top:.125rem;border-left:0}.rufales-homepage .rufales-homepage__story-body::before{position:absolute;top:1.25rem;bottom:1.25rem;left:0;width:1px;background:rgb(23 32 25 / .12);content:"";transform:scaleX(.5);transform-origin:left}.rufales-homepage .rufales-homepage__story-body p{max-width:45ch;line-height:1.6}}@media (max-width:63.99rem){.rufales-homepage .rufales-homepage__world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rufales-homepage .rufales-homepage__world:last-child{grid-column:1 / -1;min-height:24rem}.rufales-homepage .rufales-homepage__story-layout{grid-template-columns:minmax(0,44rem);justify-content:center;gap:1.5rem}.rufales-homepage .rufales-homepage__story-body{padding:0;border-left:0}}@media (max-width:47.99rem){.rufales-homepage .rufales-homepage__container{width:min(100% - 2rem, 40rem)}.rufales-homepage .rufales-homepage__worlds .rufales-homepage__container{width:min(100% - 2rem, 40rem)}.rufales-homepage .rufales-homepage__hero,.rufales-homepage .rufales-homepage__slider,.rufales-homepage .rufales-homepage__slides,.rufales-homepage .rufales-homepage__hero-layout{min-height:clamp(26.25rem, 118vw, 31.25rem)}.rufales-homepage .rufales-homepage__hero-shade{background:linear-gradient(180deg,rgb(7 12 8 / .05) 0%,rgb(7 12 8 / .24) 22%,rgb(7 12 8 / .46) 55%,rgb(7 12 8 / .8) 100%)}.rufales-homepage .rufales-homepage__hero-layout{align-items:flex-end;padding-block:4.5rem 5.4rem;padding-inline:0}.rufales-homepage .rufales-homepage__hero-copy{width:100%}.rufales-homepage .rufales-homepage__hero-copy h1,.rufales-homepage .rufales-homepage__hero-copy h2{font-size:clamp(2rem, 10vw, 3rem)}.rufales-homepage .rufales-homepage__hero-copy p{font-size:1rem;line-height:1.52}.rufales-homepage .rufales-homepage__slider-control{top:auto;bottom:1.4rem;transform:none}.rufales-homepage .rufales-homepage__slider-control--previous{left:.75rem}.rufales-homepage .rufales-homepage__slider-control--next{right:.75rem}.rufales-homepage .rufales-homepage__world-grid{grid-template-columns:minmax(0,1fr)}.rufales-homepage .rufales-homepage__world:last-child{grid-column:auto}.rufales-homepage .rufales-homepage__world{min-height:clamp(21rem, 98vw, 26rem)}.rufales-homepage .rufales-homepage__story{padding-block:2.5rem 3rem}.rufales-homepage .rufales-homepage__story-layout>h2{font-size:clamp(1.875rem, 8.2vw, 2.125rem)}.rufales-homepage .rufales-homepage__story-body p{font-size:1rem}}@media (max-width:22rem){.rufales-homepage .rufales-homepage__container{width:calc(100% - 1.5rem)}.rufales-homepage .rufales-homepage__hero-copy h1,.rufales-homepage .rufales-homepage__hero-copy h2{font-size:1.9rem}.rufales-homepage .rufales-homepage__button{width:100%}}@media (prefers-reduced-motion:reduce){.rufales-homepage .rufales-homepage__slide,.rufales-homepage .rufales-homepage__button,.rufales-homepage .rufales-homepage__slider-control,.rufales-homepage .rufales-homepage__slider-dots button::before,.rufales-homepage .rufales-homepage__world-image{transition:none}}@media (max-width:47.99rem){.rufales-homepage__world-grid>*{order:4}.rufales-homepage__world-grid>.rufales-homepage__world[href*="/eshop"]{order:1}.rufales-homepage__world-grid>.rufales-homepage__world[href*="/pila"]{order:2}.rufales-homepage__world-grid>.rufales-homepage__world[href*="/drevostavby"]{order:3}}