/* The Cape on Street (GPI chose template 4): Street's structure and motion,
   dressed in The Cape's own identity so it no longer reads as Wiseman.
   From the logo: tall thin capitals (Antonio), the wave line, navy and sand;
   Cormorant italic for the voice, Manrope for text, a shell-cream ground. */
:root{
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Manrope',system-ui,-apple-system,sans-serif;
  --display:'Antonio','Oswald','Arial Narrow',sans-serif;
  --display-weight:200; --display-track:.01em;
  --ink:#0D2140; --ink-2:#3C4757; --ink-3:#5E6670; --deep:#0D2140;
  --paper:#FBF8F2; --paper-2:#F4ECDE;
  --accent:#B8916B; --accent-ink:#8C6B4A; --b-accent:#B8916B; --b-accent-ink:#8C6B4A;
  --line:rgba(13,33,64,.13); --line-2:rgba(13,33,64,.07);
  --cape-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 16'%3E%3Cpath d='M0 12.5H104C112 12.5 114 3 120 3S128 12.5 136 12.5H240' fill='none' stroke='%23B8916B' stroke-width='1.3'/%3E%3C/svg%3E");
  --cape-wave-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 16'%3E%3Cpath d='M0 12.5H104C112 12.5 114 3 120 3S128 12.5 136 12.5H240' fill='none' stroke='%23E2CFB0' stroke-width='1.3'/%3E%3C/svg%3E");
}
body{background:var(--paper);font-family:var(--sans)}

/* headings: tall thin capitals, the italic second line stays a serif voice */
.display{font-family:var(--display)!important;font-weight:200!important;text-transform:uppercase;letter-spacing:.012em!important;line-height:.94!important}
.display em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;color:var(--accent-ink)}
[data-dark] .display em,.bleed .display em,.b-name em{color:#E2CFB0}
.display-sm{font-size:clamp(2.6rem,4.6vw,4.6rem)!important}
.display-sm::after,.story-h::after{content:"";display:block;width:200px;height:14px;margin-top:26px;background:var(--cape-wave) left center/contain no-repeat}

/* the name in the opening, as on the logo */
.b-name{font-family:var(--display)!important;font-weight:200!important;letter-spacing:.03em!important;font-size:clamp(4.4rem,11vw,10.5rem)!important;line-height:.86!important}
.b-name::after{content:"";display:block;width:240px;height:16px;margin-top:22px;background:var(--cape-wave-w) left center/contain no-repeat}
.open-kicker{font-family:var(--sans)!important;letter-spacing:.32em!important}

/* eyebrows: small spaced capitals in sand, no italics */
.eyebrow,.eyebrow em{font-family:var(--sans)!important;font-style:normal!important;font-weight:600!important;font-size:11.5px!important;letter-spacing:.3em!important;text-transform:uppercase;color:var(--accent-ink)!important}
[data-dark] .eyebrow,[data-dark] .eyebrow em,.bleed .eyebrow em{color:#E2CFB0!important}
.eyebrow::before{background:var(--accent)!important}

/* body copy */
.body,.fine,p{font-family:var(--sans)}
.body{color:var(--ink-2);font-size:1.04rem;line-height:1.8}

/* buttons: square, spaced capitals, sand */
.btn{border-radius:0!important;font-family:var(--sans)!important;font-weight:600!important;font-size:11px!important;letter-spacing:.22em!important;text-transform:uppercase;background:var(--ink);border-color:var(--ink)}
.btn:hover,.btn:focus-visible{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.btn-line{background:transparent;color:var(--ink)}
.btn-paper{background:#fff;color:var(--ink);border-color:#fff}

/* header: The Cape logo as the brand, quiet capitals for the nav */
.hnav a,.hd-tel,.hd-portal,.mbtn-word{font-family:var(--sans)!important;letter-spacing:.2em!important;font-size:.7rem!important;font-weight:600!important}
.hd-portal{border-radius:0!important}

/* numbers and plan names in the logo's capitals */
.px-name,.px-price,.b-plan-name,.tnum.px-price{font-family:var(--display)!important;font-weight:300!important;letter-spacing:.02em}
.px-name{font-size:1.5rem!important}
.px-price{font-size:1.45rem!important;color:var(--ink)!important}

/* chapter rail + footer */
.chapter-name,.chapter-no{font-family:var(--sans)!important;letter-spacing:.24em!important}
.ft{background:var(--ink)!important}
.ft-h{font-family:var(--display)!important;font-weight:200!important;text-transform:uppercase}
.ft-h em{font-family:var(--serif);text-transform:none;font-style:italic;color:#E2CFB0}
.ft-top .display::after{background-image:var(--cape-wave-w)}
.chip{border-radius:0!important}

/* GPI feedback (Oct 23): the washer and dryer in every home, said first */
.open-badge{display:inline-flex;align-items:center;gap:10px;margin:26px 0 0;padding:11px 18px;background:rgba(251,248,242,.94);color:var(--ink);font:600 12px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.open-badge span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;letter-spacing:0}
/* live availability: a plan with nothing listed says so */
.px-av.is-leased{color:#9A3B2A!important}
.px-tours{margin:14px 0 0;color:var(--ink)}
.un-tour{border-radius:0!important;letter-spacing:.12em;text-transform:uppercase;font-size:11px!important}
:root{--un-ink:#0D2140;--un-accent:#8C6B4A;--un-paper:#FBF8F2;--un-radius:2px;--un-btn-radius:0;--un-font:'Manrope',system-ui,sans-serif;--un-display:'Antonio','Oswald',sans-serif}
.un-h{font-weight:300!important;text-transform:uppercase;letter-spacing:.02em}

/* Resident login (GPI, Oct 27): a text link beside Apply, visible on arrival */
.hd-portal.hd-res{border-color:transparent!important;background:none!important;color:inherit!important;padding:0 4px}
.hd-portal.hd-res:hover,.hd-portal.hd-res:focus-visible{text-decoration:underline;text-underline-offset:6px}