/* Joe Janus's look on the Georgetown structure (master doc stage 5: the client's look in one override file).
   Read from joejanus.com on 2026-11-06 (theme CSS variables and the live page): deep teal-black #122023 as the primary,
   teal #14555c as the spot colour, gold #966c02 for the small "Realtor" line, white pages, Cormorant Garamond (display, often
   uppercase) and Montserrat (text, uppercase letter-spaced nav and buttons), buttons with 3px corners. Both fonts are Google Fonts. */
:root{--ink:#122023;--muted:#4c5759;--soft:#7d8789;--line:#dde3e3;--paper:#ffffff;--ivory:#f4f6f5;--brick:#14555c;--green:#122023;--gold:#966c02;
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{font-size:16px;line-height:1.75}
/* Cormorant is a light face: hold the display weight at 500 so it keeps its strokes on screen */
h1,h2{font-weight:500;letter-spacing:0}h3{font-weight:600}
.hero h1,.meet h2,.about-hero h1,.contact-hero h1,.closing h2,.feature h2,.head-row h2,.valuation h2,.sell aside h2{text-transform:uppercase;letter-spacing:.04em}
.hero h1{font-weight:500}
/* buttons: square-cornered, uppercase, letter-spaced, as on joejanus.com */
.btn{border-radius:3px;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:500;padding:16px 26px}
.btn:hover{background:var(--brick);border-color:var(--brick)}
header.nav .call{border-radius:3px;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
/* masthead: white, wordmark in the display face, nav in letter-spaced capitals */
header.nav{background:rgba(255,255,255,.98)}
.logo{font:500 26px/1 var(--serif);text-transform:uppercase;letter-spacing:.08em}
.logo small{color:var(--gold);letter-spacing:.3em;font-weight:600}
.nav-row{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:500}
.nav-row .menu-list{text-transform:none;letter-spacing:0;font-size:14px}
.util{background:var(--ink)}
.more{color:var(--brick)}
.stars,.stars svg{color:var(--star);fill:var(--star)}
.avatar{background:var(--brick);color:#fff;font-weight:600}
.portrait{background:var(--ivory);color:var(--brick)}
.portrait .initials{font:500 clamp(64px,8vw,120px)/1 var(--serif);letter-spacing:.06em}
/* photography: pull the stand-ins toward Joe's cool, slightly dark hero */
.hero{background-position:center 55%}
.hero:before{background:linear-gradient(180deg,rgba(18,32,35,.1) 20%,rgba(18,32,35,.8)),linear-gradient(90deg,rgba(18,32,35,.4),rgba(18,32,35,0) 65%)}
.ph-img img,.index figure img{filter:saturate(.85)}
@media (max-width:1080px){.logo{font-size:20px;white-space:normal;line-height:1.15}.burger{border-radius:3px;text-transform:uppercase;letter-spacing:.12em;font-size:12px}}
@media (max-width:680px){.logo{font-size:16px;letter-spacing:.04em;max-width:210px}.logo small{letter-spacing:.16em;font-size:9px}}
footer .logo{white-space:normal;font-size:21px;line-height:1.2}
.creds .agent .avatar{display:inline-grid}
.creds .agent .avatar{color:#fff}
@media (max-width:680px){.portrait:has(.initials){aspect-ratio:16/9}}