.brand-logo { display:block; width:156px; height:auto; }
.hero h1 { letter-spacing:-.03em; line-height:1.04; }
.hero-agency { margin:-.5rem 0 1.3rem; color:#d9f37a; font-family:"DM Mono",monospace; font-size:clamp(.8rem,1.3vw,1rem); font-weight:500; letter-spacing:.02em; }
.offer-book { background:#ffccb8; }
.blog-preview { max-width:1280px; margin:auto; padding:0 clamp(1.25rem,5vw,5.5rem) clamp(5rem,11vw,10rem); }
.blog-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2.1rem; }
.blog-heading h2 { margin:0; font-size:clamp(3rem,5.1vw,5rem); font-weight:600; letter-spacing:-.055em; line-height:.98; }
.blog-heading .text-link { margin-bottom:.45rem; }
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.blog-grid article { min-height:320px; padding:1.8rem; display:flex; flex-direction:column; background:#fff; border-top:5px solid #123665; }
.blog-grid article:nth-child(2) { background:#c9dcff; border-color:#ff8766; }.blog-grid article:nth-child(3) { color:#fff; background:#123665; border-color:#d9f37a; }
.blog-meta { margin-bottom:1.1rem; font-family:"DM Mono",monospace; font-size:12px; letter-spacing:.05em; text-transform:uppercase; }
.blog-grid h3 { margin-bottom:1rem; font-size:clamp(1.7rem,2.5vw,2.35rem); font-weight:600; letter-spacing:-.04em; line-height:1.03; }
.blog-grid p:not(.blog-meta) { font-size:16px; }.blog-grid a { margin-top:auto; font-family:"DM Mono",monospace; font-size:13px; font-weight:500; text-underline-offset:5px; }.blog-grid article:nth-child(3) a { color:#d9f37a; }
@media (max-width:850px) { .blog-heading { align-items:start; flex-direction:column; }.blog-grid { grid-template-columns:1fr; }.blog-grid article { min-height:unset; }.blog-grid a { margin-top:1.5rem; } }
@media (max-width:500px) { .brand-logo { width:138px; } }