:root{--ink:#161713;--paper:#f1ede4;--deep:#e5dfd2;--accent:#b46237;--line:rgba(22,23,19,.18)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;letter-spacing:-.015em}a{color:inherit;text-decoration:none}
    header{max-width:1440px;height:96px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
    .brand{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.14em}.mark{display:grid;place-items:center;width:34px;height:34px;color:var(--paper);background:var(--ink);font:italic 20px Georgia;letter-spacing:0}nav{display:flex;gap:clamp(22px,4vw,54px);font-size:13px}nav a,.text-link,.top{border-bottom:1px solid transparent}nav a:hover,nav a:focus-visible,.text-link:hover,.text-link:focus-visible,.top:hover,.top:focus-visible{border-color:currentColor}
    .hero{max-width:1440px;min-height:calc(100vh - 96px);margin:auto;padding:clamp(44px,7vw,100px) 5vw clamp(60px,8vw,116px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.78fr);align-items:center;gap:clamp(50px,9vw,150px)}
    .eyebrow,.index{font:700 11px 'Courier New',monospace;letter-spacing:.11em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:38px}.eyebrow i{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(180,98,55,.13)}
    h1,h2,blockquote{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{max-width:700px;margin:0;font-size:clamp(64px,8.2vw,126px);line-height:.86;letter-spacing:-.075em}h1 em,h2 em{color:var(--accent);font-weight:inherit}.lead{max-width:560px;margin:38px 0 0;font-size:clamp(18px,1.7vw,24px);line-height:1.5}.actions{display:flex;align-items:center;gap:34px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:224px;padding:18px 20px;color:var(--paper);background:var(--ink);font-size:13px}.button:hover,.button:focus-visible{background:var(--accent)}.text-link{font-size:13px;padding:8px 0}
    .facts{display:flex;gap:clamp(34px,6vw,82px);margin:68px 0 0;padding-top:22px;border-top:1px solid var(--line)}.facts div{display:grid;gap:8px}.facts dt{font:9px 'Courier New',monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.58}.facts dd{margin:0;font-size:12px}
    figure{position:relative;margin:0;min-height:650px;background:#39372f;overflow:hidden;box-shadow:28px 28px 0 var(--deep)}figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.03)}.grid{position:absolute;inset:0;z-index:1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:40px 40px}figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:15px 18px;color:#eee9df;background:rgba(16,16,14,.72);font:9px 'Courier New',monospace;letter-spacing:.1em}
    .section{max-width:1440px;margin:auto;padding:clamp(90px,12vw,180px) 5vw;border-top:1px solid var(--line)}.index{margin:0;opacity:.62}.about{display:grid;grid-template-columns:.54fr 1.46fr;gap:5vw}.about h2,.heading h2{margin:0;font-size:clamp(48px,6.4vw,90px);line-height:.98;letter-spacing:-.055em}.about div p{max-width:720px;margin:44px 0 0 auto;font-size:clamp(18px,1.6vw,23px);line-height:1.65}
    .work{max-width:none;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;padding-left:max(5vw,calc((100vw - 1440px)/2 + 5vw));padding-right:max(5vw,calc((100vw - 1440px)/2 + 5vw))}.heading h2{margin-top:46px}.list{border-top:1px solid rgba(241,237,228,.24)}.list article{min-height:174px;display:grid;grid-template-columns:50px 1fr auto;gap:24px;align-items:center;border-bottom:1px solid rgba(241,237,228,.24)}.num{align-self:start;padding-top:42px;font:10px 'Courier New',monospace;color:#c7bfae}.list h3{margin:0 0 13px;font:400 clamp(29px,3vw,42px) Georgia}.list p{max-width:520px;margin:0;color:#c7bfae;font-size:14px;line-height:1.55}.arrow{font-size:28px;color:var(--accent)}
    .notes{display:grid;grid-template-columns:.45fr 1.55fr;gap:6vw;align-items:start;background:var(--deep)}blockquote{max-width:940px;margin:0;font-size:clamp(42px,5.2vw,76px);line-height:1.08;letter-spacing:-.045em}.signature{grid-column:2;margin:36px 0 0;font:11px 'Courier New',monospace;letter-spacing:.06em}
    footer{max-width:1440px;margin:auto;padding:56px 5vw 34px;display:grid;grid-template-columns:1fr 1fr auto;align-items:start;gap:34px;border-top:1px solid var(--line)}footer p{margin:0;font-size:11px;line-height:1.6}.top{font-size:12px;padding-bottom:5px}.copy{grid-column:1/-1;margin-top:46px;padding-top:18px;border-top:1px solid var(--line);opacity:.5}
    @media(max-width:900px){.hero{grid-template-columns:1fr}figure{min-height:72vw;max-height:760px;order:-1;box-shadow:18px 18px 0 var(--deep)}.about,.work,.notes{grid-template-columns:1fr}.about h2,.heading h2{margin-top:44px}.signature{grid-column:1}}
    @media(max-width:620px){header{height:76px}nav{display:none}.hero{min-height:auto;padding-top:34px;gap:58px}figure{min-height:112vw}h1{font-size:clamp(58px,20vw,92px)}.lead{font-size:17px}.actions{align-items:flex-start;flex-direction:column;gap:18px}.facts{gap:30px;flex-wrap:wrap;margin-top:50px}.list article{grid-template-columns:36px 1fr auto;gap:12px;min-height:160px}footer{grid-template-columns:1fr auto}footer>p:not(.copy){grid-column:1/-1}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
