.clarity-home .clarity-hero>.home-hero-scene{position:absolute;z-index:-2;inset:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .9s ease;background:#050708}
.clarity-home .clarity-hero>.home-hero-scene.is-current{opacity:1}
.home-hero-scene video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.84) contrast(1.04)}
.home-hero-company video{object-position:62% center}
.home-hero-capital{background:#071018 url("bridge-japan-rainbow-v1-hd.webp") center/cover no-repeat}
.home-bridge-frame{position:absolute;inset:0;display:block;background-size:cover;background-position:center;opacity:0;filter:saturate(.84) contrast(1.04);transition:opacity .9s ease}
.home-bridge-frame.is-current{opacity:1}
.home-bridge-japan{background-image:url("bridge-japan-rainbow-v1-hd.webp")}
.home-bridge-singapore{background-image:url("bridge-singapore-helix-v1-hd.webp")}
.home-bridge-gcc{background-image:url("bridge-gcc-zayed-v1-hd.webp")}
.home-bridge-korea{background-image:url("bridge-korea-incheon-v1-hd.webp")}
.home-bridge-us{background-image:url("bridge-us-brooklyn-v1-hd.webp")}
.home-bridge-netherlands{background-image:url("bridge-netherlands-erasmus-v1-hd.webp")}
.clarity-home .clarity-hero.shell:before{background:linear-gradient(90deg,rgba(5,7,8,.87) 0%,rgba(5,7,8,.74) 34%,rgba(5,7,8,.28) 78%,rgba(5,7,8,.18) 100%),linear-gradient(0deg,rgba(5,7,8,.5),transparent 56%)}

.clarity-home .clarity-hero .home-hero-wayfinder{position:absolute;z-index:3;right:clamp(30px,5.5vw,90px);bottom:clamp(30px,5vw,70px);width:272px;padding:19px 20px 15px;border-top:1px solid rgba(255,255,255,.7);background:linear-gradient(115deg,rgba(31,34,35,.97),rgba(39,39,39,.88));box-shadow:0 20px 45px rgba(0,0,0,.2)}
.home-hero-wayfinder:before{content:"";position:absolute;top:-1px;left:0;width:39px;height:2px;background:#f28d56}
.home-hero-wayfinder-top{display:flex;justify-content:space-between;gap:12px;color:#f5a071;font:800 9px Montserrat,Arial,sans-serif;letter-spacing:.1em}
.home-hero-wayfinder-top span:last-child{color:#a9aead;white-space:nowrap;font-variant-numeric:tabular-nums}
.home-hero-wayfinder-link{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px;color:#f7f3ed;font:800 21px Montserrat,Arial,sans-serif;letter-spacing:-.045em;text-decoration:none;transition:color .25s ease}
.home-hero-wayfinder-link span:last-child{color:#f49a68;font-size:24px;font-weight:500;transition:transform .25s ease}
.home-hero-wayfinder-link:hover,.home-hero-wayfinder-link:focus-visible{color:#ffb38c}
.home-hero-wayfinder-link:hover span:last-child,.home-hero-wayfinder-link:focus-visible span:last-child{transform:translate(3px,-3px)}
.home-hero-wayfinder-controls{display:flex;gap:7px;margin-top:12px}
.home-hero-wayfinder-controls button{position:relative;flex:1;height:23px;margin:0;padding:0;border:0;background:none;cursor:pointer}
.home-hero-wayfinder-controls button:after{content:"";position:absolute;top:11px;left:0;right:0;height:2px;background:rgba(255,255,255,.32);transition:background .25s ease,height .25s ease}
.home-hero-wayfinder-controls button.is-current:after,.home-hero-wayfinder-controls button:hover:after{height:3px;background:#f28d56}
.home-hero-wayfinder-controls button:focus-visible{outline:2px solid #f28d56;outline-offset:2px}

@media(max-width:900px){
  .clarity-home .clarity-hero.shell{flex-direction:column;align-items:stretch;justify-content:center;padding-bottom:55px}
  .clarity-home .clarity-hero .home-hero-wayfinder{position:relative;right:auto;bottom:auto;align-self:flex-end;width:min(100%,300px);margin-top:45px}
}
@media(max-width:760px){
  .clarity-home .clarity-hero.shell:before{background:linear-gradient(0deg,rgba(5,7,8,.83) 0%,rgba(5,7,8,.72) 43%,rgba(5,7,8,.3) 100%)}
  .clarity-home .clarity-hero .home-hero-wayfinder{align-self:stretch;width:100%;margin-top:40px}
  .home-hero-scene video{position:absolute;top:68px;left:0;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center top}
  .home-hero-scene video{filter:none}
  .home-hero-capital{background:#050708}
  .home-bridge-frame{top:68px;bottom:auto;aspect-ratio:16/9;background-size:contain;background-position:center top}
  .home-bridge-japan{background-image:url("bridge-japan-rainbow-v1.jpg")}
  .home-bridge-singapore{background-image:url("bridge-singapore-helix-v1.jpg")}
  .home-bridge-gcc{background-image:url("bridge-gcc-zayed-v1.jpg")}
  .home-bridge-korea{background-image:url("bridge-korea-incheon-v1.jpg")}
  .home-bridge-us{background-image:url("bridge-us-brooklyn-v1.jpg")}
  .home-bridge-netherlands{background-image:url("bridge-netherlands-erasmus-v1.jpg")}
}
@media(max-width:480px){
  .clarity-home .clarity-hero h1{font-size:clamp(42px,11vw,49px);line-height:1.04}
}
@media(prefers-reduced-motion:reduce){
  .clarity-home .clarity-hero>.home-hero-scene{transition:none}
  .home-bridge-frame{transition:none}
  .home-hero-wayfinder-link,.home-hero-wayfinder-link span:last-child,.home-hero-wayfinder-controls button:after{transition:none}
}