@charset "UTF-8";
:root{--ink:#173e43;--muted:#52686a;--paper:#f4f3ec;--line:#ced5ce;--accent:#deef83}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid #256d72;outline-offset:6px}img{max-width:100%;display:block}.wrap{max-width:1240px;padding:0 40px;margin:auto}.nav{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:29px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px}.brand img{width:32px;height:32px}.navlinks{display:flex;gap:32px;font-size:14px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:650}.hero{padding:65px 0 42px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.8vw,88px);line-height:1.03;font-weight:500;letter-spacing:-4px;margin:22px 0 0}.intro{color:var(--muted);max-width:390px;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--ink);color:#fff;border-radius:4px;padding:14px 21px;font-size:14px}.landscape{position:relative;border-radius:8px;overflow:hidden;background:#a8cbc7}.landscape>img{width:100%;height:390px;object-fit:cover}.caption{position:absolute;bottom:24px;left:28px;color:#fff;font-size:12px;letter-spacing:1px;text-transform:uppercase}.caption strong{display:block;font-size:24px;letter-spacing:-.5px;text-transform:none;font-weight:500}.section{padding:65px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}h2{font-size:38px;line-height:1.18;letter-spacing:-1.4px;font-weight:500;margin:0}.section-head span{font-size:13px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{border-top:1px solid var(--line);padding-top:18px}.art{height:170px;border-radius:5px;margin-bottom:22px;background:#d4e3db;position:relative;overflow:hidden}.art img{height:100%;width:100%;object-fit:cover}.art-b img{object-position:70% 80%;transform:scale(1.5)}.art-c img{object-position:0 100%;transform:scale(1.3)}.meta{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.card h3{font-size:24px;font-weight:550;line-height:1.3;letter-spacing:-.5px;margin-bottom:12px}.card p{font-size:15px;color:var(--muted)}.read{font-size:14px;font-weight:650}.about{display:grid;grid-template-columns:1fr 1.1fr;background:var(--ink);color:var(--paper);padding:44px;gap:60px;border-radius:6px;margin-bottom:60px}.about h2{font-size:40px;margin-top:20px}.about p{color:#d4e0d9;margin:0}.about .eyebrow{color:var(--accent)}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.article{max-width:800px;margin:55px auto 75px}.article h1{font-size:56px;letter-spacing:-2px;line-height:1.12;margin:22px 0 30px}.article .lead{font-size:22px;color:var(--muted)}.article h2{font-size:28px;margin:36px 0 14px}.article li{margin:10px 0}.back{font-size:13px}.note{padding:22px 26px;background:#e7ebdd;border-left:3px solid #5a7e63}.skip{position:absolute;left:-10000px}.skip:focus{left:15px;top:15px;background:white;padding:10px;z-index:10}@media(max-width:760px){.wrap{padding:0 22px}.nav{min-height:82px;gap:12px}.brand{font-size:25px;gap:7px}.brand img{width:27px;height:27px}.navlinks{gap:12px;font-size:12px}.hero{padding:40px 0 28px;grid-template-columns:1fr;gap:28px}h1{letter-spacing:-2.5px}.intro{max-width:100%}.landscape>img{height:290px}.section{padding:45px 0}.cards{grid-template-columns:1fr;gap:34px}.art{height:210px}.about{grid-template-columns:1fr;padding:30px;gap:25px;margin-bottom:40px}.section-head span{display:none}h2{font-size:31px}.article{margin-top:36px}.article h1{font-size:40px}.article .lead{font-size:19px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
