/* R042 hero composition (owner decisions D11-D13, 8 Nov 2026). Source: tools/publishing/visual/r042/hero.css, served as /psg/hero-r042.css.
   D11: the name pill "Phoenician Stone" is one line inside one pill at every width and in every language; only the neighbouring
   descriptor may wrap or stack. Greek and French wrapped the name onto two lines from 768 px up (R041, measured).
   D12: the arc is one deliberate composition: centred, the approved 1268 px artwork at 1268 px and wider (unchanged), and below
   that the viewport plus a 60 px bleed on each side, so its legs always leave the frame at the edges instead of becoming a small
   arch floating in the middle (R041: a fixed 379 px arch on phones up to 767 px, a viewport-wide one from 768 to 1267 px).
   The bleed is clipped horizontally by the hero section only (overflow-x:clip keeps vertical glow and sticky positioning intact). */
.elementor-124 .elementor-element.elementor-element-5d7b0a88{overflow-x:clip}
.elementor-124 .elementor-element.elementor-element-372c3d66{width:min(1268px,calc(100vw + 120px))!important;max-width:none!important;left:50%!important;right:auto!important;transform:translateX(-50%)}
.elementor-124 .elementor-element.elementor-element-372c3d66 img{width:100%!important;max-width:none!important;height:auto}
.elementor-124 .elementor-element.elementor-element-361f15c9{flex:0 0 auto;max-width:100%}
.elementor-124 .elementor-element.elementor-element-361f15c9 .elementor-heading-title{white-space:nowrap!important;overflow-wrap:normal!important;hyphens:none!important;word-break:keep-all}
/* the theme fixes this box at 436 px; a one-line name plus a long descriptor (Greek, French) needs more, so the box fits its
   content up to the available width and only then lets the descriptor wrap below the pill */
.elementor-124 .elementor-element.elementor-element-a4791bc{width:auto!important;max-width:100%;min-width:0;flex-wrap:wrap;justify-content:center}
.elementor-124 .elementor-element.elementor-element-2afcfcad{min-width:0;flex:0 1 auto}
.elementor-124 .elementor-element.elementor-element-2afcfcad .elementor-heading-title{text-wrap:balance}

/* R042 small fixes. D19: the phone "Read more" buttons belong to the phone layout only (the paragraph is clamped only there). */
@media (min-width:768px){button.psg-more{display:none!important}}
/* R042 refinement sweep (owner request 9 Nov; read-only audit of the r042-rc package, findings A01 A06 A07 U01 U02):
   A01 the theme button style shrank every gallery thumbnail to 26x32 px inside a bronze pill; the photo now fills its 76x58 slot */
button.psg-thumb{padding:0!important;background:#120c08!important;border-radius:10px!important;box-shadow:none!important;overflow:hidden}
button.psg-thumb img{display:block;width:100%!important;height:100%!important;object-fit:cover}
/* A06 "View" text on the bronze pill was 3.34:1; white is about 5:1. A07 the bronze enquiry button was 3.64:1 with white text */
/* the catalogue's View is a <button>, so the theme's bronze button fill replaced its dark glass pill; restore the pill, slightly denser so white text stays above 4.5:1 over pale stone */
.psg-inspect{background:rgba(16,13,11,.55)!important;color:#fff!important}.psg-inspect span{color:#fff}.psg-inspect:hover,.psg-inspect:focus-visible{background:rgba(16,13,11,.7)!important}
html body a.psg-btn.psg-btn--bronze{background-color:#816b50}
/* U01 no one-word last lines in headings. U02 breadcrumb links reach the 24 px minimum target on phones */
h1,h2,h3{text-wrap:balance}
.psg-crumbs a{display:inline-block;min-height:24px;padding-block:2px}