.collection {
  --frame: 1140px;
  --green: #1c3027;
  --paper: #f7f4ed;
  --white: #fffcf6;
  --ink: #252d26;
  --gold: #e0c695;
}
.frame {width:min(var(--frame),calc(100% - 88px));margin-inline:auto}
.section-space {padding-block:86px}
.collection main h2 {font-size:clamp(2.25rem,4.35vw,3.8rem)}
.collection .button {border-radius:2px}
.collection .section-label {margin-bottom:10px}
.topbar {background:var(--paper)}
.topbar-inner {min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:center}
.collection-mark {display:inline-flex;flex-direction:column;align-items:flex-start;width:max-content;font:400 1.35rem/1 var(--serif);color:var(--green)}
.collection-mark small {font:700 .56rem/1 var(--sans);letter-spacing:.21em;margin-top:6px}
.topbar-inner > .button {justify-self:end}
.topbar nav {gap:26px}
.collection-hero {position:relative;isolation:isolate;min-height:606px;display:grid;align-items:center;color:#fffaf0;background:#17302a}
.collection-photo,.collection-hero::before {position:absolute;inset:0;z-index:-2}
.collection-photo img {width:100%;height:100%;object-fit:cover;object-position:50% 56%}
.collection-hero::before {content:"";z-index:-1;background:linear-gradient(90deg,#11241de8 0%,#132821aa 43%,#13282119 92%),linear-gradient(0deg,#12241fad,transparent 38%)}
.billboard {padding-block:76px}
.billboard .eyebrow {color:#f0d8ac;margin-bottom:19px}
.billboard h1 {font-size:clamp(3.12rem,6.1vw,6.35rem);line-height:.99;letter-spacing:-.056em;max-width:850px;text-wrap:balance}
.billboard > p:not(.eyebrow) {margin-block:20px 25px;max-width:470px;font-size:1.05rem}
.billboard .button {min-height:52px;padding-inline:18px}
.hero-caption {position:absolute;right:max(20px,calc((100vw - var(--frame))/2));bottom:12px;font-size:.68rem}
.compare h2 {margin-bottom:23px}
.compare-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.project-card {display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:var(--white);overflow:hidden}
.project-photo {display:block;overflow:hidden}
.project-photo img {width:100%;height:clamp(160px,23vw,280px);object-fit:cover;object-position:center 51%}
.project-card:nth-child(2) img {object-position:center 39%}
.project-card-content {padding:24px;display:flex;flex-direction:column;height:100%}
.project-card h3 {font-size:clamp(1.6rem,3vw,2.4rem)}
.project-card h3 a:hover {text-decoration:underline;text-underline-offset:4px}
.project-card dl {margin:19px 0 0}
.project-card dl div {display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line)}
.project-card dt {color:var(--muted);font-size:.85rem}
.project-card dd {font-weight:700;margin:0;text-align:right}
.small-detail {font-weight:500;font-size:.75em;white-space:nowrap}
.project-price {border-top:1px solid var(--line);padding:14px 0 15px;margin-top:auto}
.project-price p {font-size:.78rem;color:var(--muted)}
.project-price strong {display:block;font:400 clamp(1.35rem,2.9vw,2.4rem)/1.15 var(--serif);letter-spacing:-.027em}
.project-price small {display:block;color:var(--muted);font-size:.69rem;margin-top:6px}
.project-button {align-self:flex-start}
.under-note {font-size:.76rem;margin-top:13px;color:var(--muted)}
.project-feature {padding-block:68px}
.feature-grid {display:grid;grid-template-columns:1.03fr 1fr;gap:54px;align-items:center}
.gran-feature {background:var(--green);color:#fffaf0}
.gran-feature .section-label,.gran-feature .plan-link {color:var(--gold)}
.singular-feature {background:#ebe5d9}
.singular-feature .feature-photo {order:2}
.feature-photo img,.neighborhood-photo img {width:100%;aspect-ratio:1.43;object-fit:cover}
.feature-photo figcaption,.neighborhood-photo figcaption {font-size:.71rem;margin-top:7px;opacity:.83}
.feature-content > p:not(.eyebrow) {margin-top:13px}
.feature-facts {margin:17px 0 19px}
.feature-facts div {display:grid;grid-template-columns:100px 1fr;gap:8px;padding:9px 0;border-top:1px solid #97917b56}
.feature-facts dt {font-weight:700;font-size:.88rem}
.feature-facts dd {margin:0;font-size:.88rem}
.feature-actions {display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.plan-link {display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:.86rem;text-decoration:underline;text-underline-offset:3px}
.neighborhood {background:var(--white)}
.neighborhood-grid,.form-grid {display:grid;grid-template-columns:.94fr 1.06fr;gap:58px;align-items:center}
.neighborhood h2+p {margin-top:16px}
.neighborhood ul {display:flex;gap:7px;flex-wrap:wrap;margin:19px 0 0;padding:0;list-style:none}
.neighborhood li {border:1px solid #d2cac0;font-size:.8rem;padding:5px 10px}
.neighborhood-photo img {aspect-ratio:1.68;object-position:54% 61%}
.agent-section {display:flex;gap:35px;align-items:center}
.agent-photo {width:200px;aspect-ratio:1;object-fit:cover;border-radius:4px;flex:none}
.agent-bio {max-width:750px}
.agent-role {font-weight:700;margin:10px 0 9px}
.agent-registration {font-weight:700;margin-top:12px;color:#705a37}
.contact-block {color:#fffaf0;background:var(--green)}
.contact-block h2+p {margin-top:14px;max-width:370px}
.short-form {display:grid;gap:7px;padding:24px;background:var(--white);color:var(--ink)}
.short-form label {font-size:.81rem;font-weight:700}
.short-form input:not([type=hidden]),.short-form select {height:46px;width:100%;min-width:0;font:inherit;color:var(--ink);background:#fffdf8;padding:7px 11px;border:1px solid #bdb3a0;border-radius:2px;margin-bottom:7px}
.short-form button {min-height:49px}
.short-form p {font-size:.73rem;color:var(--muted);margin-top:2px}
.collection .faq-grid {gap:42px}
.collection-footer {background:#ebe5d9;padding-block:34px;color:var(--muted);font-size:.79rem}
.footer-layout {display:grid;grid-template-columns:1fr 1.4fr;gap:30px}
.footer-layout .collection-mark {margin-bottom:11px}
.footer-layout p+p {margin-top:7px}
.footer-layout a[href^="tel:"] {display:inline-block;margin-top:5px;font-weight:700}
.sticky-contact {display:none}

@media(max-width:760px) {
  .frame {width:calc(100% - 40px)}
  .topbar-inner {display:flex;justify-content:space-between;min-height:62px;gap:8px}
  .topbar nav {display:none}
  .section-space {padding-block:58px}
  .collection-hero {min-height:540px}
  .feature-grid,.neighborhood-grid,.form-grid {gap:28px}
}
@media(max-width:620px) {
  .frame {width:calc(100% - 34px)}
  .collection-mark {font-size:1.08rem}
  .topbar .button {min-height:37px;gap:8px;padding-inline:10px;font-size:.76rem}
  .collection-hero {min-height:505px}
  .collection-photo img {object-position:53% 59%}
  .collection-hero::before {background:linear-gradient(90deg,#11241ecb 0%,#14262070 100%),linear-gradient(0deg,#132621c4,transparent 70%)}
  .billboard {padding-block:48px 51px}
  .billboard h1 {max-width:510px;font-size:clamp(2.8rem,10.4vw,4.9rem);text-wrap:initial}
  .billboard > p:not(.eyebrow) {font-size:.95rem;margin-block:17px 20px}
  .hero-caption {right:17px;font-size:.62rem}
  .section-space {padding-block:45px}
  .compare-grid {gap:9px}
  .project-photo img {height:clamp(100px,29vw,166px)}
  .project-card-content {padding:11px}
  .project-card h3 {font-size:clamp(1.45rem,5.2vw,1.9rem)}
  .project-card dl {margin-top:12px}
  .project-card dl div {display:block;padding:5px 0;min-height:50px}
  .project-card dt {font-size:.69rem}
  .project-card dd {font-size:.82rem;text-align:left}
  .small-detail {display:none}
  .project-price {padding:10px 0}
  .project-price strong {font-size:clamp(1.13rem,4.64vw,1.48rem)}
  .project-price small {font-size:.63rem}
  .project-button {width:100%;min-height:44px;padding:4px 7px;font-size:.7rem;gap:4px}
  .project-button .arrow {display:none}
  .project-feature {padding-block:42px}
  .feature-grid,.neighborhood-grid,.form-grid,.collection .faq-grid,.footer-layout {grid-template-columns:1fr;gap:20px}
  .feature-photo,.singular-feature .feature-photo,.neighborhood-photo {order:2}
  .feature-facts div {grid-template-columns:85px 1fr}
  .agent-section {display:block}
  .agent-photo {width:135px;margin-bottom:15px}
  .short-form {padding:17px}
  .collection-footer {padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .sticky-contact {display:block;position:fixed;bottom:0;left:0;right:0;z-index:4;background:var(--paper);padding:8px 17px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -3px 18px #14221c1f}
  .sticky-contact .button {display:flex}
}