.hero-slider{--slider-accent:#efa464;--slide-duration:7500ms;min-height:735px;height:min(860px,calc(100svh - 105px));touch-action:pan-y}.hero-slider[data-slide="1"]{--slider-accent:#f1bc85}.hero-slider[data-slide="2"]{--slider-accent:#a3d3c8}.hero-slider .hero-bg{transition:opacity .85s ease;object-position:54% 50%;filter:brightness(.83)}.hero-slider .hero-shade{background:linear-gradient(90deg,#111d1bea 0%,#111d1bac 35%,#111d1b0a 85%),linear-gradient(0deg,#111d1bed 0%,#111d1b00 30%,#111d1b70 100%)}.hero-slider .hero-content{padding-top:135px;padding-bottom:155px}.hero-slider .eyebrow{display:flex;align-items:center;gap:10px;color:var(--slider-accent);font-size:9px;letter-spacing:.17em;margin-bottom:25px}.hero-slider .eyebrow>span{display:inline-block;flex-shrink:0;width:5px;height:5px;background:var(--slider-accent);border-radius:50%;box-shadow:0 0 15px #ed9c6866}.hero-slider h1{font-size:clamp(63px,6.2vw,96px);line-height:1.05;max-width:800px;margin-bottom:27px}.hero-slider .hero-content>p:not(.eyebrow){max-width:590px;color:#e2e7df;font-size:16px;line-height:1.9;margin-bottom:28px}.hero-slider .hero-content>.button{min-height:48px;padding:12px 22px;background:#fff7e90b;border-color:#eceadd9c}.hero-slider .hero-content>.button:hover{background:#ede7d0;color:#233025}.hero-note{font-size:10px;color:#c2cbb8;letter-spacing:.025em;margin-top:22px;display:flex;align-items:center;gap:11px}.hero-note:before{content:'';display:block;width:22px;height:1px;background:var(--slider-accent)}.slider-controls{position:absolute;left:0;right:0;bottom:39px;display:grid;grid-template-columns:minmax(0,780px) auto;align-items:end;gap:70px}.slider-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.hero-step{background:none;text-align:left;padding:10px 0 9px;color:#c9d0c0;min-width:0}.hero-step-top{display:flex;align-items:center;gap:15px;line-height:1.7;margin-bottom:16px;font-size:12px;white-space:nowrap}.hero-step-top>b{font-size:9px;font-weight:400;font-family:monospace;color:#9ea998}.hero-step.active .hero-step-top{color:#fff}.hero-step.active .hero-step-top>b{color:var(--slider-accent)}.hero-track{display:block;position:relative;width:100%;height:2px;background:#c2cfb842;overflow:hidden}.hero-progress-fill{display:block;transform:scaleX(0);transform-origin:left;width:100%;height:100%;background:var(--slider-accent)}.hero-step.active .hero-progress-fill{animation:slider-progress var(--slide-duration) linear forwards}.hero-slider[data-playing="false"] .hero-progress-fill{animation-play-state:paused}.hero-step:hover .hero-track{background:#ced7bb88}.slider-transport{display:flex;align-items:center;justify-content:flex-end;gap:22px;padding-bottom:1px}.slider-arrows{display:flex;gap:8px}.slider-control{width:42px;height:42px;border:1px solid #d3dbc144;border-radius:50%;background:#12221d38;backdrop-filter:blur(6px);color:#dce4cf;display:grid;place-items:center;padding:10px;transition:background .2s,border-color .2s}.slider-control svg{width:19px;height:19px}.slider-control:hover{background:#f0e4c1;color:#263423;border-color:#f0e4c1}.slider-pause{width:36px;height:36px;background:none;border-color:transparent;backdrop-filter:none;padding:9px}.slider-pause svg{width:16px;height:16px}.hero-slider #hero-count{font-size:18px;line-height:1;color:#e8e8d8;letter-spacing:.05em;white-space:nowrap;font-family:var(--serif);min-width:58px}.hero-slider #hero-count>span{font-size:11px;color:#8f9d87;margin-left:5px}.slider-visual-note{position:absolute;right:40px;bottom:14px;color:#94a18c;font-size:7px;letter-spacing:.04em}.hero-slider[data-playing="false"] .hero-step.active .hero-track{background:#d3dac064}@keyframes slider-progress{to{transform:scaleX(1)}}
@media(min-width:1650px){.hero-slider .hero-content>p:not(.eyebrow){font-size:18px}.hero-slider h1{font-size:104px}.slider-visual-note{right:max(50px,calc((100% - 1400px)/2))}}
@media(max-width:1100px){.hero-slider{min-height:705px}.slider-controls{gap:35px;grid-template-columns:minmax(0,1fr) auto}.slider-tracks{gap:17px}.hero-step-top{font-size:10px;gap:9px}.slider-transport{gap:12px}.slider-control{width:38px;height:38px}.slider-pause{width:30px;height:30px;padding:6px}.hero-slider h1{font-size:72px}.hero-slider .hero-content>p:not(.eyebrow){font-size:15px;max-width:500px}.slider-visual-note{right:28px}}
@media(max-width:760px){.hero-slider{min-height:740px;height:740px;max-height:none}.hero-slider .hero-content{padding-top:127px;padding-bottom:185px;justify-content:center}.hero-slider .hero-bg{object-position:58% 50%;filter:brightness(.8)}.hero-slider #hero-bg-1{object-position:39% 50%}.hero-slider #hero-bg-2{object-position:48% 50%}.hero-slider .hero-shade{background:linear-gradient(90deg,#14201bdf,#14201b6d 95%),linear-gradient(0deg,#14201bfa 0%,#14201b33 50%,#14201b4d 100%)}.hero-slider .eyebrow{font-size:7px;letter-spacing:.1em;gap:8px;margin-bottom:24px}.hero-slider h1{font-size:clamp(43px,11.2vw,66px);line-height:1.08;margin-bottom:24px}.hero-slider .hero-content>p:not(.eyebrow){font-size:12px;line-height:1.9;max-width:330px;margin-bottom:27px}.hero-slider .hero-content>.button{font-size:10px;min-height:44px;padding:10px 16px}.hero-note{font-size:8px;letter-spacing:.01em;margin-top:21px;gap:8px}.hero-note:before{width:18px}.slider-controls{bottom:31px;display:flex;flex-direction:column;align-items:stretch;gap:20px}.slider-transport{order:-1;justify-content:flex-end;gap:14px;padding-bottom:0}.hero-slider #hero-count{margin-right:auto;font-size:22px;min-width:67px}.hero-slider #hero-count>span{font-size:10px}.slider-control{width:40px;height:40px;padding:10px}.slider-control svg{width:18px;height:18px}.slider-pause{width:36px;height:36px;padding:9px}.slider-pause svg{width:15px;height:15px}.slider-tracks{gap:13px}.hero-step{padding:4px 0 8px}.hero-step-top{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:9px;line-height:1.6;white-space:normal;min-height:32px;margin-bottom:10px}.hero-step-top>b{font-size:7px}.hero-track{height:2px}.slider-visual-note{bottom:10px;right:18px;font-size:6px}.slider-arrows{gap:8px}}
@media(max-width:350px){.hero-slider h1{font-size:39px}.hero-slider .hero-content>p:not(.eyebrow){font-size:11px}.hero-step-top{font-size:8px}.slider-tracks{gap:10px}}
@media(prefers-reduced-motion:reduce){.hero-slider *{transition:none!important}.hero-step.active .hero-progress-fill{animation:slider-progress var(--slide-duration) linear forwards!important}.hero-slider[data-playing="false"] .hero-progress-fill{animation-play-state:paused!important}}