/* Comportamento da versão HTML independente. */
.hero-track{display:flex;width:100%;height:100%;will-change:transform;transition:transform 1.05s cubic-bezier(.25,.8,.25,1)}
.hero-slide{flex:0 0 100%;min-width:0;max-width:100%}
#project-modal{position:fixed;inset:0;margin:auto;width:min(850px,calc(100% - 32px));max-height:92svh;overflow:auto;border:0;border-radius:3px;padding:28px;background:#f6f6f3;color:#20221f;box-shadow:0 25px 100px #0005}
#project-modal::backdrop{background:#111b;backdrop-filter:blur(5px)}
#project-modal-title{font-size:24px;line-height:1.3;letter-spacing:-.6px;margin:0 35px 8px 0}
#project-modal-description{font-size:14px;color:#69705f;margin:0 0 20px}
#project-modal-image{width:100%;max-height:62svh;object-fit:contain;background:#e6e8df;margin-bottom:20px}
.modal-close{position:absolute;top:14px;right:16px;display:grid;place-items:center;width:35px;height:35px;border:0;background:transparent;font-size:30px;color:#20221f}
#project-modal:not([open]){display:none}
@media(max-width:760px){#project-modal{padding:24px 16px}#project-modal-title{font-size:19px}}
@media(prefers-reduced-motion:reduce){.hero-track{transition:none!important}}