/* CoastalViet vision: a coastal panorama and an attached editorial panel. */
body.reference-refresh .vision-signature{display:block;padding:0;margin-block:64px 56px;scroll-margin-top:96px}
body.reference-refresh .vision-signature .vision-art{position:relative;padding:0;margin:0;isolation:isolate}
body.reference-refresh .vision-signature .vision-main-photo{position:relative;margin:0;height:370px;background:#113f53;overflow:hidden}
body.reference-refresh .vision-signature .vision-main-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:none;transform:none}
body.reference-refresh .vision-signature .vision-main-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,31,45,.83),rgba(2,31,45,.38) 38%,transparent 78%);pointer-events:none}
body.reference-refresh .vision-signature .vision-main-photo>figcaption{position:absolute;z-index:1;top:22px;right:28px;left:auto;bottom:auto;max-width:calc(100% - 48px);padding:0;background:none;color:#fff;font:400 11px/1.5 var(--sans);text-shadow:0 1px 5px #163a46}
body.reference-refresh .vision-signature .vision-cover-heading{position:absolute;z-index:1;left:40px;right:32px;bottom:60px;max-width:850px;color:#fff}
body.reference-refresh .vision-signature .vision-cover-heading>.eyebrow{color:#f1d7b6;font:600 11px/1.5 var(--sans);letter-spacing:.17em;margin:0 0 16px}
body.reference-refresh .vision-signature .vision-cover-heading>.eyebrow::before{content:"";display:inline-block;vertical-align:middle;width:34px;height:1px;background:currentColor;margin-right:14px}
body.reference-refresh .vision-signature .section-display{font:400 clamp(34px,3.5vw,49px)/1.2 var(--serif);letter-spacing:-.025em;color:#fff;margin:0;text-shadow:0 2px 18px rgba(0,22,33,.25)}
body.reference-refresh .vision-signature .section-display>span,body.reference-refresh .vision-signature .section-display>em{display:block;text-wrap:balance}
body.reference-refresh .vision-signature .section-display>em{color:#efcf9e;font-weight:400}
body.reference-refresh .vision-signature .vision-story{position:relative;z-index:2;display:grid;grid-template-columns:1fr 2.15fr;gap:32px;margin:-28px 0 0 48px;padding:32px;background:#0b3f5a;border-top:2px solid #c19b69;color:#fff;box-shadow:0 15px 35px rgba(15,51,68,.10);max-width:none}
body.reference-refresh .vision-signature .vision-intro{font:400 17px/1.7 var(--serif);margin:0;max-width:none;color:#f1eee7}
body.reference-refresh .vision-signature .vision-highlights{display:grid;grid-template-columns:1fr 1fr;gap:30px}
body.reference-refresh .vision-signature .vision-highlight{padding:0 0 0 22px;border:0;border-left:1px solid rgba(237,206,159,.35)}
body.reference-refresh .vision-signature .vision-highlight h3{font:600 16px/1.5 var(--sans);color:#efcf9e;margin:0 0 10px}
body.reference-refresh .vision-signature .vision-highlight p{font:400 16px/1.65 var(--sans);color:#e2ebef;max-width:none;margin:0}
body.reference-refresh .vision-signature .vision-reading{position:relative;z-index:2;min-width:0;margin:0 0 0 48px;background:#0b3f5a;color:#fff}
body.reference-refresh .vision-signature .vision-reading>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;width:auto;margin:0 32px;padding:14px 0 18px;border:0;border-top:1px solid rgba(239,207,158,.25);min-height:55px;cursor:pointer;font:500 14px/1.5 var(--sans);color:#fff}
body.reference-refresh .vision-signature .vision-reading>summary::-webkit-details-marker{display:none}
body.reference-refresh .vision-signature .vision-reading>summary:focus-visible{outline:2px solid #efcf9e;outline-offset:4px}
body.reference-refresh .vision-signature .vision-read-less{display:none}
body.reference-refresh .vision-signature .vision-reading[open] .vision-read-more{display:none}
body.reference-refresh .vision-signature .vision-reading[open] .vision-read-less{display:inline}
body.reference-refresh .vision-signature .vision-read-symbol{position:relative;display:block;width:12px;height:12px;flex:none;color:#efcf9e}
body.reference-refresh .vision-signature .vision-read-symbol::before,body.reference-refresh .vision-signature .vision-read-symbol::after{content:"";position:absolute;background:currentColor;inset:5px 0 auto;height:1px}
body.reference-refresh .vision-signature .vision-read-symbol::after{transform:rotate(90deg)}
body.reference-refresh .vision-signature .vision-reading[open] .vision-read-symbol::after{display:none}
body.reference-refresh .vision-signature .vision-reading-content{margin:0;padding:32px;border:0;background:#f8f5ef;color:#0b3f5a}
body.reference-refresh .vision-signature .vision-reading-intro{font:400 18px/1.75 var(--serif);max-width:80ch;margin:0 0 28px;color:#405a66}
body.reference-refresh .vision-signature .vision-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
body.reference-refresh .vision-signature .vision-reading-item .idea-label{font:600 11px/1.5 var(--sans);letter-spacing:.14em;color:#85653f;margin:0 0 9px}
body.reference-refresh .vision-signature .vision-reading-item h3{font:600 22px/1.35 var(--sans);margin:0 0 14px;color:#0b3f5a}
body.reference-refresh .vision-signature .vision-reading-item p:not(.idea-label){font:400 16px/1.75 var(--sans);margin:0 0 14px;color:#405a66;max-width:66ch}
body.reference-refresh .vision-signature .vision-reading-content>.text-link{margin-top:12px}
@media(max-width:1150px) and (min-width:761px){
 body.reference-refresh .vision-signature{margin-block:52px 48px}
 body.reference-refresh .vision-signature .vision-main-photo{height:330px}
 body.reference-refresh .vision-signature .vision-cover-heading{left:32px;bottom:54px}
 body.reference-refresh .vision-signature .section-display{font-size:38px}
 body.reference-refresh .vision-signature .vision-story{margin-left:32px;padding:26px;gap:22px;grid-template-columns:1fr 2.2fr}
 body.reference-refresh .vision-signature .vision-intro{font-size:16px}
 body.reference-refresh .vision-signature .vision-highlights{gap:20px}
 body.reference-refresh .vision-signature .vision-highlight{padding-left:18px}
 body.reference-refresh .vision-signature .vision-reading{margin-left:32px}
 body.reference-refresh .vision-signature .vision-reading>summary{margin-inline:26px}
}
@media(max-width:900px) and (min-width:761px){
 body.reference-refresh .vision-signature .vision-story{grid-template-columns:1fr;gap:22px}
 body.reference-refresh .vision-signature .vision-reading-grid{gap:26px}
 body.reference-refresh .vision-signature .vision-highlight:first-child{padding-left:0;border-left:0}
}
@media(max-width:760px){
 body.reference-refresh .vision-signature{margin-block:32px 36px}
 body.reference-refresh .vision-signature .vision-main-photo{height:240px}
 body.reference-refresh .vision-signature .vision-main-photo>figcaption{top:16px;right:18px;font-size:10px}
 body.reference-refresh .vision-signature .vision-cover-heading{left:22px;right:18px;bottom:26px}
 body.reference-refresh .vision-signature .vision-cover-heading>.eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:12px}
 body.reference-refresh .vision-signature .vision-cover-heading>.eyebrow::before{width:22px;margin-right:9px}
 body.reference-refresh .vision-signature .section-display{font-size:29px;line-height:1.2}
 body.reference-refresh .vision-signature .vision-story{display:block;margin:0;padding:24px;border-top-width:1px;box-shadow:none}
 body.reference-refresh .vision-signature .vision-intro{font-size:16px;line-height:1.65;margin-bottom:22px}
 body.reference-refresh .vision-signature .vision-highlights{grid-template-columns:1fr;gap:18px}
 body.reference-refresh .vision-signature .vision-highlight{padding:16px 0 0;border-left:0;border-top:1px solid rgba(237,206,159,.3)}
 body.reference-refresh .vision-signature .vision-highlight h3{margin-bottom:6px}
 body.reference-refresh .vision-signature .vision-reading{margin:0}
 body.reference-refresh .vision-signature .vision-reading>summary{margin-inline:24px;min-height:54px}
 body.reference-refresh .vision-signature .vision-reading-content{padding:24px}
 body.reference-refresh .vision-signature .vision-reading-grid{grid-template-columns:1fr;gap:22px}
 body.reference-refresh .vision-signature .vision-reading-intro{font-size:17px}
 body.reference-refresh .vision-signature .vision-reading-item h3{font-size:21px}
}
@media(max-width:360px){body.reference-refresh .vision-signature .section-display{font-size:25px}body.reference-refresh .vision-signature .vision-story,body.reference-refresh .vision-signature .vision-reading-content{padding:20px}body.reference-refresh .vision-signature .vision-reading>summary{margin-inline:20px}}

/* Existing project overview card styling retained. */

body.reference-refresh .deal-project-summary .deal-project-location{margin:0 0 5px;font:400 13px/1.5 var(--sans);color:#657b86}
body.reference-refresh .deal-project-summary .deal-project-type{margin:0 0 12px;font:600 14px/1.5 var(--sans);color:#206585}
body.reference-refresh .deal-project-summary .deal-project-description{font:400 15px/1.7 var(--serif);color:#405a66;margin:0 0 22px}
body.reference-refresh .deal-project-summary .deal-copy h3{font-size:23px;line-height:1.3;margin:9px 0 8px}
body.reference-refresh .deal-project-summary .deal-image-note{font-size:10px;margin-top:12px}
body.reference-refresh .deal-project-summary .deal-media img[src*="sun-primavera-hq"]{object-position:65% 50%}
@media(max-width:1050px){body.reference-refresh .deal-project-summary .deal-copy h3{font-size:21px}}

body.reference-refresh .vision-signature .vision-title-phrase{white-space:nowrap}