@charset "utf-8";

#hqMediaInsights.media-insights-section{
--mi-bg:#F8F5F0;
--mi-text:#111111;
--mi-sub:#888888;
--mi-gold:#9A845F;
--mi-badge:#A68966;
--mi-pill-active:#111111;
--mi-pill-inactive:#EDE8E2;
--mi-pill-text:#8A7A6A;
--mi-card-radius:20px;
padding:100px 0 80px;
background-color:var(--mi-bg);
background-image:url('./img/section-bg.webp');
background-size:cover;
background-position:right center;
background-repeat:no-repeat;
color:var(--mi-text);
font-family:var(--k-font),var(--e-font);
box-sizing:border-box;
overflow:hidden;
}

#hqMediaInsights .media-insights-inner{
max-width:var(--layout-max,1800px);
margin:0 auto;
padding:0 80px;
}

/* Header */
#hqMediaInsights .media-insights-header{
margin-bottom:28px;
}

#hqMediaInsights .media-insights-header .label{
margin:0 0 20px;
font-size:13px;
font-weight:600;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--mi-sub);
font-family:var(--e-font),var(--k-font);
}

#hqMediaInsights .media-insights-header h2{
margin:0 0 20px;
font-size:clamp(34px,3.2vw,48px);
font-weight:700;
line-height:1.15;
letter-spacing:-.03em;
color:var(--mi-text);
font-family:var(--e-font),var(--k-font);
}

#hqMediaInsights .media-insights-header .desc{
margin:0 0 20px;
font-size:15px;
font-weight:400;
line-height:1.7;
color:var(--mi-sub);
word-break:keep-all;
}

/* Filter pills */
#hqMediaInsights .news-filters{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
}

#hqMediaInsights .news-filter{
appearance:none;
border:none;
padding:10px 22px;
border-radius:999px;
font-size:11px;
font-weight:600;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--mi-pill-text);
background:var(--mi-pill-inactive);
cursor:pointer;
font-family:var(--e-font),var(--k-font);
transition:background .28s ease,color .28s ease,transform .28s ease,box-shadow .28s ease;
}

#hqMediaInsights .news-filter.is-active{
background:var(--mi-pill-active);
color:#ffffff;
}

#hqMediaInsights .news-filter:hover:not(.is-active){
background:#ddd5cb;
color:#5a4f44;
transform:translateY(-1px);
box-shadow:0 4px 12px rgba(0,0,0,.06);
}

#hqMediaInsights .news-filter.is-active:hover{
background:#222222;
}

/* Grid layout */
#hqMediaInsights .news-grid{
display:grid;
grid-template-columns:minmax(0,0.46fr) minmax(0,0.54fr);
gap:14px;
align-items:stretch;
}

#hqMediaInsights .news-grid-small{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}

/* Card base */
#hqMediaInsights .news-card{
position:relative;
min-width:0;
opacity:1;
transform:translateY(0);
transition:opacity .42s cubic-bezier(.16,1,.64,1),transform .42s cubic-bezier(.16,1,.64,1);
will-change:opacity,transform;
}

#hqMediaInsights .news-card.is-hidden{
display:none;
}

/* Tab filter transitions */
#hqMediaInsights.is-filtering .news-card.is-leaving{
transition-delay:0s!important;
transition-duration:.42s!important;
}

#hqMediaInsights.is-filtering .news-card.is-entering{
transition-duration:.42s!important;
}

#hqMediaInsights.is-filtering .news-card.is-leaving{
opacity:0!important;
transform:translateY(18px)!important;
pointer-events:none;
}

#hqMediaInsights .news-card.is-entering,
#hqMediaInsights.is-filtering .news-card.is-entering{
opacity:0!important;
transform:translateY(22px)!important;
}

#hqMediaInsights .news-card-link{
display:block;
height:100%;
color:inherit;
text-decoration:none;
}

#hqMediaInsights .news-card-link:hover .news-card-img{
transform:scale(1.05);
}

#hqMediaInsights .news-card-media{
position:relative;
overflow:hidden;
border-radius:var(--mi-card-radius);
}

#hqMediaInsights .news-card-img{
display:block;
width:100%;
height:100%;
object-fit:cover;
transform:scale(1);
transition:transform .55s cubic-bezier(.16,1,.64,1);
}

#hqMediaInsights .news-badge{
position:absolute;
top:16px;
left:16px;
z-index:2;
padding:6px 12px;
border-radius:6px;
font-size:10px;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
color:#ffffff;
background:rgba(166,137,102,.92);
font-family:var(--e-font),var(--k-font);
}

/* Featured card */
#hqMediaInsights .news-card.is-featured{
position:relative;
min-width:0;
display:flex;
flex-direction:column;
height:100%;
}

#hqMediaInsights .news-card.is-featured .news-card-link{
flex:1;
display:flex;
flex-direction:column;
}

#hqMediaInsights .news-card.is-featured .news-card-media{
flex:1;
height:100%;
min-height:0;
}

#hqMediaInsights .news-card.is-featured .news-card-img{
position:absolute;
inset:0;
width:100%;
height:100%;
}

#hqMediaInsights .news-card.is-featured .news-card-media::after{
content:'';
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.55) 75%,rgba(0,0,0,.72) 100%);
pointer-events:none;
transition:opacity .4s ease;
}

#hqMediaInsights .news-card.is-featured .news-card-link:hover .news-card-media::after{
opacity:.92;
background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.62) 72%,rgba(0,0,0,.82) 100%);
}

#hqMediaInsights .news-card.is-featured .news-card-overlay{
position:absolute;
left:0;
right:0;
bottom:0;
z-index:2;
padding:20px 20px 22px;
color:#ffffff;
}

#hqMediaInsights .news-card.is-featured .news-date{
display:block;
margin-bottom:6px;
font-size:11px;
font-weight:500;
color:rgba(255,255,255,.85);
font-family:var(--e-font),var(--k-font);
}

#hqMediaInsights .news-card.is-featured .news-title{
margin:0 0 6px;
font-size:clamp(18px,1.5vw,22px);
font-weight:700;
line-height:1.3;
letter-spacing:-.02em;
color:#ffffff;
font-family:var(--e-font),var(--k-font);
}

#hqMediaInsights .news-card.is-featured .news-excerpt{
margin:0;
max-width:88%;
font-size:12px;
font-weight:400;
line-height:1.55;
color:rgba(255,255,255,.88);
word-break:keep-all;
}

#hqMediaInsights .news-arrow{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
border-radius:50%;
border:1.5px solid var(--mi-gold);
background:transparent;
color:var(--mi-gold);
transition:background .35s cubic-bezier(.16,1,.64,1),border-color .35s ease,color .35s ease,transform .35s cubic-bezier(.16,1,.64,1);
}

#hqMediaInsights .news-arrow-icon{
display:block;
width:16px;
height:14px;
}

#hqMediaInsights .news-card-link:hover .news-arrow{
background:var(--mi-gold);
border-color:var(--mi-gold);
color:#ffffff;
transform:translateX(3px);
}

#hqMediaInsights .news-arrow-lg{
position:absolute;
right:18px;
bottom:18px;
z-index:3;
width:48px;
height:48px;
}

#hqMediaInsights .news-arrow-lg .news-arrow-icon{
width:18px;
height:16px;
}

/* Small cards */
#hqMediaInsights .news-grid-small .news-card{
background:#ffffff;
border-radius:var(--mi-card-radius);
box-shadow:0 4px 24px rgba(0,0,0,.04);
overflow:hidden;
transition:opacity .42s cubic-bezier(.16,1,.64,1),transform .42s cubic-bezier(.16,1,.64,1),box-shadow .35s cubic-bezier(.16,1,.64,1);
}

#hqMediaInsights .news-grid-small .news-card:has(.news-card-link:hover){
box-shadow:0 12px 36px rgba(0,0,0,.1);
}

#hqMediaInsights .news-grid-small .news-card-link:hover .news-card-img{
transform:scale(1.06);
}

#hqMediaInsights .news-grid-small .news-card-media{
border-radius:var(--mi-card-radius) var(--mi-card-radius) 0 0;
aspect-ratio:2.2/1;
}

#hqMediaInsights .news-grid-small .news-card-body{
position:relative;
padding:14px 16px 36px;
}

#hqMediaInsights .news-grid-small .news-date{
display:block;
margin-bottom:6px;
font-size:11px;
font-weight:500;
color:var(--mi-gold);
font-family:var(--e-font),var(--k-font);
}

#hqMediaInsights .news-grid-small .news-title{
margin:0 0 4px;
font-size:15px;
font-weight:700;
line-height:1.35;
letter-spacing:-.01em;
color:var(--mi-text);
font-family:var(--e-font),var(--k-font);
transition:color .3s ease;
}

#hqMediaInsights .news-grid-small .news-card-link:hover .news-title{
color:var(--mi-gold);
}

#hqMediaInsights .news-grid-small .news-excerpt{
margin:0;
font-size:11px;
font-weight:400;
line-height:1.5;
color:var(--mi-sub);
word-break:keep-all;
}

#hqMediaInsights .news-grid-small .news-arrow{
position:absolute;
right:16px;
bottom:16px;
width:36px;
height:36px;
}

#hqMediaInsights.is-filtering .news-card-link:hover .news-card-img,
#hqMediaInsights.is-filtering .news-card-link:hover .news-arrow{
transform:none;
background:transparent;
border-color:var(--mi-gold);
color:var(--mi-gold);
}

/* Responsive */
@media (max-width:1280px){
#hqMediaInsights .news-grid{
grid-template-columns:1fr;
}

#hqMediaInsights .news-card.is-featured .news-card-media{
height:320px;
}
}

@media (max-width:768px){
#hqMediaInsights{
padding:70px 0 80px;
}

#hqMediaInsights .media-insights-inner{
padding:0 24px;
}

#hqMediaInsights .news-grid-small{
grid-template-columns:1fr;
}
}

@media (prefers-reduced-motion:reduce){
#hqMediaInsights .news-grid-small .news-card{
transition:none;
}

#hqMediaInsights .news-card{
transition:none;
}

#hqMediaInsights .news-card-img,
#hqMediaInsights .news-arrow,
#hqMediaInsights .news-filter,
#hqMediaInsights .news-grid-small .news-title{
transition:none;
}

#hqMediaInsights .news-card-link:hover .news-card-img,
#hqMediaInsights .news-card-link:hover .news-arrow{
transform:none;
}

#hqMediaInsights .news-card-link:hover .news-arrow{
background:var(--mi-gold);
border-color:var(--mi-gold);
color:#ffffff;
}

#hqMediaInsights .news-filter:hover:not(.is-active){
transform:none;
}

#hqMediaInsights .reveal-item{
opacity:1;
transform:none;
transition:none;
}
}

/* Scroll reveal */
#hqMediaInsights .reveal-item{
opacity:0;
transform:translateY(24px);
transition:opacity .85s ease-out,transform .85s ease-out;
}

#hqMediaInsights.is-revealing .reveal-item{
opacity:1;
transform:translateY(0);
}

#hqMediaInsights.is-revealing .media-insights-header .reveal-item:nth-child(1){transition-delay:.06s}
#hqMediaInsights.is-revealing .media-insights-header .reveal-item:nth-child(2){transition-delay:.12s}
#hqMediaInsights.is-revealing .media-insights-header .reveal-item:nth-child(3){transition-delay:.18s}
#hqMediaInsights.is-revealing .media-insights-header .reveal-item:nth-child(4){transition-delay:.24s}

#hqMediaInsights.is-revealing .news-grid .reveal-item:nth-child(1){transition-delay:.32s}
#hqMediaInsights.is-revealing .news-grid-small .reveal-item:nth-child(1){transition-delay:.38s}
#hqMediaInsights.is-revealing .news-grid-small .reveal-item:nth-child(2){transition-delay:.44s}
#hqMediaInsights.is-revealing .news-grid-small .reveal-item:nth-child(3){transition-delay:.5s}
#hqMediaInsights.is-revealing .news-grid-small .reveal-item:nth-child(4){transition-delay:.56s}