/* Harir Premium Blog & Elementor Widgets v1.0.0 */
.elementor-widget-hpb_home_blog,
.elementor-widget-hpb_blog_archive{width:100%;max-width:100%;min-width:0}

.hpb-section,
.hpb-single{
  --hpb-primary:var(--e-global-color-primary,#18130e);
  --hpb-secondary:var(--e-global-color-secondary,#b89566);
  --hpb-text:var(--e-global-color-text,#5a5149);
  --hpb-accent:var(--e-global-color-accent,#c79a5b);
  --hpb-dark:#18130e;
  --hpb-paper:#fcfaf6;
  --hpb-cream:#f4f0e7;
  --hpb-light:#fffaf4;
  --hpb-line:rgba(58,46,35,.13);
  --hpb-font-primary:var(--e-global-typography-primary-font-family,Georgia,"Times New Roman",serif);
  --hpb-font-text:var(--e-global-typography-text-font-family,Arial,sans-serif);
  width:100%;max-width:100%;box-sizing:border-box;color:var(--hpb-text);font-family:var(--hpb-font-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.hpb-section *,.hpb-single *{box-sizing:border-box;min-width:0}
.hpb-section a,.hpb-single a{text-decoration:none;color:inherit}
.hpb-section img,.hpb-single img{display:block;max-width:100%;border:0}
.hpb-container{width:calc(100% - 48px);max-width:1200px;margin:0 auto;position:relative}
.hpb-section{padding:92px 0;background:var(--hpb-paper);overflow:hidden}
.hpb-home-section{background:var(--hpb-cream)}
.hpb-archive-section{background:var(--hpb-paper);padding-top:104px}
.hpb-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:52px;margin-bottom:42px}
.hpb-archive-hero{max-width:820px;margin:0 auto 58px;text-align:center}
.hpb-archive-hero .hpb-eyebrow{justify-content:center}
.hpb-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--hpb-accent);font-size:11px;font-weight:700;letter-spacing:.19em;line-height:1.35;text-transform:uppercase}
.hpb-eyebrow span{display:block;width:34px;height:1px;background:currentColor;flex:0 0 auto}
.hpb-section-title{margin:0;color:var(--hpb-primary);font-family:var(--hpb-font-primary);font-size:clamp(38px,3.5vw,56px);font-weight:400;line-height:1.04;letter-spacing:-.035em}
.hpb-archive-hero .hpb-section-title{font-size:clamp(48px,5vw,72px)}
.hpb-section-intro{max-width:680px;margin:15px 0 0;color:var(--hpb-text);font-size:17px;line-height:1.7}
.hpb-archive-hero .hpb-section-intro{margin:18px auto 0}
.hpb-outline-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:0 19px;border:1px solid color-mix(in srgb,var(--hpb-accent) 55%,transparent);color:var(--hpb-primary);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background .25s ease,color .25s ease,transform .25s ease}
.hpb-outline-link:hover{background:var(--hpb-primary);color:var(--hpb-light);transform:translateY(-2px)}

.hpb-grid{display:grid;gap:22px}
.hpb-grid-home{grid-template-columns:repeat(3,minmax(0,1fr))}
.hpb-grid-archive{grid-template-columns:repeat(3,minmax(0,1fr))}
.hpb-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(58,46,35,.09);box-shadow:0 14px 36px rgba(58,42,26,.055);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}
.hpb-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(58,42,26,.10);border-color:rgba(199,154,91,.35)}
.hpb-card-media{position:relative;display:block;aspect-ratio:1.18/1;overflow:hidden;background:#ddd2c5}
.hpb-card-media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.hpb-card:hover .hpb-card-media img{transform:scale(1.065)}
.hpb-card-media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,.02) 35%,rgba(10,8,6,.38) 100%)}
.hpb-card-arrow{position:absolute;right:16px;top:16px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.42);background:rgba(20,15,11,.28);color:#fff;font-size:17px;backdrop-filter:blur(6px);transition:background .25s ease,transform .25s ease}
.hpb-card:hover .hpb-card-arrow{background:var(--hpb-accent);color:var(--hpb-dark);transform:translate(2px,-2px)}
.hpb-card-body{display:flex;flex:1;flex-direction:column;padding:24px 22px 23px}
.hpb-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;color:#8a7d71;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hpb-card-meta span{color:var(--hpb-accent)}
.hpb-card h3{margin:0 0 12px;color:var(--hpb-primary);font-family:var(--hpb-font-primary);font-size:24px;font-weight:400;line-height:1.14;letter-spacing:-.025em}
.hpb-card h3 a{transition:color .2s ease}.hpb-card h3 a:hover{color:var(--hpb-accent)}
.hpb-card p{margin:0 0 22px;color:var(--hpb-text);font-size:16px;line-height:1.64}
.hpb-read-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--hpb-primary);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.hpb-read-link span{color:var(--hpb-accent);transition:transform .2s ease}.hpb-read-link:hover span{transform:translate(2px,-2px)}
.hpb-empty{grid-column:1/-1;margin:0;padding:30px;border:1px dashed var(--hpb-line);font-size:16px;text-align:center}

.hpb-load-more-wrap{display:flex;justify-content:center;margin-top:48px;transition:opacity .25s ease,height .25s ease}
.hpb-load-more-wrap.is-finished{height:0;margin-top:0;overflow:hidden;opacity:0}
.hpb-load-more{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:210px;min-height:52px;padding:0 24px;border:1px solid var(--hpb-primary);background:transparent;color:var(--hpb-primary);font:700 11px/1 var(--hpb-font-text);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}
.hpb-load-more:hover{background:var(--hpb-primary);color:var(--hpb-light);transform:translateY(-2px)}
.hpb-load-more:disabled{cursor:wait;opacity:.65}.hpb-load-more.is-loading .hpb-load-icon{animation:hpb-bounce .7s ease infinite alternate}
@keyframes hpb-bounce{to{transform:translateY(4px)}}

/* Premium single post */
.hpb-single{background:var(--hpb-paper);overflow:hidden}
.hpb-single-hero{position:relative;min-height:690px;display:flex;align-items:flex-end;background:var(--hpb-dark);color:var(--hpb-light)}
.hpb-single-hero-bg,.hpb-single-hero-shade{position:absolute;inset:0}
.hpb-single-hero-bg{background-size:cover;background-position:center;transform:scale(1.02)}
.hpb-single-hero-shade{background:linear-gradient(90deg,rgba(18,13,9,.86) 0%,rgba(18,13,9,.63) 45%,rgba(18,13,9,.22) 100%)}
.hpb-single-hero-inner{z-index:2;padding-top:130px;padding-bottom:72px}
.hpb-back-link{display:inline-flex;margin-bottom:70px;color:rgba(255,250,244,.72);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hpb-single-meta{display:flex;gap:18px;margin-bottom:17px;color:rgba(255,250,244,.64);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.hpb-single-meta span{color:var(--hpb-accent)}
.hpb-single-hero h1{max-width:900px;margin:0;color:var(--hpb-light);font-family:var(--hpb-font-primary);font-size:clamp(54px,6vw,86px);font-weight:400;line-height:.98;letter-spacing:-.045em}
.hpb-single-excerpt{max-width:720px;margin:24px 0 0;color:rgba(255,250,244,.76);font-size:18px;line-height:1.65}
.hpb-single-content-wrap{padding:84px 24px 96px;background:var(--hpb-paper)}
.hpb-single-content{max-width:780px;margin:0 auto;color:var(--hpb-text);font-size:18px;line-height:1.82}
.hpb-single-content p{margin:0 0 26px}.hpb-single-content .hpb-lead{color:var(--hpb-primary);font-family:var(--hpb-font-primary);font-size:27px;line-height:1.52;letter-spacing:-.015em}
.hpb-single-content h2{margin:56px 0 18px;color:var(--hpb-primary);font-family:var(--hpb-font-primary);font-size:38px;font-weight:400;line-height:1.15;letter-spacing:-.025em}
.hpb-single-content h3{margin:42px 0 15px;color:var(--hpb-primary);font-family:var(--hpb-font-primary);font-size:29px;font-weight:400}
.hpb-single-content blockquote{margin:46px 0;padding:9px 0 9px 28px;border-left:2px solid var(--hpb-accent);color:var(--hpb-primary);font-family:var(--hpb-font-primary);font-size:29px;font-style:italic;line-height:1.48}
.hpb-single-content img{margin:40px auto;max-width:100%;height:auto}
.hpb-related-section{background:var(--hpb-cream)}

/* Scroll reveal — content remains visible if JS is unavailable */
.js .hpb-section [data-hpb-reveal],.js .hpb-single [data-hpb-reveal]{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--hpb-i,0) * 65ms)}
.js .hpb-section [data-hpb-reveal].hpb-inview,.js .hpb-single [data-hpb-reveal].hpb-inview{opacity:1;transform:none}

@media (max-width:1024px){
  .hpb-container{width:calc(100% - 40px);max-width:920px}
  .hpb-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hpb-grid-archive{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hpb-card-media{aspect-ratio:1.35/1}
  .hpb-card h3{font-size:25px}
  .hpb-single-hero{min-height:620px}.hpb-single-hero-inner{padding-top:110px;padding-bottom:62px}.hpb-back-link{margin-bottom:58px}
}

@media (max-width:767px){
  .hpb-container{width:calc(100% - 32px);max-width:none}
  .hpb-section{padding:68px 0}.hpb-archive-section{padding-top:78px}
  .hpb-section-head{display:block;margin-bottom:32px}.hpb-section-head .hpb-outline-link{margin-top:22px}
  .hpb-archive-hero{margin-bottom:38px}.hpb-archive-hero .hpb-section-title{font-size:clamp(42px,11vw,58px)}
  .hpb-section-title{font-size:clamp(34px,9vw,44px)}.hpb-section-intro{font-size:17px;line-height:1.65}
  .hpb-grid-home,.hpb-grid-archive{grid-template-columns:1fr;gap:20px}
  .hpb-card-media{aspect-ratio:1.32/1}.hpb-card-body{padding:22px 20px 22px}.hpb-card h3{font-size:27px}.hpb-card p{font-size:17px}.hpb-card-meta{font-size:10px}
  .hpb-load-more-wrap{margin-top:34px}.hpb-load-more{width:100%}
  .hpb-single-hero{min-height:560px}.hpb-single-hero-inner{padding-top:96px;padding-bottom:46px}.hpb-back-link{margin-bottom:50px}.hpb-single-hero h1{font-size:clamp(44px,12vw,62px)}.hpb-single-excerpt{font-size:17px}
  .hpb-single-content-wrap{padding:62px 20px 72px}.hpb-single-content{font-size:17px;line-height:1.78}.hpb-single-content .hpb-lead{font-size:24px}.hpb-single-content h2{font-size:33px;margin-top:46px}.hpb-single-content blockquote{font-size:25px;margin:38px 0;padding-left:20px}
}

@media (max-width:480px){
  .hpb-container{width:calc(100% - 24px)}
  .hpb-card-meta{align-items:flex-start;flex-direction:column;gap:5px}.hpb-card h3{font-size:25px}.hpb-card p{font-size:16px}
  .hpb-single-meta{flex-direction:column;gap:7px}.hpb-single-content-wrap{padding-left:16px;padding-right:16px}
}

@media (prefers-reduced-motion:reduce){
  .hpb-card,.hpb-card *,.hpb-outline-link,.hpb-load-more,.hpb-read-link span{animation:none!important;transition:none!important;transform:none!important}
  .js .hpb-section [data-hpb-reveal],.js .hpb-single [data-hpb-reveal]{opacity:1!important;transform:none!important}
}
