@font-face{font-family:Ordinary Raleway;src:url('ordinary-raleway.ttf') format('truetype');font-weight:100 800;font-display:swap}
.to-hero{position:relative;overflow:hidden;background:#fff;color:#242424;font-family:Ordinary Raleway,Arial,sans-serif;isolation:isolate;touch-action:pan-y}
.to-hero-track{display:flex;align-items:stretch;transition:transform .55s ease;will-change:transform}
.to-hero-slide{position:relative;flex:0 0 100%;min-width:0;aspect-ratio:2/1}
.to-hero-media{position:absolute;inset:0;background:#efefef}
.to-hero-media picture,.to-hero-media img,.to-hero-video{display:block;width:100%;height:100%;object-fit:cover}
.to-hero-copy{position:absolute;top:35%;left:8.4%;width:400px;max-width:38%}
.to-hero-copy h1,.to-hero-copy h2{font-size:36px;line-height:1.2;font-weight:700;letter-spacing:0;margin:0 0 24px}
.to-hero-copy p{font-size:16px;line-height:1.5;font-weight:400;margin:0}
.to-hero-copy a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #333;border-radius:30px;padding:8px 32px;color:inherit;background:transparent;text-decoration:none;font-size:16px;font-weight:600;margin-top:56px}
.to-hero-copy a:hover{background:#242424;color:#fff}
.to-hero-brand{position:absolute;top:12%;left:8%;width:210px}
.to-hero-brand img{display:block;width:100%;height:auto}
.to-hero-next{position:absolute;right:26px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:white;color:#222;cursor:pointer;padding:10px}
.to-hero-next svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}
.to-hero-dots{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.to-hero-dots button{position:relative;width:15px;height:15px;padding:0;border:1px solid #666;border-radius:50%;background:transparent;cursor:pointer}
.to-hero-dots button:before{content:'';position:absolute;inset:-9px}
.to-hero-dots button[aria-current=true]:after{content:'';position:absolute;inset:3px;border-radius:50%;background:#111}
.to-hero-pause{position:absolute;right:24px;bottom:28px;border:1px solid #999;border-radius:50%;background:#ffffffc9;color:#222;width:30px;height:30px;cursor:pointer}
.to-hero button:focus-visible,.to-hero a:focus-visible,.to-hero:focus-visible{outline:2px solid #111;outline-offset:4px}
@media(max-width:1100px) and (min-width:750px){.to-hero-copy{top:33%;width:360px}.to-hero-copy h1,.to-hero-copy h2{font-size:30px;margin-bottom:16px}.to-hero-copy a{margin-top:24px}.to-hero-brand{width:160px;top:9%}.to-hero-dots{bottom:24px}}
@media(max-width:749px){.to-hero-slide{aspect-ratio:auto;display:flex;flex-direction:column}.to-hero-media{position:relative;inset:auto;aspect-ratio:1;width:100%;flex:none}.to-hero-copy{position:relative;inset:auto;width:auto;max-width:none;padding:20px 26px 28px;flex:1;display:flex;flex-direction:column;min-height:278px;background:#fff}.to-hero-copy h1,.to-hero-copy h2{font-size:28px;line-height:1.2;margin:0 0 18px}.to-hero-copy p{font-size:16px;line-height:1.5}.to-hero-copy a{width:100%;margin-top:auto;align-self:start;min-height:42px;padding:8px 18px}.to-hero-copy p:after{content:'';display:block;height:40px}.to-hero-brand,.to-hero-next{display:none}.to-hero-dots{top:calc(100vw - 30px);bottom:auto;gap:10px}.to-hero-pause{top:calc(100vw - 48px);bottom:auto;right:16px}.to-hero-dots button{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.to-hero-track{transition:none}}