.hero-main.hero-slider{padding:0;isolation:isolate;touch-action:pan-y}.hero-track{display:flex;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,.68,.2,1);will-change:transform}.hero-slide{flex:0 0 100%;height:100%;position:relative;overflow:hidden;padding:30px 50px}.hero-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-slide .hero-copy{transition:opacity .55s ease,translate .65s ease;opacity:1;translate:0 0}.hero-slide[aria-hidden=true] .hero-copy{opacity:0;translate:25px 0}.hero-slide-1{background:#e3efed}.hero-slide-2{background:#e9eff1}.hero-slide-1>img,.hero-slide-2>img{inset:auto 5% 35px;width:90%;height:53%;object-fit:contain;mix-blend-mode:multiply}.hero-slide-1 .hero-copy h1,.hero-slide-2 .hero-copy h1{color:var(--ink);font-size:31px}.hero-slide-1 .hero-copy p,.hero-slide-2 .hero-copy p{color:var(--muted)}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:32px;height:42px;border-radius:20px;background:#ffffffc9;font-size:29px;line-height:1;color:#333}.hero-prev{left:10px}.hero-next{right:10px}.hero-slider .dots{z-index:3;padding:8px;gap:7px}.hero-play{position:absolute;bottom:15px;right:15px;width:30px;height:28px;border-radius:20px;background:#fff;color:#444;z-index:3;font-size:11px}.hero-slider .dots button{width:11px;height:11px}.hero-arrow:hover,.hero-play:hover{background:#fff}
@media(max-width:1100px){.hero-slide{padding:30px 35px}.hero-slide-1 .hero-copy h1,.hero-slide-2 .hero-copy h1{font-size:27px}}
@media(max-width:700px){.hero-slide{padding:22px 28px}.hero-slide .hero-copy h1{font-size:25px}.hero-slide .hero-copy p{font-size:13px}.hero-arrow{width:25px;height:34px}.hero-prev{left:4px}.hero-next{right:4px}.hero-slide-1>img,.hero-slide-2>img{height:43%;bottom:32px}}
@media(prefers-reduced-motion:reduce){.hero-track,.hero-slide .hero-copy{transition:none}}

.hero-slide-0 { background: var(--graphite); }
.hero-slide-0 > img { opacity: .55; }
.hero-slide-0::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,#14252bef 0%,#14252bba 43%,#14252b15 100%); pointer-events: none; }
.hero-slide-0 .hero-copy h1 { color: #9af2df; }
.hero-slide-0 .hero-copy p { color: #f0f8f6; }
.hero-slide-0 .hero-copy { z-index: 2; }
.hero-slide-1 { background: linear-gradient(135deg,#e0eeeb,#f4f8f7); }
.hero-slide-2 { background: linear-gradient(135deg,#e4edef,#f7f9fa); }
.hero-slider .dots button.active { background: var(--accent); }
.hero-arrow, .hero-play { color: var(--accent-hover); }