*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101b17;color:#f3f0df;font:16px/1.65 system-ui,sans-serif}a{color:inherit}button,input,select{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #f5ce76;outline-offset:5px}.skip{position:absolute;left:16px;top:-80px;background:#e5bd62;color:#101b17;padding:10px}.skip:focus{top:5px}header{padding:25px 4vw;border-bottom:1px solid #66725e;display:flex;gap:30px;align-items:center;justify-content:space-between}.brand{font-size:27px;line-height:1;text-decoration:none;font-weight:900;letter-spacing:.1em}.brand small{display:block;font-size:9px;letter-spacing:.19em;margin-top:8px}nav{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}main{max-width:1440px;margin:auto;padding:0 5vw}section{padding:65px 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center;min-height:660px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.18em;color:#e4bd6c}h1{font-size:clamp(46px,5.4vw,85px);font-weight:900;letter-spacing:-.045em;line-height:1.04;margin:23px 0 28px}h1 em{font-style:normal;color:#efc875}.lead{font-size:25px;line-height:1.3;max-width:580px}.hero p{max-width:570px}.meta{font-size:12px;color:#c2cbbd;margin-top:28px}.hero-art{background:#060b08;border:1px solid #5b6c54;box-shadow:16px 16px 0 #223929;padding:18px;transform:rotate(-2deg)}.hero-art img{display:block;width:100%;height:auto;image-rendering:pixelated}.hero-art span{display:block;font-size:9px;letter-spacing:.2em;margin:14px 0 0;color:#e4bd6c}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;background:#e8c373;color:#111c17;border:0;padding:14px 22px;text-decoration:none;font-weight:750}.text-link{text-underline-offset:5px}.section-title{margin-bottom:30px}h2{font-size:clamp(30px,3vw,46px);line-height:1.15;letter-spacing:-.035em;margin:12px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#526650;border:1px solid #526650}.card{position:relative;display:block;text-decoration:none;background:#16271e;padding:30px;min-height:250px}.card:hover{background:#203a2b}.card h3{font-size:24px;line-height:1.2}.card p{font-size:14px;color:#cbd3c4;max-width:320px}.arrow{position:absolute;right:24px;bottom:20px;color:#e8c373;font-size:25px}.preservation{border-top:1px solid #526650;display:grid;grid-template-columns:1fr 1fr;gap:7vw}footer{padding:30px 5vw;border-top:1px solid #526650;color:#c3cbbd;font-size:12px}.reading{max-width:850px;margin:0 auto}.reading h1{font-size:clamp(36px,5vw,60px)}.reading h2{font-size:28px;margin-top:35px}.reading p,.reading li{color:#d4dbce}code{overflow-wrap:anywhere}.blog-card{padding:25px 0;border-bottom:1px solid #526650}.badge{display:inline-block;padding:4px 10px;border:1px solid #68765c;font-size:12px;margin-right:8px}@media(max-width:900px){header{align-items:flex-start;flex-direction:column;gap:20px}nav{gap:12px 18px}.hero{grid-template-columns:1fr;gap:30px;min-height:auto;padding:45px 0}.hero-art{max-width:650px;margin:0 14px 0 0;transform:none}.cards{grid-template-columns:repeat(2,1fr)}.preservation{grid-template-columns:1fr;gap:20px}section{padding:40px 0}}@media(max-width:520px){main{padding:0 6vw}h1{font-size:45px}.lead{font-size:22px}.cards{grid-template-columns:1fr}.card{min-height:215px;padding:25px}.actions{gap:18px}.hero-art{padding:10px}.brand{font-size:23px}}