*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(90deg,#eee9df,#f7f4ee 60%,#e6dfd2);color:#1d2224;font-family:Arial,Helvetica,sans-serif;line-height:1.65;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Georgia,serif;line-height:.96;margin:0;letter-spacing:-.045em}
p{font-size:17px;color:#6d6b66}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.side{position:fixed;left:0;top:0;bottom:0;width:220px;padding:26px 22px;background:#ece7dd;border-right:1px solid #1d222422;z-index:20}
.brand{font-family:Georgia,serif;font-size:34px;display:block}.side nav{display:grid;gap:11px;margin-top:26px;font-size:12px}.ticks{position:absolute;right:0;top:0;bottom:0;width:22px;border-left:1px solid #1d222422;background:repeating-linear-gradient(to bottom,transparent 0 17px,#1d222444 17px 18px,transparent 18px 35px)}
.main{margin-left:220px;min-width:0}.hero{min-height:100vh;padding:72px 5vw 56px;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.hero h1{font-size:clamp(62px,9vw,136px)}.visual{position:relative;padding:28px}.visual figure{margin:0;overflow:hidden;border:1px solid #1d222422;box-shadow:24px 24px 0 #c9bda9}.visual img{width:100%;aspect-ratio:4/5;object-fit:cover}.big-no{position:absolute;right:8px;top:0;font-family:Georgia,serif;font-size:90px;color:#b79a5d55}
.ruler-band{height:44px;border-top:1px solid #1d222422;border-bottom:1px solid #1d222422;background:linear-gradient(to right,transparent 0 9px,#1d222455 9px 10px) 0 0/20px 100%,linear-gradient(to right,transparent 0 49px,#1d222499 49px 50px) 0 0/100px 100%}
.archive,.studies,.dark{padding:90px 5vw}.section-head{display:grid;grid-template-columns:210px 1fr;gap:36px;margin-bottom:34px}.section-head h2,.dark h2{font-size:clamp(46px,7vw,84px);max-width:820px}
.measure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#1d222422;border:1px solid #1d222422}.measure-grid article{background:#f7f3ec;padding:24px;min-height:220px}.measure-grid strong{display:block;font-family:Georgia,serif;font-size:30px;color:#b79a5d}.measure-grid small{letter-spacing:.11em;text-transform:uppercase}
.study{display:grid;grid-template-columns:110px 1fr 320px;gap:26px;align-items:center;padding:28px 0;border-top:1px solid #1d222422}.study:last-child{border-bottom:1px solid #1d222422}.study>span{font:32px Georgia,serif;color:#b79a5d}.study h3{font-size:30px}.study figure{margin:0;overflow:hidden}.study img{width:100%;aspect-ratio:4/3;object-fit:cover}
.dark{background:#1d2224;color:#f3efe7}.dark p{color:#bcb9b2}.dark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.dark-grid article{border:1px solid #ffffff1f;padding:24px;min-height:220px}.dark-grid b{color:#d6bd84}.dark-grid h3{font-size:29px}
.page{width:min(980px,calc(100% - 32px));margin:auto;padding:74px 0 100px}.page h1{font-size:clamp(52px,8vw,98px);margin-bottom:20px}.page h2{font-size:38px;margin-top:46px}.page figure{margin:34px 0;overflow:hidden}.page figure img{width:100%;aspect-ratio:16/8;object-fit:cover}
footer{padding:36px 5vw 50px;border-top:1px solid #1d222422;display:grid;grid-template-columns:1fr 1fr;gap:24px}footer nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.side{position:static;width:auto;margin:16px}.side nav{display:flex;flex-wrap:wrap}.ticks{display:none}.main{margin-left:0}.hero,.section-head,.study{display:block}.hero{min-height:auto;padding:50px 20px}.visual{margin-top:28px;padding:0}.visual figure{box-shadow:none}.archive,.studies,.dark{padding:64px 20px}.measure-grid,.dark-grid{grid-template-columns:1fr}.study figure{margin-top:16px}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start}}