.motion-page{--motion-ease:cubic-bezier(.22,1,.36,1);font-family:'Cabinet Grotesk',ui-sans-serif,system-ui,sans-serif}
.motion-page.page-enter{animation:none}
html:has(.motion-page){scroll-behavior:auto}
.motion-page main{overflow-x:clip}
.motion-progress{position:fixed;inset:0 0 auto;height:3px;z-index:70;pointer-events:none}
.motion-progress span{display:block;width:100%;height:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left}
.motion-page .button{border-radius:999px;gap:18px;padding:7px 8px 7px 22px;min-height:52px;transition:transform .45s var(--motion-ease)}
.button-icon{width:36px;height:36px;display:grid;place-items:center;background:rgba(255,255,255,.16);border-radius:50%;font-size:18px;transition:transform .6s var(--motion-ease)}
.motion-page .button:hover .button-icon{transform:rotate(45deg)}
.motion-page .button:active{transform:scale(.97)}
.hero-editorial{position:relative;z-index:2}
.home-page .home-projects{width:100%;max-width:none;background:#171b18;color:#f7f7f2;padding:100px 0 110px;margin:0;position:relative;isolation:isolate;scroll-margin-top:95px}
.home-projects::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 8% 0%,rgba(130,155,104,.10),transparent 60%)}
.motion-page .project-card{padding:6px;background:rgba(255,255,255,.07);border-radius:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);min-height:420px;transition:box-shadow .7s var(--motion-ease);isolation:isolate;perspective:1000px}
.project-surface{position:relative;isolation:isolate;overflow:hidden;min-height:inherit;border-radius:inherit;background:var(--card-accent)}
.motion-page .project-surface{border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transform-style:preserve-3d}
.motion-page .project-card:hover{transform:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.project-art-wrap{position:absolute;inset:0;z-index:-1;overflow:hidden;color:#e8efce;opacity:.6}
.project-art{width:100%;height:100%;display:block}
.art-contours{opacity:.5}
.motion-page .card-media{z-index:-1}
.motion-page .card-media img{opacity:1;transition:transform .9s var(--motion-ease)}
.motion-page .card-main h3{font-size:42px!important;line-height:1.04;letter-spacing:-.04em;font-weight:750;max-width:90%}
.motion-page .card-main p{font-size:16px;color:#e0e3da;max-width:530px;line-height:1.55}
.motion-page .card-main{margin-top:auto;padding-top:180px;padding-bottom:32px}
.home-projects :focus-visible{outline-color:var(--yellow)}
.home-page .home-projects + .section{border-top:0;padding-top:100px}
.motion-page .journal-entry{transition:background .6s var(--motion-ease)}
.home-page .contact-finale{padding:100px 0 110px;border-top:1px solid var(--line)}
.contact-finale h2{font-size:clamp(52px,6vw,84px);line-height:1.05;letter-spacing:-.055em;font-weight:700;margin:20px 0 32px}
.contact-finale h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.motion-page .projects-grid{grid-auto-flow:dense;gap:24px}
.motion-page .projects-grid .project-card{min-height:460px}
.motion-page .site-footer{padding-bottom:84px}
@media(max-width:1023px){
.home-page .home-projects{padding:64px 0}
}
@media(max-width:767px){
.home-page .home-projects{padding:48px 0}
.motion-page .card-main h3{font-size:34px!important;max-width:100%}
.motion-page .card-main p{font-size:15px}
.home-page .home-projects + .section{padding-top:48px}
.home-page .contact-finale{padding:52px 0 60px}
.contact-finale h2{font-size:clamp(42px,9vw,60px)}
.motion-page .projects-grid .project-card{min-height:420px}
.motion-page .projects-grid{gap:20px}
}
@media(prefers-reduced-motion:reduce){
.motion-page .project-card:hover .card-media img,.motion-page .button-icon{transform:none}
.motion-progress{display:none!important}
}
.motion-page[data-motion=off] .project-card:hover .card-media img,.motion-page[data-motion=off] .button-icon{transform:none}
.motion-page[data-motion=off] *{animation:none!important;transition:none!important}