/* PHB — Portfolio Hero Header (Cream Background)
Replace XXXX with this page’s ID
Example: body.page-id-2451 */
body.page-id-XXXX .page-header,
body.page-id-XXXX .header-filter {
background: none !important;
box-shadow: none !important;
filter: none !important;
-webkit-filter: none !important;
}
/* Remove Hestia overlay fog */
body.page-id-XXXX .page-header::before,
body.page-id-XXXX .page-header::after,
body.page-id-XXXX .header-filter::before,
body.page-id-XXXX .header-filter::after {
background: transparent !important;
opacity: 0 !important;
content: “” !important;
}
/* Hero area layout */
body.page-id-XXXX .page-header {
background-color: #F6F2E8 !important; /* PHB Cream */
min-height: 200px !important;
padding: 70px 0 60px !important;
border-bottom: 1px solid rgba(60,58,54,0.1);
text-align: center !important;
}
/* Title typography */
body.page-id-XXXX .hestia-title,
body.page-id-XXXX .entry-title {
color: #3C3A36 !important; /* PHB Charcoal */
font-family: ‘Playfair Display’, serif;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: none;
text-shadow: none !important;
}
/* Mobile balance */
@media (max-width:768px) {
body.page-id-XXXX .page-header {
padding: 50px 0 40px !important;
min-height: 150px !important;
}
body.page-id-XXXX .hestia-title {
font-size: clamp(28px, 6vw, 42px);
}
}
