/* Homepage navigation floats over the hero photograph. */
.portfolio-home>header{position:absolute;inset:0 0 auto;height:78px;background:transparent;border:0;color:#fff;z-index:10}
.portfolio-home>header nav a{text-shadow:0 1px 8px #000b}
.portfolio-home>header nav a:focus-visible{outline:2px solid #fff;outline-offset:6px}
.portfolio-home .hero{height:min(730px,88svh);min-height:600px}
.portfolio-home .photo-stack{top:85px;right:2vw;width:min(650px,90vw);--fan-step:clamp(52px,11vw,155px)}
.portfolio-home .photo-stack .print{left:auto;right:18px;transform:translateX(var(--stack-x)) translateY(var(--stack-y)) rotate(var(--stack-r))}
.portfolio-home .photo-stack .print-one{--stack-x:-24px;--stack-y:15px}
.portfolio-home .photo-stack .print-two{--stack-x:-8px;--stack-y:3px}
.portfolio-home .photo-stack .print-three{--stack-x:0px;--stack-y:11px}
.portfolio-home .photo-stack .print-four{--stack-x:12px;--stack-y:5px}
.portfolio-home .photo-stack:is(:hover,:focus-within) .print-one{--stack-x:calc(var(--fan-step) * -3);--stack-y:18px}
.portfolio-home .photo-stack:is(:hover,:focus-within) .print-two{--stack-x:calc(var(--fan-step) * -2);--stack-y:0px}
.portfolio-home .photo-stack:is(:hover,:focus-within) .print-three{--stack-x:calc(var(--fan-step) * -1);--stack-y:11px}
.portfolio-home .photo-stack:is(:hover,:focus-within) .print-four{--stack-x:0px;--stack-y:3px}
@media(max-width:800px){
 .portfolio-home>header{height:68px;padding:0 16px}
 .portfolio-home>header nav{gap:clamp(10px,3vw,24px)}
 .portfolio-home>header nav a{font-size:clamp(.68rem,2.6vw,.9rem)}
 .portfolio-home .photo-stack{top:78px;right:0;width:100%;--fan-step:clamp(42px,13vw,98px)}
 .portfolio-home .photo-stack .print{width:clamp(130px,40vw,190px);height:clamp(100px,30vw,145px);right:22px}
 .portfolio-home .hero{height:640px;min-height:600px}
}

/* A slightly tighter opening, with the existing composition preserved. */
.portfolio-home .hero h1{font-size:clamp(4.7rem,8vw,8rem);margin-bottom:.2em}
.portfolio-home .hero .kicker{margin-bottom:.85rem}
.portfolio-home .hero .intro{margin-bottom:1.15rem;line-height:1.45}
@media(max-width:800px){.portfolio-home .hero h1{font-size:4.1rem}.portfolio-home .hero-copy{top:60%}}