.masaya-article-index{color:#263238;background:#fff;overflow-x:clip}.article-index-hero{background-image:linear-gradient(#00000029,#000000ad),url("/images/community/ph/PH Article 1/Batanes.jpg");background-position:50%;background-size:cover;align-items:flex-end;min-height:340px;display:flex}.article-index-hero__inner{color:#fff;width:min(1120px,100% - 48px);margin:0 auto;padding:92px 0 44px}.article-index-back{color:#fff;background:#00000038;border:1px solid #ffffffad;border-radius:4px;align-items:center;min-height:36px;margin-bottom:28px;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.article-index-hero p,.article-index-heading p{color:#ff4f8b;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.article-index-hero h1{color:#fff;letter-spacing:0;text-shadow:0 3px 18px #00000059;margin:0;font-size:clamp(42px,6vw,68px);font-weight:800;line-height:1.02}.article-index-hero span{color:#ffffffeb;max-width:690px;margin-top:12px;font-size:17px;line-height:1.7;display:block}.article-index-shell{width:min(1120px,100% - 48px);margin:0 auto;padding:42px 0 74px}.article-index-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.article-index-heading h2{color:#202b33;letter-spacing:0;margin:0;font-size:30px;font-weight:800;line-height:1.15}.article-index-pills{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.article-index-pills span{color:#9b2350;background:#fff7fa;border:1px solid #f5d3df;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.article-feature{color:#fff;background-position:50%;background-size:cover;border-radius:6px;align-content:end;gap:10px;min-height:350px;padding:30px;text-decoration:none;display:grid;overflow:hidden}.article-feature__eyebrow{color:#ffe2ec;text-transform:uppercase;font-size:13px;font-weight:800}.article-feature h2{color:#fff;letter-spacing:0;max-width:760px;margin:0;font-size:34px;font-weight:800;line-height:1.12}.article-feature p{color:#ffffffe6;max-width:790px;margin:0;font-size:16px;line-height:1.65}.article-feature__meta{color:#ffffffeb;align-items:center;gap:7px;width:fit-content;font-size:13px;font-weight:800;display:inline-flex}.article-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.article-index-card{color:#fff;background-position:50%;background-size:cover;border-radius:6px;align-content:end;min-height:320px;padding:22px;text-decoration:none;display:grid;position:relative;overflow:hidden}.article-index-card:before{content:"";-webkit-backdrop-filter:none;backdrop-filter:none;transition:-webkit-backdrop-filter .18s,backdrop-filter .18s,background .18s;position:absolute;inset:0}.article-index-card:hover:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000014}.article-index-card>div{z-index:1;gap:8px;display:grid;position:relative}.article-index-card span{color:#ffe2ec;text-transform:uppercase;font-size:12px;font-weight:800}.article-index-card h3{color:#fff;letter-spacing:0;margin:0;font-size:22px;font-weight:800;line-height:1.18}.article-index-card p{color:#ffffffe0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.article-index-card small{color:#ffffffd1;font-size:12px;font-weight:700}.article-index-card strong{color:#fff;background:#ff1493;border-radius:4px;align-items:center;gap:7px;width:fit-content;min-height:36px;margin-top:4px;padding:0 14px;font-size:13px;display:inline-flex}@media (max-width:920px){.article-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-index-heading{flex-direction:column;align-items:flex-start}.article-index-pills{justify-content:flex-start}}@media (max-width:640px){.article-index-hero{min-height:320px}.article-index-hero__inner,.article-index-shell{width:min(100% - 32px,680px)}.article-index-hero__inner{padding:78px 0 34px}.article-index-hero h1{font-size:40px}.article-index-hero span{font-size:15px}.article-feature{min-height:330px;padding:22px 72px 22px 22px}.article-feature h2{font-size:26px}.article-index-grid{grid-template-columns:1fr}.article-index-card{min-height:300px}}