/** Shopify CDN: Minification failed

Line 1872:9 Expected ":"
Line 2141:0 Unexpected "}"
Line 2144:0 Unexpected "0%"
Line 2150:0 Unexpected "100%"
Line 5899:0 Unexpected "}"

**/
/* ==========================================================
   ZAETH GLOBAL LAYOUT SYSTEM
   ========================================================== */

:root{

    --zaeth-max-width:1800px;

    --zaeth-container-width:min(94vw,var(--zaeth-max-width));

    --zaeth-gap:24px;

    --zaeth-border:rgba(255,255,255,.08);

    --zaeth-text:#ffffff;

    --zaeth-muted:#8c8c8c;

    --zaeth-bg:#050505;

}

/* ===========================
   GLOBAL
=========================== */

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    background:var(--zaeth-bg);

    color:var(--zaeth-text);

}

/* ===========================
   MAIN CONTAINER
=========================== */

.zaeth-container{

    width:var(--zaeth-container-width);

    margin-inline:auto;

}

/* ===========================
   12 COLUMN GRID
=========================== */

.zaeth-grid{

    display:grid;

    grid-template-columns:repeat(12,minmax(0,1fr));

    gap:var(--zaeth-gap);

}

/* ===========================
   SECTION
=========================== */

.zaeth-section{

    position:relative;

    width:100%;

}

/* ==========================================
ZAETH HERO
========================================== */

.zaeth-home{

background:#000000;

color:#fff;

overflow:hidden;

position:relative;

height:100vh;

margin:0;

padding:0;

margin-bottom:-1px;

}

/* HERO */

.zaeth-hero{

position:relative;

width:100%;

height:100vh;

min-height:700px;

overflow:hidden;

display:flex;

align-items:center;

justify-content:center;

}

/* HERO IMAGE CONTAINER */

.zaeth-hero__image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:1;
}

/* FEATURED TITLES */
.zaeth-hero__image img{

width:100%;
height:100%;
object-fit:cover;
object-position:center;

/* animation:zaethKenBurns 22s ease-in-out infinite alternate; */

will-change:transform;

}   
/* DARK OVERLAY */

.zaeth-hero__overlay{

position:absolute;

inset:0;

background:transparent;

z-index:2;

}

/* ===========================================
HEADER
=========================================== */

.zaeth-header{

    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:100;
    padding:28px 0;

}

.zaeth-header__inner{

    width:min(1800px,94%);
    margin:auto;

    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;

}

.zaeth-menu-icon{

    font-size:18px;
    line-height:1;

}

.zaeth-header__menu{

    display:flex;
    align-items:center;
    gap:14px;

    background:none;
    border:none;

    color:#fff;

    cursor:pointer;

    font-size:11px;
    letter-spacing:.32em;
    text-transform:uppercase;

}
.zaeth-header__menu::before{

content:"☰";

position:absolute;

left:0;

top:50%;

transform:translateY(-50%);

font-size:18px;

font-weight:300;

color:#fff;

}
.zaeth-header__menu span{

display:block;

width:18px;

height:1px;

background:#fff;

}
.zaeth-header__menu:focus{

outline:none;

box-shadow:none;

}

.zaeth-header__menu:hover{

opacity:.8;

}

.zaeth-header__logo{

    text-decoration:none;
    color:#fff;

    display:flex;
    justify-content:center;

}

.zaeth-header__logo img{

    width:82px;
    height:auto;

}

.zaeth-header__logo-text{

    display:flex;
    flex-direction:column;
    align-items:center;

}

.zaeth-logo-main{

    font-size:54px;
    letter-spacing:.16em;
    font-weight:300;

}

.zaeth-logo-sub{

    margin-top:4px;

    font-size:11px;
    letter-spacing:.48em;
    opacity:.75;

}

.zaeth-header__actions{

    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:34px;

}

.zaeth-header__search,
.zaeth-header__cart{

    color:#fff;
    text-decoration:none;

    font-size:11px;
    letter-spacing:.30em;
    text-transform:uppercase;

}

.zaeth-header__theme{

    width:34px;
    height:34px;

    border-radius:50%;

    border:1px solid rgba(184,139,74,.45);

    background:transparent;

    color:#B88B4A;

    cursor:pointer;

}

/* HERO CONTENT */

.zaeth-hero__content{

position:absolute;

left:7%;

bottom:12%;

max-width:540px;

display:flex;

flex-direction:column;

align-items:flex-start;

z-index:10;

}

.zaeth-hero__content h2{

font-size:15px;

font-weight:400;

letter-spacing:.22em;

color:#B88B4A;

margin-bottom:18px;

opacity:.95;

}

.zaeth-hero__content h1{

font-size:clamp(58px,5vw,78px);

font-weight:700;

line-height:1.08;

letter-spacing:-0.02em;

text-transform:uppercase;

margin:0 0 36px;

max-width:540px;

color:#fff;

text-wrap:balance;

}

.zaeth-button{

position:relative;

display:inline-flex;

align-items:center;

justify-content:center;

padding:20px 52px;

border:1px solid rgba(200,163,106,.45);

background:rgba(20,20,20,.35);

backdrop-filter:blur(12px);

-webkit-backdrop-filter:blur(12px);

color:#fff;

text-decoration:none;

font-size:12px;

letter-spacing:.35em;

text-transform:uppercase;

overflow:hidden;

transition:.45s ease;

}

.zaeth-button:hover{

background:#C8A36A;

border-color:#C8A36A;

color:#111;

transform:translateY(-3px);

box-shadow:0 15px 40px rgba(200,163,106,.28);

}
.zaeth-button::after{

content:"";

position:absolute;

top:0;

left:-120%;

width:70%;

height:100%;

background:linear-gradient(

90deg,

transparent,

rgba(255,255,255,.25),

transparent

);

transform:skewX(-25deg);

transition:1s;

}

.zaeth-button:hover::after{

left:160%;

}
/* ==========================================
STICKY HEADER
========================================== */

.zaeth-header.scrolled{

background:rgba(5,5,5,.75);

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

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

}
/*==========================================
LUXURY HOVER
==========================================*/

.zaeth-header__menu:hover,
.zaeth-header__cart:hover,
.zaeth-header__logo:hover{

color:#c8a36a;

}

.zaeth-header__logo,
.zaeth-header__menu,
.zaeth-header__cart{

font-size:12px;

letter-spacing:.35em;

font-weight:500;

text-transform:uppercase;

color:#fff;

text-decoration:none;

transition:.35s;

}
/* Remove Dawn spacing */

/* ZAETH Homepage wrapper */

.shopify-section-group-header-group{

padding:0 !important;

margin:0 !important;

}

#shopify-section-sections--21050647150764__zaeth_homepage_6HMmND{

padding:0 !important;

margin:0 !important;

height:100vh;

}

/*==========================================
KEN BURNS
==========================================*/

@keyframes zaethHeroZoom{

from{

transform:scale(1);

}

to{

transform:scale(1.03);

}

}
/*==========================================
CINEMATIC INTRO
==========================================*/

.zaeth-hero{

animation:none;

opacity:1;

}

/*==================================================
FEATURED SECTION
==================================================*/

.zaeth-featured-desktop{
position:relative;
width:100%;
height:100vh;
overflow:hidden;
background:#000000;
margin-top:-80px;
padding-top:80px;
}

.zaeth-featured-image{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}

.zaeth-featured-image img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}

.zaeth-featured-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(
90deg,
rgba(0,0,0,.88) 0%,
rgba(0,0,0,.45) 35%,
rgba(0,0,0,.10) 50%,
rgba(0,0,0,.45) 65%,
rgba(0,0,0,.88) 100%
);
z-index:2;
}

.zaeth-featured-left{
position:absolute;
left:7%;
top:50%;
transform:translateY(-50%);
z-index:5;
max-width:520px;
}

.zaeth-featured-right{
position:absolute;
right:7%;
top:50%;
transform:translateY(-50%);
z-index:5;
text-align:center;
}

.zaeth-live{
font-size:12px;
letter-spacing:.35em;
color:#C8A36A;
margin-bottom:20px;
text-transform:uppercase;
}

.zaeth-live-dot{
display:inline-block;
width:10px;
height:10px;
background:#ff4433;
border-radius:50%;
margin-right:10px;
}

.zaeth-featured-title{
font-size:80px;
font-weight:300;
line-height:1;
letter-spacing:.08em;
margin:20px 0;
text-transform:uppercase;
}

.zaeth-featured-text{
font-size:18px;
line-height:1.8;
opacity:.85;
margin-bottom:35px;
max-width:450px;
}

.zaeth-featured-list{
list-style:none;
padding:0;
margin:0 0 40px;
}

.zaeth-featured-list li{
margin-bottom:16px;
font-size:16px;
}

.zaeth-featured-btn{
display:inline-block;
padding:18px 36px;
border:1px solid #C8A36A;
color:#fff;
text-decoration:none;
text-transform:uppercase;
letter-spacing:.25em;
transition:.35s;
}

.zaeth-tribe .zaeth-featured-btn{
margin-bottom:80px;
}

.zaeth-featured-btn:hover{

background:#C8A36A;

color:#000;

transform:translateY(-3px);

box-shadow:0 15px 35px rgba(200,163,106,.25);

}

.zaeth-count-title{
font-size:12px;
letter-spacing:.35em;
color:#C8A36A;
margin-bottom:35px;
text-transform:uppercase;
}

.zaeth-timer{
display:flex;
gap:30px;
}

.zaeth-timer span{
display:block;
font-size:60px;
font-weight:300;
}

.zaeth-timer small{
display:block;
margin-top:10px;
font-size:11px;
letter-spacing:.25em;
opacity:.7;
}

.zaeth-featured-mobile{
display:none;
background:#000000;
padding:0 0 80px;
position:relative;
}

.zaeth-featured-mobile-image img{
width:100%;
display:block;
height:60vh;
object-fit:cover;
object-position:center;
}

.zaeth-featured-mobile-left{
padding:40px 24px;
text-align:center;
}

.zaeth-featured-mobile-list{
list-style:none;
padding:0;
margin:35px 0;
}

.zaeth-featured-mobile-list li{
margin-bottom:18px;
font-size:16px;
}

.zaeth-featured-mobile-btn{
display:inline-block;
padding:18px 30px;
border:1px solid #C8A36A;
color:#fff;
text-decoration:none;
letter-spacing:.22em;
text-transform:uppercase;
margin-top:20px;
}

.zaeth-featured-mobile-right{
text-align:center;
padding:50px 20px;
}

.zaeth-featured-mobile .zaeth-timer{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
justify-content:center;
text-align:center;
margin-top:30px;
}

.zaeth-featured-mobile .zaeth-timer span{
display:block;
font-size:34px;
font-weight:300;
line-height:1;
}

.zaeth-featured-mobile .zaeth-timer small{
display:block;
margin-top:8px;
font-size:10px;
letter-spacing:.25em;
opacity:.7;
}

@media(max-width:768px){

.zaeth-featured-desktop{
display:none;
}

.zaeth-featured-mobile{
display:block;
}

}

@keyframes heroReveal{

0%{

opacity:0;

transform:scale(1.02);

}

100%{

opacity:1;

transform:scale(1);

}

}
/*==========================================
HERO INTRO
==========================================*/

@keyframes heroContentReveal{

to{

opacity:1;

transform:translateY(0);

}

}

@keyframes fadeUp{

to{

opacity:1;

transform:translateY(0);

}

}
/*==========================================
DUST
==========================================*/

.zaeth-dust{

position:absolute;

inset:0;

pointer-events:none;

z-index:4;

}
/*==========================================
SCROLL INDICATOR
==========================================*/

.zaeth-scroll{

position:absolute;

bottom:45px;

left:50%;

transform:translateX(-50%);

display:flex;

flex-direction:column;

align-items:center;

gap:14px;

z-index:10;

opacity:.9;

transition:.4s;

}

.zaeth-scroll span{

font-size:10px;

letter-spacing:.45em;

color:#ffffffaa;

}

.zaeth-scroll-line{

width:1px;

height:70px;

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

position:relative;

overflow:hidden;

}

.zaeth-scroll-dot{

width:5px;

height:5px;

border-radius:50%;

background:#ffffff;

position:absolute;

left:50%;

transform:translateX(-50%);

animation:scrollDot 2.2s infinite;

}

@keyframes scrollDot{

0%{

top:-10px;

opacity:0;

}

20%{

opacity:1;

}

80%{

opacity:1;

}

100%{

top:70px;

opacity:0;

}

}
/*==========================================
CHAPTER SECTION
==========================================*/

.zaeth-chapters{

background:#000000;

padding:180px 0;

position:relative;

z-index:10;

}

.zaeth-container{

width:98%;

max-width:1900px;

margin:auto;

}

.zaeth-eyebrow{

color:#8d7a5c;

font-size:12px;

letter-spacing:.55em;

text-transform:uppercase;

text-align:center;

margin-bottom:18px;

opacity:.8;

}

.zaeth-title{

font-size:72px;

font-weight:300;

letter-spacing:.18em;

text-transform:uppercase;

text-align:center;

line-height:1.15;

color:#fff;

margin:0;

}
.zaeth-subtitle{

max-width:560px;

margin:30px auto 90px;

text-align:center;

font-size:18px;

line-height:1.8;

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

font-weight:300;

}
/*==========================================
CHAPTER EXPERIENCE
==========================================*/

.zaeth-chapter-list{

margin-top:120px;

}

.zaeth-chapter{

display:flex;

align-items:center;

gap:60px;

padding:55px 0;

text-decoration:none;

color:#fff;

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

transition:.45s ease;

position:relative;

overflow:hidden;

}

.zaeth-chapter:last-child{

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

}

.zaeth-number{

font-size:14px;

letter-spacing:.45em;

color:#8f7b5d;

min-width:70px;

transition:.45s;

}

.zaeth-info{

flex:1;

}

.zaeth-info h3{

font-size:64px;

font-weight:300;

letter-spacing:.12em;

margin:0 0 12px;

text-transform:uppercase;

transition:.45s;

}

.zaeth-info p{

font-size:16px;

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

letter-spacing:.18em;

text-transform:uppercase;

margin:0;

transition:.45s;

}

.zaeth-chapter:hover{

padding-left:30px;

}

.zaeth-chapter:hover .zaeth-number{

color:#C8A36A;

transform:translateX(10px);

}

.zaeth-chapter:hover h3{

color:#C8A36A;

letter-spacing:.18em;

}

.zaeth-chapter:hover p{

color:#fff;

}   
/*==========================================
REALM BACKGROUND
==========================================*/

.zaeth-chapters{

position:relative;

overflow:hidden;

background:#000000;

}

.zaeth-realm-bg{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

z-index:0;

}

.zaeth-realm-image{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

object-fit:cover;

opacity:0;

transition:opacity .8s ease;

transform:scale(1.05);

}

.zaeth-realm-image.active{

opacity:1;

}

.zaeth-realm-overlay{

position:absolute;

inset:0;

background:
linear-gradient(
180deg,
rgba(5,5,5,.85) 0%,
rgba(5,5,5,.55) 35%,
rgba(5,5,5,.55) 65%,
rgba(5,5,5,.90) 100%
);

z-index:2;

}

/* Keep text above background */

.zaeth-container{

position:relative;

z-index:5;

}   
/*==========================================
FIRE GLOW
==========================================*/

.zaeth-hero::after{

content:"";

position:absolute;

left:0;
right:0;
bottom:-110px;

height:100%;

pointer-events:none;

background:
radial-gradient(circle at 7% 78%,
rgba(255,145,40,.22),
transparent 16%),

radial-gradient(circle at 26% 86%,
rgba(255,150,60,.18),
transparent 12%),

radial-gradient(circle at 74% 87%,
rgba(255,145,40,.18),
transparent 12%),

radial-gradient(circle at 94% 77%,
rgba(255,145,40,.22),
transparent 16%);

mix-blend-mode:screen;

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

z-index:4;

}

@keyframes fireGlow{

0%{

opacity:.35;

}

20%{

opacity:.55;

}

35%{

opacity:.60;

}

50%{

opacity:.65;

}

70%{

opacity:.40;

}

100%{

opacity:.55;

}

}
/*==================================================
CHAPTER SECTION
==================================================*/

.zaeth-chapters{

background:#000000;

padding:160px 4vw 120px;

position:relative;

overflow:hidden;

}

.zaeth-container{

max-width:1700px;

margin:auto;

}

.zaeth-eyebrow{

text-align:center;

font-size:12px;

letter-spacing:.45em;

color:#9d7a48;

margin-bottom:18px;

text-transform:uppercase;

}

.zaeth-title{

text-align:center;

font-size:64px;

font-weight:300;

letter-spacing:.15em;

text-transform:uppercase;

margin-bottom:80px;

color:#fff;

}
.zaeth-section-header{

display:flex;

justify-content:space-between;

align-items:flex-end;

gap:60px;

margin-bottom:90px;

}

.zaeth-section-header .zaeth-title{

text-align:left;

margin:18px 0 22px;

}

.zaeth-section-header .zaeth-eyebrow{

text-align:left;

margin:0;

}

.zaeth-section-header .zaeth-subtitle{

margin:0;

text-align:left;

max-width:480px;

}

.zaeth-view-all{

color:#C8A36A;

text-decoration:none;

font-size:12px;

letter-spacing:.35em;

text-transform:uppercase;

transition:.35s ease;

}

.zaeth-view-all:hover{

opacity:.7;

}

.zaeth-card-grid{

display:flex;

gap:14px;

width:95%;

max-width:1900px;

margin:90px auto 0;

}

.zaeth-card{

position:relative;

height:640px;

flex:1;

overflow:hidden;

background:#111;

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

text-decoration:none;

ttransition:

flex .55s cubic-bezier(.22,1,.36,1),

transform .45s ease,

filter .45s ease,

box-shadow .45s ease,

border-color .45s ease;

will-change:transform;

transform:translateZ(0);

backface-visibility:hidden;

display:flex;

align-items:flex-end;

}
.zaeth-card::before{

content:"";

position:absolute;

inset:0;

border:1px solid rgba(200,163,106,0);

transition:.45s ease;

pointer-events:none;

z-index:20;

}

.zaeth-card:hover::before{

border-color:rgba(200,163,106,.25);

}
.zaeth-card::after{

content:"";

position:absolute;

top:0;

left:-130%;

width:60%;

height:100%;

background:linear-gradient(

90deg,

transparent,

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

transparent

);

transform:skewX(-25deg);

transition:1.1s;

pointer-events:none;

}

.zaeth-card:hover::after{

left:170%;

}

.zaeth-card-image{

position:absolute;

inset:0;

overflow:hidden;

}
.zaeth-card h3{

transition:.35s;

}

.zaeth-card:hover h3{

color:#d7b06b;

}

.zaeth-card-image img{

width:100%;

height:100%;

object-fit:cover;

object-position:center;

transition:1.4s ease;

}

.zaeth-card-overlay{

position:absolute;

inset:0;

background:linear-gradient(

180deg,

rgba(0,0,0,.05) 0%,

rgba(0,0,0,.20) 45%,

rgba(0,0,0,.92) 100%

);

transition:.45s ease;

}

.zaeth-card-content{

position:absolute;

left:32px;

right:32px;

bottom:36px;

z-index:5;

position:relative;

display:flex;

flex-direction:column;

align-items:flex-start;

gap:10px;

transition:.45s ease;

}

.zaeth-card-content::before{

content:"";

display:block;

width:0;

height:2px;

background:#C8A36A;

margin-bottom:18px;

transition:.45s cubic-bezier(.22,1,.36,1);

}

.zaeth-card:hover .zaeth-card-content::before{

width:70px;

}

.zaeth-card-content span{

display:block;

font-size:11px;

letter-spacing:.38em;

text-transform:uppercase;

color:#b88b4a;

margin-bottom:14px;

transition:.35s;

}
.zaeth-card:hover span{

color:#e2bf82;

}

.zaeth-card-content h3{

font-size:32px;

font-weight:500;

line-height:1.05;

letter-spacing:.06em;

margin:0;

text-transform:uppercase;

transition:.35s ease;

}

.zaeth-card:hover h3{

letter-spacing:.10em;

}

.zaeth-card-content p{

font-size:14px;

line-height:1.7;

opacity:.75;

margin:0;

max-width:240px;

transition:.35s ease;

}
/*==================================================
CARD HOVER
==================================================*/

.zaeth-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 70px rgba(0,0,0,.35);

}

.zaeth-card:hover .zaeth-card-image img{

transform:scale(1.08);

}

.zaeth-card:hover .zaeth-card-overlay{

background:

linear-gradient(

to top,

rgba(0,0,0,.75),

rgba(0,0,0,.05)

);

}

.zaeth-card-content{

transition:.45s ease;

}

.zaeth-card:hover .zaeth-card-content{

transform:translateY(-8px);

}
.zaeth-card-button{

margin-top:18px;

font-size:11px;

letter-spacing:.35em;

text-transform:uppercase;

color:#C8A36A;

opacity:0;

transform:translateY(14px);

transition:.35s ease;

}

.zaeth-card:hover .zaeth-card-button{

opacity:1;

transform:translateY(0);

}

.zaeth-card:hover h3{

color:#C8A36A;

}

.zaeth-card:hover p{

opacity:1;

}
/*====================================
PREMIUM CARD HOVER
====================================*/

.zaeth-card{

cursor:pointer;

transition:

position:relative;

transform .45s cubic-bezier(.22,1,.36,1),

box-shadow .45s ease,

border-color .45s ease,

opacity .35s ease;

}

.zaeth-card img{

width:100%;

height:100%;

object-fit:cover;

object-position:center;

transition:

transform 1.6s cubic-bezier(.22,1,.36,1),

filter .8s ease;

}

.zaeth-card:hover{

flex:1.35;

transform:translateY(-12px);

box-shadow:0 40px 90px rgba(0,0,0,.55);

z-index:5;

}

.zaeth-card:hover img{

transform:scale(1.05);

}
.zaeth-card-grid:hover .zaeth-card{

opacity:.65;

transform:scale(.97);

transition:.45s ease;

}

.zaeth-card-grid:hover .zaeth-card:hover{

opacity:1;

transform:scale(1.03);

}

.zaeth-card:hover .zaeth-card-overlay{

background:linear-gradient(

180deg,

rgba(0,0,0,.05) 0%,

rgba(0,0,0,.18) 45%,

rgba(0,0,0,.75) 100%

);

}

.zaeth-card:hover h3{

color:#d8b06a;

transition:.4s;

}

.zaeth-card-button{

opacity:0;

transform:translateY(20px);

transition:.45s;

}

.zaeth-card:hover .zaeth-card-button{

opacity:1;

transform:translateY(0);

}
/*==================================================
FEATURED DROP
==================================================*/

.zaeth-featured-desktop{
position:relative;
height:100vh;
overflow:hidden;
background:#000000;
}

.zaeth-featured-image{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}

.zaeth-featured-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.zaeth-featured-image::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
90deg,
rgba(0,0,0,.85) 0%,
rgba(0,0,0,.45) 40%,
rgba(0,0,0,.15) 50%,
rgba(0,0,0,.45) 60%,
rgba(0,0,0,.85) 100%
);
}

.zaeth-featured-left{
position:absolute;
left:8%;
top:50%;
transform:translateY(-50%);
z-index:5;
max-width:500px;
}

.zaeth-featured-right{
position:absolute;
right:8%;
top:50%;
transform:translateY(-50%);
z-index:5;
text-align:center;
}

.zaeth-live{
font-size:12px;
letter-spacing:.4em;
color:#C8A36A;
margin-bottom:20px;
}

.zaeth-live-dot{
display:inline-block;
width:10px;
height:10px;
background:#ff3b30;
border-radius:50%;
margin-right:8px;
}

.zaeth-featured-title{
font-size:72px;
font-weight:300;
letter-spacing:.08em;
margin:20px 0;
text-transform:uppercase;
}

.zaeth-featured-text{
font-size:18px;
line-height:1.8;
opacity:.8;
margin-bottom:35px;
}

.zaeth-featured-list{
list-style:none;
padding:0;
margin:0 0 40px;
}

.zaeth-featured-list li{
margin-bottom:16px;
font-size:16px;
}

.zaeth-featured-btn{
display:inline-block;
padding:18px 36px;
border:1px solid #C8A36A;
text-decoration:none;
color:#fff;
letter-spacing:.25em;
text-transform:uppercase;
transition:.3s;
}

.zaeth-featured-btn:hover{
background:#C8A36A;
color:#000;
}

.zaeth-timer{
display:flex;
gap:30px;
}

.zaeth-timer span{
display:block;
font-size:60px;
font-weight:300;
}

.zaeth-timer small{
font-size:11px;
letter-spacing:.3em;
opacity:.7;
display:block;
margin-top:8px;
}

/* MOBILE */

.zaeth-featured-mobile{
display:none;
}

@media(max-width:768px){

.zaeth-featured-desktop{
display:none;
}

.zaeth-featured-mobile{
display:block;
}

}
from{

transform:scale(1);

}

to{

transform:scale(1.06);

}

}
@keyframes zaethKenBurns{

0%{

transform:scale(1);

}

100%{

transform:scale(1.08);

}

}
@keyframes fadeUp{

from{

opacity:0;

transform:translateY(25px);

}

to{

opacity:1;

transform:translateY(0);

}

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

.zaeth-card-grid{

display:grid;

grid-template-columns:1fr;

gap:28px;

}

.zaeth-card{

height:520px;

flex:none;

}

.zaeth-card-grid:hover .zaeth-card{

flex:none;

filter:none;

}

.zaeth-container{
    width:100%;
    padding-left:24px;
    padding-right:24px;
    box-sizing:border-box;
}

.zaeth-title,
.zaeth-philosophy-title,
.zaeth-tribe-title{

    font-size:52px;
    line-height:0.95;
    letter-spacing:.03em;

}

}
/*==============================
SCROLL REVEAL
==============================*/

.reveal{

opacity:0;

transform:translateY(60px);

transition:

opacity .9s ease,

transform .9s cubic-bezier(.22,1,.36,1);

}

.reveal.active{

opacity:1;

transform:translateY(0);

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

.zaeth-section-header{

flex-direction:column;

align-items:flex-start;

gap:28px;

}

.zaeth-section-header .zaeth-title{

font-size:42px;

}

}
/*==========================================
PHILOSOPHY
==========================================*/

.zaeth-philosophy{

padding:220px 5vw;

background:#000000;

text-align:center;

}

.zaeth-philosophy-inner{

max-width:1100px;

margin:auto;

}

.zaeth-philosophy-title{

font-size:clamp(58px,7vw,100px);

font-weight:300;

line-height:1;

letter-spacing:.04em;

margin:30px 0;

text-transform:uppercase;

}

.zaeth-philosophy-text{

font-size:22px;

line-height:1.8;

max-width:700px;

margin:0 auto 60px;

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

}
@keyframes featuredZoom{

0%{

transform:scale(1);

}

100%{

transform:scale(1.06);

}

}
/*==========================================
FIRST BELIEVERS
==========================================*/

.zaeth-tribe{

margin-top:80px;

background:#000000;

padding:220px 5vw 320px;

}

.zaeth-tribe-wrapper{

max-width:1700px;

margin:auto;

text-align:center;

}

.zaeth-tribe-title{

font-size:clamp(54px,6vw,100px);

font-weight:300;

line-height:1;

letter-spacing:.08em;

margin:30px 0;

text-transform:uppercase;

}

.zaeth-tribe-subtitle{

font-size:20px;

opacity:.75;

margin-bottom:80px;

line-height:1.8;

}

.zaeth-believers-grid{

display:grid;

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

gap:60px;

max-width:1600px;

margin:90px auto 0;

align-items:start;

}

.zaeth-believer{

position:relative;

overflow:hidden;

cursor:pointer;

transition:.4s ease;

}

.zaeth-believer::before{

content:"";

position:absolute;

inset:0;

background:linear-gradient(

180deg,

rgba(0,0,0,0),

rgba(0,0,0,.82)

);

opacity:0;

transition:.5s ease;

z-index:2;

}
.zaeth-believer img{

width:100%;

height:520px;

object-fit:cover;

display:block;

transition:transform .6s ease;

}

.zaeth-believer.large{

height:950px;

}

.zaeth-believer:not(.large){

height:720px;

}
.zaeth-believer:hover img{

transform:scale(1.08);

}

.zaeth-believer:hover::before{

opacity:1;

}
.zaeth-believer:hover .zaeth-believer-info{

opacity:1;

transform:translateY(0);

}
.zaeth-believer-info{

position:absolute;

left:0;

bottom:0;

width:100%;

padding:35px;

background:linear-gradient(
180deg,
transparent,
rgba(0,0,0,.85)
);

}
.zaeth-believer-info h3{

margin:0 0 8px;

font-size:28px;

font-weight:300;

letter-spacing:.08em;

color:#fff;

}
.zaeth-believer-info p{

margin:0 0 14px;

font-size:12px;

letter-spacing:.28em;

text-transform:uppercase;

color:#C8A36A;

}
.zaeth-believer-info span{

font-size:12px;

letter-spacing:.25em;

color:#fff;

text-transform:uppercase;

opacity:.85;

transition:.35s;

}
.zaeth-believer:hover .zaeth-believer-info{

opacity:1;

transform:translateY(0);

}
/*==========================================
BELIEVER FOCUS EFFECT
==========================================*/

.zaeth-believers-grid:hover .zaeth-believer{

filter:brightness(.45);

transition:.45s ease;

}

.zaeth-believers-grid:hover .zaeth-believer:hover{

filter:brightness(1);

}
.zaeth-believer:hover .zaeth-believer-info span{

transform:translateY(0);

opacity:1;

}
/*==========================================
JOURNAL
==========================================*/

.zaeth-journal{

background:#000000;

padding:220px 5vw;

}

.zaeth-journal-grid{

display:grid;

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

gap:35px;

margin-top:90px;

}

.zaeth-journal-card{

position:relative;

overflow:hidden;

background:#111;

border-radius:18px;

cursor:pointer;

transition:.45s ease;

box-shadow:0 20px 60px rgba(0,0,0,.35);

}

.zaeth-journal-card img{

width:100%;

height:700px;

object-fit:cover;

display:block;

transition:1s ease;

}

.zaeth-journal-card:hover img{

transform:scale(1.04);

filter:brightness(.94);

}

.zaeth-journal-card h3{

font-size:38px;

font-weight:300;

line-height:1.2;

padding:40px;

margin:0;

text-transform:uppercase;

}

.zaeth-journal-card a{

display:block;

padding:0 35px 35px;

color:#C8A36A;

text-decoration:none;

letter-spacing:.3em;

font-size:12px;

text-transform:uppercase;

border-bottom:1px solid #C8A36A;

padding-bottom:6px;

}

.zaeth-journal-card::after{

content:"";

position:absolute;

inset:0;

background:linear-gradient(
180deg,
rgba(0,0,0,0),
rgba(0,0,0,.55),
rgba(0,0,0,.9)
);

opacity:0;

transition:.4s;

pointer-events:none;

}

.zaeth-journal-card:hover::after{

opacity:1;

}
/*==========================================
JOURNAL HOVER
==========================================*/

.zaeth-journal-card:hover{

transform:translateY(-10px);

box-shadow:0 40px 90px rgba(0,0,0,.5);

}

.zaeth-journal-card:hover img{

transform:scale(1.08);

}
.zaeth-journal-grid:hover .zaeth-journal-card{

filter:brightness(.55);

transition:.4s;

}

.zaeth-journal-grid:hover .zaeth-journal-card:hover{

filter:brightness(1);

}

.reveal{

opacity:0;

transform:translateY(80px);

transition:1s ease;

}

.reveal.active{

opacity:1;

transform:translateY(0);

}

html{

scroll-behavior:smooth;

}

body{

overflow-x:hidden;

}

*{

box-sizing:border-box;

}

img{

max-width:100%;

display:block;

}

/*==================================
SCROLL REVEAL
==================================*/

.reveal{

opacity:0;

transform:translateY(80px);

transition:all 1s ease;

}

.reveal.active{

opacity:1;

transform:translateY(0);

}
/* ==========================================
MOBILE
========================================== */

@media screen and (max-width:768px){

/* HERO */

.zaeth-hero{

min-height:100vh;

height:100vh;

}

/* HERO CONTENT */

.zaeth-hero__content{

left:24px !important;
right:24px !important;

top:62% !important;

bottom:auto !important;

transform:translateY(-50%) !important;

max-width:100% !important;

align-items:center !important;

text-align:center !important;

}

.zaeth-hero__content h1{

font-size:48px !important;

line-height:.98 !important;

letter-spacing:.025em !important;

margin:0 !important;

text-align:center !important;

}

.zaeth-hero__content h2{

font-size:11px !important;

line-height:1.4 !important;

letter-spacing:.055em !important;

margin:0 0 16px !important;

text-align:center !important;

}

.zaeth-button{

width:100%;

max-width:320px;

justify-content:center;

padding:18px 20px;

font-size:11px;

letter-spacing:.25em;

}

/* MOBILE HEADER */

.zaeth-header{

height:80px;

}

.zaeth-header__inner{

height:80px;

padding:0 20px;

}
.zaeth-header__logo img{

height:42px;

width:auto;

}

.zaeth-header__menu,
.zaeth-header__cart{

font-size:10px;

letter-spacing:.20em;

}

.zaeth-header__menu{

gap:8px;

}

.zaeth-header__menu::before{

width:14px;

background-size:14px 1px;

}

/* ==========================================
FEATURED DROP MOBILE
========================================== */

.zaeth-featured{

display:grid;

grid-template-columns:1fr;

padding:70px 20px;

gap:30px;

}

.zaeth-featured-image{

width:100%;

height:auto;

}

.zaeth-featured-left{

width:100%;

}

.zaeth-featured-right{

width:100%;

text-align:left;

margin-top:20px;

}   

.zaeth-featured-title{

font-size:42px;

line-height:1.05;

margin-bottom:20px;

}

.zaeth-featured-text{

font-size:16px;

line-height:1.8;

}

.zaeth-timer{

display:grid;

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

gap:8px;

margin-top:20px;

}

.zaeth-timer span{

font-size:38px;

}

.zaeth-timer small{

font-size:10px;

}

/* ==========================================
MOBILE CHAPTERS
========================================== */

.zaeth-card-grid{

display:flex;

overflow-x:auto;

gap:18px;

padding-bottom:20px;

scroll-snap-type:x mandatory;

-webkit-overflow-scrolling:touch;

}

.zaeth-card{

flex:0 0 85%;

height:520px;

scroll-snap-align:center;

}

.zaeth-card-grid::-webkit-scrollbar{

display:none;

}

.zaeth-card-content h3{

font-size:32px;

}

.zaeth-card-content p{

font-size:14px;

}

/* ==========================================
MOBILE BELIEVERS
========================================== */

.zaeth-believers-grid{

display:grid;

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

gap:40px;

margin-top:80px;

}

.zaeth-believer,
.zaeth-believer.large{

height:650px;

}

.zaeth-believer img{

width:100%;

height:100%;

object-fit:cover;

}

.zaeth-believer-info{

left:20px;

right:20px;

bottom:20px;

}

.zaeth-believer-info h3{

font-size:28px;

}

.zaeth-believer-info p{

font-size:12px;

}

.zaeth-believer-info span{

font-size:11px;

}

/* ==========================================
MOBILE PHILOSOPHY
========================================== */

.zaeth-philosophy{

padding:100px 20px;

}

.zaeth-philosophy-title{

font-size:38px;

line-height:1.15;

}

.zaeth-philosophy-text{

font-size:16px;

line-height:1.8;

margin:25px auto;

}

/* ==========================================
MOBILE JOURNAL
========================================== */

.zaeth-journal{

padding:100px 20px;

}

.zaeth-journal-grid{

display:flex;

flex-direction:column;

gap:30px;

}

.zaeth-journal-card img{

height:350px;

}

.zaeth-journal-card h3{

font-size:26px;

padding:25px;

}

.zaeth-journal-card a{

padding:0 25px 25px;

}

/* ==========================================
MOBILE FOOTER
========================================== */

.zaeth-footer{

padding:80px 20px;

}

.zaeth-footer h2{

font-size:42px;

letter-spacing:.15em;

}

.zaeth-footer p{

font-size:15px;

}

.zaeth-footer-links{

flex-direction:column;

gap:20px;

}

/* ==========================================
MOBILE TITLES
========================================== */

.zaeth-title{

font-size:38px;

line-height:1.15;

}

.zaeth-eyebrow{

font-size:11px;

letter-spacing:.35em;

}

.zaeth-subtitle{

font-size:15px;

line-height:1.7;

margin:20px auto 50px;

}

/* ==========================================
MOBILE BUTTONS
========================================== */

.zaeth-button,
.zaeth-featured-btn{

width:100%;

max-width:320px;

justify-content:center;

margin:auto;

}

}

/* ===========================
DESKTOP & MOBILE IMAGE
=========================== */

.zaeth-mobile-image{

display:none;

width:100%;

height:auto;

}

.zaeth-desktop-image{

display:block;

width:100%;

height:auto;

}

@media screen and (max-width:768px){

.zaeth-desktop-image{

display:none;

}

.zaeth-mobile-image{

display:block;

}

}

/* ==========================================
SHOW DESKTOP / HIDE MOBILE
========================================== */

.zaeth-featured-desktop{
display:block;
}

.zaeth-featured-mobile{
display:none;
}

/* ==========================================
MOBILE
========================================== */

@media(max-width:768px){

.zaeth-featured-desktop{
display:none;
}

.zaeth-featured-mobile{
display:block;
}

}

/*==========================================
PHILOSOPHY
==========================================*/

.zaeth-philosophy{

background:#000000;

padding:180px 20px;

text-align:center;

}

.zaeth-philosophy-inner{

max-width:900px;

margin:auto;

}

.zaeth-philosophy-title{

font-size:clamp(48px,6vw,88px);

font-weight:300;

line-height:1.05;

letter-spacing:.08em;

text-transform:uppercase;

margin:25px 0;

color:#fff;

}

.zaeth-philosophy-text{

max-width:620px;

margin:0 auto 50px;

font-size:20px;

line-height:1.9;

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

}

.zaeth-philosophy-btn{

display:inline-block;

padding:18px 36px;

border:1px solid #C8A36A;

color:#fff;

text-decoration:none;

letter-spacing:.25em;

text-transform:uppercase;

transition:.35s;

}

.zaeth-philosophy-btn:hover{

background:#C8A36A;

color:#000;

}
/* Hide ZAETH header only on Core */
body[data-world="core"] .zaeth-header {
  display: none !important;
}

/* ==========================================================
   ZAETH — MOBILE CHAPTER CARDS FIX
   Final mobile override
   ========================================================== */

@media screen and (max-width: 768px) {

  /* CHAPTER SECTION */
  .zaeth-chapters {
    padding: 100px 0 90px;
    overflow: hidden;
  }

  /* SECTION HEADER */
  .zaeth-chapters .zaeth-container {
    width: 100%;
    max-width: none;
    padding: 0;
  }

  .zaeth-chapters .zaeth-eyebrow,
  .zaeth-chapters .zaeth-title,
  .zaeth-chapters .zaeth-subtitle {
    padding-left: 24px;
    padding-right: 24px;
  }

  .zaeth-chapters .zaeth-title {
    font-size: 38px;
    line-height: 1.05;
    letter-spacing: .06em;
  }

  .zaeth-chapters .zaeth-subtitle {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 55px;
  }

  /* ========================================================
     MOBILE CARD TRACK
     ======================================================== */

  .zaeth-chapters .zaeth-card-grid {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    width: 100% !important;

    max-width: none !important;

    gap: 14px !important;

    margin: 0 !important;

    padding: 0 24px 20px !important;

    overflow-x: auto !important;

    overflow-y: hidden !important;

    scroll-snap-type: x mandatory;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;

  }

  .zaeth-chapters .zaeth-card-grid::-webkit-scrollbar {
    display: none;
  }

  /* ========================================================
     INDIVIDUAL MOBILE CARD
     ======================================================== */

  .zaeth-chapters .zaeth-card {

    flex: 0 0 calc(100vw - 48px) !important;

    width: calc(100vw - 48px) !important;

    min-width: calc(100vw - 48px) !important;

    max-width: calc(100vw - 48px) !important;

    height: 560px !important;

    min-height: 560px !important;

    scroll-snap-align: start;

    scroll-snap-stop: always;

    transform: none !important;

    opacity: 1 !important;

    filter: none !important;

    flex-grow: 0 !important;

    flex-shrink: 0 !important;

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

  }

  /* Disable desktop hover expansion on mobile */

  .zaeth-chapters .zaeth-card:hover {

    flex: 0 0 calc(100vw - 48px) !important;

    transform: none !important;

    box-shadow: none;

    opacity: 1;

  }

  .zaeth-chapters .zaeth-card-grid:hover .zaeth-card {

    opacity: 1 !important;

    transform: none !important;

    filter: none !important;

  }

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

  .zaeth-chapters .zaeth-card-image {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

  }

  .zaeth-chapters .zaeth-card-image img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover;

    object-position: center;

    transform: none !important;

  }

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

  .zaeth-chapters .zaeth-card-content {

    left: 24px;

    right: 24px;

    bottom: 28px;

    width: auto;

    max-width: calc(100% - 48px);

    gap: 8px;

    transform: none !important;

  }

  .zaeth-chapters .zaeth-card-content span {

    font-size: 10px;

    letter-spacing: .30em;

    margin-bottom: 8px;

  }

  .zaeth-chapters .zaeth-card-content h3 {

    font-size: 30px !important;

    line-height: 1.05 !important;

    letter-spacing: .08em !important;

    white-space: normal !important;

    word-break: normal !important;

    overflow-wrap: normal !important;

  }

  .zaeth-chapters .zaeth-card-content p {

    font-size: 13px;

    line-height: 1.6;

    max-width: 280px;

  }

  /* Always show the card CTA on mobile */

  .zaeth-chapters .zaeth-card-button {

    opacity: 1 !important;

    transform: none !important;

    margin-top: 12px;

    font-size: 10px;

    letter-spacing: .30em;

  }

  /* Remove desktop hover effects */

  .zaeth-chapters .zaeth-card:hover .zaeth-card-image img {

    transform: none !important;

  }

  .zaeth-chapters .zaeth-card:hover .zaeth-card-content {

    transform: none !important;

  }

  .zaeth-chapters .zaeth-card:hover h3 {

    color: #fff !important;

    letter-spacing: .08em !important;

  }

}

/* ==========================================================
   ZAETH — MOBILE FIRST BELIEVERS FIX
   ========================================================== */

@media screen and (max-width: 768px) {

  /* FIRST BELIEVERS SECTION */

  .zaeth-tribe {
    padding: 110px 0 140px !important;
    margin-top: 0 !important;
    overflow: hidden !important;
  }

  .zaeth-tribe-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* TITLE */

  .zaeth-tribe-title {
    font-size: 42px !important;
    line-height: 1.05 !important;
    letter-spacing: .04em !important;
    padding: 0 24px;
  }

  .zaeth-tribe-subtitle {
    font-size: 15px !important;
    line-height: 1.7 !important;
    padding: 0 24px;
    margin-bottom: 50px !important;
  }

  /* ========================================================
     MOBILE HORIZONTAL CARD TRACK
     ======================================================== */

  .zaeth-believers-grid {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    grid-template-columns: none !important;

    width: 100% !important;

    max-width: none !important;

    gap: 16px !important;

    margin: 0 !important;

    padding: 0 24px 20px !important;

    overflow-x: auto !important;

    overflow-y: hidden !important;

    scroll-snap-type: x mandatory;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;

  }

  .zaeth-believers-grid::-webkit-scrollbar {
    display: none;
  }

  /* ========================================================
     EACH PERSON CARD
     ======================================================== */

  .zaeth-believer,
  .zaeth-believer.large,
  .zaeth-believer:not(.large) {

    flex: 0 0 calc(100vw - 48px) !important;

    width: calc(100vw - 48px) !important;

    min-width: calc(100vw - 48px) !important;

    max-width: calc(100vw - 48px) !important;

    height: 620px !important;

    min-height: 620px !important;

    scroll-snap-align: start;

    scroll-snap-stop: always;

    margin: 0 !important;

    transform: none !important;

    filter: none !important;

  }

  /* IMAGE */

  .zaeth-believer img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    display: block;

    transform: none !important;

  }

  /* ========================================================
     PERSON INFORMATION
     ======================================================== */

  .zaeth-believer-info {

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    width: 100% !important;

    padding: 28px 24px !important;

    background: linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,0,0,.25) 20%,
      rgba(0,0,0,.92) 100%
    ) !important;

  }

  .zaeth-believer-info h3 {

    font-size: 30px !important;

    line-height: 1.05 !important;

    letter-spacing: .08em !important;

    white-space: normal !important;

    word-break: normal !important;

    overflow-wrap: normal !important;

    margin: 0 0 8px !important;

  }

  .zaeth-believer-info p {

    font-size: 10px !important;

    letter-spacing: .25em !important;

    line-height: 1.5 !important;

    margin: 0 0 12px !important;

  }

  .zaeth-believer-info span {

    font-size: 10px !important;

    letter-spacing: .25em !important;

  }

  /* ========================================================
     DISABLE DESKTOP HOVER EFFECTS ON MOBILE
     ======================================================== */

  .zaeth-believers-grid:hover .zaeth-believer {

    filter: none !important;

    transform: none !important;

    opacity: 1 !important;

  }

  .zaeth-believers-grid:hover .zaeth-believer:hover {

    filter: none !important;

    transform: none !important;

  }

  .zaeth-believer:hover {

    transform: none !important;

  }

  .zaeth-believer:hover img {

    transform: none !important;

  }

  .zaeth-believer-info {

    opacity: 1 !important;

    transform: none !important;

  }

}

/* ==========================================================
   ZAETH — FEATURED DROP
   MOBILE REBUILD
   ========================================================== */

@media screen and (max-width: 768px) {

  /* --------------------------------------------------------
     MAIN SECTION
  -------------------------------------------------------- */

  .zaeth-featured-mobile {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 0 90px !important;

    background: #000000 !important;

    position: relative !important;

    overflow: hidden !important;

    opacity: 1 !important;

    transform: none !important;

  }


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

  .zaeth-featured-mobile-image {

    display: block !important;

    position: relative !important;

    width: 100% !important;

    height: 52vh !important;

    min-height: 430px !important;

    max-height: 580px !important;

    overflow: hidden !important;

    margin: 0 !important;

    padding: 0 !important;

  }


  .zaeth-featured-mobile-image img,
  .zaeth-featured-mobile-image .zaeth-mobile-image {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    min-height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;

    object-position: center center !important;

    margin: 0 !important;

    padding: 0 !important;

  }


  /* Cinematic image fade */

  .zaeth-featured-mobile-image::after {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,.05) 0%,
        rgba(0,0,0,.05) 45%,
        rgba(5,5,5,.35) 75%,
        rgba(5,5,5,1) 100%
      );

  }


  /* --------------------------------------------------------
     CONTENT
  -------------------------------------------------------- */

  .zaeth-featured-mobile-left {

    position: relative !important;

    width: 100% !important;

    padding: 42px 24px 0 !important;

    margin: 0 !important;

    text-align: center !important;

  }


  /* --------------------------------------------------------
     LIVE NOW
  -------------------------------------------------------- */

  .zaeth-featured-mobile .zaeth-live {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 10px !important;

    margin: 0 0 28px !important;

    font-size: 11px !important;

    line-height: 1 !important;

    letter-spacing: .45em !important;

    color: #C8A36A !important;

  }


  .zaeth-featured-mobile .zaeth-live-dot {

    width: 8px !important;

    height: 8px !important;

    min-width: 8px !important;

    margin: 0 !important;

  }


  /* --------------------------------------------------------
     DESCRIPTION
  -------------------------------------------------------- */

  .zaeth-featured-mobile .zaeth-featured-text {

    max-width: 330px !important;

    margin: 0 auto !important;

    font-size: 17px !important;

    line-height: 1.65 !important;

    letter-spacing: .01em !important;

    color: rgba(255,255,255,.72) !important;

  }


  /* --------------------------------------------------------
     PRODUCT DETAILS
  -------------------------------------------------------- */

  .zaeth-featured-mobile-list {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    gap: 0 !important;

    list-style: none !important;

    width: 100% !important;

    padding: 0 !important;

    margin: 38px 0 0 !important;

  }


  .zaeth-featured-mobile-list li {

    margin: 0 !important;

    padding: 13px 0 !important;

    font-size: 14px !important;

    line-height: 1.4 !important;

    letter-spacing: .04em !important;

    color: rgba(255,255,255,.92) !important;

  }


  /* --------------------------------------------------------
     DISCOVER BUTTON
  -------------------------------------------------------- */

  .zaeth-featured-mobile-btn {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    max-width: 330px !important;

    min-height: 58px !important;

    margin: 34px auto 0 !important;

    padding: 18px 20px !important;

    box-sizing: border-box !important;

    border: 1px solid rgba(200,163,106,.85) !important;

    background: transparent !important;

    color: #fff !important;

    font-size: 10px !important;

    line-height: 1 !important;

    letter-spacing: .28em !important;

    text-align: center !important;

    text-decoration: none !important;

  }


  /* --------------------------------------------------------
     COUNTDOWN
  -------------------------------------------------------- */

  .zaeth-featured-mobile-right {

    width: 100% !important;

    padding: 78px 20px 0 !important;

    margin: 0 !important;

    text-align: center !important;

  }


  .zaeth-featured-mobile .zaeth-count-title {

    margin: 0 0 32px !important;

    font-size: 10px !important;

    line-height: 1 !important;

    letter-spacing: .48em !important;

    color: #C8A36A !important;

  }


  .zaeth-featured-mobile .zaeth-timer {

    display: grid !important;

    grid-template-columns: repeat(4, minmax(0,1fr)) !important;

    width: 100% !important;

    max-width: 360px !important;

    margin: 0 auto !important;

    padding: 0 !important;

    gap: 8px !important;

    text-align: center !important;

  }


  .zaeth-featured-mobile .zaeth-timer > div {

    min-width: 0 !important;

  }


  .zaeth-featured-mobile .zaeth-timer span {

    display: block !important;

    font-size: 38px !important;

    line-height: 1 !important;

    font-weight: 300 !important;

    letter-spacing: -.03em !important;

    color: #fff !important;

  }


  .zaeth-featured-mobile .zaeth-timer small {

    display: block !important;

    margin-top: 10px !important;

    font-size: 9px !important;

    line-height: 1 !important;

    letter-spacing: .28em !important;

    color: rgba(255,255,255,.55) !important;

  }


  /* --------------------------------------------------------
     HIDE DESKTOP VERSION
  -------------------------------------------------------- */

  .zaeth-featured-desktop {

    display: none !important;

  }

}


/* ==========================================================
   SMALL PHONES
   ========================================================== */

@media screen and (max-width: 390px) {

  .zaeth-featured-mobile-image {

    height: 48vh !important;

    min-height: 390px !important;

  }

  .zaeth-featured-mobile-left {

    padding-left: 20px !important;

    padding-right: 20px !important;

  }

  .zaeth-featured-mobile .zaeth-featured-text {

    font-size: 16px !important;

  }

  .zaeth-featured-mobile-list li {

    font-size: 13px !important;

    padding: 11px 0 !important;

  }

  .zaeth-featured-mobile-btn {

    max-width: 100% !important;

  }

  .zaeth-featured-mobile .zaeth-timer span {

    font-size: 34px !important;

  }

}

/* =========================================================
   ZAETH — TRUE BLACK HOMEPAGE
   Force entire homepage to #000000
   ========================================================= */

html,
body {
  background: #000000 !important;
}

body,
#MainContent,
main,
.shopify-section {
  background-color: #000000 !important;
}

/* ZAETH Homepage */
.zaeth-home,
.zaeth-homepage,
.zaeth-featured,
.zaeth-core-monthly,
.zaeth-philosophy,
.zaeth-community,
.zaeth-chapters,
.zaeth-journal {
  background-color: #000000 !important;
}

/* Core Monthly */
.zaeth-core-monthly {
  background: #000000 !important;
}

.zaeth-core-monthly__main,
.zaeth-core-monthly__content,
.zaeth-core-monthly__visual {
  background-color: #000000 !important;
}

/* Remove any accidental background between sections */
.zaeth-home + *,
.zaeth-featured + *,
.zaeth-core-monthly + * {
  background-color: #000000 !important;
}

/* Shopify Dawn wrappers */
.gradient,
.content-for-layout,
.page-width,
.section,
.shopify-section-group {
  background-color: #000000;
}

/* Prevent white/near-black page edges */
body::before,
body::after {
  background: #000000 !important;
}

/* =========================================================
   ZAETH — FEATURED TIMER → CORE MONTHLY
   MOBILE SPACING
   ========================================================= */

@media screen and (max-width: 749px) {

  .zaeth-core-monthly {
    position: relative !important;
    margin-top: 90px !important;
    padding-top: 0 !important;
  }

}

/* =========================================================
   FEATURED → CORE MONTHLY GAP
   ========================================================= */

.zaeth-featured-core-gap {
  width: 100%;
  height: 60px;
  background: #000000;
  display: block;
  flex-shrink: 0;
}

@media screen and (max-width: 749px) {
  .zaeth-featured-core-gap {
    height: 70px;
  }
}

/* =========================================================
   ZAETH — TRUE BLACK HOMEPAGE
   FEATURED → CORE TRANSITION
   ========================================================= */

html,
body {
  background: #000000 !important;
}

.zaeth-home,
.zaeth-homepage,
.shopify-section,
#MainContent {
  background: #000000 !important;
}


/* ---------------------------------------------------------
   FEATURED SECTION
   --------------------------------------------------------- */

.zaeth-featured,
.zaeth-featured-drop,
.zaeth-featured-section {
  background: #000000 !important;
}


/* Force every common featured wrapper to black */
.zaeth-featured *,
.zaeth-featured-drop *,
.zaeth-featured-section * {
  --color-background: 0, 0, 0;
}


/* ---------------------------------------------------------
   TIMER / FEATURED BOTTOM
   --------------------------------------------------------- */

.zaeth-featured-core-gap {
  display: block !important;

  width: 100% !important;
  height: 70px !important;
  min-height: 70px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #000000 !important;
  border: 0 !important;

  box-shadow: none !important;
}


/* ---------------------------------------------------------
   CORE MONTHLY
   --------------------------------------------------------- */

.zaeth-core-monthly {
  background: #000000 !important;

  margin-top: 0 !important;

  border-top: 0 !important;
}


/* Core inner wrappers */
.zaeth-core-monthly__main,
.zaeth-core-monthly__content,
.zaeth-core-monthly__visual,
.zaeth-core-monthly__chapters {
  background: #000000 !important;
}


/* ---------------------------------------------------------
   REMOVE THE GREY / #050505 LINE
   --------------------------------------------------------- */

.zaeth-featured,
.zaeth-featured-core-gap,
.zaeth-core-monthly {
  border-top-color: #000000 !important;
  border-bottom-color: #000000 !important;
}


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

@media screen and (max-width: 749px) {

  .zaeth-featured,
  .zaeth-featured-drop,
  .zaeth-featured-section,
  .zaeth-featured-core-gap,
  .zaeth-core-monthly {
    background: #000000 !important;
  }

  .zaeth-featured-core-gap {
    height: 65px !important;
    min-height: 65px !important;
  }

}


/* ---------------------------------------------------------
   DESKTOP
   --------------------------------------------------------- */

@media screen and (min-width: 750px) {

  .zaeth-featured-core-gap {
    height: 75px !important;
    min-height: 75px !important;
  }

}


/* ==========================================================
   ZAETH CORE — MOBILE HERO SIZE
   LV-STYLE COMPACT HERO
   ========================================================== */

@media screen and (max-width: 768px) {

  /* Allow the homepage to continue naturally after the hero */
  .zaeth-home {
    height: auto !important;
    min-height: 0 !important;
  }

  /* Compact mobile promotional hero */
  .zaeth-hero {
    width: 100% !important;
    height: 80vh !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  /* Keep image filling the new hero proportion */
  .zaeth-hero__image {
    width: 100% !important;
    height: 100% !important;
    inset: 0 !important;
  }

  .zaeth-hero__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

}

/* ==========================================================
   ZAETH — PREMIUM MOBILE SECTION SEPARATION
   ========================================================== */

@media screen and (max-width: 768px) {

  .zaeth-hero {
    margin-bottom: 12px !important;
  }

}

/* ==========================================================
   ZAETH CORE — FINAL HERO FIX
   MOBILE
   STATIC / NO ZOOM / CENTERED
   ========================================================== */

@media screen and (max-width: 768px) {

  /* --------------------------------------------------------
     HERO SIZE
     -------------------------------------------------------- */

  .zaeth-home {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .zaeth-hero {
    position: relative !important;

    width: 100% !important;
    height: 80vh !important;

    min-height: 0 !important;
    max-height: none !important;

    margin: 0 0 12px 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

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

    /* KILL HERO ANIMATION */
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }


  /* --------------------------------------------------------
     HERO IMAGE — NO ZOOM
     -------------------------------------------------------- */

  .zaeth-hero__image {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;

    z-index: 1 !important;
  }

  .zaeth-hero__image img {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;

    /* ABSOLUTELY NO ZOOM */
    transform: none !important;
    scale: 1 !important;

    animation: none !important;
    transition: none !important;

    will-change: auto !important;
  }


  /* --------------------------------------------------------
     REMOVE HERO FIRE / DUST EFFECTS
     -------------------------------------------------------- */

  .zaeth-hero::after {
    animation: none !important;
    display: none !important;
  }

  .zaeth-dust {
    display: none !important;
  }


  /* --------------------------------------------------------
     HERO CONTENT — PERFECT CENTER
     -------------------------------------------------------- */

  .zaeth-core-content {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    z-index: 10 !important;

    pointer-events: none !important;
  }

  .zaeth-hero__content {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    width: calc(100% - 40px) !important;
    max-width: 520px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    transform: none !important;
    animation: none !important;
    opacity: 1 !important;

    pointer-events: auto !important;
  }


  /* --------------------------------------------------------
     SANSKRIT
     -------------------------------------------------------- */

  .zaeth-hero__content h2 {
    width: 100% !important;

    margin: 0 0 18px !important;

    font-size: 10px !important;
    line-height: 1.4 !important;

    letter-spacing: .18em !important;

    text-align: center !important;

    color: #C8A36A !important;
  }


  /* --------------------------------------------------------
     MAIN HERO TITLE
     -------------------------------------------------------- */

  .zaeth-hero__content h1 {
    width: 100% !important;

    max-width: 500px !important;

    margin: 0 0 30px !important;

    font-size: clamp(38px, 10vw, 52px) !important;

    line-height: .98 !important;

    letter-spacing: .01em !important;

    font-weight: 700 !important;

    text-align: center !important;

    color: #fff !important;

    text-wrap: balance !important;
  }


  /* --------------------------------------------------------
     ENTER THE WORLD BUTTON
     -------------------------------------------------------- */

  .zaeth-button {
    width: 100% !important;

    max-width: 330px !important;

    min-height: 58px !important;

    margin: 0 auto !important;

    padding: 18px 20px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    font-size: 10px !important;

    letter-spacing: .28em !important;

    background: rgba(15,15,15,.42) !important;

    border: 1px solid rgba(200,163,106,.55) !important;

    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;

    transform: none !important;

    transition: none !important;
  }

  .zaeth-button::after {
    display: none !important;
  }


  /* --------------------------------------------------------
     REMOVE SCROLL
     -------------------------------------------------------- */

  .zaeth-scroll {
    display: none !important;
  }


  /* --------------------------------------------------------
     CORE HEADER
     -------------------------------------------------------- */

  body[data-world="core"] .zaeth-header {
    display: flex !important;

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;

    height: 58px !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    z-index: 100 !important;
  }

  body[data-world="core"] .zaeth-header__inner {
    width: 100% !important;

    height: 58px !important;

    padding: 0 20px !important;

    margin: 0 !important;

    display: grid !important;

    grid-template-columns: 1fr auto 1fr !important;

    align-items: center !important;
  }

  body[data-world="core"] .zaeth-header__menu {
    justify-self: start !important;

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    color: #fff !important;

    font-size: 9px !important;

    letter-spacing: .22em !important;

    line-height: 1 !important;
  }

  body[data-world="core"] .zaeth-header__menu::before {
    position: static !important;

    display: block !important;

    width: 18px !important;
    height: 1px !important;

    content: "" !important;

    background: #fff !important;

    transform: none !important;

    font-size: 0 !important;
  }

  body[data-world="core"] .zaeth-header__logo {
    justify-self: center !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    transition: none !important;
  }

  body[data-world="core"] .zaeth-header__logo img {
    display: block !important;

    width: 48px !important;

    height: auto !important;

    margin: 0 !important;
  }

  body[data-world="core"] .zaeth-header__actions {
    justify-self: end !important;

    display: flex !important;

    align-items: center !important;

    gap: 0 !important;

    margin: 0 !important;
  }

  body[data-world="core"] .zaeth-header__search {
    display: none !important;
  }

  body[data-world="core"] .zaeth-header__cart {
    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #fff !important;

    font-size: 9px !important;

    letter-spacing: .16em !important;

    white-space: nowrap !important;

    transition: none !important;
  }

  body[data-world="core"] .zaeth-header.scrolled {
    background: transparent !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    border-bottom: 0 !important;
  }

}

@media screen and (max-width: 768px) {

  .zaeth-hero__content h2 {
    letter-spacing: 0.055em !important;
  }

  .zaeth-hero__content h1 {
    letter-spacing: 0.025em !important;
  }

}

/* ==========================================================
   ZAETH CORE HERO — DESKTOP TYPOGRAPHY
   ========================================================== */

@media screen and (min-width: 769px) {

  .zaeth-hero__content h2 {
    letter-spacing: 0.08em !important;
  }

  .zaeth-hero__content h1 {
    letter-spacing: 0.035em !important;
  }

}


/* ==========================================================
   ZAETH CORE HERO — MOBILE
   ========================================================== */

@media screen and (max-width: 768px) {

  .zaeth-hero__content {

    left: 24px !important;
    right: 24px !important;

    top: 36% !important;
    bottom: auto !important;

    transform: translateY(-50%) !important;

    max-width: calc(100% - 48px) !important;

    align-items: center !important;
    text-align: center !important;

    animation: none !important;
    opacity: 1 !important;
  }


  .zaeth-hero__content h2 {

    margin: 0 0 16px !important;

    font-size: 11px !important;

    line-height: 1.4 !important;

    letter-spacing: 0.055em !important;

    text-align: center !important;
  }


  .zaeth-hero__content h1 {

    margin: 0 !important;

    font-size: 48px !important;

    line-height: 0.98 !important;

    letter-spacing: 0.025em !important;

    text-align: center !important;

    max-width: 500px !important;
  }


  .zaeth-button {
    display: none !important;
  }

}


/* ==========================================================
   PREVENT HERO TEXT FROM SHOWING THROUGH INTRO
   ========================================================== */

/* While the ZAETH intro is active, keep the actual hero
   completely hidden underneath it. */

.zaeth-intro-active .zaeth-hero__content,
body.zaeth-intro-active .zaeth-hero__content {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* Common intro/opening states */
body.intro-active .zaeth-hero__content,
body.is-intro .zaeth-hero__content,
body[data-intro="active"] .zaeth-hero__content {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* =========================================================
   ZAETH CORE — PREMIUM MOBILE FEATURED DROP
   DESKTOP UNTOUCHED
   ========================================================= */

@media screen and (max-width: 768px) {

  /* -------------------------------------------------------
     FEATURED MOBILE WRAPPER
     ------------------------------------------------------- */

  .zaeth-featured-mobile {
  display: block !important;
  width: 100% !important;
  padding: 0 0 28px !important;
  margin: 0 !important;
  background: #000 !important;
  overflow: hidden !important;
}


  /* -------------------------------------------------------
     IMAGE
     ------------------------------------------------------- */

  .zaeth-featured-mobile-image {

    position: relative !important;

    width: 100% !important;

    height: 54vh !important;

    min-height: 440px !important;

    max-height: 560px !important;

    overflow: hidden !important;

    margin: 0 !important;

    padding: 0 !important;

  }


  .zaeth-featured-mobile-image img,
  .zaeth-featured-mobile-image .zaeth-mobile-image {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    min-height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;

    object-position: center center !important;

    transform: none !important;

    animation: none !important;

    transition: none !important;

  }


  /* Cinematic bottom fade */

  .zaeth-featured-mobile-image::after {

    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    pointer-events: none !important;

    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,0) 45%,
        rgba(0,0,0,.12) 60%,
        rgba(0,0,0,.62) 82%,
        #000 100%
      ) !important;

  }


  /* -------------------------------------------------------
     MAIN CONTENT
     ------------------------------------------------------- */

  .zaeth-featured-mobile-left {

    position: relative !important;

    width: 100% !important;

    padding:
      18px 26px 0 !important;

    margin: 0 !important;

    text-align: center !important;

  }


  /* -------------------------------------------------------
     LIVE NOW
     ------------------------------------------------------- */

  .zaeth-featured-mobile .zaeth-live {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 9px !important;

    margin: 0 0 22px !important;

    font-size: 9px !important;

    line-height: 1 !important;

    letter-spacing: .42em !important;

    color: #C8A36A !important;

  }


  .zaeth-featured-mobile .zaeth-live-dot {

    width: 7px !important;

    height: 7px !important;

    min-width: 7px !important;

    margin: 0 !important;

  }


  /* -------------------------------------------------------
     PRODUCT TITLE
     ------------------------------------------------------- */

  .zaeth-featured-mobile .zaeth-featured-title {

    display: block !important;

    margin: 0 0 18px !important;

    font-size: 42px !important;

    line-height: .95 !important;

    font-weight: 600 !important;

    letter-spacing: .055em !important;

    text-transform: uppercase !important;

    color: #fff !important;

  }


  /* -------------------------------------------------------
     DESCRIPTION
     ------------------------------------------------------- */

  .zaeth-featured-mobile .zaeth-featured-text {

    width: 100% !important;

    max-width: 330px !important;

    margin: 0 auto !important;

    font-size: 15px !important;

    line-height: 1.65 !important;

    letter-spacing: .01em !important;

    color: rgba(255,255,255,.68) !important;

  }


  /* -------------------------------------------------------
     PRODUCT DETAILS
     ------------------------------------------------------- */

  .zaeth-featured-mobile-list {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    width: 100% !important;

    margin: 30px 0 0 !important;

    padding: 0 !important;

    list-style: none !important;

  }


  .zaeth-featured-mobile-list li {

    width: 100% !important;

    margin: 0 !important;

    padding: 11px 0 !important;

    font-size: 13px !important;

    line-height: 1.35 !important;

    letter-spacing: .055em !important;

    color: rgba(255,255,255,.88) !important;

  }


  /* -------------------------------------------------------
     DISCOVER BUTTON
     ------------------------------------------------------- */

  .zaeth-featured-mobile-btn {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    max-width: 310px !important;

    height: 54px !important;

    min-height: 54px !important;

    margin: 28px auto 0 !important;

    padding: 0 20px !important;

    box-sizing: border-box !important;

    border: 1px solid rgba(200,163,106,.72) !important;

    background: transparent !important;

    color: #fff !important;

    font-size: 9px !important;

    line-height: 1 !important;

    letter-spacing: .30em !important;

    text-align: center !important;

    text-decoration: none !important;

    transition:
      background .35s ease,
      color .35s ease !important;

  }


  /* -------------------------------------------------------
     COUNTDOWN AREA
     ------------------------------------------------------- */

  .zaeth-featured-mobile-right {

    width: 100% !important;

    padding: 74px 20px 0 !important;

    margin: 0 !important;

    text-align: center !important;

  }


  .zaeth-featured-mobile .zaeth-count-title {

    margin: 0 0 28px !important;

    font-size: 9px !important;

    line-height: 1 !important;

    letter-spacing: .46em !important;

    color: #C8A36A !important;

  }


  /* -------------------------------------------------------
     TIMER
     ------------------------------------------------------- */

  .zaeth-featured-mobile .zaeth-timer {

    display: grid !important;

    grid-template-columns:
      repeat(4, minmax(0, 1fr)) !important;

    width: 100% !important;

    max-width: 350px !important;

    margin: 0 auto !important;

    padding: 0 !important;

    gap: 4px !important;

    text-align: center !important;

  }


  .zaeth-featured-mobile .zaeth-timer > div {

    min-width: 0 !important;

  }


  .zaeth-featured-mobile .zaeth-timer span {

    display: block !important;

    font-size: 36px !important;

    line-height: .95 !important;

    font-weight: 300 !important;

    letter-spacing: -.035em !important;

    color: #fff !important;

  }


  .zaeth-featured-mobile .zaeth-timer small {

    display: block !important;

    margin-top: 9px !important;

    font-size: 8px !important;

    line-height: 1 !important;

    letter-spacing: .27em !important;

    color: rgba(255,255,255,.48) !important;

  }


  /* -------------------------------------------------------
     REMOVE OLD MOBILE SPACING / EFFECTS
     ------------------------------------------------------- */

  .zaeth-featured-mobile .reveal {

    opacity: 1 !important;

    transform: none !important;

    transition: none !important;

  }


  .zaeth-featured-mobile *,
  .zaeth-featured-mobile *::before,
  .zaeth-featured-mobile *::after {

    animation-duration: 0s !important;

  }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media screen and (max-width: 390px) {

  .zaeth-featured-mobile-image {

    height: 50vh !important;

    min-height: 400px !important;

  }


  .zaeth-featured-mobile-left {

    padding-left: 20px !important;

    padding-right: 20px !important;

  }


  .zaeth-featured-mobile .zaeth-featured-title {

    font-size: 38px !important;

  }


  .zaeth-featured-mobile .zaeth-featured-text {

    font-size: 14px !important;

  }


  .zaeth-featured-mobile-list li {

    font-size: 12px !important;

    padding: 10px 0 !important;

  }


  .zaeth-featured-mobile .zaeth-timer span {

    font-size: 33px !important;

  }

}

@media screen and (max-width: 768px) {

  .zaeth-featured-mobile-right {
    padding-bottom: 0 !important;
  }

  .zaeth-featured-mobile {
    padding-bottom: 28px !important;
  }

}

/* =========================================================
   ZAETH CORE — REMOVE ARTIFICIAL MOBILE GAP
   FEATURED → NEXT SECTION
   ========================================================= */

@media screen and (max-width: 749px) {

  /* Remove the dedicated black spacer */
  .zaeth-featured-core-gap {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Remove the extra 90px pushed onto the next section */
  .zaeth-core-monthly {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}

/* =========================================================
   ZAETH CORE — PREMIUM MOBILE PHILOSOPHY
   FINAL MOBILE ART DIRECTION
   ========================================================= */

@media screen and (max-width: 768px) {

  /* -------------------------------------------------------
     SECTION
     ------------------------------------------------------- */

  .zaeth-philosophy {

    position: relative !important;

    width: 100% !important;

    box-sizing: border-box !important;

    padding:
      78px 22px 92px !important;

    margin: 0 !important;

    background: #000 !important;

    text-align: center !important;

    overflow: hidden !important;

  }


  /* Very subtle cinematic separation from previous section */

  .zaeth-philosophy::before {
  display: none !important;
}

  /* -------------------------------------------------------
     CONTENT CONTAINER
     ------------------------------------------------------- */

  .zaeth-philosophy-inner {

    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;

    max-width: 390px !important;

    margin: 0 auto !important;

  }


  /* -------------------------------------------------------
     EYEBROW
     ------------------------------------------------------- */

  .zaeth-philosophy .zaeth-eyebrow {

    margin: 0 0 27px !important;

    font-size: 9px !important;

    font-weight: 500 !important;

    line-height: 1 !important;

    letter-spacing: .42em !important;

    text-transform: uppercase !important;

    color: #C8A36A !important;

  }


  /* -------------------------------------------------------
     MAIN STATEMENT
     ------------------------------------------------------- */

  .zaeth-philosophy-title {

    margin: 0 auto 28px !important;

    max-width: 360px !important;

    font-size: 40px !important;

    font-weight: 600 !important;

    line-height: .98 !important;

    letter-spacing: .035em !important;

    text-transform: uppercase !important;

    color: #fff !important;

  }


  /* -------------------------------------------------------
     PHILOSOPHY COPY
     ------------------------------------------------------- */

  .zaeth-philosophy-text {

    width: 100% !important;

    max-width: 335px !important;

    margin: 0 auto !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 1.75 !important;

    letter-spacing: .015em !important;

    color: rgba(255,255,255,.62) !important;

  }


  /* -------------------------------------------------------
     CTA
     ------------------------------------------------------- */

  .zaeth-philosophy-btn {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    max-width: 270px !important;

    height: 52px !important;

    box-sizing: border-box !important;

    margin: 34px auto 0 !important;

    padding: 0 18px !important;

    border: 1px solid rgba(200,163,106,.68) !important;

    background: transparent !important;

    color: rgba(255,255,255,.92) !important;

    font-size: 8px !important;

    font-weight: 500 !important;

    line-height: 1 !important;

    letter-spacing: .32em !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    transition:
      background .3s ease,
      color .3s ease,
      border-color .3s ease !important;

  }


  .zaeth-philosophy-btn:hover {

    background: transparent !important;

    color: #fff !important;

    border-color: rgba(200,163,106,.85) !important;

  }


  /* -------------------------------------------------------
     REMOVE OLD REVEAL DISTORTION
     ------------------------------------------------------- */

  .zaeth-philosophy.reveal {

    opacity: 1 !important;

    transform: none !important;

  }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media screen and (max-width: 390px) {

  .zaeth-philosophy {
    padding: 95px 20px 105px !important;
  }

}


  .zaeth-philosophy-title {

    font-size: 37px !important;

    max-width: 340px !important;

  }


  .zaeth-philosophy-text {

    max-width: 320px !important;

    font-size: 13.5px !important;

  }


  .zaeth-philosophy-btn {

    max-width: 260px !important;

  }

}

/* =========================================================
   ZAETH CORE — PHILOSOPHY
   FINAL MOBILE ART DIRECTION
   ========================================================= */

@media screen and (max-width: 768px) {

  /* =======================================================
     PHILOSOPHY SECTION
     ======================================================= */

  .zaeth-philosophy {

    position: relative !important;

    width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding:
      72px 24px 76px !important;

    background: #000 !important;

    text-align: center !important;

    overflow: hidden !important;

  }


  /* Fine editorial divider */

  .zaeth-philosophy::before {

    content: "" !important;

    position: absolute !important;

    top: 0 !important;

    left: 50% !important;

    width: 90px !important;

    height: 1px !important;

    transform: translateX(-50%) !important;

    background: rgba(200,163,106,.38) !important;

  }


  /* =======================================================
     INNER
     ======================================================= */

  .zaeth-philosophy-inner {

    width: 100% !important;

    max-width: 390px !important;

    margin: 0 auto !important;

  }


  /* =======================================================
     EYEBROW
     ======================================================= */

  .zaeth-philosophy .zaeth-eyebrow {

    display: block !important;

    margin: 0 0 24px !important;

    font-size: 8px !important;

    line-height: 1 !important;

    font-weight: 500 !important;

    letter-spacing: .42em !important;

    color: #C8A36A !important;

    text-transform: uppercase !important;

  }


  /* =======================================================
     MAIN STATEMENT
     ======================================================= */

  .zaeth-philosophy .zaeth-philosophy-title {

    display: block !important;

    width: 100% !important;

    max-width: 350px !important;

    margin: 0 auto 25px !important;

    padding: 0 !important;

    font-size: 39px !important;

    line-height: .98 !important;

    font-weight: 600 !important;

    letter-spacing: .025em !important;

    color: #fff !important;

    text-transform: uppercase !important;

  }


  /* =======================================================
     BODY COPY
     ======================================================= */

  .zaeth-philosophy .zaeth-philosophy-text {

    display: block !important;

    width: 100% !important;

    max-width: 320px !important;

    margin: 0 auto !important;

    padding: 0 !important;

    font-size: 14px !important;

    line-height: 1.7 !important;

    font-weight: 400 !important;

    letter-spacing: .005em !important;

    color: rgba(255,255,255,.60) !important;

  }


  /* =======================================================
     CTA
     ======================================================= */

  .zaeth-philosophy .zaeth-philosophy-btn {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    max-width: 280px !important;

    height: 50px !important;

    margin: 42px auto 0 !important;

    padding: 0 16px !important;

    box-sizing: border-box !important;

    border: 1px solid rgba(200,163,106,.62) !important;

    background: transparent !important;

    color: rgba(255,255,255,.90) !important;

    font-size: 8px !important;

    line-height: 1 !important;

    font-weight: 500 !important;

    letter-spacing: .30em !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

  }

  /* GAP BETWEEN STORY BUTTON AND PEOPLE SECTION */

.zaeth-philosophy .zaeth-philosophy-btn {
  margin-bottom: 110px !important;
}


  /* =======================================================
     FIRST BELIEVERS — CREATE REAL SECTION SEPARATION
     ======================================================= */

  .zaeth-tribe {

    position: relative !important;

    margin: 0 !important;

    padding:
      70px 0 100px !important;

    background: #000 !important;

    text-align: center !important;

  }


  /* Thin divider between philosophy and believers */

  .zaeth-tribe::before {

    content: "" !important;

    position: absolute !important;

    top: 0 !important;

    left: 50% !important;

    width: 46px !important;

    height: 1px !important;

    transform: translateX(-50%) !important;

    background: rgba(200,163,106,.30) !important;

  }


  .zaeth-tribe-wrapper {

    width: 100% !important;

    max-width: 390px !important;

    margin: 0 auto !important;

  }


  /* =======================================================
     BELIEVERS EYEBROW
     ======================================================= */

  .zaeth-tribe .zaeth-eyebrow {

    display: block !important;

    margin: 0 0 25px !important;

    padding: 0 20px !important;

    font-size: 8px !important;

    line-height: 1 !important;

    letter-spacing: .40em !important;

    color: #C8A36A !important;

  }


  /* =======================================================
     BELIEVERS TITLE
     ======================================================= */

  .zaeth-tribe .zaeth-tribe-title {

    width: 100% !important;

    max-width: 350px !important;

    margin: 0 auto !important;

    padding: 0 20px !important;

    font-size: 38px !important;

    line-height: .98 !important;

    letter-spacing: .025em !important;

    font-weight: 600 !important;

    color: #fff !important;

  }


  /* =======================================================
     BELIEVERS SUBTITLE
     ======================================================= */

  .zaeth-tribe .zaeth-tribe-subtitle {

    max-width: 310px !important;

    margin: 22px auto 0 !important;

    padding: 0 20px !important;

    font-size: 13px !important;

    line-height: 1.65 !important;

    color: rgba(255,255,255,.52) !important;

  }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media screen and (max-width: 390px) {

  .zaeth-philosophy {
    padding: 105px 24px 115px !important;
}


  .zaeth-philosophy .zaeth-philosophy-title {

    font-size: 36px !important;

  }


  .zaeth-philosophy .zaeth-philosophy-text {

    max-width: 305px !important;

    font-size: 13.5px !important;

  }


  .zaeth-philosophy .zaeth-philosophy-btn {

    max-width: 265px !important;

  }


  .zaeth-tribe {

    padding:
      62px 0 90px !important;

  }


  .zaeth-tribe .zaeth-tribe-title {

    font-size: 35px !important;

  }

}

/* =========================================================
   ZAETH CORE — FINAL PHILOSOPHY SECTION
   Desktop + Mobile
   ========================================================= */

/* ---------------------------------------------------------
   DESKTOP
   --------------------------------------------------------- */

.zaeth-philosophy {
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;

  margin: 0 !important;
  padding: 150px 40px 145px !important;

  background: #000 !important;
  text-align: center !important;
  overflow: hidden !important;
}

.zaeth-philosophy::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: 50% !important;

  width: 70px !important;
  height: 1px !important;

  transform: translateX(-50%) !important;

  background: rgba(200,163,106,.35) !important;
}

.zaeth-philosophy-inner {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}


/* EYEBROW */

.zaeth-philosophy .zaeth-eyebrow {
  display: block !important;

  width: 100% !important;

  margin: 0 0 32px !important;
  padding: 0 !important;

  font-size: 10px !important;
  line-height: 1 !important;

  letter-spacing: .48em !important;
  font-weight: 500 !important;

  text-align: center !important;

  color: #C8A36A !important;
}


/* MAIN TITLE */

.zaeth-philosophy .zaeth-philosophy-title {
  display: block !important;

  width: 100% !important;
  max-width: 650px !important;

  margin: 0 auto 32px !important;
  padding: 0 !important;

  font-size: clamp(46px, 5vw, 72px) !important;
  line-height: .94 !important;

  letter-spacing: .015em !important;
  font-weight: 600 !important;

  text-align: center !important;

  color: #fff !important;
}


/* BODY */

.zaeth-philosophy .zaeth-philosophy-text {
  display: block !important;

  width: 100% !important;
  max-width: 560px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  font-size: 16px !important;
  line-height: 1.75 !important;

  letter-spacing: .01em !important;
  font-weight: 400 !important;

  text-align: center !important;

  color: rgba(255,255,255,.60) !important;
}


/* BUTTON */

.zaeth-philosophy .zaeth-philosophy-btn {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 285px !important;
  height: 54px !important;

  margin: 42px auto 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  border: 1px solid rgba(200,163,106,.65) !important;

  background: transparent !important;

  color: rgba(255,255,255,.92) !important;

  font-size: 10px !important;
  line-height: 1 !important;

  letter-spacing: .34em !important;
  font-weight: 500 !important;

  text-align: center !important;
  text-decoration: none !important;
}


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

@media screen and (max-width: 768px) {

  .zaeth-philosophy {
    padding: 125px 24px 110px !important;
  }


  .zaeth-philosophy-inner {
    width: 100% !important;
    max-width: 390px !important;

    margin: 0 auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }


  .zaeth-philosophy .zaeth-eyebrow {
    margin: 0 0 27px !important;

    font-size: 8px !important;
    letter-spacing: .40em !important;

    text-align: center !important;
  }


  .zaeth-philosophy .zaeth-philosophy-title {
    width: 100% !important;
    max-width: 350px !important;

    margin: 0 auto 27px !important;

    font-size: 39px !important;
    line-height: .98 !important;

    letter-spacing: .025em !important;

    text-align: center !important;
  }


  .zaeth-philosophy .zaeth-philosophy-text {
    width: 100% !important;
    max-width: 325px !important;

    margin: 0 auto !important;

    font-size: 14px !important;
    line-height: 1.7 !important;

    letter-spacing: .005em !important;

    text-align: center !important;

    color: rgba(255,255,255,.60) !important;
  }


  .zaeth-philosophy .zaeth-philosophy-btn {
    width: 280px !important;
    height: 50px !important;

    margin: 34px auto 0 !important;

    font-size: 8px !important;
    letter-spacing: .30em !important;
  }
}


/* ---------------------------------------------------------
   SMALL PHONES
   --------------------------------------------------------- */

@media screen and (max-width: 390px) {

  .zaeth-philosophy {
    padding: 115px 20px 100px !important;
  }

  .zaeth-philosophy .zaeth-philosophy-title {
    max-width: 335px !important;

    font-size: 36px !important;
  }

  .zaeth-philosophy .zaeth-philosophy-text {
    max-width: 305px !important;

    font-size: 13.5px !important;
  }

  .zaeth-philosophy .zaeth-philosophy-btn {
    width: 265px !important;
  }
}

.zaeth-philosophy::before {
  display: none !important;
  content: none !important;
}

/* =========================================================
   ZAETH CORE — PHILOSOPHY → FIRST BELIEVERS
   FINAL EDITORIAL SPACING
   ========================================================= */


/* =========================================================
   PHILOSOPHY — DESKTOP
   ========================================================= */

.zaeth-philosophy {
  margin: 0 !important;
  padding: 145px 40px 125px !important;

  background: #000 !important;

  text-align: center !important;
}


/* Remove artificial divider */

.zaeth-philosophy::before {
  display: none !important;
  content: none !important;
}


/* Philosophy content */

.zaeth-philosophy-inner {
  width: 100% !important;
  max-width: 760px !important;

  margin: 0 auto !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}


/* Eyebrow */

.zaeth-philosophy .zaeth-eyebrow {
  margin: 0 0 30px !important;

  font-size: 10px !important;
  line-height: 1 !important;

  letter-spacing: .45em !important;

  text-align: center !important;

  color: #C8A36A !important;
}


/* Philosophy title */

.zaeth-philosophy .zaeth-philosophy-title {
  width: 100% !important;
  max-width: 700px !important;

  margin: 0 auto 30px !important;
  padding: 0 !important;

  font-size: clamp(48px, 5vw, 70px) !important;

  line-height: .96 !important;
  letter-spacing: .015em !important;

  text-align: center !important;

  color: #fff !important;
}


/* Philosophy paragraph */

.zaeth-philosophy .zaeth-philosophy-text {
  width: 100% !important;
  max-width: 580px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  font-size: 16px !important;
  line-height: 1.75 !important;

  text-align: center !important;

  color: rgba(255,255,255,.58) !important;
}


/* Philosophy button */

.zaeth-philosophy .zaeth-philosophy-btn {
  width: 285px !important;
  height: 54px !important;

  margin: 42px auto 0 !important;
  padding: 0 !important;

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

  box-sizing: border-box !important;

  border: 1px solid rgba(200,163,106,.62) !important;

  background: transparent !important;

  font-size: 9px !important;
  letter-spacing: .32em !important;

  color: rgba(255,255,255,.92) !important;
}


/* =========================================================
   FIRST BELIEVERS — DESKTOP
   ========================================================= */

.zaeth-tribe {
  position: relative !important;

  width: 100% !important;

  margin: 0 !important;

  padding: 125px 5vw 150px !important;

  background: #000 !important;

  overflow: hidden !important;

  text-align: center !important;
}


/* Remove divider if previously added */

.zaeth-tribe::before {
  display: none !important;
  content: none !important;
}


.zaeth-tribe-wrapper {
  width: 100% !important;

  max-width: 1650px !important;

  margin: 0 auto !important;
}


/* Eyebrow */

.zaeth-tribe .zaeth-eyebrow {
  margin: 0 0 27px !important;

  font-size: 10px !important;
  line-height: 1 !important;

  letter-spacing: .48em !important;

  color: #C8A36A !important;

  text-align: center !important;
}


/* Main title */

.zaeth-tribe .zaeth-tribe-title {
  width: 100% !important;

  max-width: 1200px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  font-size: clamp(54px, 5.2vw, 82px) !important;

  line-height: .96 !important;

  letter-spacing: .025em !important;

  font-weight: 600 !important;

  color: #fff !important;

  text-align: center !important;
}


/* Subtitle */

.zaeth-tribe .zaeth-tribe-subtitle {
  width: 100% !important;

  max-width: 600px !important;

  margin: 24px auto 0 !important;
  padding: 0 !important;

  font-size: 16px !important;

  line-height: 1.7 !important;

  color: rgba(255,255,255,.55) !important;

  text-align: center !important;
}


/* =========================================================
   BELIEVER CARDS — DESKTOP
   ========================================================= */

.zaeth-believers-grid {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap: 48px !important;

  width: 100% !important;

  margin: 72px 0 0 !important;

  padding: 0 !important;
}


/* Card */

.zaeth-believer,
.zaeth-believer.large {
  position: relative !important;

  width: 100% !important;

  height: 620px !important;

  min-height: 620px !important;

  margin: 0 !important;

  overflow: hidden !important;

  background: #080808 !important;

  transform: none !important;
}


/* Image */

.zaeth-believer img {
  width: 100% !important;
  height: 100% !important;

  display: block !important;

  object-fit: cover !important;

  object-position: center center !important;
}


/* Card info */

.zaeth-believer-info {
  position: absolute !important;

  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  padding: 100px 30px 30px !important;

  background:
    linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0,0,0,.15) 30%,
      rgba(0,0,0,.88) 100%
    ) !important;

  text-align: left !important;
}


/* Person name */

.zaeth-believer-info h3 {
  margin: 0 0 7px !important;

  font-size: 26px !important;

  line-height: 1 !important;

  letter-spacing: .12em !important;

  color: #fff !important;
}


/* Role */

.zaeth-believer-info p {
  margin: 0 0 15px !important;

  font-size: 9px !important;

  line-height: 1 !important;

  letter-spacing: .28em !important;

  color: rgba(255,255,255,.58) !important;
}


/* Story */

.zaeth-believer-info span {
  font-size: 9px !important;

  line-height: 1 !important;

  letter-spacing: .25em !important;

  color: #C8A36A !important;
}


/* Community CTA */

.zaeth-tribe .zaeth-featured-btn {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 285px !important;
  height: 54px !important;

  margin: 58px auto 0 !important;
  padding: 0 !important;

  border: 1px solid rgba(200,163,106,.62) !important;

  background: transparent !important;

  font-size: 9px !important;

  letter-spacing: .30em !important;

  color: rgba(255,255,255,.9) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {

  /* -----------------------------------------
     PHILOSOPHY
     ----------------------------------------- */

  .zaeth-philosophy {
    padding: 110px 22px 105px !important;
  }


  .zaeth-philosophy-inner {
    max-width: 390px !important;
  }


  .zaeth-philosophy .zaeth-eyebrow {
    margin-bottom: 26px !important;

    font-size: 8px !important;

    letter-spacing: .40em !important;
  }


  .zaeth-philosophy .zaeth-philosophy-title {
    max-width: 350px !important;

    margin-bottom: 27px !important;

    font-size: 39px !important;

    line-height: .98 !important;

    letter-spacing: .025em !important;
  }


  .zaeth-philosophy .zaeth-philosophy-text {
    max-width: 325px !important;

    font-size: 14px !important;

    line-height: 1.72 !important;
  }


  .zaeth-philosophy .zaeth-philosophy-btn {
    width: 280px !important;
    height: 50px !important;

    margin-top: 34px !important;

    font-size: 8px !important;

    letter-spacing: .30em !important;
  }


  /* -----------------------------------------
     FIRST BELIEVERS
     ----------------------------------------- */

  .zaeth-tribe {
    padding: 105px 0 105px !important;

    margin: 0 !important;

    overflow: hidden !important;
  }


  .zaeth-tribe-wrapper {
    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;
  }


  /* Eyebrow */

  .zaeth-tribe .zaeth-eyebrow {
    margin: 0 0 25px !important;

    padding: 0 20px !important;

    font-size: 8px !important;

    letter-spacing: .38em !important;
  }


  /* Title */

  .zaeth-tribe .zaeth-tribe-title {
    max-width: 350px !important;

    margin: 0 auto !important;

    padding: 0 20px !important;

    font-size: 38px !important;

    line-height: .98 !important;

    letter-spacing: .025em !important;
  }


  /* Subtitle */

  .zaeth-tribe .zaeth-tribe-subtitle {
    max-width: 315px !important;

    margin: 21px auto 0 !important;

    padding: 0 20px !important;

    font-size: 13px !important;

    line-height: 1.65 !important;
  }


  /* -----------------------------------------
     MOBILE CARD TRACK
     ----------------------------------------- */

  .zaeth-believers-grid {
    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    gap: 14px !important;

    width: 100% !important;

    margin: 48px 0 0 !important;

    padding: 0 20px 10px !important;

    overflow-x: auto !important;

    overflow-y: hidden !important;

    scroll-snap-type: x mandatory !important;

    scrollbar-width: none !important;

    -webkit-overflow-scrolling: touch;
  }


  .zaeth-believers-grid::-webkit-scrollbar {
    display: none !important;
  }


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

  .zaeth-believer,
  .zaeth-believer.large,
  .zaeth-believer:not(.large) {
    flex: 0 0 calc(100vw - 40px) !important;

    width: calc(100vw - 40px) !important;

    min-width: calc(100vw - 40px) !important;

    max-width: calc(100vw - 40px) !important;

    height: 535px !important;

    min-height: 535px !important;

    margin: 0 !important;

    scroll-snap-align: start !important;

    scroll-snap-stop: always !important;

    transform: none !important;

    filter: none !important;
  }


  /* Card image */

  .zaeth-believer img {
    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    object-position: center center !important;
  }


  /* Card information */

  .zaeth-believer-info {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    padding: 90px 22px 24px !important;

    background:
      linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0,0,0,.15) 30%,
        rgba(0,0,0,.90) 100%
      ) !important;
  }


  .zaeth-believer-info h3 {
    margin: 0 0 7px !important;

    font-size: 25px !important;

    letter-spacing: .10em !important;
  }


  .zaeth-believer-info p {
    margin: 0 0 13px !important;

    font-size: 9px !important;

    letter-spacing: .25em !important;
  }


  .zaeth-believer-info span {
    font-size: 9px !important;

    letter-spacing: .23em !important;
  }


  /* Community button */

  .zaeth-tribe .zaeth-featured-btn {
    width: 280px !important;

    height: 50px !important;

    margin: 48px auto 0 !important;

    font-size: 8px !important;

    letter-spacing: .28em !important;
  }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media screen and (max-width: 390px) {

  .zaeth-philosophy {
    padding: 100px 20px 95px !important;
  }


  .zaeth-philosophy .zaeth-philosophy-title {
    font-size: 36px !important;
  }


  .zaeth-tribe {
    padding: 95px 0 95px !important;
  }


  .zaeth-tribe .zaeth-tribe-title {
    font-size: 35px !important;
  }


  .zaeth-believers-grid {
    margin-top: 44px !important;

    padding-left: 18px !important;
    padding-right: 18px !important;
  }


  .zaeth-believer,
  .zaeth-believer.large,
  .zaeth-believer:not(.large) {
    flex-basis: calc(100vw - 36px) !important;

    width: calc(100vw - 36px) !important;

    min-width: calc(100vw - 36px) !important;

    height: 500px !important;

    min-height: 500px !important;
  }

}

/* =========================================================
   ZAETH CORE — PHILOSOPHY + PEOPLE
   PREMIUM SECTION SPACING
   ========================================================= */

/* =========================================================
   PHILOSOPHY
   ========================================================= */

.zaeth-philosophy {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;

  /* SPACE ABOVE OUR PHILOSOPHY */
  padding-top: 110px !important;

  /* SPACE BELOW READ OUR STORY */
  padding-bottom: 150px !important;

  box-sizing: border-box !important;
}


/* OUR PHILOSOPHY LABEL */

.zaeth-philosophy .zaeth-eyebrow {
  display: block !important;

  margin-top: 0 !important;
  margin-bottom: 55px !important;
}


/* FOR EVERYTHING YOU CARRY */

.zaeth-philosophy h2,
.zaeth-philosophy .zaeth-philosophy-title {
  margin-top: 0 !important;
  margin-bottom: 45px !important;
}


/* PHILOSOPHY PARAGRAPH */

.zaeth-philosophy p,
.zaeth-philosophy .zaeth-philosophy-text {
  margin-top: 0 !important;
  margin-bottom: 48px !important;
}


/* READ OUR STORY BUTTON */

.zaeth-philosophy a,
.zaeth-philosophy .zaeth-button {
  margin-top: 0 !important;
}


/* REMOVE ANY ARTIFICIAL LINE */

.zaeth-philosophy::before,
.zaeth-philosophy::after {
  content: none !important;
  display: none !important;
}


/* =========================================================
   PEOPLE BEHIND ZAETH
   ========================================================= */

.zaeth-tribe {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;

  /* BIG BLACK BREATHING SPACE BEFORE PEOPLE SECTION */
  padding-top: 125px !important;

  /* SPACE AFTER PEOPLE CONTENT */
  padding-bottom: 120px !important;

  box-sizing: border-box !important;
}


/* THE PEOPLE BEHIND ZAETH */

.zaeth-tribe .zaeth-eyebrow {
  display: block !important;

  margin-top: 0 !important;
  margin-bottom: 55px !important;
}


/* THE PEOPLE WHO BELIEVED FIRST */

.zaeth-tribe .zaeth-tribe-title {
  margin-top: 0 !important;
  margin-bottom: 38px !important;
}


/* SUBTITLE */

.zaeth-tribe .zaeth-tribe-subtitle {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {

  /* ---------------- PHILOSOPHY ---------------- */

  .zaeth-philosophy {
    margin: 0 !important;

    /* IMAGE → OUR PHILOSOPHY */
    padding-top: 95px !important;

    /* BUTTON → PEOPLE SECTION */
    padding-bottom: 110px !important;
  }


  /* OUR PHILOSOPHY */

  .zaeth-philosophy .zaeth-eyebrow {
    margin-top: 0 !important;
    margin-bottom: 38px !important;
  }


  /* FOR EVERYTHING YOU CARRY */

  .zaeth-philosophy h2,
  .zaeth-philosophy .zaeth-philosophy-title {
    margin-top: 0 !important;
    margin-bottom: 34px !important;
  }


  /* PARAGRAPH */

  .zaeth-philosophy p,
  .zaeth-philosophy .zaeth-philosophy-text {
    margin-top: 0 !important;
    margin-bottom: 42px !important;
  }


  /* ---------------- PEOPLE ---------------- */

  .zaeth-tribe {
    margin: 0 !important;

    /* LARGE GAP BEFORE THE PEOPLE LABEL */
    padding-top: 95px !important;

    padding-bottom: 100px !important;
  }


  /* THE PEOPLE BEHIND ZAETH */

  .zaeth-tribe .zaeth-eyebrow {
    margin-top: 0 !important;
    margin-bottom: 38px !important;
  }


  /* THE PEOPLE WHO BELIEVED FIRST */

  .zaeth-tribe .zaeth-tribe-title {
    margin-top: 0 !important;
    margin-bottom: 32px !important;
  }


  /* SUBTITLE */

  .zaeth-tribe .zaeth-tribe-subtitle {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media screen and (max-width: 390px) {

  .zaeth-philosophy {
    padding-top: 85px !important;
    padding-bottom: 95px !important;
  }

  .zaeth-tribe {
    padding-top: 85px !important;
    padding-bottom: 90px !important;
  }

  .zaeth-philosophy .zaeth-eyebrow {
    margin-bottom: 34px !important;
  }

  .zaeth-tribe .zaeth-eyebrow {
    margin-bottom: 34px !important;
  }
}

/* =========================================================
   ZAETH — FINAL SECTION SPACING
   THIS MUST BE THE LAST CSS IN THE FILE
   ========================================================= */


/* =========================================================
   PHILOSOPHY
   IMAGE → BLACK SPACE → OUR PHILOSOPHY
   ========================================================= */

.zaeth-philosophy {
  position: relative !important;
  display: block !important;
  width: 100% !important;

  margin-top: 110px !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;

  padding-top: 0 !important;
  padding-bottom: 140px !important;

  background: #000 !important;
  text-align: center !important;
}


/* OUR PHILOSOPHY */

.zaeth-philosophy .zaeth-eyebrow {
  margin-top: 0 !important;
  margin-bottom: 48px !important;
}


/* FOR EVERYTHING YOU CARRY */

.zaeth-philosophy .zaeth-philosophy-title {
  margin-top: 0 !important;
  margin-bottom: 38px !important;
}


/* PARAGRAPH */

.zaeth-philosophy .zaeth-philosophy-text {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* BUTTON */

.zaeth-philosophy .zaeth-philosophy-btn {
  margin-top: 42px !important;
  margin-bottom: 0 !important;
}


/* REMOVE OLD PHILOSOPHY LINE */

.zaeth-philosophy::before {
  display: none !important;
  content: none !important;
}


/* =========================================================
   PEOPLE
   BUTTON → LARGE BLACK SPACE → PEOPLE LABEL
   ========================================================= */

.zaeth-tribe {
  position: relative !important;
  display: block !important;
  width: 100% !important;

  margin-top: 130px !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;

  padding-top: 0 !important;
  padding-bottom: 140px !important;

  background: #000 !important;
  text-align: center !important;
}


/* PEOPLE EYEBROW */

.zaeth-tribe .zaeth-eyebrow {
  margin-top: 0 !important;
  margin-bottom: 48px !important;
}


/* PEOPLE TITLE */

.zaeth-tribe .zaeth-tribe-title {
  margin-top: 0 !important;
  margin-bottom: 35px !important;
}


/* PEOPLE SUBTITLE */

.zaeth-tribe .zaeth-tribe-subtitle {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {

  /* -----------------------------------------
     IMAGE → OUR PHILOSOPHY
     ----------------------------------------- */

  .zaeth-philosophy {

    margin-top: 75px !important;

    padding-top: 0 !important;
    padding-bottom: 100px !important;

  }


  /* OUR PHILOSOPHY → TITLE */

  .zaeth-philosophy .zaeth-eyebrow {

    margin-top: 0 !important;
    margin-bottom: 34px !important;

  }


  /* TITLE → PARAGRAPH */

  .zaeth-philosophy .zaeth-philosophy-title {

    margin-top: 0 !important;
    margin-bottom: 32px !important;

  }


  /* PARAGRAPH → BUTTON */

  .zaeth-philosophy .zaeth-philosophy-text {

    margin-top: 0 !important;
    margin-bottom: 0 !important;

  }


  .zaeth-philosophy .zaeth-philosophy-btn {

    margin-top: 34px !important;
    margin-bottom: 0 !important;

  }


  /* -----------------------------------------
     BUTTON → PEOPLE
     LARGE BLACK BREATHING SPACE
     ----------------------------------------- */

  .zaeth-tribe {

    margin-top: 100px !important;

    padding-top: 0 !important;
    padding-bottom: 90px !important;

  }


  /* PEOPLE EYEBROW → TITLE */

  .zaeth-tribe .zaeth-eyebrow {

    margin-top: 0 !important;
    margin-bottom: 34px !important;

  }


  /* TITLE → SUBTITLE */

  .zaeth-tribe .zaeth-tribe-title {

    margin-top: 0 !important;
    margin-bottom: 30px !important;

  }


  .zaeth-tribe .zaeth-tribe-subtitle {

    margin-top: 0 !important;
    margin-bottom: 0 !important;

  }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media screen and (max-width: 390px) {

  .zaeth-philosophy {
    margin-top: 65px !important;
    padding-bottom: 90px !important;
  }

  .zaeth-tribe {
    margin-top: 85px !important;
    padding-bottom: 85px !important;
  }

}

/* =========================================================
   ZAETH CORE — FINAL EDITORIAL SECTION RHYTHM
   THIS MUST BE THE LAST CSS IN THE FILE
   ========================================================= */

/* =========================================================
   PHILOSOPHY — DESKTOP
   ========================================================= */

.zaeth-philosophy {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 155px 40px 145px !important;
  box-sizing: border-box !important;

  background: #000 !important;
  text-align: center !important;

  overflow: hidden !important;
}

/* REMOVE ALL DIVIDER LINES */

.zaeth-philosophy::before,
.zaeth-philosophy::after {
  content: none !important;
  display: none !important;
}

/* Philosophy inner */

.zaeth-philosophy-inner {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* OUR PHILOSOPHY */

.zaeth-philosophy .zaeth-eyebrow {
  display: block !important;

  margin: 0 0 38px !important;
  padding: 0 !important;

  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .48em !important;

  text-align: center !important;
  color: #C8A36A !important;
}

/* FOR EVERYTHING YOU CARRY */

.zaeth-philosophy .zaeth-philosophy-title {
  display: block !important;

  width: 100% !important;
  max-width: 720px !important;

  margin: 0 auto 38px !important;
  padding: 0 !important;

  font-size: clamp(52px, 5.2vw, 78px) !important;
  line-height: .94 !important;
  letter-spacing: .015em !important;

  text-align: center !important;
  color: #fff !important;
}

/* PARAGRAPH */

.zaeth-philosophy .zaeth-philosophy-text {
  display: block !important;

  width: 100% !important;
  max-width: 600px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  font-size: 16px !important;
  line-height: 1.8 !important;

  text-align: center !important;
  color: rgba(255,255,255,.60) !important;
}

/* BUTTON */

.zaeth-philosophy .zaeth-philosophy-btn {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 285px !important;
  height: 56px !important;

  margin: 42px auto 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  border: 1px solid rgba(200,163,106,.65) !important;
  background: transparent !important;

  color: rgba(255,255,255,.92) !important;

  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: .34em !important;
}


/* =========================================================
   PEOPLE — DESKTOP
   ========================================================= */

.zaeth-tribe {
  position: relative !important;

  width: 100% !important;
  margin: 0 !important;

  /* LARGE BLACK BREATHING SPACE AFTER PHILOSOPHY */
  padding: 145px 5vw 155px !important;

  box-sizing: border-box !important;

  background: #000 !important;
  text-align: center !important;

  overflow: hidden !important;
}

/* NO LINE */

.zaeth-tribe::before,
.zaeth-tribe::after {
  content: none !important;
  display: none !important;
}

.zaeth-tribe-wrapper {
  width: 100% !important;
  max-width: 1650px !important;

  margin: 0 auto !important;
  padding: 0 !important;
}

/* THE PEOPLE BEHIND ZAETH */

.zaeth-tribe .zaeth-eyebrow {
  display: block !important;

  margin: 0 0 38px !important;
  padding: 0 !important;

  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .48em !important;

  text-align: center !important;
  color: #C8A36A !important;
}

/* THE PEOPLE WHO BELIEVED FIRST */

.zaeth-tribe .zaeth-tribe-title {
  display: block !important;

  width: 100% !important;
  max-width: 1250px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  font-size: clamp(54px, 5.2vw, 82px) !important;
  line-height: .96 !important;
  letter-spacing: .025em !important;

  text-align: center !important;
  color: #fff !important;
}

/* SUBTITLE */

.zaeth-tribe .zaeth-tribe-subtitle {
  display: block !important;

  width: 100% !important;
  max-width: 600px !important;

  margin: 26px auto 0 !important;
  padding: 0 !important;

  font-size: 16px !important;
  line-height: 1.7 !important;

  text-align: center !important;
  color: rgba(255,255,255,.52) !important;
}

/* IMAGES */

.zaeth-believers-grid {
  margin-top: 72px !important;
}


/* =========================================================
   MOBILE — PREMIUM EDITORIAL RHYTHM
   ========================================================= */

@media screen and (max-width: 768px) {

  /* -----------------------------------------
     PHILOSOPHY
     ----------------------------------------- */

  .zaeth-philosophy {
    width: 100% !important;

    /* IMAGE → BLACK BREATHING SPACE */
    padding: 105px 20px 125px !important;

    margin: 0 !important;

    background: #000 !important;
  }

  .zaeth-philosophy::before,
  .zaeth-philosophy::after {
    display: none !important;
    content: none !important;
  }

  .zaeth-philosophy-inner {
    width: 100% !important;
    max-width: 390px !important;

    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* OUR PHILOSOPHY */

  .zaeth-philosophy .zaeth-eyebrow {
    margin: 0 0 34px !important;

    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: .42em !important;
  }

  /* FOR EVERYTHING YOU CARRY */

  .zaeth-philosophy .zaeth-philosophy-title {
    width: 100% !important;
    max-width: 350px !important;

    margin: 0 auto 32px !important;
    padding: 0 !important;

    font-size: 39px !important;
    line-height: .98 !important;
    letter-spacing: .025em !important;
  }

  /* PARAGRAPH */

  .zaeth-philosophy .zaeth-philosophy-text {
    width: 100% !important;
    max-width: 325px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.72 !important;
  }

  /* BUTTON */

  .zaeth-philosophy .zaeth-philosophy-btn {
    width: 280px !important;
    height: 52px !important;

    margin: 38px auto 0 !important;
  }


  /* -----------------------------------------
     PEOPLE
     ----------------------------------------- */

  .zaeth-tribe {
    width: 100% !important;

    /* LARGE BLACK SPACE BEFORE PEOPLE */
    padding: 125px 0 110px !important;

    margin: 0 !important;

    background: #000 !important;
  }

  .zaeth-tribe::before,
  .zaeth-tribe::after {
    display: none !important;
    content: none !important;
  }

  .zaeth-tribe-wrapper {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* THE PEOPLE BEHIND ZAETH */

  .zaeth-tribe .zaeth-eyebrow {
    margin: 0 0 34px !important;
    padding: 0 20px !important;

    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: .40em !important;
  }

  /* THE PEOPLE WHO BELIEVED FIRST */

  .zaeth-tribe .zaeth-tribe-title {
    width: 100% !important;
    max-width: 350px !important;

    margin: 0 auto !important;
    padding: 0 20px !important;

    font-size: 38px !important;
    line-height: .98 !important;
    letter-spacing: .025em !important;
  }

  /* SUBTITLE */

  .zaeth-tribe .zaeth-tribe-subtitle {
    width: 100% !important;
    max-width: 315px !important;

    margin: 24px auto 0 !important;
    padding: 0 20px !important;

    font-size: 13px !important;
    line-height: 1.7 !important;
  }

  /* IMAGES START AFTER A CLEAN GAP */

  .zaeth-believers-grid {
    margin-top: 52px !important;
  }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media screen and (max-width: 390px) {

  .zaeth-philosophy {
    padding: 95px 20px 115px !important;
  }

  .zaeth-philosophy .zaeth-philosophy-title {
    max-width: 335px !important;
    font-size: 36px !important;
  }

  .zaeth-tribe {
    padding: 115px 0 100px !important;
  }

  .zaeth-tribe .zaeth-tribe-title {
    max-width: 340px !important;
    font-size: 35px !important;
  }

}

/* =========================================================
   FINAL BUTTON → PEOPLE GAP
   ========================================================= */

@media screen and (max-width: 768px) {

  .zaeth-philosophy .zaeth-philosophy-btn {
    margin-bottom: 100px !important;
  }

}

@media screen and (max-width: 390px) {

  .zaeth-philosophy .zaeth-philosophy-btn {
    margin-bottom: 85px !important;
  }

}

/* =========================================================
   ZAETH — STORY BUTTON → PEOPLE SECTION GAP
   ========================================================= */

/* DESKTOP + ALL SCREENS */
.zaeth-philosophy .zaeth-philosophy-btn {
  margin-bottom: 110px !important;
}

/* TABLET / MOBILE */
@media screen and (max-width: 768px) {
  .zaeth-philosophy .zaeth-philosophy-btn {
    margin-bottom: 70px !important;
  }
}

@media screen and (max-width: 390px) {
  .zaeth-philosophy .zaeth-philosophy-btn {
    margin-bottom: 60px !important;
  }
}

/* =========================================================
   IMAGE → OUR PHILOSOPHY GAP
   ========================================================= */

/* DESKTOP */
.zaeth-philosophy .zaeth-eyebrow {
  margin-top: 60px !important;
}

/* MOBILE */
@media screen and (max-width: 768px) {
  .zaeth-philosophy .zaeth-eyebrow {
    margin-top: 60px !important;
  }
}

/* SMALL PHONES */
@media screen and (max-width: 390px) {
  .zaeth-philosophy .zaeth-eyebrow {
    margin-top: 50px !important;
  }
}

/* =========================================================
   DESKTOP — REDUCE FEATURED → PRODUCT GAP
   ========================================================= */

@media screen and (min-width: 750px) {
  .zaeth-featured-core-gap {
    height: 25px !important;
    min-height: 25px !important;
  }

  .zaeth-core-monthly {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* =========================================================
   ZAETH CHAPTERS — PREMIUM SPACING FIX
   ========================================================= */

/* ---------- DESKTOP ---------- */

.zaeth-chapters {
  padding-top: 110px !important;
  padding-bottom: 120px !important;
}

/* Header layout */
.zaeth-chapters .zaeth-section-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* CHAPTER I */
.zaeth-chapters .zaeth-eyebrow {
  margin: 0 0 28px 0 !important;
}

/* WHAT ARE YOU CARRYING? */
.zaeth-chapters .zaeth-title {
  margin: 0 0 30px 0 !important;
}

/* Description */
.zaeth-chapters .zaeth-subtitle {
  margin: 0 0 65px 0 !important;
}

/* VIEW ALL CHAPTERS */
.zaeth-chapters .zaeth-view-all {
  display: block !important;
  width: fit-content !important;
  margin: 0 auto !important;
  text-align: center !important;
}


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

@media screen and (max-width: 768px) {

  .zaeth-chapters {
    padding-top: 65px !important;
    padding-bottom: 85px !important;
  }

  .zaeth-chapters .zaeth-section-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* GAP ABOVE CHAPTER I */
  .zaeth-chapters .zaeth-eyebrow {
    margin: 0 0 22px 0 !important;
  }

  /* GAP BETWEEN TITLE + DESCRIPTION */
  .zaeth-chapters .zaeth-title {
    margin: 0 0 22px 0 !important;
  }

  /* GAP BETWEEN DESCRIPTION + VIEW ALL */
  .zaeth-chapters .zaeth-subtitle {
    margin: 0 0 48px 0 !important;
  }

  /* CENTER VIEW ALL */
  .zaeth-chapters .zaeth-view-all {
    display: block !important;
    width: fit-content !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
}


/* ---------- SMALL PHONES ---------- */

@media screen and (max-width: 390px) {

  .zaeth-chapters {
    padding-top: 55px !important;
    padding-bottom: 70px !important;
  }

  .zaeth-chapters .zaeth-subtitle {
    margin-bottom: 42px !important;
  }
}

/* GAP BETWEEN COMMUNITY BUTTON AND CHAPTER I */

.zaeth-chapters {
  margin-top: 70px !important;
}

/* MOBILE */
@media screen and (max-width: 768px) {
  .zaeth-chapters {
    margin-top: 45px !important;
  }
}

/* =========================================================
   ZAETH — COMMUNITY BUTTON → CHAPTER GAP
   FINAL FIX
   ========================================================= */

/* DESKTOP */
@media screen and (min-width: 769px) {

  .zaeth-chapters {
    margin-top: 90px !important;
  }

}

/* MOBILE */
@media screen and (max-width: 768px) {

  .zaeth-chapters {
    margin-top: 55px !important;
  }

}

/* SMALL PHONES */
@media screen and (max-width: 390px) {

  .zaeth-chapters {
    margin-top: 45px !important;
  }

}

/* =========================================================
   ZAETH — COMMUNITY BUTTON → CHAPTER GAP
   REAL FIX
   ========================================================= */

.zaeth-tribe {
  padding-bottom: 180px !important;
}

.zaeth-tribe .zaeth-featured-btn {
  margin-bottom: 0 !important;
}


/* MOBILE */
@media screen and (max-width: 768px) {

  .zaeth-tribe {
    padding-bottom: 70px !important;
  }

}


/* SMALL PHONES */
@media screen and (max-width: 390px) {

  .zaeth-tribe {
    padding-bottom: 60px !important;
  }

}

/* =========================================================
   ZAETH — COMMUNITY BUTTON → CHAPTER I
   DIRECT GAP FIX
   ========================================================= */

.zaeth-chapters .zaeth-section-header > div {
  padding-top: 75px !important;
}


/* MOBILE */
@media screen and (max-width: 768px) {

  .zaeth-chapters .zaeth-section-header > div {
    padding-top: 50px !important;
  }

}


/* SMALL PHONES */
@media screen and (max-width: 390px) {

  .zaeth-chapters .zaeth-section-header > div {
    padding-top: 45px !important;
  }

}

/* CENTER CHAPTER I */
.zaeth-chapters .zaeth-section-header {
  text-align: center !important;
}

.zaeth-chapters .zaeth-section-header > div {
  text-align: center !important;
}

.zaeth-chapters .zaeth-eyebrow {
  text-align: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =========================================================
   CORE HERO — HIDE DURING ZAETH INTRO
   ========================================================= */

body.zaeth-legend-open .zaeth-hero__content {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ==========================================================
   ZAETH — REMOVE LEFTOVER INTRO OVERLAY
   ========================================================== */

.zaeth-intro,
.zaeth-intro-overlay,
.zaeth-intro-screen,
.zaeth-intro-animation {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Remove intro scroll indicator */
.zaeth-intro .scroll,
.zaeth-intro .scroll-indicator,
.zaeth-intro__scroll,
.zaeth-intro-scroll,
.zaeth-scroll {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Remove intro tagline */
.zaeth-intro h1,
.zaeth-intro h2,
.zaeth-intro p,
.zaeth-intro .tagline,
.zaeth-intro .zaeth-tagline {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* =========================================================
   ZAETH INTRO — CLEAN BLACK SCREEN + NO HOME PAGE FLASH
   ========================================================= */

/* Keep the page itself black while intro loads */
html,
body {
  background: #000 !important;
}

/* Intro must completely cover the website underneath */
[class*="zaeth-intro"],
[id*="zaeth-intro"] {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;

  background: #000 !important;
  background-image: none !important;

  z-index: 999999 !important;
}

/* REMOVE THE ORANGE LIGHT / GLOW */
[class*="zaeth-intro"]::before,
[class*="zaeth-intro"]::after,
[id*="zaeth-intro"]::before,
[id*="zaeth-intro"]::after {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Make sure the website cannot show through the intro */
[class*="zaeth-intro"] {
  isolation: isolate !important;
}

/* Prevent horizontal/vertical flash during intro */
html,
body {
  overflow-x: hidden !important;
}
/* ============================================================
   ZAETH INTRO — FINAL BLACK / NO FLASH FIX
   ============================================================ */

/* Keep intro completely black */
#zaeth-intro {
  background: #000000 !important;
}

/* REMOVE ALL WARM / ORANGE LIGHT FROM INTRO */
#zaeth-intro .z-smoke,
#zaeth-intro .z-haze,
#zaeth-intro .z-vanish,
#zaeth-intro .z-brazier,
#zaeth-intro .z-flood,
#zaeth-intro .z-veil {
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
  box-shadow: none !important;
}

/* Remove warm procedural backgrounds */
#zaeth-intro .z-bg {
  background: #000000 !important;
}

/* Intro itself must cover EVERYTHING immediately */
#zaeth-intro {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: #000000 !important;
}

/* Prevent homepage from showing through during intro */
html.zaeth-lock,
html.zaeth-lock body,
body.zaeth-lock {
  overflow: hidden !important;
  background: #000000 !important;
}

/* Hide the complete homepage while intro is active */
html.zaeth-lock body > *:not(#zaeth-intro) {
  visibility: hidden !important;
}

/* But keep the intro visible */
html.zaeth-lock #zaeth-intro {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Do NOT allow homepage elements to flash during first paint */
html.zaeth-lock .shopify-section,
html.zaeth-lock header,
html.zaeth-lock main,
html.zaeth-lock footer {
  visibility: hidden !important;
}

/* =========================================================
   ZAETH INTRO — HARD HOMEPAGE HIDE
   NO FLASH + NO ORANGE HERO GLOW
   ========================================================= */

/* Hide homepage BEFORE JavaScript runs */
body:has(#zaeth-legend) .zaeth-home,
body:has(#zaeth-legend) .zaeth-header,
body:has(#zaeth-legend) #MainContent {
  visibility: hidden !important;
  opacity: 0 !important;
}

/* NEVER allow the homepage fire/orange glow during intro */
body:has(#zaeth-legend) .zaeth-hero::after {
  display: none !important;
  content: none !important;
  animation: none !important;
  opacity: 0 !important;
  background: none !important;
}

/* Keep intro completely black */
#zaeth-legend {
  background: #000000 !important;
}

/* Intro itself stays visible */
body:has(#zaeth-legend) #zaeth-legend {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Remove any possible warm glow from intro itself */
#zaeth-legend::before,
#zaeth-legend::after {
  background: none !important;
  box-shadow: none !important;
}

/* Make the intro background PURE BLACK */
#zaeth-legend,
#zaeth-legend .zl-intro {
  background: #000000 !important;
}

/* =========================================================
   ZAETH ESSENTIAL — GLOBAL TEXT SIZE
   Detect Essential page from its Showcase section
   ========================================================= */

body:has(.section-zaeth-essential-showcase) {

  /* GLOBAL READABILITY */
  --zaeth-essential-body-size: 16px;
  --zaeth-essential-small-size: 13px;
}


/* =========================================================
   ESSENTIAL PAGE — NORMAL TEXT
   ========================================================= */

body:has(.section-zaeth-essential-showcase)
.zaeth-essential-showcase p,

body:has(.section-zaeth-essential-showcase)
.zaeth-ex__description,

body:has(.section-zaeth-essential-showcase)
.zaeth-ex__body,

body:has(.section-zaeth-essential-showcase)
.zaeth-ex__text {
  font-size: var(--zaeth-essential-body-size) !important;
  line-height: 1.65 !important;
}


/* =========================================================
   ESSENTIAL SHOWCASE
   ========================================================= */

body:has(.section-zaeth-essential-showcase)
.zaeth-essential-showcase .zes-description {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

body:has(.section-zaeth-essential-showcase)
.zaeth-essential-showcase .zes-eyebrow {
  font-size: 13px !important;
}

body:has(.section-zaeth-essential-showcase)
.zaeth-essential-showcase .zes-active-details {
  font-size: 13px !important;
}

body:has(.section-zaeth-essential-showcase)
.zaeth-essential-showcase .zes-active-title {
  font-size: 19px !important;
}

body:has(.section-zaeth-essential-showcase)
.zaeth-essential-showcase .zes-active-price {
  font-size: 23px !important;
}

body:has(.section-zaeth-essential-showcase)
.zaeth-essential-showcase .zes-card-name {
  font-size: 16px !important;
}

body:has(.section-zaeth-essential-showcase)
.zaeth-essential-showcase .zes-card-details {
  font-size: 12px !important;
}

body:has(.section-zaeth-essential-showcase)
.zaeth-essential-showcase .zes-card-price {
  font-size: 16px !important;
}


/* =========================================================
   ALL ESSENTIAL SECTION HEADINGS
   ========================================================= */

body:has(.section-zaeth-essential-showcase)
.zaeth-ex h1,

body:has(.section-zaeth-essential-showcase)
.zaeth-ex h2,

body:has(.section-zaeth-essential-showcase)
.zaeth-ex h3,

body:has(.section-zaeth-essential-showcase)
.zaeth-ex h4 {
  line-height: 1 !important;
}


/* =========================================================
   ESSENTIAL HEADER
   ========================================================= */

body:has(.section-zaeth-essential-showcase)
.zaeth-header a,

body:has(.section-zaeth-essential-showcase)
.zaeth-core-header a {
  font-size: 14px !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 749px) {

  body:has(.section-zaeth-essential-showcase)
  .zaeth-essential-showcase .zes-description {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  body:has(.section-zaeth-essential-showcase)
  .zaeth-essential-showcase .zes-eyebrow {
    font-size: 11px !important;
  }

  body:has(.section-zaeth-essential-showcase)
  .zaeth-essential-showcase .zes-active-title {
    font-size: 18px !important;
  }

  body:has(.section-zaeth-essential-showcase)
  .zaeth-essential-showcase .zes-active-details {
    font-size: 12px !important;
  }

  body:has(.section-zaeth-essential-showcase)
  .zaeth-essential-showcase .zes-active-price {
    font-size: 22px !important;
  }

  body:has(.section-zaeth-essential-showcase)
  .zaeth-header a,

  body:has(.section-zaeth-essential-showcase)
  .zaeth-core-header a {
    font-size: 13px !important;
  }
}