:root { --ink:#081521; --navy:#0b2031; --gold:#c8a45d; --cream:#f5f1e8; --paper:#fbfaf7; --muted:#63707a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { height:86px; padding:0 6vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d9d8d2; background:rgba(251,250,247,.92); position:sticky; top:0; z-index:10; backdrop-filter:blur(12px); }
.wordmark { font-family:Georgia,serif; font-size:28px; font-weight:700; letter-spacing:.05em; }
.wordmark span { color:var(--gold); font-size:.66em; }
.header-link { text-transform:uppercase; font-size:12px; font-weight:700; letter-spacing:.18em; padding-bottom:7px; border-bottom:1px solid var(--gold); }
.hero { min-height:680px; padding:86px 6vw 78px; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr); align-items:center; gap:7vw; overflow:hidden; }
.eyebrow { margin:0 0 25px; display:flex; align-items:center; gap:12px; text-transform:uppercase; letter-spacing:.22em; font-size:11px; font-weight:700; color:#6f6552; }
.eyebrow span { width:31px; height:1px; background:var(--gold); }
h1,h2 { font-family:Georgia,serif; font-weight:400; letter-spacing:-.045em; margin:0; }
h1 { font-size:clamp(55px,6.2vw,96px); line-height:.96; max-width:850px; }
h1 em { color:var(--gold); font-weight:400; }
.intro { max-width:620px; margin:32px 0 0; font-size:18px; line-height:1.8; color:var(--muted); }
.actions { display:flex; gap:16px; margin-top:40px; flex-wrap:wrap; }
.primary,.secondary { min-height:54px; padding:0 25px; display:inline-flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; letter-spacing:.05em; }
.primary { background:var(--ink); color:white; }
.primary span,button span { margin-left:24px; color:var(--gold); }
.secondary { border:1px solid #c9c8c1; }
.monogram { aspect-ratio:1/1; width:min(100%,540px); justify-self:center; background:var(--navy); color:white; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; box-shadow:34px 34px 0 #e8e1d2; }
.monogram:before { content:""; position:absolute; inset:24px; border:1px solid rgba(200,164,93,.55); }
.monogram .micro { font-size:9px; letter-spacing:.35em; color:#bcb7aa; margin-bottom:42px; }
.monogram strong { font-family:Georgia,serif; font-size:clamp(72px,10vw,145px); letter-spacing:-.04em; line-height:.8; }
.monogram strong span { color:var(--gold); }
.domain-line { margin-top:45px; display:flex; align-items:center; gap:18px; font-size:10px; letter-spacing:.35em; }
.domain-line i { width:36px; height:1px; background:var(--gold); }
.proof { background:var(--cream); min-height:150px; display:grid; grid-template-columns:repeat(3,1fr); padding:0 6vw; border-block:1px solid #dfdbd0; }
.proof div { display:flex; align-items:center; justify-content:center; gap:18px; border-right:1px solid #d7d1c4; }
.proof div:last-child { border:0; }
.proof b { font-family:Georgia,serif; font-size:35px; font-weight:400; color:var(--gold); }
.proof span { text-transform:uppercase; letter-spacing:.14em; font-size:10px; color:#6c6a64; }
.possibilities { padding:120px 6vw; display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; }
.section-heading h2,.enquire h2 { font-size:clamp(45px,5vw,74px); line-height:1.02; }
.possibility-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:34px; }
.possibility-grid article { border-top:1px solid #bfa36d; padding-top:22px; }
.possibility-grid article > span { color:var(--gold); font-size:11px; letter-spacing:.15em; }
.possibility-grid h3 { font-family:Georgia,serif; font-size:25px; font-weight:400; margin:45px 0 15px; }
.possibility-grid p { color:var(--muted); line-height:1.75; font-size:14px; margin:0; }
.possibility-grid p b { color:var(--gold); }
.enquire { background:var(--navy); color:white; padding:105px 8vw; display:grid; grid-template-columns:1fr .85fr; gap:9vw; align-items:start; }
.eyebrow.light { color:#bbb8b0; }
.enquire-copy > p:not(.eyebrow) { color:#b8c0c6; line-height:1.8; max-width:570px; font-size:17px; }
.privacy-note { margin-top:35px; font-size:12px; letter-spacing:.08em; color:#c8c7c1; }
.privacy-note i { font-style:normal; color:var(--gold); margin-right:10px; }
form { background:#fff; color:var(--ink); padding:36px; box-shadow:18px 18px 0 rgba(200,164,93,.2); }
label { display:block; text-transform:uppercase; font-size:10px; font-weight:700; letter-spacing:.13em; margin-bottom:20px; }
label small { float:right; color:#9a9a94; }
input,textarea { width:100%; margin-top:9px; border:0; border-bottom:1px solid #cacac5; padding:11px 2px; font:14px Arial,sans-serif; color:var(--ink); background:transparent; border-radius:0; resize:vertical; }
input:focus,textarea:focus { outline:0; border-color:var(--gold); }
form button { width:100%; border:0; background:var(--gold); color:#081521; min-height:55px; font-weight:700; cursor:pointer; margin-top:5px; }
.form-status { font-size:12px; line-height:1.5; color:#52606a; margin:15px 0 0; }
footer { min-height:95px; padding:0 6vw; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#6b7277; font-size:12px; }
footer .wordmark { color:var(--ink); font-size:23px; }
footer > a:last-child { color:var(--ink); }
@media (max-width:900px) { .hero{grid-template-columns:1fr;padding-top:65px}.monogram{max-width:500px;margin-top:15px}.possibilities,.enquire{grid-template-columns:1fr}.possibility-grid{margin-top:15px} }
@media (max-width:620px) { .site-header{height:72px}.hero{padding:58px 6vw 70px;min-height:0}h1{font-size:48px}.intro{font-size:16px}.monogram{box-shadow:14px 14px 0 #e8e1d2}.monogram .micro{letter-spacing:.2em;margin-bottom:28px}.proof{grid-template-columns:1fr;padding:22px 6vw}.proof div{justify-content:flex-start;border-right:0;border-bottom:1px solid #d7d1c4;padding:19px 6px}.proof div:last-child{border:0}.possibilities{padding:85px 6vw}.possibility-grid{grid-template-columns:1fr}.possibility-grid h3{margin-top:25px}.enquire{padding:80px 6vw}form{padding:27px 22px}footer{padding:28px 6vw;flex-direction:column;text-align:center} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }