.fyve-web-root .blog-hero{text-align:center;background:var(--base-300);padding:12rem 2.5rem 4rem}.fyve-web-root .blog-hero .mono{opacity:.55;margin-bottom:1rem}.fyve-web-root .blog-hero h1.type-1{font-size:clamp(4rem,11vw,9rem);line-height:.9}.fyve-web-root .blog-hero-jp{font-family:var(--type-2);letter-spacing:.04em;opacity:.55;text-transform:none;margin-top:1.5rem;font-size:.95rem}.fyve-web-root .blog-grid-section{background:var(--base-300);padding:2rem 2.5rem 8rem}.fyve-web-root .blog-grid{grid-template-columns:repeat(3,1fr);gap:3rem 2rem;max-width:84rem;margin:0 auto;display:grid}.fyve-web-root .blog-card{flex-direction:column;gap:1.1rem;display:flex}.fyve-web-root .blog-card-img{aspect-ratio:16/9;background:#f7f5f00d;border-radius:.4rem;width:100%;position:relative;overflow:hidden}.fyve-web-root .blog-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.fyve-web-root .blog-card:hover .blog-card-img img{transform:scale(1.05)}.fyve-web-root .blog-card-noimg{background:linear-gradient(135deg,#1a2e28 0%,#0e7490 140%);width:100%;height:100%}.fyve-web-root .blog-card-body{flex-direction:column;gap:.6rem;display:flex}.fyve-web-root .blog-card-meta{opacity:.6;align-items:center;gap:1rem;display:flex}.fyve-web-root .blog-card-cat{color:#7fd4c5;opacity:.9}.fyve-web-root .blog-card-title{font-family:var(--type-2);letter-spacing:.01em;text-transform:none;font-size:1.15rem;line-height:1.5}.fyve-web-root .blog-card-desc{font-family:var(--type-2);opacity:.6;text-transform:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.7;display:-webkit-box;overflow:hidden}.fyve-web-root .blog-empty{text-align:center;opacity:.5;padding:4rem 0}@media (max-width:1000px){.fyve-web-root .blog-grid{grid-template-columns:1fr;gap:2.5rem}.fyve-web-root .blog-hero{padding:9rem 1.5rem 3rem}.fyve-web-root .blog-grid-section{padding:1rem 1.5rem 6rem}}
