@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root { --ink:#292321; --paper:#f6f0e7; --sand:#d6ae83; --rose:#b86154; --peach:#e8c2a5; --line:rgba(41,35,33,.2); --serif:'Playfair Display', Georgia, serif; --sans:'DM Sans', Arial, sans-serif; --mono:'DM Mono', monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); font-size:16px; line-height:1.5; }
a { color:inherit; }
.draft-bar { padding:11px 5vw; text-align:center; background:var(--ink); color:var(--paper); font-size:.78rem; letter-spacing:.01em; }
.hero { min-height:680px; background:#d7a67e; overflow:hidden; }
.nav { height:96px; display:flex; align-items:center; justify-content:space-between; max-width:1240px; margin:auto; padding:0 5vw; }
.wordmark { text-decoration:none; font-size:1.28rem; letter-spacing:-.05em; font-weight:700; }
.wordmark span { font-family:var(--serif); font-weight:500; font-style:italic; font-size:1.42em; }
.nav-call { padding-bottom:3px; border-bottom:1px solid var(--ink); text-decoration:none; font:500 .72rem var(--mono); text-transform:uppercase; letter-spacing:.06em; }
.hero-grid { display:grid; grid-template-columns:1.05fr .95fr; min-height:584px; max-width:1240px; margin:auto; padding:30px 5vw 70px; }
.hero-copy { align-self:center; position:relative; z-index:1; }
.eyebrow,.section-kicker { margin:0 0 18px; color:var(--rose); font:500 .71rem var(--mono); letter-spacing:.13em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:630px; margin-bottom:26px; font:600 clamp(3.4rem,7vw,6.65rem)/.92 var(--serif); letter-spacing:-.07em; }
h1 em { font-weight:500; color:#704842; }
.intro { max-width:390px; margin-bottom:30px; font-size:1.05rem; }
.hero-actions { display:flex; gap:24px; align-items:center; flex-wrap:wrap; }
.button { display:inline-block; padding:14px 19px; text-decoration:none; font:500 .73rem var(--mono); letter-spacing:.07em; text-transform:uppercase; transition:transform .2s ease, background .2s ease; }
.button:hover { transform:translateY(-3px); }
.button-dark { background:var(--ink); color:var(--paper); }
.button-light { background:var(--paper); color:var(--ink); }
.text-link { text-decoration:none; border-bottom:1px solid currentColor; padding-bottom:3px; font-size:.88rem; }
.hero-art { position:relative; min-height:450px; overflow:hidden; isolation:isolate; }
.hero-art p { position:absolute; z-index:2; top:36%; left:28%; margin:0; color:var(--paper); font:500 clamp(3rem,6vw,5.8rem)/.78 var(--serif); letter-spacing:-.08em; transform:rotate(-10deg); }
.sun { position:absolute; width:240px; height:240px; top:12%; left:25%; border-radius:50%; background:var(--rose); }
.arch { position:absolute; border-radius:220px 220px 0 0; border:1px solid rgba(41,35,33,.72); border-bottom:0; }
.arch-one { width:470px; height:500px; left:0; bottom:-70px; }
.arch-two { width:350px; height:378px; left:60px; bottom:-70px; }
.arch-three { width:210px; height:235px; left:130px; bottom:-70px; }
.statement { max-width:800px; padding:130px 5vw; margin:auto; text-align:center; }
.statement .section-kicker { color:var(--rose); }
h2 { font:600 clamp(2.65rem,5vw,4.9rem)/.98 var(--serif); letter-spacing:-.06em; }
.statement h2 { margin-bottom:25px; }
.statement > p:last-child { max-width:570px; margin:0 auto; font-size:1.08rem; }
.services { padding:88px 5vw 100px; background:#efdfce; }
.section-heading { max-width:1240px; margin:0 auto 44px; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); max-width:1240px; margin:auto; border-top:1px solid var(--line); }
.service-grid article { min-height:260px; padding:27px 28px 22px 0; border-bottom:1px solid var(--line); }
.service-grid article:not(:first-child) { padding-left:28px; border-left:1px solid var(--line); }
.service-grid span { display:block; margin-bottom:74px; color:var(--rose); font:.68rem var(--mono); }
h3 { margin-bottom:9px; font:600 1.55rem var(--serif); letter-spacing:-.04em; }
.service-grid p { max-width:205px; font-size:.91rem; }
.service-note { max-width:1240px; margin:28px auto 0; font-size:.84rem; }
.visit { display:grid; grid-template-columns:1fr 1fr; min-height:620px; background:var(--ink); color:var(--paper); }
.visit-art { position:relative; overflow:hidden; background:#9e4e47; }
.ribbon { position:absolute; width:145%; height:210px; top:36%; left:-20%; border-radius:50%; border:42px solid #e6b59e; transform:rotate(-18deg); }
.ribbon-b { top:22%; border-color:#d89a71; transform:rotate(18deg); }
.ribbon-c { top:48%; border-color:#f0dbc7; transform:rotate(-18deg); }
.visit-copy { align-self:center; padding:75px 12%; }
.visit-copy .section-kicker { color:#e2b096; }
.visit-copy h2 { margin-bottom:32px; }
address { margin-bottom:8px; font-style:normal; font:500 1.25rem/1.5 var(--serif); }
.phone { display:inline-block; margin-bottom:20px; font-size:1.05rem; text-decoration-thickness:1px; text-underline-offset:4px; }
.contact-note { max-width:335px; margin-bottom:27px; color:#dfd2c7; font-size:.91rem; }
footer { display:grid; grid-template-columns:1fr 2fr auto; gap:30px; align-items:start; padding:38px 5vw; background:#d7a67e; }
footer p { max-width:500px; margin:0; font-size:.78rem; }
.back-top { font:500 .7rem var(--mono); letter-spacing:.05em; text-transform:uppercase; text-decoration:none; border-bottom:1px solid var(--ink); }
@media (max-width:780px) { .draft-bar { font-size:.7rem; line-height:1.4; } .nav { height:72px; } .nav-call { font-size:.62rem; } .hero { min-height:auto; } .hero-grid { grid-template-columns:1fr; padding-top:47px; } h1 { font-size:clamp(3.3rem,15vw,5rem); } .hero-art { min-height:280px; margin-top:24px; } .hero-art p { font-size:3.8rem; left:23%; } .sun { width:170px; height:170px; left:25%; } .arch-one { width:350px; height:370px; } .arch-two { width:250px; height:270px; } .arch-three { width:150px; height:170px; } .statement { padding:88px 8vw; } .services { padding:70px 7vw; } .service-grid { grid-template-columns:1fr 1fr; } .service-grid article:nth-child(3) { padding-left:0; border-left:0; } .service-grid article { min-height:210px; } .service-grid article:not(:first-child) { padding-left:18px; } .service-grid article:nth-child(3) { padding-left:0; } .service-grid span { margin-bottom:47px; } .visit { grid-template-columns:1fr; } .visit-art { min-height:280px; } .visit-copy { padding:70px 8vw; } footer { grid-template-columns:1fr; gap:18px; } }
@media (max-width:410px) { .nav-call { display:none; } .service-grid { grid-template-columns:1fr; } .service-grid article:not(:first-child),.service-grid article:nth-child(3) { padding-left:0; border-left:0; } }