.hero{padding-block:clamp(3rem,8vw,6.5rem) clamp(2rem,5vw,3.5rem)}.hero__location{margin-bottom:var(--space-md)}.hero__name{font-family:var(--font-heading);font-size:var(--text-h1);line-height:var(--leading-tight);color:var(--color-heading);margin-bottom:.12em}.hero__role{max-width:24ch;font-family:var(--font-heading);font-size:var(--text-tagline);line-height:var(--leading-snug);letter-spacing:-.01em;color:var(--color-subheading)}@media(max-width:48rem){.hero__role{max-width:none}}.project-card{--card-tilt: 0deg;--card-lift: 0px;flex:0 0 auto;width:clamp(10.5rem,19vw,13.25rem)}.project-card__frame{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background-color:var(--color-card);box-shadow:var(--shadow-card);color:var(--color-heading);text-decoration:none;transform:rotate(var(--card-tilt)) translateY(var(--card-lift));transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}a.project-card__frame:hover,a.project-card__frame:focus-visible{transform:rotate(var(--card-tilt)) translateY(calc(var(--card-lift) - 10px));box-shadow:var(--shadow-card-hover)}.project-card__screen{aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--radius-md);background-color:var(--color-surface)}.project-card__image{width:100%;height:100%;object-fit:cover;object-position:top center}.project-card__title{font-family:var(--font-body);font-size:clamp(.75rem,.68rem + .22vw,.875rem);font-weight:var(--weight-semibold);letter-spacing:.08em;line-height:1.2;text-wrap:balance;text-align:center;text-transform:uppercase;color:var(--color-heading)}.projects{padding-block:clamp(2rem,5vw,4rem) var(--section-gap)}.projects__fan{display:grid;grid-template-columns:repeat(2,minmax(0,13.25rem));justify-content:center;gap:clamp(1.25rem,4vw,2.25rem) clamp(.75rem,3vw,1.5rem);margin:0;padding:0;list-style:none}.projects__fan .project-card{width:100%}@media(min-width:62rem){.projects__fan{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:.75rem}.projects__fan .project-card{width:clamp(10.5rem,19vw,13.25rem)}.projects__item:nth-child(4n+1) .project-card{--card-tilt: -7deg;--card-lift: 14px}.projects__item:nth-child(4n+2) .project-card{--card-tilt: -2.5deg;--card-lift: -4px}.projects__item:nth-child(4n+3) .project-card{--card-tilt: 1.5deg;--card-lift: 0px}.projects__item:nth-child(4n+4) .project-card{--card-tilt: 5.5deg;--card-lift: 10px}.projects__item:hover,.projects__item:focus-within{position:relative;z-index:2}}@media(max-width:40rem){.project-card__frame{box-shadow:6px 7px 0 var(--color-card-shadow)}}.about{padding-block:0 var(--section-gap)}.about__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,6vw,5rem)}.about__heading{font-family:var(--font-heading);font-size:var(--text-h2);color:var(--color-heading);margin-bottom:var(--space-lg)}.about__body{max-width:52ch;color:var(--color-body);font-size:var(--text-lead);line-height:var(--leading-normal)}.about__portrait{justify-self:center;width:min(22rem,100%)}@media(max-width:52rem){.about__inner{grid-template-columns:minmax(0,1fr)}.about__portrait{order:-1;width:min(17rem,80%)}}