/* Supplied beach design, with the preceding east-end section's existing type classes. */
#the-beach.beach19{
 --beach19-rail:170px;position:relative;isolation:isolate;overflow:hidden;
 margin-top:60px;padding:150px 0 70px;background:#faf6ef;color:#073b57;
}
.beach19,.beach19 *{box-sizing:border-box}
.beach19__frame{
 width:calc(100% - 2 * var(--beach19-rail));max-width:1560px;margin:0 auto;
 display:grid;grid-template-columns:62% 34%;gap:4%;align-items:center;
}
.beach19__picture{
 width:calc(100% + var(--beach19-rail));margin:0 0 0 calc(-1 * var(--beach19-rail));
 aspect-ratio:1075/887;min-width:0;pointer-events:none;
}
/* 2026-10-22: art is a transparent cut-out (beach-art-20261022.webp) with its own ragged edges,
   so the straight gradient masks and darken blend are gone. */
.beach19__art{display:block;width:100%;height:100%;overflow:hidden}
.beach19__copy{position:relative;min-width:0;padding:12px 0}
.beach19__title>span{display:block;white-space:nowrap}
.beach19 #beach-h em{
 display:inline-block;margin:0;color:#917658;
 font-size:calc(86 * var(--lae-heading-unit));line-height:.72;
 font-family:"SP Accent Hand",Georgia,serif!important;font-style:normal!important;
}
.beach19__rule{display:block;width:72px;height:1px;margin:24px 0;background:#be956c}
.beach19 .beach19__lead{max-width:100%;margin:0}
.beach19 .beach19__button{margin:28px 0 0;max-width:100%;text-decoration:none}
@media(min-width:1901px){
 #the-beach.beach19{--beach19-rail:calc((100vw - 1560px) / 2)}
 .beach19__picture{width:calc(100% + 170px);margin-left:-170px}
}
@media(max-width:1450px){#the-beach.beach19{--beach19-rail:clamp(80px,8.947vw,170px)}}
@media(max-width:1150px){
 .beach19__frame{grid-template-columns:minmax(0,1fr);gap:24px}
 .beach19__picture{width:calc(100% + 2 * var(--beach19-rail));max-width:1000px;justify-self:center;margin:0;aspect-ratio:1075/887}
 .beach19__copy{width:100%;max-width:640px;padding:0}
 .beach19 .beach19__lead{max-width:560px}
}
@media(max-width:900px){#the-beach.beach19{--beach19-rail:24px}}
@media(max-width:540px){
 #the-beach.beach19{padding:110px 0 60px}
 .beach19__frame{gap:22px}
 .beach19__rule{width:58px;margin:22px 0}
 .beach19 .beach19__button{margin-top:25px}
}
