:root{--forest:#173b2d;--forest2:#102a20;--olive:#7f8f42;--olive2:#a5b85a;--brown:#77654d;--cream:#f6efe2;--paper:#f7f3ea;--ink:#20231f;--line:#d7ccba}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--paper)}
header{min-height:92px;background:#f7f3ea;display:flex;align-items:center;justify-content:space-between;padding:12px 5vw;position:sticky;top:0;z-index:20;border-bottom:1px solid #cfc4b1}.brand{display:flex;flex-direction:column;color:var(--forest);text-decoration:none;line-height:1}.brand b{font-family:"Arial Narrow",Arial,sans-serif;font-size:30px;letter-spacing:.055em}.brand small{font-size:10px;font-weight:900;letter-spacing:.18em;margin-top:7px;color:var(--brown)}.headright{text-align:right;display:flex;flex-direction:column;gap:6px}.brokerTop{font-size:11px;font-weight:800;color:#615a4f;letter-spacing:.05em}.phone{font-weight:900;color:var(--forest);text-decoration:none;font-size:13px}
.hero{height:min(720px,68vw);min-height:590px;position:relative;background:url("dakoda.jpg") center/cover no-repeat;background-position:center 30%;overflow:hidden}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,22,19,.91) 0%,rgba(29,35,29,.70) 35%,rgba(41,39,30,.18) 59%,rgba(18,18,15,0) 77%)}.heroText{position:absolute;z-index:2;left:5.8vw;top:48%;transform:translateY(-50%);color:var(--cream);width:min(740px,51vw);text-shadow:0 2px 8px #0009}.kicker{font-size:12px;font-weight:900;letter-spacing:.17em}.kicker.dark{color:var(--brown);text-shadow:none}h1,h2,h3{font-family:"Arial Narrow",Arial,sans-serif;font-weight:900}h1{font-size:clamp(62px,7.4vw,112px);line-height:.79;letter-spacing:-.045em;margin:17px 0;color:var(--cream);text-transform:uppercase}.heroSub{font-size:clamp(20px,2.1vw,30px);font-weight:900}.types{font-size:13px;font-weight:900;letter-spacing:.07em;margin:25px 0;color:#f4ead9}.button{display:inline-block;background:var(--olive2);color:#171b18;border:0;padding:16px 22px;font-size:14px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 1px #b4b080}.button:hover{filter:brightness(1.08)}.nopressure{font-weight:700;font-style:italic;color:#eee2cf}
.value{padding:88px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;background:var(--paper)}.copy h2{font-size:clamp(43px,5vw,68px);line-height:.88;color:var(--forest);margin:10px 0}.earthRule{height:5px;background:var(--olive);width:88%;margin:20px 0 27px}.copy p{font-size:18px;line-height:1.5}.script{font-family:Georgia,serif;font-style:italic;font-size:25px!important;color:var(--brown)}.categories{margin-top:28px;border-top:1px solid var(--line)}.categories div{padding:12px 0;border-bottom:1px solid var(--line);font-size:16px;font-weight:700}
form{background:#fffdf8;padding:34px;border-top:7px solid var(--forest);box-shadow:0 15px 42px #0002}form h3{font-size:29px;color:var(--forest);margin:0}.formIntro{color:#665f55}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:13px;font-weight:800;margin-top:16px}label span{font-weight:400;color:#666}input{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #bdb3a3;background:#fffdf9;font-size:16px}.consent{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;font-weight:400;font-size:11px;line-height:1.35}.consent input{width:16px;margin:1px 0}.consent span{color:#555}.full{width:100%;margin-top:20px}.valuationNote{text-align:center;color:#70685d;font-size:11px;line-height:1.35}#formMessage{font-weight:700;margin-top:10px}
.about{background:linear-gradient(135deg,#18231d,#263126);color:var(--cream);position:relative;overflow:hidden;border-top:1px solid #39463d}.aboutInner{max-width:1120px;margin:0 auto;padding:82px 6vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.aboutIdentity{display:flex;align-items:center;gap:28px;min-width:0}.expLandRanchLogo{display:block;width:190px;max-width:46%;height:auto;object-fit:contain;flex:0 0 auto}.aboutMark{border-left:6px solid var(--olive2);padding:12px 0 12px 30px}.aboutMark .name{font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(44px,5vw,70px);font-weight:900;line-height:.88}.aboutCopy .kicker.dark{color:#c5b99f}.aboutCopy h2{font-size:50px;color:var(--cream);margin:8px 0}.big{font-size:32px!important;color:#d1c09c;margin:5px 0 25px}.aboutCopy>p:not(.script):not(.exp){font-size:18px;line-height:1.55}.exp{font-weight:900;color:#d7c9ad;letter-spacing:.06em}.call{font-size:24px;color:#c7c38d;font-weight:900}.role{font-size:13px;letter-spacing:.28em;font-weight:800;color:#c8bca6;margin:12px 0 0}
.soft{text-align:center;background:#efe7d8;padding:75px 7vw}.soft h2{font-size:42px;color:var(--forest);margin:0}.soft p{max-width:700px;margin:18px auto 28px;font-size:18px;line-height:1.55}.outline{display:inline-block;border:2px solid var(--forest);padding:14px 20px;color:var(--forest);font-weight:900;text-decoration:none}
footer{background:#121613;color:#eee4d3;padding:32px 6vw;line-height:1.6;font-size:11px;border-top:4px solid var(--olive)}footer .footerMain{font-size:13px;margin-bottom:5px}footer a{color:#eee4d3}.footerLinks{margin-top:8px}.legal{opacity:.6;font-size:10px;margin-top:10px}.privacyPage{max-width:850px;margin:70px auto;padding:0 24px 80px}.privacyPage h1{color:var(--forest);font-size:52px;line-height:1}.privacyPage h2{color:var(--brown);margin-top:30px}.privacyPage p{line-height:1.65}
@media(max-width:800px){html,body{max-width:100%;overflow-x:hidden}header{min-height:68px;padding:8px 16px}.brand b{font-size:18px}.brand small{font-size:7px;margin-top:5px}.brokerTop{display:none}.headright{gap:2px}.phone{font-size:10px;white-space:nowrap}.hero{height:660px;min-height:590px;background-position:58% 24%}.heroShade{background:linear-gradient(90deg,rgba(18,22,19,.92),rgba(25,29,24,.64) 62%,rgba(20,20,16,.12))}.heroText{left:22px;width:82vw;max-width:calc(100vw - 44px)}.heroText h1{font-size:62px}.types{font-size:10px;line-height:1.8}.value{grid-template-columns:1fr;padding:60px 22px;min-width:0}.copy,.value>*,form{min-width:0;max-width:100%}.copy h2{font-size:38px;line-height:.92;overflow-wrap:break-word}.earthRule{width:100%}.twocol{grid-template-columns:1fr}form{padding:24px}.aboutInner{grid-template-columns:1fr;padding:60px 24px;gap:35px}.aboutIdentity{gap:18px}.expLandRanchLogo{width:145px;max-width:42%}.aboutMark{padding-left:18px}.aboutMark .name{font-size:clamp(34px,10vw,48px)}.soft{padding:60px 22px}.soft h2{font-size:34px}}

#formMessage{margin-top:14px;font-weight:700;line-height:1.4}
#formMessage.success{color:#31523a}
#formMessage.error{color:#8a2f25}
#leadForm button:disabled{opacity:.7;cursor:wait}

/* Mobile Safari: keep the contact banner pinned while scrolling. */
@media(max-width:800px){
  header{
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:9999;
  }
}

/* Mobile: fixed contact banner so it remains visible throughout page scroll. */
@media(max-width:800px){
  body{padding-top:68px;}
  header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:99999;
  }
}

/* CTA anchor: place the first form field below the fixed mobile header. */
@media(max-width:800px){
  #leadName{scroll-margin-top:88px;}
}

/* About section alignment refinement: larger brokerage mark with protected columns. */
.aboutInner{max-width:1240px;grid-template-columns:minmax(430px,1fr) minmax(420px,1fr);gap:70px}
.aboutIdentity{display:grid;grid-template-columns:240px minmax(220px,1fr);gap:34px;align-items:center}
.expLandRanchLogo{width:240px;max-width:100%}
.aboutMark{min-width:0}
.aboutCopy{min-width:0}
@media(max-width:1000px) and (min-width:801px){
  .aboutInner{grid-template-columns:minmax(360px,.95fr) minmax(360px,1.05fr);gap:44px;padding-left:4vw;padding-right:4vw}
  .aboutIdentity{grid-template-columns:200px minmax(180px,1fr);gap:24px}
  .expLandRanchLogo{width:200px}
  .aboutMark .name{font-size:48px}
}
@media(max-width:800px){
  .aboutInner{grid-template-columns:1fr;gap:32px}
  .aboutIdentity{grid-template-columns:minmax(135px,42%) minmax(0,1fr);gap:20px;width:100%}
  .expLandRanchLogo{width:100%;max-width:190px}
  .aboutMark{padding-left:18px}
  .aboutMark .name{font-size:clamp(32px,9.5vw,46px)}
}

/* Final master About section: larger eXp Land & Ranch logo; green divider only; protected copy column. */
@media(min-width:1001px){
  .aboutInner{grid-template-columns:minmax(520px,1.05fr) minmax(440px,.95fr);gap:72px}
  .aboutIdentity{grid-template-columns:280px minmax(220px,1fr);gap:38px}
  .expLandRanchLogo{width:280px}
  .aboutMark{border-left:6px solid var(--olive2);padding-left:30px}
}
@media(max-width:1000px) and (min-width:801px){
  .aboutIdentity{grid-template-columns:220px minmax(180px,1fr)}
  .expLandRanchLogo{width:220px}
}
\n\n/* FINAL MASTER — About section only. Three protected desktop columns; supplied logo cropped to remove its embedded white divider. */
@media(min-width:1001px){
  .aboutInner{max-width:1280px;grid-template-columns:260px 300px minmax(0,1fr);gap:0;align-items:center;padding-left:5vw;padding-right:5vw}
  .aboutIdentity{display:contents}
  .expLandRanchLogo{grid-column:1;width:245px;max-width:245px;justify-self:start}
  .aboutMark{grid-column:2;border-left:6px solid var(--olive2);padding:14px 24px 14px 34px;min-width:0}
  .aboutMark .name{font-size:54px;line-height:.88;white-space:normal}
  .aboutCopy{grid-column:3;padding-left:46px;min-width:0}
  .aboutCopy>p:not(.script):not(.exp){max-width:520px}
}
@media(max-width:1000px) and (min-width:801px){
  .aboutInner{grid-template-columns:210px 245px minmax(0,1fr);gap:0;padding-left:4vw;padding-right:4vw}
  .aboutIdentity{display:contents}
  .expLandRanchLogo{grid-column:1;width:195px;max-width:195px}
  .aboutMark{grid-column:2;border-left:5px solid var(--olive2);padding-left:24px}
  .aboutMark .name{font-size:43px}
  .aboutCopy{grid-column:3;padding-left:30px;min-width:0}
}
@media(max-width:800px){
  .aboutIdentity{display:grid}
  .expLandRanchLogo{width:100%;max-width:190px}
  .aboutCopy{padding-left:0}
}

/* 09-16-2026 final alignment fix: reserve enough width for the full name so it cannot enter the copy column. */
@media(min-width:1001px){
  .aboutInner{max-width:1360px;grid-template-columns:260px 390px minmax(0,1fr);}
  .aboutMark{padding-right:34px;}
  .aboutMark .name{font-size:52px;line-height:.9;white-space:nowrap;}
  .aboutCopy{padding-left:42px;}
}
@media(max-width:1200px) and (min-width:1001px){
  .aboutInner{grid-template-columns:230px 330px minmax(0,1fr);padding-left:3vw;padding-right:3vw;}
  .expLandRanchLogo{width:215px;max-width:215px;}
  .aboutMark{padding-left:26px;padding-right:24px;}
  .aboutMark .name{font-size:44px;}
  .aboutCopy{padding-left:30px;}
}

/* FINAL ABOUT LAYOUT FIX — 2026-09-16 */
@media (min-width:1001px){
  .aboutInner{
    max-width:1320px !important;
    padding:82px 40px !important;
    display:grid !important;
    grid-template-columns:250px 340px minmax(420px,1fr) !important;
    column-gap:42px !important;
    align-items:center !important;
  }
  .aboutIdentity{display:contents !important;}
  .expLandRanchLogo{
    grid-column:1 !important;
    width:245px !important;
    max-width:245px !important;
    justify-self:start !important;
  }
  .aboutMark{
    grid-column:2 !important;
    width:100% !important;
    box-sizing:border-box !important;
    border-left:6px solid var(--olive2) !important;
    padding:14px 18px 14px 28px !important;
    overflow:hidden !important;
  }
  .aboutMark .name{
    font-size:44px !important;
    line-height:.9 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
  }
  .aboutCopy{
    grid-column:3 !important;
    padding-left:0 !important;
    min-width:0 !important;
  }
  .aboutCopy>p:not(.script):not(.exp){max-width:520px !important;}
}
@media (max-width:1100px) and (min-width:1001px){
  .aboutInner{
    grid-template-columns:210px 285px minmax(360px,1fr) !important;
    column-gap:28px !important;
    padding-left:28px !important;
    padding-right:28px !important;
  }
  .expLandRanchLogo{width:205px !important;max-width:205px !important;}
  .aboutMark .name{font-size:38px !important;}
  .aboutMark{padding-left:22px !important;padding-right:12px !important;}
}
