/* The seller's film sits immediately after the hero, with a direct way in from the hero copy. */
.signature-copy .coastal-video-jump { display:inline-flex; align-items:center; gap:.55rem; min-height:44px; margin-top:.55rem; padding:2px 0; font-size:1rem; font-weight:600; color:#075ca8; text-decoration:underline; text-underline-offset:.21em; }
.coastal-video-jump-icon { display:inline-grid; place-items:center; width:1.65rem; height:1.65rem; border:1px solid currentColor; border-radius:50%; flex:none; }
.coastal-video-jump-icon svg { width:13px; height:13px; }
.coastal-video-jump + .signature-assurance { margin-top:.5rem; }
.coastal-video-section { background:#f5f8fd; border-block:1px solid #dbe4ef; padding-block:clamp(2.5rem,4vw,4.25rem); }
.coastal-video-intro { margin:0 auto 1.55rem; text-align:center; max-width:48rem; }
.coastal-video-intro .eyebrow { margin:0 0 .65rem; }
.coastal-video-intro h2 { font-family:Georgia,serif; font-weight:400; line-height:1.12; font-size:clamp(2rem,4vw,3rem); color:#123956; margin:0 0 .7rem; }
.coastal-video-intro > p:last-child { font-size:1.0625rem; line-height:1.65; margin:0 auto; color:#40556a; max-width:43rem; }
.coastal-video-content { max-width:54rem; margin-inline:auto; }
.coastal-video-stage { position:relative; display:block; width:100%; aspect-ratio:16/9; background:#102a40; }
.coastal-video-native,.coastal-video-cover,.coastal-video-stage .coastal-video-photo { display:block; width:100%; height:100%; }
.coastal-video-native { object-fit:contain; background:#102a40; }
.coastal-video-stage > .coastal-video-native { position:absolute; inset:0; }
.coastal-video-cover[hidden],.coastal-video-error[hidden] { display:none; }
.coastal-play-status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.coastal-video-cover { position:absolute; inset:0; z-index:1; color:white; text-decoration:none; }
.coastal-video-photo { object-fit:cover; }
.coastal-video-cover::after { content:""; pointer-events:none; position:absolute; inset:48% 0 0; background:linear-gradient(transparent,rgba(6,26,45,.47)); }
.coastal-video-wordmark,.coastal-video-duration,.coastal-video-play { position:absolute; z-index:1; }
.coastal-video-wordmark { left:clamp(.6rem,2vw,1.3rem); top:clamp(.6rem,2vw,1.3rem); background:#fff; padding:.43rem .65rem; border-radius:3px; }
.coastal-video-wordmark img { display:block; width:clamp(4.4rem,11vw,7.4rem); height:auto; }
.coastal-video-duration { right:clamp(.6rem,2vw,1.3rem); top:clamp(.6rem,2vw,1.3rem); border-radius:3px; padding:.23rem .55rem; background:#15344a; color:#fff; font-size:.9rem; font-weight:bold; }
.coastal-video-play { left:clamp(.75rem,3vw,1.75rem); bottom:clamp(.75rem,3vw,1.5rem); display:inline-flex; align-items:center; gap:.6rem; min-height:46px; padding:.55rem 1.15rem; border:1px solid #fff; border-radius:3px; color:#fff; background:#075ca8; font:bold 1rem/1.5 Arial,Helvetica,sans-serif; }
.coastal-video-cover:hover .coastal-video-play,.coastal-video-cover:focus-visible .coastal-video-play { background:#084879; }
.coastal-video-cover:focus-visible,.coastal-video-native:focus-visible { outline:3px solid #075ca8; outline-offset:4px; }
.coastal-video-error { margin:.75rem 0; color:#25475e; }
.coastal-video-tools { color:#40556a; padding-block:.55rem 0; }
.coastal-video-tools > span { float:left; padding-block:.5rem; font-size:.95rem; line-height:1.6; }
.coastal-video-tools > span > span { margin-inline:.23rem; }
.coastal-video-transcript summary { cursor:pointer; display:block; width:fit-content; margin-left:auto; min-height:44px; padding:.45rem 0; text-align:right; color:#075ca8; font-size:1rem; font-weight:600; text-decoration:underline; text-underline-offset:.2em; }
.coastal-video-transcript summary::-webkit-details-marker { display:none; }
.coastal-video-transcript summary::after { content:" +"; }
.coastal-video-transcript[open] summary::after { content:" −"; }
.coastal-video-transcript > div { clear:both; padding:1.25rem clamp(1rem,4vw,2rem); border:1px solid #ccdcec; background:#fff; }
.coastal-video-transcript p { margin:0 0 1rem; color:#263e51; font-size:1.0625rem; line-height:1.7; }
.coastal-video-transcript p:last-child { margin:0; }
.coastal-video-cta { text-align:center; margin-top:1.2rem; }
@media(max-width:36em) {
 .coastal-video-section { padding-block:2.25rem; }
 .coastal-video-intro { text-align:left; margin-bottom:1rem; }
 .coastal-video-play { padding:.45rem .9rem; min-height:44px; }
 .coastal-video-tools > span { float:none; display:block; padding-bottom:0; }
 .coastal-video-transcript summary { margin-left:0; text-align:left; }
 .coastal-video-cta { margin-top:.5rem; }
 .coastal-video-cta .button { width:100%; }
}

/* Keep the property guide compact, with a clear path on to the MLS listings. */
.idx-video-guide { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); grid-template-areas:"copy player" "actions player"; gap:1.1rem clamp(1.5rem,3.5vw,3.5rem); align-items:start; align-content:center; margin-block:1.4rem 2rem; padding:clamp(1.25rem,3.1vw,2.8rem); background:#f2f6fb; border:1px solid #d3e0ed; border-radius:6px; }
.idx-video-copy { grid-area:copy; align-self:end; }
.idx-video-copy .eyebrow { color:#27547a; margin:0 0 .65rem; }
.idx-video-copy h3 { margin:0 0 .75rem; font:normal clamp(1.65rem,2.8vw,2.35rem)/1.15 Georgia,serif; color:#123956; text-wrap:balance; }
.idx-video-copy > p:not(.eyebrow) { margin:.65rem 0 0; max-width:52ch; font-size:1.0625rem; line-height:1.58; color:#344d64; }
.idx-video-guide .coastal-video-content { grid-area:player; align-self:center; width:100%; min-width:0; }
.idx-video-actions { grid-area:actions; display:flex; flex-wrap:wrap; align-items:center; gap:.45rem 1.2rem; }
.idx-video-actions .text-link { display:inline-flex; align-items:center; gap:.4rem; min-height:44px; color:#075ca8; text-underline-offset:.18em; }
#auction-property-listings { scroll-margin-top:5rem; }
@media (max-width:52em) {
 .idx-video-guide { grid-template-columns:minmax(0,1fr); grid-template-areas:"copy" "player" "actions"; }
}
@media (max-width:36em) {
 .idx-video-actions { align-items:flex-start; flex-direction:column; }
 .idx-video-actions .button { max-width:100%; white-space:normal; }
 .idx-video-guide .coastal-video-tools > span { padding-bottom:0; }
}