/* Compact beach photo panel, live copy and watercolor surround. */
.bst{--bst-gutter:clamp(40px,4.2vw,64px);position:relative;margin:0;padding:245px 0 165px;background:#fff;overflow:hidden}
.bst__stage{position:relative;isolation:isolate;width:calc(100% - 2 * var(--bst-gutter));max-width:1400px;margin:0 auto}
.bst__wash{position:absolute;z-index:-1;left:0;top:-160px;width:100%;height:420px;object-fit:cover;object-position:50% 72%;opacity:.6;pointer-events:none;user-select:none;-webkit-mask-image:radial-gradient(ellipse 50% 50%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50%,#000 35%,transparent 100%)}
.bst__wash--bottom{top:auto;bottom:-160px}
.bst__panel{position:relative;isolation:isolate;min-height:clamp(520px,41.5vw,600px);box-sizing:border-box;padding:48px clamp(32px,4.5vw,72px);display:flex;align-items:center;border:0;box-shadow:none}
.bst__panel::before{content:none}
.bst__photo{position:absolute;inset:0;margin:0;z-index:-2;overflow:hidden}
.bst__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
/* One continuous veil: strongest at the copy, gradually clearer across the scenery. */
.bst__photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 75% at 20% 50%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.96) 25%,rgba(255,255,255,.88) 40%,rgba(255,255,255,.72) 50%,rgba(255,255,255,.38) 67%,rgba(255,255,255,.14) 85%,rgba(255,255,255,.08) 100%)}
.bst__copy{position:relative;width:100%;color:#0b4b69}
.bst__eyebrow{margin:0 0 18px;color:#936749;font:400 11px/1.5 "Comfort Newsreader",sans-serif;letter-spacing:.18em;text-transform:uppercase}
.bst__title{margin:0 0 22px;font:700 var(--sp-h2)/1.14 "Libre Baskerville",Georgia,serif;letter-spacing:-.012em;color:#9d7359;white-space:nowrap}
.bst__title span{display:inline}
.bst__title .bst__accent{font-weight:400;color:#b58b72}
.bst__lead{--sub-u:clamp(.7083px,min(100vw,1900px) / 1900,1px);max-width:480px;margin:0;color:#0b4b69;font:500 calc(24 * var(--sub-u))/1.35 "CSF News",Georgia,serif;letter-spacing:-.012em}
.bst__distance{display:inline-flex;align-items:center;gap:14px;margin:28px 0 0;padding:14px 22px 14px 16px;background:rgba(243,235,224,.82);border-radius:3px;color:#0b4b69}
.bst__distance-icon{display:block;flex:none;width:31px;height:31px;stroke:#8eaaab;stroke-width:1.6;stroke-linecap:round}
.bst__distance>span{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.bst__distance strong{font:400 23px/1.2 "Libre Baskerville",Georgia,serif;white-space:nowrap}
.bst__distance-label{color:#7c6b5d;font:400 14px/1.4 "CSF News",sans-serif}
@media(max-width:900px){
 .bst{--bst-gutter:24px;padding:230px 0 150px}
 .bst__panel{min-height:500px;padding:36px 28px}
 .bst__title{white-space:normal}
 .bst__lead{max-width:390px}
 .bst__photo::after{background:radial-gradient(ellipse 88% 80% at 22% 50%,rgba(255,255,255,.97) 0%,rgba(255,255,255,.94) 30%,rgba(255,255,255,.78) 48%,rgba(255,255,255,.4) 70%,rgba(255,255,255,.12) 100%)}
}
@media(max-width:540px){
 .bst{padding:210px 0 125px}
 .bst__panel{min-height:510px;padding:28px 22px;align-items:flex-end}
 .bst__title{margin-bottom:18px}
 .bst__eyebrow{font-size:9px;margin-bottom:16px;letter-spacing:.13em}
 .bst__distance{margin-top:24px;gap:10px;padding:12px 14px}
 .bst__distance>span{display:block}
 .bst__distance strong{font-size:21px}
 .bst__distance-label{display:block;margin-top:3px;font-size:13px}
 .bst__photo img{object-position:65% 50%}
 .bst__photo::after{background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.25) 15%,rgba(255,255,255,.63) 32%,rgba(255,255,255,.92) 50%,rgba(255,255,255,.96) 76%,rgba(255,255,255,.68) 100%)}
 .bst__wash{top:-115px;height:290px}
 .bst__wash--bottom{top:auto;bottom:-115px}
}

/* Feather the watercolor into the page before it reaches either section edge. */
.bst::before,.bst::after{content:"";position:absolute;z-index:2;left:0;right:0;height:60px;pointer-events:none}
.bst::before{top:0;background:linear-gradient(180deg,#fff,rgba(255,255,255,0))}
.bst::after{bottom:0;background:linear-gradient(0deg,#fff,rgba(255,255,255,0))}

/* Blend the photograph and veil together into the full watercolor surround. */
.bst__photo{
 --edge-x:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 2%,rgba(0,0,0,.4) 5%,rgba(0,0,0,.85) 9%,#000 13%,#000 68%,rgba(0,0,0,.98) 72%,rgba(0,0,0,.9) 76%,rgba(0,0,0,.72) 80%,rgba(0,0,0,.46) 84%,rgba(0,0,0,.2) 88%,rgba(0,0,0,.05) 92%,transparent 98%);
 --edge-y:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 4%,rgba(0,0,0,.4) 9%,rgba(0,0,0,.85) 15%,#000 21%,#000 77%,rgba(0,0,0,.85) 83%,rgba(0,0,0,.4) 90%,rgba(0,0,0,.08) 96%,transparent 100%);
 -webkit-mask-image:var(--edge-x),var(--edge-y);
 -webkit-mask-composite:source-in;
 mask-image:var(--edge-x),var(--edge-y);
 mask-composite:intersect;
}