.ph{align-items:end;min-height:78svh;display:grid;position:relative;overflow:hidden}.ph-tall{min-height:100svh}.ph-bg,.ph-shade{position:absolute;inset:0}.ph-bg img{object-fit:cover;width:100%;height:100%;animation:ph-settle 3s var(--ease) .1s both;transform:scale(1.1)}@keyframes ph-settle{to{transform:scale(1)}}@supports (animation-timeline:scroll()){.ph-bg{animation:linear both ph-out;animation-timeline:scroll(root);animation-range:0 90svh}}@keyframes ph-out{to{opacity:.4;transform:translateY(10%)}}.ph-shade{background:linear-gradient(180deg, #12070999 0%, #12070926 35%, #120709a6 75%, var(--night) 100%)}.ph-in{z-index:1;gap:1.25rem;padding-top:9rem;padding-bottom:clamp(3rem,7vw,6rem);display:grid;position:relative}.ph-title{font-size:var(--fs-h1);max-width:16ch}.ph-text{max-width:38rem}