:root{--ease:cubic-bezier(.22,.61,.36,1)}
header{position:sticky;top:0;z-index:50;background:#cbd0c9;border-bottom:1px solid #ffffff40;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none;isolation:isolate;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
section[id]{scroll-margin-top:120px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;z-index:100}
.hero-title h1{animation:type-enter 1.1s .1s var(--ease) both}.hero-title p,.hero-link{animation:type-enter 1.1s .25s var(--ease) both}.hero-photo{height:108%;top:-4%;will-change:transform;animation:photo-enter 1.4s var(--ease) both}
nav a{position:relative;padding:7px 0}nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}nav a:hover:after{transform:scaleX(1)}
.hero-link span,.link span,.range a span{display:inline-block;transition:transform .35s}.hero-link:hover span,.link:hover span,.range a:hover span{transform:translate(3px,-3px)}.equipment-photo img{transition:transform 1.2s var(--ease)}.equipment-photo:hover img{transform:scale(1.025)}
.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .95s var(--ease),transform .95s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}
@keyframes type-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-enter{from{opacity:.4}to{opacity:1}}
@media(max-width:760px){section[id]{scroll-margin-top:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.hero-photo{will-change:auto}}
.logo img{height:auto}
.logo img{width:244px;height:auto;left:0;top:-13px}
