.cfms-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(110px,14vw,200px) 0 clamp(80px,10vw,140px)}
.cfms-hero__bg{position:absolute;inset:0;z-index:-2}
.cfms-hero__bg img{width:100%;height:100%;object-fit:cover}
.cfms-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,16,17,.95) 25%,rgba(20,16,17,.62) 70%,rgba(20,16,17,.45)),linear-gradient(180deg,transparent 60%,var(--bg))}
.cfms-hero .cfcl-h1 em,.cfms .cfcl-h2 em{font-style:normal;background:linear-gradient(110deg,var(--bronze-lt),var(--bronze));-webkit-background-clip:text;background-clip:text;color:transparent}
.cfcl .cfms-pillars{font-family:var(--display)!important;font-size:clamp(18px,2vw,24px);letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-lt);margin:26px 0 14px!important}
.cfms-hero .cfcl-lead{max-width:60ch}

.cfms-ways .cfcl-lead{max-width:70ch}
.cfms-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.cfms-three__card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px;transition:border-color .3s,transform .3s var(--ease)}
.cfms-three__card:hover{border-color:var(--bronze-line);transform:translateY(-4px)}
.cfcl .cfms-three__n{display:block;font-family:var(--display)!important;font-size:13px;letter-spacing:.2em;color:var(--bronze-lt);margin-bottom:18px}
.cfms-three__card h3{font-size:30px!important;margin-bottom:10px!important}
.cfms-three__card p{color:var(--muted)}

.cfms-nav{position:sticky;top:0;z-index:50;background:rgba(20,16,17,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cfms-nav__in{display:flex;justify-content:center;gap:10px;padding-top:12px;padding-bottom:12px;overflow-x:auto;scrollbar-width:none}
.cfms-nav__in::-webkit-scrollbar{display:none}
.cfcl .cfms-pill{font-family:var(--display)!important;font-size:13px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:13px 22px;border-radius:999px;border:1px solid var(--line-lt);color:var(--muted);transition:all .25s}
.cfcl .cfms-pill:hover{color:var(--ink);border-color:var(--bronze-line)}
.cfcl .cfms-pill.is-on{background:linear-gradient(120deg,var(--bronze),var(--bronze-lt));border-color:transparent;color:#141011}
.cfms-pill:focus-visible{outline:2px solid var(--bronze-lt);outline-offset:3px}

.cfms-tier{padding:clamp(70px,9vw,120px) 0;border-bottom:1px solid var(--line);scroll-margin-top:70px}
.cfms-tier--performance{background:radial-gradient(circle at 90% 0%,rgba(174,124,88,.2),transparent 50%),var(--bg-2)}
.cfms-tier--studio{background:var(--bg)}
.cfms-tier--neighborhood{background:var(--bg-2)}
.cfms-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:60px}
.cfms-strip__p{position:relative;margin:0;height:300px;border-radius:20px;overflow:hidden;isolation:isolate;border:1px solid var(--line)}
.cfms-strip__p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2;transition:transform .9s var(--ease)}
.cfms-strip__p:hover img{transform:scale(1.05)}
.cfms-strip__p::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgba(20,16,17,.9))}
.cfms-strip__p figcaption{position:absolute;left:22px;right:22px;bottom:20px;display:flex;flex-direction:column;gap:2px}
.cfcl .cfms-strip__p figcaption span{font-family:var(--display)!important;font-size:18px;text-transform:uppercase;color:var(--ink);line-height:1.1}
.cfcl .cfms-strip__p .cfms-strip__n{font-size:12px;letter-spacing:.2em;color:var(--bronze-lt);margin-bottom:6px}
.cfcl .cfms-strip__p .cfms-strip__s{font-family:var(--body)!important;font-size:14px;text-transform:none;color:var(--muted)}
.cfms-tier__head{display:block;margin-bottom:46px}
.cfms-tier__copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(24px,4vw,64px);align-items:start;margin-top:26px}
.cfcl .cfms-badge{display:inline-block;margin-bottom:18px;padding:7px 14px;border-radius:999px;background:var(--bronze-dim);border:1px solid var(--bronze-line);font-family:var(--display)!important;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-lt)}
.cfms-tier__name{font-size:clamp(56px,8vw,112px)!important}
.cfcl .cfms-tier--performance .cfms-tier__name{color:var(--bronze-lt)!important}
.cfcl .cfms-slab{font-family:var(--display)!important;font-size:clamp(22px,2.4vw,30px);line-height:1.15;text-transform:uppercase;color:var(--ink);margin-bottom:16px!important}
.cfms-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cfms-group{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px}
.cfcl .cfms-group__l{font-family:var(--display)!important;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze-lt);margin-bottom:16px!important}
.cfms-group ul{display:flex;flex-direction:column;gap:12px}
.cfms-group li{position:relative;padding-left:26px;color:var(--ink);font-size:15.5px;line-height:1.5}
.cfms-group li::before{content:'';position:absolute;left:0;top:7px;width:14px;height:8px;border-left:2px solid var(--bronze-lt);border-bottom:2px solid var(--bronze-lt);transform:rotate(-45deg)}
.cfms-best{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:22px;padding:26px 30px;border-radius:20px;border:1px solid var(--bronze-line);background:linear-gradient(120deg,rgba(174,124,88,.12),transparent)}
.cfms-best .cfms-group__l{margin-bottom:8px!important}
.cfms-best__t{font-size:18px;color:var(--ink);max-width:62ch}
.cfms-best .cfx-btn{flex:none;padding:16px 26px}

.cfms-table{margin-top:34px;overflow-x:auto;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.cfms-table:focus-visible{outline:2px solid var(--bronze-lt);outline-offset:3px}
.cfms-table table{width:100%;min-width:640px;border-collapse:collapse;margin:0!important;border:0!important}
.cfms-table th,.cfms-table td{padding:15px 18px!important;border:0!important;border-bottom:1px solid var(--line)!important;text-align:center;color:var(--ink);font-size:15px}
.cfcl .cfms-table thead th{font-family:var(--display)!important;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze-lt);background:var(--surface-2)}
.cfms-table .cfms-fc{text-align:left;font-weight:400;position:sticky;left:0;background:var(--surface);z-index:1}
.cfms-table thead .cfms-fc{background:var(--surface-2)}
.cfcl .cfms-table th,.cfcl .cfms-table td{color:var(--ink)!important}
.cfcl .cfms-table thead th{color:var(--bronze-lt)!important}
.cfcl .cfms-table .cfms-grp th{text-align:left;font-family:var(--display)!important;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)!important;background:var(--bg-2)}
.cfms-table .cfms-grp th span{position:sticky;left:18px;font-family:inherit!important}
.cfms-y{color:var(--bronze-lt);font-size:18px}
.cfms-n{color:var(--faint)}
.cfcl .cfms-v{font-family:var(--display)!important;color:var(--bronze-lt)}
.cfms-note{margin-top:16px!important;color:var(--faint);font-size:14px}

.cfms-cta{padding:clamp(90px,12vw,160px) 0;text-align:center;background:radial-gradient(circle at 50% 110%,rgba(174,124,88,.3),transparent 55%),var(--bg)}
.cfms-cta .cfcl-lead{margin-left:auto!important;margin-right:auto!important}
.cfms-cta .cfcl-ctas{justify-content:center}

@media (max-width:1020px){
  .cfms-three,.cfms-groups{grid-template-columns:1fr}
  .cfms-tier__copy{grid-template-columns:1fr}
  .cfms-strip{grid-template-columns:1fr;gap:12px}
  .cfms-strip__p{height:190px}
  .cfms-best{flex-direction:column;align-items:flex-start}
}
@media (max-width:620px){
  .cfms-nav__in{justify-content:center;gap:6px;padding-left:10px;padding-right:10px}
  .cfcl .cfms-pill{padding:11px 13px;font-size:11px;letter-spacing:.08em}
  .cfms-table th,.cfms-table td{padding:12px 12px!important;font-size:13.5px}
  .cfms-table .cfms-fc{max-width:160px}
}
.cfms-hero .cfcl-h1{font-size:clamp(46px,6.4vw,96px)!important}
.cfms-tier__name{font-size:clamp(40px,11vw,112px)!important;overflow-wrap:break-word}
@media (max-width:620px){.cfms-hero .cfcl-h1{font-size:clamp(34px,10vw,52px)!important}}
