.polaroid{background:var(--about-polaroid-frame);margin:0;padding:.5rem .5rem 1.25rem;box-shadow:0 14px 28px #00000029}.polaroid__reveal{will-change:transform, opacity}.polaroid__photo{background-image:linear-gradient(150deg, var(--background-muted), var(--border));position:relative;overflow:hidden}.polaroid__img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.polaroid__caption{font-family:var(--polaroid-caption-font);letter-spacing:.04em;text-transform:uppercase;color:var(--foreground-display);margin-top:.6rem;font-size:.6875rem;font-weight:400}@media (min-width:820px){.polaroid{transform:rotate(var(--polaroid-rotate,0deg))}}
.about-page{padding-block:var(--space-8) var(--space-12)}@media (min-width:820px){.about-page{box-sizing:border-box;height:calc(100svh - var(--header-height));min-height:calc(100svh - var(--header-height));max-height:calc(100svh - var(--header-height));padding-block:var(--space-5);flex-direction:column;justify-content:center;display:flex}.about-page__wrap{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex}.about-page__layout{flex:auto;height:100%;min-height:0}}body:has(.about-page) footer{margin-top:var(--space-10)}.about-page__layout{gap:var(--space-10);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:820px){.about-page__layout{gap:var(--space-6);grid-template-columns:minmax(16rem,.55fr) minmax(0,1.45fr);align-items:stretch}.about-page__copy{align-self:center}}.about-page__copy{gap:var(--space-6);flex-direction:column;display:flex}.about-page__heading{font-family:var(--font-family-display);font-weight:var(--weight-bold);font-size:var(--about-page-heading-size);line-height:var(--hero-headline-leading);letter-spacing:var(--hero-headline-tracking);text-transform:uppercase;color:var(--foreground-display);margin:0}.about-page__line{display:block}.about-page__prose{gap:var(--prose-gap);max-width:60ch;font-size:var(--text-base);line-height:var(--leading-body);color:var(--muted-foreground);flex-direction:column;display:flex}.about-page__resume{font-size:var(--text-base);margin:0}.about-page__photo{min-width:0}.about-page__collage{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));padding:2.35rem 2.5rem 2.5rem .35rem;display:grid;position:relative;overflow:visible}.about-page__portrait-cluster{grid-column:1/-1;position:relative}.about-page__portrait-cluster .polaroid--portrait{width:100%}.about-page__note{z-index:3;font-family:var(--about-note-font);color:var(--foreground-display);pointer-events:none;margin:0;font-size:clamp(1.2rem,4.2vw,1.45rem);font-weight:500;line-height:1;position:absolute}.about-page__note span,.about-page__note-tilt{display:block}.about-page__note--ny{top:1.1rem;left:.15rem}.about-page__note--ny .about-page__note-tilt{transform-origin:0;transform:rotate(-16deg)}.about-page__note--details{text-align:left;bottom:.15rem;right:.1rem}.about-page__note--details .about-page__note-tilt{transform-origin:100% 100%;transform:rotate(10deg)}@media (min-width:820px){.about-page__collage{--about-polaroid-chrome:3.5rem;align-content:center;place-items:start center;column-gap:var(--space-3);row-gap:var(--space-3);grid-template:"sign portrait bagel"max-content"cafe portrait taxi"max-content/minmax(0,1fr) minmax(0,1.06fr) minmax(0,1fr);width:100%;max-width:none;height:100%;min-height:0;margin-inline:0;padding:2.15rem 3.25rem 1.85rem .2rem;display:grid;overflow:visible;container-type:size}.about-page__photo.polaroid--sign,.about-page__photo.polaroid--cafe,.about-page__photo.polaroid--bagel,.about-page__photo.polaroid--taxi{width:min(100%, calc(((100cqh - var(--space-3)) / 2 - var(--about-polaroid-chrome)) * .75))}.about-page__photo.polaroid--sign{grid-area:sign}.about-page__photo.polaroid--cafe{grid-area:cafe}.about-page__portrait-cluster{width:min(100%, calc((100cqh * .7 - var(--about-polaroid-chrome)) * .75));z-index:1;grid-area:portrait;place-self:center}.about-page__portrait-cluster .polaroid--portrait{grid-area:unset;width:100%;max-width:none;margin-inline:0}.about-page__note{font-size:clamp(1.35rem,2.55cqw,1.85rem)}.about-page__note--ny{top:1.5rem;left:.2rem}.about-page__note--details{bottom:.5rem;right:.4rem}.about-page__photo.polaroid--bagel{grid-area:bagel}.about-page__photo.polaroid--taxi{grid-area:taxi}.about-page__collage .polaroid__caption{overflow-wrap:break-word;max-width:100%}}@media (min-width:820px) and (max-height:760px){.about-page{padding-block:var(--space-3)}.about-page__collage{column-gap:var(--space-2);row-gap:var(--space-2)}}