/* Approved photography placement, 2026-11-05. */
.hero{padding-block:3rem 5rem;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,5rem)}
.blog-home .hero h1{font-size:clamp(4.5rem,8vw,8rem)}
.hero-visual{position:relative;padding:1.5rem .8rem;width:100%;max-width:37rem;justify-self:end}
.photo-print{position:relative;margin:0;width:100%;isolation:isolate}
.photo-img,.hero-photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;mask-image:url('images/portrait-torn-mask.png');mask-size:100% 100%;mask-repeat:no-repeat}
.photo-hero{rotate:2deg}
.photo-tape{position:absolute;z-index:2;width:34%;height:auto;pointer-events:none}
.tape-a{top:-2%;left:-5%;rotate:-6deg}.tape-b{bottom:-1%;right:-5%;rotate:7deg}
.photo-about{width:100%;max-width:30rem;justify-self:center;rotate:-2deg}
.photo-about .tape-a{left:-3%;top:-1%}.photo-about .tape-b{right:-3%}
.about-grid{gap:clamp(3rem,7vw,7rem)}

.hero-copy .intro{max-width:33rem}.hero-copy .home-button{margin-top:1.7rem}
@media(min-width:1100px){.hero{min-height:700px}.hero-visual{max-width:32rem}}
@media(max-width:1000px) and (min-width:651px){.hero{gap:2rem;padding-block:3rem}.hero-visual{padding:.5rem}.blog-home .hero h1{font-size:clamp(4.3rem,8vw,6rem)}.intro{font-size:1.05rem}}
@media(max-width:650px){.hero{grid-template-columns:1fr;gap:2rem;padding-block:2rem 3rem}.blog-home .hero h1{font-size:clamp(3.8rem,16vw,5.3rem)}.hero-visual{max-width:27rem;justify-self:center;padding:1rem .6rem}.hero-copy .intro{font-size:1.05rem;line-height:1.65;margin-top:1.5rem}.photo-about{width:90%;max-width:25rem}.about-grid{gap:2.8rem}}
@media(prefers-reduced-motion:no-preference){.photo-hero{transition:rotate .5s ease}.photo-hero:hover{rotate:0deg}.motion .photo-hero{animation:m-fade-up 1.1s var(--ease-out) .2s backwards}}