/* START HOME CSS  */
/* START TRANSPARENT HEADER HOME */


/* Remove navigation background HOME */
.main-navigation {
    background-color: transparent !important;
}

/* Make sure content sits under header */
.site-content {
    padding-top: 0!important;
}

/* HERO */

.home-hero{
position:relative;
height:100vh;
min-height:650px;
width:100vw;
margin-left:calc(-50vw + 50%);
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
}

.hero-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
}

.hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(
to bottom,
rgba(0,0,0,0.35),
rgba(0,0,0,0.65)
);
z-index:2;
}

.hero-inner{
position:relative;
z-index:3;
max-width:800px;
padding:20px;
}

.hero-pretitle{
letter-spacing:2px;
margin-bottom:10px;
opacity:0.9;
}

.hero-title{
font-size:80px;
margin:0;
}

.hero-subtitle{
letter-spacing:3px;
margin-top:10px;
}

.hero-buttons{
margin-top:35px;
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}
/* GENERAL */

.home-section{
max-width:1100px;
margin:90px auto;
padding:0 25px;
text-align:center;
}

.home-section h2{
margin-bottom:24px;
letter-spacing:0.04em;
position:relative;
}

.home-section h2::after{
content:"";
display:block;
width:40px;
height:2px;
background:#d39fa7;
margin:14px auto 0;
}



/* FEATURED COMPANIONS */

.home-featured{
max-width:1200px;
margin:80px auto;
padding:0 25px;
text-align:center;
}

.featured-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:40px;
}

.featured-card img{
width:100%;
height:420px;
object-fit:cover;
}

.featured-more{
margin-top:40px;
}



/* INTRO */

.home-intro p{
max-width:720px;
margin:0 auto 18px;
}

.intro-buttons{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
margin-top:30px;
}



/* EDITORIAL IMAGE */

.editorial-break{
width:100vw;
margin-left:calc(-50vw + 50%);
margin-top:100px;
margin-bottom:100px;
}

.editorial-break img{
width:100%;
height:550px;
object-fit:cover;
}



/* SPLIT SECTION */

.home-split{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;
}

.split-image img{
width:100%;
height:520px;
object-fit:cover;
}

.split-content{
text-align:left;
}

.split-features{
list-style:none;
padding:0;
margin-top:20px;
}

.split-features li{
padding:12px 0;
border-bottom:1px solid rgba(132,71,71,0.15);
}



/* CRYPTO */

.home-crypto p{
max-width:700px;
margin:0 auto 18px;
}

.crypto-note{
font-weight:600;
color:#844747;
margin-top:20px;
}



/* PROCESS */

.process-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px;
margin-top:40px;
}

.process-step span{
display:block;
font-size:34px;
margin-bottom:10px;
color:#844747;
}



/* MODEL SECTION */

.home-models{
position:relative;
margin:120px 0;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
overflow:hidden;

}

.models-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
}

.models-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(
to bottom,
rgba(0,0,0,0.4),
rgba(0,0,0,0.8)
);
z-index:2;
}

.models-inner{
position:relative;
z-index:3;
max-width:700px;
padding:20px;
}


/* LOCATION */

.home-location p{
max-width:700px;
margin:0 auto 16px;
}



/* BACKGROUND BANDS */

.band-soft{
background:#f6eeee;
padding-top:110px;
padding-bottom:110px;
}

.band-light{
background:#faf7f7;
padding-top:110px;
padding-bottom:110px;
}


/* ----------------------------------
HOME MAGAZINE / BLOG STRIP
---------------------------------- */

.home-magazine{
margin-top:80px;
padding:0 20px;
max-width:1200px;
margin-left:auto;
margin-right:auto;
}


/* grid */

.home-magazine-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

/* card */

.home-magazine-card{
position:relative;
}

.home-magazine-card a{
display:block;
text-decoration:none;
color:inherit;
}

/* image */

.home-magazine-image{
overflow:hidden;
}

.home-magazine-image img{
width:100%;
height:320px;
object-fit:cover;
display:block;
transition:transform .4s ease;
}

.home-magazine-card:hover img{
transform:scale(1.05);
}

/* body */

.home-magazine-body{
padding-top:14px;
}

/* category */

.home-magazine-category{
font-size:12px;
letter-spacing:.08em;
text-transform:uppercase;
opacity:.6;
margin-bottom:6px;
}

/* title */

.home-magazine-title{
font-size:18px;
line-height:1.4;
margin:0;
font-weight:600;
}

/* view more */

.home-magazine-more{
text-align:center;
margin-top:40px;
}

/* ----------------------------------
TABLET
---------------------------------- */

@media(max-width:1024px){

.home-magazine-grid{
grid-template-columns:repeat(2,1fr);
}

}

/* ----------------------------------
MOBILE
---------------------------------- */

@media(max-width:640px){

.home-magazine-grid{
grid-template-columns:1fr;
}

.home-magazine-image img{
height:260px;
}
.home-models{
padding:40px;
 width: 100vw;
 margin-left: calc(-50vw + 50%);

}
.band-light, .band-soft {
    padding-top: 70px;
    padding-bottom: 70px;
}

}
@media(min-width:640px){

.home-models{
height:500px;
}


}

/* MOBILE */

@media(max-width:900px){

.featured-grid{
grid-template-columns:repeat(2,1fr);
}

.home-split{
grid-template-columns:1fr;
gap: 10px;
}

.process-grid{
grid-template-columns:1fr 1fr;
}

}

@media(max-width:600px){

.featured-grid{
grid-template-columns:1fr;
}

.process-grid{
grid-template-columns:1fr;
}

.home-section{
 width: 100vw;
 margin-left: calc(-50vw + 50%);
}

}
.site-header{
position:absolute !important;
top:0!important;
left:0 !important;
width:100% !important;
background:transparent !important;
z-index:1000 !important;
}
.has-inline-mobile-toggle #site-navigation.toggled {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

@media(max-width:900px){

ul{
    margin-left: 0px !important;
}
}