:root{--green:#173c35;--dark:#0a2925;--cream:#f8f5ec;--ochre:#a56b40;--ink:#22302b}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.75 Arial,Helvetica,sans-serif}a{color:inherit}.nav{background:var(--dark);color:#fff;min-height:96px;padding:20px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav a{text-decoration:none}.brand{font:700 clamp(29px,4vw,49px) Georgia,serif}.nav>a:last-child{font-size:13px;letter-spacing:.08em}.hero{background:linear-gradient(115deg,#092c27,#275c4e);color:#fff;padding:clamp(70px,10vw,140px) 7vw}.hero-copy{max-width:1060px;margin:auto}.hero h1{font:normal clamp(45px,7vw,92px)/1.02 Georgia,serif;margin:15px 0 25px}.subtitle{font:normal clamp(20px,2.5vw,31px)/1.35 Georgia,serif;color:#eee8d9}.credit{color:#d3d7ce;font-size:14px}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:700;color:#b47a4d;text-transform:uppercase}.hero .eyebrow{color:#e3bf87}.wrap{width:min(1200px,88%);margin:auto}.introduction{padding:80px 0;display:grid;grid-template-columns:1.6fr .7fr;gap:7vw}h2{font:normal clamp(32px,4vw,53px)/1.14 Georgia,serif;margin:12px 0 24px}h3{font:normal 25px Georgia,serif;margin:10px 0}.fact{padding:30px;background:#e6e3d5;border-top:4px solid var(--ochre);align-self:start}.fact span{display:block;font:normal 62px Georgia,serif;color:var(--green)}.fact strong{display:block}.fact p{font-size:14px;margin:8px 0}.art{padding:10px 0 90px}.art>p{max-width:850px}.art figure{margin:30px 0 0}.art img{width:100%;height:auto;display:block;border:1px solid #cfc8b9;box-shadow:0 16px 45px #1d30231f}.art figcaption{font-size:13px;color:#666;margin-top:12px}.method{background:#e7eadd;padding:75px 0 85px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.steps article{background:#fffdf7;padding:26px;border:1px solid #d6d9cc}.steps b{font:normal 28px Georgia,serif;color:var(--ochre)}.steps p{margin-bottom:0}.closing{padding:85px 0 55px}.closing p{max-width:930px}.source{padding:35px 0 75px;border-top:1px solid #d6d1c5}.source p{max-width:900px}.source a{color:#246050}footer{padding:30px;background:var(--dark);color:#fff;text-align:center;font-size:13px}@media(max-width:800px){.introduction{grid-template-columns:1fr;padding:55px 0}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.nav{min-height:80px}.brand{font-size:29px}.nav>a:last-child{font-size:11px}.steps{grid-template-columns:1fr}.art{padding-bottom:60px}.method,.closing{padding-top:55px;padding-bottom:55px}}
