/* KETURAH × FAM — project-page detail sections (injected by kxf-detail.js).
   Built on the live KETURAH tokens; champagne accent #9a906c. */
:root{ --kxd-accent:#9a906c; }
.kxd{display:block}
.kxd-sec{max-width:var(--container);margin:0 auto;padding:clamp(56px,7vw,108px) var(--gutter);border-top:1px solid var(--line)}
.kxd-band{max-width:var(--container);margin:0 auto;padding:clamp(64px,8vw,120px) var(--gutter);text-align:center;border-top:1px solid var(--line)}
.kxd-band .e,.kxd-head .e{display:block;font-family:var(--ff-sans);font-size:9px;letter-spacing:.34em;text-transform:uppercase;color:var(--kxd-accent);margin-bottom:16px}
.kxd-band h2{font-family:var(--ff-serif);font-weight:400;font-size:clamp(30px,4.4vw,60px);line-height:1.04;margin:0;color:var(--ink)}
.kxd-band p{max-width:720px;margin:22px auto 0;font-size:14px;line-height:1.85;color:var(--ink-3)}

.kxd-head{text-align:center;margin:0 auto clamp(34px,4vw,56px);max-width:780px}
.kxd-head h2{font-family:var(--ff-serif);font-weight:400;font-size:clamp(28px,3.8vw,50px);line-height:1.05;margin:0;color:var(--ink)}
.kxd-head .sub{margin-top:14px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4)}
.kxd-lead{max-width:760px;margin:clamp(26px,3vw,40px) auto 0;text-align:center;font-size:13.5px;line-height:1.85;color:var(--ink-3)}

/* stats / metrics */
.kxd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
@media(max-width:760px){.kxd-stats{grid-template-columns:repeat(2,1fr)}}
.kxd-metric{background:var(--bg,#000);padding:clamp(22px,3vw,34px) clamp(16px,2vw,24px);text-align:center}
.kxd-metric .n{font-family:var(--ff-serif);font-weight:400;font-size:clamp(26px,3.4vw,44px);line-height:1;color:var(--ink)}
.kxd-metric .l{margin-top:11px;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-4)}

/* location / connectivity */
.kxd-dist{list-style:none;margin:0 auto;padding:0;max-width:var(--container);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
@media(max-width:760px){.kxd-dist{grid-template-columns:1fr}}
.kxd-dist li{background:#050505;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px clamp(18px,2.4vw,28px)}
.kxd-dist .p{font-size:12.5px;color:var(--ink-2)}
.kxd-dist .t{font-family:var(--ff-serif);font-size:20px;color:var(--ink);white-space:nowrap}

/* cards (facilities / pillars) */
.kxd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
@media(max-width:860px){.kxd-cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.kxd-cards{grid-template-columns:1fr}}
.kxd-card{border:1px solid var(--line);background:#070707;padding:clamp(22px,2.6vw,34px);transition:border-color .4s var(--ease)}
.kxd-card:hover{border-color:var(--line-2)}
.kxd-card h4{font-family:var(--ff-serif);font-weight:400;font-size:21px;line-height:1.1;margin:0 0 12px;color:var(--ink)}
.kxd-card p{font-size:12.5px;line-height:1.75;color:var(--ink-3);margin:0}

/* WELL concept chips */
.kxd-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:780px;margin:clamp(26px,3vw,40px) auto 0}
.kxd-chip{font-family:var(--ff-sans);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line-2);border-radius:999px;padding:10px 18px}

/* two-column lists */
.kxd-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,64px);max-width:920px;margin:0 auto}
@media(max-width:640px){.kxd-cols{grid-template-columns:1fr;gap:0}}
.kxd-cols ul{list-style:none;margin:0;padding:0}
.kxd-cols li{position:relative;padding:14px 0 14px 24px;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--ink-2)}
.kxd-cols li::before{content:"";position:absolute;left:0;top:22px;width:11px;height:1px;background:var(--kxd-accent)}

/* statement */
.kxd-quote{max-width:var(--container);margin:0 auto;padding:clamp(60px,8vw,120px) var(--gutter);text-align:center;border-top:1px solid var(--line)}
.kxd-quote h2{font-family:var(--ff-serif);font-weight:400;font-style:italic;font-size:clamp(26px,4vw,52px);line-height:1.1;margin:0;color:var(--ink)}
.kxd-quote .c{margin-top:22px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-4)}

/* developer */
.kxd-dev .kxd-head h2{font-size:clamp(26px,3.2vw,42px)}

/* payment */
.kxd-pay{max-width:620px;margin:0 auto;border:1px solid var(--line)}
/* multiple payment plans side by side */
.kxd-payplans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:clamp(14px,1.8vw,24px);max-width:var(--container);margin:0 auto;align-items:start}
.kxd-payplan{border:1px solid var(--line);background:#070707}
.kxd-payname{font-family:var(--ff-serif);font-weight:400;font-size:20px;color:var(--ink);padding:18px clamp(18px,2.4vw,26px) 14px;border-bottom:1px solid var(--line-2);letter-spacing:.01em}
.kxd-payrow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(18px,2.4vw,26px);border-bottom:1px solid var(--line);font-family:var(--ff-sans)}
.kxd-payrow:last-child{border-bottom:0}
.kxd-payrow span{font-size:12px;color:var(--ink-2);letter-spacing:.02em}
.kxd-payrow b{font-family:var(--ff-serif);font-weight:400;font-size:20px;color:var(--ink);white-space:nowrap}
.kxd-note{max-width:760px;margin:20px auto 0;text-align:center;font-size:10px;letter-spacing:.04em;color:var(--ink-4);line-height:1.7}
