@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2efe8;color:#171717;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:72px;position:fixed;z-index:9;top:0;left:0;right:0;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#f2efe8e8;backdrop-filter:blur(12px);border-bottom:1px solid #d6d0c4}.logo{font-weight:700;font-size:25px;letter-spacing:-.08em}.logo span{margin-left:4px}nav{display:flex;gap:28px;text-transform:uppercase;letter-spacing:.13em;font-size:11px}.hero{min-height:100vh;padding:115px 5vw 70px;display:grid;grid-template-columns:42% 58%;gap:5vw;align-items:center}.eyebrow{font-size:10px;letter-spacing:.2em;color:#706b63;margin:0 0 18px}.hero h1,h2,h3{font-family:'Playfair Display',serif;font-weight:500}.hero h1{font-size:clamp(62px,8vw,125px);line-height:.91;letter-spacing:-.05em;margin:0 0 30px}.lead{font-size:18px;line-height:1.65;color:#555149;max-width:480px}.btn{display:inline-block;border:1px solid #171717;padding:14px 20px;margin-top:18px;font-size:10px;letter-spacing:.16em}.heroimg{position:relative}.heroimg img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.heroimg span{position:absolute;bottom:-16px;left:18px;background:#171717;color:white;padding:9px 12px;font-size:10px;letter-spacing:.14em}.section{padding:120px 5vw}.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section h2{font-size:clamp(52px,6vw,88px);line-height:.95;margin:0}.head>p{max-width:400px;color:#6d675e;line-height:1.6}.filters{display:flex;gap:7px;margin-bottom:24px}.filters button{border:1px solid #c8c2b7;background:transparent;padding:10px 15px;text-transform:uppercase;font-size:10px;letter-spacing:.12em;cursor:pointer}.filters .active,.filters button:hover{background:#171717;color:white}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 24px}.work.wide{grid-column:span 2}.work img,.placeholder{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;background:#d9d5cc}.work.wide img{aspect-ratio:2.1}.work small{display:block;margin-top:13px;color:#777066;font-size:9px;letter-spacing:.17em}.work h3{font-size:29px;margin:5px 0}.work p{font-size:12px;color:#777066;margin:0}.placeholder{display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Playfair Display',serif;font-size:clamp(30px,5vw,70px);background:linear-gradient(135deg,#dfe5ec,#7688a4 55%,#262e38);color:white}.placeholder i{display:block;font-size:.55em}.placeholder.warm,.warm{background:linear-gradient(135deg,#e9d7a7,#8b6b4d 45%,#1e1e1e)}.dark{background:#171717;color:#f2efe8;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.dark .eyebrow{color:#aaa49b}.bio{max-width:620px;align-self:end;font-size:18px;line-height:1.75;color:#d2cdc3}.timeline{border-bottom:1px solid #d0c9be}.timeline>h2{margin-bottom:45px}.timeline>div{border-top:1px solid #c4beb3}.timeline div{display:grid;grid-template-columns:120px 1fr;padding:23px 0;gap:25px}.timeline b{font-size:12px;letter-spacing:.1em}.timeline span{line-height:1.5}.sources>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bdb7ad;border-left:1px solid #bdb7ad;margin-top:40px}.sources a{padding:25px;border-right:1px solid #bdb7ad;border-bottom:1px solid #bdb7ad;font-family:'Playfair Display',serif;font-size:24px}.note{font-size:11px;color:#777066;max-width:850px;line-height:1.6;margin-top:25px}footer{padding:25px 5vw;border-top:1px solid #d0c9be;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#777066;display:flex;justify-content:space-between}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:105px}.heroimg{order:-1}.hero h1{font-size:62px}.grid{grid-template-columns:1fr}.work.wide{grid-column:auto}.work.wide img{aspect-ratio:1.15}.dark{display:block}.bio{margin-top:45px}.sources>div{grid-template-columns:1fr}.timeline div{grid-template-columns:65px 1fr}footer{display:block;line-height:2}}
