@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600&display=swap');
:root{--ivory:#F7F4EF;--sage:#A7B3A3;--ink:#3D3B38;--gold:#C5A66F;--blush:#D8BDB8;--green:#56614f}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:14px/1.75 Manrope,Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}h1,h2,h3,.serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.02;margin:0}h1{font-size:clamp(46px,5vw,76px)}h2{font-size:clamp(36px,3.7vw,55px)}h3{font-size:30px}p{max-width:640px}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbd2;gap:25px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px}.house{font-size:35px;color:var(--green)}.brand strong{font:23px/.9 'Cormorant Garamond',Georgia;display:block;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:2px;display:block;margin-top:9px}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none;font-size:12px}nav a[aria-current=page]{border-bottom:1px solid var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 24px;text-decoration:none;background:var(--green);color:white;border:1px solid var(--green);border-radius:3px;font-size:12px;cursor:pointer}.button.light{background:transparent;color:var(--ink);border-color:#b4ac99}.button.blush{background:var(--blush);border-color:var(--blush);color:var(--ink)}.menu{display:none}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:3px;color:var(--green);margin-bottom:22px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:565px}.hero-copy{padding:65px 8% 60px 10%}.hero-copy p{font-size:14px;max-width:460px;margin:25px 0}.hero em{color:var(--green)}.hero-image{position:relative;background:url('assets/home-detail.jpg') center/cover}.image-note{position:absolute;bottom:25px;left:25px;right:25px;padding:19px;background:#f7f4efee;text-align:center;font:italic 25px 'Cormorant Garamond',Georgia}.actions{display:flex;gap:12px;flex-wrap:wrap}.tiny{font-size:10px;letter-spacing:1px;margin-top:24px!important}.pillar{display:grid;grid-template-columns:1.25fr repeat(4,1fr);padding:32px 6%;background:#e7e9df;gap:25px}.pillar>div{border-left:1px solid #c8c7b7;padding-left:28px}.pillar>div:first-child{border:0;padding:0}.pillar h3{font-size:26px;margin-bottom:8px}.pillar p{font-size:11px;line-height:1.6;margin:0}.section{padding:75px 8%}.intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.giant{font:clamp(100px,16vw,220px)/.8 'Cormorant Garamond',Georgia;color:var(--green);letter-spacing:-14px}.under{font-size:10px;letter-spacing:4px;margin-top:28px}.rule{width:55px;height:1px;background:var(--gold);margin:25px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.card{padding:30px;border:1px solid #d8d5cb;background:#fbf9f5}.card .num{font:italic 22px Georgia;color:#9a7b49;display:block;margin-bottom:25px}.card p{font-size:13px}.text-link{display:inline-block;text-decoration:none;border-bottom:1px solid var(--gold);font-size:12px;padding-bottom:3px;margin-top:15px}.sage{background:#e7e9df}.center{text-align:center}.center p{margin-left:auto;margin-right:auto}.cta{padding:48px 8%;background:var(--green);color:var(--ivory);display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:40px}.cta p{font-size:12px}.page-head{padding:65px 8% 45px;border-bottom:1px solid #dedbd2;max-width:100%}.page-head p{font-size:16px;max-width:720px}.split{display:grid;grid-template-columns:1.35fr .65fr;gap:65px}.aside{background:#e7e9df;padding:30px;height:fit-content}.steps{counter-reset:step;list-style:none;padding:0}.steps li{padding:20px 0 20px 50px;border-bottom:1px solid #ddd9ce;position:relative}.steps li:before{counter-increment:step;content:'0' counter(step);position:absolute;left:0;color:#8e754a;font:24px Georgia}.steps h3{font-size:28px}.steps p{font-size:13px}details{border-bottom:1px solid #d8d5cb;padding:20px 0}summary{cursor:pointer;font-size:16px}details p{font-size:13px}footer{background:#ecebe3;padding:40px 8% 22px}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.footer-top a{display:block;font-size:12px;margin:5px 0}.legal{border-top:1px solid #ccc9bd;margin-top:30px;padding-top:20px;font-size:10px;line-height:1.7}.broker{font:24px 'Cormorant Garamond',Georgia}.field{display:grid;gap:5px;margin-bottom:18px}input,select,textarea{padding:12px;border:1px solid #b8b7ac;background:#fffdf8;width:100%;color:var(--ink)}label{font-size:12px}.notice{border-left:2px solid var(--gold);padding:12px 20px;background:#efece4;font-size:12px}.resource{padding:26px 0;border-bottom:1px solid #d7d4c9}.resource h3{font-size:29px}.resource p{font-size:13px}.checklist label{display:flex;align-items:start;gap:12px;padding:12px 0;border-bottom:1px solid #d8d5cb}.checklist input{width:18px;margin-top:5px;accent-color:var(--green)}@media(min-width:1500px){main,header,footer{max-width:1700px;margin:auto}}@media(max-width:1050px){nav{gap:14px}nav a{font-size:11px}.hero-copy{padding:50px 8%}.pillar{gap:12px}.pillar>div{padding-left:15px}}@media(max-width:800px){header{padding:20px 6%;flex-wrap:wrap}.menu{display:block;background:transparent;border:1px solid #aaa;padding:8px}nav{display:none;width:100%;flex-wrap:wrap;padding:15px 0}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-image{min-height:320px}.hero-copy{padding:45px 7%}.pillar{grid-template-columns:1fr 1fr;padding:30px 7%}.pillar>div:first-child{grid-column:1/-1}.intro,.split{grid-template-columns:1fr;gap:35px}.giant{font-size:130px;letter-spacing:-8px}.section{padding:48px 7%}.cards{grid-template-columns:1fr}.cta{align-items:start;flex-direction:column}.footer-top{grid-template-columns:1fr}.page-head{padding:45px 7%}.brand strong{font-size:21px}}
.announcement{background:var(--green);color:var(--ivory);padding:12px 5%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px 14px;font-size:12px;line-height:1.6}.announcement a{font-weight:600;text-underline-offset:3px}.announce-text{padding-left:14px;border-left:1px solid #ffffff70}.hero-copy{padding-top:45px;padding-bottom:42px}.hero h1{font-size:clamp(40px,4vw,61px)}.hero .eyebrow{letter-spacing:2px;line-height:1.7}.hero .actions .text-link{flex-basis:100%;width:fit-content;margin-top:5px;border:0;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}header{padding-left:3%;padding-right:3%;gap:18px}nav{gap:16px}nav a{font-size:11px}nav .button{padding:12px 15px}.guide{margin-bottom:32px}.guide h3{margin-top:20px}.guide ul{padding-left:20px}@media(max-width:1150px){header{flex-wrap:wrap}nav{flex-wrap:wrap;justify-content:center;width:100%}.brand{margin:auto}}@media(max-width:800px){header .brand{margin:0}header{padding:20px 6%;justify-content:space-between}.hero h1{font-size:43px}.announcement{text-align:center;padding:12px 6%;font-size:11px}.announce-text{border:0;padding:0}nav{justify-content:flex-start}}
.path-note{font-size:11px;max-width:850px;margin-top:25px} .hero .tiny{letter-spacing:.5px;line-height:1.6} @media print{header,.announcement,.cta,footer,.button{display:none}.section,.page-head{padding:20px}.split{display:block}.aside{margin-top:25px}}
.site-logo{display:block;width:330px;height:100px;object-fit:contain}.footer-brand{display:block!important;max-width:380px}.footer-brand img{display:block;width:100%;height:auto}.footer-name{font:28px 'Cormorant Garamond',Georgia;margin:12px 0}.footer-top .broker{font:20px/1.6 'Cormorant Garamond',Georgia}.equal-housing{object-fit:contain;width:90px;height:auto;margin-top:10px}.policy-links{font-size:12px;margin-bottom:14px}.about-intro{display:grid;grid-template-columns:minmax(260px,.8fr) 1.3fr;gap:70px;align-items:start}.jc-portrait{width:100%;height:auto;max-width:440px;border-radius:160px 160px 3px 3px}.portrait-block p{font:22px/1.4 'Cormorant Garamond',Georgia;text-align:center}.about-roles{font-size:13px;color:var(--green);font-weight:600}.home-portrait{width:100%;height:auto;max-width:360px;border-radius:150px 150px 3px 3px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 50px;margin-top:35px}.approach-grid article{border-top:1px solid #c4c8bc;padding-top:22px}.approach-grid p{font-size:13px}.editorial-photo{width:100%;height:100%;max-height:650px;object-fit:cover;min-height:320px}.service-list{padding-left:20px;margin:30px 0}.service-list li{padding:8px 0}.photo-band{margin:40px 8% 0}.photo-band img{width:100%;height:340px;object-fit:cover;display:block}.photo-band figcaption{font:italic 25px 'Cormorant Garamond',Georgia;padding:17px 0;color:var(--green)}.policy-copy{max-width:1000px}.policy-copy h3{margin-top:30px}.policy-copy h2{margin-bottom:24px}@media(max-width:800px){.site-logo{width:260px;height:80px}.about-intro{grid-template-columns:1fr;gap:30px}.portrait-block{max-width:340px;margin:auto}.approach-grid{grid-template-columns:1fr}.photo-band img{height:240px}.footer-brand{max-width:310px}}@media print{.photo-band{display:none}}
.joi-subtitle{font:italic 32px/1.3 'Cormorant Garamond',Georgia;color:var(--green);margin-top:30px;text-align:center}.intro .giant{font-size:clamp(120px,16vw,220px);letter-spacing:-10px;text-align:center}@media(max-width:800px){.joi-subtitle{font-size:29px;margin-top:22px}.intro .giant{font-size:150px}}
.blueprint{background:#eeede5}.blueprint-title{font-size:30px;line-height:1.2;margin-top:15px}.blueprint-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.blueprint-grid article{border-top:1px solid var(--gold);padding-top:20px;display:flex;flex-direction:column}.blueprint-grid .num{font:italic 20px Georgia;color:#8e754a;margin-bottom:20px}.blueprint-grid p{font-size:12px;line-height:1.8}.blueprint-grid .text-link{margin-top:auto;padding-top:15px;align-self:flex-start;font-size:10px;letter-spacing:1px}#prepare{scroll-margin-top:25px}@media(max-width:1100px){.blueprint-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.blueprint-grid{grid-template-columns:1fr}.blueprint-title{font-size:26px}}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-required,#contact-help{font-size:11px}button:disabled{opacity:.6;cursor:wait}#form-status:not(:empty){padding:16px;border-left:3px solid var(--gold);background:#e7e9df;overflow-wrap:anywhere}
.joi-detail-photo{display:block;width:100%;height:220px;object-fit:cover;margin-top:28px;border-radius:3px}.quiet-photo{margin:0;position:relative}.quiet-photo img{display:block;width:100%;height:300px;object-fit:cover;object-position:center 56%}.quiet-photo figcaption{position:absolute;bottom:20px;left:8%;background:#f7f4efe8;color:var(--green);padding:13px 22px;font:italic 28px 'Cormorant Garamond',Georgia}.aside-photo{display:block;width:calc(100% + 60px);max-width:none;height:205px;object-fit:cover;margin:-30px -30px 28px}.guide-photo{width:calc(100% + 60px);max-width:none;height:180px;object-fit:cover;margin:-30px -30px 22px;display:block}.guide .guide-photo+h3{margin-top:0}@media(max-width:800px){.quiet-photo img{height:240px}.quiet-photo figcaption{left:7%;right:7%;font-size:23px}.joi-detail-photo{height:230px;max-width:450px;margin-left:auto;margin-right:auto}.aside-photo{height:230px}}
.dashboard{padding:36px 4%;max-width:1800px;margin:auto}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.dashboard h1{font-size:44px}.dashboard h2{font-size:33px;margin-bottom:25px}.editor-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:25px}.editor-panel{padding:24px;background:#eeede5;align-self:start}.editor-panel label{font-weight:600}.editor-help{font-size:12px}.editor-panel small{font-size:10px;line-height:1.7;display:block}.editor-save{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.editor-save .button{padding:12px 14px}.editor-status{font-size:12px;padding:14px 0;border-top:1px solid #ccc;overflow-wrap:anywhere}.editor-preview{background:white;min-width:0;border:1px solid #d8d5cb}.editor-preview iframe{display:block;border:0;width:100%;height:calc(100vh - 180px);min-height:650px}.editor-panel textarea{line-height:1.6}.editor-panel .text-link{background:transparent;border-width:0 0 1px;cursor:pointer}@media(max-width:1000px){.dashboard-top{display:block}.editor-layout{grid-template-columns:1fr}.editor-panel{max-width:none}.editor-preview iframe{height:70vh}.dashboard h1{font-size:38px}}
.booking-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:65px;margin-bottom:40px;align-items:start}.booking-photo{margin:0;background:#e7e9df}.booking-photo img{display:block;width:100%;height:220px;object-fit:cover}.booking-photo p{font-style:italic;font-size:29px;padding:20px 25px;margin:0;color:var(--green)}.calendar-wrap{background:white;border:1px solid #ddd8ce;border-radius:4px;overflow:hidden;box-shadow:0 10px 40px #3d3b3808}.calendar-wrap iframe{width:100%;min-height:1050px;height:1100px;border:0;display:block}.booking-fallback{font-size:12px;margin-top:20px;max-width:none}.booking-section .notice p{margin:8px 0 0}#homeowner-questionnaire{scroll-margin-top:30px}@media(max-width:800px){.booking-intro{grid-template-columns:1fr;gap:25px}.booking-photo{display:grid;grid-template-columns:1fr 1fr;align-items:center}.booking-photo img{height:170px}.booking-photo p{font-size:24px;padding:15px}.calendar-wrap iframe{min-height:1150px;height:1250px}.booking-section{padding-left:4%;padding-right:4%}}
.appointment-types{padding-bottom:20px}.appointment-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.appointment-grid .button{margin-top:15px}.appointment-grid .eyebrow{margin:15px 0 0;letter-spacing:1.5px}@media(max-width:700px){.appointment-grid{grid-template-columns:1fr}}
.appointment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.appointment-grid .card{display:flex;flex-direction:column}.appointment-grid .button{align-self:flex-start;margin-top:auto}.appointment-grid .eyebrow{margin-bottom:20px}@media(max-width:1000px){.appointment-grid{grid-template-columns:1fr}} 
.appointment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.appointment-grid{grid-template-columns:1fr}}
