:root{--ink:#18221b;--forest:#224d35;--leaf:#dce9d3;--paper:#f7f4ec;--orange:#e96834;--line:#d8d9cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font:700 19px Manrope;text-decoration:none}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--forest);color:#fff;border-radius:50% 50% 46% 54%;font-size:20px}.site-header nav{display:flex;gap:34px}.site-header nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}.site-header nav a:hover{color:var(--orange)}.menu-button{display:none;border:1px solid var(--ink);background:transparent;padding:8px 12px}.hero{min-height:620px;max-width:1180px;margin:auto;padding:78px 28px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center}.eyebrow,.category{text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:12px;color:var(--orange)}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12;margin-top:0}.hero h1{font-size:clamp(50px,7vw,86px);letter-spacing:-.055em;margin:12px 0 26px}.hero h1 em{color:var(--forest);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:560px;font-size:19px;color:#4d584f}.read-button,.article-toggle{display:inline-flex;align-items:center;gap:22px;margin-top:22px;border:0;background:var(--orange);color:#fff;padding:15px 20px;font:700 14px "DM Sans";text-decoration:none;cursor:pointer}.hero-art{height:430px;position:relative;background:var(--forest);overflow:hidden;border-radius:46% 54% 54% 46% / 52% 38% 62% 48%}.shape{position:absolute;border-radius:50%}.shape-one{width:310px;height:310px;background:#f1bd65;right:-60px;top:-60px}.shape-two{width:230px;height:230px;background:var(--leaf);left:-80px;bottom:-50px}.tool-line{position:absolute;inset:80px 0 0 80px;color:#fff;font:200px serif;transform:rotate(-18deg)}.spark{position:absolute;color:#fff;font-size:55px;right:78px;bottom:75px}.featured,.section,.split-section,.notes{max-width:1180px;margin:auto;padding:72px 28px}.lead-card{display:grid;grid-template-columns:1fr 1fr;background:#fff}.lead-image{min-height:430px;background:linear-gradient(135deg,#dce9d3 0 50%,#224d35 50%);display:grid;place-items:center}.lead-image span{background:var(--orange);color:white;padding:10px 15px;font-weight:800;letter-spacing:.1em;transform:rotate(-4deg)}.lead-content{padding:55px}.lead-content h2,.section h2,.split-section h2,.notes h2{font-size:clamp(31px,4vw,50px);letter-spacing:-.035em}.article-body{border-top:1px solid var(--line);margin-top:30px;padding-top:18px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading>span{color:#6e766f}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story-card{background:#fff}.story-card>div:last-child{padding:24px}.story-card h3{font-size:23px}.story-image{height:230px;display:flex;align-items:flex-end;padding:20px;color:#fff}.story-image b{font:800 60px Manrope;opacity:.9}.image-bits{background:#315f43}.image-battery{background:#dc7449}.image-safety{background:#b4a54e}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-section li{margin:12px 0}.blueprint{height:390px;border:2px solid #9ab2a1;background-color:#e3eee5;background-image:linear-gradient(#cbdccc 1px,transparent 1px),linear-gradient(90deg,#cbdccc 1px,transparent 1px);background-size:25px 25px;position:relative;display:grid;place-items:center;color:var(--forest)}.blueprint strong{border:5px solid var(--forest);padding:60px 90px}.blueprint span{position:absolute;top:34px}.blueprint i{position:absolute;width:5px;height:70px;background:var(--orange);bottom:35px}.blueprint i:nth-of-type(1){left:27%}.blueprint i:nth-of-type(2){left:50%}.blueprint i:nth-of-type(3){right:27%}.notes{max-width:820px}.notes>h2{text-align:left}.note-row{display:grid;grid-template-columns:75px 1fr;gap:22px;padding:27px 0;border-top:1px solid var(--line)}.note-row>span{font:800 32px Manrope;color:var(--orange)}.note-row h3{margin:3px 0;font-size:21px}.note-row p{margin:0;color:#59615b}footer{background:var(--ink);color:#d7ded8;padding:65px max(28px,calc((100vw - 1124px)/2));margin-top:60px}.footer-brand{color:#fff;margin-bottom:20px}footer small{display:block;margin-top:35px;color:#93a097}@media(max-width:760px){.site-header{height:68px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;padding:22px 28px;background:var(--paper);z-index:5;flex-direction:column;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:300px;margin-top:45px}.lead-card,.split-section{grid-template-columns:1fr}.lead-content{padding:32px 25px}.card-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.blueprint strong{padding:50px}.featured,.section,.split-section,.notes{padding-top:45px;padding-bottom:45px}}