@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Libre+Caslon+Display&display=swap');
:root{color-scheme:dark;--ink:#11181b;--paper:#f0eee8;--gold:#c6a873;--line:rgba(240,238,232,.23)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.skip-link{position:absolute;z-index:10;top:-4rem;left:1rem;background:var(--paper);color:var(--ink);padding:.5rem 1rem}.skip-link:focus{top:1rem}
.page-shell{max-width:1800px;margin:auto;min-height:100svh;display:flex;flex-direction:column}
.site-header{height:108px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,96px);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:13px}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-content:center;font-family:Georgia,serif;font-size:25px;line-height:1;color:var(--gold);position:relative}.brand-mark-dot{position:absolute;bottom:3px;right:5px}.brand-name{font-size:13px;font-weight:700;line-height:1.06;letter-spacing:.2em}.header-note{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.21em}
main{flex:1;display:flex}
.hero{flex:1;min-height:620px;display:grid;grid-template-columns:55% 45%;border-bottom:1px solid var(--line)}
.hero-copy{padding:clamp(60px,8.2vw,135px) 2vw 65px clamp(24px,8vw,145px);position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 47px;color:var(--gold);font-size:12px;letter-spacing:.23em;font-weight:700}.rule{width:30px;height:1px;background:var(--gold)}
h1{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:clamp(3.2rem,6.5vw,7rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 55px;white-space:nowrap}
.hero-line{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(1.4rem,1.8vw,2rem);line-height:1.4;margin:0;color:#e5e3dc}
.hero-image-wrap{position:relative;min-height:620px;background:#242522}.hero-image{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 50%;filter:saturate(.75) contrast(1.04)}.image-edge{position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,rgba(17,24,27,.18) 21%,transparent 48%),linear-gradient(0deg,rgba(17,24,27,.4),transparent 28%)}
.site-footer{min-height:88px;flex:none;padding:20px clamp(24px,5vw,96px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#b7b5aa;font-size:13px}.site-footer span:first-child{letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--paper)}
@media(max-width:1000px){.hero{grid-template-columns:57% 43%}.hero-copy{padding-left:5vw}.hero h1{font-size:clamp(3.1rem,6.6vw,5.4rem)}}
@media(max-width:720px){.site-header{height:82px}.brand-name{font-size:11px}.brand-mark{width:37px;height:37px;font-size:22px}.header-note{font-size:10px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:62px 24px 66px}.eyebrow{margin-bottom:38px}.hero h1{font-size:clamp(3.12rem,10.4vw,5.7rem);margin-bottom:35px;white-space:normal}.hero-image-wrap{min-height:440px}.hero-image{object-position:center 52%}.image-edge{background:linear-gradient(180deg,var(--ink),transparent 22%),linear-gradient(0deg,rgba(17,24,27,.4),transparent 25%)}.site-footer{min-height:80px}}
@media(max-width:390px){.brand{gap:8px}.brand-name{letter-spacing:.12em}.hero h1{font-size:2.85rem}.site-footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}