/* About section 01. Shared chrome for the two compositions. The photograph's crop is driven
   by one number: --edge-l, the fraction of the image width at which the vertical stone edge
   sits. Every offset below is derived from it, so the edge meets the seam at any width. */
/* 0.228 is measured, not guessed: the stone column's outer edge falls at x = 286 of the 1254px
   frame, where the warm wall drops into the dark foliage behind him. */
body{--edge-l:0.228;--face:0.42}
.s1{position:relative;background:var(--bg-page);overflow:hidden}
.s1 .rt-seam{z-index:3}
.s1-num{position:absolute;left:0;width:calc(var(--seam) - 32px);text-align:right;font-family:var(--font-serif);font-weight:400;font-size:24px;line-height:1;color:rgba(15,26,46,.35)}
.s1-eyebrow{position:absolute;left:0;width:calc(var(--seam) - 32px);text-align:right;font-size:11px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:rgba(15,26,46,.55)}
.s1-head{margin:0;font-family:var(--font-serif);font-weight:500;line-height:1.04;letter-spacing:var(--tracking-tight);color:var(--color-navy);text-wrap:pretty}
.s1-photo{position:absolute;overflow:hidden;z-index:1}
.s1-photo img{position:absolute;display:block;max-width:none}
@media(max-width:767px){.s1-num,.s1-eyebrow{position:static;width:auto;text-align:left;padding:0 20px}}