/* One motion language: quick typography, calm interfaces, native scrolling. */
.steel-studio { --motion-ease:cubic-bezier(.22,1,.36,1); }
.steel-studio .folio-statement h1 .motion-word,
.steel-studio .folio-statement h1 .motion-char { display:inline-block; color:inherit; }
.steel-studio .folio-statement h1 .motion-word { white-space:nowrap; }
.steel-studio .folio-statement h1 .motion-char { transform-origin:50% 90%; }
.steel-studio .offer-line { transition:background-color .3s ease; }
.steel-studio .offer-line .offer-line-price { transition:transform .4s var(--motion-ease),color .3s ease; }
.steel-studio .offer-line:focus-visible { outline:2px solid #456b8c; outline-offset:5px; background:#f4f4f4; }
.steel-studio .offer-line:focus-visible .offer-line-price { color:#17191c; transform:translateX(-5px); }
@media(hover:hover) and (pointer:fine) {
 .steel-studio .offer-line:hover { background:#f4f4f4; }
 .steel-studio .offer-line:hover .offer-line-price { color:#17191c; transform:translateX(-5px); }
}
@media(prefers-reduced-motion:reduce) {
 .steel-studio .offer-line,.steel-studio .offer-line .offer-line-price { transition:none; }
 .steel-studio .offer-line:is(:hover,:focus-visible) .offer-line-price { transform:none; }
}

/* The entrance crosses the page margin and is clipped only at the viewport. */
body.steel-studio.portfolio-next{overflow-x:clip}