/*
Theme Name: HaseebNiazi Child
Theme URI: https://haseebniazi.com/
Description: Custom presentation layer for HaseebNiazi.com. Built as a child theme of HaseebNiazi.
Author: HaseebNiazi.com
Version: 1.4.8
Template: haseeb-theme-v1.1
Text Domain: hn-child
*/

/* Child-theme design system */
:root{
    --hn-black:#090909;
    --hn-white:#fff;
    --hn-off:#f6f6f6;
    --hn-line:#e6e6e6;
    --hn-muted:#6b6b6b;
    --hn-max:1240px;
    --hn-radius:2px;
}
html{scroll-behavior:smooth}
body{margin:0;color:var(--hn-black);background:var(--hn-white);font-family:Arial,Helvetica,sans-serif}
img{max-width:100%;height:auto}
a{text-decoration:none}
.hnc-container{width:min(calc(100% - 36px),var(--hn-max));margin-inline:auto}
.hnc-section{padding:80px 0}
.hnc-kicker{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#777}
.hnc-section-title{font-size:clamp(32px,4vw,48px);line-height:1.03;letter-spacing:-2px;margin:8px 0 0}
.hnc-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
.hnc-link{font-weight:700;font-size:14px}
.hnc-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;background:#000;color:#fff;border:1px solid #000;font-weight:700;font-size:14px}
.hnc-button.light{background:#fff;color:#000}
.hnc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hnc-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hnc-card{background:#fff;border:1px solid var(--hn-line);overflow:hidden}
.hnc-card-media{aspect-ratio:16/10;background:#eee;overflow:hidden}
.hnc-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.hnc-card:hover .hnc-card-media img{transform:scale(1.035)}
.hnc-card-body{padding:18px}
.hnc-card-title{font-size:21px;line-height:1.18;margin:7px 0}
.hnc-card-excerpt{font-size:14px;color:var(--hn-muted);margin:8px 0 0}
.hnc-card-meta{font-size:11px;color:#888;margin-top:13px;text-transform:uppercase;letter-spacing:1px}
.hnc-placeholder{height:100%;display:grid;place-items:center;background:#111;color:#fff;font-weight:800;letter-spacing:3px;font-size:11px}
.hnc-dark{background:#090909;color:#fff}
.hnc-dark .hnc-card{background:#111;border-color:#292929}
.hnc-dark .hnc-card-excerpt{color:#aaa}
.hnc-dark .hnc-section-title{color:#fff}

@media(max-width:980px){
    .hnc-grid,.hnc-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
    .hnc-container{width:min(calc(100% - 26px),var(--hn-max))}
    .hnc-section{padding:54px 0}
    .hnc-section-head{align-items:start;flex-direction:column}
    .hnc-grid,.hnc-grid-4{grid-template-columns:1fr}
}


/* v1.4.5: Footer uses the logo selected under Appearance > Customize > Site Identity. */
.hnc-footer-brand { display:flex; align-items:center; min-height:32px; }
.hnc-footer-brand .custom-logo-link { display:inline-flex; align-items:center; max-width:260px; }
.hnc-footer-brand img.custom-logo { display:block; width:auto; height:auto; max-width:230px; max-height:58px; object-fit:contain; }
.hnc-footer-brand .hnc-footer-text-logo { color:#fff; font-weight:800; font-size:18px; }
.hnc-footer-brand-column > p { margin-top:12px; }
@media (max-width:640px) {
  .hnc-footer-brand img.custom-logo { max-width:190px; max-height:48px; }
}