.hero{min-height:850px}
.hero-copy{padding-top:20vh}
.hero h1>span{display:block;min-height:1.05em}
.hero-project-controls{display:flex;align-items:center;gap:8px;margin:0 0 18px;flex-wrap:wrap}
.hero-project-controls button{background:#071018b3;border:1px solid #ffffff45;color:#fff;border-radius:3px;min-height:40px;padding:9px 15px;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}
.hero-project-controls button:hover,.hero-project-controls button:focus-visible{background:#234151;border-color:#fff}
.hero-project-controls button.active{background:#f1f0eb;color:#071018;border-color:#f1f0eb}
.hero-project-controls [data-hero-prev],.hero-project-controls [data-hero-next]{font-size:18px;padding:4px 13px}
.hero-project-controls [data-hero-pause]{margin-left:10px;background:transparent;font-size:11px}
.hero-project-context{font-size:10px;letter-spacing:1.7px;margin:0 0 10px;color:#e0e6ea}
.hero .intro{min-height:86px;max-width:1160px;margin-bottom:24px}
.hero-slide-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){.hero{min-height:0}.hero-copy{padding-top:78px}.hero h1>span{min-height:2.24em}.hero-project-controls{gap:6px;margin-bottom:20px}.hero-project-controls button{min-height:44px;padding:8px 11px;font-size:12px}.hero-project-controls [data-hero-pause]{margin-left:0}.hero-project-context{min-height:30px;font-size:10px;letter-spacing:1px}.hero .intro{min-height:190px;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.hero-project-controls button{transition:none}}

.hero .hero-coordinate{display:none}