/* ============================================
   JC WILSON RANCHES — Elegant Site Theme
   Shared across all pages (preview build)
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap');

:root{
  --gold:#c4a55a; --gold-soft:#d8c08a; --ink:#1a1917; --ink2:#12110f;
  --cream:#f5f0eb; --warm:#ece5db; --stone:#8a8275; --stone-d:#5e5850;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',-apple-system,system-ui,sans-serif;color:var(--ink);
  background:var(--cream);line-height:1.7;font-weight:300;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{width:min(1180px,90vw);margin:0 auto}
.serif{font-family:'EB Garamond',Georgia,serif}
.eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.preview-flag{background:#3f3a32;color:#cdc3b2;text-align:center;padding:7px;font-size:.78rem;letter-spacing:.04em}

/* ── Header ── */
.head{background:var(--ink);position:sticky;top:0;z-index:30;border-bottom:1px solid #2a261f}
.head.head--transparent{background:transparent;position:absolute;top:0;left:0;right:0;border:none}
.head--transparent .nav a{text-shadow:0 1px 8px rgba(12,11,9,.55)}
.head--transparent .btn-sell{text-shadow:0 1px 8px rgba(12,11,9,.55);background:rgba(18,17,15,.28);backdrop-filter:saturate(120%) blur(2px)}
.head--transparent .btn-sell:hover{background:var(--gold);text-shadow:none}
.head .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0 20px;gap:15px}
.head .brand{display:block;line-height:0;text-align:center}
.head .brand svg{width:clamp(300px,34vw,480px);height:auto}
.head .navline{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.head .nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0;align-items:center;justify-content:center;flex-wrap:wrap}
.head .nav a{color:var(--cream);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
  font-weight:400;opacity:.88;transition:opacity .2s,color .2s}
.head .nav a:hover,.head .nav a.active{opacity:1;color:var(--gold-soft)}
.btn-sell{border:1px solid rgba(196,165,90,.7);color:var(--gold-soft);padding:10px 18px;border-radius:2px;
  font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;transition:.25s}
.btn-sell:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}

/* ── Buttons ── */
.btn{display:inline-block;padding:14px 28px;border-radius:2px;font-size:.74rem;letter-spacing:.2em;
  text-transform:uppercase;border:1px solid var(--gold);transition:.25s;font-weight:400}
.btn.gold{background:var(--gold);color:var(--ink)}
.btn.gold:hover{background:var(--gold-soft);border-color:var(--gold-soft)}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn-dark{display:inline-block;border:1px solid var(--stone-d);color:var(--ink);padding:13px 24px;
  font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;transition:.25s}
.btn-dark:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.btn-infra{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);color:var(--gold-soft);padding:13px 18px;border-radius:2px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:.25s;text-align:center;background:rgba(18,17,15,.18);min-height:44px}
.btn-infra:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}

/* ── Page intro band ── */
.page-band{background:var(--ink2);color:var(--cream);padding:70px 0 60px}
.page-band .eyebrow{display:block;margin-bottom:14px}
.page-band h1{font-family:'EB Garamond',Georgia,serif;font-size:clamp(2.2rem,4vw,3.2rem);
  font-weight:500;margin:0;letter-spacing:.5px}
.page-band p{color:#b8af9e;max-width:680px;margin:14px 0 0;font-weight:300}
.crumb{color:#8f8675;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}
.crumb a:hover{color:var(--gold-soft)}

/* ── Footer ── */
.foot{background:var(--ink);color:var(--cream);padding:64px 0 30px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:40px;align-items:start}
.foot h4{color:var(--gold-soft);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;margin:0 0 16px;font-weight:400}
.foot p,.foot a{color:#a8a08f;font-size:.88rem;margin:0 0 8px;display:block;font-weight:300}
.foot a:hover{color:var(--gold-soft)}
.foot-brandsub{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#6f675a;margin-top:14px}
.foot-copy{text-align:center;color:#6f675a;font-size:.76rem;margin-top:44px;border-top:1px solid #2a261f;
  padding-top:22px;font-weight:300;letter-spacing:.04em}

/* ── Listing detail ── */
.listing{padding:60px 0}
.listing h1{font-family:'EB Garamond',Georgia,serif;font-size:clamp(2rem,3.6vw,2.8rem);font-weight:500;margin:0 0 8px;letter-spacing:.5px}
.listing-meta{color:var(--stone);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;margin:0 0 20px}
.listing-meta .dot{color:var(--gold);margin:0 9px}
.listing-summary{font-family:'EB Garamond',Georgia,serif;font-size:1.3rem;font-style:italic;color:var(--stone-d);max-width:820px;margin:0 0 26px;font-weight:400}
.listing-pending{background:#f6efdc;border-left:2px solid var(--gold);color:#7a5c1f;padding:12px 18px;font-size:.95rem;max-width:820px;margin:0 0 26px}
.listing-hero{margin:0 0 26px;overflow:hidden;border-radius:3px}
.listing-hero img{width:100%;height:auto;display:block}
.listing-detail{display:grid;grid-template-columns:2fr 1fr;gap:44px}
.listing-detail h2{font-family:'EB Garamond',Georgia,serif;font-size:1.4rem;font-weight:500;margin:26px 0 8px;letter-spacing:.4px}
.listing-detail h2:first-child{margin-top:0}
.listing-detail p{color:#4a443b;font-weight:300;margin:0 0 6px;max-width:640px}
.specs{background:#fff;border:1px solid #e8e0d4;padding:26px;align-self:start;position:sticky;top:96px}
.specs h3{font-family:'EB Garamond',Georgia,serif;font-size:1.05rem;font-weight:500;margin:0 0 12px;letter-spacing:.4px}
.specs h3+h3,.specs .sep{margin-top:22px;padding-top:18px;border-top:1px solid #ece5db}
.specs dl{margin:0}
.specs dt{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--stone);margin-bottom:2px}
.specs dd{margin:0 0 14px;font-family:'EB Garamond',Georgia,serif;font-size:1.15rem;color:var(--ink)}
.specs .contact-line{font-size:.95rem;color:var(--stone-d);font-family:'Inter',sans-serif;margin:0 0 6px}
.listing-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
.listing-gallery img{width:100%;height:240px;object-fit:cover;display:block;border-radius:3px;border:1px solid #e8e0d4;transition:transform .25s}
.listing-gallery a:hover img{transform:scale(1.02)}

/* ── Property archive / sold grid ── */
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:34px}
.pcard{background:#fff;display:block;border:1px solid #e8e0d4;transition:transform .3s,box-shadow .3s}
.pcard:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(26,25,23,.13)}
.pcard .pc-img{height:220px;background-size:cover;background-position:center;position:relative}
.pc-tag{position:absolute;top:16px;left:16px;background:rgba(18,17,15,.88);color:var(--gold-soft);
  font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;padding:7px 13px}
.pc-tag.sold{background:#6e2018;color:#f2d9d2}
.pcard .pc-body{padding:24px}
.pcard h3{font-family:'EB Garamond',Georgia,serif;font-size:1.4rem;font-weight:500;margin:0 0 8px;letter-spacing:.4px}
.pc-meta{color:var(--stone);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px}
.pc-meta .dot{color:var(--gold);margin:0 8px}
.pc-feats{color:var(--stone-d);font-size:.9rem;margin:0 0 14px;font-weight:300}
.pc-price{font-family:'EB Garamond',Georgia,serif;font-size:1.3rem;color:var(--ink);margin:0;font-weight:500}

/* ── About page ── */
.about-wrap{padding:64px 0}
.about-grid{display:grid;grid-template-columns:330px 1fr;gap:54px;align-items:start}
.about-portrait img{width:100%;border-radius:3px;border:1px solid #e0d6c6;box-shadow:0 12px 30px rgba(26,25,23,.16)}
.about-portrait .pname{font-family:'EB Garamond',Georgia,serif;font-size:1.6rem;font-weight:500;margin:18px 0 2px}
.about-portrait .prole{color:var(--stone);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px}
.about-portrait .pcontact a{display:block;color:var(--stone-d);font-size:.95rem;margin-bottom:4px}
.about-portrait .pcontact a:hover{color:var(--gold)}
.about-stats{display:flex;gap:30px;flex-wrap:wrap;margin:0 0 28px}
.about-stats .s b{font-family:'EB Garamond',Georgia,serif;font-size:2rem;font-weight:500;color:var(--ink);display:block;line-height:1}
.about-stats .s span{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--stone)}
.about-body p{color:#4a443b;font-weight:300;margin:0 0 16px;max-width:680px}
.about-body h2{font-family:'EB Garamond',Georgia,serif;font-size:2rem;font-weight:500;margin:0 0 18px;letter-spacing:.4px}

/* ── Map page ── */
.map-page{background:var(--ink2);color:var(--cream);padding:70px 0}
.map-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center}
.map-intro h2{font-family:'EB Garamond',Georgia,serif;font-size:2.4rem;font-weight:500;margin:0 0 12px;color:#fff;letter-spacing:.4px}
.map-intro p{color:#b8af9e;max-width:400px;font-weight:300}
.map-statnum{font-family:'EB Garamond',Georgia,serif;font-size:3.6rem;font-weight:500;color:var(--gold-soft);line-height:1;margin:22px 0 2px}
.map-statlbl{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#8f8675}
.map-legend{display:flex;flex-direction:column;gap:11px;font-size:.85rem;color:#b8af9e;margin-top:24px;font-weight:300}
.map-legend span{display:inline-flex;align-items:center;gap:11px}
.lg-a{width:11px;height:11px;border-radius:50%;background:#7ea66b;box-shadow:0 0 0 4px rgba(126,166,107,.22)}
.lg-s{width:11px;height:11px;border-radius:2px;background:var(--gold)}
.lg-o{color:var(--gold);font-size:.9rem}
.tx-map{width:100%;height:auto;filter:drop-shadow(0 16px 36px rgba(0,0,0,.55))}
.tx-map .county{fill:#2a261f;stroke:var(--ink2);stroke-width:.6;transition:fill .15s}
.tx-map .county.t{fill:var(--gold)}
.tx-map .county:hover{fill:var(--gold-soft);cursor:pointer}
.tx-map .marker-dot{fill:#fff}
.tx-map .marker-ring{fill:none;stroke:#7ea66b;stroke-width:2}
.map-tooltip{position:fixed;pointer-events:none;background:var(--ink);color:var(--cream);border:1px solid #4d4639;
  border-radius:3px;padding:7px 12px;font-size:.82rem;opacity:0;transition:opacity .12s;z-index:60;white-space:nowrap;font-weight:300}

/* ── Contact page ── */
.contact-wrap{padding:64px 0}
.contact-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:54px;align-items:start}
.contact-info .eyebrow{display:block;margin-bottom:14px}
.contact-info h2{font-family:'EB Garamond',Georgia,serif;font-size:2rem;font-weight:500;margin:0 0 18px;letter-spacing:.4px}
.contact-info p{color:#4a443b;font-weight:300;margin:0 0 22px;max-width:420px}
.contact-block{margin:0 0 22px;padding-bottom:22px;border-bottom:1px solid #e0d6c6}
.contact-block:last-of-type{border-bottom:none}
.contact-block .lbl{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--stone);margin-bottom:5px}
.contact-block .val{font-family:'EB Garamond',Georgia,serif;font-size:1.25rem;color:var(--ink)}
.contact-block .val a:hover{color:var(--gold)}
.contact-block .sub{font-size:.9rem;color:var(--stone-d);font-weight:300}
.form-card{background:#fff;border:1px solid #e8e0d4;padding:40px;box-shadow:0 10px 30px rgba(26,25,23,.06)}
.form-card h3{font-family:'EB Garamond',Georgia,serif;font-size:1.5rem;font-weight:500;margin:0 0 6px;letter-spacing:.4px}
.form-card .form-sub{color:var(--stone-d);font-size:.92rem;font-weight:300;margin:0 0 26px}
.field{margin-bottom:20px}
.field label{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--stone-d);margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #d8cdbb;border-radius:2px;
  background:var(--cream);font-family:'Inter',sans-serif;font-size:.95rem;font-weight:300;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(196,165,90,.16)}
.field textarea{min-height:130px;resize:vertical}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.inquiry-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.inquiry-tabs label{flex:1;min-width:120px;border:1px solid #d8cdbb;border-radius:2px;padding:12px 10px;text-align:center;
  font-size:.74rem;letter-spacing:.08em;cursor:pointer;color:var(--stone-d);transition:.2s;text-transform:none}
.inquiry-tabs input{position:absolute;opacity:0;pointer-events:none}
.inquiry-tabs input:checked+span{color:var(--ink);font-weight:500}
.inquiry-tabs label:has(input:checked){border-color:var(--gold);background:#faf4e7;box-shadow:inset 0 0 0 1px var(--gold)}
.btn-submit{width:100%;background:var(--gold);color:var(--ink);border:1px solid var(--gold);padding:16px;border-radius:2px;
  font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:.25s;font-family:'Inter',sans-serif;font-weight:500}
.btn-submit:hover{background:var(--gold-soft);border-color:var(--gold-soft)}
.form-note{font-size:.8rem;color:var(--stone);font-weight:300;margin:14px 0 0;text-align:center}
.form-eval-flag{background:#faf4e7;border-left:2px solid var(--gold);padding:12px 16px;font-size:.9rem;color:#7a5c1f;margin:0 0 24px;display:none}
.form-error{display:none;background:#f7e9e6;border-left:2px solid #8b3a2f;color:#7a2018;padding:12px 16px;font-size:.9rem;margin:0 0 16px;font-weight:300}
.form-success{display:none;text-align:center;padding:30px 10px}
.form-success .fs-mark{width:58px;height:58px;line-height:58px;margin:0 auto 18px;border-radius:50%;background:#e7efe3;color:#3d5a3a;font-size:1.7rem}
.form-success h4{font-family:'EB Garamond',Georgia,serif;font-size:1.5rem;font-weight:500;margin:0 0 10px;color:var(--ink)}
.form-success p{color:var(--stone-d);font-weight:300;font-size:.95rem;margin:0;max-width:380px;margin:0 auto}
.form-success a{color:var(--gold)}

@media(max-width:900px){
  .head .nav{display:none}
  .contact-grid{grid-template-columns:1fr;gap:40px}
  .form-card{padding:28px}
  .field-row{grid-template-columns:1fr}
  .listing-detail{grid-template-columns:1fr}
  .specs{position:static}
  .listing-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-grid{grid-template-columns:1fr}
  .about-portrait{max-width:330px}
  .map-wrap{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .listing-gallery{grid-template-columns:1fr}
}

/* ── Data center readiness page ── */
.dc-hero{background-size:cover;background-position:center;color:var(--cream);padding:86px 0 76px;border-bottom:1px solid #2a261f}
.dc-hero .eyebrow{display:block;margin-bottom:16px}
.dc-hero h1{font-family:'EB Garamond',Georgia,serif;font-size:clamp(3rem,6.2vw,5.6rem);font-weight:500;line-height:.98;margin:0 0 22px;max-width:850px}
.dc-hero p{font-size:1.08rem;color:#d7cfbf;max-width:780px;margin:0 0 26px;font-weight:300}
.dc-note{font-size:.84rem;color:#aaa191;border-left:1px solid var(--gold);padding-left:16px;max-width:800px}
.dc-wrap{padding:68px 0;background:var(--cream)}
.dc-tight{padding-top:0}
.dc-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,520px);gap:42px;align-items:end;margin-bottom:28px}
.dc-section-head h2{font-family:'EB Garamond',Georgia,serif;font-size:clamp(2.1rem,3.6vw,3.1rem);font-weight:500;line-height:1.05;margin:0;color:var(--ink)}
.dc-section-head p{color:var(--stone-d);margin:0;font-weight:300}
.dc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:start}
.dc-panel{background:#fff;border:1px solid #e8e0d4;box-shadow:0 14px 36px rgba(26,25,23,.06)}
.dc-panel-pad{padding:28px}
.dc-map-panel{overflow:hidden}
.dc-mapbox{height:330px;background:#f7f2ea;position:relative;border-bottom:1px solid #e8e0d4;display:flex;align-items:center;justify-content:center}
.dc-mapbox svg{width:86%;height:auto;opacity:.82}
.dc-marker{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 12px rgba(0,0,0,.25);cursor:pointer;transform:translate(-50%,-50%)}
.dc-marker.very{background:#2f7d49}.dc-marker.high{background:#2f668e}.dc-marker.watch{background:#c4a55a}.dc-marker.active{outline:4px solid rgba(196,165,90,.32);transform:translate(-50%,-50%) scale(1.25)}
.m-abilene{left:53%;top:49%}.m-childress{left:51%;top:34%}.m-sweetwater{left:41%;top:55%}.m-carson{left:45%;top:25%}.m-dickens{left:43%;top:42%}.m-webb{left:56%;top:78%}.m-albany{left:56%;top:45%}.m-munday{left:54%;top:42%}
.dc-signal-list{display:grid;gap:10px;background:#fff;padding:18px;border:1px solid #e8e0d4}
.dc-signal{border:1px solid #ece5db;border-left:4px solid var(--gold);padding:12px 14px;cursor:pointer;transition:.2s;background:#fff;text-align:left;width:100%;font:inherit;color:inherit}
.dc-signal:hover,.dc-signal.active{transform:translateY(-1px);box-shadow:0 10px 22px rgba(26,25,23,.08)}
.dc-signal b{display:block;font-family:'EB Garamond',Georgia,serif;font-size:1.15rem;font-weight:500;color:var(--ink)}
.dc-signal span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--stone)}
.dc-signal.very{border-left-color:#2f7d49}.dc-signal.high{border-left-color:#2f668e}.dc-signal.watch{border-left-color:#c4a55a}
.dc-signal-detail{background:var(--ink);color:var(--cream);padding:22px 24px;min-height:132px}
.dc-signal-detail .rank{color:var(--gold-soft);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:7px}
.dc-signal-detail h3{font-family:'EB Garamond',Georgia,serif;font-size:1.65rem;font-weight:500;margin:0 0 6px}.dc-signal-detail p{margin:0;color:#c9c0af}
.dc-scorecard{display:grid;gap:10px}.dc-q{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:13px 14px;border:1px solid #ece5db;background:#fbf8f3}.dc-q p{margin:0;color:#2f2b25;font-size:.95rem}.dc-toggles{display:flex;gap:7px}.dc-toggles button{border:1px solid #d8cdbb;background:#fff;color:var(--stone-d);padding:8px 10px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.dc-toggles button.active{background:var(--ink);color:var(--gold-soft);border-color:var(--ink)}
.dc-score-result{position:sticky;top:104px;background:var(--ink);color:var(--cream);padding:30px;border:1px solid #2a261f}.score-num{font-family:'EB Garamond',Georgia,serif;font-size:4.2rem;line-height:1;color:var(--gold-soft)}.score-label{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#9f9584;margin-bottom:12px}.dc-score-result h3{font-family:'EB Garamond',Georgia,serif;font-size:1.7rem;font-weight:500;margin:0 0 10px}.dc-score-result p{color:#c9c0af;margin:0 0 18px}.score-bar{height:8px;background:#2a261f;overflow:hidden}.score-bar i{display:block;height:100%;width:0;background:var(--gold);transition:.2s}
.dc-criteria{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dc-crit{background:#fff;border:1px solid #e8e0d4;padding:22px}.dc-crit b{display:block;font-family:'EB Garamond',Georgia,serif;font-size:1.3rem;font-weight:500;margin-bottom:6px}.dc-crit p{margin:0;color:var(--stone-d);font-size:.92rem}
.dc-final{background:var(--ink2);color:var(--cream);padding:58px 0}.dc-final .container{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}.dc-final h2{font-family:'EB Garamond',Georgia,serif;font-size:clamp(2rem,3.3vw,2.8rem);font-weight:500;line-height:1.08;margin:7px 0 10px}.dc-final p{color:#c9c0af;margin:0;max-width:760px}.dc-final .btn{white-space:nowrap;color:var(--ink)}
@media(max-width:900px){.dc-section-head,.dc-grid,.dc-final .container{grid-template-columns:1fr}.dc-criteria{grid-template-columns:1fr}.dc-score-result{position:static}.dc-mapbox{height:270px}.dc-hero{padding:62px 0}.dc-final .btn{white-space:normal;text-align:center}}
@media(max-width:600px){.dc-q{grid-template-columns:1fr}.dc-toggles button{flex:1}.dc-toggles{width:100%}}