:root{--black:#0b0b0c;--charcoal:#151517;--charcoal2:#1d1d20;--gold:#c89b3c;--gold2:#e1bc66;--cream:#f7f4ed;--white:#fff;--muted:#b9b9bd;--line:rgba(255,255,255,.12);--shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.header{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(to bottom,rgba(0,0,0,.92),rgba(0,0,0,.68),transparent);backdrop-filter:blur(8px)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.mark{width:48px;height:34px;position:relative}.horn{position:absolute;width:22px;height:11px;border-top:3px solid var(--gold2);top:2px}.horn.l{left:0;border-radius:90% 10% 0 0;transform:rotate(12deg)}.horn.r{right:0;border-radius:10% 90% 0 0;transform:rotate(-12deg)}.skull{position:absolute;left:18px;top:7px;width:12px;height:18px;border:2px solid var(--gold2);border-radius:45% 45% 65% 65%}.brandtext strong{display:block;font-family:Georgia,serif;font-size:22px;letter-spacing:.08em;line-height:1}.brandtext span{font-size:10px;letter-spacing:.18em;color:#ddd}.links{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:650}.links a{opacity:.86}.links a:hover{opacity:1;color:var(--gold2)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:3px;font-weight:800;letter-spacing:.02em;border:1px solid transparent;transition:.2s}.btn.gold{background:var(--gold);color:#090909}.btn.gold:hover{background:var(--gold2);transform:translateY(-1px)}.btn.ghost{border-color:rgba(255,255,255,.34);background:rgba(0,0,0,.18)}.btn.ghost:hover{border-color:var(--gold2);color:var(--gold2)}
.hero{min-height:780px;display:grid;align-items:end;position:relative;background:url('assets/commercial-field-review.jpg') center 45%/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.58) 43%,rgba(0,0,0,.16) 75%),linear-gradient(0deg,#0b0b0c 0%,transparent 32%)}.hero-inner{position:relative;padding:180px 0 100px;max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold2);font-size:13px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:46px;height:2px;background:var(--gold)}h1{font-family:Georgia,serif;font-size:clamp(52px,7vw,88px);line-height:.93;margin:18px 0 22px;letter-spacing:-.035em}.lead{font-size:clamp(18px,2.2vw,24px);color:#e6e6e6;max-width:690px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.mini-proof{margin-top:40px;display:flex;gap:32px;flex-wrap:wrap;color:#ddd;font-size:13px}.mini-proof strong{display:block;font-size:22px;color:var(--white);font-family:Georgia,serif}
.section{padding:96px 0}.section.dark2{background:var(--charcoal)}.section.light{background:var(--cream);color:#161616}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head h2{font-family:Georgia,serif;font-size:clamp(38px,5vw,58px);line-height:1;margin:9px 0 0;letter-spacing:-.02em}.section-head p{max-width:530px;color:#a9a9ad}.light .section-head p{color:#5f6064}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service{padding:26px 22px;background:#111113;border:1px solid var(--line);min-height:176px}.service .num{font-size:12px;color:var(--gold2);letter-spacing:.16em}.service h3{font-family:Georgia,serif;font-size:23px;margin:28px 0 8px}.service p{color:#a9a9ad;font-size:14px;margin:0}.light .service{background:#fff;border-color:#ddd}.light .service p{color:#68686b}
.projects{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:390px 330px;gap:14px}.card{position:relative;overflow:hidden;background:#222}.card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img{transform:scale(1.035)}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 60%)}.card .cap{position:absolute;z-index:2;left:24px;right:24px;bottom:21px}.cap strong{font-family:Georgia,serif;font-size:26px}.cap span{display:block;color:#ddd;font-size:13px;margin-top:4px}.card.big{grid-row:1/3}.stack{display:grid;grid-template-rows:1fr 1fr;gap:14px}.wide{margin-top:14px;height:400px}.wide img{width:100%;height:100%;object-fit:cover}.trust{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.trust-media{position:relative}.trust-media img{width:100%;height:560px;object-fit:cover}.badge{position:absolute;right:-14px;bottom:28px;background:var(--gold);color:#0c0c0c;padding:24px;width:220px;box-shadow:var(--shadow)}.badge strong{font-family:Georgia,serif;font-size:36px;display:block}.trust-copy h2{font-family:Georgia,serif;font-size:52px;line-height:1.02;margin:12px 0 20px}.trust-copy p{color:#c3c3c6}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.check{border-top:1px solid var(--line);padding-top:14px;font-weight:700}.check:before{content:"✓";color:var(--gold2);margin-right:9px}
.coverage{padding:76px 0;background:linear-gradient(135deg,#121214,#09090a)}.coverage-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.coverage h2{font-family:Georgia,serif;font-size:56px;line-height:1;margin:10px 0 18px}.coverage p{color:#b8b8bc}.map{min-height:350px;border:1px solid var(--line);background:radial-gradient(circle at 65% 46%,rgba(200,155,60,.24),transparent 7%),radial-gradient(circle at 45% 52%,rgba(200,155,60,.17),transparent 5%),linear-gradient(135deg,#1c1c1f,#101012);display:grid;place-items:center;padding:30px;text-align:center}.map strong{font-family:Georgia,serif;font-size:42px}.map span{display:block;color:var(--gold2);letter-spacing:.16em;text-transform:uppercase;font-size:12px}
.cta{padding:98px 0;background:var(--gold);color:#111}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.cta h2{font-family:Georgia,serif;font-size:56px;line-height:1;margin:0 0 12px}.cta p{margin:0;font-size:18px}.cta .btn{background:#0c0c0d;color:#fff;min-width:190px}
.contact{padding:84px 0;background:#0a0a0b}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact h2{font-family:Georgia,serif;font-size:46px;margin:0 0 16px}.contact p{color:#aaa}.contact-cards{display:grid;gap:12px}.contact-card{border:1px solid var(--line);background:#111113;padding:20px}.contact-card small{display:block;color:#89898e;text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px}.contact-card strong{font-size:19px}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form input,.form textarea,.form select{width:100%;background:#141416;border:1px solid #313136;color:#fff;padding:14px 15px;font:inherit;border-radius:2px}.form textarea{grid-column:1/-1;min-height:120px;resize:vertical}.form .full{grid-column:1/-1}.footer{border-top:1px solid var(--line);padding:28px 0;color:#85858b;font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:900px){.links a:not(.btn){display:none}.hero{min-height:700px;background-position:62% 30%}.grid4{grid-template-columns:1fr 1fr}.projects{grid-template-columns:1fr;grid-template-rows:auto}.card.big{grid-row:auto;height:430px}.stack{grid-template-columns:1fr 1fr;grid-template-rows:300px}.trust,.coverage-grid,.contact-grid{grid-template-columns:1fr}.trust-media img{height:460px}.badge{right:10px}.cta-grid{grid-template-columns:1fr}.cta h2,.coverage h2,.trust-copy h2{font-size:44px}}@media(max-width:560px){.container{width:min(100% - 26px,1180px)}.nav{height:72px}.brandtext strong{font-size:17px}.brandtext span{display:none}.links .btn{padding:0 13px;min-height:42px}.hero-inner{padding:140px 0 70px}.hero{min-height:690px}.hero:before{background:linear-gradient(0deg,#0b0b0c 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.25) 100%)}h1{font-size:48px}.grid4{grid-template-columns:1fr}.section{padding:70px 0}.section-head{display:block}.section-head p{margin-top:16px}.projects{display:block}.card,.card.big{height:330px;margin-bottom:12px}.stack{display:block}.wide{height:280px}.checklist{grid-template-columns:1fr}.form{grid-template-columns:1fr}.form textarea,.form .full{grid-column:auto}.cta h2,.coverage h2,.trust-copy h2{font-size:39px}.contact-grid{gap:28px}}

/* RANCH brand enlargement — updated 2026-09-14 */
@media (min-width:561px){
  .nav{height:104px}
  .brand{gap:16px}
  .mark{width:70px;height:50px;transform:scale(1.28);transform-origin:left center;margin-right:10px}
  .brandtext strong{font-size:30px;letter-spacing:.09em}
  .brandtext span{font-size:11.5px;letter-spacing:.17em;margin-top:4px;display:block}
}
@media (max-width:560px){
  .nav{height:80px}
  .brand{gap:10px}
  .mark{width:55px;height:39px;transform:scale(1.10);transform-origin:left center;margin-right:2px}
  .brandtext strong{font-size:23px;letter-spacing:.08em}
}

/* Project video */
.video-card video{width:100%;height:100%;min-height:360px;display:block;object-fit:cover;background:#000}
@media(max-width:700px){.video-card video{min-height:240px;max-height:520px}}

/* 2026-09-14 final mobile/content fixes */
.new-projects{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.new-projects .card{height:400px}
@media(max-width:700px){
  .new-projects{grid-template-columns:1fr;gap:12px}
  .new-projects .card{height:360px;margin:0}
  .badge{right:10px;left:auto;bottom:18px;width:min(72%,260px);padding:18px}
  .badge strong{font-size:clamp(27px,8vw,34px);line-height:1;overflow-wrap:anywhere}
}
/* Final portfolio update: three real project photos, no video */
.three-projects{grid-template-columns:repeat(3,1fr)}
.three-projects .card img{filter:contrast(1.03) saturate(1.02)}
@media(max-width:900px){.three-projects{grid-template-columns:1fr 1fr}.three-projects .card:last-child{grid-column:1/-1}}
@media(max-width:700px){.three-projects{grid-template-columns:1fr}.three-projects .card:last-child{grid-column:auto}.three-projects .card{height:360px}}

/* Full supplied RANCH logo — only header branding changed */
.brand-logo{display:flex;align-items:center;flex:0 0 auto}
.brand-logo img{display:block;width:190px;height:70px;object-fit:contain;object-position:center;background:#111}
@media(max-width:560px){.brand-logo img{width:180px;height:64px}.links .btn{padding:0 12px}}