/* Home/About portraits only. Keep project cards, timeline and CMS untouched. */
.hero-layered .hero-person{height:83%;width:44%;right:5.5%;bottom:-2%}
.hero-layered .hero-person img{filter:drop-shadow(8px 12px 18px #142e2420)}
.portrait-title-drift{display:flow-root;transform-origin:left center}
.about-layered .about-portrait{overflow:visible;transform-origin:center bottom}
.about-layered .about-portrait-drift{left:4%;right:4%}
.about-layered .about-scene{inset:-4%}
.about-layered .about-scene:after{background:linear-gradient(90deg,#fff9ed99,#fff9ed44 44%,transparent 72%)}
@media(min-width:760px) and (max-width:999px){.about-layered .about-portrait-drift{left:0;right:0}}
@media(max-width:999px){.hero-layered .hero-person{right:5%;width:80%;height:60%;bottom:-2%}}
@media(max-width:680px){.hero-layered .hero-person{height:55%;width:96%;right:0;bottom:-1%}}
@media(max-width:360px){.hero-layered .hero-content h1{font-size:13.5vw}}
@media(max-width:759px){.about-layered .about-portrait-drift{left:2%;right:2%}.about-layered .about-scene:after{background:linear-gradient(180deg,#fff9edcc,#fff9ed77 45%,transparent 78%)}}
@media(prefers-reduced-motion:reduce){.portrait-title-drift,.hero-layered .hero-person,.hero-layered .hero-person-drift,.hero-layered .hero-scenery,.about-layered .about-copy,.about-layered .about-portrait,.about-layered .about-portrait-drift,.about-layered .about-scene{transform:none!important}.hero-layered img,.about-layered img{opacity:1!important;clip-path:none!important}}