/* Motion owns only presentation transforms; scrolling remains native. */
.coifa-image-window{width:100%;height:min(62vw,740px);min-height:390px;overflow:clip}
.coifa-image-window>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.awning{overflow:clip}
.chapter-exit{overflow:clip}
.chapter-exit>.icon{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.chapter-exit:hover>.icon{transform:translate(6px,-6px)}
.project-index a,.chapter-tabs button,.chapter-button{transition:background-color .2s,color .2s,box-shadow .2s}
.chapter-button:hover{box-shadow:0 5px 15px #00000014}
/* A moving scene must not create a horizontal scrollbar. */
.hero,.solutions-intro{clip-path:inset(-80px -30px -80px -30px)}
@media(max-width:760px){
 .coifa-image-window{height:390px;min-height:0}
 .coifa-image-window>img{object-position:61% center}
 .hero,.solutions-intro{clip-path:inset(-40px -10px -40px -10px)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .chapter-exit>.icon,.chapter-button,.chapter-tabs button,.project-index a{transition:none!important}
 .coifa-image-window>img{transform:none!important}
}