:root{--ink:#112f3b;--orange:#f28c28;--mist:#f3f7f5}.blog-hero{background:linear-gradient(115deg,rgba(10,35,44,.96),rgba(12,55,65,.78)),url('assets/hero-project.jpeg') center/cover;min-height:370px;color:#fff;display:grid;align-items:center}.blog-hero h1,.admin-heading h1{font:700 clamp(2.4rem,5vw,4.6rem)/1.05 Manrope,sans-serif;margin:12px 0}.blog-hero em,.company-banner em{color:#f5a34b;font-style:normal}.blog-hero p:not(.eyebrow){max-width:570px;font-size:1.1rem;opacity:.9}.blog-area{padding:84px 0;background:#fff}.blog-toolbar,.company-banner,.admin-heading,.form-title{display:flex;align-items:center;justify-content:space-between;gap:24px}.blog-toolbar h2,.company-banner h2{font:700 2.1rem/1.15 Manrope,sans-serif;margin:7px 0}.company-banner h2{color:#fff;}.blog-actions{display:flex;gap:12px;align-items:center}.blog-actions input{padding:13px 15px;border:1px solid #d6dfdc;border-radius:5px;font:inherit}.blog-actions a,.admin-link{color:var(--ink);font-weight:700;text-decoration:none}.category-filters{display:flex;gap:9px;flex-wrap:wrap;margin:34px 0 24px}.category-filters button{border:1px solid #d8e1de;background:#fff;border-radius:99px;padding:9px 15px;color:#38535a;cursor:pointer}.category-filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{border:1px solid #e0e8e5;border-radius:9px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.post-image{height:175px;background:#dce9e5 center/cover}.post-body{padding:24px;display:flex;flex-direction:column;flex:1}.post-body small{color:#d9791d;font-weight:700;letter-spacing:.06em}.post-body h3{font:700 1.35rem/1.3 Manrope,sans-serif;margin:10px 0}.post-body p{color:#62767a;line-height:1.55}.post-body button{margin-top:auto;padding:0;border:0;background:none;color:var(--ink);font-weight:700;text-align:left;cursor:pointer}.company-banner{background:var(--ink);color:#fff;padding:64px max(24px,calc((100vw - 1160px)/2));}.company-banner h2{max-width:600px;color:#fff;}.company-banner p{max-width:620px;color:#cbd8d8}.empty{color:#6f8488;padding:30px 0}.post-dialog{border:0;border-radius:10px;max-width:740px;width:calc(100% - 30px);padding:34px;box-shadow:0 25px 80px #102f3b55}.post-dialog::backdrop{background:#102b3588}.post-dialog h2{font:700 2rem/1.2 Manrope}.post-dialog p{line-height:1.75;color:#425b60;white-space:pre-line}.close-dialog{float:right;border:0;background:#edf2f0;padding:8px 12px;cursor:pointer}.admin-page{background:var(--mist);min-height:calc(100vh - 80px);padding:70px 0}.admin-heading{margin-bottom:38px}.admin-heading h1{font-size:2.8rem}.admin-heading p{color:#63777a}.admin-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.post-form,.admin-list{background:#fff;border:1px solid #e0e8e5;border-radius:10px;padding:30px}.post-form label{display:block;font-weight:700;margin:18px 0 0;color:#263f45}.post-form input,.post-form textarea,.post-form select{box-sizing:border-box;width:100%;margin-top:7px;border:1px solid #d4dfdc;border-radius:5px;padding:12px;font:inherit;font-weight:400;color:#263f45}.post-form textarea{min-height:85px;resize:vertical}.post-form #content{min-height:210px}.post-form small{font-weight:400;color:#74888a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-title h2{margin:0;font:700 1.35rem Manrope}.form-title button{border:0;background:none;color:#aa5617;cursor:pointer}.form-note{font-size:.85rem;color:#78898a}.admin-item{border-top:1px solid #e4eae8;padding:18px 0}.admin-item small{color:#d9791d;font-weight:700}.admin-item h3{font:700 1rem/1.35 Manrope;margin:7px 0 12px}.admin-item button{border:0;background:none;padding:0;margin-right:14px;color:#315560;font-weight:700;cursor:pointer}.admin-item .delete{color:#b84a3a}@media(max-width:800px){.post-grid{grid-template-columns:1fr}.blog-toolbar,.admin-heading,.company-banner{align-items:flex-start;flex-direction:column}.blog-actions{width:100%;flex-wrap:wrap}.blog-actions input{flex:1}.admin-layout{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.blog-hero{min-height:310px}.company-banner{padding:48px 24px}.nav nav{display:none}}