.blogIndex{font-family:var(--dm-sans-font);color:var(--black-color);background:#fffdfa;padding:148px 5.3% 96px}@media (max-width:640px){.blogIndex{padding:120px 5.3% 72px}}.blogIndex .wrap{width:100%;max-width:1352px;margin:0 auto}.blogIndex .nanoTitle{border:2px solid var(--black-color);border-radius:40px;width:fit-content;padding:0 8px;font-size:14px;font-weight:500;display:flex}.blogIndex .intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}@media (max-width:640px){.blogIndex .intro{flex-direction:column;align-items:flex-start}}.blogIndex .intro h1{letter-spacing:-.03em;margin:10px 0 8px;font-size:clamp(40px,5vw,68px);line-height:.95}.blogIndex .intro h1 span{color:var(--secondary-color)}.blogIndex .intro p{color:#0e0e0ea2;max-width:520px;margin:0;font-size:17px;line-height:1.5}.blogIndex .intro .count{background:var(--main-color);color:#fff;white-space:nowrap;border-radius:999px;margin:0;padding:8px 14px;font-size:14px;font-weight:500}.blogIndex .empty{color:#0e0e0ea2;padding:48px 0}.blogIndex .cover{background:var(--main-color);min-height:220px;position:relative;overflow:hidden}.blogIndex .cover img{transition:transform .6s}.blogIndex .cover.fallback{background:radial-gradient(circle at 20% 20%, #ffa50073, transparent 42%),var(--main-color)}.blogIndex .feature{min-height:460px;color:inherit;background:#fff;border:1px solid #1c3d5a1f;border-radius:28px;grid-template-columns:1.25fr .9fr;text-decoration:none;display:grid;overflow:hidden}@media (max-width:860px){.blogIndex .feature{grid-template-columns:1fr;min-height:0}}.blogIndex .feature .cover{min-height:460px}@media (max-width:860px){.blogIndex .feature .cover{min-height:240px}}.blogIndex .feature:hover img{transform:scale(1.04)}.blogIndex .feature:hover .read{background:var(--main-color)}.blogIndex .featureCopy{flex-direction:column;justify-content:flex-end;gap:16px;padding:36px;display:flex}@media (max-width:640px){.blogIndex .featureCopy{padding:24px}}.blogIndex .featureCopy .kicker{background:linear-gradient(115deg, var(--secondary-color), #ffc65c);color:#fff;border-radius:999px;width:fit-content;padding:6px 12px;font-size:13px;font-weight:600}.blogIndex .featureCopy h2{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.1}.blogIndex .featureCopy p{color:#0e0e0ec6;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:17px;line-height:1.55;display:-webkit-box;overflow:hidden}.blogIndex .featureCopy .meta{justify-content:space-between;align-items:center;gap:16px;margin-top:8px;display:flex}.blogIndex .featureCopy .date{color:var(--main-color);font-size:14px;font-weight:600}.blogIndex .featureCopy .read{background:var(--secondary-color);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:600;transition:background .3s;display:inline-flex}.blogIndex .featureCopy .read svg{font-size:18px}.blogIndex .more{margin-top:56px}.blogIndex .more>h2{letter-spacing:-.03em;margin:0 0 20px;font-size:28px}.blogIndex .grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (max-width:980px){.blogIndex .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.blogIndex .grid{grid-template-columns:1fr}}.blogIndex .card{min-height:100%;color:inherit;background:#fff;border:1px solid #1c3d5a1f;border-radius:22px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blogIndex .card .cover{height:200px;min-height:200px}.blogIndex .card:hover img{transform:scale(1.06)}.blogIndex .card:hover h3{color:var(--secondary-color)}.blogIndex .cardCopy{flex-direction:column;gap:10px;padding:20px 20px 24px;display:flex}.blogIndex .cardCopy .date{color:var(--main-color);font-size:13px;font-weight:600}.blogIndex .cardCopy h3{letter-spacing:-.02em;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:22px;line-height:1.2;transition:color .3s;display:-webkit-box;overflow:hidden}.blogIndex .cardCopy p{color:#0e0e0ec6;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}
