:root{--navy:#07192d;--mid:#102e4e;--blue:#234b76;--sky:#6fa5d1;--cream:#f5f7fa;--ink:#203247;--muted:#607183;--line:#dde5ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fb;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #efbc68;outline-offset:4px}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#071728;color:#d4e3f2;border-bottom:1px solid #ffffff24;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:12px;padding:9px 0}.topbar strong{color:#fff}.brandnav{position:relative;background:#0b2038;color:#fff}.brandnav .container{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 0}.brand{font-size:clamp(18px,2vw,23px);font-weight:800;text-decoration:none;letter-spacing:-.5px}.brand small{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:#b6cbdc}.navlinks{display:flex;gap:23px;align-items:center;font-size:13px;font-weight:700}.navlinks a{text-decoration:none;color:#dfeaf4}.navlinks a:hover{color:#fff;text-decoration:underline}.nav-toggle{display:none;background:transparent;border:1px solid #647f9b;color:#fff;padding:8px 12px;border-radius:6px}.hero{min-height:480px;background:linear-gradient(90deg,rgba(3,13,25,.96) 0%,rgba(6,23,41,.92) 33%,rgba(6,23,41,.4) 67%,rgba(3,16,28,.2)),url('assets/legacy-home.jpg') 60% 43%/cover no-repeat;color:white;display:flex;align-items:center}.hero .container{padding:74px 0 88px}.eyebrow{text-transform:uppercase;letter-spacing:2.7px;font-size:12px;font-weight:800;color:#a8cde9}.hero h1{max-width:690px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(37px,5.5vw,70px);line-height:1.09;margin:18px 0 16px;letter-spacing:-1.9px}.hero p{max-width:620px;color:#d9e7f4;font-size:clamp(16px,1.6vw,19px);margin:0 0 28px}.cta{display:inline-block;background:#edf3fa;color:#0e2a48;padding:12px 20px;border-radius:4px;text-decoration:none;font-weight:800;font-size:14px}.cta:hover{background:white}.hero-note{font-size:12px;color:#c3d6e8;margin-top:15px}.intro{padding:56px 0 20px}.section-eyebrow{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:2px;color:#456c90}.intro h2,.block-head h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(29px,3.4vw,42px);color:#132f4a;line-height:1.17;margin:9px 0 14px}.intro p{max-width:790px;color:#526679;margin:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:28px 0 68px}.navcard{display:flex;flex-direction:column;min-height:230px;border-radius:9px;overflow:hidden;position:relative;text-decoration:none;color:white;box-shadow:0 9px 22px rgba(12,34,55,.11);transition:transform .2s,box-shadow .2s;background:#153650}.navcard:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(12,34,55,.23)}.navcard:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,33,.52),rgba(3,15,28,.93));z-index:1}.navcard-inner{position:relative;z-index:2;padding:23px;display:flex;flex:1;flex-direction:column;justify-content:flex-end}.navcard .number{font-size:11px;color:#d2e8fb;letter-spacing:2px;font-weight:800;margin-bottom:auto}.navcard h3{font-size:23px;line-height:1.15;margin:32px 0 8px;font-family:Georgia,'Times New Roman',serif}.navcard p{font-size:13px;line-height:1.45;margin:0;color:#edf4fa}.navcard .more{font-size:13px;font-weight:800;margin-top:17px;color:#fff}.card-about{background:linear-gradient(135deg,#173550,#38678f)}.card-tools{background:linear-gradient(135deg,#2d5368,#57929d)}.card-contact{background:linear-gradient(135deg,#284065,#527ca9)}.card-property{background:linear-gradient(135deg,#183852,#9b7b54)}.card-articles{background:linear-gradient(135deg,#152c4b,#627fa2)}.card-trec{background:linear-gradient(135deg,#223951,#637180)}.card-neighborhoods{background:linear-gradient(135deg,#24506a,#5d827a)}.card-links{background:linear-gradient(135deg,#1d3b5b,#6b718d)}.card-property:after,.card-articles:after,.card-about:after{background-image:url('assets/card-01.jpg');background-position:center center}.card-property:after{background-image:url('assets/card-04.jpg');background-position:center center}.card-articles:after{background-image:url('assets/card-05.jpg');background-position:center center}.card-about:after{background-image:url('assets/card-01.jpg');background-position:center center}.card-property .navcard-inner,.card-articles .navcard-inner,.card-about .navcard-inner{z-index:3}.feature{background:#102d4a;color:#fff;padding:50px 0}.featurewrap{display:flex;gap:40px;align-items:center;justify-content:space-between}.feature h2{font-family:Georgia,serif;font-size:32px;margin:4px 0 9px}.feature p{max-width:680px;color:#d3e1ef;margin:0}.feature a{white-space:nowrap;background:#e9f1f8;color:#122d48;font-weight:800;padding:13px 18px;border-radius:4px;text-decoration:none}.notices{background:#e7edf3;border-top:1px solid #cdd9e4;padding:24px 0}.noticewrap{display:flex;align-items:center;gap:25px;justify-content:space-between}.notices strong{color:#102d49}.noticelist{display:flex;flex-wrap:wrap;gap:13px}.noticepill{display:inline-block;border:1px solid #b4c3d0;background:#f8fbfd;padding:9px 13px;border-radius:4px;font-size:13px;font-weight:700}.noticelist .pending{color:#546675}.foot{background:#07192d;color:#d4e1ee;padding:28px 0 35px;font-size:13px}.foot .container{display:flex;justify-content:space-between;gap:20px}.foot strong{color:#fff}.detail{min-height:58vh;padding:70px 0}.detail h1{font-family:Georgia,serif;font-size:clamp(38px,5vw,58px);margin:15px 0}.detail p{font-size:18px;max-width:680px;color:#526579}.detail .back{display:inline-block;color:#1c5b8b;margin-top:24px;font-weight:700}.buildnote{margin-top:35px;padding:18px;background:#eaf0f6;border-left:4px solid #456e94;font-size:14px;color:#38516b}@media(max-width:940px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navlinks{gap:12px}.hero{background-position:63% 40%}}@media(max-width:620px){.topbar .container{flex-direction:column;gap:2px}.nav-toggle{display:block}.brandnav .container{flex-wrap:wrap}.navlinks{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:12px 0;border-bottom:1px solid #ffffff20}.hero{min-height:420px;background:linear-gradient(90deg,rgba(2,13,25,.96),rgba(2,15,28,.72)),url('assets/legacy-home.jpg') 65% center/cover}.hero .container{padding:59px 0}.grid{gap:12px;grid-template-columns:1fr 1fr}.navcard{min-height:205px}.navcard-inner{padding:16px}.navcard h3{font-size:20px}.navcard p{font-size:12px}.featurewrap,.noticewrap,.foot .container{align-items:flex-start;flex-direction:column}.feature a{white-space:normal}}@media(max-width:400px){.grid{grid-template-columns:1fr}.navcard{min-height:170px}}

/* V4: understated legacy brand photo below the original V2 hero */
.feature-copy{flex:1;min-width:0}.feature-photo{width:165px;aspect-ratio:5/4;object-fit:cover;object-position:58% 50%;border-radius:8px;border:2px solid #ffffff40;box-shadow:0 8px 22px #0004;flex-shrink:0}@media(max-width:940px){.featurewrap{flex-wrap:wrap}.feature-photo{width:150px}}@media(max-width:620px){.feature-photo{width:min(100%,260px);aspect-ratio:16/10}}

/* V5: corrected compact image in lower community section */
.feature-photo{display:block;width:200px;height:160px;aspect-ratio:5/4;object-fit:cover;object-position:55% 42%;flex:0 0 200px}
@media(max-width:940px){.feature-photo{width:180px;height:144px;flex-basis:180px}}
@media(max-width:620px){.feature-photo{width:min(100%,300px);height:auto;aspect-ratio:5/4;flex-basis:auto}}

/* V7: Retain the original Version 5 house-and-hands hero.
   Seven consistent photographic navigation cards, softly subdued. */
.navcard::after{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:.48;filter:saturate(.95) contrast(.95);z-index:0;pointer-events:none}
.card-about::after{background-image:url("assets/card-01.jpg")}
.card-tools::after{background-image:url("assets/card-02.jpg")}
.card-contact::after{background-image:url("assets/card-03.jpg")}
.card-property::after{background-image:url("assets/card-04.jpg")}
.card-articles::after{background-image:url("assets/card-05.jpg")}
.card-neighborhoods::after{background-image:url("assets/card-06.jpg")}
.card-links::after{background-image:url("assets/card-07.jpg")}
.navcard-inner{z-index:3}

/* Functional notice links */
.noticelist a.noticepill{text-decoration:none;color:#102d49;line-height:1.4}
.noticelist a.noticepill:hover{background:#fff;border-color:#7190ac;text-decoration:underline}


/* About page design | light reading surfaces, legacy blue branding */
.about-hero{color:#fff;background:linear-gradient(90deg,rgba(6,24,42,.91),rgba(9,32,54,.77)),url('assets/legacy-home.jpg') center 48%/cover no-repeat;padding:74px 0 78px}
.about-hero-inner{max-width:870px}
.about-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,5vw,62px);letter-spacing:-1.4px;line-height:1.12;margin:15px 0 18px}
.about-hero p{font-size:clamp(17px,1.7vw,21px);line-height:1.55;max-width:770px;color:#e1eaf2;margin:0}
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:65px;padding-top:66px;padding-bottom:78px;align-items:start}
.about-article{min-width:0;max-width:780px}
.about-section{padding-bottom:34px;margin-bottom:39px;border-bottom:1px solid #dbe5ee}
.about-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.about-section h2{font:normal 34px/1.22 Georgia,'Times New Roman',serif;letter-spacing:-.5px;color:#163653;margin:12px 0 21px}
.about-section p{font-size:16.5px;line-height:1.82;color:#354c60;margin:0 0 18px}
.about-section p:last-child{margin-bottom:0}
.about-principles{display:grid;gap:12px;margin:23px 0 3px}
.about-principles>div{padding:17px 20px;background:#fff;border:1px solid #dae4eb;border-left:4px solid #557da2;border-radius:5px}
.about-principles strong{font-size:16px;color:#123651}
.about-principles p{font-size:14.5px;margin:5px 0 0;line-height:1.6}
.about-aside-card{background:#fff;border:1px solid #dbe5ec;border-radius:9px;padding:27px 23px;box-shadow:0 9px 25px #1534500a;position:sticky;top:24px}
.about-aside-card h2{font:normal 25px/1.2 Georgia,'Times New Roman',serif;color:#173b5c;margin:12px 0 24px}
.about-aside-card p{font-size:14px;line-height:1.65;color:#4a6276;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e9eef4}
.about-aside-card strong{color:#173b5c}
.about-aside-card a{font-weight:700;font-size:13px;color:#245d8d}
.about-video{position:relative;aspect-ratio:16/9;background:#0b2038;border-radius:7px;overflow:hidden;box-shadow:0 12px 30px #09203622;margin:24px 0 12px}
.about-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.about-section .about-video-fallback{font-size:13px;margin:0 0 5px}
.about-video-fallback a{color:#245d8d}
.about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.about-actions a{display:inline-block;text-decoration:none;font-weight:700;font-size:14px;padding:13px 17px;border-radius:4px}
.about-action-primary{background:#113754;color:white}
.about-action-secondary{border:1px solid #aabfd1;color:#173b5c;background:white}
@media(max-width:900px){.about-layout{grid-template-columns:1fr;gap:25px;padding-top:42px}.about-article{max-width:unset}.about-aside{grid-row:1}.about-aside-card{position:static}.about-hero{padding:56px 0}}
@media(max-width:620px){.about-hero h1{font-size:35px}.about-section h2{font-size:29px}.about-section p{font-size:16px}.about-layout{padding-bottom:45px}}

/* V10: Personal About section. */
.about-personal{margin:38px 0 44px;padding:clamp(22px,3vw,40px);background:#f0f5f9;border:1px solid #d7e4ef;border-left:5px solid #285b84;border-radius:8px}
.about-personal .about-personal-lede{color:#536b80;font-size:14px;font-style:italic;margin-top:-4px}
.about-personal p{max-width:74ch}
.about-personal-quote{margin:30px 0;padding:22px 25px;background:#173856;border-left:4px solid #91b8d4;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(19px,2vw,24px);line-height:1.5}
@media(max-width:620px){.about-personal{padding:20px 16px}.about-personal-quote{padding:18px}}

/* PROPERTY SHOWCASE | eight-page gallery */
.showcase-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0}
.showcase-topbar nav{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;font-weight:700}
.showcase-topbar nav a{color:#e4edf5;text-decoration:none}
.showcase-topbar nav a:hover{text-decoration:underline}
.showcase-hero{background:linear-gradient(115deg,#092038,#20466a);color:#fff;padding:54px 0 48px}
.showcase-hero .section-eyebrow{color:#a8cee9}
.showcase-hero h1{font:700 clamp(35px,4.6vw,55px)/1.15 Georgia,serif;margin:12px 0}
.showcase-hero h2{font:400 clamp(18px,2.4vw,25px)/1.35 Georgia,serif;color:#c5ddef;margin:0 0 22px}
.showcase-hero p{max-width:900px;color:#e0ebf6;line-height:1.68;font-size:16px}
.showcase-hero .privacy{font-weight:600;color:#fff}
.showcase-main{padding:43px 0 78px}
.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.showcase-heading h2{font:700 clamp(27px,3vw,38px)/1.2 Georgia,serif;margin:7px 0;color:#173856}
.showcase-heading p{color:#5c7082;margin:0}
.showcase-total{padding:9px 13px;border-radius:30px;background:#e4edf5;color:#24465f;font-size:12px;font-weight:800;white-space:nowrap}
.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin:28px 0 34px}
.property-card{background:white;border:1px solid #dce5ed;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 14px #102e4e0d;transition:transform .18s,box-shadow .18s}
.property-card:hover{transform:translateY(-5px);box-shadow:0 17px 33px #0a284322}
.property-image{aspect-ratio:16 / 10;position:relative;overflow:hidden;background:#cbd5de}
.property-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s}
.property-card:hover .property-image img{transform:scale(1.035)}
.sold-flag{position:absolute;top:13px;left:13px;background:#9d2530;color:white;border-radius:4px;padding:7px 15px;font-weight:900;font-size:13px;letter-spacing:1.4px;box-shadow:0 4px 13px #0004}
.property-body{padding:20px;display:flex;flex:1;flex-direction:column}
.property-body .location{text-transform:uppercase;letter-spacing:1.4px;color:#496b89;font-size:11px;font-weight:800}
.property-body h3{font:700 22px/1.25 Georgia,serif;color:#142e49;margin:8px 0 13px}
.property-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;min-height:22px}
.property-features span{font-size:11px;font-weight:700;background:#edf3f8;color:#2d516f;border-radius:4px;padding:5px 7px}
.property-description{font-size:13.5px;color:#4c6173;margin:0 0 17px;line-height:1.55}
.property-body .role{font-size:12.5px;font-weight:800;color:#183d5e;margin-top:auto;border-top:1px solid #e4ebf1;padding-top:14px}
.property-body .card-credit{font-size:11.5px;color:#657888;margin:8px 0 0}
.property-bottom{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:flex-start;margin-top:14px}
.property-bottom .mls{font-size:12px;font-weight:800;color:#284d70}
.showcase-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin:27px 0}
.pg{display:inline-flex;align-items:center;justify-content:center;min-width:37px;min-height:38px;padding:7px 12px;border:1px solid #c8d8e7;background:#fff;color:#21496a;border-radius:5px;text-decoration:none;font-weight:800;font-size:13px}
.pg:hover{border-color:#2f668d;background:#eef5fb}
.pg.current{background:#143d5e;color:white;border-color:#143d5e}
.pg.disabled{color:#93a3b0;background:#f4f6f8}
.showcase-footnote{font-size:12px;color:#697986;line-height:1.6;text-align:center;margin:25px auto;max-width:850px}
@media(max-width:940px){.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.property-grid{grid-template-columns:1fr}.showcase-heading{align-items:flex-start;flex-direction:column}.showcase-topbar{align-items:flex-start;flex-direction:column}.showcase-hero{padding:34px 0}.property-body h3{font-size:21px}.pg{min-width:32px;padding:6px 8px}}

/* V15: prominent, properly placed neighborhood beneath street address */
.property-body .property-neighborhood {font-size:17px;font-weight:900;line-height:1.3;color:#1a577d;letter-spacing:.2px;margin:-5px 0 12px;}
.property-card.featured-neighborhood .property-neighborhood {color:#154c78;}
.property-body h3 {margin-bottom:12px;}
@media(max-width:620px){.property-body .property-neighborhood{font-size:16px;}}

/* V26: Consistent full navigation and complete house-and-hands artwork. */
.brandnav {z-index:20; isolation:isolate;}
.brandnav .container {gap:22px;}
.navlinks {gap:17px;}
.navlinks a[aria-current="page"] {color:white;text-decoration:underline;text-decoration-color:#85b4d8;text-underline-offset:6px;}
.brand-hero {position:relative;isolation:isolate;overflow:hidden;background:#041425;color:#fff;}
.brand-hero-art {position:absolute;z-index:0;top:0;right:0;width:auto;height:100%;max-width:none;object-fit:contain;object-position:right center;pointer-events:none;user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.32) 16%,rgba(0,0,0,.7) 26%,#000 40%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.32) 16%,rgba(0,0,0,.7) 26%,#000 40%);}
.brand-hero::after {content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#041425 0%,rgba(4,20,37,.98) 20%,rgba(4,20,37,.88) 42%,rgba(4,20,37,.48) 66%,rgba(4,20,37,.10) 86%,rgba(4,20,37,0) 100%)}
.brand-hero>.container {position:relative;z-index:2;}
/* Home retains the tall, distinctive hero, without cropping the artwork. */
.hero.brand-hero {background:#041425;min-height:515px;display:flex;align-items:center;}
.hero.brand-hero .container {padding:74px 0 82px;}
.hero.brand-hero h1 {max-width:640px;}
.hero.brand-hero p {max-width:545px;}
/* Interior-page intro is lower so the content appears sooner. */
.showcase-hero.brand-hero,.about-hero.brand-hero {background:#041425;padding:46px 0 44px;min-height:320px;}
.showcase-hero.brand-hero .container {position:relative;z-index:2;}
.showcase-hero.brand-hero p {max-width:720px;line-height:1.58;font-size:15px;margin:13px 0;}
.showcase-hero.brand-hero h1 {max-width:800px;font-size:clamp(35px,4.3vw,51px);}
.showcase-hero.brand-hero h2 {margin-bottom:13px;font-size:clamp(18px,2vw,23px);}
.about-hero.brand-hero .about-hero-inner {max-width:850px;}
.about-hero.brand-hero h1 {max-width:680px;font-size:clamp(37px,4.4vw,55px);}
.about-hero.brand-hero p {max-width:655px;font-size:clamp(16px,1.5vw,19px);}
.site-placeholder-hero {padding:51px 0;min-height:220px;}
.site-placeholder-hero h1 {font:700 clamp(34px,4vw,53px)/1.12 Georgia,serif;margin:12px 0 0;max-width:660px;}
/* Consistent responsive navigation on tablets and smaller viewports. */
@media (max-width:980px) {
  .brandnav .container {flex-wrap:wrap;}
  .nav-toggle {display:block;cursor:pointer;}
  .navlinks {display:none;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:6px;}
  .navlinks.open {display:flex;}
  .navlinks a {padding:11px 0;border-bottom:1px solid #ffffff20;}
  .brand-hero-art {right:-6%;opacity:.82;}
  .brand-hero::after {background:linear-gradient(90deg,#041425 0%,rgba(4,20,37,.97) 26%,rgba(4,20,37,.72) 63%,rgba(4,20,37,.24) 100%);}
}
@media (max-width:620px) {
  .brandnav .container {gap:12px;}
  .brand-hero-art {height:100%;width:auto;right:-18%;opacity:.44;}
  .brand-hero::after {background:linear-gradient(90deg,rgba(4,20,37,.99),rgba(4,20,37,.88));}
  .hero.brand-hero {min-height:430px;}
  .hero.brand-hero .container {padding:55px 0 61px;}
  .showcase-hero.brand-hero,.about-hero.brand-hero {min-height:0;padding:43px 0 47px;}
  .showcase-hero.brand-hero p {font-size:14px;}
  .site-placeholder-hero {min-height:170px;}
}


/* V29: Editorial article library, preserving established site branding. */
.article-index-hero{padding:65px 0 66px;min-height:315px;}
.article-index-hero h1,.article-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.6vw,61px);line-height:1.12;letter-spacing:-1px;margin:15px 0 17px;max-width:880px;}
.article-index-hero p{font-size:18px;line-height:1.65;color:#d5e7f5;max-width:695px;}
.article-index-jump{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;}
.article-index-jump a{border:1px solid #8facbf;background:#0d3152cc;color:#fff;text-decoration:none;border-radius:5px;font-weight:700;font-size:13px;padding:12px 16px;}
.article-index-jump a:hover{background:#24547a;}
.article-index-main{padding:61px 0 85px;}
.article-index-section+.article-index-section{border-top:1px solid #d7e0e8;padding-top:59px;margin-top:58px;}
.article-index-section h2{font:700 clamp(28px,3.5vw,39px)/1.14 Georgia,serif;color:#173754;margin:9px 0 14px;}
.article-index-section-intro{color:#566b7c;max-width:750px;margin:0 0 31px;font-size:16px;}
.article-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;}
.article-index-card{background:#fff;text-decoration:none;color:#1c364e;border:1px solid #dce5ed;border-radius:12px;overflow:hidden;box-shadow:0 5px 17px #081b3010;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s;}
.article-index-card:hover{transform:translateY(-4px);box-shadow:0 15px 28px #071d3530;}
.article-index-card:focus-visible{outline:3px solid #d8a74e;outline-offset:3px;}
.article-index-image{aspect-ratio:16/9;background:#d7e1ea;overflow:hidden;}
.article-index-image img{width:100%;height:100%;object-fit:cover;}
.article-index-copy{padding:23px;display:flex;flex-direction:column;flex:1;}
.article-index-date{font-size:12px;font-weight:800;letter-spacing:.5px;color:#527390;text-transform:uppercase;}
.article-index-card h3{font:700 23px/1.22 Georgia,serif;margin:11px 0 13px;color:#173652;}
.article-index-card p{font-size:14px;color:#50677a;line-height:1.57;margin:0 0 19px;}
.article-index-more{margin-top:auto;color:#145783;font-weight:800;font-size:13px;}
.article-hero{padding:54px 0 65px;min-height:330px;}
.article-hero h1{max-width:900px;font-size:clamp(35px,4.2vw,55px);}
.article-breadcrumb{font-size:13px;font-weight:700;color:#bed5e8;margin-bottom:32px;}
.article-breadcrumb a{text-decoration:none;}.article-breadcrumb a:hover{text-decoration:underline;}
.article-breadcrumb span{padding:0 10px;color:#85a6bd;}
.article-hero-meta{display:flex;gap:16px;flex-wrap:wrap;color:#e1ecf5;font-size:14px;font-weight:700;}
.article-layout{display:grid;grid-template-columns:minmax(0,805px) minmax(235px,280px);gap:66px;padding-top:44px;padding-bottom:84px;align-items:start;}
.article-cover{margin:0 0 38px;}
.article-cover img{display:block;width:100%;max-height:540px;object-fit:contain;background:#e6ecf1;border-radius:11px;border:1px solid #dbe4ea;}
.article-cover figcaption,.article-inline-figure figcaption{font-size:12px;color:#687e91;line-height:1.5;padding-top:9px;}
.article-body{color:#2c3f52;font-size:17px;line-height:1.82;overflow-wrap:anywhere;}
.article-body>p:first-child{font-size:19px;line-height:1.75;color:#263f58;}
.article-body h2{font:700 clamp(27px,3vw,34px)/1.24 Georgia,serif;color:#163854;margin:44px 0 18px;scroll-margin-top:30px;}
.article-body h3{font:700 24px/1.3 Georgia,serif;color:#254d6c;margin:32px 0 13px;}
.article-body p{margin:0 0 19px;}
.article-body ul,.article-body ol{padding-left:25px;margin:0 0 24px;}
.article-body li{margin:0 0 9px;}
.article-body a{color:#17618e;text-decoration:underline;}
.article-body strong{font-weight:800;color:#163650;}
.article-body em{color:#566f82;}
.article-body table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.4;min-width:520px;}
.article-body table th{background:#10314d;color:#fff;padding:12px 11px;text-align:left;}
.article-body table td{border-bottom:1px solid #dbe4eb;padding:10px 11px;background:#fff;}
.article-body table tbody tr:nth-child(even) td{background:#f0f5f9;}
.article-body .table-scroll{overflow-x:auto;border:1px solid #d4e1ea;border-radius:6px;margin:20px 0 27px;}
.article-inline-figure{margin:25px 0 33px;padding:16px;background:#fff;border:1px solid #dae4ed;border-radius:8px;}
.article-inline-figure img{max-width:100%;height:auto;display:block;margin:auto;}
.article-sidebar{position:sticky;top:25px;}
.article-toc{background:#eaf1f7;padding:23px 22px;border-radius:9px;display:flex;flex-direction:column;gap:9px;border:1px solid #d6e3ed;}
.article-toc-heading{font-size:12px;color:#315d7a;letter-spacing:1.3px;text-transform:uppercase;font-weight:900;margin-bottom:9px;}
.article-toc a{font-size:13px;font-weight:700;color:#294d68;text-decoration:none;line-height:1.45;}
.article-toc a:hover{color:#0b6a9f;text-decoration:underline;}
.article-aside-cta{background:#0d2b48;color:#e9f3f9;padding:25px 23px;border-radius:9px;margin-top:20px;}
.article-aside-cta strong{font:700 22px/1.3 Georgia,serif;color:#fff;display:block;}
.article-aside-cta p{font-size:13px;line-height:1.6;color:#d2e2ee;}
.article-aside-cta a{display:inline-block;border-radius:4px;background:#ecf4fa;color:#0d2b48;padding:10px 13px;font-weight:800;font-size:12px;text-decoration:none;}
.article-related{margin-top:22px;border-top:1px solid #d9e4ec;padding-top:20px;display:flex;flex-direction:column;gap:11px;}
.article-related h3{font:700 22px Georgia,serif;margin:0 0 7px;color:#173a59;}
.article-related a{font-size:13px;line-height:1.45;color:#225c84;text-decoration:none;}.article-related a:hover{text-decoration:underline;}
.article-end{border-top:1px solid #d6e0e9;margin-top:44px;padding-top:25px;}
.article-back{display:inline-block;font-weight:800;color:#155b86;text-decoration:none;}
.article-back:hover{text-decoration:underline;}
.article-prevnext{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:30px;}
.article-prevnext-link{background:#eef3f7;border:1px solid #d6e1e9;padding:18px;border-radius:8px;text-decoration:none;}
.article-prevnext-link span{font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:1px;color:#557894;display:block;margin-bottom:8px;}
.article-prevnext-link strong{display:block;font:700 18px/1.32 Georgia,serif;color:#1a4566;}
@media(max-width:1050px){.article-layout{grid-template-columns:minmax(0,1fr);gap:23px;}.article-sidebar{position:static;}.article-toc{display:none;}.article-related{display:none;}.article-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.article-index-grid{grid-template-columns:1fr;}.article-index-hero{padding:51px 0;}.article-hero{padding:40px 0 47px;}.article-breadcrumb{margin-bottom:24px;}.article-layout{padding-top:26px;padding-bottom:50px;}.article-body{font-size:16px;line-height:1.77;}.article-body>p:first-child{font-size:17px;}.article-prevnext{grid-template-columns:1fr;}.article-cover{margin-bottom:26px;}.article-body h2{margin-top:31px;}}

/* Version 30 archived community stories and photo galleries */
.article-photo-gallery {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 32px;}
.article-photo-gallery figure {margin:0;border-radius:8px;overflow:hidden;background:#e4ebf1;}
.article-photo-gallery img {width:100%;height:240px;object-fit:cover;display:block;}
.article-important-note {border-left:4px solid #b57b32;background:#fff7e9;padding:18px 20px;border-radius:4px;margin:4px 0 28px;color:#3b3a36;font-size:15px;}
.article-important-note strong {font-weight:800;color:#5b3d17;}
.historical-video {position:relative;aspect-ratio:16/9;border-radius:9px;overflow:hidden;margin:22px 0 28px;background:#041425;}
.historical-video iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}
.article-index-no-image {background:linear-gradient(115deg,#123c5a,#041425);display:flex;align-items:center;justify-content:center;}
.article-index-no-image span {color:#d7e7f5;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:bold;padding:25px;}
@media(max-width:620px){.article-photo-gallery{grid-template-columns:1fr}.article-photo-gallery img{height:auto;max-height:330px;object-fit:contain;}}

/* V35: seven-link navigation switches cleanly to the mobile menu before links crowd the brokerage name. */
@media (max-width:1130px) {
  .brandnav .container {flex-wrap:wrap;}
  .nav-toggle {display:block;cursor:pointer;}
  .navlinks {display:none;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:6px;}
  .navlinks.open {display:flex;}
  .navlinks a {padding:11px 0;border-bottom:1px solid #ffffff20;}
}