/*========================
INSIGHTS HERO
=========================*/

#insights_hero{

position:relative;

height:760px;

background:
url("../images/insights_hero.jpg")
center center/cover
no-repeat;

display:flex;
align-items:center;

overflow:hidden;
}

/* OVERLAY */

#insights_hero_overlay{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

background:
linear-gradient(
90deg,
rgba(4,25,19,.88),
rgba(4,25,19,.45)
);
}

/* CONTENT */

#insights_hero_content{

position:relative;
z-index:2;

width:88%;
max-width:1400px;

margin:auto;

display:flex;
align-items:center;
}

#insights_hero_content>div{

max-width:720px;

display:flex;
flex-direction:column;
align-items:flex-start;
}

/* TAG */

.insights_tag{

display:inline-flex;
align-items:center;
justify-content:center;

padding:10px 18px;

border-radius:40px;

background:
rgba(214,180,94,.10);

border:
1px solid
rgba(214,180,94,.20);

font:12px amplitude_regular;

letter-spacing:1.5px;

color:var(--gold);

margin-bottom:28px;
}

/* TITLE */

#insights_hero_content h2{

font:78px PlayfairDisplay;
line-height:1.02;

color:white;

margin-bottom:26px;
}

/* TEXT */

#insights_hero_content p{

font:18px amplitude_regular;
line-height:1.95;

color:
rgba(255,255,255,.78);

margin-bottom:36px;
}

/*========================
ACTIONS
=========================*/

.insights_hero_actions{

display:flex;
align-items:center;

flex-wrap:nowrap;

gap:18px;

width:100%;
}

/* BUTTONS */

.insights_hero_actions a{

flex:1;

height:58px;

display:flex;
align-items:center;
justify-content:center;

box-sizing:border-box;

padding:0 28px;

border-radius:40px;

text-decoration:none;

font:14px amplitude_regular;

transition:.35s;
}

/* PRIMARY */

.insights_hero_actions a:nth-child(1){

background:var(--gold);

color:var(--base);
}

.insights_hero_actions a:nth-child(1):hover{

background:#e0bf65;
}

/* SECONDARY */

.insights_hero_actions a:nth-child(2){

border:
1px solid
rgba(255,255,255,.18);

background:
rgba(255,255,255,.05);

color:white;
}

.insights_hero_actions a:nth-child(2):hover{

background:
rgba(255,255,255,.12);
}

/*========================
FEATURED INSIGHT
=========================*/

#featured_insight_section{

padding:120px 0;

background:#F6F3EC;
}

/* CONTAINER */

#featured_insight_container{

width:88%;
max-width:1350px;

margin:auto;

display:flex;
align-items:center;

gap:70px;
}

/*========================
IMAGE
=========================*/

#featured_insight_image{

flex:1;
}

#featured_insight_image figure{

position:relative;

height:620px;

overflow:hidden;

border-radius:26px;
}

#featured_insight_image figure img{

width:100%;
height:100%;

display:block;

object-fit:cover;
}

/* FRAME */

#featured_insight_image figure:after{

content:'';

position:absolute;

top:18px;
left:18px;
right:18px;
bottom:18px;

border:
1px solid
rgba(255,255,255,.16);

border-radius:20px;
}

/*========================
CONTENT
=========================*/

#featured_insight_content{

flex:1;

display:flex;
flex-direction:column;
align-items:flex-start;
}

/* TAG */

.insight_section_tag{

font:12px amplitude_regular;

letter-spacing:2px;

color:var(--gold);

margin-bottom:22px;
}

/* TITLE */

#featured_insight_content h2{

font:56px PlayfairDisplay;
line-height:1.08;

color:var(--base);

margin-bottom:24px;
}

/* TEXT */

#featured_insight_content > p{

font:16px amplitude_regular;
line-height:2em;

color:#5E6662;

margin-bottom:20px;
}

/* META */

.featured_meta{

display:flex;
align-items:center;

gap:24px;

margin:10px 0 34px 0;
}

.featured_meta span{

font:13px amplitude_regular;

letter-spacing:1px;

color:#7B847F;
}

/* BUTTON */

.featured_read_btn{

display:flex;
align-items:center;
justify-content:center;

height:56px;

padding:0 30px;

border-radius:40px;

background:var(--gold);

color:var(--base);

text-decoration:none;

font:14px amplitude_regular;

transition:.35s;
}

.featured_read_btn:hover{

background:#e0bf65;
}

/*========================
INSIGHTS ARTICLES
=========================*/

#insights_articles_section{

padding:120px 0;

background:white;
}

/* HEADER */

#insights_articles_header{

width:88%;
max-width:850px;

margin:auto auto 50px auto;

text-align:center;
}

#insights_articles_header h2{

font:56px PlayfairDisplay;
line-height:1.08;

color:var(--base);

margin:18px 0;
}

#insights_articles_header p{

font:16px amplitude_regular;
line-height:1.95;

color:#5C6661;
}

/*========================
CATEGORIES
=========================*/

#insight_categories{

width:88%;
max-width:1350px;

margin:auto auto 60px auto;

display:flex;

gap:20px;
}

/* CARD */

.insight_category{

flex:1;

padding:28px;

background:#F8F6F1;

border-radius:22px;

display:flex;
align-items:center;

gap:16px;

transition:.35s;
}

.insight_category:hover{

transform:translateY(-5px);
}

/* ICON */

.insight_cat_icon{

width:58px;
height:58px;

display:flex;
align-items:center;
justify-content:center;

border-radius:18px;

background:
rgba(214,180,94,.10);
}

.insight_cat_icon svg{

width:24px;
height:24px;

stroke:var(--gold);
stroke-width:1.8;
}

/* TEXT */

.insight_category h4{

font:22px PlayfairDisplay;
color:var(--base);
}

/*========================
ARTICLES
=========================*/

#insight_articles_grid{

width:88%;
max-width:1350px;

margin:auto;

display:flex;

gap:24px;
}

/* CARD */

.insight_article_card{

flex:1;

background:white;

border-radius:24px;

overflow:hidden;

box-shadow:
0 14px 40px
rgba(0,0,0,.04);

transition:.35s;
}

.insight_article_card:hover{

transform:translateY(-6px);

box-shadow:
0 24px 60px
rgba(0,0,0,.08);
}

/* IMAGE */

.insight_article_card figure{

height:260px;
}

.insight_article_card figure img{

width:100%;
height:100%;

display:block;

object-fit:cover;
}

/* CONTENT */

.article_content{

padding:30px;
}

/* TAG */

.article_tag{

font:11px amplitude_regular;

letter-spacing:1.5px;

color:var(--gold);
}

/* TITLE */

.article_content h3{

font:30px PlayfairDisplay;
line-height:1.2;

color:var(--base);

margin:16px 0;
}

/* TEXT */

.article_content p{

font:14px amplitude_regular;
line-height:1.9;

color:#5F6764;

margin-bottom:24px;
}

/* META */

.article_meta{

display:flex;
justify-content:space-between;
align-items:center;
}

.article_meta span{

font:12px amplitude_regular;
color:#7A827E;
}

.article_meta a{

text-decoration:none;

font:13px amplitude_regular;

color:var(--gold);
}