/* Shared presentation for the two buyer journeys. */
[id] {scroll-margin-top:120px;}
main h1,main h2 {overflow-wrap:break-word;hyphens:auto;}
.profile-hero h1 {max-width:100%;}
.profile-hero .hero-shell {width:100%;max-width:var(--max);}
.funding-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr); gap:64px; align-items:start; }
.funding-copy h2 { font-size:40px; line-height:1.12; max-width:14ch; color:var(--white); }
.funding-copy > p { color:var(--white); }
.funding-list { list-style:none; padding:0; margin:28px 0; }
.funding-list li { position:relative; padding:14px 0 14px 28px; border-top:1px solid var(--taupe); }
.funding-list li::before {content:'+';position:absolute;left:0;top:12px;font-size:23px;line-height:1.2;color:var(--paper);}
.funding-list strong,.funding-list span { display:block; }
.funding-list strong { font-size:16px; color:var(--white); }
.funding-list span { margin-top:4px; font-size:14px; color:var(--paper); }
.funding-metrics { display:grid; gap:22px; min-width:0; }
.funding-metric { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr); gap:24px; align-items:start; }
.funding-number { min-height:190px; display:flex; align-items:center; justify-content:center; background:var(--paper); color:var(--clay-dark); font-size:88px; line-height:1; font-weight:500; border-radius:3px; }
.funding-word { font-size:34px; }
.funding-program {text-align:center;line-height:1.15;padding:16px;}
.funding-subline {display:inline-block;font-size:17px;margin-top:8px;line-height:1.3;}
.funding-number.funding-zero {background:var(--taupe);color:var(--ink);}
.detail-facts > [hidden] {display:none;}
.funding-number.funding-amount {font-size:42px;white-space:nowrap;}
.funding-percentage {flex-direction:column;gap:8px;}
.funding-cap {font-size:14px;}
.funding-metric:nth-child(2) .funding-number { background:var(--paper-deep); }
.funding-metric:nth-child(3) .funding-number { background:var(--taupe); color:var(--ink); }
.funding-metric h3 { border-top:1px solid var(--taupe); padding-top:20px; font-size:21px; line-height:1.2; color:var(--white); hyphens:auto; overflow-wrap:anywhere; }
.funding-metric p { font-size:13px; color:var(--paper); margin-bottom:0; }
.funding-note { font-size:12px; color:var(--paper); }
.funding-note a { text-decoration:underline; }
.model-ref {display:inline-block;font-size:.6em;line-height:1;vertical-align:super;margin-left:.1em;text-decoration:none;}
.model-ref:focus-visible {outline:2px solid currentColor;outline-offset:3px;}
.model-year-section {background:var(--white);}
.model-year-section h2 {max-width:800px;}
.model-year-grid {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:36px;align-items:stretch;}
.model-year-image {margin:0;position:relative;min-height:560px;}
.model-year-image img {position:absolute;width:100%;height:100%;object-fit:cover;border-radius:3px;}
.model-year-image figcaption {position:absolute;bottom:14px;left:14px;right:14px;padding:10px;background:var(--paper);font-size:12px;}
.model-year-summary {padding:32px;background:var(--paper-deep);border-radius:3px;}
.model-year-summary > p:first-child {margin-top:0;}
.model-equity {padding:14px 0 26px;border-bottom:1px solid var(--taupe);margin-bottom:26px;}
.model-equity span,.model-equity strong,.model-year-values span,.model-year-values strong {display:block;}
.model-equity span {font-size:13px;text-transform:uppercase;}
.model-equity strong {font-size:48px;font-weight:500;margin-top:8px;}
.model-year-values {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px;}
.model-year-values span {font-size:13px;line-height:1.3;min-height:2.6em;}
.model-year-values strong {font-size:28px;line-height:1.2;font-weight:500;white-space:nowrap;}
.model-period {font-size:12px;margin:25px 0;}
.model-return-period {grid-column:1/-1;font-size:14px;margin:0;text-align:right;}
.example-intro p {margin-top:0;}
.model-disclaimer {grid-column:1/-1;}
.model-disclaimer h3 {font-size:21px;}
.model-disclaimer p {font-size:14px;line-height:1.7;max-width:1100px;}
.model-disclaimer:target {outline:2px solid var(--clay);outline-offset:5px;}
.location-highlights {list-style:none;padding:10px 0 0;margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
.location-highlights li {border-top:1px solid var(--taupe);padding:15px 0 15px 17px;position:relative;font-size:14px;line-height:1.4;}
.location-highlights li::before {content:'';position:absolute;left:0;top:22px;width:5px;height:5px;background:var(--clay-dark);border-radius:50%;}
.anniversary-logo {display:block;width:190px;max-width:55%;height:auto;margin-bottom:26px;object-fit:contain;}
.slider-counter {position:absolute;right:18px;bottom:20px;z-index:3;background:var(--paper);color:var(--ink);font-size:12px;padding:6px 10px;border-radius:3px;}
.media-slider .slider-dots {flex-wrap:nowrap;width:auto;max-width:none;padding:8px 10px;gap:4px;}
.media-slider .slider-dot {width:26px;height:26px;padding:0;border:0;background:transparent;box-shadow:none;position:relative;}
.media-slider .slider-dot::after {content:'';position:absolute;inset:8px;border:1px solid var(--white);border-radius:50%;}
.media-slider .slider-dot.is-active {background:transparent;}
.media-slider .slider-dot.is-active::after {background:var(--clay);border-color:var(--clay);}
.example-section { background:var(--paper); }
.example-heading { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; margin-bottom:30px; }
.example-heading h2 { font-size:40px; }
.example-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.example-metric { grid-column:span 2; padding:28px; background:var(--white); border-top:3px solid var(--taupe); border-radius:3px; display:flex; flex-direction:column; gap:16px; }
.example-metric:nth-child(n+4) {grid-column:span 3;}
.example-metric span { font-size:15px; min-height:3em; }
.example-metric strong { font-size:38px; line-height:1.15; margin-top:auto; }
.example-metric small { font-size:12px; color:var(--ink-soft); }
.example-highlight { background:var(--clay-dark); color:var(--white); border-color:var(--clay-dark); }
.example-highlight small {color:var(--paper);}
.apartment-teaser { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; }
.apartment-teaser img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:4px; }
.listing-main { padding-top:84px; }
.listing-note { padding-bottom:70px; }
.gallery-stage { overflow:hidden; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); touch-action:pan-y; }
.gallery-stage img { width:100%; height:100%; min-width:0; min-height:0; object-fit:contain; cursor:default; }
.gallery-caption { max-height:48px; overflow:hidden; line-height:1.4; }
.position-plan {cursor:default;}
.status-pill {width:fit-content;gap:6px;white-space:normal;}
.status-pill .status-pulse {display:inline-block;flex:0 0 7px;width:7px;height:7px;margin:0;background:currentColor;}
.status-pill .status-pulse::before {inset:-3px;border-color:currentColor;}
.map-tooltip {position:absolute;z-index:10;width:260px;max-width:calc(100% - 16px);padding:15px 18px;background:var(--white);color:var(--ink);border:1px solid var(--taupe);border-radius:4px;box-shadow:var(--shadow);font-size:13px;line-height:1.4;pointer-events:auto;}
.map-tooltip strong,.map-tooltip span {display:block;}
.map-tooltip strong {font-size:16px;}
.map-tooltip span {margin:5px 0;color:var(--clay-dark);font-weight:700;}
.map-tooltip p {font-size:12px;margin:7px 0 0;}
.map-tooltip[hidden] {display:none;}
.entry-transition {position:fixed;inset:0;z-index:1000;pointer-events:none;display:grid;place-items:center;background:var(--clay-dark);color:var(--white);clip-path:inset(100% 0 0);}
.entry-transition strong {font-size:44px;text-align:center;padding:24px;}
.journey-enter .hero-content {animation:journey-arrive .6s ease both;}
@keyframes journey-arrive {from {opacity:0;transform:translateY(22px);} to {opacity:1;transform:none;}}
.contact-person a {overflow-wrap:anywhere;}
.contact-person .contact-portrait {width:104px;height:104px;aspect-ratio:1;object-fit:cover;align-self:start;}
@media(max-width:1100px) {
 .profile-hero .hero-shell {padding-bottom:24px;}
 .profile-hero .hero-facts {margin-top:0;}
 .contact-person .contact-portrait {width:90px;height:90px;}
}
@media(max-width:760px) {
 .contact-people .contact-person {grid-template-columns:88px minmax(0,1fr);align-items:start;gap:16px;}
 .contact-person .contact-portrait {width:88px;height:88px;}
 .contact-person h3 {font-size:18px;}
 .contact-person p,.contact-person a {font-size:14px;}
}
@media(max-width:380px) {
 .contact-people .contact-person {grid-template-columns:minmax(0,1fr);}
 .contact-person .contact-portrait {width:112px;height:112px;}
}
.section-inner > *, .detail-hero-grid > *, .detail-section-grid > * {min-width:0;}
.feature-item h3 {overflow-wrap:anywhere;}
@media(max-width:1100px) {
 .model-year-grid {grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:22px;}
 .model-year-summary {padding:24px;}
 .model-year-values {grid-template-columns:repeat(2,minmax(0,1fr));}
 .funding-number.funding-amount {font-size:34px;}
 .profile-hero .hero-shell {grid-template-columns:minmax(0,1fr);}
 .profile-hero .hero-showcase {display:none;}
 .profile-hero .hero-content {width:100%;max-width:680px;}
 .funding-layout {gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);}
 .funding-copy h2 {font-size:34px;}
 .funding-number {font-size:68px;min-height:165px;}
 .funding-word {font-size:26px;}
 .funding-metric {gap:16px;}
 .funding-metric h3 {font-size:18px;}
 .site-header .nav-toggle {display:flex;}
 .site-header .site-nav {display:none;position:absolute;top:100%;left:0;right:0;padding:20px;background:var(--clay-dark);flex-direction:column;align-items:stretch;gap:4px;}
 .site-header .site-nav.is-open {display:flex;}
 .site-header .site-nav a {padding:10px 16px;color:var(--white);min-height:44px;}
 .entry-page .site-header .nav-toggle {display:none;}
 .example-metric {padding:22px;}
 .example-metric strong {font-size:30px;}
 .detail-section-grid {grid-template-columns:1fr 1fr;}
 .contact-grid {grid-template-columns:1fr;}
 .contact-people {display:grid;grid-template-columns:1fr 1fr;gap:22px;}
 .contact-person {grid-template-columns:90px minmax(0,1fr);}
}
@media(max-width:760px) {
 .model-year-grid {grid-template-columns:minmax(0,1fr);}
 .model-year-image {min-height:0;aspect-ratio:4/3;}
 .model-year-summary {padding:24px 20px;}
 .model-equity strong {font-size:40px;}
 .model-year-values strong {font-size:26px;}
 .funding-number.funding-amount {font-size:27px;}
 .location-highlights {grid-template-columns:1fr;}
 .anniversary-logo {width:150px;}
 .media-slider .slider-dots {bottom:12px;}
 .slider-counter {right:10px;bottom:16px;font-size:11px;}
 [id] {scroll-margin-top:90px;}
 .profile-hero h1 {font-size:42px;}
 .funding-layout,.example-heading,.apartment-teaser,.detail-hero-grid,.detail-section-grid {grid-template-columns:1fr;gap:28px;}
 .funding-copy h2 {max-width:22ch;font-size:32px;}
 .funding-metric {grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
 .funding-number {font-size:62px;min-height:150px;}
 .funding-word {font-size:23px;}
 .funding-metric h3 {font-size:17px;}
 .funding-metric p {font-size:12px;}
 .example-heading h2 {font-size:32px;}
 .example-metrics {grid-template-columns:1fr 1fr;gap:12px;}
 .example-metric,.example-metric:nth-child(n+4) {grid-column:auto;padding:18px;}
 .example-metric.example-highlight {grid-column:1/-1;}
 .example-metric strong {font-size:26px;}
 .example-metric span {font-size:13px;}
 .contact-people {grid-template-columns:1fr;}
 .listing-main {padding-top:66px;}
 .gallery-stage {inset:60px 8px 100px;}
 .gallery-caption {bottom:18px;max-height:66px;}
 .neighborhood-pin {width:32px;height:32px;}
 .entry-transition strong {font-size:32px;}
}
@media(max-width:380px) {
 .funding-number.funding-amount {font-size:23px;}
 .model-year-values strong {font-size:23px;}
 .profile-hero h1 {font-size:36px;}
 .funding-number {font-size:52px;}.funding-word {font-size:21px;}
 .example-metrics {grid-template-columns:1fr;}.example-metric:last-child {grid-column:auto;}
 .example-metric span {min-height:0;}
}
@media(prefers-reduced-motion:reduce) {.journey-enter .hero-content {animation:none;}}