/* Full-width selected artwork: natural image height preserves the entire 4300 × 5492 composition. */
.home-editorial .hero--avon{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;max-width:none;margin:0;padding:0;overflow:visible;align-items:start}
.avon-portrait{grid-area:1/1;margin:0;min-width:0;width:100%}
.avon-image-frame{display:block;position:relative;min-height:max(720px,96svh);background:#060608;outline-offset:-6px}
.avon-image-frame picture{display:block}
.avon-photo{display:block;width:100%;height:auto;aspect-ratio:4300/5492;object-fit:contain;position:static;transform:none;filter:none}
.avon-image-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,6,8,.46),rgba(6,6,8,.08) 85%),linear-gradient(180deg,rgba(6,6,8,.16),transparent 65%,rgba(6,6,8,.25))}
.home-editorial .hero--avon>.wrap{grid-area:1/1;position:relative;z-index:2;width:100%;padding-top:clamp(150px,14vw,220px);padding-bottom:80px;align-self:start;pointer-events:none}
.home-editorial .hero--avon>.wrap a{pointer-events:auto}
.home-editorial .hero--avon .hero-agent{bottom:80px}
.home-editorial .hero--avon .hero-location,.home-editorial .hero--avon .hero-promise{text-shadow:0 2px 24px rgba(0,0,0,.2)}
.home-editorial .hero--avon .sub{color:#f0f0f3;text-shadow:0 1px 12px rgba(0,0,0,.65)}
.home-editorial .hero--avon .scrollcue{display:none}
.avon-portrait figcaption{padding:14px clamp(24px,4.5vw,72px) 20px;font-size:.7rem;line-height:1.6;color:var(--fg-soft);background:var(--bg)}
.avon-portrait figcaption span{color:var(--muted)}
.avon-portrait figcaption a{text-decoration:underline;text-underline-offset:3px}
.avon-portrait details{margin-top:6px;color:var(--muted);max-width:650px}
.avon-portrait summary{cursor:pointer}
.avon-portrait details p{font-size:.75rem;line-height:1.6;margin-top:10px}
@media(max-width:760px){
 .avon-image-frame{min-height:max(720px,94svh);padding-top:80px}
 .avon-image-frame::after{background:none}
 .avon-image-frame picture{position:relative}
 .avon-image-frame picture::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,6,8,.05),rgba(6,6,8,.2) 35%,rgba(6,6,8,.7) 75%,#060608 100%)}
 .home-editorial .hero--avon>.wrap{padding-top:clamp(220px,60vw,390px);padding-bottom:50px}
 .home-editorial .hero--avon .hero-promise{font-size:clamp(2rem,8vw,3rem)}
 .home-editorial .hero--avon h1{margin-top:18px}
}

/* One continuous opening: the uncropped image is a backdrop, not a spacer.
   Intrinsic image dimensions remain intact; only opacity fades into the page.
   Content stays in normal flow so zoom, wrapping and open credits cannot collide. */
.home-editorial .avon-portrait{position:relative;isolation:isolate;margin:0;width:100%;--avon-fade-end:clamp(700px,100vw,1450px)}
.home-editorial .avon-portrait .avon-image-frame{position:absolute;inset:0 0 auto;z-index:-1;min-height:0;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0px,#000 calc(var(--avon-fade-end)*.3),rgba(0,0,0,.72) calc(var(--avon-fade-end)*.55),rgba(0,0,0,.24) calc(var(--avon-fade-end)*.8),transparent var(--avon-fade-end));-webkit-mask-image:linear-gradient(to bottom,#000 0px,#000 calc(var(--avon-fade-end)*.3),rgba(0,0,0,.72) calc(var(--avon-fade-end)*.55),rgba(0,0,0,.24) calc(var(--avon-fade-end)*.8),transparent var(--avon-fade-end))}
.home-editorial .avon-portrait .avon-image-frame::after{background:linear-gradient(90deg,rgba(6,6,8,.46),rgba(6,6,8,.08) 85%)}
.home-editorial .avon-portrait .avon-image-frame picture::after{content:none}
.home-editorial .hero--avon{display:block}
.home-editorial .hero--avon>.wrap{padding-bottom:clamp(24px,4vw,64px)}
.home-editorial .hero--avon .hero-agent{bottom:64px}
body.home-editorial .avon-portrait .magicsearch,body.home-editorial .avon-portrait .home-market{background:transparent;border-top:0}
body.home-editorial .avon-portrait .magicsearch{padding-top:clamp(24px,3.2vw,48px)}
.home-editorial .avon-portrait figcaption{background:transparent;position:relative;padding-top:8px;padding-bottom:28px}
@media(max-width:760px){
 .home-editorial .avon-portrait{--avon-fade-end:calc(80px + 127.72vw)}
 .home-editorial .hero--avon>.wrap{padding-bottom:12px}
}
/* Fluid across the former phone breakpoint: no sudden vertical jump at 760px. */
.home-editorial .avon-portrait{--avon-fade-end:clamp(580px,100vw,1450px)}
.home-editorial .avon-portrait .avon-image-frame{padding-top:clamp(0px,calc(160px - 12vw),80px)}
.home-editorial .hero--avon>.wrap{padding-top:clamp(220px,18vw,260px);padding-bottom:clamp(12px,calc(6vw - 12px),64px)}