:root{--green:#435b4c;--cream:#efede8;--white:#fff;--blue:#d7e5e9;--ink:#43584a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:300 17px/1.7 Jost,sans-serif;background:white}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.demo{text-align:center;background:#e4e7d9;font:400 10px Jost;letter-spacing:.16em;padding:5px}header{height:95px;display:flex;justify-content:space-between;align-items:center;padding:0 3%;gap:25px}.logo{display:grid;line-height:1;text-align:center;min-width:180px}.logo span{font:400 37px/.85 'Cormorant Garamond',serif;letter-spacing:-.05em}.logo small{font:400 8px Jost;letter-spacing:.15em;margin:3px}nav{display:flex;gap:42px;align-items:center}nav a{font:italic 25px 'Cormorant Garamond',serif;white-space:nowrap;transition:opacity .25s}nav a:hover{opacity:.55}.head-link{font-size:10px;letter-spacing:.1em;white-space:nowrap;border-bottom:1px solid;padding-bottom:6px}.hero{display:grid;grid-template-columns:59% 41%;min-height:680px;background:var(--cream)}.hero-copy{position:relative;display:grid;place-items:center;text-align:center;padding:65px 35px}.hero-content{max-width:730px}.kicker,.overline{font:400 12px Jost;letter-spacing:.17em}.hero h1{font:400 clamp(60px,6vw,95px)/.95 'Cormorant Garamond',serif;margin:43px 0 28px;letter-spacing:-.035em}.hero h1 em,h2 em,h3 em{font-weight:400}.hero-desc{max-width:425px;margin:0 auto 28px;font-size:17px;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid var(--green);background:var(--blue);min-height:49px;padding:10px 23px;font:400 12px Jost;letter-spacing:.08em;transition:background .25s,transform .25s}.btn:hover{background:#fff;transform:translateY(-3px)}.btn span{font-size:19px}.hero-foot{position:absolute;bottom:25px;letter-spacing:.15em;font-size:10px}.hero-photo{position:relative;overflow:hidden;margin:22px 34px 0 0;border-radius:260px 260px 0 0}.hero-photo img{object-position:center}.hero-photo span{position:absolute;bottom:16px;right:18px;color:#fff;text-shadow:0 1px 4px #333;font-size:9px;letter-spacing:.15em}.statement{text-align:center;padding:125px 30px 140px}.ornament{font-size:40px;color:#99ad92}.statement h2,.about h2,.services h2,.approach h2,.quotes h2,.contact h2{font:400 clamp(52px,5vw,80px)/1.02 'Cormorant Garamond',serif;letter-spacing:-.025em;margin:20px 0 30px}.statement>p:last-child{max-width:650px;margin:auto}.about{display:grid;grid-template-columns:44% 56%;min-height:780px;background:#efede8}.about-photo{height:750px;margin:0 0 30px 0;overflow:hidden}.about-copy{padding:90px 12% 75px 13%;align-self:center}.about-copy h2{font-size:85px}.about-copy p:not(.overline){max-width:620px}.identity{display:flex;gap:13px;align-items:center;margin:20px 0;font:400 11px/1.5 Jost;letter-spacing:.08em}.identity img{width:48px;height:48px;border-radius:50%}.identity small{font-size:10px;letter-spacing:0}.about .btn{margin-top:20px}.services{background:#e4e8dc;text-align:center;padding:120px 5% 135px}.services h2{font-size:85px}.service-lead{max-width:590px;margin:0 auto 65px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}.service{min-height:320px;border:1px solid #9daa9e;background:#f3f3ec;padding:30px 24px;display:flex;flex-direction:column;transition:background .35s,transform .35s}.service:hover{background:white;transform:translateY(-9px)}.service span,.service b{font:400 10px Jost;letter-spacing:.14em}.service h3{font:400 35px/1 'Cormorant Garamond',serif;margin:42px 0 20px}.service p{font-size:14px;line-height:1.55;margin:0}.service b{margin-top:auto;padding-top:30px}.source{font-size:11px;margin-top:30px}.source a,.quotes a{text-decoration:underline}.wide-photo{height:620px;position:relative;color:white}.wide-photo:after{content:"";position:absolute;inset:0;background:#233a2990}.wide-photo>div{position:absolute;inset:0;z-index:1;display:grid;align-content:center;text-align:center}.wide-photo span{font-size:12px;letter-spacing:.17em}.wide-photo h2{font:400 clamp(55px,6vw,95px)/1 'Cormorant Garamond',serif;margin:22px}.approach{padding:125px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.approach h2{font-size:75px}.approach-steps article{border-top:1px solid #aab8aa;display:grid;grid-template-columns:55px 1fr;padding:18px 0}.approach-steps article:last-child{border-bottom:1px solid #aab8aa}.approach-steps article span{font-size:12px}.approach-steps h3{font:400 37px 'Cormorant Garamond',serif;margin:0}.approach-steps p{margin:0;font-size:14px}.quotes{text-align:center;background:#e9ece6;padding:120px 15%}.quotes h2{font-size:80px}.quotes blockquote{max-width:760px;margin:65px auto 0;padding:35px 0;border-top:1px solid #bdc8bd;font:italic 32px/1.3 'Cormorant Garamond',serif}.quotes footer{font:400 12px Jost;margin-top:25px}.contact{background:#e7ece9;display:grid;grid-template-columns:1fr 42%;min-height:600px}.contact>div{padding:100px 12%;align-self:center}.contact h2{font-size:90px}.contact p:not(.overline){max-width:500px}.contact .btn{margin-top:20px}.footer{padding:45px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer span{font:400 35px 'Cormorant Garamond',serif}.footer small{font:400 11px Jost}.footer p,.footer a{font-size:11px}.inview{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s ease}.inview.on{opacity:1;transform:none}@media(max-width:850px){header{height:auto;padding:20px;flex-wrap:wrap}.head-link{display:none}nav{order:3;width:100%;overflow:auto;gap:20px}nav a{font-size:20px}.hero{grid-template-columns:1fr}.hero-copy{min-height:550px}.hero-photo{height:560px;margin:0 20px}.about{grid-template-columns:1fr}.about-photo{height:500px}.about-copy{padding:70px 8%}.service-grid{grid-template-columns:repeat(2,1fr)}.approach{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.contact>img{height:400px}}@media(max-width:550px){.hero h1{font-size:62px}.hero-photo{height:430px;border-radius:220px 220px 0 0}.statement{padding:80px 22px}.statement h2,.about h2,.services h2,.approach h2,.quotes h2,.contact h2{font-size:58px}.services{padding:80px 5%}.service-grid{grid-template-columns:1fr}.service{min-height:230px}.service h3{margin:22px 0}.wide-photo{height:450px}.approach,.quotes{padding:80px 7%}.quotes blockquote{font-size:28px}.contact>div{padding:75px 7%}.footer{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.inview{opacity:1;transform:none;transition:none}*{animation:none!important}}