.page-template-page-home.page-template-page-home-php-home .wd-page-title{
    display:none;
}

.page-template-page-home.page-template-page-home-php.wd-content-layout{
    max-width:none;
    width:100%;
    padding:0;
}

.page-template-page-home.page-template-page-home-php main{
    padding:0 !important;
    margin:0 !important;
    max-width: 100% !important;
    width: 100% !important;
}
/*==================================================
    WOODMART OVERRIDES
==================================================*/

.page-template-page-home.page-template-page-home-php-home .wd-page-title{
    display:none;
}

.page-template-page-home.page-template-page-home-php .wd-content-layout{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}

.page-template-page-home.page-template-page-home-php main{
    width:100%;
    max-width:100%;
    margin:0 !important;
    padding:0 !important;
}
/*==================================================
    HERO
==================================================*/

.hero{

    position:relative;
    width:100%;
    min-height:110vh;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    isolation:isolate;
    background:#050608;
}
.hero__background {
    position: absolute;
    inset: 0;
    /*background: radial-gradient(circle at right bottom, rgba(255, 255, 255, 0.4) 0%, transparent 60%);*/
    background-image: var(--hero-bg);
    background-position: right 30px center;
    background-size: 60% auto !important;
    background-repeat: no-repeat;    
    z-index: 1;
    animation:heroBreath 35s ease-in-out infinite alternate;

}
@keyframes heroBreath{
    from{
        transform:scale(1.03);
    }
    to{
        transform:scale(1.07);
    }

}
/*==================================================
    HERO CANVAS
==================================================*/
.hero__canvas{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    z-index:2;
    pointer-events:none;
}
/*==================================================
    HERO OVERLAY
==================================================*/

.hero__overlay{

    position:absolute;

    inset:0;

    /*background:

    linear-gradient(

        180deg,

        rgba(0,0,0,.22) 0%,

        rgba(0,0,0,.08) 35%,

        rgba(5,6,8,.78) 100%

    );*/

    background-image:radial-gradient(circle at 100% 50%, rgba(0, 212, 255, 0.4) 0%, transparent 60%);

    z-index:3;

}
/*==================================================
    HERO GLOW
==================================================*/

.hero__glow{

    position:absolute;

    width:900px;

    height:900px;

    left:50%;

    top:38%;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background: radial-gradient(circle, rgba(200,169,106,.18), rgba(200,169,106,.08) 35%, transparent 70% );

    filter:blur(75px);
    opacity:.75;
    pointer-events:none;
    z-index:4;
    animation:glowPulse 8s ease-in-out infinite;

}
@keyframes glowPulse{

    0%{

        opacity:.45;

        transform:translate(-50%,-50%) scale(.95);

    }

    50%{

        opacity:.70;

        transform:translate(-50%,-50%) scale(1.03);

    }

    100%{

        opacity:.45;

        transform:translate(-50%,-50%) scale(.95);

    }

}
/*==================================================
    HERO CONTAINER
==================================================*/

.hero__container{
    position:relative;
    width:min(1300px,92%);
    margin:auto;
    z-index:10;

}
/*==================================================
    HERO CONTENT
==================================================*/

.hero__content{
    width:min(900px,100%);
    margin:auto;
    text-align:center;

}
.hero__eyebrow{

    display:inline-block;
    margin-bottom:28px;
    color:var(--color-primary);
    font-size:14px;
    letter-spacing:5px;
    text-transform:uppercase;

}
.hero__title{

    font-family:"Roboto",Verdana, Geneva, Tahoma, sans-serif;
    font-weight:100;
    font-size:clamp(30px,4vw,56px);
    line-height:.92;
    color:#fff;

}

.hero__title span{
    display:block;
    font-weight:600;

}
.hero__description{

    font-family:"Roboto",Verdana, Geneva, Tahoma, sans-serif;
    font-weight:100;
    width:min(720px,92%);
    margin:38px auto;
    color:rgba(200,169,106,.65);
    font-size:20px;
    line-height:1.9;

}
/*==================================================
SEARCH
==================================================*/

.hero-search{
    position: relative;
    width: min(920px,95%);
    margin: 55px auto 0;
    z-index: 1000;
}
.hero-search__wrapper{

    display:flex;
    align-items:center;
    gap:18px;
    height:82px;
    padding:0 28px;
    border-radius:28px;
    background:rgba(20,24,30,.55);
    backdrop-filter:blur(24px);
    border:1px solid rgba(255,255,255,.12);
    box-shadow: 0 30px 60px rgba(0,0,0,.30);
    transition:.35s;
    width:100%;

}
.hero-search__wrapper:focus-within{

    border-color:rgba(200,169,106,.65);
    box-shadow: 0 0 0 1px rgba(200,169,106,.25),
        0 30px 70px rgba(0,0,0,.45);
    transform: translateY(-2px);
}
.hero-search__icon{
    color:#C8A96A;
    display:flex;
}
.hero-search__input{
    flex:1;
    background:none;
    border:none;
    outline:none;
    color:#fff;
    font-size:18px;
    font-family:inherit;
}
.hero-search__input::placeholder{

    color:rgba(255,255,255,.55);
}
.hero-search__shortcut{

    font-size:13px;
    color:rgba(255,255,255,.5);
    border:1px solid rgba(255,255,255,.15);
    padding:6px 10px;
    border-radius:8px;
}
.hero-search__loading{
    display:none;
    width:18px;
    height:18px;
}
.hero-search__results{

    position:absolute;
    top:calc(100% + 1px);
    left:0;
    right:0;
    width:100%;
    z-index:2000;
    display:none;
    background:rgba(15,18,24,.96);
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(24px);
    box-shadow:0 25px 70px rgba(0,0,0,.45);
    max-height:400px;
    overflow-y:auto;
    overflow-x:hidden;
    color:#C8A96A;
}
.hero-search__wrapper:focus-within{

    /*border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;*/

}
.hero-search--open{display:block;}
.hero-search__results{
    /*opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:all .18s ease;*/
}

.hero-search--open .hero-search__results{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.hero-search__results::-webkit-scrollbar{
    width:8px;
}
.hero-search__results::-webkit-scrollbar-thumb{
    background:rgba(200,169,106,.35);
    border-radius:20px;
}
.hero-search__popular{

    margin-top:18px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    z-index:1;
}
.hero-search__popular span{
    color:rgba(255,255,255,.45);
}
.hero-search__popular button{
    background:none;
    border:none;
    color:#C8A96A;
    cursor:pointer;
    transition:.25s;
}
.hero-search__popular button:hover{
    color:#fff;
    background:none;
}
.search-item{
    display:flex;
    gap:18px;
    align-items:center;
    padding:18px;
    text-decoration:none;
    transition:.25s;
    color:#C8A96A;
}
.search-item:hover{
    background:rgba(255,255,255,.05);
}
.search-item img{

    width:60px;
    height:60px;
    object-fit:cover;
    border-radius:10px;
}
.search-item__content{

    display:flex;

    justify-content:space-between;

    align-items:center;

    width:100%;

    gap:20px;

}

.search-item__title{

    color:#C8A96A;
    font-weight:600;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

}

.search-item__label{

    color:#C8A96A;
    opacity: 0.8;

    font-size:12px;

    white-space:nowrap;

    flex-shrink:0;

}
.search-item strong{
    color:#C8A96A;
    display:block;
}

.search-item small{
    color:#C8A96A;

}

.search-empty{
    padding:25px;
    color:white;

}
.search-loading{

    padding:24px;
    color:#C8A96A;
    text-align:center;
}
/*==================================================
  HOME CATEGORIES
==================================================*/

.home-categories{

    position:relative;

    overflow:hidden;

    isolation:isolate;

    padding:120px 0;

    background:

        radial-gradient(
            ellipse at top,
            #101827 0%,
            #0B1018 45%,
            #070A10 100%
        );

}
.home-categories__background{

    position:absolute;

    inset:0;

    z-index:0;

    overflow:hidden;

    pointer-events:none;

}

.celestial-body{

    position:absolute;

    border-radius:50%;

    pointer-events:none;

}
.celestial-body--primary{

    position:absolute;

    width:1000px;

    height:1000px;

    right:-350px;

    top:-250px;

    border-radius:50%;

    background:

radial-gradient(

circle,

#8EA8FF,

transparent 70%

);

    opacity:.5;

    z-index:1; filter:blur(8px);

}
.celestial-body--secondary{

    position:absolute;

    width:1200px;
    height:1200px;

    left:-650px;
    bottom:-300px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(170,185,220,.38) 0%,
            rgba(95,115,150,.18) 35%,
            rgba(40,55,75,.08) 60%,
            transparent 75%
        ) !important;

    opacity:.45;

    filter:blur(8px);

    z-index:1;

    animation:celestialFloatTwo 80s ease-in-out infinite;

}
.nebula{

    position:absolute;

    border-radius:50%;

    filter:blur(90px);

   /* mix-blend-mode:screen;*/

}
.nebula--blue{

    position:absolute;

    width:900px;
    height:700px;

    left:-150px;
    top:50px;

    border-radius:50%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(80,140,255,.45) 0%,
            rgba(60,110,255,.28) 25%,
            rgba(35,70,180,.18) 45%,
            rgba(20,35,90,.08) 65%,
            transparent 80%
        );

    opacity:.85;

    filter:blur(40px);

    z-index:2;

}
.nebula--purple{

    position:absolute;

    width:700px;
    height:550px;

    right:-100px;
    bottom:50px;

    border-radius:50%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(170,120,255,.32) 0%,
            rgba(130,80,210,.20) 35%,
            rgba(70,40,120,.10) 55%,
            transparent 78%
        );

    opacity:.65;

    filter:blur(35px);

    z-index:2;

}
.nebula--purple{

    position:absolute;

    width:700px;
    height:550px;

    right:-100px;
    bottom:50px;

    border-radius:50%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(170,120,255,.32) 0%,
            rgba(130,80,210,.20) 35%,
            rgba(70,40,120,.10) 55%,
            transparent 78%
        );

    opacity:.65;

    filter:blur(35px);

    z-index:2;

}
/*.cosmic-dust{

    position:absolute;

    inset:0;

    z-index:3;

    background-image:

        radial-gradient(circle,rgba(255,255,255,.75) 1.3px,transparent 1.5px),

        radial-gradient(circle,rgba(120,180,255,.55) 1px,transparent 1.2px),

        radial-gradient(circle,rgba(180,140,255,.40) 1px,transparent 1.2px);

    background-size:

        180px 180px,

        280px 280px,

        360px 360px;

    background-position:

        0 0,

        120px 80px,

        250px 200px;

    opacity:.45;

}*/
@keyframes celestialFloatOne{

    50%{

        transform:

            translate(-35px,25px)

            scale(1.04);

    }

}
@keyframes celestialFloatTwo{

    50%{

        transform:

            translate(25px,-20px)

            scale(1.05);

    }

}
@keyframes nebulaBlue{

    50%{

        transform:

            translate(40px,-25px)

            scale(1.08);

    }

}
@keyframes nebulaGold{

    50%{

        transform:

            translate(-35px,20px)

            scale(1.05);

    }

}
.cosmic-dust{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

    z-index:2;

}
.cosmic-dust__particle{

    position:absolute;

    border-radius:50%;

    opacity:var(--opacity);

    animation:

        dustFloat var(--duration) linear var(--delay) infinite,

        dustTwinkle 5s ease-in-out infinite;

}
.cosmic-dust__streak{

    position:absolute;

    width:6px !important;

    height:1px !important;

    border-radius:5px;

    opacity:calc(var(--opacity) * .8);

    transform: rotate(var(--angle));

    animation:

        dustFloat var(--duration) linear var(--delay) infinite;

}
.cosmic-dust__glint{

    position:absolute;

    border-radius:50%;

    box-shadow:

        0 0 6px currentColor,

        0 0 12px currentColor;

    opacity:.7;

    animation:

        dustFloat var(--duration) linear var(--delay) infinite,

        dustPulse 6s ease-in-out infinite;

}
@keyframes dustFloat{

    0%,100%{

        transform:
            translate(0,0)
            rotate(var(--angle));

    }

    50%{

        transform:
            translate(var(--dx), var(--dy))
            rotate(var(--angle));

    }

}
@keyframes dustTwinkle{

    0%,100%{

        opacity:var(--opacity);

    }

    50%{

        opacity:calc(var(--opacity) * 1.8);

    }

}
@keyframes dustPulse{

    0%,100%{

        transform:scale(1);

    }

    50%{

        transform:scale(2);

    }

}
/*
.cosmic-dust{

    animation:dustFloat 45s linear infinite;

}

@keyframes dustFloat{

    from{

        transform:translateY(0);

    }

    to{

        transform:translateY(35px);

    }

}*/
/*==================================================
PLANETS
==================================================*/
/*
.planet{

    position:absolute;

    border-radius:50%;

    pointer-events:none;

    z-index:0;

    mix-blend-mode:screen;

}

.planet--one{

    width:1400px;
    height:1400px;

    top:-650px;

    right:-550px;
    opacity:.35;

    background:

        radial-gradient(

            circle at 35% 35%,

            rgba(115,140,255,.20),

            rgba(55,70,140,.08),

            rgba(5,6,8,0) 72%

        );

    filter:blur(10px);

    animation:planetFloat1 55s ease-in-out infinite;

}

.planet--two{

    width:620px;
    height:620px;

    left:-250px;
    bottom:-180px;

    opacity:.35;

    background:

        radial-gradient(

            circle,

            rgba(200,169,106,.14),

            rgba(60,45,20,.05),

            transparent 75%

        );

    filter:blur(14px);

    animation:planetFloat2 70s ease-in-out infinite;

}
@keyframes planetFloat1{

    50%{

        transform:

            translate(-30px,20px)

            rotate(5deg);

    }

}
@keyframes planetFloat2{

    50%{

        transform:

            translate(25px,-15px)

            scale(1.04);

    }

}
.cosmic-dust{

    position:absolute;

    inset:0;

    z-index:0;

    opacity:.18;

    background-image:

        radial-gradient(circle,rgba(255,255,255,.25) 1px,transparent 1px),

        radial-gradient(circle,rgba(200,169,106,.20) 1px,transparent 1px);

    background-size:

        180px 180px,

        260px 260px;

    background-position:

        0 0,

        120px 80px;

    animation:

        dustFloat

        40s

        linear

        infinite;

}
@keyframes dustFloat{

    from{

        transform:translateY(0);

    }

    to{

        transform:translateY(40px);

    }

}
.planet,
.cosmic-dust{

    position:absolute;

    z-index:0;

    pointer-events:none;

}*/
.home-categories .container{

    position:relative;

    z-index:5;

}
.section-heading{

    max-width:760px;

    margin:0 auto 95px;

    text-align:center;

}

.section-heading__eyebrow{

    color:#C8A96A;

    font-size:.82rem;

    font-weight:600;

    letter-spacing:.35em;

    text-transform:uppercase;

}

.section-heading__title{

    color:#FFF;

    font-size:clamp(2.8rem,5vw,4.2rem);

    font-weight:700;

    line-height:1.08;

    letter-spacing:-0.03em;

}

.section-heading__title span{

    display:block;

    color:#C8A96A;

}

.section-heading__description{

    max-width:560px;

    margin:28px auto 0;

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

    font-size:1.08rem;

    line-height:1.8;

}
.category-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:24px;
}
.category-card{

    display:flex;

    flex-direction:column;

    overflow:hidden;

    text-decoration:none;

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

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

    border-radius:24px;

    transition:

        transform .45s,

        border-color .45s,

        box-shadow .45s;


    backdrop-filter:blur(16px);

}
.category-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:

        radial-gradient(

            600px circle at var(--x) var(--y),

            rgba(255,255,255,.10),

            transparent 60%

        );

    opacity:0;

    transition:opacity .35s;

    pointer-events:none;

}
.category-card:hover::before{

    opacity:1;

}
.category-card__image{

    position:relative;

    overflow:hidden;

    aspect-ratio:4/5;

}
.category-card__image-inner{

    width:100%;

    height:100%;

    transition:transform .8s cubic-bezier(.22,.61,.36,1);

}
.category-card__image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}
.category-card__image::after{

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(

            180deg,

            rgba(0,0,0,0),

            rgba(5,6,8,.20),

            rgba(5,6,8,.95)

        );

}
.category-card__content{

    display:flex;

    flex-direction:column;

    gap:18px;

    padding:30px;

    flex:1;
    background:

        linear-gradient(

            180deg,

            rgba(16,18,24,.82),

            rgba(9,10,14,.96)

        );


}
.category-card__content h3{

    margin:0;

    color:#FFF;

    font-size:1.25rem;

    font-weight:600;

    line-height:1.35;

    letter-spacing:-0.02em;

}
.category-card__footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:auto;

}
.category-card__count{

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

    font-size:.80rem;

    font-weight:500;

    text-transform:uppercase;

    letter-spacing:.12em;

}
.category-card__arrow{

    color:#C8A96A;

    font-size:1.35rem;

    transition:.35s ease;

}
.category-card:hover{

    transform:

        translateY(-12px)

        scale(1.02);


    border-color:rgba(200,169,106,.55);

    box-shadow:

        0 25px 60px rgba(0,0,0,.45),

        0 0 35px rgba(200,169,106,.10);

}
.category-card:hover .category-card__image-inner{

    transform:scale(1.10);

}
.category-card:hover .category-card__arrow{

    transform:/*translateX(8px);*/ translate(5px,-5px);
    

}
/*==================================================
CATEGORY REVEAL
==================================================*/

.category-card{

    opacity:0;

    transform:
        translateY(60px)
        scale(.96);

    transition:

        opacity .8s cubic-bezier(.2,.8,.2,1),

        transform .8s cubic-bezier(.2,.8,.2,1),

        border-color .35s,

        box-shadow .35s;

    will-change:transform,opacity;

}

.category-card.is-visible{

    opacity:1;

    transform:
        translateY(0)
        scale(1);

}

@media(max-width:1650px){

    .category-grid{

        grid-template-columns:repeat(4,1fr);

    }

}
@media(max-width:1200px){

    .category-grid{

        grid-template-columns:repeat(3,1fr);

    }

}
@media(max-width:900px){

    .category-grid{

        grid-template-columns:repeat(2,1fr);

    }

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

    .category-grid{

        grid-template-columns:1fr;

    }

    .home-categories{

        padding:90px 0;

    }

}
/*==================================================
  SECTION TRANSITION
==================================================*/

.section-transition{

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:140px;

    z-index:1;

    pointer-events:none;
    
    background: transparent;

}

.section-transition__stars{

    position:absolute;

    inset:0;

    background-image:

        radial-gradient(circle,rgba(255,255,255,.45) 1px,transparent 1px),
        radial-gradient(circle,rgba(200,169,106,.45) 1px,transparent 1px);

    background-size:
        180px 180px,
        260px 260px;

    background-position:
        0 0,
        90px 120px;

    opacity:.35;

}
.section-transition__path{

    position:absolute;

    left:50%;

    top:0;

    width:2px;

    height:100%;

    transform:translateX(-50%);

    background:linear-gradient(

        to bottom,

        transparent,

        rgba(200,169,106,.35),

        rgba(200,169,106,.55),

        transparent

    );

}
.section-transition__node{

    position:absolute;

    left:50%;

    top:50%;

    width:10px;

    height:10px;

    border-radius:50%;

    transform:translate(-50%,-50%);

    background:#C8A96A;

    box-shadow:

        0 0 10px #C8A96A,

        0 0 20px rgba(200,169,106,.6),

        0 0 40px rgba(200,169,106,.3);

}
.section-transition__node{

    animation:transitionPulse 4s ease-in-out infinite;

}
@keyframes transitionPulse{

    0%,100%{

        transform:translate(-50%,-50%) scale(1);

        opacity:.8;

    }

    50%{

        transform:translate(-50%,-50%) scale(1.5);

        opacity:1;

    }

}
.section-transition__stars{

    animation:transitionStars 18s linear infinite;

}
@keyframes transitionStars{

    from{

        transform:translateY(0);

    }

    to{

        transform:translateY(20px);

    }

}
/*==================================================
    FEATURED ASSETS
==================================================*/
.sm-featured-universe{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

    z-index:0;

}


.sm-featured{

    position:relative;

    overflow:hidden;

    padding:140px 0 180px;

    background:

        radial-gradient(
            circle at 50% 0%,
            rgba(255,245,220,.95),
            rgba(228,215,195,.92) 40%,
            rgba(205,193,176,.95) 100%
        );

}
.sm-featured::before{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:

        radial-gradient(

            circle at 50% 8%,

            rgba(255,235,180,.65),

            transparent 48%

        ),

        radial-gradient(

            circle at 20% 80%,

            rgba(255,220,170,.18),

            transparent 35%

        ),

        radial-gradient(

            circle at 82% 72%,

            rgba(255,220,180,.18),

            transparent 40%

        );

    filter:blur(70px);

}


.sm-featured-nebula{

    position:absolute;

    inset:0;

    background:

        radial-gradient(

            circle at 25% 15%,

            rgba(255,220,150,.35),

            transparent 35%

        ),

        radial-gradient(

            circle at 82% 22%,

            rgba(255,210,120,.22),

            transparent 30%

        ),

        radial-gradient(

            circle at 55% 85%,

            rgba(255,240,210,.18),

            transparent 40%

        );

    filter:blur(80px);

}
/*.sm-featured-gallery{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:flex-end;

    gap:28px;

    margin:90px auto 0;

    perspective:2200px;

    transform-style:preserve-3d;

    z-index:5;

}*/
.sm-featured-gallery{

    position:relative;

    overflow:hidden;

    width:100%;

    margin:90px auto 0;

    z-index:5;
    
    padding-top:50px;

    padding-bottom:80px;

}
.sm-featured-track{

    display:flex;

    align-items:flex-end;

    

    gap:28px;

    /*perspective:2200px;

    transform-style:preserve-3d;
    justify-content:center; */
    
    transition:transform .75s cubic-bezier(.22,.61,.36,1);

    will-change:transform;

}

.sm-featured-card{

    width:300px;
flex:0 0 300px;

    overflow:hidden;

    border-radius:30px;

    background:

        linear-gradient(

            180deg,

            rgba(255,255,255,.92),

            rgba(247,242,234,.95)

        );

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

    box-shadow:

        0 15px 35px rgba(0,0,0,.10),

        0 0 35px rgba(200,169,106,.10);

    transition:

        transform .5s ease,

        box-shadow .5s ease;

}
.sm-pos-1{

    transform:

        translateY(50px)

        rotateY(6deg);

}

.sm-pos-2{

    transform:

        translateY(22px)

        rotateY(3deg);

}

.sm-pos-3{

    transform:translateY(-18px);

    border-color:rgba(200,169,106,.45);

    box-shadow:
        0 25px 70px rgba(0,0,0,.14),
        0 0 45px rgba(200,169,106,.22);

}

.sm-pos-4{

    transform:

        translateY(-8px);

}

.sm-pos-5{

    transform:

        translateY(22px)

        rotateY(-3deg);

}

.sm-pos-6{

    transform:

        translateY(50px)

        rotateY(-6deg);

}
/*==============================
    Gallery Positions
===============================*/

.sm-left-outer{

    transform:
        translateY(50px)
        rotateY(5deg);

    opacity:.82;

}

.sm-left-inner{

    transform:
        translateY(22px)
        rotateY(2deg);

    opacity:.92;

}

.sm-center-left{

    transform:
        translateY(-18px)
        scale(1.03);

    z-index:20;

    opacity:1;

}

.sm-center-right{

    transform:
        translateY(-8px)
        scale(1.01);

    z-index:18;

    opacity:.98;

}

.sm-right-inner{

    transform:
        translateY(22px)
        rotateY(-2deg);

    opacity:.92;

}

.sm-right-outer{

    transform:
        translateY(50px)
        rotateY(-5deg);

    opacity:.82;

}
.sm-featured-card:nth-child(1){

    transform:

        translateY(50px)

        rotateY(6deg);

}

.sm-featured-card:nth-child(2){

    transform:

        translateY(22px)

        rotateY(3deg);

}

.sm-featured-card:nth-child(3){

    transform:translateY(-18px);

    border-color:rgba(200,169,106,.45);

    box-shadow:
        0 25px 70px rgba(0,0,0,.14),
        0 0 45px rgba(200,169,106,.22);

}

.sm-featured-card:nth-child(4){

    transform:

        translateY(-8px);

}

.sm-featured-card:nth-child(5){

    transform:

        translateY(22px)

        rotateY(-3deg);

}

.sm-featured-card:nth-child(6){

    transform:

        translateY(50px)

        rotateY(-6deg);

}


.sm-featured .sm-card{

    background:

        linear-gradient(

            180deg,

            rgba(255,255,255,.60),

            rgba(255,255,255,.30)

        );

    backdrop-filter:blur(18px);

}
.sm-featured .sm-card-title{

    color:#242424;
    min-height:72px;
    font-size:1.28rem;
line-height:1.35;

    margin-bottom:20px;

}

.sm-featured .sm-section-title{

    color:#202020;

}

.sm-featured .sm-section-description{

    color:#5B5B5B;

}
.sm-card-body{

    padding:22px 24px;

}
.sm-card-category{

    margin-bottom:8px;

}
.sm-card-image{

    display:block;

    height:290px;

    overflow:hidden;

}

.sm-card-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .8s ease;

}

.sm-featured-card:hover img{

    transform:scale(1.06);

}
.sm-card-footer{

    display:flex;

    align-items:center;

    justify-content:space-between;
    
    
    width:100%;

    gap:16px;

    margin-top:20px;

    padding-top:18px;

    border-top:1px solid rgba(200,169,106,.15);
    

}

.sm-card-icons{

    display:flex;

    align-items:center;

    gap:10px;

    flex-shrink:0;

}

.sm-card-link{

    margin-left:auto;

    white-space:nowrap;

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#8F6D2F;

    font-weight:600;

    text-decoration:none;

}
.sm-card-link:hover{

    padding-right:6px;

}
.sm-card-link span{

    transition:transform .35s ease;

}

.sm-card-link:hover span{

    transform:translateX(5px);

}
.sm-featured-footer{

    margin-top:60px;

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

}
.sm-featured-footer .sm-btn{

    display:inline-flex;

}

.sm-btn-icon{

    display:flex !important;

    align-items:center;

    justify-content:center;

    padding:0 !important;

    width:26px !important;

    height:26px !important;

    background:none !important;

    border:none !important;

    color:#8F6D2F !important;

    cursor:pointer !important;

    transition:all .35s ease;

}

.sm-btn-icon svg{

    width:22px;

    height:22px;

    overflow:visible;

}

.sm-btn-icon:hover{

    color:#C8A96A;

    transform:translateY(-2px);

}

.sm-card-actions{

    display:flex;

    justify-content:space-between;

    align-items:center;

}


.sm-featured-card:hover{

    transform:

        translateY(-28px)

        scale(1.03);

    box-shadow:

        0 25px 60px rgba(0,0,0,.15),

        0 0 45px rgba(200,169,106,.20);

}

.sm-ecosystems{

    position:relative;

    overflow:hidden;

    background:#040404;

    padding:120px 0 140px;

    isolation:isolate;

}

.sm-ecosystems::before{

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to bottom,
            rgba(0,0,0,.75),
            rgba(0,0,0,.20),
            rgba(0,0,0,.85)
        );

    z-index:-1;

}

.sm-ecosystems::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-180px;

    transform:translateX(-50%);

    width:700px;

    height:700px;

    border-radius:50%;

    background:

        radial-gradient(

            circle,

            rgba(209,163,72,.35) 0%,

            rgba(209,163,72,.15) 25%,

            transparent 70%

        );

    filter:blur(80px);

    pointer-events:none;

}


.sm-ecosystems-bg{

    position:absolute;

    inset:0;

    background:
        url('../images/home/ecosystem-bg.webp')
        center center/cover
        no-repeat;

    opacity:.95;

    z-index:-2;

}

.sm-ecosystems .container{

    position:relative;

    z-index:5;

}

.sm-ecosystems-gallery{

    position:relative;

    overflow:visible;

    padding:30px 0;

    perspective:2200px;

}

.sm-ecosystems-track{

    display:flex;

    justify-content:center;

    align-items:flex-end;

    gap:14px;

    transform-style:preserve-3d;

}

.sm-ecosystem-card{

    position:relative;

    width:200px;

    height:430px;

    flex:none;

    border-radius:22px;

    overflow:hidden;

    cursor:pointer;

    background:#080808;

    border:1px solid rgba(194,153,84,.55);

    box-shadow:
        0 0 0 1px rgba(255,255,255,.04) inset,
        0 0 20px rgba(194,153,84,.18);

    transition:
        transform .55s cubic-bezier(.22,.61,.36,1),
        box-shadow .4s ease,
        border-color .4s ease;

}

.sm-ecosystem-image{

    position:absolute;

    inset:0;

}

.sm-ecosystem-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .6s ease;

}

.sm-ecosystem-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(5,5,5,.98) 12%,
            rgba(5,5,5,.72) 34%,
            rgba(5,5,5,.18) 65%,
            rgba(5,5,5,.05) 100%
        );

}

.sm-ecosystems-header{

    text-align:center;

    margin-bottom:70px;

}

.sm-ecosystem-content{

    position:absolute;

    left:22px;

    right:22px;

    bottom:62px;

    z-index:5;

}

.sm-ecosystems-header h2{

    margin:0;

    color:#d4b16b;

    font-size:58px;

    font-weight:300;

    line-height:1.1;

}

.sm-ecosystems-header p{

    margin-top:12px;

    color:#d7d7d7;

    font-size:22px;

    font-weight:300;

}

.sm-section-tag{

    display:inline-block;

    margin-bottom:14px;

    color:#b38b4f;

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:12px;

}

.sm-ecosystem-content h3{

    margin:0 0 12px;

    color:#fff;

    font-size:22px;

    font-weight:200;

    line-height:1.05;

}

.sm-ecosystem-content p{

    margin:0;

    color:#d1d1d1;

    font-size:13px;

    line-height:1.75;

}

.sm-ecosystem-card:hover{

    border-color:#d5aa58;

    box-shadow:
        0 0 40px rgba(213,170,88,.35);

}

.sm-ecosystem-card:hover img{

    transform:scale(1.05);

}
.sm-ecosystem-action { margin: 10px 0 0; }