/*
Theme Name: CorePath
Version: 0.3.0
Description: CorePath Real Estate design draft.
*/
:root{--green:#123e32;--lime:#d6e6bb;--ink:#19362c;--paper:#f6f7f3}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:17px/1.65 Arial,sans-serif;background:var(--paper)}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:20px 6%;background:white;gap:24px}header img{width:170px;height:65px;object-fit:contain}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{text-decoration:none}.button{display:inline-block;padding:14px 24px;background:var(--green);color:white;text-decoration:none;border:1px solid var(--green);font-size:15px}.light{background:var(--lime);border-color:var(--lime);color:var(--green)}.hero{min-height:640px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,35,27,.88),rgba(8,35,27,.2)),url('assets/homepage-hero.jpg') center/cover;color:white;padding:75px 8%}.hero>div{max-width:670px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:bold}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(45px,5.8vw,82px);margin:22px 0}h2{font-size:clamp(35px,4vw,53px);margin:14px 0 24px}h3{font-size:29px}.hero p{max-width:480px;color:#e7ede8;margin-bottom:30px}.textlink{margin-left:24px;text-underline-offset:6px;font-size:15px}.strip{background:var(--green);color:white;display:flex;justify-content:space-between;padding:22px 8%;font-size:14px;gap:20px}.section{padding:85px 8%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.intro p{margin-top:10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.card{padding:30px;border-top:1px solid #abbcaf}.card span{font-size:13px}.card p{font-size:16px}.card a{text-underline-offset:5px}.communities{display:grid;grid-template-columns:1fr 1fr;background:#e6ece3}.communities img{width:100%;height:100%;min-height:470px;object-fit:cover}.communities>div{padding:65px 12%}.towns{display:flex;flex-wrap:wrap;gap:12px}.towns span{padding:8px 14px;border:1px solid #a6b6a6}.contact{background:var(--green);color:white;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{max-width:660px}footer{padding:35px 8%;font-size:13px;display:flex;justify-content:space-between;gap:25px}.preview{padding:9px;text-align:center;background:#e9ecd9;color:#31472b;font-size:13px}.video{margin-top:24px}details{border-top:1px solid #c4cfc3;padding:18px 0}summary{cursor:pointer;font-weight:bold}.video iframe{width:100%;aspect-ratio:16/9;border:0}a:focus-visible,summary:focus-visible{outline:3px solid #90aa53;outline-offset:5px}@media(max-width:760px){header{flex-wrap:wrap;padding:15px 6%}nav{gap:16px;flex-wrap:wrap}.hero{min-height:570px;padding:55px 7%}.strip{flex-wrap:wrap}.intro,.cards,.communities{grid-template-columns:1fr}.section{padding:55px 7%}.cards{gap:0}.communities img{min-height:280px;max-height:330px}.contact,footer{display:block}.contact .button{margin-top:15px}.textlink{display:inline-block;margin:18px 0 0 20px}}
/* Editorial refinement, inspired by the reviewed portfolios. */
:root{--paper:#fff;--green:#123e32;--lime:#fff}body{line-height:1.75}header{padding:20px 6%;border-bottom:1px solid #e1e5e1}header img{width:180px;height:62px}nav{gap:30px;font-size:14px}nav .button{padding:10px 22px;background:transparent;color:var(--green)}.hero{margin:0 24px;min-height:690px;min-height:75vh;justify-content:center;text-align:center;background-image:linear-gradient(0deg,rgba(8,27,23,.52),rgba(8,27,23,.45)),url('assets/homepage-hero.jpg');padding:85px 6%}.hero>div{max-width:1000px}.hero h1{font-size:clamp(52px,6.5vw,94px);letter-spacing:-2px;line-height:1.1;margin:25px 0}.hero h1 em{font-weight:normal}.hero p{max-width:510px;margin:0 auto 32px;font-size:18px}.eyebrow{font-size:13px;letter-spacing:2.7px}.button{text-transform:uppercase;font-size:13px;letter-spacing:1.5px;padding:17px 27px}.hero .light{color:var(--green);background:white;border-color:white}.textlink{font:inherit;font-size:14px;color:inherit;border:0;background:transparent;cursor:pointer;padding:8px 0;margin-left:25px}.play{display:inline-grid;place-items:center;border:1px solid #fff;border-radius:50%;width:37px;height:37px;margin-right:8px}.strip{background:white;color:var(--green);margin:0 6%;padding:26px 0;border-bottom:1px solid #cbd2cd;font-size:13px;align-items:center}.strip a{text-decoration:none}.section{padding:105px 9%}.intro{gap:10%;padding-bottom:80px}.intro h2{font-size:clamp(38px,4.3vw,60px);letter-spacing:-1px}.intro p{color:#4c5b54}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:16px;color:#58645d}.cards{gap:0;margin-top:45px;border-bottom:1px solid #cbd2cd}.card{padding:34px 30px 42px;border-top:1px solid #cbd2cd}.card:first-child{padding-left:0}.card+.card{border-left:1px solid #cbd2cd}.card h3{max-width:230px}.card p{color:#59665e}.card a{font-size:14px}.communities{margin:0 24px;grid-template-columns:1.1fr 1fr;background:#123e32;color:white}.communities img{min-height:550px}.communities>div{padding:70px 13%}.communities p{color:#d9e4db}.towns{gap:0;display:grid;grid-template-columns:1fr 1fr}.towns span{border:0;border-bottom:1px solid #698476;padding:12px 0;font-size:15px}.contact{margin:0 24px;background:#123e32;padding:75px 8%}.contact h2{font-size:clamp(37px,4.5vw,64px)}footer{padding:40px 8%}.preview{background:#eef1ee;font-size:12px;padding:5px}.skip{position:absolute;top:-100px;left:10px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}dialog{width:min(950px,94vw);padding:25px;border:0;color:var(--green);max-height:92vh;overflow:auto}dialog::backdrop{background:rgba(0,15,10,.85)}.film-bar{display:flex;justify-content:space-between;align-items:center;gap:20px}.film-bar h2{font-size:28px;margin:0 0 20px}.film-close{border:1px solid #9aaba0;background:white;padding:10px 15px;font-size:15px;cursor:pointer}#film-player iframe{width:100%;aspect-ratio:16/9;border:0}dialog p{font-size:14px;margin-bottom:0}button:focus-visible{outline:3px solid #b8cf8d;outline-offset:5px}
@media(max-width:760px){header{padding:15px 6%}header img{width:150px;height:52px}nav{gap:15px;font-size:13px}nav .button{padding:7px 12px}.hero{margin:0 10px;min-height:570px;padding:55px 5%}.hero h1{letter-spacing:-1.4px;font-size:clamp(43px,9vw,63px)}.hero p{font-size:16px}.hero .textlink{display:block;margin:20px auto 0}.strip{gap:10px;justify-content:center;text-align:center;flex-direction:column}.section{padding:65px 7%}.section-heading{display:block}.cards{display:block}.card,.card:first-child{padding:28px 0}.card+.card{border-left:0}.card h3{max-width:none}.communities{margin:0 10px;grid-template-columns:1fr}.communities img{min-height:270px;max-height:320px}.communities>div{padding:40px 8%}.contact{margin:0 10px;padding:50px 7%}.film-bar h2{font-size:22px}.preview{padding:7px 14px}}

.service-choices{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.commercial-choice{background:rgba(10,35,25,.55);border-color:white;color:white}.hero .film-trigger{display:block;margin:22px auto 0}.commercial-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#123e32;color:white;margin:0 24px 24px}.commercial-heading h2{font-size:clamp(40px,4.7vw,65px)}.commercial-heading p{color:#d9e4db;max-width:470px}.commercial-topics article{border-top:1px solid #678475;padding:24px 0}.commercial-topics article:first-child{padding-top:18px}.commercial-topics span{font-size:13px;letter-spacing:1.5px}.commercial-topics h3{margin:16px 0;font-size:30px}.commercial-topics p{font-size:16px;color:#d9e4db}.commercial-topics a{font-size:14px;text-underline-offset:5px}@media(max-width:1000px){nav{gap:16px;flex-wrap:wrap}header{flex-wrap:wrap}}@media(max-width:760px){.commercial-section{grid-template-columns:1fr;margin:0 10px 10px;gap:38px}.service-choices .button{width:100%;max-width:300px}}

/* CorePath identity: a warm, question-led commercial spread. */
.commercial-section{background:#f1f0e8;color:var(--green);position:relative;border-top:5px solid #99b66e;gap:8%;padding-top:80px;padding-bottom:80px}
.commercial-heading h2{font-size:clamp(38px,4.2vw,61px);letter-spacing:-1.3px}
.commercial-heading h2 em{color:#526b3b}
.commercial-heading p,.commercial-topics p{color:#48594f}
.commercial-heading .button{margin-top:16px}
.commercial-topics{border-left:1px solid #b8c5a7;padding-left:38px}
.commercial-topics article{position:relative;border-top:0;border-bottom:1px solid #cbd0be;padding:25px 0}
.commercial-topics article:first-child{padding-top:0}
.commercial-topics article:last-child{border-bottom:0;padding-bottom:0}
.commercial-topics article::before{content:"";position:absolute;left:-44px;top:32px;width:11px;height:11px;background:#718d50;border:3px solid #f1f0e8;outline:1px solid #718d50;border-radius:50%}
.commercial-topics article:first-child::before{top:7px}
.commercial-topics span{font-size:11px;letter-spacing:2.5px;font-weight:bold;color:#526b3b}
.commercial-topics h3{font-size:28px;margin:10px 0}
@media(max-width:760px){.commercial-section{padding:50px 7%;gap:35px}.commercial-topics{padding-left:25px;margin-left:5px}.commercial-topics article::before{left:-31px}.commercial-heading h2{letter-spacing:-.6px}}

/* Dedicated CorePath guidance pages. */
.guide-hero{padding:65px 9% 75px;background:#f1f0e8;margin:0 24px;border-bottom:4px solid #99b66e}.back-home{display:inline-block;margin-bottom:40px;font-size:14px;text-underline-offset:5px}.guide-hero h1{max-width:850px;font-size:clamp(44px,5.5vw,76px);letter-spacing:-1.5px}.guide-hero>p{max-width:690px;font-size:20px;color:#48594f}.guide-body{max-width:1050px;margin:auto;padding:55px 7% 80px}.guide-step{display:grid;grid-template-columns:55px 1fr;gap:25px;padding:35px 0;border-bottom:1px solid #cbd0be}.guide-step>span{font-size:14px;color:#526b3b;padding-top:9px}.guide-step h2{font-size:clamp(28px,3vw,38px);margin:0 0 18px}.guide-step p{color:#48594f;margin:0;max-width:720px}@media(max-width:760px){.guide-hero{margin:0 10px;padding:35px 7% 45px}.guide-hero>p{font-size:18px}.guide-step{grid-template-columns:30px 1fr;gap:12px}.guide-body{padding-top:20px}}

.mortgage-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}#mortgage-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}#mortgage-form label{font-size:14px}#mortgage-form input{display:block;width:100%;padding:12px;border:1px solid #819485;font:inherit;margin-top:7px}.payment-result{background:#f1f0e8;padding:30px}.payment-result p{font-size:14px}.payment-total{font:42px Georgia,serif}.payment-result dl div{display:flex;justify-content:space-between;gap:15px;padding:8px 0}.payment-result dd{margin:0}.mortgage-links a{text-underline-offset:5px}@media(max-width:760px){.mortgage-grid{grid-template-columns:1fr}#mortgage-form{grid-template-columns:1fr}}

/* Central Valley conceptual property imagery */
.valley-feature{margin:0 0 32px;width:100%;min-width:0}.valley-image{width:100%;aspect-ratio:5.4;background-image:url("assets/valley-property-concepts.png");background-size:100% 201%;background-repeat:no-repeat}.valley-home{background-position:center bottom}.valley-farm{background-position:center top}.valley-feature figcaption{font-size:12px;color:#526357;margin-top:8px}.commercial-section>.valley-feature{grid-column:1/-1;margin-bottom:0}@media(max-width:650px){.valley-image{aspect-ratio:2.7;background-size:200% 201%}}
.valley-farm{background-image:url("assets/valley-property-greens.png")}

/* Completed content pages */
.article-body{max-width:1000px;margin:0 auto;padding:15px 7% 80px}.article-body h2{font-size:34px;margin-top:42px}.article-body h3{font-size:25px}.article-body li{margin:12px 0}.article-body a{text-underline-offset:4px}.lead{font-size:23px;color:#425a4e}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.resource-grid article{border-top:1px solid #cbd2cd;padding:15px 0}.resource-grid h2{font-size:30px}.footer-links{display:flex;flex-direction:column;gap:8px}.archive-note{padding:18px;background:#f1f0e8;font-size:14px}.article-body img{max-width:100%;height:auto}.article-body .mortgage-grid{padding:0}.article-body input{max-width:100%}.article-body dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #cad6cc}.article-body dd{margin:0}@media(max-width:760px){.resource-grid{grid-template-columns:1fr}.footer-links{margin-top:25px}.article-body{padding:12px 7% 55px}.article-body h2{font-size:29px}}

nav{flex-wrap:wrap;gap:14px 22px}header>a{flex-shrink:0}nav a{white-space:nowrap}[data-planner]{display:grid;gap:18px}[data-planner] label{display:block;font-size:15px}[data-planner] input{display:block;width:100%;padding:12px;border:1px solid #9ead9f;font:inherit;background:#fff;border-radius:0}[data-planner] button{cursor:pointer}
