.sisal-hero{position:relative;isolation:isolate;overflow:hidden;min-height:var(--sh-height);width:var(--sh-hero-width);max-width:100%;margin-inline:auto;display:flex;align-items:center;color:var(--sh-text);background:#161a1b;font-family:inherit}
.sisal-hero *{box-sizing:border-box}
.sisal-hero-backgrounds,.sisal-hero-shade,.sisal-hero-slide{position:absolute;inset:0}
.sisal-hero-backgrounds{z-index:-2}
.sisal-hero-slide{background-position:center;background-size:cover;opacity:0;transform:scale(var(--sh-zoom));transition:opacity 1.1s ease;will-change:transform,opacity}
.sisal-hero-slide.is-active{opacity:1;animation:sisalHeroZoom var(--sh-duration,6500ms) linear both}
.sisal-hero-shade{z-index:-1;background:var(--sh-shade)}
.sisal-hero-content{width:min(var(--sh-width),100%);margin:0 auto;padding:85px clamp(24px,5vw,64px);position:relative}
.sisal-hero-subtitle{display:flex;gap:17px;align-items:center;color:var(--sh-accent);text-transform:uppercase;font-size:var(--sh-subtitle-size);font-weight:700;letter-spacing:.2em;margin:0 0 30px}
.sisal-hero-subtitle:before{content:"";display:block;width:48px;height:2px;background:currentColor}
.sisal-hero h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,var(--sh-title-size));font-weight:500;letter-spacing:-.035em;line-height:1.12;margin:0 0 24px;max-width:900px;color:var(--sh-text)}
.sisal-hero h1 span{display:block;color:var(--sh-accent);font-style:italic}
.sisal-hero-description{color:var(--sh-body);font-size:var(--sh-desc-size);line-height:1.8;max-width:770px;margin:30px 0 36px}
.sisal-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.sisal-hero-button{min-height:58px;display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:16px 31px;border-radius:100px;text-decoration:none!important;font-size:var(--sh-button-size);font-weight:700;transition:transform .2s ease,background .2s ease,border-color .2s ease;color:var(--sh-text)!important;border-radius:var(--sh-button-radius)}
.sisal-hero-button:hover{transform:translateY(-3px)}
.sisal-hero-button-1{background:var(--sh-primary);border:1px solid var(--sh-primary);color:var(--sh-button1-text)!important}
.sisal-hero-button-1:hover{background:var(--sh-primary-hover);border-color:var(--sh-primary-hover)}
.sisal-hero-button-2{background:var(--sh-button2-bg);border:1px solid var(--sh-button2-border);color:var(--sh-button2-text)!important;backdrop-filter:blur(3px)}
.sisal-hero-button-2:hover{background:var(--sh-button2-hover)}
.sisal-hero-list{display:flex;align-items:center;flex-wrap:wrap;gap:14px 30px;list-style:none;padding:0;margin:48px 0 0;color:var(--sh-body);font-size:14px;letter-spacing:.04em}
.sisal-hero-list li{display:flex;align-items:center;gap:9px;margin:0;padding:0}
.sisal-hero-icon{color:var(--sh-accent);font-size:20px;line-height:1;font-weight:700}
.sisal-hero-dots{position:absolute;right:clamp(15px,3vw,50px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sh-dot-gap);z-index:2}
.sisal-hero-dot{display:block;width:var(--sh-dot-size);height:var(--sh-dot-size);border:2px solid var(--sh-dot-border);border-radius:30px;background:var(--sh-dot-color)!important;appearance:none;cursor:pointer;padding:0;transition:height .25s ease,background .25s ease,border-color .25s ease}
.sisal-hero .sisal-hero-dot:hover{border-color:var(--sh-dot-hover)!important;background:var(--sh-dot-hover)!important}.sisal-hero .sisal-hero-dot.is-active{border-color:var(--sh-dot-active)!important;background:var(--sh-dot-active)!important}
.sisal-hero-dot.is-active{height:var(--sh-dot-active-height)}
.sisal-hero :focus-visible{outline:3px solid var(--sh-accent);outline-offset:4px}
@keyframes sisalHeroZoom{from{transform:scale(1)}to{transform:scale(var(--sh-zoom))}}
@media(max-width:700px){.sisal-hero{min-height:var(--sh-height)}.sisal-hero-content{padding:75px 48px 75px 24px}.sisal-hero-description{font-size:clamp(15px,4vw,var(--sh-desc-size))}.sisal-hero-list{gap:13px 20px;margin-top:37px}.sisal-hero-dots{right:13px}.sisal-hero-button{min-height:48px;padding:12px 20px}}
@media(prefers-reduced-motion:reduce){.sisal-hero-slide.is-active{animation:none;transform:scale(1)}.sisal-hero-button{transition:none}}
.sisal-hero .sisal-hero-dot{border-color:var(--sh-dot-border)!important;border-radius:100px!important;box-shadow:none!important;min-width:0!important;min-height:0!important}
.sisal-hero .sisal-hero-dot::before,.sisal-hero .sisal-hero-dot::after{display:none!important}
