:root{--ink:#12263A;--ink2:#1C3D5A;--sap:#C9A227;--saplt:#E3C565;--ice:#F5F1E8;--paper:#FAF7F1;--line:#DDD5C2;--mut:#6E6858}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Jost',Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-weight:300;line-height:1.65}
h1,h2,h3,.serif{font-family:'Playfair Display',Georgia,serif;font-weight:500}
.eyebrow{letter-spacing:.34em;font-size:11px;font-weight:500;text-transform:uppercase}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
img{display:block;max-width:100%}
a{color:var(--sap)}
section{scroll-margin-top:20px}
/* nav */
nav{background:var(--ink);color:var(--ice);border-bottom:1px solid rgba(245,241,232,.14)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px;gap:20px;flex-wrap:wrap}
.wordmark{letter-spacing:.26em;font-size:13px;font-weight:500;color:var(--ice);text-decoration:none}
.wordmark span{color:var(--saplt)}
.navlinks{display:flex;gap:30px;font-size:12px;letter-spacing:.22em;text-transform:uppercase}
.navlinks a{color:#CFC7B4;text-decoration:none}
.navlinks a:hover{color:#fff}
.btn{display:inline-block;background:var(--sap);color:#fff;padding:13px 26px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;text-decoration:none;border:1px solid var(--sap);cursor:pointer;font-family:inherit;text-align:center}
.btn.ghost{background:transparent;color:var(--ice);border-color:rgba(245,241,232,.45)}
nav .btn{padding:10px 20px}
/* hero (homepage) */
.hero{background:linear-gradient(160deg,var(--ink) 0%,var(--ink2) 78%);color:var(--ice)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;padding-top:74px;padding-bottom:84px;align-items:center}
.hero h1{font-size:54px;line-height:1.12;margin:22px 0 20px}
.hero p.lede{font-size:18px;color:#D8D2C2;max-width:540px}
.hero p.sub{font-size:15px;color:#A79E88;margin-top:14px}
.hero .actions{display:flex;gap:16px;margin:34px 0 40px;flex-wrap:wrap}
.specstrip{display:flex;border-top:1px solid rgba(245,241,232,.18)}
.specstrip div{padding:16px 22px 0 0;margin-right:22px}
.specstrip b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:21px;font-weight:500;color:#fff}
.specstrip small{letter-spacing:.18em;font-size:10px;text-transform:uppercase;color:#A79E88}
.heroframe{position:relative}
.heroframe img{border:1px solid rgba(245,241,232,.35);padding:10px;background:rgba(245,241,232,.05);width:100%}
.herocard{position:absolute;left:-26px;bottom:26px;background:var(--ice);color:var(--ink);padding:18px 22px;max-width:300px;box-shadow:0 24px 50px rgba(0,0,0,.35)}
.herocard .eyebrow{color:var(--sap);letter-spacing:.26em}
.herocard p{font-size:14px;margin-top:6px;line-height:1.55}
/* location hero */
.loc-hero{background:linear-gradient(160deg,var(--ink) 0%,var(--ink2) 78%);color:var(--ice)}
.loc-hero .wrap{padding-top:64px;padding-bottom:64px}
.loc-hero .eyebrow{color:var(--saplt)}
.loc-hero h1{font-size:42px;line-height:1.18;margin:16px 0 16px;max-width:820px}
.loc-hero p{font-size:17px;color:#D8D2C2;max-width:760px}
/* sections */
section.block{padding:76px 0}
section.block.tight{padding-top:0}
.sec-head{max-width:680px;margin-bottom:42px}
.sec-head .eyebrow{color:var(--sap)}
.sec-head h2{font-size:36px;line-height:1.2;margin:14px 0 12px}
.sec-head p{color:#55524A;font-size:17px}
.prose p{color:#3B3A34;font-size:16.5px;margin-bottom:14px;max-width:80ch}
.prose h2{font-size:32px;line-height:1.25;margin:52px 0 14px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:22px;margin:30px 0 8px}
.prose a{color:var(--sap)}
/* services grid */
.svcgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.svc{background:#fff;border:1px solid var(--line);padding:26px 22px}
.svc h3{font-size:20px;margin-bottom:8px}
.svc p{font-size:14.5px;color:#55524A}
/* case study */
.case{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:26px}
.case figure{border:1px solid var(--line);background:#fff;padding:12px}
.case figure img{width:100%;height:420px;object-fit:cover}
.case figcaption{padding:16px 8px 8px}
.case figcaption .eyebrow{color:var(--sap);letter-spacing:.26em}
.case figcaption h3{font-size:22px;margin:6px 0}
.case figcaption p{font-size:15px;color:#55524A}
.casetext{background:#fff;border:1px solid var(--line);padding:28px;margin-bottom:44px}
.casetext h3{font-size:24px;margin-bottom:10px}
.casetext p{font-size:15.5px;color:#3B3A34;margin-bottom:10px}
.specs{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 0 44px;border:1px solid var(--line);background:#fff}
.specs div{padding:20px;border-left:1px solid var(--line)}
.specs div:first-child{border-left:none}
.specs b{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:500;display:block}
.specs small{letter-spacing:.16em;font-size:10px;text-transform:uppercase;color:#7A7568}
/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{background:#fff;border:1px solid var(--line)}
.card img{height:250px;width:100%;object-fit:cover}
.card .body{padding:24px}
.card .eyebrow{color:var(--sap);letter-spacing:.24em}
.card h3{font-size:22px;margin:8px 0}
.card p{font-size:15px;color:#55524A}
figure.shot{border:1px solid var(--line);background:#fff;padding:12px;margin:18px 0 26px}
figure.shot .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
figure.shot img{width:100%;height:380px;object-fit:cover}
figure.shot.single img{height:420px}
figure.shot figcaption{padding:12px 6px 4px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#7A7568}
/* tables */
.ptable{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);margin:16px 0 24px}
.ptable caption{text-align:left;font-family:'Playfair Display',Georgia,serif;font-size:19px;padding:0 0 10px;color:var(--ink)}
.ptable th,.ptable td{padding:13px 16px;border-top:1px solid var(--line);font-size:15px;text-align:left;vertical-align:top}
.ptable th{font-weight:500;letter-spacing:.06em;color:var(--ink);width:34%}
.ptable td{color:#55524A}
/* process */
.process{background:var(--ice)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.step{background:#fff;border:1px solid var(--line);padding:26px 22px}
.num{width:42px;height:42px;border:1px solid var(--sap);color:var(--sap);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',Georgia,serif;font-size:19px;margin-bottom:16px}
.step h3{font-size:19px;margin-bottom:8px}
.step p{font-size:14px;color:#55524A}
.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:26px}
.panel{background:#fff;border:1px solid var(--line);padding:30px}
.panel h3{font-size:24px;margin-bottom:10px}
.panel p{font-size:15.5px;color:#3B3A34;margin-bottom:12px}
/* cost */
.cost{background:var(--ink);color:var(--ice)}
.cost .sec-head p{color:#BDB49E}
.cost .sec-head .eyebrow{color:var(--saplt)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.tier{border:1px solid rgba(245,241,232,.25);padding:32px 28px;background:rgba(245,241,232,.03)}
.tier .eyebrow{color:var(--saplt);letter-spacing:.26em}
.tier .amt{font-family:'Playfair Display',Georgia,serif;font-size:32px;margin:14px 0 8px;color:#fff}
.tier p{font-size:15px;color:#CFC7B4}
.cost .note{margin-top:28px;font-size:14.5px;color:#A79E88}
/* tracks */
.tracks{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.track{border:1px solid var(--line);background:#fff;padding:34px}
.track .eyebrow{color:var(--sap)}
.track h3{font-size:26px;margin:10px 0 12px}
.track ul{list-style:none}
.track li{padding:10px 0;border-top:1px solid var(--line);font-size:15px;color:#3B3A34}
.track li:first-of-type{border-top:none}
/* areas */
.arealinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.arealinks a{border:1px solid var(--line);background:#fff;padding:9px 16px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.arealinks a:hover{border-color:var(--sap);color:var(--sap)}
/* faq */
.faqitem{border-top:1px solid var(--line);padding:24px 0}
.faqitem:last-child{border-bottom:1px solid var(--line)}
.faqitem h3{font-size:21px;margin-bottom:8px}
.faqitem p{color:#3B3A34;font-size:16px;max-width:80ch}
/* form */
.formsec{background:#fff;border-top:1px solid var(--line)}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.form{display:grid;gap:14px}
.form label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#7A7568;display:block;margin-bottom:6px}
.form input,.form textarea{width:100%;border:1px solid var(--line);background:var(--paper);padding:13px 14px;font-family:inherit;font-size:15px;font-weight:300}
.form-status{display:none;font-size:15px;padding:12px 16px}
.form-status.err{display:block;background:#FDF0F0;border:1px solid #E3B7B7;color:#7A2323}
.form-ok{border:1px solid var(--sap);background:var(--ice);padding:28px}
.form-ok h3{font-size:24px;margin-bottom:8px}
.form-ok p{color:#3B3A34;font-size:15.5px}
/* footer */
footer{background:var(--ink);color:#A79E88;padding:48px 0;font-size:13px;letter-spacing:.06em}
footer .footlinks{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0}
footer .footlinks a{color:#CFC7B4;text-decoration:none;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
footer .footlinks a:hover{color:#fff}
footer .brandline{color:var(--ice);letter-spacing:.26em;font-size:12px}
@media(max-width:900px){.hero .wrap,.case,.formgrid,.tracks,.split{grid-template-columns:1fr}.cards,.tiers,.svcgrid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.specs{grid-template-columns:1fr 1fr}.hero h1{font-size:38px}.loc-hero h1{font-size:32px}.herocard{left:10px}.case figure img,figure.shot img{height:auto}}