.info{grid-template-columns:400px 1fr;grid-template-areas:"tabs tabs""aside bio""contacts contacts""follow follow";align-items:start;gap:2.5rem 60px;max-width:1200px;margin-inline:auto;padding:0 clamp(1.5rem,4vw,4rem) 8rem;display:grid}.info__tabs{z-index:var(--z-sticky);background:0 0;flex-wrap:wrap;grid-area:tabs;justify-content:flex-start;gap:2rem;padding-block:1rem;display:flex;position:sticky;top:0}.info__aside{grid-area:aside}.info__bio{grid-area:bio}.info__contacts{grid-area:contacts;margin-top:2rem}.info__follow{grid-area:follow;margin-top:2rem}.info__projects{border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);flex-direction:column;grid-column:1/-1;justify-content:center;min-height:320px;display:flex}.info__photo{aspect-ratio:4/5;object-fit:cover;border-radius:3px;width:100%}.info__label{font-size:var(--type-meta-size);letter-spacing:var(--type-kicker-ls);text-transform:uppercase;color:var(--color-text-meta);margin-bottom:1rem}.bio{max-width:740px}.bio__label{font-size:var(--type-kicker-size);letter-spacing:var(--type-kicker-ls);text-transform:uppercase;color:#fffffff2;margin-bottom:1.25rem}.bio__p{font-size:var(--type-body-compact-size);line-height:var(--type-body-compact-lh);color:#ffffffb8;margin-bottom:1.25rem}.bio__p:last-child{margin-bottom:0}.bio__quote{margin:2.25rem 0 2.5rem}.bio__rule{background:var(--color-text-secondary);width:48px;height:2px;margin-bottom:1.25rem;display:block}.bio__quote-text{color:#fffffff2;font-family:Cormorant,Georgia,Times New Roman,serif;font-size:2.125rem;font-style:italic;font-weight:400;line-height:1.24}.contacts__label{font-size:var(--type-meta-size);letter-spacing:var(--type-kicker-ls);text-transform:uppercase;color:var(--color-text-meta);margin-bottom:1.25rem}.contacts__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;max-width:900px;display:grid}.contacts__item{flex-direction:column;gap:.4rem;display:flex}.contacts__role{font-size:var(--type-item-title-size);font-weight:var(--fw-medium);letter-spacing:var(--type-item-title-ls);text-transform:uppercase;color:#ffffffe6}.contacts__email{font-size:var(--type-caption-size);color:var(--color-text-meta);transition:color var(--dur-hover) var(--ease-standard)}.contacts__email:hover{color:var(--color-text-primary)}.contacts__epk{font-size:var(--type-meta-size);font-weight:var(--fw-medium);letter-spacing:var(--type-cta-ls);text-transform:uppercase;color:var(--color-text-primary);border-bottom:2px solid #ffffffe6;margin-top:2rem;padding-bottom:4px;display:inline-block}.info__photo-skeleton{aspect-ratio:4/5;border-radius:3px;width:100%}.info__line-skeleton{border-radius:3px;height:.9rem;margin-bottom:.9rem;display:block}.info__empty{font-size:var(--type-caption-size);color:var(--color-text-secondary);grid-column:1/-1;padding:4rem 0}.info__panel-label{font-size:var(--type-kicker-size);letter-spacing:var(--type-kicker-ls);text-transform:uppercase;color:#fffffff2;margin-bottom:1.5rem}.info__placeholder{max-width:560px;font-size:var(--type-body-compact-size);line-height:var(--type-body-compact-lh);color:var(--color-text-secondary)}.info__project-list{gap:2.5rem;display:grid}.info__project{border-top:1px solid var(--color-divider);grid-template-columns:minmax(220px,360px) 1fr;align-items:start;gap:clamp(1.5rem,4vw,3.75rem);padding-top:2rem;display:grid}.info__project-img{aspect-ratio:16/9;object-fit:cover;background:var(--color-surface);border-radius:3px;width:100%;display:block}.info__project-detail{min-width:0}.info__project-title{font-size:var(--type-h2-size);font-weight:var(--fw-medium);line-height:var(--type-h2-lh);color:#fffffff2}.info__project-desc{max-width:620px;font-size:var(--type-body-compact-size);line-height:var(--type-body-compact-lh);color:#ffffffb8;margin-top:1rem}.info__project-link{font-size:var(--type-meta-size);font-weight:var(--fw-medium);letter-spacing:var(--type-cta-ls);text-transform:uppercase;color:var(--color-text-primary);border-bottom:2px solid #ffffffe6;margin-top:1.75rem;padding-bottom:4px;display:inline-block}@media (width<=768px){.info{grid-template-columns:1fr;grid-template-areas:"tabs""aside""bio""contacts""follow";gap:3rem 0}.info__tabs{gap:1.5rem}.info__projects{min-height:260px}.info__project{grid-template-columns:1fr}.bio__p{font-size:var(--type-body-mobile-size)}.bio__quote-text{font-size:var(--type-h2-size)}.contacts__list{grid-template-columns:1fr;gap:1.5rem}}
