:root { --ink:#19231e; --paper:#f4f0e7; --moss:#334537; --sun:#d7874e; --line:rgba(25,35,30,.24); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans", Arial, sans-serif; font-size:16px; }
a { color:inherit; text-decoration:none; }
.site-header { display:flex; align-items:center; justify-content:space-between; padding:22px 3.2vw; border-bottom:1px solid var(--line); font-family:"DM Mono", monospace; font-size:11px; letter-spacing:.04em; text-transform:uppercase; }
.wordmark { font-size:22px; font-weight:700; letter-spacing:-.12em; }.wordmark span{font-size:10px; vertical-align:top; margin-left:4px; color:var(--sun)}
nav { display:flex; gap:25px; } nav a { transition:opacity .2s ease; } nav a:hover { opacity:.5; }
.hero { min-height:calc(100svh - 68px); display:grid; grid-template-columns:1fr 1.14fr; border-bottom:1px solid var(--line); }
.hero-copy { padding:clamp(48px,10vh,132px) 3.2vw 44px; display:flex; flex-direction:column; align-items:flex-start; }
.eyebrow,.section-label,.index,figcaption,footer { font-family:"DM Mono",monospace; font-size:10px; line-height:1.4; letter-spacing:.06em; text-transform:uppercase; }.eyebrow span { padding:0 7px; color:var(--sun); }
h1,h2 { margin:0; font-family:"Instrument Serif", Georgia, serif; font-weight:400; line-height:.83; letter-spacing:-.055em; }h1 { margin-top:auto; font-size:clamp(85px,12vw,202px); } h1 em,h2 em { font-weight:400; }.hero-note { max-width:180px; margin:32px 0 0; font-size:14px; line-height:1.35; }.text-link { margin-top:28px; font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.04em; text-transform:uppercase; }.text-link span { color:var(--sun); font-size:15px; margin-left:5px; }
.hero-image { min-height:440px; margin:0; position:relative; overflow:hidden; background:#98765e; }.hero-image img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:49% 53%; }.hero-image figcaption { position:absolute; bottom:21px; right:23px; color:#fff; mix-blend-mode:difference; }
.statement { display:grid; grid-template-columns:1fr 2fr; gap:8vw; padding:clamp(72px,13vw,190px) 15vw 15vw 3.2vw; }.statement h2,.highlights h2,.timeline h2,.contact h2 { font-size:clamp(51px,7.7vw,130px); }.statement>div { max-width:760px; }.statement>div>p { max-width:520px; margin:42px 0 0; font-size:clamp(17px,1.8vw,25px); line-height:1.32; letter-spacing:-.02em; }
.feature-image { position:relative; height:min(70vw,810px); overflow:hidden; background:#53665a; }.feature-image:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(15,25,19,.27),transparent 70%); }.feature-image img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.82); }.feature-image p { position:absolute; z-index:1; bottom:26px; left:3.2vw; margin:0; color:#fff; font-family:"Instrument Serif",Georgia,serif; font-size:clamp(22px,3vw,42px); }
.highlights { padding:clamp(76px,12vw,170px) 3.2vw; display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; }.highlight-list { border-top:1px solid var(--ink); }.highlight-list article { display:grid; grid-template-columns:45px 1fr 1.5fr; gap:20px; padding:22px 0 31px; border-bottom:1px solid var(--line); }.highlight-list p { margin:0; font-size:14px; line-height:1.45; }.highlight-list .index { font-size:9px; }.highlight-list h3 { margin:0; font-size:15px; font-weight:500; }
.timeline { background:var(--moss); color:var(--paper); padding:clamp(76px,12vw,170px) 3.2vw; display:grid; grid-template-columns:1fr 1.2fr; gap:8vw; }.timeline ol { margin:0; padding:0; list-style:none; border-top:1px solid rgba(244,240,231,.5); }.timeline li { display:grid; grid-template-columns:100px 1fr; gap:20px; padding:22px 0 31px; border-bottom:1px solid rgba(244,240,231,.3); }.timeline li span { font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.04em; text-transform:uppercase; color:#e8aa75; }.timeline li p { margin:0; max-width:550px; font-size:16px; line-height:1.4; }
.contact { padding:clamp(110px,15vw,230px) 3.2vw 66px; min-height:85vh; display:flex; flex-direction:column; align-items:flex-start; }.contact h2 { margin-top:auto; }.email { margin-top:43px; padding-bottom:8px; border-bottom:1px solid var(--ink); font-family:"DM Mono",monospace; font-size:clamp(13px,2vw,24px); letter-spacing:-.05em; }.email span{color:var(--sun);}
footer { display:flex; justify-content:space-between; padding:20px 3.2vw; border-top:1px solid var(--line); color:rgba(25,35,30,.72); } footer p { margin:0; }
@media (max-width:700px) { .site-header{padding:18px 5vw}.site-header nav{gap:13px;font-size:9px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:68svh;padding:46px 5vw 40px}.hero-image{height:70svh;min-height:430px}h1{font-size:clamp(90px,27vw,150px)}.statement,.highlights,.timeline{grid-template-columns:1fr;padding-left:5vw;padding-right:5vw;gap:43px}.statement{padding-top:80px;padding-bottom:110px}.feature-image{height:76svh}.highlight-list article{grid-template-columns:29px 1fr;gap:12px}.highlight-list article>p:last-child{grid-column:2}.timeline{gap:65px}.timeline li{grid-template-columns:65px 1fr;gap:15px}.contact{padding-left:5vw;padding-right:5vw;min-height:70svh}footer{padding:18px 5vw;font-size:9px}.hero-image figcaption{right:5vw}.feature-image p{left:5vw;} }