/* Hero peel reveal (draft): the shop photo's bottom-right corner curls up; dragging (or swiping) left peels the
   photo away to show the Blackstone Console Table, dragging right lays it back. The text card never moves. */
.hero__media{position:relative}
@media (min-width:768px){.hero__media{position:absolute}}
.hero__media{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}
.hero__media.is-dragging{cursor:grabbing}
.hero__slide2{position:absolute;inset:0;margin:0;overflow:hidden;visibility:hidden;clip-path:polygon(100% 100%,100% 100%,100% 100%)}
.hero__slide2 img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 88%}
.hero__veil{display:none}
.hero__flapwrap{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(-5px -3px 9px rgb(0 0 0/.38))}
.hero__flap{position:absolute;inset:0;clip-path:polygon(100% 100%,100% 100%,100% 100%)}
.hero__peel{position:absolute;right:0;bottom:0;width:140px;height:140px;padding:0;border:0;background:transparent;cursor:pointer;z-index:4}
.hero__peel.is-left{right:auto;left:0}
.hero__peel:focus-visible{outline:2px solid #fff;outline-offset:-6px}
.hero .hero__text{position:relative;z-index:5}
.hero__media img{-webkit-user-drag:none}
/* the hero fills exactly the window under the header (desktop): its bottom edge and corner curls are always in view
   and the next section starts just below the fold. The photo crops to fit (top and bottom on wide windows, the sides
   on tall ones). The card can still make it taller if it needs the room. */
@media (min-width:768px){
  .hero{min-height:calc(100svh - var(--hdr, 73px))}
}