.blog-template-container{width:100%;max-width:1400px;margin:0 auto;padding-left:0;padding-right:0}.blog-template-intro{flex-direction:column;align-items:flex-start;gap:24px;margin-top:clamp(48px,12vw,96px);margin-bottom:clamp(32px,10vw,80px);display:flex}@media (width>=768px){.blog-template-intro{flex-direction:row;justify-content:space-between;align-items:center}}.blog-template-title{letter-spacing:-.04em;margin:0;font-size:clamp(3rem,8vw,4.5rem);font-weight:700;line-height:1}.blog-template-subtitle{max-width:540px;color:var(--text-secondary);margin:0;font-size:1.1rem;line-height:1.6}.blog-template-hero{flex-direction:column;gap:clamp(24px,6vw,40px);margin-bottom:clamp(40px,8vw,80px);display:flex}.blog-template-hero-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.blog-template-hero-grid{gap:clamp(24px,6vw,40px);display:grid}@media (width>=768px){.blog-template-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.blog-template-hero-title{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(2.5rem,6vw,3.75rem);font-weight:700;line-height:1.1}.blog-template-date{color:var(--text-muted);font-size:1rem;display:block}.blog-template-excerpt{color:var(--text-secondary);margin:0 0 20px;font-size:1.1rem;line-height:1.7}.blog-template-author{align-items:center;gap:16px;display:flex}.blog-template-author img{object-fit:cover;border-radius:50%;width:56px;height:56px}.blog-template-author-name{font-size:1.1rem;font-weight:600}.blog-template-author-tagline{color:var(--text-secondary);font-size:.95rem}.blog-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(64px,8vw,108px);display:grid}@media (width<=640px){.blog-template-grid{grid-template-columns:1fr}}@media (width>=1024px){.blog-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1280px){.blog-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.blog-template-card{flex-direction:column;gap:20px;width:100%;transition:box-shadow .25s,transform .25s;display:flex}.blog-template-card:hover,.blog-template-card:focus-within{transform:translateY(-2px);box-shadow:0 10px 22px #0000000f}@media (width>=1024px){.blog-template-card{justify-self:center;width:250px}}@media (width>=1280px){.blog-template-card{width:315px}}.blog-template-card-image{aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.blog-template-card-img{object-fit:cover;transition:transform .3s}.blog-template-card:hover .blog-template-card-img,.blog-template-card:focus-within .blog-template-card-img{transform:scale(1.05)}.blog-template-card-body{flex-direction:column;gap:12px;display:flex}.blog-template-card-label{letter-spacing:.12em;text-transform:uppercase;color:#e10074;font-size:.85rem;font-weight:700}.blog-template-card-title{letter-spacing:-.01em;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:clamp(1rem,2vw,1.5rem);font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.blog-template-card-title a{color:inherit;text-decoration:none}.blog-template-card-title a:hover,.blog-template-card-title a:focus-visible{text-decoration:underline}.blog-template-card-excerpt{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:1rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-template-card-date{color:var(--text-muted);font-size:.85rem;font-weight:500}.blog-template-feed{margin-bottom:clamp(56px,10vw,96px)}.blog-template-empty{color:var(--text-secondary);margin:clamp(48px,10vw,96px) 0;font-size:1.1rem}.blog-template-pagination{justify-content:center;padding-bottom:clamp(48px,8vw,80px);display:flex}.blog-section-header{flex-direction:column;gap:16px;display:flex}@media (width>=768px){.blog-section-header{flex-direction:row;justify-content:space-between;align-items:center;gap:32px}}.blog-section-title{letter-spacing:-.02em;margin:0;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700}.blog-section-description{max-width:520px;color:var(--text-secondary);margin:12px 0 0;font-size:1.05rem;line-height:1.6}.blog-section-link{color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:inline-flex}.blog-section-link:after{content:"→";font-size:.95rem}.blog-section-content{flex-direction:column;gap:clamp(32px,6vw,48px);display:flex}.blog-section-grid{margin-top:clamp(8px,2vw,16px)}.blog-section-timeline{flex-direction:column;gap:clamp(24px,4vw,36px);margin:0;padding:0;list-style:none;display:flex;position:relative}.blog-section-timeline:before{content:"";background:var(--border-subtle);width:2px;position:absolute;top:12px;bottom:12px;left:12px}.blog-timeline-item{padding-left:48px;position:relative}.blog-timeline-marker{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:999px;position:absolute;top:8px;left:6px}.blog-timeline-content{border-radius:var(--radius-md);background:var(--surface-card);box-shadow:var(--shadow-soft);flex-direction:column;gap:12px;padding:clamp(16px,3vw,24px);display:flex}.blog-timeline-title{margin:0;font-size:clamp(1.75rem,4vw,2.2rem);font-weight:600;line-height:1.3}.blog-timeline-excerpt{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.blog-section-empty{color:var(--text-secondary);margin:0}