.container.svelte-un24u{max-width:1160px;margin:0 auto;padding:0 24px}.hero-section.svelte-un24u{background:url(../../../img/blog.jpg) 50%/cover no-repeat;padding:220px 0 120px;position:relative;overflow:hidden}@media (width<=768px){.hero-section.svelte-un24u{padding:160px 0 80px}}.hero-section.svelte-un24u:before{content:"";background:linear-gradient(105deg,#000000bf 0%,#00000073 55%,#0000001a 100%);position:absolute;inset:0}.hero-content.svelte-un24u{z-index:1;text-align:left;max-width:560px;margin:0;padding:30px 0 0;position:relative}.hero-content.svelte-un24u h1:where(.svelte-un24u){color:#fff;letter-spacing:-.04em;opacity:0;margin:0 0 28px;font-size:clamp(3rem,6.5vw,5.5rem);font-weight:700;line-height:1;transition:opacity .7s cubic-bezier(.16,1,.3,1) .1s,transform .7s cubic-bezier(.16,1,.3,1) .1s;transform:translateY(40px)}@media (width<=768px){.hero-content.svelte-un24u h1:where(.svelte-un24u){font-size:2.5rem}}.hero-section.visible.svelte-un24u .hero-content:where(.svelte-un24u) h1:where(.svelte-un24u){opacity:1;transform:translateY(0)}.hero-description.svelte-un24u{color:#ffffffd9;opacity:0;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.75;transition:opacity .6s .4s,transform .6s .4s;transform:translateY(16px)}.hero-description.visible.svelte-un24u{opacity:1;transform:translateY(0)}@media (width<=768px){.hero-description.svelte-un24u{font-size:1rem}}.reads-container.svelte-un24u{background:#fff;padding:80px 0}@media (width<=768px){.reads-container.svelte-un24u{padding:60px 0}}.reads-grid.svelte-un24u{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.reads-grid.svelte-un24u{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.reads-grid.svelte-un24u{grid-template-columns:1fr}}.read-card.svelte-un24u{color:inherit;opacity:0;border-radius:8px;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden;transform:translateY(20px)}.read-card.visible.svelte-un24u{opacity:1;transition-delay:calc(var(--delay) * .1s);transform:translateY(0)}@media (hover:hover) and (pointer:fine){.read-card.svelte-un24u:hover{transition-delay:0s}.read-card.svelte-un24u:hover .read-img:where(.svelte-un24u) img:where(.svelte-un24u){transform:scale(1.05)}.read-card.svelte-un24u:hover .read-article:where(.svelte-un24u){gap:10px}}.read-img.svelte-un24u{aspect-ratio:3/2;border-radius:8px;height:auto;position:relative;overflow:hidden}.read-img.svelte-un24u img:where(.svelte-un24u){object-fit:cover;width:100%;height:100%;transition:transform .5s}.read-info.svelte-un24u{flex-direction:column;flex-grow:1;gap:8px;padding:20px 0 0;display:flex}.read-info.svelte-un24u .read-meta:where(.svelte-un24u){color:#4a5568;align-items:center;gap:8px;font-size:12px;display:flex}.read-info.svelte-un24u .read-meta:where(.svelte-un24u) .read-dot:where(.svelte-un24u){color:#ccc}.read-info.svelte-un24u .read-meta:where(.svelte-un24u) .read-duration:where(.svelte-un24u){color:#888}.read-info.svelte-un24u .read-date:where(.svelte-un24u){color:#4a5568;margin:0;font-size:12px}.read-info.svelte-un24u h3:where(.svelte-un24u){color:#1a1a1a;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600;line-height:1.3}.read-info.svelte-un24u .read-desc:where(.svelte-un24u){color:#4a5568;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin:0;font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden}.read-info.svelte-un24u .read-article:where(.svelte-un24u){color:#1a1a1a;align-items:center;gap:6px;margin-top:8px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}