:root{--ink:#050505;--ink2:#161616;--ivory:#f6f2ea;--paper:#fbf9f4;--brass:#8c6d43;--muted:#5e5a54;--rule:#d9d1c2;
--serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);font-weight:500;display:flex;align-items:center;gap:16px}
.eyebrow:before{content:"";width:32px;height:1px;background:var(--brass)}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.01em}
h1{font-size:clamp(44px,7vw,96px)}
h2{font-size:clamp(36px,4.6vw,60px)}
h3{font-size:30px;line-height:1.15}
em{font-style:italic;color:var(--brass)}
p{max-width:62ch}
/* header */
header{position:sticky;top:0;z-index:10;background:rgba(5,5,5,.94);color:var(--ivory);border-bottom:1px solid rgba(246,242,234,.08)}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:78px}
.mark{text-decoration:none;display:flex;flex-direction:column;line-height:1}
.mark b{font-family:var(--serif);font-weight:500;font-size:25px;letter-spacing:.2em}
.mark small{font-size:9.5px;letter-spacing:.38em;color:#d2b47c;margin-top:6px}
nav{display:flex;gap:34px;align-items:center;font-size:13px;letter-spacing:.08em}
nav a{text-decoration:none;opacity:.82}nav a:hover{opacity:1}
.btn{display:inline-block;text-decoration:none;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:17px 30px;border:1px solid var(--brass);background:var(--brass);color:#fff;transition:.25s;cursor:pointer;font-family:var(--sans)}
.btn:hover{background:transparent;color:var(--brass)}
.btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.btn.ghost:hover{color:var(--brass);border-color:var(--brass)}
nav .btn{padding:11px 20px;font-size:11.5px;opacity:1}
.menu{display:none;background:none;border:0;color:var(--ivory);font-size:13px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
/* hero */
.hero{background:var(--ink);color:var(--ivory);padding:150px 0 120px;position:relative}
.hero h1{max-width:13ch;margin:34px 0 44px}
.hero .lede{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid rgba(246,242,234,.16);padding-top:44px}
.hero .lede>p{font-family:var(--serif);font-size:27px;line-height:1.4}
.hero .lede p{color:rgba(246,242,234,.78)}
.hero .ctas{margin-top:34px;display:flex;gap:16px;flex-wrap:wrap}
.motto{font-family:var(--serif);font-style:italic;font-size:22px;color:#7a5f3c}.dark .motto,footer .motto{color:#d2b47c}
section{padding:140px 0}
.ivory{background:var(--ivory)}
.dark{background:var(--ink);color:var(--ivory)}
.dark p{color:rgba(246,242,234,.78)}
/* about */
.about{display:grid;grid-template-columns:5fr 7fr;gap:96px;align-items:start}
.portrait{margin:0;position:sticky;top:120px;align-self:start}
.portrait:before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--brass);z-index:0}
.portrait picture,.portrait img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;background:#d9d6d0}
.contact .note a,footer .bottom a{color:inherit;text-decoration:none;border-bottom:1px solid var(--brass)}
@media(max-width:900px){.portrait{position:relative;top:0;max-width:440px;margin-right:18px}}
.about h2{margin:26px 0 40px}
.about p+p{margin-top:22px}
.pull{font-family:var(--serif);font-size:34px;line-height:1.25;border-left:1px solid var(--brass);padding-left:32px;margin:48px 0!important;color:var(--ink)}
.sig{margin-top:44px;padding-top:24px;border-top:1px solid var(--rule)}
.sig b{font-family:var(--serif);font-size:28px;font-weight:500;display:block}
.sig small{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
/* place */
.split{display:grid;grid-template-columns:1fr 1fr;gap:96px}
.split h2{margin-top:26px}
.split p+p{margin-top:22px}
.split .btn{margin-top:40px}
/* services */
.head{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:end;margin-bottom:80px}
.head h2{margin-top:26px}
.svc{border-top:1px solid var(--ink)}
.svc article{display:grid;grid-template-columns:90px 1fr 1.3fr;gap:40px;padding:48px 0;border-bottom:1px solid var(--rule)}
.svc .n{font-family:var(--serif);font-size:20px;color:var(--brass)}
.svc .q{font-family:var(--serif);font-style:italic;font-size:21px;color:var(--ink2);margin-top:14px;line-height:1.4}
.svc p.b{color:var(--muted)}
/* offerings */
.offers{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(246,242,234,.2)}
.offers div{padding:56px 56px 56px 0;border-bottom:1px solid rgba(246,242,234,.2)}
.offers div:nth-child(even){padding:56px 0 56px 56px;border-left:1px solid rgba(246,242,234,.2)}
.offers small{font-size:12px;letter-spacing:.2em;color:#d2b47c}
.offers h3{margin:18px 0 16px}
.center{text-align:center;margin-top:64px}
/* contact */
.contact{display:grid;grid-template-columns:5fr 7fr;gap:96px}
.contact h2{margin:26px 0 30px}
.contact .note{margin-top:40px;padding-top:24px;border-top:1px solid var(--rule);font-size:14px;color:var(--muted)}
form{display:grid;grid-template-columns:1fr 1fr;gap:30px 32px}
label{display:block;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
input,select,textarea{width:100%;border:0;border-bottom:1px solid #b9ad97;background:transparent;padding:10px 0;font:inherit;color:var(--ink);border-radius:0}
input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:var(--brass)}
.full{grid-column:1/-1}
textarea{min-height:130px;resize:vertical}
footer{background:#000000;color:rgba(246,242,234,.6);padding:80px 0 40px;font-size:13.5px}
footer .top{display:flex;justify-content:space-between;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(246,242,234,.12);color:var(--ivory)}
footer .disc{max-width:none;margin-top:32px;font-size:12.5px;line-height:1.7}
footer .bottom{display:flex;justify-content:space-between;margin-top:24px;font-size:12px;letter-spacing:.06em}
.reveal{opacity:0;transform:translateY(18px);transition:opacity 1s ease,transform 1s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
@media (max-width:900px){
 body{font-size:16px}.wrap{padding:0 24px}
 nav{display:none}.menu{display:block}
 nav.open{display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:78px;left:0;right:0;background:var(--ink);padding:24px;gap:22px}
 .hero{padding:96px 0 80px}.hero .lede,.about,.split,.head,.contact,.offers,form{grid-template-columns:1fr;gap:36px}
 .hero .lede>p{font-size:23px}
 section{padding:88px 0}.portrait{position:relative;top:0}
 .pull{font-size:27px;padding-left:22px}
 .svc article{grid-template-columns:1fr;gap:10px;padding:36px 0}
 .offers div,.offers div:nth-child(even){padding:40px 0;border-left:0}
 .head{margin-bottom:48px}
 footer .top,footer .bottom{flex-direction:column;gap:16px}
}

.mark img{display:block;height:46px;width:auto}footer .mark img{height:128px}
@media(max-width:700px){.mark img{height:40px}footer .mark img{height:104px}}

.hero,.dark{position:relative;background-image:radial-gradient(120% 80% at 75% -10%,rgba(255,255,255,.09),transparent 55%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.045) 45%,transparent 60%),linear-gradient(180deg,#0d0d0d,#030303)!important}
header{backdrop-filter:blur(8px);border-bottom:1px solid rgba(210,180,124,.22)!important;box-shadow:0 1px 0 rgba(255,255,255,.04)}
footer{background-image:linear-gradient(180deg,#0b0b0b,#000)!important;border-top:1px solid rgba(210,180,124,.18)}
.btn{background-image:linear-gradient(135deg,#a8854f 0%,#e2c58a 45%,#9c7a45 100%)!important;color:#0a0a0a!important;border-color:transparent!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.hero,.dark,footer,header{--brass:#c2a066}.hero .btn,.dark .btn,header .btn{color:#0a0a0a}