/* =====================================================================
   CREOSOTERIDGE // Red Rock Desert Ridge
   Palette: mesa-mist #F6F2E8 | canyon-brown #3A2A20 | creosote-green #5E7B4E
            ridge-sandstone #8A5A3C | canyon-deep #4A3226 | bloom-gold #D9A83E
            wash-cream #FCF9F1 | canyon-ink #5A4636 | sand-haze #D9CFC0
            rock-crevice #4E4038 | deeper-canyon #33241A
   Light theme. Unique ridge/trail/desert motif. No semi-transparent text.
   ===================================================================== */

:root{
  --mesa-mist:#F6F2E8;
  --canyon-brown:#3A2A20;
  --creosote-green:#5E7B4E;
  --ridge-sandstone:#8A5A3C;
  --canyon-deep:#4A3226;
  --bloom-gold:#D9A83E;
  --wash-cream:#FCF9F1;
  --canyon-ink:#5A4636;
  --sand-haze:#D9CFC0;
  --rock-crevice:#4E4038;
  --deeper-canyon:#33241A;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}

body{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.7;
  color:var(--canyon-ink);
  background-color:var(--mesa-mist);
  overflow-x:hidden;
}

h1,h2,h3,h4{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;color:var(--canyon-brown);line-height:1.2;margin:0;}
p{margin:0 0 1em;}
a{color:var(--creosote-green);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* ---------------- RIDGE NAV ---------------- */
.ridgenav{position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(58,42,32,.18);}
.ridgenav .horizon{height:16px;background:linear-gradient(180deg,var(--wash-cream) 0 25%, #E9B23C 25% 34%, transparent 34%),var(--mesa-mist);overflow:hidden;border-bottom:1px solid var(--rock-crevice);position:relative;}
.ridgenav .horizon .ridge{position:absolute;bottom:0;left:0;right:0;height:16px;}
.ridgenav .horizon .ridge span{position:absolute;bottom:0;display:block;}
.ridgenav .horizon .fnear{left:0;width:34%;height:9px;background:var(--canyon-deep);}
.ridgenav .horizon .fnear2{left:13%;width:26%;height:13px;background:var(--ridge-sandstone);}
.ridgenav .horizon .fmed{right:8%;width:30%;height:10px;background:var(--creosote-green);}
.ridgenav .horizon .sunns{right:24%;width:6px;height:6px;background:var(--bloom-gold);border-radius:50%;top:1px;}
.ridgenav .bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:var(--ridge-sandstone);}
.ridgenav .brand{display:inline-flex;align-items:center;gap:10px;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-weight:bold;font-size:21px;letter-spacing:2px;color:var(--wash-cream);text-transform:uppercase;}
.ridgenav .brand:hover{text-decoration:none;}
.ridgenav .bushglyph{display:inline-flex;align-items:center;font-size:14px;color:var(--creosote-green);}
.ridgenav .bushglyph .bloom{color:var(--bloom-gold);letter-spacing:0;}
.ridgenav .bushglyph span{color:var(--bloom-gold);}
.ridgenav .links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:13px;letter-spacing:1px;text-transform:uppercase;}
.ridgenav .links a{color:var(--sand-haze);position:relative;padding:2px 0;}
.ridgenav .links a:hover{color:var(--wash-cream);text-decoration:none;}
.ridgenav .links a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--creosote-green);transition:width .25s ease;}
.ridgenav .links a:hover::after{width:100%;}
.ridgenav .dot{color:var(--bloom-gold);font-size:6px;}
.navtoggle{display:none;cursor:pointer;}
@media(max-width:760px){
  .navtoggle{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--sand-haze);color:var(--wash-cream);font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;letter-spacing:1px;padding:8px 14px;border-radius:4px;text-transform:uppercase;}
  .ridgenav .links{display:none;width:100%;flex-direction:column;align-items:center;padding:10px 0 4px;gap:12px;border-top:1px solid rgba(252,249,241,.3);}
  .ridgenav .links.open{display:flex;}
  .ridgenav .dot{display:none;}
}

/* ---------------- RED-ROCK OVERLOOK HERO ---------------- */
.overlookhero{background:var(--mesa-mist);padding:64px 0 88px;}
.overlookhero .grid{display:flex;flex-wrap:wrap;align-items:center;gap:40px;}
.overlookhero .textstack{flex:1 1 54%;min-width:320px;}
.eyebrow{display:inline-block;background:var(--creosote-green);color:var(--wash-cream);font-family:"Trebuchet MS",Arial,sans-serif;font-size:12px;letter-spacing:2px;padding:7px 16px;border-radius:3px;text-transform:uppercase;margin-bottom:22px;}
.overlookhero .bigline{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:52px;line-height:1.08;color:var(--canyon-brown);margin-bottom:22px;font-weight:bold;}
.overlookhero .bigline em{font-style:normal;color:var(--creosote-green);}
.overlookhero .subcopy{color:var(--canyon-ink);font-size:17px;max-width:600px;margin-bottom:30px;}
.cta-row{display:flex;flex-wrap:wrap;gap:16px;}
.btn{display:inline-block;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:15px;letter-spacing:1px;text-transform:uppercase;padding:14px 26px;border-radius:3px;border:1px solid transparent;}
.btn:hover{text-decoration:none;}
.btn-primary{background:var(--creosote-green);color:var(--wash-cream);}
.btn-primary:hover{background:var(--canyon-deep);}
.btn-outline{background:transparent;border-color:var(--canyon-brown);color:var(--canyon-brown);}
.btn-outline:hover{background:var(--canyon-brown);color:var(--wash-cream);}
.overlookhero .scene{flex:1 1 44%;min-width:320px;padding:22px 0;}
.justwrap{position:relative;width:100%;padding-bottom:118%;}
.svgscene{position:absolute;inset:0;}

/* ---------------- SECTION COMMONS ---------------- */
.homesection{padding:70px 0;}
.sec-kicker{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:12px;letter-spacing:3px;color:var(--creosote-green);text-transform:uppercase;margin-bottom:10px;}
.sec-title{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:34px;color:var(--creosote-green);margin-bottom:14px;}
.sec-lede{color:var(--canyon-ink);max-width:760px;}

/* survey-plot */
.plot-section{background:var(--mesa-mist);}
.plot-intro{margin-bottom:36px;}
.survey-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px;background:var(--wash-cream);border:1px solid var(--rock-crevice);border-radius:6px;padding:20px 24px;margin-bottom:12px;}
.survey-row .stake{flex:0 0 96px;text-align:center;padding:8px 0;border-right:1px dashed rgba(78,64,56,.35);}
.survey-row .stake .post{width:14px;height:64px;margin:0 auto 8px;border-radius:2px;position:relative;}
.survey-row .stake .post::after{content:"";position:absolute;top:-4px;left:-3px;width:20px;height:5px;background:#6b4527;border-radius:2px;}
.survey-row .stake .ribbon{width:10px;height:18px;margin:2px auto 0;border-radius:0 2px 2px 0;}
.survey-row .stake .plotcode{font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;letter-spacing:1px;color:var(--canyon-brown);margin-top:4px;font-weight:bold;}
.rowbody{flex:1 1 46%;min-width:250px;}
.rowbody h3{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:20px;color:var(--canyon-brown);margin-bottom:8px;}
.rowbody p{color:var(--canyon-ink);margin:0;}
.raintag{flex:0 0 96px;}
.raintag .qtick{background:var(--creosote-green);color:var(--wash-cream);border-radius:4px;overflow:hidden;text-align:center;padding:6px 0;font-family:"Trebuchet MS",Arial,sans-serif;font-size:11px;letter-spacing:1px;position:relative;}
.raintag .qtick i{display:block;background:rgba(252,249,241,.9);height:2px;margin:4px 6px;}
.raintag .season{font-size:15px;letter-spacing:2px;font-weight:bold;padding-top:6px;}

/* plot tones per row */
.plot-a .post{background:#6b4527;}
.plot-a .ribbon{background:var(--creosote-green);} .raintag-r1 .qtick{background:var(--creosote-green);}
.plot-b .post{background:#6b4527;}
.plot-b .ribbon{background:var(--bloom-gold);} .raintag-r2 .qtick{background:#A97C3F;}
.plot-c .post{background:#6b4527;}
.plot-c .ribbon{background:var(--ridge-sandstone);} .raintag-r3 .qtick{background:var(--ridge-sandstone);}
.plot-d .post{background:#6b4527;}
.plot-d .ribbon{background:#4E7E86;}
.raintag-r4 .qtick{background:#4E7E86;}
.plot-e .post{background:#6b4527;}
.plot-e .ribbon{background:#A8483C;}
.raintag-r5 .qtick{background:#A8483C;}

/* rangeland metric band */
.metrics-band{background:var(--canyon-deep);padding:60px 0;}
.metrics-grid{display:flex;flex-wrap:wrap;}
.metric{flex:1 1 220px;text-align:center;padding:16px 24px;position:relative;}
.metric + .metric{border-left:1px solid rgba(217,207,192,.25);}
.metric .big{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:52px;font-weight:bold;color:var(--bloom-gold);}
.metric .lab{display:block;margin-top:8px;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--sand-haze);}

/* statement band */
.statement-band{background:var(--ridge-sandstone);padding:66px 0;}
.statement-box{max-width:900px;margin:0 auto;padding-left:24px;border-left:4px solid var(--bloom-gold);}
.statement-box p.quote-body{color:var(--wash-cream);font-family:Georgia,serif;font-size:26px;line-height:1.5;margin-bottom:16px;}
.statement-box .attrib{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#F6EBCB;}

/* CTA band */
.cta-section{background:var(--mesa-mist);text-align:center;padding:70px 0;}

/* ---------------- ARROYO FOOTER ---------------- */
.arrowofooter{background:var(--deeper-canyon);color:var(--sand-haze);}
.washbed{height:16px;position:relative;overflow:hidden;}
.washbed span{position:relative;z-index:1;}
.gravel{position:absolute;bottom:0;height:14px;}
.wf-wrap{position:relative;height:16px;}
.wf .g{position:absolute;bottom:2px;background:#6E6258;border-radius:50%;display:block;}
.wf .gd{background:#7A6E63;}
.wf .gl{background:#8B7E72;}
.fdot1,.fdot2{position:absolute;top:4px;width:4px;height:4px;border-radius:50%;background:var(--bloom-gold);}
.wf .mist{position:absolute;right:0;top:0;height:16px;width:40%;background:linear-gradient(90deg,transparent,#E9E2D2);}
.footinner{position:relative;z-index:1;text-align:center;padding:36px 24px 0;}
.footbrand{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-weight:bold;font-size:22px;letter-spacing:3px;color:var(--wash-cream);text-transform:uppercase;}
.footbrand .bushglyph{font-size:15px;color:var(--creosote-green);letter-spacing:2px;}
.footlinks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin:18px 0 6px;}
.footlinks a{color:var(--sand-haze);}
.footlinks a:hover{color:var(--wash-cream);}
.signpost{margin:6px 0 20px;display:flex;align-items:center;justify-content:center;gap:18px;position:relative;z-index:1;}
.signpost .bush{color:var(--creosote-green);font-size:15px;}
.signpost .sigpost{width:10px;height:58px;background:#6b4527;border-radius:3px;position:relative;}
.signpost .board{position:absolute;left:8px;top:8px;font-size:10px;color:#3A2A20;}
.legal-line{color:var(--sand-haze);font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:12px;letter-spacing:1px;margin:0;padding-bottom:30px;line-height:2;}
.legal-line a{color:var(--sand-haze);}

.fade-up{opacity:1;}
.noscriptfallback{display:none;}

@media(max-width:900px){
  .overlookhero .bigline{font-size:40px;}
  .metric + .metric{border-left:1px solid rgba(217,207,192,.25);border-top:1px solid rgba(217,207,192,.2);}
  .metric{border-top:1px solid rgba(217,207,192,.2);}
  .metrics-grid{flex-direction:column;}
  .metric + .metric{border-left:none;}
}