:root{--motion-duration:240ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
.button,.product-button{transition:transform var(--motion-duration) var(--motion-ease),background-color var(--motion-duration),border-color var(--motion-duration),box-shadow var(--motion-duration),color var(--motion-duration)}
.button>span,.product-button>span,.text-link>span{display:inline-block;transition:transform var(--motion-duration) var(--motion-ease)}
.expertise-row{position:relative;transition:background-color var(--motion-duration),box-shadow var(--motion-duration)}
.expertise-row h3,.expertise-row .row-number{transition:color var(--motion-duration),transform var(--motion-duration) var(--motion-ease)}
.work-card{transition:transform var(--motion-duration) var(--motion-ease),border-color var(--motion-duration),box-shadow var(--motion-duration)}
.work-visual>img{transition:transform 420ms var(--motion-ease)}
.product-section{transition:border-color var(--motion-duration),box-shadow var(--motion-duration)}
.product-art img{transition:transform 420ms var(--motion-ease);transform-origin:center}
.text-link{transition:color var(--motion-duration),border-color var(--motion-duration)}
.text-link{background:linear-gradient(#ff7900,#ff7900) left bottom/0 1px no-repeat;transition:background-size var(--motion-duration),color var(--motion-duration)}
.expertise-row:focus-visible{background:#fff4e9;box-shadow:inset 3px 0 #ff7900}
.product-button:focus-visible{background:#ffa138}
.text-link:focus-visible{background-size:100% 1px}
@media(hover:hover) and (pointer:fine){.button:hover,.product-button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #08122714}
.button-light:hover{background:#fff7ef;border-color:#ff7900}
.button:hover>span,.product-button:hover>span,.text-link:hover>span{transform:translate(3px,-3px)}
.expertise-row:hover{background:#fff7ef;box-shadow:inset 3px 0 #ff7900}
.expertise-row:hover h3{transform:translateX(4px)}
.expertise-row:hover .row-number{color:#dd5900}
.work-card:hover{transform:translateY(-5px);border-color:#ffb170;box-shadow:0 12px 26px #0812270a}
.work-card:hover .work-visual>img{transform:scale(1.025)}
.product-section:hover{border-color:#765033;box-shadow:0 10px 28px #08122712}
.product-section:hover .product-art img{transform:scale(1.012)}
.text-link:hover{color:#a84300;background-size:100% 1px}
}
.button:active,.product-button:active{transform:translateY(0) scale(.98);box-shadow:none}
@media(hover:none){.button:hover,.product-button:hover,.work-card:hover{transform:none;box-shadow:none}
.expertise-row:hover .row-arrow{transform:none}
}
@media(prefers-reduced-motion:reduce){.button,.product-button,.expertise-row,.expertise-row h3,.expertise-row .row-number,.row-arrow,.work-card,.work-visual>img,.product-section,.product-art img,.text-link,.button>span,.product-button>span,.text-link>span{transition:none!important}
.button:hover,.button:active,.product-button:hover,.product-button:active,.work-card:hover,.work-card:hover .work-visual>img,.product-section:hover .product-art img,.expertise-row:hover h3,.expertise-row:hover .row-arrow,.button:hover>span,.product-button:hover>span,.text-link:hover>span{transform:none}
}