body:has(.project-gallery) .intro-section{min-height:0;padding-bottom:120px}
.project-gallery{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;margin:0 auto;padding:0 0 32px}
.project-gallery img{display:block;flex:none;width:978px;height:550px;object-fit:cover;user-select:none;border:0;border-radius:0}
@media(max-width:767px){.project-gallery{width:calc(100% - 40px)}.project-gallery img{width:100%;height:auto;aspect-ratio:16/9}}



@media(prefers-reduced-motion:reduce){.project-gallery{animation:none}}

@media(max-width:767px){body:has(.project-gallery) .intro-section{padding-bottom:32px}}

@keyframes benji-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
body:has(.project-gallery) .intro-section .appear{animation:benji-enter .5s ease both;filter:none}
body:has(.project-gallery) .intro-section .avatar-wrap{animation-delay:0s}
body:has(.project-gallery) .intro-section .greetings{animation-delay:.05s}
body:has(.project-gallery) .intro-section .information>p:nth-child(1){animation-delay:.1s}
body:has(.project-gallery) .intro-section .information>p:nth-child(2){animation-delay:.15s}
body:has(.project-gallery) .intro-section .information>p:nth-child(3){animation-delay:.2s}
.project-gallery{animation:benji-enter .5s ease .45s both;filter:none}
@media(prefers-reduced-motion:reduce){body:has(.project-gallery) .intro-section .appear,.project-gallery{animation:none}}

.photos-gallery{padding-top:120px;animation-delay:0s}
@media(max-width:767px){.photos-gallery{padding-top:64px}}

:root{--home-content-top:120px}
body:has(.project-gallery) .intro-section{padding-top:var(--home-content-top)}
.photos-gallery{padding-top:var(--home-content-top)}
@media(max-width:720px){:root{--home-content-top:64px}}

.photos-gallery{padding-bottom:max(150px,calc(118px + env(safe-area-inset-bottom,0px)))}

.project-gallery .portfolio-video{display:block;flex:none;width:978px;height:550px;object-fit:cover;background:var(--page);border:0;border-radius:0}
@media(max-width:767px){.project-gallery .portfolio-video{width:100%;height:auto;aspect-ratio:16/9}}

/* Photography keeps its original proportions at the shared gallery width. */
.photos-gallery img{height:auto;aspect-ratio:auto;object-fit:contain}