/* Grand Peak Homebuyers LLC, private lending site. Shared stylesheet. */
:root{--navy:#13233F;--navy-deep:#0E1A30;--orange:#C8641E;--orange-lt:#E9A06A;--cream:#F7F4EF;--light:#FBF9F5;--line:#E6E1D8;--text:#2B3340;--muted:#5D6675;--on-navy:#C9CFDA}
*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;animation:none!important;transition:none!important}
html{background:var(--navy)}
body{font-family:'Barlow',Arial,sans-serif;color:var(--text);font-size:17px;line-height:1.6;background:var(--cream);-webkit-text-size-adjust:100%}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;color:var(--navy);font-weight:600;line-height:1.15}
a{color:var(--orange)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1180px;margin:0 auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:10}

/* header */
.site-header{background:var(--navy-deep);border-bottom:3px solid var(--orange)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 40px;max-width:1280px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:78px;height:auto;border-radius:4px}
.brand .bt{display:flex;flex-direction:column;line-height:1}
.brand .bt b{font-family:'Cormorant Garamond',Georgia,serif;color:#fff;font-size:27px;font-weight:600}
.brand .bt span{color:var(--orange);font-size:11px;letter-spacing:3.2px;text-transform:uppercase;margin-top:5px;font-weight:600}
.nav{display:flex;flex-wrap:wrap;gap:6px 26px;align-items:center}
.nav a{color:#E4E8EF;text-decoration:none;font-size:15px;letter-spacing:.3px}
.nav a:hover,.nav a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--orange)}
.nav a.nav-cta{background:var(--orange);color:#fff;padding:9px 18px;border-radius:4px;text-decoration:none}

/* shared bits */
section{padding:88px 64px}
.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--orange);font-weight:600}
.rule{width:64px;height:3px;background:var(--orange);margin:20px 0 0}
.center{text-align:center}.center .rule{margin:18px auto 0}
.lead{font-size:20px;color:var(--navy)}
.sub{color:var(--muted);font-size:18px;max-width:700px;margin:16px auto 0}
.btns{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}
.center .btns{justify-content:center}
.btn{display:inline-block;padding:15px 34px;border-radius:4px;font-weight:600;font-size:16px;letter-spacing:.4px;text-decoration:none;font-family:'Barlow',Arial,sans-serif;cursor:pointer;border:1.5px solid var(--orange);text-align:center}
.btn:hover{opacity:.88}
.btn.pri{background:var(--orange);color:#fff}
.btn.sec{background:transparent;color:var(--navy);border-color:var(--navy)}
.navy .btn.sec,.btn.sec.light{color:#fff;border-color:#fff}
.fine{font-size:14.5px;color:var(--muted);margin-top:28px}
.navy .fine{color:#AEB6C4}

/* panels */
.cream{background:var(--cream)}
.light{background:var(--light)}
.navy{background:var(--navy);color:var(--on-navy)}
.navy h1,.navy h2,.navy h3{color:#fff}
.navy .eyebrow{color:var(--orange-lt)}
.topline{position:relative}
.topline:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:64px;height:3px;background:var(--orange)}

/* hero */
.hero{background:var(--cream);padding:80px 64px 84px}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:center}
.hero h1{font-size:60px;line-height:1.06;margin-top:12px}
.hero h1 em{font-style:italic;color:var(--orange);font-weight:500}
.hero p.lead{margin-top:22px;max-width:600px}
.hero-card{background:var(--navy);border-top:4px solid var(--orange);border-radius:6px;padding:40px 38px 36px;color:var(--on-navy)}
.hero-card img{width:100%;max-width:300px;margin:0 auto 26px;background:#fff;border-radius:4px;padding:14px 18px}
.checks{list-style:none;display:grid;gap:12px}
.checks li{position:relative;padding-left:24px;color:#fff;font-size:16.5px}
.checks li:before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;border-radius:50%;background:var(--orange)}
.cream .checks li,.light .checks li{color:var(--navy)}

/* page heading band (inner pages) */
.page-hero{background:var(--cream);text-align:center;padding:76px 64px 64px}
.page-hero h1{font-size:58px;line-height:1.1;margin-top:10px}
.page-hero p{font-size:20px;color:var(--muted);margin:14px auto 0;max-width:720px}

/* two column intro */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:64px;align-items:start}
.split h2{font-size:46px;margin-top:10px}
.split .copy p+p{margin-top:16px}

/* cards */
.grid{display:grid;gap:26px;margin-top:50px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:5px;padding:32px 30px 30px}
.card h3{font-size:27px;margin:10px 0 8px}
.card p{color:var(--muted);font-size:16.5px}
.navy .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);border-top-color:var(--orange)}
.navy .card p{color:var(--on-navy)}
.ic{width:56px;height:56px;border-radius:50%;background:var(--cream);border:1px solid var(--line);display:grid;place-items:center}
.ic svg{width:25px;height:25px;stroke:var(--orange);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.navy .ic{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15)}
.navy .ic svg{stroke:var(--orange-lt)}
.n{font-family:'Cormorant Garamond',Georgia,serif;font-size:46px;line-height:1;color:var(--orange);font-weight:600}
.navy .n{color:var(--orange-lt)}

/* flow (where your money goes) */
.flow{counter-reset:f}
.flow .card{position:relative}

/* quote band */
.band{background:var(--navy);text-align:center;padding:80px 64px}
.band blockquote{font-family:'Cormorant Garamond',Georgia,serif;color:#fff;font-size:36px;line-height:1.3;font-weight:500;max-width:900px;margin:0 auto}

/* homes link band */
.homes-band{background:var(--light);text-align:center}
.homes-band h2{font-size:44px;margin-top:10px}

/* FAQ */
.faq{max-width:900px;margin:44px auto 0}
.faq details{background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:5px;margin-bottom:14px}
.faq summary{cursor:pointer;list-style:none;padding:20px 54px 20px 26px;font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;font-weight:600;color:var(--navy);position:relative;line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-family:'Barlow',Arial,sans-serif;font-size:26px;color:var(--orange);font-weight:500}
.faq details[open] summary:after{content:"\2212"}
.faq details div{padding:0 26px 22px;color:var(--text)}
.faq details div p+p{margin-top:10px}

/* contact */
.contact .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:start}
.contact h2{font-size:46px;margin-top:10px}
.email-big{display:inline-block;margin-top:22px;font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;font-weight:600;color:#fff;text-decoration:none;border-bottom:2px solid var(--orange);word-break:break-all}
.form{background:var(--cream);border-radius:6px;border-top:4px solid var(--orange);padding:34px 32px 30px;color:var(--text)}
.form h3{font-size:30px;margin-bottom:6px}
.form p.note{color:var(--muted);font-size:15px;margin-bottom:18px}
.form label{display:block;font-weight:600;font-size:14px;letter-spacing:.4px;color:var(--navy);margin:14px 0 6px}
.form input,.form select,.form textarea{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1px solid #D5CEC2;border-radius:4px;background:#fff;color:var(--text)}
.form textarea{min-height:120px;resize:vertical}
.form .btn{margin-top:20px;width:100%}
.form .fallback{font-size:14.5px;color:var(--muted);margin-top:14px}

/* disclaimer + footer */
.disclaimer{background:var(--navy-deep);color:#9AA4B5;font-size:14px;padding:30px 64px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}
.disclaimer p{max-width:960px;margin:0 auto}
.site-footer{background:var(--navy-deep);color:#AEB6C4;padding:46px 64px 40px;border-top:3px solid var(--orange)}
.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px;align-items:flex-start}
.site-footer .brand img{width:70px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.site-footer a{color:#E4E8EF;text-decoration:none;font-size:15px}
.site-footer a:hover{text-decoration:underline}
.site-footer .copy{width:100%;font-size:14px;color:#8E98AA;margin-top:8px}

/* prose page */
.prose{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:5px;padding:48px 52px}
.prose h2{font-size:34px;margin:34px 0 10px}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{color:var(--text)}
.prose p+p{margin-top:12px}
.prose ul{margin:10px 0 0 22px}

/* responsive */
@media (max-width:1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:979px){
 section,.hero{padding:68px 40px}
 .site-header .wrap{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 24px}
 .hero .wrap,.split,.contact .wrap{grid-template-columns:1fr;gap:34px}
 .hero h1{font-size:48px}.page-hero{padding:60px 40px 52px}.page-hero h1{font-size:46px}
 .split h2,.contact h2,.homes-band h2{font-size:38px}
 .g3{grid-template-columns:1fr 1fr}.band{padding:64px 40px}.band blockquote{font-size:30px}
}
@media (max-width:700px){.g2,.g3,.g4{grid-template-columns:1fr}}
@media (max-width:560px){
 body{font-size:16px}
 section,.hero{padding:50px 22px}
 .site-header .wrap{padding:12px 18px}
 .brand img{width:62px}.brand .bt b{font-size:24px}
 .nav{gap:6px 16px}.nav a{font-size:14.5px}.nav a.nav-cta{padding:7px 14px}
 .hero h1{font-size:38px}.lead{font-size:18px}
 .hero-card{padding:30px 22px 26px}.hero-card img{max-width:230px}
 .page-hero{padding:46px 22px 40px}.page-hero h1{font-size:38px}.page-hero p{font-size:17.5px}
 .split h2,.contact h2,.homes-band h2{font-size:32px}
 .card{padding:26px 22px 24px}.card h3{font-size:25px}
 .grid{margin-top:34px;gap:20px}
 .band{padding:52px 22px}.band blockquote{font-size:25px}
 .faq summary{font-size:22px;padding:18px 48px 18px 20px}.faq details div{padding:0 20px 20px}
 .email-big{font-size:26px}.form{padding:26px 20px 24px}
 .prose{padding:30px 22px}.prose h2{font-size:29px}
 .btns{flex-direction:column;align-items:stretch;max-width:340px}
 .center .btns{margin-left:auto;margin-right:auto}
 .disclaimer,.site-footer{padding-left:22px;padding-right:22px}
}
.navy .form h3{color:var(--navy)}

/* example deal + static chart */
.example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:26px;margin-top:50px}
.snap{background:var(--navy);color:var(--on-navy);border-top:4px solid var(--orange);border-radius:6px;padding:34px 32px 30px}
.snap .eyebrow{color:var(--orange-lt)}
.snap dl{margin-top:16px}
.snap dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.snap dt{color:var(--on-navy)}
.snap dd{color:#fff;font-weight:600;text-align:right}
.snap .fine{color:#AEB6C4;margin-top:18px}
.nums{background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:6px;padding:34px 32px 30px}
.nums .checks{margin-top:16px}
.big{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.big div{background:#fff;border:1px solid var(--line);border-radius:5px;padding:16px 14px}
.big span{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.big b{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;color:var(--orange);font-weight:600;line-height:1.1}
.card .checks{margin-top:14px}
.chart{background:var(--cream);border:1px solid var(--line);border-radius:6px;padding:30px 32px 24px;margin-top:26px}
.chart h3{font-size:28px}
.legend{display:flex;gap:22px;margin:10px 0 18px;font-size:15px;color:var(--muted)}
.legend i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:7px;vertical-align:-2px}
.bi{background:var(--orange)}.bp{background:var(--navy)}
.bar-row{display:grid;grid-template-columns:64px minmax(0,1fr) 250px;gap:14px;align-items:center;margin-bottom:10px}
.yr{font-weight:600;color:var(--navy);font-size:15px}
.bar{display:flex;height:22px;border-radius:3px;overflow:hidden;background:#fff}
.bar span{display:block;height:100%}
.amt{font-size:14.5px;color:var(--muted)}
@media (max-width:979px){.example{grid-template-columns:1fr}}
@media (max-width:560px){.snap,.nums,.chart{padding:26px 20px 22px}.big{grid-template-columns:1fr}.bar-row{grid-template-columns:52px minmax(0,1fr);gap:4px 10px}.amt{grid-column:2;font-size:13.5px}.chart h3{font-size:24px}}
.navy + .band{border-top:1px solid rgba(255,255,255,.14)}
.big b{font-size:26px}