:root{--ink:#0b2b33;--coral:#ef795f;--paper:#f5f3ed;--muted:#718087;--line:#dce1df;font-family:Inter,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--paper)}a{color:inherit}.blog-nav{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#09252d;color:#fff}.blog-logo{text-decoration:none;font-weight:850;letter-spacing:.13em;font-size:15px}.blog-logo span{display:block;color:var(--coral);font-size:6px;letter-spacing:.3em;margin-top:3px}.blog-nav nav{display:flex;align-items:center;gap:28px}.blog-nav nav a{text-decoration:none;font-size:10px;color:#aebdc0}.blog-nav nav a.active{color:#fff}.blog-nav .blog-cta,.blog-bottom a,.article aside a{background:var(--coral);color:#fff;padding:13px 17px;border-radius:3px;font-weight:750}.blog-hero{min-height:490px;background:radial-gradient(circle at 80% 10%,#315660,#09252d 55%);color:#fff;padding:110px 8vw 70px}.blog-hero>span,.article header>span{font-size:9px;letter-spacing:.18em;color:var(--coral)}.blog-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(50px,7vw,92px);line-height:.95;margin:25px 0}.blog-hero em{color:var(--coral);font-weight:400}.blog-hero p{max-width:650px;color:#a3b5b9;line-height:1.7;font-size:14px}.post-grid{padding:80px 7vw;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1500px;margin:auto}.post-grid article{background:#fff;border:1px solid var(--line)}.post-grid .featured{grid-column:1/-1}.post-grid article>a{text-decoration:none}.post-grid .featured>a{display:grid;grid-template-columns:1.25fr .75fr}.cover{position:relative;aspect-ratio:1.45;overflow:hidden;background:#0b2b33}.cover img{width:100%;height:100%;object-fit:cover;transition:.4s}.post-grid article:hover img{transform:scale(1.025)}.cover span{position:absolute;left:16px;top:16px;background:var(--coral);color:#fff;padding:8px 10px;font-size:8px;letter-spacing:.12em}.card-copy{padding:24px}.featured .card-copy{padding:6vw;display:flex;flex-direction:column;justify-content:center}.card-copy small{font-size:8px;color:var(--coral);letter-spacing:.1em}.card-copy h2{font-family:Georgia,serif;font-weight:400;font-size:25px;line-height:1.15}.featured h2{font-size:38px}.card-copy p{color:var(--muted);font-size:11px;line-height:1.7}.card-copy b{display:block;margin-top:25px;font-size:10px}.blog-bottom{background:#0a2730;color:#fff;text-align:center;padding:100px 20px}.blog-bottom h2{font-family:Georgia,serif;font-weight:400;font-size:42px;margin:0 0 35px}.blog-bottom a,.article aside a{text-decoration:none;font-size:11px}.article{max-width:980px;margin:auto;padding:80px 24px}.back{font-size:10px;text-decoration:none;color:var(--muted)}.article header{padding:65px 0 40px;max-width:820px}.article header h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,6vw,75px);line-height:1;margin:22px 0}.article header p{color:var(--muted);font-size:16px;line-height:1.65}.article-cover{width:100%;max-height:570px;object-fit:cover}.article-content{max-width:730px;margin:70px auto}.article-content h2{font-family:Georgia,serif;font-weight:400;font-size:34px;margin:55px 0 14px}.article-content h3{font-size:18px}.article-content p,.article-content li{font-family:Georgia,serif;color:#485d62;font-size:17px;line-height:1.9}.article-content a{color:#b65745}.article aside{background:#0b2b33;color:#fff;padding:45px;text-align:center}.article aside h2{font-family:Georgia,serif;font-weight:400;font-size:32px}.article aside p{color:#a8b8bb;margin-bottom:30px}footer{background:#061d24;color:#82989d;padding:45px 7vw;display:flex;justify-content:space-between;align-items:center;font-size:9px}footer .blog-logo{color:#fff}@media(max-width:850px){.post-grid{grid-template-columns:1fr}.post-grid .featured>a{grid-template-columns:1fr}.post-grid .featured{grid-column:auto}.blog-nav nav>a:not(.blog-cta){display:none}.blog-hero{min-height:420px;padding-top:90px}.featured h2{font-size:28px}.article{padding-top:50px}footer{align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width:480px){.blog-nav{padding:0 18px}.blog-cta{padding:10px!important}.blog-hero{padding:75px 20px 50px}.blog-hero h1{font-size:47px}.post-grid{padding:50px 16px}.article{padding:45px 18px}.article header{padding:45px 0 30px}.article header h1{font-size:44px}.article-content{margin:45px 0}.article-content h2{font-size:29px}.article-content p,.article-content li{font-size:16px}.article aside{padding:32px 20px}.blog-bottom h2{font-size:34px}}
