:root{--ink:#20201d;--muted:#74716b;--paper:#f4f1e9;--line:#d7d2c8;--rust:#a65b3e;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{height:78px;padding:0 6.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(244,241,233,.94);backdrop-filter:blur(12px);z-index:10}.wordmark{font-size:12px;letter-spacing:.14em;font-weight:700;white-space:nowrap}.wordmark span{font-weight:400;color:var(--muted);margin-left:5px}.site-header nav{display:flex;gap:38px;margin-left:9%}.site-header nav a,.header-cta{font-size:12px}.site-header nav a:hover,.text-link:hover,.contact-details a:hover{color:var(--rust)}.header-cta{border:1px solid var(--ink);border-radius:30px;padding:11px 18px}.header-cta span{margin-left:16px}.menu-toggle{display:none}.hero{padding:42px 9.3% 33px;min-height:690px;display:flex;flex-direction:column}.hero-top,.hero-caption,.section-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;color:var(--muted)}.availability i{display:inline-block;width:6px;height:6px;background:#799276;border-radius:50%;margin-right:8px}.hero h1{font:400 clamp(88px,14.2vw,205px)/.82 var(--serif);letter-spacing:-.075em;margin:105px 0 30px}.hero h1 em,.intro h2 em,.section-heading h2 em,.services-head h2 em,.contact h2 em{font-weight:400;color:var(--rust)}.hero-bottom{display:grid;grid-template-columns:1fr 75px 1fr;align-items:end;margin-top:auto;padding-bottom:27px}.hero-intro{font:21px/1.4 var(--serif);max-width:360px;margin:0}.round-link{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:18px;justify-self:center}.hero-note{text-align:right;font-size:9px;line-height:1.9;letter-spacing:.1em;color:var(--muted);margin:0}.hero-rule{border-top:1px solid var(--line)}.hero-caption{padding-top:14px;font-size:8px}.section-pad{padding:100px 9.3%}.section-label{border-top:1px solid var(--line);padding-top:14px}.section-label span:first-child{color:var(--ink)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:66px}.intro h2,.section-heading h2,.services-head h2{font:400 clamp(48px,6vw,80px)/1.02 var(--serif);letter-spacing:-.055em;margin:0}.large-copy{font:26px/1.38 var(--serif);max-width:540px;margin:6px 0 25px}.body-copy,.section-heading>p,.services-head>p,.contact>p{color:#68655f;line-height:1.8;max-width:470px}.text-link{display:inline-block;border-bottom:1px solid var(--ink);padding:10px 0 7px;margin-top:13px;font-size:11px}.text-link span{margin-left:18px}.work{background:#eeebe3}.section-heading{display:flex;align-items:end;justify-content:space-between;padding:63px 0 48px}.section-heading>p{max-width:270px;margin:0 2% 5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 22px}.project-card:last-child{grid-column:1/-1}.project-visual{height:340px;position:relative;overflow:hidden;padding:19px 22px;color:#f8f4ec}.visual-index{position:absolute;top:20px;left:22px;font-size:8px;letter-spacing:.13em;z-index:2}.barber-visual{background:#272824}.barber-mark{font:500 clamp(30px,4vw,55px) var(--serif);letter-spacing:.07em;text-align:center;position:absolute;top:40%;width:calc(100% - 44px)}.barber-mark small{display:block;font:8px var(--sans);letter-spacing:.25em;margin-top:12px}.visual-bottom{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em}.visual-bottom b{font-weight:500}.photo-visual{background:#cc9c76;color:#252720}.photo-scene{position:absolute;inset:0;background:linear-gradient(155deg,#e8c49d,#b66d4c 55%,#505d50)}.sun{width:118px;height:118px;border-radius:100%;background:#f1d7aa;position:absolute;top:53px;right:19%}.horizon{position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(165deg,transparent 0 20%,#63705c 20% 45%,#313f36 45%)}.figure{position:absolute;bottom:45px;left:54%;height:155px;width:70px;background:#272a27;border-radius:45% 45% 4px 4px;transform:rotate(-6deg)}.photo-title{position:absolute;top:90px;left:9%;font:52px/.9 var(--serif);z-index:1}.photo-title span{display:block;font:8px var(--sans);letter-spacing:.2em;margin-top:15px}.photo-visual .visual-index,.photo-visual .visual-bottom{z-index:2}.haven-visual{background:#576455}.haven-landscape{position:absolute;inset:0;background:linear-gradient(#d8cbb0 0 53%,#99a18a 53% 100%)}.house{position:absolute;background:#e8dfce;width:42%;height:40%;left:31%;bottom:18%;clip-path:polygon(50% 0,100% 38%,91% 38%,91% 100%,9% 100%,9% 38%,0 38%)}.tree{position:absolute;bottom:16%;width:68px;height:150px;background:#59634f;clip-path:polygon(50% 0,100% 70%,74% 70%,100% 100%,0 100%,26% 70%,0 70%)}.t1{left:15%}.t2{right:15%;height:120px}.haven-brand{position:absolute;top:90px;left:10%;font:48px var(--serif);z-index:1;color:#30352d}.haven-brand small{display:block;font:8px var(--sans);letter-spacing:.18em;margin-top:6px}.haven-visual .visual-index,.haven-visual .visual-bottom{z-index:2}.project-meta{display:flex;justify-content:space-between;padding-top:14px}.project-type{font-size:8px;letter-spacing:.12em;color:var(--muted)}.project-meta h3{font:21px var(--serif);margin:7px 0 0}.arrow{font-size:19px}.demo-note{font-size:10px;color:var(--muted);margin-top:35px}.services-head{display:flex;justify-content:space-between;align-items:end;padding:64px 0 49px}.services-head>p{max-width:300px;margin-bottom:4px}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:8% 37% 1fr 25px;gap:12px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.service-no{font-size:9px;color:var(--muted)}.service-list h3{font:22px var(--serif);margin:0}.service-list p{font-size:11px;color:var(--muted);line-height:1.7;max-width:420px;margin:0}.service-mark{font-size:16px;text-align:right}.contact{background:#252622;color:var(--paper);padding-bottom:55px}.contact .section-label{border-color:#50504a;color:#aaa69d}.contact .section-label span:first-child{color:var(--paper)}.contact h2{font:400 clamp(68px,10vw,130px)/.87 var(--serif);letter-spacing:-.06em;margin:95px 0 23px}.contact h2 em{color:#c88668}.contact>p{color:#b4b1a8;max-width:370px}.contact-button{display:inline-flex;align-items:center;gap:70px;background:var(--paper);color:var(--ink);padding:17px 20px;border-radius:2px;margin-top:26px;font-size:11px}.contact-details{display:flex;justify-content:space-between;border-top:1px solid #50504a;margin-top:95px;padding-top:18px;font-size:9px;letter-spacing:.13em}footer{padding:25px 6.1%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.1em;color:var(--muted)}footer .wordmark{color:var(--ink)}@media(max-width:760px){.site-header{height:66px;padding:0 5%}.site-header nav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--paper);padding:20px 6%;margin:0;border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.site-header nav.open{display:flex}.menu-toggle{display:block;border:0;background:none;font:11px var(--sans);margin-left:auto;margin-right:18px}.header-cta{font-size:10px;padding:9px 12px}.hero{padding:30px 6% 25px;min-height:610px}.hero-top{font-size:7px}.hero h1{font-size:clamp(72px,17vw,130px);margin:115px 0 34px}.hero-bottom{grid-template-columns:1fr 50px}.hero-intro{font-size:18px}.hero-note{grid-column:1/-1;text-align:left;margin-top:29px}.hero-caption{font-size:7px}.section-pad{padding:72px 6%}.intro-grid{grid-template-columns:1fr;gap:35px;padding-top:45px}.intro h2,.section-heading h2,.services-head h2{font-size:58px}.large-copy{font-size:23px}.section-heading,.services-head{display:block;padding:48px 0 34px}.section-heading>p,.services-head>p{margin-top:22px}.project-grid{grid-template-columns:1fr;gap:35px}.project-card:last-child{grid-column:auto}.project-visual{height:290px}.barber-mark{font-size:38px}.photo-title{font-size:48px}.haven-brand{font-size:41px}.service-list article{grid-template-columns:35px 1fr 20px;gap:8px;padding:21px 0}.service-list h3{font-size:19px}.service-list p{grid-column:2;grid-row:2}.service-mark{grid-column:3;grid-row:1}.contact h2{margin-top:77px}.contact-details{margin-top:65px;gap:18px;font-size:8px}footer{padding:23px 6%;gap:16px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
