[data-sig="dunn-patio"]{view-timeline-name:--patio}[data-sig="dunn-patio"] .patio-image{height:740px;position:relative;overflow:hidden;background:var(--ink)}[data-sig="dunn-patio"] .patio-background{width:100%;height:115%;object-fit:cover;position:absolute;inset:-7% 0 auto}[data-sig="dunn-patio"] .patio-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,37,22,.58),rgba(17,37,22,0))}[data-sig="dunn-patio"] .patio-foreground{position:absolute;bottom:-20px;right:-20px;width:28%;height:50%;object-fit:cover;z-index:1;mix-blend-mode:multiply;opacity:.22;mask-image:linear-gradient(transparent,#000)}[data-sig="dunn-patio"] .patio-caption{position:absolute;z-index:2;left:max(var(--edge),calc((100vw - var(--wrap))/2));top:50%;transform:translateY(-50%);color:var(--inverse)}[data-sig="dunn-patio"] h2{font-size:clamp(48px,6.6vw,96px);line-height:1}[data-sig="dunn-patio"] .button{margin-top:32px;background:var(--surface);color:var(--ink);border-color:var(--surface)}
@supports(animation-timeline:view()){[data-sig="dunn-patio"] .patio-background{animation:patio-camera linear both;animation-timeline:--patio;animation-range:entry 0% exit 100%}[data-sig="dunn-patio"] .patio-foreground{animation:patio-leaves linear both;animation-timeline:--patio;animation-range:entry 0% exit 100%}}
@keyframes patio-camera{from{transform:translateY(-20px)}to{transform:translateY(20px)}}@keyframes patio-leaves{from{transform:translateY(24px)}to{transform:translateY(-24px)}}
@media(max-width:700px){[data-sig="dunn-patio"] .patio-image{height:600px}[data-sig="dunn-patio"] .patio-background{object-position:65% center}[data-sig="dunn-patio"] .patio-foreground{width:45%}[data-sig="dunn-patio"] .patio-caption{left:24px;right:24px}}
/* Matching full-canvas alpha plate: the foreground stays in its photographed position. */
[data-sig="dunn-patio"] .patio-foreground{inset:-7% 0 auto;bottom:auto;right:auto;width:100%;height:115%;object-fit:cover;mix-blend-mode:normal;opacity:1;mask-image:none}
@media(max-width:700px){[data-sig="dunn-patio"] .patio-foreground{width:100%;object-position:65% center}}
@keyframes patio-leaves{from{transform:translateY(-28px)}to{transform:translateY(28px)}}