Advertisement

LATEST
The Big Dome Araneta Coliseum, nabalot ng ingay ng pagpupuri matapos ang matagumpay na “A Night of Worship” kasama si TAYA Handcrafted flowers, patok ngayong Mothers’ Day; taas-presyo ng bulaklak sa Dangwa, asahan P60-bilyong pondo, naibalik na sa PhilHealth FOI Bill, lusot na sa Senado; CIBAC Rep. Bro. Eddie Villanueva, nanawagan ng agarang aksyon ng Kamara QC court, ibinasura ang petisyong ihinto ang impeachment proceedings ni VP Duterte 52% ng mga pamilyang Pinoy, itinuturing ang sarili na mahirap — SWS Pinoy films at filmmakers, lalahok sa Cannes 2026 Alex Eala, pasok sa 2nd round ng Italian Open BSP chief, naitala bilang highest-paid government official sa Pilipinas Senado, pinuri ang BINI sa kanilang makasaysayang Coachella performance sa Amerika The Big Dome Araneta Coliseum, nabalot ng ingay ng pagpupuri matapos ang matagumpay na “A Night of Worship” kasama si TAYA Handcrafted flowers, patok ngayong Mothers’ Day; taas-presyo ng bulaklak sa Dangwa, asahan P60-bilyong pondo, naibalik na sa PhilHealth FOI Bill, lusot na sa Senado; CIBAC Rep. Bro. Eddie Villanueva, nanawagan ng agarang aksyon ng Kamara QC court, ibinasura ang petisyong ihinto ang impeachment proceedings ni VP Duterte 52% ng mga pamilyang Pinoy, itinuturing ang sarili na mahirap — SWS Pinoy films at filmmakers, lalahok sa Cannes 2026 Alex Eala, pasok sa 2nd round ng Italian Open BSP chief, naitala bilang highest-paid government official sa Pilipinas Senado, pinuri ang BINI sa kanilang makasaysayang Coachella performance sa Amerika
html.archive, body.archive{ margin:0!important; padding:0!important; background:#fff; } body.archive #page, body.archive .site, body.archive .site-content, body.archive .content-area{ margin:0!important; padding:0!important; border:0!important; box-shadow:none!important; max-width:100%!important; background:#fff!important; } /* Typography */ body.archive, .arch-wrap, .card-body{ font-family:'Open Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; } /* Wrapper */ .arch-wrap{ max-width:1200px; margin:0 auto; padding:32px 16px; } /* Header */ .arch-header{ margin:0 0 16px; } .arch-title{ margin:.1rem 0 .35rem; font-weight:800; line-height:1.15; letter-spacing:.01em; font-size:clamp(1.6rem,2.8vw,2.2rem); color:#0d0d0d; } .arch-desc{ color:#555; margin:4px 0 0; } /* Grid */ .cards{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; } @media (max-width:1100px){ .cards{ grid-template-columns:repeat(3,1fr); } } @media (max-width:820px){ .cards{ grid-template-columns:repeat(2,1fr); } } @media (max-width:520px){ .cards{ grid-template-columns:1fr; } } /* Card */ .card{ display:grid; grid-template-rows:auto 1fr; background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:18px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.06); transition:transform .18s, box-shadow .18s; } .card:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.1); } /* Media 16:9 */ .card-media{ position:relative; display:block; aspect-ratio:16/9; background:#eee; overflow:hidden; } .card-media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; } .card:hover .card-media img{ transform:scale(1.03); } /* Body */ .card-body{ padding:14px 16px 16px; display:flex; flex-direction:column; gap:.55rem; } .card-title{ margin:0; line-height:1.25; font-weight:700; font-size:clamp(1.02rem,1.9vw,1.15rem); letter-spacing:.01em; text-transform:uppercase; } .card-title a{ color:#0f172a; text-decoration:none; } .card-title a:hover{ color:#FF8C00; } .card-ex{ margin:0; color:#333; line-height:1.55; font-size:.95rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .card-meta{ margin-top:auto; font-size:.82rem; color:#667085; } /* Pagination (styled) */ .arch-pager{ margin:28px 0 6px; display:flex; justify-content:center; } .arch-pager .navigation.pagination{ margin:0; } .arch-pager .nav-links{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; } .arch-pager .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 12px; border:1px solid rgba(0,0,0,.12); border-radius:10px; background:#fff; color:#0f172a; text-decoration:none; font-weight:700; font-size:.95rem; line-height:1; transition:color .15s, border-color .15s, transform .15s, box-shadow .15s; } .arch-pager .page-numbers:hover{ color:#FF8C00; border-color:#FF8C00; transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.08); } .arch-pager .page-numbers.current{ background:#FF8C00; border-color:#FF8C00; color:#fff; cursor:default; box-shadow:0 6px 18px rgba(255,140,0,.28); } .arch-pager .page-numbers.dots{ border:none; background:transparent; box-shadow:none; transform:none; color:#667085; padding:0 6px; min-width:auto; }

Flood control project

ADVERTISEMENT