:root { --ink:#082422; --paper:#f3ecd9; --gold:#c6a667; --soft:#bfb69f; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--paper); background:var(--ink); font-family:"DM Mono", monospace; }
main { overflow:hidden; }.nav { display:flex; justify-content:space-between; align-items:flex-start; padding:28px 5vw; position:relative; z-index:2; }.wordmark { color:var(--paper); text-decoration:none; font-size:12px; letter-spacing:.14em; line-height:1.28; }.nav-link { color:var(--paper); text-decoration:none; font-size:11px; letter-spacing:.06em; }.nav-link span,.button span,.contact-link span { color:var(--gold); margin-left:7px; font-size:1.2em; }
.hero { min-height:720px; display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:3vw 9vw 7vw; position:relative; }.hero-copy { position:relative; z-index:1; }.eyebrow { color:var(--gold); text-transform:uppercase; font-size:10px; line-height:1.5; letter-spacing:.13em; margin:0 0 24px; }.hero h1,.contact h2 { font:600 clamp(54px,7vw,108px)/.9 "Playfair Display", serif; letter-spacing:-.055em; margin:0; }.hero h1 em,.contact h2 em,.large-type em { font-weight:500; }.intro { color:var(--soft); max-width:375px; font-size:12px; line-height:1.9; margin:34px 0; }.button { color:var(--ink); text-decoration:none; display:inline-block; padding:16px 18px; background:var(--gold); font-size:10px; letter-spacing:.03em; }.button span { color:var(--ink); }
.crest-wrap { width:min(44vw,590px); aspect-ratio:1; position:relative; justify-self:end; display:grid; place-items:center; }.crest-wrap img { width:100%; position:relative; z-index:1; mix-blend-mode:screen; }.orb { border-radius:50%; position:absolute; border:1px solid rgba(198,166,103,.25); }.orb-one { width:92%; height:92%; }.orb-two { width:123%; height:123%; border-color:rgba(243,236,217,.1); }
.statement { background:var(--paper); color:var(--ink); min-height:570px; padding:9vw; display:grid; grid-template-columns:1.35fr .65fr; align-content:center; gap:28px 8vw; }.statement .eyebrow { grid-column:1/-1; }.large-type { font:600 clamp(38px,5vw,80px)/.98 "Playfair Display", serif; letter-spacing:-.05em; margin:0; }.statement-copy { align-self:end; font-size:12px; line-height:1.9; margin:0; max-width:310px; }
.values { display:grid; grid-template-columns:repeat(3,1fr); padding:0 9vw; background:var(--paper); color:var(--ink); }.values article { border-top:1px solid rgba(8,36,34,.25); padding:26px 30px 70px 0; margin-right:30px; }.values span { font-size:10px; color:#7d7563; }.values h2 { font:600 32px "Playfair Display", serif; letter-spacing:-.04em; margin:34px 0 12px; }.values p { font-size:11px; line-height:1.7; max-width:180px; }
.contact { padding:12vw 9vw; min-height:610px; background:linear-gradient(135deg,#0b302d,#061b1a); }.contact h2 { max-width:790px; }.contact-link { display:inline-block; color:var(--gold); margin-top:52px; font-size:12px; text-decoration:none; border-bottom:1px solid var(--gold); padding-bottom:10px; }
footer { display:flex; justify-content:space-between; color:var(--soft); padding:21px 5vw; font-size:9px; letter-spacing:.04em; border-top:1px solid rgba(243,236,217,.12); }
@media (max-width:700px) { .nav { padding:22px 7vw; }.hero { grid-template-columns:1fr; padding:14vw 7vw 22vw; min-height:760px; }.crest-wrap { width:84vw; opacity:.56; position:absolute; right:-13vw; bottom:4vw; }.hero h1 { font-size:64px; }.intro { max-width:270px; }.statement { min-height:520px; grid-template-columns:1fr; padding:22vw 7vw; }.statement .eyebrow { margin-bottom:6px; }.statement-copy { margin-top:13px; }.values { grid-template-columns:1fr; padding:0 7vw 14vw; }.values article { margin:0; padding:25px 0; }.values h2 { margin:18px 0 8px; }.contact { padding:25vw 7vw; min-height:500px; }.contact h2 { font-size:55px; } }