.personal-project{background:#050505;color:#e6e6e6}
.personal-hero,.personal-gallery{max-width:1300px;margin:0 auto;padding-left:30px;padding-right:30px}
.personal-hero{padding-top:clamp(150px,16vw,230px);padding-bottom:90px}
.personal-kicker{margin:0 0 30px;font:500 14px/1.2 "neue-haas-grotesk-text",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.personal-title{max-width:1200px;margin:0 0 48px;font:700 clamp(58px,11vw,154px)/.92 var(--font-display);letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}
.personal-deck{max-width:900px;margin:0;color:#e6e6e6;font:400 clamp(26px,3.3vw,44px)/1.22 "neue-haas-grotesk-text",Arial,sans-serif;letter-spacing:-.015em;text-wrap:pretty}
.personal-hero-image{margin:90px 0 0;background:#141414;overflow:hidden}
.personal-hero-image img{display:block;width:100%;height:auto}
.personal-gallery{padding-bottom:130px}
.personal-gallery-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:24px 0 44px;border-top:1px solid rgba(230,230,230,.4)}
.personal-gallery-head h2,.personal-gallery-head span{margin:0;font:600 clamp(18px,2vw,30px)/1.1 var(--font-display);text-transform:uppercase}
.personal-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 14px}
.personal-gallery-grid figure{margin:0}
.personal-gallery-grid figure:last-child:nth-child(odd){grid-column:1/-1}
.personal-gallery-grid img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#141414}
.personal-gallery-grid figcaption{margin-top:12px;color:#b7b7b7;font:400 14px/1.3 "neue-haas-grotesk-text",Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em}
.personal-back-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;margin-top:70px;padding:14px 18px;border:1px solid rgba(230,230,230,.65);border-radius:4px;color:#e6e6e6;text-decoration:none;font:500 16px/1.1 "neue-haas-grotesk-text",Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em}
.personal-back-link:hover{background:#242424;border-color:#e6e6e6}.personal-back-link:focus-visible{outline:2px solid #e6e6e6;outline-offset:3px}.personal-back-link span:last-child{font-size:24px;line-height:0}
@media(max-width:767px){.personal-hero,.personal-gallery{padding-left:8px;padding-right:8px}.personal-hero{padding-top:120px;padding-bottom:72px}.personal-kicker{margin-bottom:24px}.personal-title{margin-bottom:34px}.personal-hero-image{margin-top:58px}.personal-gallery-head{padding:18px 0 30px}.personal-gallery-grid{grid-template-columns:1fr;gap:36px}.personal-gallery{padding-bottom:80px}.personal-back-link{width:100%;margin-top:54px}}
