.hz-blog{ --hz-ink:#152525; --hz-soft:#4a5a5a; --hz-teal:#0f9b8e; --hz-teal-dark:#0c7d72; --hz-teal-deep:#0a5f57; --hz-sand:#f6f3ee; --hz-sand2:#efe9e0; --hz-line:#e6e1d8; --hz-white:#fff; font-family:"Helvetica Neue",Arial,sans-serif; color:var(--hz-ink); line-height:1.7; } .hz-blog *{box-sizing:border-box;} .hz-wrap{max-width:1120px;margin:0 auto;padding:0 24px;} .hz-eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;color:var(--hz-teal-dark);margin-bottom:16px;} .hz-blog h1,.hz-blog h2{font-weight:800;line-height:1.12;letter-spacing:-.025em;margin:0;} .hz-blog h1{font-size:clamp(2.3rem,5.5vw,3.6rem);} .hz-blog p{margin:0 0 18px;color:var(--hz-soft);} .hz-accent{color:var(--hz-teal-dark);} .hz-hero{background:linear-gradient(150deg,var(--hz-teal-deep) 0%,var(--hz-teal-dark) 55%,var(--hz-teal) 100%);padding:76px 0 68px;text-align:center;border-radius:24px;} .hz-hero .hz-eyebrow{color:#fff;opacity:.85;} .hz-hero h1{color:#fff;} .hz-hero h1 span{color:var(--hz-sand);} .hz-hero p{color:rgba(255,255,255,.92);max-width:600px;margin:20px auto 0;font-size:1.12rem;} .hz-block{padding:70px 0;} .hz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;} .hz-post{background:var(--hz-white);border:1px solid var(--hz-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s;text-decoration:none;color:inherit;} .hz-post:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(15,155,142,.16);} .hz-thumb{aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--hz-teal),var(--hz-teal-deep));position:relative;} .hz-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;} .hz-post:hover .hz-thumb img{transform:scale(1.05);} .hz-thumb .hz-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:2.6rem;} .hz-pbody{padding:28px 26px 30px;display:flex;flex-direction:column;flex-grow:1;} .hz-tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--hz-teal-dark);margin-bottom:12px;} .hz-post h3{font-size:1.22rem;font-weight:800;line-height:1.3;margin:0 0 12px;color:var(--hz-ink);letter-spacing:-.01em;} .hz-post p{font-size:.95rem;margin:0 0 20px;flex-grow:1;} .hz-read{color:var(--hz-teal-dark);font-weight:700;font-size:.92rem;display:inline-flex;align-items:center;gap:5px;} .hz-read i{transition:transform .16s;} .hz-post:hover .hz-read i{transform:translateX(4px);} .hz-cta{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--hz-teal-deep),var(--hz-teal-dark));color:#fff;text-align:center;padding:74px 24px;border-radius:24px;margin-top:20px;} .hz-cta::before{content:"";position:absolute;top:-60px;left:-40px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.10);} .hz-cta .hz-inner{position:relative;z-index:2;} .hz-cta h2{color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);} .hz-cta p{color:rgba(255,255,255,.92);max-width:560px;margin:14px auto 28px;} .hz-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;border-radius:44px;font-weight:700;text-decoration:none;font-size:1rem;background:#fff;color:var(--hz-teal-dark);box-shadow:0 10px 26px rgba(21,37,37,.22);transition:transform .16s;} .hz-btn:hover{transform:translateY(-2px);}