*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f6ef;color:#203c32;font:16px/1.65 system-ui,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e9824d;outline-offset:4px}.wrap{max-width:1160px;margin:auto;padding:0 28px}header{border-bottom:1px solid #d8ddd1}header .wrap{display:flex;justify-content:space-between;align-items:center;min-height:90px;gap:20px}.brand{text-decoration:none;font-weight:800;font-size:23px;letter-spacing:-1px}.brand b{color:#dc6d41}nav{display:flex;gap:26px;font-size:14px}nav a{text-decoration:none}.hero{padding:85px 0 75px;display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.eyebrow{font:700 12px/1.4 system-ui;letter-spacing:2px;text-transform:uppercase;color:#5e7868}h1{font-size:clamp(42px,5.8vw,74px);letter-spacing:-3px;line-height:1.06;margin:23px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#33785e}p{color:#5b6d61}.hero p{max-width:470px;font-size:18px}.button{display:inline-block;padding:13px 23px;border-radius:7px;background:#214f3d;color:white;text-decoration:none;font-size:14px;font-weight:650}.hero .button{margin-top:20px}.visual{background:#e5eadc;border-radius:18px;padding:30px;transform:rotate(2deg)}.window{background:#203c32;color:#f3f5dc;border-radius:10px;box-shadow:0 24px 45px #183d3225;padding:24px;transform:rotate(-2deg)}.dots{color:#e49c70;letter-spacing:5px;border-bottom:1px solid #ffffff20;padding-bottom:18px}.window pre{font:15px/1.9 monospace;white-space:pre-wrap;padding:16px 0}.window small{color:#a9c7ae}.strip{display:flex;gap:35px;flex-wrap:wrap;border-top:1px solid #d8ddd1;border-bottom:1px solid #d8ddd1;padding:20px 0;font-size:13px}.strip span:before{content:'✓ ';color:#508064}.section{padding:65px 0}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:10px 0}input{font:inherit;border:1px solid #cbd3c5;border-radius:6px;padding:11px 14px;background:transparent;width:260px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}button{font:inherit;cursor:pointer}.filters button{border:1px solid #cbd3c5;background:transparent;border-radius:30px;padding:7px 17px;font-size:13px}.filters button[aria-pressed=true]{background:#214f3d;color:white;border-color:#214f3d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{display:flex;flex-direction:column;border:1px solid #d8ddd1;border-radius:12px;background:#fcfcf6;overflow:hidden;text-decoration:none;transition:transform .18s}.card:hover{transform:translateY(-4px)}.art{height:150px;display:flex;align-items:center;justify-content:center;font:600 40px monospace;letter-spacing:-3px;background:#e7eddf;color:#3b6550}.card:nth-child(2n) .art{background:#f0e3d2;color:#9a6440}.card:nth-child(3n) .art{background:#dee7e6;color:#43686b}.card-body{padding:25px;flex:1}.tag{font-size:11px;font-weight:750;letter-spacing:1px;text-transform:uppercase;color:#4d7860}.card h3{font-size:21px;letter-spacing:-.5px;line-height:1.35;margin:12px 0}.card p{font-size:14px;margin:0 0 25px}.meta{font-size:12px;color:#617565;display:flex;justify-content:space-between}.path{background:#e6ebde;padding:35px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:25px}.path h2{font-size:27px}.path p{margin:8px 0}footer{border-top:1px solid #d8ddd1;padding:35px 0;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{margin-right:20px}.article{max-width:760px;padding-top:50px;padding-bottom:70px}.article h1{font-size:50px;letter-spacing:-2px}.article h2{margin-top:40px;font-size:26px}.article p{color:#384e41}.article pre{background:#203c32;color:#e5efd9;padding:24px;border-radius:10px;overflow:auto;line-height:1.7;font-size:13px}.article .back{font-size:13px;color:#557260}.note{padding:20px;border-left:3px solid #d7875b;background:#eeeadd} [hidden]{display:none!important}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:45px 0;gap:35px}.hero h1{max-width:650px}.visual{max-width:500px}.grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start;flex-direction:column}.path{align-items:start;flex-direction:column}}@media(max-width:500px){.wrap{padding:0 20px}header .wrap{min-height:100px;align-items:start;justify-content:center;flex-direction:column;padding-top:15px;padding-bottom:15px}nav{gap:20px}.grid{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.article h1{font-size:38px}.strip{gap:12px 23px}.window pre{font-size:12px}.section{padding:45px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}