:root { --paper:#f3f0e9; --ink:#20201d; --muted:#6f6b62; --line:#d5d0c6; --pad:clamp(20px,4vw,64px); }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--paper); color:var(--ink); font:300 16px/1.5 Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
a:hover { opacity:.65; }
a:focus-visible { outline:2px solid #334e36; outline-offset:5px; }
.page { min-height:100svh; padding:26px var(--pad) 26px; display:flex; flex-direction:column; }
.site-header { display:flex; justify-content:space-between; align-items:start; gap:30px; margin-bottom:clamp(44px,6vw,92px); }
.brand { font-size:13px; letter-spacing:.17em; font-weight:700; white-space:nowrap; }
.descriptor { margin:0; font-size:13px; color:var(--muted); text-align:right; }
.hero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr); gap:clamp(30px,4vw,70px); align-items:end; }
.hero-image { width:100%; height:min(68svh,790px); overflow:hidden; background:#d8d2c7; }
.hero-image img { width:100%; height:100%; object-fit:cover; object-position:50% 20%; display:block; }
.copy { min-width:0; padding-bottom:4px; }
h1 { font:400 clamp(42px,5vw,88px)/.92 Georgia,'Times New Roman',serif; letter-spacing:-.045em; margin:0 0 .58em; }
.intro { max-width:475px; font-size:clamp(15px,1.13vw,18px); line-height:1.6; margin:0; }
.intro+.intro { margin-top:1em; }
.action-links { display:flex; flex-direction:column; align-items:start; gap:11px; margin-top:clamp(30px,3.5vw,54px); font-size:15px; }
.action-links a { border-bottom:1px solid currentColor; padding-bottom:2px; }
.footer { margin-top:auto; padding-top:clamp(44px,6vw,98px); display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; color:var(--muted); font-size:12px; }
.footer::before { content:""; display:block; height:1px; background:var(--line); grid-column:1/-1; }
.footer span:nth-of-type(2) { text-align:center; }
.footer a { text-align:right; overflow-wrap:anywhere; }
@media (max-width:960px) { .hero { grid-template-columns:minmax(0,1.2fr) minmax(275px,.8fr); gap:28px; } h1 { font-size:clamp(42px,5vw,62px); } }
@media (max-width:760px) { .page{padding:20px var(--pad) 25px;} .site-header{margin-bottom:34px;} .descriptor{max-width:165px;line-height:1.35;} .hero{grid-template-columns:minmax(0,1fr);gap:24px;} .hero-image{height:auto;aspect-ratio:4/5;} .hero-image img{object-position:50% 50%;} .copy{padding-top:4px;} h1{font-size:clamp(48px,11vw,72px);} .footer{grid-template-columns:1fr;gap:5px;padding-top:70px;} .footer::before{margin-bottom:10px;} .footer span:nth-of-type(2),.footer a{text-align:left;} }
@media (prefers-reduced-motion: no-preference) { a { transition:opacity .18s ease; } }
@media print { .page{min-height:auto;} .hero-image{height:175mm;} }