/* rj-home-01 — homepage fixes on top of the live page (26 Sep 2026). No redesign: breaks, a11y, sizes only. */

/* 1 · phones/tablets: a caption that wraps to two lines grows its card instead of sliding under the next photograph */
@media (max-width:900px){
  :root .v2-vit .v2-pcap{height:auto;min-height:56px;padding-bottom:4px}
}

/* 2 · phones/tablets: the hero arrows sat on top of the headline — lift them onto the photograph, above the kicker */
@media (max-width:900px){
  :root .rjh-foot{top:calc(clamp(420px,112vw,620px) - 214px)!important;bottom:auto!important}
  :root .rjh-cap i{font-size:10px}
}

/* 3 · tablets (701–900px): "What we make" ran ~8,500px tall; full-width pieces sit in the two-column grid like the rest */
@media (min-width:701px) and (max-width:900px){
  :root .v2-vit [data-slot=g1],:root .v2-vit [data-slot=g7],:root .v2-vit [data-slot=g11],:root .v2-vit [data-slot=g12]{grid-column:auto}
  :root .v2-vit [data-slot=g1] .v2-pimg,:root .v2-vit [data-slot=g7] .v2-pimg,:root .v2-vit [data-slot=g11] .v2-pimg,:root .v2-vit [data-slot=g12] .v2-pimg{aspect-ratio:3/4}
}

/* 4 · the three detail photographs read as captions, not as a piece with its name missing */
:root .v2-tile .v2-pline{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:15px;letter-spacing:.01em;color:rgba(217,184,120,.82)}

/* 5 · "What it costs" was 73px beside 36–46px headings elsewhere */
:root .rjc-h2{font-size:clamp(38px,3.6vw,52px)}

/* 6 · tap targets ≥44px on phones without moving anything */
:root .rjc-bar{height:44px}
:root .rjc-bar::before{top:21px}
:root .rjc-cta::before,:root .rjm-story::before,:root .rjx-a::before,:root .rn3-burger::before{content:"";position:absolute;inset:-10px -4px}
:root .rjm-story,:root .rjx-a,:root .rn3-burger{position:relative}
:root .rn3-burger::before{inset:-3px -5px}
:root .rjm-story::before{inset:-12px -4px}

/* 7 · (auditor) the last three phone targets under 44px: mill arrows 42px, "Get directions" 42px, "Need help?" 28px — invisible hit areas, homepage booking section only */
:root .rjc-arrow,:root #v2visit .rjb-ghost,:root #v2visit .rjb-help{position:relative}
:root .rjc-arrow::before{content:"";position:absolute;inset:-2px;border-radius:50%}
:root #v2visit .rjb-ghost::before{content:"";position:absolute;inset:-2px 0}
:root #v2visit .rjb-help::before{content:"";position:absolute;inset:-8px -4px}