/* ==========================================================
   AD LIFESTYLE V2
   COMPONENTS.CSS
   Luxury Component Library
   ========================================================== */

/* ==========================================================
   LOADER
   ========================================================== */

.loader{
    position:fixed;
    inset:0;
    z-index:var(--z-loader);

    display:grid;
    place-items:center;

    background:var(--background);

    transition:opacity .8s ease, visibility .8s ease;
}

.loader.hide{
    opacity:0;
    visibility:hidden;
}

.loader-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:24px;
}

.loader-logo{
    width:110px;
    animation:pulse 2.5s infinite;
}

.loader-ring{
    width:44px;
    height:44px;

    border-radius:50%;
    border:2px solid rgba(198,163,90,.15);
    border-top-color:var(--primary);

    animation:spin 1s linear infinite;
}


/* ==========================================================
   NAVBAR
   ========================================================== */

.navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:var(--header-height);

    z-index:var(--z-header);

    backdrop-filter:blur(var(--glass-blur));
    -webkit-backdrop-filter:blur(var(--glass-blur));

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

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

    transition:var(--transition);
}

body[data-theme="alpha"] .navbar{
    background:rgba(16,12,10,.55);
}

.navbar.scrolled{
    box-shadow:var(--shadow-sm);
}

.nav-wrapper{
    height:100%;

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

.logo{
    display:flex;
    align-items:center;
    gap:14px;

    cursor:pointer;
}

.logo img{
    width:42px;
}

.logo span{
    font-weight:700;
    font-size:1.05rem;
    color:var(--text);
}

.nav-links{
    display:flex;
    align-items:center;
    gap:36px;
}

.nav-links a{
    position:relative;

    font-weight:500;

    color:var(--text-soft);

    transition:var(--transition-fast);
}

.nav-links a:hover,
.nav-links a.active{
    color:var(--text);
}

.nav-links a::after{
    content:"";

    position:absolute;
    left:0;
    bottom:-10px;

    width:0;
    height:2px;

    border-radius:999px;

    background:var(--primary);

    transition:var(--transition-fast);
}

.nav-links a:hover::after,
.nav-links a.active::after{
    width:100%;
}

.menu-toggle{
    display:none;

    width:48px;
    height:48px;

    border-radius:50%;

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

    align-items:center;
    justify-content:center;
}

.mobile-menu{
    position:fixed;
    top:var(--header-height);
    right:-100%;

    width:280px;

    background:var(--surface);

    box-shadow:var(--shadow-lg);

    transition:var(--transition);

    z-index:var(--z-menu);

    display:flex;
    flex-direction:column;
}

.mobile-menu.open{
    right:0;
}

.mobile-menu a{
    padding:20px 24px;
    border-bottom:1px solid var(--border);
}


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

.btn{
    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    height:56px;

    padding:0 32px;

    border-radius:var(--radius-full);

    font-weight:600;
    font-size:.95rem;

    overflow:hidden;

    transition:var(--transition);

    cursor:pointer;
}

.btn:hover{
    transform:translateY(-4px);
}

.btn-primary{
    color:#fff;

    background:var(--gold-gradient);

    box-shadow:var(--shadow-gold);
}

.btn-secondary{
    color:#fff;
    background:var(--accent);
}

.btn-outline{
    border:1px solid var(--primary);
    color:var(--primary);
    background:transparent;
}

.btn-glass{
    background:var(--glass-bg);

    border:1px solid var(--glass-border);

    backdrop-filter:blur(18px);

    color:var(--text);
}

.btn::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.35),
            transparent
        );

    transform:translateX(-140%);

    transition:1s;
}

.btn:hover::before{
    transform:translateX(140%);
}


/* ==========================================================
   BADGES
   ========================================================== */

.badge{
    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:10px 18px;

    border-radius:999px;

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

    backdrop-filter:blur(14px);

    color:var(--primary);

    font-size:.75rem;
    font-weight:700;

    letter-spacing:.12em;
    text-transform:uppercase;
}

.badge::before{
    content:"";

    width:8px;
    height:8px;

    border-radius:50%;

    background:var(--primary);
}


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

.hero{
    background:var(--hero-gradient);
}

.hero-content{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:18px;
}

.hero-actions{
    display:flex;
    gap:18px;
    margin-top:14px;
    flex-wrap:wrap;
}

.hero-visual{
    position:relative;
}

.hero-product{
    position:relative;
    width:min(540px,100%);
}

.hero-product img{
    width:100%;
    position:relative;
    z-index:3;
}

.product-glow{
    position:absolute;
    inset:15%;

    border-radius:50%;

    background:radial-gradient(circle,var(--primary),transparent 70%);

    filter:blur(70px);

    opacity:.35;
}


/* ==========================================================
   AURORA BACKGROUND
   ========================================================== */

.aurora{
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none;
}

.blob{
    position:absolute;

    border-radius:50%;

    filter:blur(80px);

    opacity:.22;

    animation:float 16s infinite ease-in-out;
}

.blob-1{
    width:320px;
    height:320px;

    background:var(--primary);

    top:-80px;
    left:-40px;
}

.blob-2{
    width:260px;
    height:260px;

    background:var(--accent);

    bottom:30px;
    right:-60px;

    animation-delay:3s;
}

.blob-3{
    width:220px;
    height:220px;

    background:#fff;

    left:45%;
    top:40%;

    animation-delay:6s;
}


/* ==========================================================
   GLASS CARD
   ========================================================== */

.glass{
    background:var(--glass-bg);

    border:1px solid var(--glass-border);

    backdrop-filter:blur(22px);

    border-radius:var(--radius-xl);

    box-shadow:var(--shadow-md);
}


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

.card{
    position:relative;

    background:var(--surface);

    border:1px solid var(--border);

    border-radius:var(--radius-lg);

    padding:32px;

    transition:var(--transition);

    overflow:hidden;
}

.card:hover{
    transform:translateY(-8px);

    box-shadow:var(--shadow-md);
}

.card::after{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:4px;

    background:var(--gold-gradient);

    transform:scaleX(0);

    transform-origin:left;

    transition:var(--transition);
}

.card:hover::after{
    transform:scaleX(1);
}


/* ==========================================================
   BENTO CARD
   ========================================================== */

.bento-card{
    position:relative;

    min-height:240px;

    padding:36px;

    border-radius:var(--radius-xl);

    background:var(--surface);

    overflow:hidden;

    border:1px solid var(--border);

    transition:var(--transition);
}

.bento-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow-lg);
}

.bento-card::before{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:-80px;
    top:-80px;

    border-radius:50%;

    background:radial-gradient(circle,var(--primary),transparent 70%);

    opacity:.08;
}


/* ==========================================================
   PRODUCT CARD
   ========================================================== */

.product-card{
    cursor:pointer;
}

.product-image{
    position:relative;

    aspect-ratio:1;

    display:grid;
    place-items:center;

    margin-bottom:24px;
}

.product-image img{
    width:76%;

    transition:.6s cubic-bezier(.22,.61,.36,1);
}

.product-card:hover img{
    transform:
        scale(1.08)
        rotate(-4deg)
        translateY(-6px);
}

.product-card .orb{
    position:absolute;

    width:180px;
    height:180px;

    border-radius:50%;

    background:radial-gradient(circle,var(--primary),transparent);

    filter:blur(40px);

    opacity:.15;

    transition:var(--transition);
}

.product-card:hover .orb{
    transform:scale(1.2);
    opacity:.25;
}

.product-category{
    font-size:.72rem;
    font-weight:700;

    letter-spacing:.12em;
    text-transform:uppercase;

    color:var(--primary);

    margin-bottom:10px;
}


/* ==========================================================
   SERVICE CARD
   ========================================================== */

.service-card{
    text-align:center;
}

.service-icon{
    width:72px;
    height:72px;

    margin:0 auto 22px;

    display:grid;
    place-items:center;

    border-radius:22px;

    background:rgba(198,163,90,.12);

    color:var(--primary);

    font-size:1.8rem;
}


/* ==========================================================
   ICON LIST
   ========================================================== */

.icon-circle{
    width:44px;
    height:44px;

    border-radius:50%;

    display:grid;
    place-items:center;

    background:var(--secondary);

    color:var(--primary);

    font-weight:700;

    flex-shrink:0;
}


/* ==========================================================
   TIMELINE
   ========================================================== */

.timeline{
    position:relative;
    padding-left:24px;
}

.timeline::before{
    content:"";

    position:absolute;
    left:22px;
    top:0;
    bottom:0;

    width:2px;

    background:var(--border);
}

.timeline-item{
    position:relative;

    display:flex;
    gap:22px;

    margin-bottom:32px;
}

.timeline-dot{
    width:46px;
    height:46px;

    border-radius:50%;

    background:var(--gold-gradient);

    display:grid;
    place-items:center;

    color:#fff;
    font-weight:700;

    z-index:2;
}

.timeline-content{
    padding-top:8px;
}


/* ==========================================================
   METRIC CARD
   ========================================================== */

.metric-card{
    text-align:center;

    padding:28px;

    border-radius:var(--radius-lg);

    background:var(--surface);

    border:1px solid var(--border);
}


/* ==========================================================
   TESTIMONIAL
   ========================================================== */

.testimonial{
    position:relative;
    min-height:260px;
}

.quote-mark{
    font-size:4rem;

    color:var(--primary);

    opacity:.12;

    line-height:1;
}

.person{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:24px;
}

.avatar{
    width:56px;
    height:56px;

    border-radius:50%;

    overflow:hidden;
}

.avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}


/* ==========================================================
   FAQ
   ========================================================== */

.faq{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.faq-item{
    border-radius:var(--radius-lg);

    background:var(--surface);

    border:1px solid var(--border);

    overflow:hidden;
}

.faq-question{
    width:100%;

    padding:24px 28px;

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

    font-weight:600;
}

.faq-answer{
    max-height:0;

    overflow:hidden;

    transition:max-height .45s ease;
}

.faq-answer p{
    padding:0 28px 24px;
}

.faq-item.active .faq-answer{
    max-height:260px;
}


/* ==========================================================
   SHOWCASE
   ========================================================== */

.showcase{
    position:relative;

    border-radius:var(--radius-2xl);

    overflow:hidden;

    background:var(--hero-gradient);

    padding:72px;
}

.showcase::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at top right,var(--primary),transparent 42%);

    opacity:.18;
}

.showcase-content{
    position:relative;
    z-index:2;
}


/* ==========================================================
   SOCIAL CARD
   ========================================================== */

.social-card{
    position:relative;

    aspect-ratio:1;

    overflow:hidden;

    border-radius:22px;

    cursor:pointer;
}

.social-card img{
    width:100%;
    height:100%;
    object-fit:cover;

    transition:.6s;
}

.social-card:hover img{
    transform:scale(1.08);
}

.social-overlay{
    position:absolute;
    inset:0;

    display:flex;
    align-items:end;

    padding:18px;

    color:#fff;

    background:
        linear-gradient(
            transparent,
            rgba(0,0,0,.55)
        );

    opacity:0;

    transition:var(--transition);
}

.social-card:hover .social-overlay{
    opacity:1;
}


/* ==========================================================
   FORM
   ========================================================== */

.input-group{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.input{
    height:56px;

    padding:0 18px;

    border-radius:16px;

    border:1px solid var(--border);

    background:var(--surface);

    transition:var(--transition-fast);
}

.input:focus{
    border-color:var(--primary);

    box-shadow:0 0 0 4px rgba(198,163,90,.12);
}

.textarea{
    min-height:160px;
    padding:18px;
    resize:vertical;
}


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

.footer{
    background:#111;
    color:#fff;

    padding:100px 0 32px;
}

.footer-logo{
    display:flex;
    align-items:center;
    gap:14px;

    margin-bottom:20px;
}

.footer-logo img{
    width:42px;
}

.footer-links{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.footer-links a{
    color:rgba(255,255,255,.72);

    transition:var(--transition-fast);
}

.footer-links a:hover{
    color:#fff;
}

.footer-bottom{
    margin-top:60px;

    padding-top:24px;

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

    text-align:center;

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


/* ==========================================================
   ALPHA THEME ADJUSTMENTS
   ========================================================== */

body[data-theme="alpha"] .card,
body[data-theme="alpha"] .bento-card,
body[data-theme="alpha"] .faq-item,
body[data-theme="alpha"] .metric-card{
    background:var(--surface);
}

body[data-theme="alpha"] .service-icon{
    background:rgba(212,175,55,.08);
}


/* ==========================================================
   NEW PRODUCT THEMES
   ========================================================== */

/* ==========================================================
   ALPHAMETA
   ========================================================== */

body[data-theme="alphameta"] .navbar{
    background:rgba(255,255,255,.62);
}

body[data-theme="alphameta"] .card::after{
    background:linear-gradient(90deg,#C6A35A,#E0C47A);
}

body[data-theme="alphameta"] .timeline-dot{
    background:linear-gradient(135deg,#C6A35A,#E0C47A);
}

body[data-theme="alphameta"] .service-icon{
    background:rgba(198,163,90,.12);
}

body[data-theme="alphameta"] .input:focus{
    box-shadow:0 0 0 4px rgba(198,163,90,.12);
}


/* ==========================================================
   MINOSEED
   ========================================================== */

body[data-theme="minoseed"] .navbar{
    background:rgba(255,255,255,.64);
}

body[data-theme="minoseed"] .card::after{
    background:linear-gradient(90deg,#A67C52,#C5A27A);
}

body[data-theme="minoseed"] .timeline-dot{
    background:linear-gradient(135deg,#A67C52,#C5A27A);
}

body[data-theme="minoseed"] .service-icon{
    background:rgba(166,124,82,.12);
}

body[data-theme="minoseed"] .input:focus{
    box-shadow:0 0 0 4px rgba(166,124,82,.12);
}


/* ==========================================================
   EVADOR
   ========================================================== */

body[data-theme="evador"] .navbar{
    background:rgba(255,255,255,.62);
}

body[data-theme="evador"] .card::after{
    background:linear-gradient(90deg,#B48A52,#D2B078);
}

body[data-theme="evador"] .timeline-dot{
    background:linear-gradient(135deg,#B48A52,#D2B078);
}

body[data-theme="evador"] .service-icon{
    background:rgba(180,138,82,.12);
}

body[data-theme="evador"] .input:focus{
    box-shadow:0 0 0 4px rgba(180,138,82,.12);
}


/* ==========================================================
   ALPHASPIN ULTRA
   ========================================================== */

body[data-theme="alphaspin-ultra"] .navbar{
    background:rgba(255,255,255,.64);
}

body[data-theme="alphaspin-ultra"] .card::after{
    background:linear-gradient(90deg,#4F8F8A,#72B5AE);
}

body[data-theme="alphaspin-ultra"] .timeline-dot{
    background:linear-gradient(135deg,#4F8F8A,#72B5AE);
}

body[data-theme="alphaspin-ultra"] .service-icon{
    background:rgba(79,143,138,.12);
}

body[data-theme="alphaspin-ultra"] .input:focus{
    box-shadow:0 0 0 4px rgba(79,143,138,.12);
}


/* ==========================================================
   iSMARTS3
   ========================================================== */

body[data-theme="ismarts3"] .navbar{
    background:rgba(255,255,255,.66);
}

body[data-theme="ismarts3"] .card::after{
    background:linear-gradient(90deg,#3B82F6,#60A5FA);
}

body[data-theme="ismarts3"] .timeline-dot{
    background:linear-gradient(135deg,#3B82F6,#60A5FA);
}

body[data-theme="ismarts3"] .service-icon{
    background:rgba(59,130,246,.10);
}

body[data-theme="ismarts3"] .input:focus{
    box-shadow:0 0 0 4px rgba(59,130,246,.10);
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width:992px){

    .nav-links{
        display:none;
    }

    .menu-toggle{
        display:flex;
    }

    .showcase{
        padding:48px;
    }

}

@media (max-width:768px){

    .hero-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .btn{
        width:100%;
    }

    .showcase{
        padding:36px 28px;
    }

    .card,
    .bento-card{
        padding:26px;
    }

    .timeline{
        padding-left:8px;
    }

}

/* ==========================================================
   AD LIFESTYLE — ABOUT PAGE COMPONENTS
   Institutional Premium Layer
   IMPORTANTE:
   Todas as regras estão isoladas em .about-page
   e não afectam as restantes páginas.
   ========================================================== */


/* ==========================================================
   01. VARIÁVEIS EXCLUSIVAS DA ABOUT
   ========================================================== */

.about-page{

    /* ---------- CORES ---------- */

    --about-gold:#b8944e;
    --about-gold-light:#d7bc7a;
    --about-gold-soft:rgba(184,148,78,.12);
    --about-gold-border:rgba(184,148,78,.28);

    --about-dark:#17130e;
    --about-dark-soft:#241d15;

    --about-text:#26221d;
    --about-text-soft:#6f685f;
    --about-text-muted:#91897f;

    --about-white:#ffffff;
    --about-surface:#faf9f7;
    --about-surface-soft:#f5f2ed;

    --about-border:rgba(31,27,22,.09);
    --about-border-strong:rgba(31,27,22,.14);

    /* ---------- SOMBRAS ---------- */

    --about-shadow-sm:
        0 8px 24px rgba(24,20,15,.06);

    --about-shadow-md:
        0 18px 50px rgba(24,20,15,.09);

    --about-shadow-lg:
        0 30px 80px rgba(24,20,15,.13);

    /* ---------- RAIOS ---------- */

    --about-radius-sm:12px;
    --about-radius-md:18px;
    --about-radius-lg:26px;
    --about-radius-xl:34px;

    /* ---------- ESPAÇAMENTO ---------- */

    --about-gap-xs:8px;
    --about-gap-sm:14px;
    --about-gap-md:20px;
    --about-gap-lg:28px;
    --about-gap-xl:40px;
    --about-gap-2xl:56px;

    /* ---------- TRANSIÇÕES ---------- */

    --about-transition:
        .35s cubic-bezier(.2,.7,.2,1);

    /* ---------- BORDA ---------- */

    --about-line:
        1px solid var(--about-border);

}


/* ==========================================================
   02. HERO
   ========================================================== */

.about-page .about-hero{
    position:relative;
    overflow:hidden;
}

.about-page .about-hero .hero-grid{
    position:relative;
    z-index:2;
}

.about-page .about-hero .hero-title{
    max-width:680px;
    letter-spacing:-.035em;
}

.about-page .about-hero .hero-sub{
    max-width:620px;
    line-height:1.75;
}

.about-page .about-hero .hero-actions{
    gap:12px;
}


/* ==========================================================
   03. HERO — IMAGEM DO CEO
   ========================================================== */

.about-page .about-leader-visual{

    position:relative;

    width:min(100%, 500px);
    min-height:520px;

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

    overflow:hidden;

    border-radius:var(--about-radius-xl);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.96),
            rgba(247,243,235,.88)
        );

    border:
        1px solid var(--about-gold-border);

    box-shadow:
        var(--about-shadow-lg);
}

.about-page .about-leader-visual::before{

    content:"";

    position:absolute;

    width:360px;
    height:360px;

    top:40px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(184,148,78,.18),
            transparent 68%
        );

    filter:blur(5px);

    pointer-events:none;
}

.about-page .about-leader-visual img{

    position:relative;
    z-index:2;

    display:block;

    width:100%;
    height:520px;

    object-fit:contain;
    object-position:center bottom;

    filter:
        drop-shadow(
            0 20px 35px rgba(0,0,0,.14)
        );
}


/* ==========================================================
   04. HERO — LEADER CAPTION
   ========================================================== */

.about-page .hero-leader-caption{

    position:absolute;

    left:22px;
    right:22px;
    bottom:22px;

    z-index:4;

    display:flex;
    flex-direction:column;

    padding:16px 18px;

    border-radius:16px;

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

    border:
        1px solid rgba(184,148,78,.20);

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

    box-shadow:
        0 12px 30px rgba(0,0,0,.08);
}

.about-page .hero-leader-caption span{

    font-size:11px;
    font-weight:700;

    letter-spacing:.14em;
    text-transform:uppercase;

    color:var(--about-gold);
}

.about-page .hero-leader-caption strong{

    margin-top:4px;

    font-size:17px;
    line-height:1.25;

    color:var(--about-dark);
}


/* ==========================================================
   05. QUEM SOMOS
   ========================================================== */

.about-page .about-introduction{
    align-items:center;
}

.about-page .about-introduction .split-content{
    padding-right:12px;
}

.about-page .about-introduction .text{
    color:var(--about-text-soft);
    line-height:1.78;
}


/* ==========================================================
   06. BENTO
   ========================================================== */

.about-page .about-bento{

    display:grid;

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

    gap:16px;

    width:100%;
}

.about-page .about-bento .card{

    position:relative;

    min-width:0;

    padding:24px;

    border-radius:var(--about-radius-md);

    border:
        1px solid var(--about-border);

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

    box-shadow:
        var(--about-shadow-sm);

    transition:
        transform var(--about-transition),
        box-shadow var(--about-transition),
        border-color var(--about-transition);
}

.about-page .about-bento .card:hover{

    transform:translateY(-4px);

    border-color:
        var(--about-gold-border);

    box-shadow:
        var(--about-shadow-md);
}

.about-page .about-bento-main{

    grid-column:1 / -1;

    padding:30px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f7f3eb
        );
}

.about-page .about-bento h3,
.about-page .about-bento h4{

    color:var(--about-dark);
}

.about-page .about-bento .text{

    color:var(--about-text-soft);
    line-height:1.65;
}


/* ==========================================================
   07. ÍCONES
   ========================================================== */

.about-page .service-icon{

    width:48px;
    height:48px;

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

    flex:none;

    border-radius:14px;

    color:var(--about-gold);

    background:
        var(--about-gold-soft);

    border:
        1px solid var(--about-gold-border);
}

.about-page .service-icon svg{

    width:23px;
    height:23px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.65;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.about-page .btn svg{

    width:18px;
    height:18px;

    flex:none;

    fill:none;

    stroke:currentColor;

    stroke-width:1.8;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.about-page .icon-circle svg{

    width:19px;
    height:19px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}


/* ==========================================================
   08. CEO PROFILE
   ========================================================== */

.about-page .ceo-profile{

    position:relative;

    overflow:hidden;

    border-radius:var(--about-radius-xl);

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f5f1e9
        );

    border:
        1px solid var(--about-border);

    box-shadow:
        var(--about-shadow-md);
}

.about-page .ceo-photo{

    position:relative;

    width:100%;

    min-height:500px;

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

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            #f8f6f2,
            #ece6db
        );
}

.about-page .ceo-photo::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(15,12,8,.14),
            transparent 45%
        );

    pointer-events:none;
}

.about-page .ceo-photo img{

    position:relative;
    z-index:1;

    width:100%;
    height:500px;

    object-fit:contain;
    object-position:center bottom;
}

.about-page .ceo-profile-info{

    padding:24px 26px 28px;
}

.about-page .ceo-profile-info h3{

    color:var(--about-dark);
}

.about-page .ceo-profile-info .text{

    color:var(--about-text-soft);
}


/* ==========================================================
   09. ICON LIST
   ========================================================== */

.about-page .icon-list{

    display:flex;
    flex-direction:column;

    gap:16px;
}

.about-page .icon-list.compact{
    gap:12px;
}

.about-page .icon-item{

    display:flex;
    align-items:flex-start;

    gap:13px;

    min-width:0;
}

.about-page .icon-item .icon-circle{

    width:38px;
    height:38px;

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

    flex:none;

    border-radius:50%;

    color:var(--about-gold);

    background:
        var(--about-gold-soft);

    border:
        1px solid var(--about-gold-border);
}

.about-page .icon-item strong{

    display:block;

    color:var(--about-dark);

    font-size:14px;
    line-height:1.4;
}

.about-page .icon-item .text{

    margin-top:3px;

    color:var(--about-text-soft);

    font-size:13px;
    line-height:1.55;
}


/* ==========================================================
   10. PRINCIPLE CARDS
   ========================================================== */

.about-page .principle-card{

    position:relative;

    height:100%;

    padding:28px;

    border-radius:var(--about-radius-lg);

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #faf8f4
        );

    border:
        1px solid var(--about-border);

    box-shadow:
        var(--about-shadow-sm);

    transition:
        transform var(--about-transition),
        box-shadow var(--about-transition),
        border-color var(--about-transition);
}

.about-page .principle-card:hover{

    transform:translateY(-5px);

    border-color:
        var(--about-gold-border);

    box-shadow:
        var(--about-shadow-md);
}

.about-page .principle-card-header{

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

    gap:20px;
}

.about-page .principle-index{

    font-size:10px;
    font-weight:800;

    letter-spacing:.14em;
    text-transform:uppercase;

    color:var(--about-gold);
}

.about-page .principle-card h3{

    color:var(--about-dark);
}

.about-page .principle-card .text{

    color:var(--about-text-soft);

    line-height:1.7;
}


/* ==========================================================
   11. TIMELINE
   ========================================================== */

.about-page .premium-timeline{

    position:relative;

    display:grid;

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

    gap:18px;
}

.about-page .premium-timeline::before{

    content:"";

    position:absolute;

    top:30px;

    left:8%;
    right:8%;

    height:1px;

    background:
        var(--about-gold-border);

    z-index:0;
}

.about-page .premium-timeline .timeline-item{

    position:relative;
    z-index:1;

    display:flex;
    flex-direction:column;

    gap:18px;

    min-width:0;
}

.about-page .timeline-dot{

    width:60px;
    height:60px;

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

    border-radius:50%;

    color:var(--about-gold);

    background:
        var(--about-white);

    border:
        1px solid var(--about-gold-border);

    box-shadow:
        0 8px 20px rgba(0,0,0,.06);
}

.about-page .timeline-dot span{

    font-size:12px;
    font-weight:800;

    letter-spacing:.08em;
}

.about-page .timeline-content{

    padding:22px;

    min-height:190px;

    border-radius:var(--about-radius-md);

    background:
        var(--about-white);

    border:
        1px solid var(--about-border);

    box-shadow:
        var(--about-shadow-sm);
}

.about-page .timeline-content h3{

    color:var(--about-dark);
}

.about-page .timeline-content .text{

    color:var(--about-text-soft);
    line-height:1.65;
}


/* ==========================================================
   12. PARTNER CARDS
   ========================================================== */

.about-page .partner-card{

    position:relative;

    height:100%;

    padding:30px;

    border-radius:var(--about-radius-lg);

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #faf8f4
        );

    border:
        1px solid var(--about-border);

    box-shadow:
        var(--about-shadow-sm);

    transition:
        transform var(--about-transition),
        box-shadow var(--about-transition),
        border-color var(--about-transition);
}

.about-page .partner-card:hover{

    transform:translateY(-5px);

    border-color:
        var(--about-gold-border);

    box-shadow:
        var(--about-shadow-md);
}

.about-page .partner-card-top{

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

    gap:20px;

    flex-wrap:wrap;
}

.about-page .partner-logo{

    height:56px;

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

    max-width:210px;
}

.about-page .partner-logo img{

    display:block;

    max-width:190px;
    max-height:54px;

    width:auto;
    height:auto;

    object-fit:contain;
}

.about-page .partner-card h2{

    color:var(--about-dark);
}

.about-page .partner-card > .text{

    color:var(--about-text-soft);
    line-height:1.7;
}


/* ==========================================================
   13. STRATEGIC CARDS
   ========================================================== */

.about-page .strategic-card{

    height:100%;

    padding:25px;

    border-radius:var(--about-radius-md);

    background:
        var(--about-white);

    border:
        1px solid var(--about-border);

    box-shadow:
        var(--about-shadow-sm);

    transition:
        transform var(--about-transition),
        box-shadow var(--about-transition),
        border-color var(--about-transition);
}

.about-page .strategic-card:hover{

    transform:translateY(-4px);

    border-color:
        var(--about-gold-border);

    box-shadow:
        var(--about-shadow-md);
}

.about-page .strategic-card h3{

    color:var(--about-dark);
}

.about-page .strategic-card .text{

    color:var(--about-text-soft);

    line-height:1.65;
}


/* ==========================================================
   14. GLASS PANEL — APENAS ABOUT
   ========================================================== */

.about-page .glass-panel{

    border:
        1px solid var(--about-border);

    box-shadow:
        var(--about-shadow-sm);
}


/* ==========================================================
   15. SHOWCASE / CTA
   ========================================================== */

.about-page .showcase{

    position:relative;

    overflow:hidden;

    border-radius:var(--about-radius-xl);

    border:
        1px solid var(--about-gold-border);

    box-shadow:
        var(--about-shadow-lg);
}

.about-page .showcase-content{

    position:relative;
    z-index:2;

    padding:72px 48px;
}

.about-page .showcase .section-title{

    max-width:680px;
}

.about-page .showcase .text-lg{

    max-width:650px;

    color:var(--about-text-soft);

    line-height:1.75;
}


/* ==========================================================
   16. RESPONSIVIDADE ABOUT — TABLET
   ========================================================== */

@media (max-width:1024px){

    .about-page .premium-timeline{

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

    .about-page .premium-timeline::before{
        display:none;
    }

    .about-page .about-leader-visual{

        min-height:460px;
    }

    .about-page .about-leader-visual img{

        height:460px;
    }

    .about-page .ceo-photo{

        min-height:440px;
    }

    .about-page .ceo-photo img{

        height:440px;
    }

}


/* ==========================================================
   17. RESPONSIVIDADE ABOUT — MOBILE
   ========================================================== */

@media (max-width:720px){

    .about-page .about-bento{

        grid-template-columns:1fr;
    }

    .about-page .about-bento-main{

        grid-column:auto;
    }

    .about-page .about-leader-visual{

        min-height:380px;

        border-radius:24px;
    }

    .about-page .about-leader-visual img{

        height:380px;
    }

    .about-page .hero-leader-caption{

        left:14px;
        right:14px;
        bottom:14px;

        padding:13px 15px;
    }

    .about-page .ceo-photo{

        min-height:380px;
    }

    .about-page .ceo-photo img{

        height:380px;
    }

    .about-page .ceo-profile-info{

        padding:20px;
    }

    .about-page .principle-card,
    .about-page .partner-card,
    .about-page .strategic-card{

        padding:22px;
    }

    .about-page .premium-timeline{

        grid-template-columns:1fr;
    }

    .about-page .timeline-content{

        min-height:auto;
    }

    .about-page .showcase-content{

        padding:48px 24px;
    }

    .about-page .partner-card-top{

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

}


/* ==========================================================
   18. REDUÇÃO DE MOVIMENTO
   ========================================================== */

@media (prefers-reduced-motion:reduce){

    .about-page .card,
    .about-page .principle-card,
    .about-page .partner-card,
    .about-page .strategic-card{

        transition:none;
    }

}

/* ==========================================================
   AD LIFESTYLE — CONTACT PAGE
   Premium Contact Experience
   ========================================================== */

/* ==========================================================
   01. CONTACT PAGE — BASE
   ========================================================== */

.contact-page{
    --contact-gold: var(--color-gold, #b9975b);
    --contact-gold-light: var(--color-gold-light, #d7bd82);
    --contact-brown: var(--color-brown, #2c2118);
    --contact-dark: var(--color-dark, #17130f);
    --contact-text: var(--text-primary, #211b16);
    --contact-muted: var(--text-secondary, #756d65);
    --contact-soft: #faf8f4;
    --contact-border: rgba(185,151,91,.18);
    --contact-border-dark: rgba(255,255,255,.12);
    --contact-shadow:
        0 24px 70px rgba(39,29,19,.08);
    --contact-shadow-hover:
        0 30px 90px rgba(39,29,19,.14);

    width:100%;
    overflow:hidden;
    color:var(--contact-text);
    background:#fff;
}


/* ==========================================================
   02. GLOBAL CONTACT HELPERS
   ========================================================== */

.contact-page *,
.contact-page *::before,
.contact-page *::after{
    box-sizing:border-box;
}

.contact-page img{
    max-width:100%;
    display:block;
}

.contact-page button,
.contact-page input,
.contact-page textarea{
    font:inherit;
}

.contact-page svg{
    width:1em;
    height:1em;
    display:block;
    flex-shrink:0;
}

.contact-page .container,
.contact-page .container-sm{
    position:relative;
    z-index:2;
}

.contact-page .section-center{
    text-align:center;
}

.contact-page .center{
    justify-content:center;
}

.contact-page .mt-2{
    margin-top:14px;
}

.contact-page .mt-5{
    margin-top:48px;
}


/* ==========================================================
   03. CONTACT HERO
   ========================================================== */

.contact-page .contact-hero{
    position:relative;
    min-height:720px;
    display:flex;
    align-items:center;
    isolation:isolate;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 78% 30%,
            rgba(210,184,123,.15),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #fff 0%,
            #fcfaf6 52%,
            #f7f1e7 100%
        );
}

.contact-page .contact-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:180px;
    background:
        linear-gradient(
            to top,
            rgba(255,255,255,1),
            rgba(255,255,255,0)
        );
    pointer-events:none;
    z-index:1;
}


/* ==========================================================
   04. HERO AURORA
   ========================================================== */

.contact-page .aurora{
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none;
    z-index:0;
}

.contact-page .aurora::before,
.contact-page .aurora::after{
    content:"";
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    opacity:.35;
}

.contact-page .aurora::before{
    width:480px;
    height:480px;
    top:-160px;
    right:-100px;
    background:rgba(203,170,103,.18);
}

.contact-page .aurora::after{
    width:420px;
    height:420px;
    bottom:-180px;
    left:-120px;
    background:rgba(190,151,84,.10);
}

.contact-page .blob{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    filter:blur(60px);
}

.contact-page .blob-1{
    width:280px;
    height:280px;
    top:18%;
    right:32%;
    background:rgba(220,194,139,.10);
}

.contact-page .blob-2{
    width:220px;
    height:220px;
    bottom:8%;
    right:12%;
    background:rgba(185,151,91,.09);
}

.contact-page .blob-3{
    width:180px;
    height:180px;
    top:12%;
    left:8%;
    background:rgba(238,223,194,.20);
}


/* ==========================================================
   05. HERO GRID
   ========================================================== */

.contact-page .hero-grid{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
    align-items:center;
    gap:70px;
}

.contact-page .hero-content{
    position:relative;
    z-index:3;
    max-width:680px;
}

.contact-page .hero-title{
    max-width:720px;
    margin:20px 0 0;
    color:var(--contact-dark);
}

.contact-page .hero-sub{
    max-width:610px;
    margin-top:22px;
    color:var(--contact-muted);
    line-height:1.85;
    font-size:17px;
}


/* ==========================================================
   06. HERO BADGE
   ========================================================== */

.contact-page .hero-content .badge{
    display:inline-flex;
    align-items:center;
    gap:9px;

    min-height:36px;
    padding:8px 15px;

    border:1px solid rgba(185,151,91,.25);
    border-radius:999px;

    background:rgba(255,255,255,.68);
    backdrop-filter:blur(12px);

    color:var(--contact-brown);
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;

    box-shadow:0 10px 30px rgba(43,32,21,.04);
}


/* ==========================================================
   07. HERO ACTIONS
   ========================================================== */

.contact-page .hero-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
    margin-top:34px;
}

.contact-page .hero-actions.center{
    justify-content:center;
}

.contact-page .hero-actions .btn{
    min-width:170px;
}

.contact-page .hero-actions .btn svg{
    width:18px;
    height:18px;
}


/* ==========================================================
   08. HERO META
   ========================================================== */

.contact-page .contact-hero-meta{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:32px;

    color:var(--contact-muted);
    font-size:14px;
}

.contact-page .contact-hero-meta > svg{
    width:20px;
    height:20px;
    color:var(--contact-gold);
}

.contact-page .contact-hero-meta strong{
    display:block;
    color:var(--contact-text);
    font-weight:700;
    margin-bottom:3px;
}


/* ==========================================================
   09. HERO VISUAL
   ========================================================== */

.contact-page .hero-visual{
    position:relative;
    min-height:560px;

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

    z-index:2;
}

.contact-page .hero-product.contact-hero-visual{
    position:relative;
    width:min(100%,540px);
    height:500px;

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

.contact-page .product-glow{
    position:absolute;
    width:370px;
    height:370px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(196,161,94,.25),
            rgba(196,161,94,.06) 45%,
            transparent 72%
        );

    filter:blur(8px);
}

.contact-page .contact-hero-visual img{
    position:relative;
    z-index:3;

    width:min(88%,430px);
    max-height:450px;

    object-fit:contain;

    filter:
        drop-shadow(0 35px 45px rgba(44,33,24,.16));
}


/* ==========================================================
   10. HERO ORBIT
   ========================================================== */

.contact-page .contact-hero-orbit{
    position:absolute;
    width:460px;
    height:460px;

    border:1px solid rgba(185,151,91,.20);
    border-radius:50%;

    transform:rotate(-18deg);
}

.contact-page .contact-hero-orbit::before{
    content:"";
    position:absolute;
    inset:32px;

    border:1px dashed rgba(185,151,91,.16);
    border-radius:50%;
}

.contact-page .contact-hero-orbit::after{
    content:"";
    position:absolute;
    width:9px;
    height:9px;
    top:22px;
    left:50%;

    border-radius:50%;
    background:var(--contact-gold);

    box-shadow:
        0 0 0 8px rgba(185,151,91,.10),
        0 0 30px rgba(185,151,91,.45);
}


/* ==========================================================
   11. HERO FLOATING CARD
   ========================================================== */

.contact-page .contact-hero-card{
    position:absolute;
    right:0;
    bottom:38px;

    z-index:5;

    min-width:190px;
    padding:18px 20px;

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

    background:rgba(255,255,255,.78);
    backdrop-filter:blur(18px);

    box-shadow:
        0 20px 50px rgba(43,32,21,.12);

    color:var(--contact-text);
}

.contact-page .contact-hero-card::before{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    bottom:18px;
    width:3px;
    border-radius:999px;
    background:var(--contact-gold);
}

.contact-page .contact-hero-card-label{
    display:block;
    margin-bottom:5px;

    color:var(--contact-gold);
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.contact-page .contact-hero-card strong{
    font-size:14px;
}


/* ==========================================================
   12. CONTACT INFORMATION SECTION
   ========================================================== */

.contact-page .contact-section{
    position:relative;
    background:#fff;
}

.contact-page .contact-cards-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}


/* ==========================================================
   13. CONTACT CARDS
   ========================================================== */

.contact-page .contact-card{
    position:relative;
    min-height:285px;

    display:flex;
    flex-direction:column;

    padding:25px;

    border:1px solid var(--contact-border);
    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #fcfaf7
        );

    box-shadow:var(--contact-shadow);

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.contact-page .contact-card::after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    top:-80px;
    right:-70px;

    border-radius:50%;
    background:rgba(185,151,91,.08);

    transition:transform .45s ease;
}

.contact-page .contact-card:hover{
    transform:translateY(-8px);
    border-color:rgba(185,151,91,.38);
    box-shadow:var(--contact-shadow-hover);
}

.contact-page .contact-card:hover::after{
    transform:scale(1.35);
}

.contact-page .contact-card-top{
    position:relative;
    z-index:2;

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

.contact-page .service-icon.contact-icon{
    width:52px;
    height:52px;

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

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(185,151,91,.15),
            rgba(185,151,91,.06)
        );

    color:var(--contact-gold);
}

.contact-page .service-icon.contact-icon svg{
    width:23px;
    height:23px;
}

.contact-page .contact-card-arrow{
    width:34px;
    height:34px;

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

    border:1px solid var(--contact-border);
    border-radius:50%;

    color:var(--contact-muted);

    transition:
        transform .3s ease,
        color .3s ease,
        background .3s ease;
}

.contact-page .contact-card:hover .contact-card-arrow{
    transform:translate(3px,-3px);
    color:#fff;
    background:var(--contact-gold);
}

.contact-page .contact-card-body{
    position:relative;
    z-index:2;
    flex:1;

    padding-top:28px;
}

.contact-page .contact-card-label{
    display:block;
    margin-bottom:8px;

    color:var(--contact-gold);
    font-size:11px;
    font-weight:800;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.contact-page .contact-card h3{
    margin:0 0 10px;
    color:var(--contact-dark);
    font-size:21px;
}

.contact-page .contact-value{
    color:var(--contact-muted);
    font-size:14px;
    line-height:1.65;
}

.contact-page .contact-card-footer{
    position:relative;
    z-index:2;

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

    margin-top:20px;

    color:var(--contact-brown);
    font-size:13px;
    font-weight:700;
}

.contact-page .contact-card-footer .arrow-right{
    width:17px;
    height:17px;

    transition:transform .25s ease;
}

.contact-page .contact-card:hover .arrow-right{
    transform:translateX(4px);
}


/* ==========================================================
   14. SOCIAL SECTION
   ========================================================== */

.contact-page .contact-social-section{
    background:var(--contact-soft);
}

.contact-page .contact-social-panel{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:60px;
    align-items:center;

    padding:45px;

    border:1px solid var(--contact-border);
    border-radius:30px;

    background:#fff;
    box-shadow:var(--contact-shadow);
}

.contact-page .contact-social-intro{
    max-width:430px;
}

.contact-page .contact-social-intro .label{
    color:var(--contact-gold);
}

.contact-page .contact-social-intro h2{
    margin-top:10px;
}

.contact-page .contact-social-intro p{
    margin-top:15px;
    color:var(--contact-muted);
    line-height:1.75;
}


/* ==========================================================
   15. SOCIAL LINKS
   ========================================================== */

.contact-page .social-links{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.contact-page .social-link{
    min-height:90px;

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

    padding:17px 18px;

    border:1px solid rgba(185,151,91,.14);
    border-radius:18px;

    background:#fcfaf7;

    color:var(--contact-text);
    text-decoration:none;

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.contact-page .social-link:hover{
    transform:translateY(-4px);
    border-color:rgba(185,151,91,.35);
    background:#fff;
    box-shadow:0 15px 35px rgba(43,32,21,.08);
}

.contact-page .social-icon{
    width:45px;
    height:45px;

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

    flex-shrink:0;

    border-radius:14px;

    background:#fff;
    color:var(--contact-gold);

    box-shadow:0 8px 20px rgba(43,32,21,.05);
}

.contact-page .social-icon svg{
    width:20px;
    height:20px;
    fill:currentColor;
}

.contact-page .social-link:nth-child(2) .social-icon svg{
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
}

.contact-page .social-info{
    min-width:0;
    flex:1;
}

.contact-page .social-info strong{
    display:block;
    color:var(--contact-dark);
    font-size:14px;
}

.contact-page .social-info span{
    display:block;
    margin-top:3px;

    color:var(--contact-muted);
    font-size:12px;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.contact-page .social-arrow{
    color:#aaa;
    transition:
        transform .25s ease,
        color .25s ease;
}

.contact-page .social-link:hover .social-arrow{
    transform:translateX(4px);
    color:var(--contact-gold);
}


/* ==========================================================
   16. LOCATION SECTION
   ========================================================== */

.contact-page .location-section{
    background:#fff;
}

.contact-page .location-layout{
    display:grid;
    grid-template-columns:.78fr 1.22fr;
    gap:55px;
    align-items:stretch;
}


/* ==========================================================
   17. LOCATION INFORMATION
   ========================================================== */

.contact-page .location-information{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.contact-page .location-information-header{
    display:flex;
    align-items:center;
    gap:17px;
    margin-bottom:28px;
}

.contact-page .location-symbol{
    width:55px;
    height:55px;

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

    border-radius:17px;

    background:
        linear-gradient(
            145deg,
            rgba(185,151,91,.17),
            rgba(185,151,91,.06)
        );

    color:var(--contact-gold);
}

.contact-page .location-symbol svg{
    width:24px;
    height:24px;
    fill:currentColor;
}

.contact-page .location-information-header h2{
    margin:0;
    color:var(--contact-dark);
}

.contact-page .location-information-line{
    width:65px;
    height:2px;
    margin-top:5px;
    border-radius:999px;
    background:var(--contact-gold);
}

.contact-page .location-list{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.contact-page .location-item{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.contact-page .location-item-icon{
    width:36px;
    height:36px;

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

    flex-shrink:0;

    border-radius:11px;

    background:#faf7f1;
    color:var(--contact-gold);
}

.contact-page .location-item-icon svg{
    width:17px;
    height:17px;
}

.contact-page .location-item strong{
    display:block;
    margin-bottom:4px;
    color:var(--contact-dark);
    font-size:14px;
}

.contact-page .location-item span{
    color:var(--contact-muted);
    font-size:13px;
    line-height:1.6;
}

.contact-page .location-button{
    margin-top:30px;
}


/* ==========================================================
   18. MAP CARD
   ========================================================== */

.contact-page .location-map-card{
    position:relative;
    overflow:hidden;

    min-height:490px;

    border:1px solid var(--contact-border);
    border-radius:30px;

    background:#f4f1eb;

    box-shadow:var(--contact-shadow);
}

.contact-page .map-topbar{
    position:absolute;
    top:0;
    left:0;
    right:0;

    z-index:5;

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

    min-height:64px;
    padding:0 22px;

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

    background:rgba(255,255,255,.86);
    backdrop-filter:blur(14px);
}

.contact-page .map-brand{
    display:flex;
    align-items:center;
    gap:9px;

    color:var(--contact-dark);
    font-size:13px;
    font-weight:800;
}

.contact-page .map-live-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#6e9d61;
    box-shadow:0 0 0 5px rgba(110,157,97,.12);
}

.contact-page .map-city{
    color:var(--contact-muted);
    font-size:12px;
}

.contact-page .map-frame{
    position:absolute;
    inset:0;
}

.contact-page .map-frame iframe{
    width:100%;
    height:100%;
    min-height:490px;

    display:block;

    border:0;
    filter:saturate(.78) contrast(.95);
}


/* ==========================================================
   19. MAP MARKER
   ========================================================== */

.contact-page .map-marker{
    position:absolute;
    left:50%;
    top:52%;

    z-index:6;

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

    pointer-events:none;
}

.contact-page .map-marker-pulse{
    position:absolute;
    width:55px;
    height:55px;

    left:50%;
    top:50%;

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

    border-radius:50%;
    background:rgba(185,151,91,.16);

    animation:contactMapPulse 2.2s infinite;
}

.contact-page .map-marker-icon{
    position:relative;

    width:48px;
    height:48px;

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

    border:4px solid #fff;
    border-radius:50% 50% 50% 5px;

    background:var(--contact-gold);

    color:#fff;

    transform:rotate(-45deg);

    box-shadow:
        0 12px 25px rgba(43,32,21,.25);
}

.contact-page .map-marker-icon svg{
    width:19px;
    height:19px;

    transform:rotate(45deg);
}

.contact-page .map-bottom{
    position:absolute;
    left:18px;
    right:18px;
    bottom:18px;

    z-index:7;

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

    padding:13px 16px;

    border:1px solid rgba(255,255,255,.7);
    border-radius:15px;

    background:rgba(255,255,255,.88);
    backdrop-filter:blur(15px);

    color:var(--contact-muted);
    font-size:12px;

    box-shadow:0 12px 30px rgba(43,32,21,.08);
}

.contact-page .map-bottom svg{
    width:17px;
    height:17px;
    color:var(--contact-gold);
}


/* ==========================================================
   20. CONTACT FORM
   ========================================================== */

.contact-page #contact-form{
    background:var(--contact-soft);
}

.contact-page .contact-form-panel{
    max-width:850px;
    margin:0 auto;

    padding:50px;

    border:1px solid var(--contact-border);
    border-radius:30px;

    background:#fff;

    box-shadow:var(--contact-shadow);
}

.contact-page .contact-form-header{
    max-width:650px;
    margin:0 auto 38px;
}

.contact-page .contact-form-header .label{
    color:var(--contact-gold);
}

.contact-page .contact-form-header p{
    margin-top:14px;
    color:var(--contact-muted);
    line-height:1.75;
}


/* ==========================================================
   21. FORM GRID
   ========================================================== */

.contact-page .form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.contact-page .input-group{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.contact-page .input-group.full,
.contact-page .input-group:has(.textarea){
    grid-column:1 / -1;
}

.contact-page .input-group label{
    color:var(--contact-dark);
    font-size:13px;
    font-weight:700;
}

.contact-page .input,
.contact-page .textarea{
    width:100%;

    border:1px solid #e8e1d8;
    border-radius:14px;

    background:#fcfbf9;

    color:var(--contact-text);

    outline:none;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.contact-page .input{
    height:54px;
    padding:0 16px;
}

.contact-page .textarea{
    min-height:150px;
    padding:15px 16px;
    resize:vertical;
    line-height:1.65;
}

.contact-page .input::placeholder,
.contact-page .textarea::placeholder{
    color:#aaa39b;
}

.contact-page .input:hover,
.contact-page .textarea:hover{
    border-color:#d8ccb9;
}

.contact-page .input:focus,
.contact-page .textarea:focus{
    border-color:var(--contact-gold);
    background:#fff;

    box-shadow:
        0 0 0 4px rgba(185,151,91,.10);
}

.contact-page .input:invalid:not(:placeholder-shown),
.contact-page .textarea:invalid:not(:placeholder-shown){
    border-color:rgba(178,82,72,.45);
}


/* ==========================================================
   22. FORM FOOTER
   ========================================================== */

.contact-page .contact-form-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;

    margin-top:28px;
    padding-top:22px;

    border-top:1px solid #eee8df;
}

.contact-page .form-security{
    display:flex;
    align-items:flex-start;
    gap:9px;

    max-width:390px;

    color:var(--contact-muted);
    font-size:11px;
    line-height:1.6;
}

.contact-page .form-security svg{
    width:16px;
    height:16px;

    margin-top:1px;

    color:var(--contact-gold);
}


/* ==========================================================
   23. FAQ
   ========================================================== */

.contact-page .contact-faq-section{
    background:#fff;
}

.contact-page .contact-faq{
    max-width:900px;
    margin:0 auto;
}

.contact-page .faq-item{
    border-bottom:1px solid #ebe4da;
}

.contact-page .faq-question{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;

    padding:23px 0;

    border:0;
    background:transparent;

    color:var(--contact-dark);

    text-align:left;
    font-size:15px;
    font-weight:700;

    cursor:pointer;
}

.contact-page .faq-question:hover{
    color:var(--contact-gold);
}

.contact-page .faq-plus{
    width:34px;
    height:34px;

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

    flex-shrink:0;

    border:1px solid var(--contact-border);
    border-radius:50%;

    color:var(--contact-gold);

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}

.contact-page .faq-plus svg{
    width:15px;
    height:15px;

    transition:transform .3s ease;
}

.contact-page .faq-item.active .faq-plus{
    background:var(--contact-gold);
    color:#fff;
}

.contact-page .faq-item.active .faq-plus svg{
    transform:rotate(45deg);
}

.contact-page .faq-answer{
    max-height:0;
    overflow:hidden;
    opacity:0;

    transition:
        max-height .4s ease,
        opacity .3s ease;
}

.contact-page .faq-item.active .faq-answer{
    max-height:300px;
    opacity:1;
}

.contact-page .faq-answer > *{
    padding:0 60px 24px 0;

    color:var(--contact-muted);
    font-size:14px;
    line-height:1.8;
}


/* ==========================================================
   24. CTA
   ========================================================== */

.contact-page .contact-cta{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    min-height:420px;

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

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(215,189,130,.20),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #201811,
            #302219
        );
}

.contact-page .contact-cta::before{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.025),
            transparent
        );

    pointer-events:none;
}

.contact-page .contact-cta .showcase-bg{
    position:absolute;
    inset:0;
    z-index:0;

    opacity:.6;
}

.contact-page .contact-cta .showcase-content{
    position:relative;
    z-index:2;

    max-width:760px;
    padding:70px 25px;
}

.contact-page .contact-cta .badge-gold{
    border-color:rgba(215,189,130,.30);
    background:rgba(215,189,130,.10);
    color:var(--contact-gold-light);
}

.contact-page .contact-cta .section-title{
    margin-top:20px;
    color:#fff;
}

.contact-page .contact-cta .text-lg{
    max-width:650px;
    margin:18px auto 0;

    color:rgba(255,255,255,.70);
    line-height:1.8;
}


/* ==========================================================
   25. CTA BUTTON OVERRIDE
   ========================================================== */

.contact-page .contact-cta .btn-primary{
    background:var(--contact-gold);
    border-color:var(--contact-gold);
    color:#fff;
}

.contact-page .contact-cta .btn-glass{
    border-color:rgba(255,255,255,.20);
    background:rgba(255,255,255,.07);
    color:#fff;
}

.contact-page .contact-cta .btn-glass:hover{
    background:rgba(255,255,255,.13);
}


/* ==========================================================
   26. REVEAL ANIMATIONS
   ========================================================== */

.contact-page .reveal,
.contact-page .reveal-left,
.contact-page .reveal-right{
    will-change:transform, opacity;
}

.contact-page .contact-card:nth-child(1){
    transition-delay:.02s;
}

.contact-page .contact-card:nth-child(2){
    transition-delay:.06s;
}

.contact-page .contact-card:nth-child(3){
    transition-delay:.10s;
}

.contact-page .contact-card:nth-child(4){
    transition-delay:.14s;
}


/* ==========================================================
   27. MAP PULSE
   ========================================================== */

@keyframes contactMapPulse{
    0%{
        transform:translate(-50%,-50%) scale(.65);
        opacity:.75;
    }

    70%{
        transform:translate(-50%,-50%) scale(1.35);
        opacity:0;
    }

    100%{
        transform:translate(-50%,-50%) scale(1.35);
        opacity:0;
    }
}


/* ==========================================================
   28. TABLET
   ========================================================== */

@media (max-width:1100px){

    .contact-page .hero-grid{
        grid-template-columns:1fr;
        gap:30px;
        text-align:center;
    }

    .contact-page .hero-content{
        max-width:760px;
        margin:0 auto;
    }

    .contact-page .hero-sub{
        margin-left:auto;
        margin-right:auto;
    }

    .contact-page .hero-actions{
        justify-content:center;
    }

    .contact-page .contact-hero-meta{
        justify-content:center;
    }

    .contact-page .hero-visual{
        min-height:500px;
    }

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

    .contact-page .contact-social-panel{
        grid-template-columns:1fr;
        gap:35px;
    }

    .contact-page .location-layout{
        grid-template-columns:1fr;
        gap:35px;
    }

    .contact-page .location-information{
        max-width:700px;
    }
}


/* ==========================================================
   29. TABLET SMALL
   ========================================================== */

@media (max-width:760px){

    .contact-page .contact-hero{
        min-height:auto;
        padding-top:70px;
        padding-bottom:70px;
    }

    .contact-page .hero-title{
        font-size:clamp(38px,8vw,58px);
    }

    .contact-page .hero-sub{
        font-size:15px;
    }

    .contact-page .hero-visual{
        min-height:420px;
    }

    .contact-page .hero-product.contact-hero-visual{
        height:400px;
    }

    .contact-page .contact-hero-orbit{
        width:360px;
        height:360px;
    }

    .contact-page .product-glow{
        width:280px;
        height:280px;
    }

    .contact-page .contact-hero-card{
        right:4%;
        bottom:10px;
    }

    .contact-page .contact-social-panel{
        padding:30px 24px;
        border-radius:24px;
    }

    .contact-page .social-links{
        grid-template-columns:1fr;
    }

    .contact-page .location-map-card{
        min-height:420px;
    }

    .contact-page .map-frame iframe{
        min-height:420px;
    }

    .contact-page .contact-form-panel{
        padding:35px 25px;
        border-radius:24px;
    }

    .contact-page .form-grid{
        grid-template-columns:1fr;
    }

    .contact-page .input-group.full,
    .contact-page .input-group:has(.textarea){
        grid-column:auto;
    }

    .contact-page .contact-form-footer{
        flex-direction:column;
        align-items:stretch;
    }

    .contact-page .contact-form-footer .btn{
        width:100%;
    }
}


/* ==========================================================
   30. MOBILE
   ========================================================== */

@media (max-width:560px){

    .contact-page .contact-cards-grid{
        grid-template-columns:1fr;
    }

    .contact-page .contact-card{
        min-height:250px;
        padding:22px;
    }

    .contact-page .hero-actions{
        flex-direction:column;
        width:100%;
    }

    .contact-page .hero-actions .btn{
        width:100%;
    }

    .contact-page .contact-hero-meta{
        align-items:flex-start;
        text-align:left;
    }

    .contact-page .hero-visual{
        min-height:350px;
    }

    .contact-page .hero-product.contact-hero-visual{
        height:340px;
    }

    .contact-page .contact-hero-orbit{
        width:300px;
        height:300px;
    }

    .contact-page .contact-hero-card{
        min-width:165px;
        padding:14px 16px;
    }

    .contact-page .contact-social-panel{
        padding:25px 18px;
    }

    .contact-page .location-map-card{
        min-height:360px;
        border-radius:22px;
    }

    .contact-page .map-frame iframe{
        min-height:360px;
    }

    .contact-page .map-topbar{
        padding:0 15px;
    }

    .contact-page .map-bottom{
        left:12px;
        right:12px;
        bottom:12px;
    }

    .contact-page .contact-form-panel{
        padding:28px 18px;
    }

    .contact-page .faq-question{
        gap:15px;
        font-size:14px;
    }

    .contact-page .faq-answer > *{
        padding-right:15px;
    }

    .contact-page .contact-cta{
        min-height:380px;
    }

    .contact-page .contact-cta .showcase-content{
        padding:55px 20px;
    }
}


/* ==========================================================
   31. VERY SMALL DEVICES
   ========================================================== */

@media (max-width:380px){

    .contact-page .contact-hero-orbit{
        width:260px;
        height:260px;
    }

    .contact-page .product-glow{
        width:220px;
        height:220px;
    }

    .contact-page .contact-hero-card{
        right:0;
        bottom:0;
    }

    .contact-page .contact-card{
        border-radius:20px;
    }

    .contact-page .social-link{
        padding:14px;
    }
}


/* ==========================================================
   32. ACCESSIBILITY / REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion:reduce){

    .contact-page *,
    .contact-page *::before,
    .contact-page *::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important;
    }
}


/* ==========================================================
   33. DARK CTA — ICON CORRECTION
   ========================================================== */

.contact-page .contact-cta svg{
    flex-shrink:0;
}


/* ==========================================================
   34. FOCUS ACCESSIBILITY
   ========================================================== */

.contact-page button:focus-visible,
.contact-page a:focus-visible,
.contact-page input:focus-visible,
.contact-page textarea:focus-visible{
    outline:3px solid rgba(185,151,91,.28);
    outline-offset:3px;
}


/* ==========================================================
   35. PRINT
   ========================================================== */

@media print{

    .contact-page .hero-visual,
    .contact-page .contact-hero-card,
    .contact-page .contact-hero-orbit,
    .contact-page .aurora,
    .contact-page .blob,
    .contact-page .contact-cta,
    .contact-page .map-frame{
        display:none !important;
    }

    .contact-page{
        background:#fff;
        color:#000;
    }

    .contact-page .contact-card,
    .contact-page .contact-form-panel,
    .contact-page .contact-social-panel{
        box-shadow:none;
        border:1px solid #ccc;
    }
}


```css
/* ==========================================================
   AD LIFESTYLE V2
   ANGEL MOON
   PAGE COMPONENTS
   Premium Product Architecture
   LIGHT + DARK THEME
   ========================================================== */


/* ==========================================================
   01. PAGE VARIABLES
   ========================================================== */

.page-angel{

    --angel-purple:#7B4BC2;
    --angel-purple-deep:#4B287B;
    --angel-purple-mid:#A16DE0;

    --angel-violet:#9A6ADB;
    --angel-lilac:#C9B1EE;

    --angel-gold:#C6A04D;
    --angel-gold-light:#E3C77F;
    --angel-gold-deep:#8E6A25;

    --angel-pink:#E9D4EA;
    --angel-rose:#DFAFD7;

    --angel-bg:#FFFFFF;
    --angel-bg-soft:#FBF8FE;

    --angel-surface:#FFFFFF;
    --angel-surface-soft:#FAF7FD;

    --angel-text:#33243E;
    --angel-text-soft:#685B70;
    --angel-text-muted:#8B7C91;

    --angel-line:rgba(123,75,194,.12);
    --angel-line-soft:rgba(123,75,194,.07);

    --angel-card-shadow:
        0 18px 45px rgba(86,49,117,.07);

    --angel-heavy-shadow:
        0 35px 90px rgba(75,40,110,.15);

    --angel-radius:30px;

    color:var(--angel-text);

    background:var(--angel-bg);

}


/* ==========================================================
   02. BASE
   ========================================================== */

.page-angel *,
.page-angel *::before,
.page-angel *::after{

    box-sizing:border-box;

}

.page-angel img{

    display:block;

    max-width:100%;

}

.page-angel button{

    font:inherit;

}

.page-angel button:focus-visible{

    outline:
        3px solid
        rgba(198,160,77,.45);

    outline-offset:3px;

}


/* ==========================================================
   03. HERO
   ========================================================== */

.page-angel .angel-hero{

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 14% 20%,
            rgba(201,177,238,.24),
            transparent 29%
        ),
        radial-gradient(
            circle at 88% 17%,
            rgba(233,212,234,.22),
            transparent 29%
        ),
        linear-gradient(
            135deg,
            #FEFCFF 0%,
            #F8F1FC 48%,
            #F0E7F8 100%
        );

}

.page-angel .angel-hero .container{

    position:relative;

    z-index:2;

}


/* ==========================================================
   04. HERO ATMOSPHERE
   ========================================================== */

.page-angel .angel-hero-atmosphere{

    position:absolute;

    inset:0;

    pointer-events:none;

}

.page-angel .angel-orb{

    position:absolute;

    border-radius:50%;

    filter:blur(78px);

    opacity:.44;

}

.page-angel .angel-orb-1{

    width:390px;
    height:390px;

    left:-150px;
    top:-125px;

    background:
        rgba(123,75,194,.14);

}

.page-angel .angel-orb-2{

    width:320px;
    height:320px;

    right:4%;
    top:7%;

    background:
        rgba(233,212,234,.20);

}

.page-angel .angel-orb-3{

    width:440px;
    height:440px;

    left:43%;
    bottom:-250px;

    background:
        rgba(201,177,238,.14);

}

.page-angel .angel-orbit{

    position:absolute;

    border-radius:50%;

    border:
        1px solid
        rgba(123,75,194,.08);

}

.page-angel .angel-orbit-1{

    width:590px;
    height:590px;

    right:-220px;
    top:-180px;

}

.page-angel .angel-orbit-2{

    width:410px;
    height:410px;

    right:-125px;
    top:-95px;

    border-color:
        rgba(198,160,77,.15);

}


/* ==========================================================
   05. HERO TYPOGRAPHY
   ========================================================== */

.page-angel .angel-eyebrow{

    display:block;

    margin-top:18px;

    color:
        var(--angel-purple-mid);

    font-size:.76rem;

    font-weight:900;

    letter-spacing:.18em;

    text-transform:uppercase;

}

.page-angel .angel-hero .hero-title{

    max-width:760px;

    color:
        var(--angel-purple-deep)
        !important;

}

.page-angel .angel-hero .hero-title span{

    display:block;

    background:
        linear-gradient(
            90deg,
            var(--angel-purple-deep),
            var(--angel-purple),
            var(--angel-gold)
        );

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent !important;

}

.page-angel .angel-hero .hero-sub{

    max-width:690px;

    color:
        var(--angel-text-soft)
        !important;

}


/* ==========================================================
   06. HERO PILLS
   ========================================================== */

.page-angel .angel-hero-pills{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin:25px 0;

}

.page-angel .angel-hero-pills span{

    padding:9px 14px;

    border:
        1px solid
        rgba(123,75,194,.11);

    border-radius:999px;

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

    color:
        var(--angel-purple-deep);

    font-size:.77rem;

    font-weight:800;

    box-shadow:
        0 8px 24px
        rgba(123,75,194,.05);

}


/* ==========================================================
   07. HERO META
   ========================================================== */

.page-angel .angel-hero-meta{

    display:flex;

    flex-wrap:wrap;

    gap:28px;

    margin-top:35px;

}

.page-angel .angel-hero-meta div{

    display:flex;

    flex-direction:column;

    gap:4px;

}

.page-angel .angel-hero-meta strong{

    color:
        var(--angel-purple-deep);

    font-size:1.04rem;

}

.page-angel .angel-hero-meta span{

    color:
        #877A8C;

    font-size:.75rem;

}


/* ==========================================================
   08. HERO PRODUCT
   ========================================================== */

.page-angel .angel-hero-product{

    position:relative;

    min-height:550px;

    display:flex;

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

    isolation:isolate;

}

.page-angel .angel-hero-product img{

    position:relative;

    z-index:4;

    width:min(450px,82%);

    max-height:575px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 38px 54px
            rgba(76,43,105,.19)
        )
        drop-shadow(
            0 8px 20px
            rgba(0,0,0,.05)
        );

    transition:
        transform .6s cubic-bezier(.2,.8,.2,1),
        filter .4s ease;

}

.page-angel .angel-hero-product:hover img{

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

    filter:
        drop-shadow(
            0 46px 62px
            rgba(76,43,105,.23)
        );

}


/* ==========================================================
   09. HERO AURA
   ========================================================== */

.page-angel .angel-product-aura{

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(201,177,238,.24),
            rgba(233,212,234,.13) 48%,
            transparent 73%
        );

    filter:blur(5px);

}


/* ==========================================================
   10. HERO RINGS
   ========================================================== */

.page-angel .angel-product-ring{

    position:absolute;

    border-radius:50%;

    z-index:1;

}

.page-angel .angel-product-ring-1{

    width:480px;
    height:480px;

    border:
        1px solid
        rgba(123,75,194,.13);

    box-shadow:
        inset 0 0 70px
        rgba(201,177,238,.10),

        0 0 70px
        rgba(123,75,194,.05);

}

.page-angel .angel-product-ring-2{

    width:580px;
    height:580px;

    border:
        1px dashed
        rgba(198,160,77,.14);

    animation:
        angelHeroRingRotate
        30s
        linear
        infinite;

}

@keyframes angelHeroRingRotate{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


/* ==========================================================
   11. HERO GRID
   ========================================================== */

.page-angel .angel-product-grid{

    position:absolute;

    width:440px;
    height:440px;

    border-radius:50%;

    background:
        linear-gradient(
            transparent 49.7%,
            rgba(123,75,194,.04) 50%,
            transparent 50.3%
        ),
        linear-gradient(
            90deg,
            transparent 49.7%,
            rgba(198,160,77,.055) 50%,
            transparent 50.3%
        );

    background-size:
        55px 55px;

    opacity:.23;

    z-index:0;

    transform:rotate(18deg);

}


/* ==========================================================
   12. HERO CAPTION
   ========================================================== */

.page-angel .angel-product-caption{

    position:absolute;

    z-index:6;

    left:50%;
    bottom:38px;

    transform:
        translateX(-50%);

    display:flex;

    align-items:center;

    gap:10px;

    padding:10px 16px;

    border:
        1px solid
        rgba(123,75,194,.12);

    border-radius:999px;

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

    backdrop-filter:
        blur(16px);

    white-space:nowrap;

}

.page-angel .angel-product-caption span{

    color:
        var(--angel-purple-mid);

    font-size:.68rem;

    font-weight:900;

    letter-spacing:.17em;

}

.page-angel .angel-product-caption strong{

    color:
        var(--angel-gold-deep);

    font-size:.73rem;

    letter-spacing:.18em;

}


/* ==========================================================
   13. GENERAL TYPOGRAPHY
   ========================================================== */

.page-angel .section-title{

    color:
        var(--angel-purple-deep)
        !important;

}

.page-angel .section-title span{

    color:
        var(--angel-purple)
        !important;

}

.page-angel .lead{

    color:
        var(--angel-text-soft)
        !important;

}

.page-angel .label{

    color:
        var(--angel-purple)
        !important;

}


/* ==========================================================
   14. OVERVIEW
   ========================================================== */

.page-angel .angel-overview-section{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #FBF8FD
        );

}

.page-angel .angel-overview-grid{

    display:grid;

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

    gap:16px;

    margin-top:42px;

}

.page-angel .angel-overview-card{

    position:relative;

    min-height:245px;

    padding:28px;

    border:
        1px solid
        var(--angel-line);

    border-radius:25px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FBF7FD
        );

    box-shadow:
        var(--angel-card-shadow);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}

.page-angel .angel-overview-card:hover{

    transform:
        translateY(-6px);

    border-color:
        rgba(198,160,77,.25);

    box-shadow:
        0 25px 58px
        rgba(86,49,117,.10);

}

.page-angel .angel-card-number{

    display:block;

    color:
        rgba(123,75,194,.17);

    font-size:.71rem;

    font-weight:900;

    letter-spacing:.14em;

}

.page-angel .angel-card-icon{

    width:48px;
    height:48px;

    display:flex;

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

    margin-top:25px;

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(123,75,194,.10),
            rgba(198,160,77,.10)
        );

    color:
        var(--angel-purple);

    font-size:1.25rem;

}

.page-angel .angel-overview-card h3{

    margin-top:20px;

    color:
        var(--angel-purple-deep);

    font-size:1.18rem;

}

.page-angel .angel-overview-card p{

    margin-top:9px;

    color:
        #73677A;

    line-height:1.7;

    font-size:.89rem;

}

.page-angel .angel-overview-note{

    display:grid;

    grid-template-columns:46px 1fr;

    gap:15px;

    margin-top:25px;

    padding:22px;

    border:
        1px solid
        rgba(198,160,77,.17);

    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            rgba(201,177,238,.08),
            rgba(233,212,234,.06)
        );

}

.page-angel .angel-overview-note-icon{

    width:40px;
    height:40px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--angel-purple-deep);

    color:#FFFFFF;

    font-weight:900;

}

.page-angel .angel-overview-note strong{

    color:
        var(--angel-purple-deep);

}

.page-angel .angel-overview-note p{

    margin-top:5px;

    color:
        #776A7D;

    line-height:1.65;

}


/* ==========================================================
   15. TECHNOLOGY
   ========================================================== */

.page-angel .angel-technology{

    background:
        radial-gradient(
            circle at 14% 16%,
            rgba(201,177,238,.15),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #FBF8FE,
            #FFFFFF
        );

}

.page-angel .angel-technology-grid{

    display:grid;

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

    gap:15px;

    margin-top:42px;

}

.page-angel .angel-technology-card{

    min-height:215px;

    padding:25px;

    border:
        1px solid
        var(--angel-line);

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FAF6FD
        );

    box-shadow:
        0 14px 36px
        rgba(86,49,117,.055);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;

}

.page-angel .angel-technology-card:hover{

    transform:
        translateY(-5px);

    border-color:
        rgba(198,160,77,.26);

    box-shadow:
        0 22px 50px
        rgba(86,49,117,.09);

}

.page-angel .angel-technology-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.page-angel .angel-technology-top span{

    color:
        rgba(123,75,194,.27);

    font-size:.7rem;

    font-weight:900;

    letter-spacing:.15em;

}

.page-angel .angel-technology-top i{

    width:35px;
    height:35px;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(123,75,194,.08);

    color:
        var(--angel-purple);

    font-style:normal;

}

.page-angel .angel-technology-card h3{

    margin-top:20px;

    color:
        var(--angel-purple-deep);

    font-size:1.08rem;

}

.page-angel .angel-technology-card p{

    margin-top:8px;

    color:
        #766A7D;

    line-height:1.68;

    font-size:.87rem;

}


/* ==========================================================
   16. EXPANDABLE INFORMATION
   ========================================================== */

.page-angel .angel-more-information{

    margin-top:28px;

}

.page-angel .angel-details-toggle{

    width:100%;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:16px 18px;

    border:
        1px solid
        var(--angel-line);

    border-radius:17px;

    background:
        var(--angel-surface-soft);

    color:
        var(--angel-purple-deep);

    cursor:pointer;

    font-size:.78rem;

    font-weight:900;

    text-align:left;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        background .3s ease;

}

.page-angel .angel-details-toggle:hover{

    transform:
        translateY(-2px);

    border-color:
        rgba(198,160,77,.35);

    box-shadow:
        0 12px 25px
        rgba(86,49,117,.06);

}

.page-angel .angel-details-icon{

    width:30px;
    height:30px;

    display:flex;

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

    flex:0 0 auto;

    border-radius:50%;

    background:
        rgba(198,160,77,.11);

    color:
        var(--angel-gold-deep);

    font-size:1.1rem;

    transition:
        transform .35s ease;

}

.page-angel .angel-more-information.active
.angel-details-icon{

    transform:
        rotate(45deg);

}


/* ==========================================================
   17. EXPANDED CARDS
   ========================================================== */

.page-angel .angel-details-content{

    display:grid;

    grid-template-rows:
        0fr;

    opacity:0;

    visibility:hidden;

    transition:
        grid-template-rows .55s cubic-bezier(.2,.8,.2,1),
        opacity .35s ease,
        visibility .55s ease;

}

.page-angel .angel-more-information.active
.angel-details-content{

    grid-template-rows:
        1fr;

    opacity:1;

    visibility:visible;

}

.page-angel .angel-details-content > *{

    min-height:0;

    overflow:hidden;

}

.page-angel .angel-details-grid{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:14px;

    padding-top:16px;

}

.page-angel .angel-detail-card{

    min-width:0;

    padding:25px;

    border:
        1px solid
        var(--angel-line);

    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FAF6FD
        );

    box-shadow:
        0 11px 28px
        rgba(86,49,117,.045);

}

.page-angel .angel-detail-card h3{

    margin-top:10px;

    color:
        var(--angel-purple-deep);

    font-size:1.18rem;

}

.page-angel .angel-detail-card p{

    margin-top:10px;

    color:
        #756878;

    line-height:1.75;

}

.page-angel .angel-detail-card-wide{

    grid-column:
        1 / -1;

}

.page-angel .angel-detail-list{

    display:grid;

    gap:8px;

    margin-top:18px;

}

.page-angel .angel-detail-item{

    display:flex;

    align-items:flex-start;

    gap:9px;

    color:
        #6A5C70;

    font-size:.83rem;

    line-height:1.5;

}

.page-angel .angel-detail-check,
.page-angel .icon-circle{

    width:22px;
    height:22px;

    flex:0 0 auto;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(123,75,194,.09);

    color:
        var(--angel-purple);

    font-size:.66rem;

    font-weight:900;

}


/* ==========================================================
   18. BENEFITS
   ========================================================== */

.page-angel .angel-benefits-section{

    background:
        #FFFFFF;

}

.page-angel .angel-benefit-grid{

    display:grid;

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

    gap:16px;

    margin-top:42px;

}

.page-angel .angel-benefit-card{

    min-height:225px;

    padding:27px;

    border:
        1px solid
        var(--angel-line);

    border-radius:25px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FBF8FE
        );

    box-shadow:
        var(--angel-card-shadow);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;

}

.page-angel .angel-benefit-card:hover{

    transform:
        translateY(-6px);

    border-color:
        rgba(198,160,77,.28);

    box-shadow:
        0 25px 58px
        rgba(86,49,117,.10);

}

.page-angel .angel-benefit-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.page-angel .angel-benefit-top span{

    color:
        rgba(123,75,194,.25);

    font-size:.72rem;

    font-weight:900;

    letter-spacing:.15em;

}

.page-angel .angel-benefit-top i{

    width:36px;
    height:36px;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(123,75,194,.08);

    color:
        var(--angel-purple);

    font-style:normal;

}

.page-angel .angel-benefit-card h3{

    margin-top:21px;

    color:
        var(--angel-purple-deep);

    font-size:1.17rem;

}

.page-angel .angel-benefit-card p{

    margin-top:8px;

    color:
        #756979;

    line-height:1.7;

    font-size:.88rem;

}


/* ==========================================================
   19. PRODUCT DETAIL
   ========================================================== */

.page-angel .angel-product-section{

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 8% 28%,
            rgba(201,177,238,.13),
            transparent 26%
        ),
        radial-gradient(
            circle at 92% 70%,
            rgba(233,212,234,.13),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #FBF8FE,
            #FFFFFF
        );

}

.page-angel .angel-product-detail-grid{

    display:grid;

    grid-template-columns:
        minmax(0,.95fr)
        minmax(0,1.05fr);

    gap:70px;

    align-items:center;

}

.page-angel .angel-product-detail-visual{

    position:relative;

    min-width:0;

}

.page-angel .angel-product-detail-frame{

    position:relative;

    min-height:570px;

    display:flex;

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

    overflow:hidden;

    isolation:isolate;

    border:
        1px solid
        rgba(123,75,194,.11);

    border-radius:36px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(201,177,238,.20),
            transparent 30%
        ),
        radial-gradient(
            circle at 50% 55%,
            rgba(233,212,234,.12),
            transparent 55%
        ),
        linear-gradient(
            145deg,
            #FFFFFF,
            #F7F0FB
        );

    box-shadow:
        var(--angel-heavy-shadow);

}


/* ==========================================================
   20. PRODUCT DETAIL DECORATION
   ========================================================== */

.page-angel .angel-detail-aura{

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(201,177,238,.22),
            rgba(123,75,194,.06) 47%,
            transparent 73%
        );

    filter:blur(5px);

}

.page-angel .angel-detail-ring{

    position:absolute;

    border-radius:50%;

    z-index:1;

}

.page-angel .angel-detail-ring-1{

    width:430px;
    height:430px;

    border:
        1px solid
        rgba(123,75,194,.12);

    box-shadow:
        inset 0 0 70px
        rgba(201,177,238,.08);

}

.page-angel .angel-detail-ring-2{

    width:545px;
    height:545px;

    border:
        1px dashed
        rgba(198,160,77,.14);

    animation:
        angelDetailRotation
        29s
        linear
        infinite;

}

@keyframes angelDetailRotation{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

.page-angel .angel-detail-grid-decoration{

    position:absolute;

    width:430px;
    height:430px;

    border-radius:50%;

    background:
        linear-gradient(
            transparent 49.7%,
            rgba(123,75,194,.04) 50%,
            transparent 50.3%
        ),
        linear-gradient(
            90deg,
            transparent 49.7%,
            rgba(198,160,77,.05) 50%,
            transparent 50.3%
        );

    background-size:
        52px 52px;

    opacity:.24;

    transform:
        rotate(17deg);

}

.page-angel .angel-product-detail-image{

    position:relative;

    z-index:4;

    width:min(73%,430px);

    max-height:500px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 36px 48px
            rgba(75,40,105,.19)
        )
        drop-shadow(
            0 8px 18px
            rgba(0,0,0,.05)
        );

    transition:
        transform .6s cubic-bezier(.2,.8,.2,1),
        filter .4s ease;

}

.page-angel
.angel-product-detail-frame:hover
.angel-product-detail-image{

    transform:
        translateY(-9px)
        scale(1.035);

}

.page-angel .angel-detail-caption{

    position:absolute;

    z-index:6;

    left:50%;
    bottom:27px;

    transform:
        translateX(-50%);

    display:flex;

    align-items:center;

    gap:10px;

    padding:10px 16px;

    border:
        1px solid
        rgba(123,75,194,.11);

    border-radius:999px;

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

    backdrop-filter:
        blur(15px);

    white-space:nowrap;

}

.page-angel .angel-detail-caption span{

    color:
        var(--angel-purple-mid);

    font-size:.67rem;

    font-weight:900;

    letter-spacing:.17em;

}

.page-angel .angel-detail-caption strong{

    color:
        var(--angel-gold-deep);

    font-size:.73rem;

    letter-spacing:.19em;

}


/* ==========================================================
   21. PRODUCT DETAIL COPY
   ========================================================== */

.page-angel .angel-product-detail-copy{

    min-width:0;

}

.page-angel .angel-product-detail-copy
.section-title{

    max-width:650px;

}


/* ==========================================================
   22. PRODUCT SPECS
   ========================================================== */

.page-angel .angel-product-specs{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:11px;

    margin-top:30px;

}

.page-angel .angel-product-spec{

    display:grid;

    grid-template-columns:
        38px 1fr;

    gap:11px;

    align-items:center;

    min-height:72px;

    padding:13px 14px;

    border:
        1px solid
        var(--angel-line);

    border-radius:17px;

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

    box-shadow:
        0 9px 24px
        rgba(86,49,117,.04);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

}

.page-angel .angel-product-spec:hover{

    transform:
        translateY(-3px);

    border-color:
        rgba(198,160,77,.30);

    box-shadow:
        0 15px 30px
        rgba(86,49,117,.07);

}

.page-angel .angel-product-spec-number{

    width:34px;
    height:34px;

    display:flex;

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

    border-radius:11px;

    background:
        linear-gradient(
            135deg,
            rgba(123,75,194,.09),
            rgba(198,160,77,.10)
        );

    color:
        var(--angel-purple);

    font-size:.62rem;

    font-weight:900;

}

.page-angel .angel-product-spec strong{

    display:block;

    color:
        var(--angel-purple-deep);

    font-size:.76rem;

    font-weight:900;

}

.page-angel .angel-product-spec div span{

    display:block;

    margin-top:3px;

    color:
        #83758B;

    font-size:.72rem;

    line-height:1.45;

}


/* ==========================================================
   23. PRODUCT HIGHLIGHT
   ========================================================== */

.page-angel .angel-product-highlight{

    display:grid;

    grid-template-columns:
        45px 1fr;

    gap:14px;

    align-items:start;

    margin-top:23px;

    padding:20px;

    border:
        1px solid
        rgba(198,160,77,.20);

    border-radius:21px;

    background:
        linear-gradient(
            135deg,
            rgba(201,177,238,.08),
            rgba(233,212,234,.05)
        );

}

.page-angel .angel-product-highlight-icon{

    width:40px;
    height:40px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--angel-purple-deep);

    color:#FFFFFF;

    box-shadow:
        0 10px 22px
        rgba(76,43,105,.12);

}

.page-angel .angel-product-highlight strong{

    display:block;

    color:
        var(--angel-purple-deep);

    font-size:.9rem;

}

.page-angel .angel-product-highlight p{

    margin-top:5px;

    color:
        #756978;

    line-height:1.65;

    font-size:.82rem;

}


/* ==========================================================
   24. COMPOSITION
   ========================================================== */

.page-angel .angel-composition{

    background:
        #FFFFFF;

}

.page-angel .angel-section-heading{

    display:grid;

    grid-template-columns:
        1fr .9fr;

    gap:50px;

    align-items:end;

}

.page-angel .angel-composition-grid{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:14px;

    margin-top:42px;

}

.page-angel .angel-composition-item{

    display:grid;

    grid-template-columns:
        48px 1fr;

    gap:15px;

    align-items:start;

    padding:23px;

    border:
        1px solid
        var(--angel-line);

    border-radius:21px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FBF7FD
        );

    box-shadow:
        0 12px 30px
        rgba(86,49,117,.045);

    transition:
        transform .3s ease,
        border-color .3s ease;

}

.page-angel .angel-composition-item:hover{

    transform:
        translateY(-4px);

    border-color:
        rgba(198,160,77,.26);

}

.page-angel .angel-composition-number{

    width:42px;
    height:42px;

    display:flex;

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

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(123,75,194,.11),
            rgba(198,160,77,.10)
        );

    color:
        var(--angel-purple);

    font-size:.66rem;

    font-weight:900;

}

.page-angel .angel-composition-item h3{

    color:
        var(--angel-purple-deep);

    font-size:1rem;

}

.page-angel .angel-composition-item p{

    margin-top:6px;

    color:
        #766A7D;

    line-height:1.65;

    font-size:.85rem;

}


/* ==========================================================
   25. COMPOSITION SPECS
   ========================================================== */

.page-angel .angel-composition-specs{

    margin-top:70px;

}

.page-angel .angel-spec-grid{

    display:grid;

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

    gap:12px;

    margin-top:35px;

}

.page-angel .angel-spec-card{

    min-height:120px;

    display:flex;

    align-items:center;

    gap:13px;

    padding:22px;

    border:
        1px solid
        var(--angel-line);

    border-radius:20px;

    background:
        var(--angel-surface);

    box-shadow:
        0 12px 28px
        rgba(86,49,117,.045);

}

.page-angel .angel-spec-number{

    color:
        rgba(123,75,194,.28);

    font-size:.65rem;

    font-weight:900;

}

.page-angel .angel-spec-icon{

    width:42px;
    height:42px;

    display:flex;

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

    border-radius:14px;

    background:
        rgba(123,75,194,.08);

    font-size:1rem;

}

.page-angel .angel-spec-card strong{

    color:
        var(--angel-purple-deep);

    font-size:.82rem;

}


/* ==========================================================
   26. SPEC DETAIL LIST
   ========================================================== */

.page-angel .angel-spec-detail-list{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:10px;

    padding-top:16px;

}

.page-angel .angel-spec-detail-list
.angel-detail-item{

    padding:
        12px 14px;

    border:
        1px solid
        var(--angel-line);

    border-radius:15px;

    background:
        var(--angel-surface-soft);

}


/* ==========================================================
   27. CERTIFICATION
   ========================================================== */

.page-angel .angel-certification{

    margin-top:75px;

    padding:
        55px 0 10px;

    border-top:
        1px solid
        var(--angel-line-soft);

}

.page-angel .angel-certification-grid{

    display:grid;

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

    gap:14px;

    margin-top:38px;

}

.page-angel .angel-certification-card{

    min-width:0;

    overflow:hidden;

    border:
        1px solid
        var(--angel-line);

    border-radius:21px;

    background:
        var(--angel-surface);

    box-shadow:
        0 12px 32px
        rgba(86,49,117,.045);

}

.page-angel .angel-certification-image{

    position:relative;

    min-height:220px;

    display:flex;

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

    padding:15px;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #FBF8FD,
            #F5EDF8
        );

}

.page-angel .angel-certification-image img{

    width:100%;
    height:100%;

    object-fit:contain;

    border-radius:12px;

}

.page-angel .angel-certification-missing{

    position:absolute;

    inset:0;

    display:none;

    flex-direction:column;

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

    text-align:center;

    background:
        linear-gradient(
            145deg,
            #FAF6FC,
            #F4EDF8
        );

}

.page-angel .angel-certification-image.missing
.angel-certification-missing{

    display:flex;

}

.page-angel .angel-certification-missing span{

    color:
        var(--angel-purple-deep);

    font-weight:800;

    font-size:.8rem;

}

.page-angel .angel-certification-missing small{

    margin-top:5px;

    color:
        var(--angel-text-muted);

    font-size:.7rem;

}

.page-angel .angel-certification-caption{

    padding:15px 16px;

    border-top:
        1px solid
        var(--angel-line-soft);

}

.page-angel .angel-certification-caption strong{

    color:
        var(--angel-purple-deep);

    font-size:.78rem;

    line-height:1.4;

}


/* ==========================================================
   28. VARIANTS
   ========================================================== */

.page-angel .angel-variants{

    background:
        linear-gradient(
            180deg,
            #FBF8FD,
            #FFFFFF
        );

}

.page-angel .angel-variant-grid{

    display:grid;

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

    gap:16px;

    margin-top:42px;

}

.page-angel .angel-variant-card{

    overflow:hidden;

    border:
        1px solid
        var(--angel-line);

    border-radius:27px;

    background:
        var(--angel-surface);

    box-shadow:
        var(--angel-card-shadow);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}

.page-angel .angel-variant-card:hover{

    transform:
        translateY(-7px);

    border-color:
        rgba(198,160,77,.27);

    box-shadow:
        0 25px 58px
        rgba(86,49,117,.10);

}

.page-angel .angel-variant-image{

    position:relative;

    min-height:330px;

    display:flex;

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

    padding:28px;

    background:
        radial-gradient(
            circle at center,
            rgba(201,177,238,.17),
            transparent 62%
        ),
        linear-gradient(
            145deg,
            #FCF9FE,
            #F5ECF8
        );

}

.page-angel .angel-variant-image img{

    width:76%;

    height:275px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 20px 28px
            rgba(75,40,105,.14)
        );

    transition:
        transform .45s ease;

}

.page-angel .angel-variant-card:hover
.angel-variant-image img{

    transform:
        translateY(-5px)
        scale(1.035);

}

.page-angel .angel-variant-content{

    padding:24px;

}

.page-angel .angel-variant-content h3{

    margin-top:7px;

    color:
        var(--angel-purple-deep);

    font-size:1.28rem;

}

.page-angel .angel-variant-content strong{

    display:inline-flex;

    margin-top:7px;

    padding:6px 9px;

    border-radius:8px;

    background:
        rgba(123,75,194,.08);

    color:
        var(--angel-purple);

    font-size:.72rem;

}

.page-angel .angel-variant-content p{

    margin-top:10px;

    color:
        #766A7D;

    line-height:1.65;

    font-size:.84rem;

}


/* ==========================================================
   29. FAQ
   ========================================================== */

.page-angel .angel-faq{

    background:
        #FFFFFF;

}

.page-angel .angel-faq-list{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-top:40px;

}

.page-angel .angel-faq-item{

    overflow:hidden;

    border:
        1px solid
        var(--angel-line);

    border-radius:21px;

    background:
        var(--angel-surface-soft);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;

}

.page-angel .angel-faq-item:hover{

    border-color:
        rgba(123,75,194,.20);

}

.page-angel .angel-faq-item.active{

    transform:
        translateY(-2px);

    border-color:
        rgba(198,160,77,.31);

    box-shadow:
        0 17px 42px
        rgba(86,49,117,.07);

}

.page-angel .angel-faq-question{

    width:100%;

    display:grid;

    grid-template-columns:
        44px minmax(0,1fr) 34px;

    align-items:center;

    gap:14px;

    padding:18px 20px;

    border:0;

    background:transparent;

    color:
        var(--angel-purple-deep);

    font-weight:800;

    text-align:left;

    cursor:pointer;

}

.page-angel .angel-faq-number{

    width:34px;
    height:34px;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(123,75,194,.07);

    color:
        var(--angel-purple);

    font-size:.65rem;

    font-weight:900;

}

.page-angel .angel-faq-text{

    line-height:1.5;

}

.page-angel .angel-faq-icon{

    width:30px;
    height:30px;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(198,160,77,.11);

    color:
        var(--angel-gold-deep);

    font-size:1.1rem;

    transition:
        transform .35s ease,
        background .35s ease;

}

.page-angel .angel-faq-item.active
.angel-faq-icon{

    transform:
        rotate(45deg);

    background:
        rgba(123,75,194,.08);

}

.page-angel .angel-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:
        max-height .45s ease;

}

.page-angel .angel-faq-item.active
.angel-faq-answer{

    max-height:320px;

}

.page-angel .angel-faq-answer p{

    padding:
        0 20px 20px 78px;

    color:
        #766A7D;

    line-height:1.75;

    font-size:.89rem;

}


/* ==========================================================
   30. FINAL INFORMATION
   ========================================================== */

.page-angel .angel-disclaimer{

    position:relative;

    padding:
        55px 0;

    background:
        linear-gradient(
            180deg,
            #F7F0FA,
            #EFE6F5
        );

}

.page-angel .angel-disclaimer::before{

    content:"";

    position:absolute;

    top:0;
    left:50%;

    width:min(760px,70%);

    height:1px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(198,160,77,.42),
            transparent
        );

}

.page-angel .angel-disclaimer-box{

    display:grid;

    grid-template-columns:
        58px 1fr;

    gap:20px;

    align-items:start;

    padding:30px 34px;

    border:
        1px solid
        rgba(123,75,194,.10);

    border-radius:28px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.94),
            rgba(251,246,253,.90)
        );

    box-shadow:
        0 22px 55px
        rgba(86,49,117,.07);

}

.page-angel .angel-disclaimer-icon{

    width:48px;
    height:48px;

    display:flex;

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

    border-radius:16px;

    background:
        linear-gradient(
            135deg,
            var(--angel-purple-deep),
            var(--angel-purple)
        );

    color:#FFFFFF;

    font-size:.9rem;

    font-weight:900;

    box-shadow:
        0 12px 25px
        rgba(75,40,105,.12);

}

.page-angel .angel-disclaimer-box h3{

    margin-top:8px;

    color:
        var(--angel-purple-deep);

    font-size:
        clamp(
            1.45rem,
            2.7vw,
            2rem
        );

    line-height:1.15;

}

.page-angel .angel-disclaimer-box p{

    max-width:930px;

    margin-top:9px;

    color:
        #71647A;

    line-height:1.8;

    font-size:.86rem;

}


/* ==========================================================
   31. CTA
   ========================================================== */

.page-angel .angel-cta{

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 14% 18%,
            rgba(201,177,238,.12),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #332047,
            #4B287B 52%,
            #281637
        );

}

.page-angel .angel-cta-box{

    display:grid;

    grid-template-columns:
        1fr auto;

    gap:40px;

    align-items:center;

    padding:48px;

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

    border-radius:32px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.025)
        );

    box-shadow:
        0 25px 75px
        rgba(0,0,0,.20);

    backdrop-filter:
        blur(14px);

}

.page-angel .angel-label-light{

    color:
        #E2C77E !important;

}

.page-angel .angel-cta-box h2{

    margin-top:10px;

    color:#FFFFFF;

    font-size:
        clamp(
            2rem,
            4vw,
            3.4rem
        );

    line-height:1.05;

}

.page-angel .angel-cta-box h2 span{

    color:
        #DBB86D;

}

.page-angel .angel-cta-box p{

    max-width:650px;

    margin-top:13px;

    color:
        #D7CBDD;

    line-height:1.7;

}

.page-angel .angel-cta-actions{

    display:flex;

    flex-direction:column;

    gap:10px;

    min-width:220px;

}


/* ==========================================================
   32. BUTTONS
   ========================================================== */

.page-angel .angel-btn-primary{

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

    background:
        linear-gradient(
            135deg,
            var(--angel-purple-deep),
            var(--angel-purple)
        )
        !important;

    color:
        #FFFFFF !important;

    box-shadow:
        0 14px 32px
        rgba(75,40,105,.16)
        !important;

}

.page-angel .angel-btn-glass{

    border-color:
        rgba(123,75,194,.15)
        !important;

    color:
        var(--angel-purple-deep)
        !important;

    background:
        rgba(255,255,255,.78)
        !important;

}

.page-angel .angel-btn-dark{

    color:
        #FFFFFF !important;

    border-color:
        rgba(255,255,255,.16)
        !important;

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

}


/* ==========================================================
   33. DARK THEME
   ========================================================== */

html[data-theme="dark"] .page-angel,
body.dark .page-angel{

    --angel-bg:#100D13;
    --angel-bg-soft:#17121B;

    --angel-surface:#1B1620;
    --angel-surface-soft:#19141E;

    --angel-text:#F0E7F2;
    --angel-text-soft:#C5B7C8;
    --angel-text-muted:#9F91A3;

    --angel-line:
        rgba(255,255,255,.085);

    --angel-line-soft:
        rgba(255,255,255,.055);

    --angel-card-shadow:
        0 20px 48px rgba(0,0,0,.28);

    --angel-heavy-shadow:
        0 35px 90px rgba(0,0,0,.33);

    background:
        #100D13;

    color:
        var(--angel-text);

}


/* ==========================================================
   34. DARK — HERO
   ========================================================== */

html[data-theme="dark"]
.page-angel .angel-hero,
body.dark
.page-angel .angel-hero{

    background:
        radial-gradient(
            circle at 14% 20%,
            rgba(123,75,194,.12),
            transparent 29%
        ),
        radial-gradient(
            circle at 88% 18%,
            rgba(233,212,234,.07),
            transparent 29%
        ),
        linear-gradient(
            135deg,
            #17121C,
            #151018 48%,
            #100D13 100%
        );

}

html[data-theme="dark"]
.page-angel .angel-orbit,
body.dark
.page-angel .angel-orbit{

    border-color:
        rgba(255,255,255,.065);

}

html[data-theme="dark"]
.page-angel .angel-orbit-2,
body.dark
.page-angel .angel-orbit-2{

    border-color:
        rgba(198,160,77,.15);

}

html[data-theme="dark"]
.page-angel .angel-eyebrow,
body.dark
.page-angel .angel-eyebrow{

    color:
        #C7A1EA;

}

html[data-theme="dark"]
.page-angel .angel-hero .hero-title,
body.dark
.page-angel .angel-hero .hero-title{

    color:
        #F4EAF6 !important;

}

html[data-theme="dark"]
.page-angel .angel-hero .hero-sub,
body.dark
.page-angel .angel-hero .hero-sub{

    color:
        #B9AABC !important;

}

html[data-theme="dark"]
.page-angel .angel-hero-pills span,
body.dark
.page-angel .angel-hero-pills span{

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

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

    color:
        #E4D8E7;

}

html[data-theme="dark"]
.page-angel .angel-hero-meta strong,
body.dark
.page-angel .angel-hero-meta strong{

    color:
        #EFE4F1;

}

html[data-theme="dark"]
.page-angel .angel-hero-meta span,
body.dark
.page-angel .angel-hero-meta span{

    color:
        #948597;

}

html[data-theme="dark"]
.page-angel .angel-product-caption,
body.dark
.page-angel .angel-product-caption{

    border-color:
        rgba(255,255,255,.09);

    background:
        rgba(20,16,24,.74);

}

html[data-theme="dark"]
.page-angel .angel-product-caption span,
body.dark
.page-angel .angel-product-caption span{

    color:
        #C39AE7;

}

html[data-theme="dark"]
.page-angel .angel-product-caption strong,
body.dark
.page-angel .angel-product-caption strong{

    color:
        #D8B96D;

}


/* ==========================================================
   35. DARK — STANDARD SECTIONS
   ========================================================== */

html[data-theme="dark"]
.page-angel .angel-overview-section,
body.dark
.page-angel .angel-overview-section{

    background:
        linear-gradient(
            180deg,
            #110E14,
            #17121B
        );

}

html[data-theme="dark"]
.page-angel .angel-technology,
body.dark
.page-angel .angel-technology{

    background:
        linear-gradient(
            180deg,
            #151018,
            #100D13
        );

}

html[data-theme="dark"]
.page-angel .angel-benefits-section,
body.dark
.page-angel .angel-benefits-section{

    background:
        #100D13;

}

html[data-theme="dark"]
.page-angel .angel-product-section,
body.dark
.page-angel .angel-product-section{

    background:
        radial-gradient(
            circle at 10% 28%,
            rgba(123,75,194,.08),
            transparent 27%
        ),
        #120F16;

}

html[data-theme="dark"]
.page-angel .angel-composition,
body.dark
.page-angel .angel-composition{

    background:
        #100D13;

}

html[data-theme="dark"]
.page-angel .angel-variants,
body.dark
.page-angel .angel-variants{

    background:
        linear-gradient(
            180deg,
            #151018,
            #100D13
        );

}

html[data-theme="dark"]
.page-angel .angel-faq,
body.dark
.page-angel .angel-faq{

    background:
        #100D13;

}


/* ==========================================================
   36. DARK — GENERAL TYPOGRAPHY
   ========================================================== */

html[data-theme="dark"]
.page-angel .section-title,
body.dark
.page-angel .section-title{

    color:
        #F2E7F4 !important;

}

html[data-theme="dark"]
.page-angel .section-title span,
body.dark
.page-angel .section-title span{

    color:
        #C99BEA !important;

}

html[data-theme="dark"]
.page-angel .lead,
body.dark
.page-angel .lead{

    color:
        #BDAFC1 !important;

}

html[data-theme="dark"]
.page-angel .label,
body.dark
.page-angel .label{

    color:
        #C395E8 !important;

}


/* ==========================================================
   37. DARK — OVERVIEW
   ========================================================== */

html[data-theme="dark"]
.page-angel .angel-overview-card,
body.dark
.page-angel .angel-overview-card{

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

    background:
        linear-gradient(
            145deg,
            #1B1620,
            #17121B
        );

}

html[data-theme="dark"]
.page-angel .angel-card-number,
body.dark
.page-angel .angel-card-number{

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

}

html[data-theme="dark"]
.page-angel .angel-card-icon,
body.dark
.page-angel .angel-card-icon{

    background:
        linear-gradient(
            135deg,
            rgba(123,75,194,.12),
            rgba(198,160,77,.08)
        );

    color:
        #C69CE7;

}

html[data-theme="dark"]
.page-angel .angel-overview-card h3,
body.dark
.page-angel .angel-overview-card h3{

    color:
        #EFE3F2;

}

html[data-theme="dark"]
.page-angel .angel-overview-card p,
body.dark
.page-angel .angel-overview-card p{

    color:
        #A89AAA;

}

html[data-theme="dark"]
.page-angel .angel-overview-note,
body.dark
.page-angel .angel-overview-note{

    border-color:
        rgba(198,160,77,.16);

    background:
        linear-gradient(
            135deg,
            rgba(123,75,194,.055),
            rgba(198,160,77,.035)
        );

}

html[data-theme="dark"]
.page-angel .angel-overview-note strong,
body.dark
.page-angel .angel-overview-note strong{

    color:
        #F0E6F2;

}

html[data-theme="dark"]
.page-angel .angel-overview-note p,
body.dark
.page-angel .angel-overview-note p{

    color:
        #A396A8;

}


/* ==========================================================
   38. DARK — TECHNOLOGY
   ========================================================== */

html[data-theme="dark"]
.page-angel .angel-technology-card,
body.dark
.page-angel .angel-technology-card{

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

    background:
        linear-gradient(
            145deg,
            #1A151E,
            #16111A
        );

}

html[data-theme="dark"]
.page-angel .angel-technology-top span,
body.dark
.page-angel .angel-technology-top span{

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

}

html[data-theme="dark"]
.page-angel .angel-technology-top i,
body.dark
.page-angel .angel-technology-top i{

    background:
        rgba(123,75,194,.13);

    color:
        #C49CE8;

}

html[data-theme="dark"]
.page-angel .angel-technology-card h3,
body.dark
.page-angel .angel-technology-card h3{

    color:
        #EFE5F1;

}

html[data-theme="dark"]
.page-angel .angel-technology-card p,
body.dark
.page-angel .angel-technology-card p{

    color:
        #A99BAB;

}


/* ==========================================================
   39. DARK — EXPANDER + DETAIL CARDS
   ========================================================== */

html[data-theme="dark"]
.page-angel .angel-details-toggle,
body.dark
.page-angel .angel-details-toggle{

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

    background:
        #19141E;

    color:
        #EEE4F0;

}

html[data-theme="dark"]
.page-angel .angel-details-toggle:hover,
body.dark
.page-angel .angel-details-toggle:hover{

    background:
        #1D1722;

    border-color:
        rgba(198,160,77,.27);

}

html[data-theme="dark"]
.page-angel .angel-details-icon,
body.dark
.page-angel .angel-details-icon{

    background:
        rgba(198,160,77,.10);

    color:
        #D5AC5C;

}

html[data-theme="dark"]
.page-angel .angel-detail-card,
body.dark
.page-angel .angel-detail-card{

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

    background:
        linear-gradient(
            145deg,
            #1B1620,
            #161119
        );

    box-shadow:
        0 14px 32px
        rgba(0,0,0,.18);

}

html[data-theme="dark"]
.page-angel .angel-detail-card h3,
body.dark
.page-angel .angel-detail-card h3{

    color:
        #F0E5F2;

}

html[data-theme="dark"]
.page-angel .angel-detail-card p,
body.dark
.page-angel .angel-detail-card p{

    color:
        #AA9DAC;

}

html[data-theme="dark"]
.page-angel .angel-detail-item,
body.dark
.page-angel .angel-detail-item{

    color:
        #B2A4B5;

}

html[data-theme="dark"]
.page-angel .angel-detail-check,
html[data-theme="dark"]
.page-angel .icon-circle,
body.dark
.page-angel .angel-detail-check,
body.dark
.page-angel .icon-circle{

    background:
        rgba(123,75,194,.14);

    color:
        #C5A0E8;

}


/* ==========================================================
   40. DARK — BENEFITS
   ========================================================== */

html[data-theme="dark"]
.page-angel .angel-benefit-card,
body.dark
.page-angel .angel-benefit-card{

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

    background:
        linear-gradient(
            145deg,
            #1A151E,
            #16111A
        );

}

html[data-theme="dark"]
.page-angel .angel-benefit-top span,
body.dark
.page-angel .angel-benefit-top span{

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

}

html[data-theme="dark"]
.page-angel .angel-benefit-top i,
body.dark
.page-angel .angel-benefit-top i{

    background:
        rgba(123,75,194,.13);

    color:
        #C49BE7;

}

html[data-theme="dark"]
.page-angel .angel-benefit-card h3,
body.dark
.page-angel .angel-benefit-card h3{

    color:
        #F0E5F2;

}

html[data-theme="dark"]
.page-angel .angel-benefit-card p,
body.dark
.page-angel .angel-benefit-card p{

    color:
        #A99CAB;

}


/* ==========================================================
   41. DARK — PRODUCT DETAIL
   ========================================================== */

html[data-theme="dark"]
.page-angel .angel-product-detail-frame,
body.dark
.page-angel .angel-product-detail-frame{

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

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(123,75,194,.10),
            transparent 30%
        ),
        radial-gradient(
            circle at 50% 55%,
            rgba(233,212,234,.05),
            transparent 55%
        ),
        linear-gradient(
            145deg,
            #1B1620,
            #141018
        );

    box-shadow:
        0 30px 75px
        rgba(0,0,0,.28);

}

html[data-theme="dark"]
.page-angel .angel-product-spec,
body.dark
.page-angel .angel-product-spec{

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

    background:
        rgba(27,22,31,.88);

    box-shadow:
        0 10px 26px
        rgba(0,0,0,.16);

}

html[data-theme="dark"]
.page-angel .angel-product-spec strong,
body.dark
.page-angel .angel-product-spec strong{

    color:
        #EFE5F1;

}

html[data-theme="dark"]
.page-angel .angel-product-spec div span,
body.dark
.page-angel .angel-product-spec div span{

    color:
        #95889A;

}

html[data-theme="dark"]
.page-angel .angel-product-highlight,
body.dark
.page-angel .angel-product-highlight{

    border-color:
        rgba(198,160,77,.16);

    background:
        linear-gradient(
            135deg,
            rgba(123,75,194,.055),
            rgba(198,160,77,.03)
        );

}

html[data-theme="dark"]
.page-angel .angel-product-highlight strong,
body.dark
.page-angel .angel-product-highlight strong{

    color:
        #EFE5F1;

}

html[data-theme="dark"]
.page-angel .angel-product-highlight p,
body.dark
.page-angel .angel-product-highlight p{

    color:
        #A195A7;

}


/* ==========================================================
   42. DARK — COMPOSITION
   ========================================================== */

html[data-theme="dark"]
.page-angel .angel-composition-item,
body.dark
.page-angel .angel-composition-item{

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

    background:
        linear-gradient(
            145deg,
            #1A151E,
            #16111A
        );

}

html[data-theme="dark"]
.page-angel .angel-composition-item h3,
body.dark
.page-angel .angel-composition-item h3{

    color:
        #F0E5F2;

}

html[data-theme="dark"]
.page-angel .angel-composition-item p,
body.dark
.page-angel .angel-composition-item p{

    color:
        #A99BAB;

}

html[data-theme="dark"]
.page-angel .angel-composition-number,
body.dark
.page-angel .angel-composition-number{

    background:
        linear-gradient(
            135deg,
            rgba(123,75,194,.13),
            rgba(198,160,77,.08)
        );

    color:
        #C59DE6;

}

html[data-theme="dark"]
.page-angel .angel-spec-card,
body.dark
.page-angel .angel-spec-card{

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

    background:
        #19141E;

}

html[data-theme="dark"]
.page-angel .angel-spec-card strong,
body.dark
.page-angel .angel-spec-card strong{

    color:
        #EFE5F1;

}

html[data-theme="dark"]
.page-angel .angel-spec-icon,
body.dark
.page-angel .angel-spec-icon{

    background:
        rgba(123,75,194,.12);

}

html[data-theme="dark"]
.page-angel .angel-spec-detail-list
.angel-detail-item,
body.dark
.page-angel .angel-spec-detail-list
.angel-detail-item{

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

    background:
        #19141E;

}


/* ==========================================================
   43. DARK — CERTIFICATION
   ========================================================== */

html[data-theme="dark"]
.page-angel .angel-certification,
body.dark
.page-angel .angel-certification{

    border-top-color:
        rgba(255,255,255,.06);

}

html[data-theme="dark"]
.page-angel .angel-certification-card,
body.dark
.page-angel .angel-certification-card{

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

    background:
        #19141E;

}

html[data-theme="dark"]
.page-angel .angel-certification-image,
body.dark
.page-angel .angel-certification-image{

    background:
        linear-gradient(
            145deg,
            #1C1721,
            #16111A
        );

}

html[data-theme="dark"]
.page-angel .angel-certification-caption,
body.dark
.page-angel .angel-certification-caption{

    border-top-color:
        rgba(255,255,255,.06);

}

html[data-theme="dark"]
.page-angel .angel-certification-caption strong,
body.dark
.page-angel .angel-certification-caption strong{

    color:
        #EFE5F1;

}

html[data-theme="dark"]
.page-angel .angel-certification-missing,
body.dark
.page-angel .angel-certification-missing{

    background:
        linear-gradient(
            145deg,
            #1B1620,
            #161119
        );

}

html[data-theme="dark"]
.page-angel .angel-certification-missing span,
body.dark
.page-angel .angel-certification-missing span{

    color:
        #E6D9E8;

}

html[data-theme="dark"]
.page-angel .angel-certification-missing small,
body.dark
.page-angel .angel-certification-missing small{

    color:
        #9B8DA0;

}


/* ==========================================================
   44. DARK — VARIANTS
   ========================================================== */

html[data-theme="dark"]
.page-angel .angel-variant-card,
body.dark
.page-angel .angel-variant-card{

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

    background:
        #19141E;

}

html[data-theme="dark"]
.page-angel .angel-variant-image,
body.dark
.page-angel .angel-variant-image{

    background:
        radial-gradient(
            circle at center,
            rgba(123,75,194,.10),
            transparent 62%
        ),
        linear-gradient(
            145deg,
            #1D1822,
            #16111A
        );

}

html[data-theme="dark"]
.page-angel .angel-variant-content h3,
body.dark
.page-angel .angel-variant-content h3{

    color:
        #F0E5F2;

}

html[data-theme="dark"]
.page-angel .angel-variant-content strong,
body.dark
.page-angel .angel-variant-content strong{

    background:
        rgba(123,75,194,.12);

    color:
        #C69FE6;

}

html[data-theme="dark"]
.page-angel .angel-variant-content p,
body.dark
.page-angel .angel-variant-content p{

    color:
        #A99BAB;

}


/* ==========================================================
   45. DARK — FAQ
   ========================================================== */

html[data-theme="dark"]
.page-angel .angel-faq-item,
body.dark
.page-angel .angel-faq-item{

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

    background:
        #19141E;

}

html[data-theme="dark"]
.page-angel .angel-faq-item.active,
body.dark
.page-angel .angel-faq-item.active{

    border-color:
        rgba(198,160,77,.24);

    box-shadow:
        0 18px 42px
        rgba(0,0,0,.23);

}

html[data-theme="dark"]
.page-angel .angel-faq-question,
body.dark
.page-angel .angel-faq-question{

    color:
        #EFE5F1;

}

html[data-theme="dark"]
.page-angel .angel-faq-number,
body.dark
.page-angel .angel-faq-number{

    background:
        rgba(123,75,194,.10);

    color:
        #C59CE8;

}

html[data-theme="dark"]
.page-angel .angel-faq-icon,
body.dark
.page-angel .angel-faq-icon{

    background:
        rgba(198,160,77,.09);

    color:
        #D4AA5B;

}

html[data-theme="dark"]
.page-angel .angel-faq-answer p,
body.dark
.page-angel .angel-faq-answer p{

    color:
        #A99CAB;

}


/* ==========================================================
   46. DARK — FINAL INFORMATION
   ========================================================== */

html[data-theme="dark"]
.page-angel .angel-disclaimer,
body.dark
.page-angel .angel-disclaimer{

    background:
        linear-gradient(
            180deg,
            #17121B,
            #100D13
        );

}

html[data-theme="dark"]
.page-angel .angel-disclaimer-box,
body.dark
.page-angel .angel-disclaimer-box{

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.02)
        );

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

}

html[data-theme="dark"]
.page-angel .angel-disclaimer-box h3,
body.dark
.page-angel .angel-disclaimer-box h3{

    color:
        #F0E6F2;

}

html[data-theme="dark"]
.page-angel .angel-disclaimer-box p,
body.dark
.page-angel .angel-disclaimer-box p{

    color:
        #A89AAA;

}


/* ==========================================================
   47. DARK — BUTTONS
   ========================================================== */

html[data-theme="dark"]
.page-angel .angel-btn-glass,
body.dark
.page-angel .angel-btn-glass{

    border-color:
        rgba(255,255,255,.10)
        !important;

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

    color:
        #EEE4F0
        !important;

}


/* ==========================================================
   48. RESPONSIVE — 1100px
   ========================================================== */

@media(max-width:1100px){

    .page-angel .angel-overview-grid{

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

    }

    .page-angel .angel-technology-grid{

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

    }

    .page-angel .angel-product-detail-grid{

        grid-template-columns:
            1fr;

        gap:45px;

    }

    .page-angel .angel-product-detail-frame{

        min-height:520px;

    }

    .page-angel .angel-benefit-grid{

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

    }

    .page-angel .angel-spec-grid{

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

    }

    .page-angel .angel-certification-grid{

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

    }

    .page-angel .angel-cta-box{

        grid-template-columns:
            1fr;

    }

    .page-angel .angel-cta-actions{

        flex-direction:row;

        flex-wrap:wrap;

    }

}


/* ==========================================================
   49. RESPONSIVE — 850px
   ========================================================== */

@media(max-width:850px){

    .page-angel .angel-section-heading{

        grid-template-columns:
            1fr;

        gap:20px;

    }

    .page-angel .angel-composition-grid{

        grid-template-columns:
            1fr;

    }

    .page-angel .angel-details-grid{

        grid-template-columns:
            1fr;

    }

    .page-angel .angel-detail-card-wide{

        grid-column:auto;

    }

    .page-angel .angel-variant-grid{

        grid-template-columns:
            1fr;

    }

    .page-angel .angel-certification-grid{

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

    }

}


/* ==========================================================
   50. RESPONSIVE — 760px
   ========================================================== */

@media(max-width:760px){

    .page-angel .angel-hero-product{

        min-height:430px;

    }

    .page-angel .angel-hero-product img{

        width:min(360px,87%);

    }

    .page-angel .angel-product-ring-1{

        width:315px;
        height:315px;

    }

    .page-angel .angel-product-ring-2{

        width:395px;
        height:395px;

    }

    .page-angel .angel-product-grid{

        width:315px;
        height:315px;

        background-size:
            42px 42px;

    }

    .page-angel .angel-product-aura{

        width:325px;
        height:325px;

    }

    .page-angel .angel-product-caption{

        bottom:10px;

    }

    .page-angel .angel-overview-grid{

        grid-template-columns:
            1fr;

    }

    .page-angel .angel-benefit-grid{

        grid-template-columns:
            1fr;

    }

    .page-angel .angel-technology-grid{

        grid-template-columns:
            1fr;

    }

    .page-angel .angel-spec-grid{

        grid-template-columns:
            1fr;

    }

    .page-angel .angel-product-detail-frame{

        min-height:430px;

        border-radius:29px;

    }

    .page-angel .angel-product-detail-image{

        width:min(74%,360px);

    }

    .page-angel .angel-detail-ring-1{

        width:310px;
        height:310px;

    }

    .page-angel .angel-detail-ring-2{

        width:390px;
        height:390px;

    }

    .page-angel .angel-detail-grid-decoration{

        width:310px;
        height:310px;

    }

    .page-angel .angel-detail-aura{

        width:310px;
        height:310px;

    }

    .page-angel .angel-product-specs{

        grid-template-columns:
            1fr;

    }

    .page-angel .angel-certification-grid{

        grid-template-columns:
            1fr 1fr;

    }

    .page-angel .angel-cta-actions{

        flex-direction:
            column;

    }

}


/* ==========================================================
   51. RESPONSIVE — 520px
   ========================================================== */

@media(max-width:520px){

    .page-angel .angel-eyebrow{

        font-size:.66rem;

    }

    .page-angel .angel-hero-pills{

        gap:7px;

    }

    .page-angel .angel-hero-pills span{

        padding:7px 10px;

        font-size:.67rem;

    }

    .page-angel .angel-hero-meta{

        gap:18px;

    }

    .page-angel .angel-overview-card{

        min-height:220px;

        padding:24px;

    }

    .page-angel .angel-benefit-card{

        min-height:210px;

        padding:24px;

    }

    .page-angel .angel-technology-card{

        min-height:200px;

        padding:24px;

    }

    .page-angel .angel-product-detail-frame{

        min-height:370px;

        border-radius:24px;

    }

    .page-angel .angel-product-detail-image{

        width:76%;

    }

    .page-angel .angel-detail-ring-1{

        width:270px;
        height:270px;

    }

    .page-angel .angel-detail-ring-2{

        width:335px;
        height:335px;

    }

    .page-angel .angel-detail-grid-decoration{

        width:270px;
        height:270px;

        background-size:
            38px 38px;

    }

    .page-angel .angel-detail-aura{

        width:270px;
        height:270px;

    }

    .page-angel .angel-detail-caption{

        bottom:17px;

        padding:8px 12px;

    }

    .page-angel .angel-composition-item{

        padding:20px;

    }

    .page-angel .angel-spec-detail-list{

        grid-template-columns:
            1fr;

    }

    .page-angel .angel-certification-grid{

        grid-template-columns:
            1fr;

    }

    .page-angel .angel-certification-image{

        min-height:250px;

    }

    .page-angel .angel-variant-image{

        min-height:300px;

    }

    .page-angel .angel-faq-question{

        grid-template-columns:
            36px minmax(0,1fr) 30px;

        gap:10px;

        padding:16px;

    }

    .page-angel .angel-faq-answer p{

        padding:
            0 16px 18px;

    }

    .page-angel .angel-disclaimer{

        padding:
            40px 0;

    }

    .page-angel .angel-disclaimer-box{

        grid-template-columns:
            1fr;

        padding:25px;

    }

    .page-angel .angel-cta-box{

        padding:30px;

    }

}


/* ==========================================================
   52. REDUCED MOTION
   ========================================================== */

@media(prefers-reduced-motion:reduce){

    .page-angel *,
    .page-angel *::before,
    .page-angel *::after{

        scroll-behavior:auto !important;

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;

    }

}


```css
/* ==========================================================
   AD LIFESTYLE V2
   ZENBRU
   PAGE COMPONENTS
   Premium Functional Coffee
   Standardised Product Architecture
   LIGHT + DARK COMPATIBILITY
   ========================================================== */


/* ==========================================================
   01. PAGE VARIABLES
   ========================================================== */

.page-zenbru{

    --zenbru-brown:#4B2413;
    --zenbru-brown-deep:#2E160C;
    --zenbru-brown-mid:#703719;

    --zenbru-gold:#C79A2B;
    --zenbru-gold-light:#E3C56D;
    --zenbru-gold-deep:#8B6818;

    --zenbru-yellow:#F4C51B;
    --zenbru-orange:#D97706;

    --zenbru-green:#57753C;
    --zenbru-green-deep:#344B24;

    --zenbru-cream:#FFF9E9;
    --zenbru-cream-soft:#F7F0DF;

    --zenbru-black:#17120F;

    --zenbru-bg:#FFFFFF;
    --zenbru-bg-soft:#FFF9EA;
    --zenbru-surface:#FFFFFF;
    --zenbru-surface-soft:#FFFDF7;

    --zenbru-text:#39251A;
    --zenbru-text-soft:#685A52;
    --zenbru-text-muted:#83756D;

    --zenbru-line:rgba(75,36,19,.11);
    --zenbru-line-soft:rgba(75,36,19,.07);

    --zenbru-card-shadow:
        0 18px 45px rgba(75,36,19,.055);

    --zenbru-heavy-shadow:
        0 35px 90px rgba(46,22,12,.16);

    --zenbru-radius:30px;

    color:var(--zenbru-text);

    background:var(--zenbru-bg);

}


/* ==========================================================
   02. GLOBAL PAGE BEHAVIOUR
   ========================================================== */

.page-zenbru *,
.page-zenbru *::before,
.page-zenbru *::after{

    box-sizing:border-box;

}


.page-zenbru img{

    display:block;
    max-width:100%;

}


.page-zenbru button{

    font:inherit;

}


.page-zenbru button:focus-visible{

    outline:
        3px solid
        rgba(199,154,43,.45);

    outline-offset:3px;

}


/* ==========================================================
   03. HERO
   ========================================================== */

.page-zenbru .zenbru-hero{

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(244,197,27,.18),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 18%,
            rgba(87,117,60,.14),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #FFFDF6 0%,
            #FFF8E7 45%,
            #F5EEDC 100%
        );

}


.page-zenbru .zenbru-hero .container{

    position:relative;

    z-index:2;

}


/* ==========================================================
   04. HERO ATMOSPHERE
   ========================================================== */

.page-zenbru .zenbru-hero-atmosphere{

    position:absolute;

    inset:0;

    pointer-events:none;

}


.page-zenbru .zenbru-orb{

    position:absolute;

    border-radius:50%;

    filter:blur(75px);

    opacity:.46;

}


.page-zenbru .zenbru-orb-1{

    width:370px;
    height:370px;

    left:-140px;
    top:-120px;

    background:
        rgba(244,197,27,.14);

}


.page-zenbru .zenbru-orb-2{

    width:320px;
    height:320px;

    right:4%;
    top:8%;

    background:
        rgba(87,117,60,.13);

}


.page-zenbru .zenbru-orb-3{

    width:420px;
    height:420px;

    left:43%;
    bottom:-230px;

    background:
        rgba(194,120,36,.08);

}


.page-zenbru .zenbru-orbit{

    position:absolute;

    border-radius:50%;

    border:
        1px solid
        rgba(75,36,19,.08);

}


.page-zenbru .zenbru-orbit-1{

    width:570px;
    height:570px;

    right:-210px;
    top:-170px;

}


.page-zenbru .zenbru-orbit-2{

    width:400px;
    height:400px;

    right:-120px;
    top:-90px;

    border-color:
        rgba(199,154,43,.15);

}


/* ==========================================================
   05. HERO TYPOGRAPHY
   ========================================================== */

.page-zenbru .zenbru-eyebrow{

    display:block;

    margin-top:18px;

    color:
        var(--zenbru-brown-mid);

    font-size:.76rem;

    font-weight:900;

    letter-spacing:.18em;

    text-transform:uppercase;

}


.page-zenbru .zenbru-hero .hero-title{

    max-width:760px;

    color:
        var(--zenbru-brown-deep)
        !important;

}


.page-zenbru .zenbru-hero .hero-title span{

    display:block;

    background:
        linear-gradient(
            90deg,
            var(--zenbru-brown),
            var(--zenbru-orange),
            var(--zenbru-gold-deep)
        );

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent !important;

}


.page-zenbru .zenbru-hero .hero-sub{

    max-width:690px;

    color:
        var(--zenbru-text-soft)
        !important;

}


/* ==========================================================
   06. HERO PILLS
   ========================================================== */

.page-zenbru .zenbru-hero-pills{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin:25px 0;

}


.page-zenbru .zenbru-hero-pills span{

    padding:9px 14px;

    border:
        1px solid
        rgba(75,36,19,.10);

    border-radius:999px;

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

    color:
        var(--zenbru-brown-deep);

    font-size:.77rem;

    font-weight:800;

    box-shadow:
        0 8px 24px
        rgba(75,36,19,.05);

}


/* ==========================================================
   07. HERO META
   ========================================================== */

.page-zenbru .zenbru-hero-meta{

    display:flex;

    flex-wrap:wrap;

    gap:28px;

    margin-top:35px;

}


.page-zenbru .zenbru-hero-meta div{

    display:flex;

    flex-direction:column;

    gap:4px;

}


.page-zenbru .zenbru-hero-meta strong{

    color:
        var(--zenbru-brown-deep);

    font-size:1.04rem;

}


.page-zenbru .zenbru-hero-meta span{

    color:
        #83766F;

    font-size:.75rem;

}


/* ==========================================================
   08. HERO PRODUCT
   ========================================================== */

.page-zenbru .zenbru-hero-product{

    position:relative;

    min-height:550px;

    display:flex;

    align-items:center;

    justify-content:center;

    isolation:isolate;

}


.page-zenbru .zenbru-hero-product img{

    position:relative;

    z-index:4;

    width:min(440px,82%);

    max-height:570px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 38px 52px
            rgba(75,36,19,.22)
        )
        drop-shadow(
            0 8px 20px
            rgba(0,0,0,.06)
        );

    transition:
        transform .6s cubic-bezier(.2,.8,.2,1),
        filter .4s ease;

}


.page-zenbru .zenbru-hero-product:hover img{

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

    filter:
        drop-shadow(
            0 46px 60px
            rgba(75,36,19,.26)
        );

}


/* ==========================================================
   09. HERO AURA / RINGS
   ========================================================== */

.page-zenbru .zenbru-product-aura{

    position:absolute;

    width:410px;
    height:410px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(244,197,27,.22),
            rgba(87,117,60,.08) 46%,
            transparent 72%
        );

    filter:blur(5px);

}


.page-zenbru .zenbru-product-ring{

    position:absolute;

    border-radius:50%;

    z-index:1;

}


.page-zenbru .zenbru-product-ring-1{

    width:470px;
    height:470px;

    border:
        1px solid
        rgba(75,36,19,.14);

    box-shadow:
        inset 0 0 70px
        rgba(244,197,27,.08),

        0 0 70px
        rgba(75,36,19,.06);

}


.page-zenbru .zenbru-product-ring-2{

    width:575px;
    height:575px;

    border:
        1px dashed
        rgba(199,154,43,.15);

    animation:
        zenbruRingRotate
        30s
        linear
        infinite;

}


@keyframes zenbruRingRotate{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


.page-zenbru .zenbru-product-grid{

    position:absolute;

    width:440px;
    height:440px;

    border-radius:50%;

    background:
        linear-gradient(
            transparent 49.7%,
            rgba(75,36,19,.045) 50%,
            transparent 50.3%
        ),
        linear-gradient(
            90deg,
            transparent 49.7%,
            rgba(199,154,43,.065) 50%,
            transparent 50.3%
        );

    background-size:
        55px 55px;

    opacity:.23;

    z-index:0;

    transform:rotate(18deg);

}


/* ==========================================================
   10. HERO CAPTION
   ========================================================== */

.page-zenbru .zenbru-product-caption{

    position:absolute;

    z-index:6;

    left:50%;
    bottom:38px;

    transform:
        translateX(-50%);

    display:flex;

    align-items:center;

    gap:10px;

    padding:10px 16px;

    border:
        1px solid
        rgba(75,36,19,.12);

    border-radius:999px;

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

    backdrop-filter:
        blur(16px);

    white-space:nowrap;

}


.page-zenbru .zenbru-product-caption span{

    color:
        var(--zenbru-brown-mid);

    font-size:.68rem;

    font-weight:900;

    letter-spacing:.17em;

}


.page-zenbru .zenbru-product-caption strong{

    color:
        var(--zenbru-gold-deep);

    font-size:.73rem;

    letter-spacing:.18em;

}


/* ==========================================================
   11. GENERAL TYPOGRAPHY
   ========================================================== */

.page-zenbru .section-title{

    color:
        var(--zenbru-brown-deep)
        !important;

}


.page-zenbru .section-title span{

    color:
        var(--zenbru-orange)
        !important;

}


.page-zenbru .lead{

    color:
        var(--zenbru-text-soft)
        !important;

}


.page-zenbru .label{

    color:
        var(--zenbru-brown-mid)
        !important;

}


/* ==========================================================
   12. OVERVIEW
   ========================================================== */

.page-zenbru .zenbru-overview-section{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #FFFDF7
        );

}


.page-zenbru .zenbru-overview-grid{

    display:grid;

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

    gap:16px;

    margin-top:42px;

}


.page-zenbru .zenbru-overview-card{

    position:relative;

    min-height:245px;

    padding:28px;

    border:
        1px solid
        var(--zenbru-line);

    border-radius:25px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FFF8E9
        );

    box-shadow:
        var(--zenbru-card-shadow);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}


.page-zenbru .zenbru-overview-card:hover{

    transform:
        translateY(-6px);

    border-color:
        rgba(199,154,43,.28);

    box-shadow:
        0 25px 58px
        rgba(75,36,19,.10);

}


.page-zenbru .zenbru-card-number{

    display:block;

    color:
        rgba(75,36,19,.17);

    font-size:.71rem;

    font-weight:900;

    letter-spacing:.14em;

}


.page-zenbru .zenbru-card-icon{

    width:48px;
    height:48px;

    display:flex;

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

    margin-top:25px;

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(244,197,27,.13),
            rgba(87,117,60,.10)
        );

    color:
        var(--zenbru-brown);

    font-size:1.3rem;

}


.page-zenbru .zenbru-overview-card h3{

    margin-top:20px;

    color:
        var(--zenbru-brown-deep);

    font-size:1.18rem;

}


.page-zenbru .zenbru-overview-card p{

    margin-top:9px;

    color:
        #71655D;

    line-height:1.7;

    font-size:.89rem;

}


.page-zenbru .zenbru-overview-note{

    display:grid;

    grid-template-columns:46px 1fr;

    gap:15px;

    margin-top:25px;

    padding:22px;

    border:
        1px solid
        rgba(199,154,43,.17);

    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            rgba(244,197,27,.075),
            rgba(87,117,60,.045)
        );

}


.page-zenbru .zenbru-overview-note-icon{

    width:40px;
    height:40px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--zenbru-brown);

    color:#FFFFFF;

    font-weight:900;

}


.page-zenbru .zenbru-overview-note strong{

    color:
        var(--zenbru-brown-deep);

}


.page-zenbru .zenbru-overview-note p{

    margin-top:5px;

    color:
        #73665E;

    line-height:1.65;

}


/* ==========================================================
   13. COMPOSITION
   ========================================================== */

.page-zenbru .zenbru-composition{

    background:#FFFFFF;

}


.page-zenbru .zenbru-section-heading{

    display:grid;

    grid-template-columns:
        1fr .9fr;

    gap:50px;

    align-items:end;

}


.page-zenbru .zenbru-composition-grid{

    display:grid;

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

    gap:16px;

    margin-top:42px;

}


/* ==========================================================
   14. INGREDIENT CARDS
   ========================================================== */

.page-zenbru .zenbru-ingredient-card{

    position:relative;

    min-height:260px;

    padding:29px;

    border:
        1px solid
        var(--zenbru-line);

    border-radius:26px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FFF9ED
        );

    box-shadow:
        var(--zenbru-card-shadow);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}


.page-zenbru .zenbru-ingredient-card:hover{

    transform:
        translateY(-7px);

    border-color:
        rgba(199,154,43,.28);

    box-shadow:
        0 25px 58px
        rgba(75,36,19,.10);

}


.page-zenbru .zenbru-ingredient-icon{

    width:54px;
    height:54px;

    display:flex;

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

    border-radius:17px;

    background:
        linear-gradient(
            135deg,
            rgba(244,197,27,.15),
            rgba(75,36,19,.07)
        );

    font-size:1.45rem;

}


.page-zenbru .zenbru-ingredient-number{

    display:block;

    margin-top:24px;

    color:
        rgba(75,36,19,.42);

    font-size:.63rem;

    font-weight:900;

    letter-spacing:.16em;

    text-transform:uppercase;

}


.page-zenbru .zenbru-ingredient-card h3{

    margin-top:8px;

    color:
        var(--zenbru-brown-deep);

    font-size:1.28rem;

}


.page-zenbru .zenbru-ingredient-card p{

    margin-top:9px;

    color:
        #71655D;

    line-height:1.72;

    font-size:.9rem;

}


/* ==========================================================
   15. DETAILS EXPANDER
   ========================================================== */

.page-zenbru .zenbru-information{

    margin-top:28px;

}


.page-zenbru .zenbru-details-toggle{

    width:100%;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:16px 18px;

    border:
        1px solid
        var(--zenbru-line);

    border-radius:17px;

    background:
        var(--zenbru-surface-soft);

    color:
        var(--zenbru-brown-deep);

    cursor:pointer;

    font-size:.78rem;

    font-weight:900;

    text-align:left;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        color .25s ease;

}


.page-zenbru .zenbru-details-toggle:hover{

    transform:
        translateY(-2px);

    border-color:
        rgba(199,154,43,.35);

    box-shadow:
        0 12px 25px
        rgba(75,36,19,.06);

}


.page-zenbru .zenbru-details-icon{

    width:30px;
    height:30px;

    display:flex;

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

    flex:0 0 auto;

    border-radius:50%;

    background:
        rgba(199,154,43,.12);

    color:
        var(--zenbru-gold-deep);

    font-size:1.15rem;

    transition:
        transform .35s ease,
        background .35s ease;

}


.page-zenbru .zenbru-information.active
.zenbru-details-icon{

    transform:
        rotate(45deg);

    background:
        rgba(75,36,19,.08);

}


/* ==========================================================
   16. EXPANDED CARDS
   ========================================================== */

.page-zenbru .zenbru-details-content{

    display:grid;

    grid-template-rows:0fr;

    opacity:0;

    visibility:hidden;

    transition:
        grid-template-rows .55s cubic-bezier(.2,.8,.2,1),
        opacity .35s ease,
        visibility .55s ease;

}


.page-zenbru .zenbru-information.active
.zenbru-details-content{

    grid-template-rows:1fr;

    opacity:1;

    visibility:visible;

}


.page-zenbru .zenbru-details-content > *{

    min-height:0;

    overflow:hidden;

}


.page-zenbru .zenbru-details-grid{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:14px;

    padding-top:16px;

}


.page-zenbru .zenbru-detail-card{

    min-width:0;

    padding:25px;

    border:
        1px solid
        var(--zenbru-line);

    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            #FFFDFC,
            #FFF8E9
        );

    box-shadow:
        0 11px 28px
        rgba(75,36,19,.045);

    transition:
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;

}


.page-zenbru .zenbru-detail-card h3{

    margin-top:10px;

    color:
        var(--zenbru-brown-deep);

    font-size:1.18rem;

}


.page-zenbru .zenbru-detail-card .text{

    color:
        #70635B;

    line-height:1.72;

}


.page-zenbru .zenbru-detail-card-wide{

    grid-column:
        1 / -1;

}


.page-zenbru .zenbru-detail-list{

    display:grid;

    gap:8px;

    margin-top:18px;

}


.page-zenbru .zenbru-detail-item{

    display:flex;

    align-items:flex-start;

    gap:9px;

    color:
        #675A52;

    font-size:.83rem;

    line-height:1.5;

}


.page-zenbru .zenbru-detail-check{

    width:22px;
    height:22px;

    flex:0 0 auto;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(87,117,60,.11);

    color:
        var(--zenbru-green-deep);

    font-size:.67rem;

    font-weight:900;

}


/* ==========================================================
   17. EXPERIENCE
   ========================================================== */

.page-zenbru .zenbru-experience{

    background:
        radial-gradient(
            circle at 15% 15%,
            rgba(244,197,27,.15),
            transparent 27%
        ),
        radial-gradient(
            circle at 88% 12%,
            rgba(87,117,60,.12),
            transparent 26%
        ),
        linear-gradient(
            135deg,
            #402012,
            #4B2413 52%,
            #30170C
        );

}


.page-zenbru .zenbru-experience
.section-title{

    color:#FFFFFF !important;

}


.page-zenbru .zenbru-experience
.section-title span{

    color:#F1C84A !important;

}


.page-zenbru .zenbru-experience
.lead{

    color:#E3D5CC !important;

}


.page-zenbru .zenbru-experience
.label{

    color:#E5BF5A !important;

}


.page-zenbru .zenbru-experience-grid{

    display:grid;

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

    gap:16px;

    margin-top:42px;

}


.page-zenbru .zenbru-experience-card{

    padding:29px;

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

    border-radius:25px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.03)
        );

    backdrop-filter:
        blur(15px);

    box-shadow:
        0 18px 45px
        rgba(0,0,0,.14);

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease;

}


.page-zenbru .zenbru-experience-card:hover{

    transform:
        translateY(-6px);

    border-color:
        rgba(229,191,90,.30);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.10),
            rgba(255,255,255,.04)
        );

}


.page-zenbru .zenbru-experience-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

}


.page-zenbru .zenbru-experience-top span{

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

    font-size:.72rem;

    font-weight:900;

    letter-spacing:.15em;

}


.page-zenbru .zenbru-experience-top i{

    width:37px;
    height:37px;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(244,197,27,.12);

    color:
        #E6C35F;

    font-style:normal;

}


.page-zenbru .zenbru-experience-card h3{

    margin-top:22px;

    color:#FFFFFF;

    font-size:1.24rem;

}


.page-zenbru .zenbru-experience-card p{

    margin-top:9px;

    color:
        #D4C8C0;

    line-height:1.7;

    font-size:.88rem;

}


/* ==========================================================
   18. PRODUCT DETAIL
   ========================================================== */

.page-zenbru .zenbru-product-section{

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 8% 30%,
            rgba(87,117,60,.09),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 70%,
            rgba(244,197,27,.10),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #FFFDF7 0%,
            #FFFFFF 100%
        );

}


.page-zenbru .zenbru-product-detail-grid{

    display:grid;

    grid-template-columns:
        minmax(0,.95fr)
        minmax(0,1.05fr);

    gap:70px;

    align-items:center;

}


/* ==========================================================
   19. PRODUCT DETAIL IMAGE
   ========================================================== */

.page-zenbru .zenbru-product-detail-visual{

    position:relative;

}


.page-zenbru .zenbru-product-detail-frame{

    position:relative;

    min-height:560px;

    display:flex;

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

    overflow:hidden;

    isolation:isolate;

    border:
        1px solid
        rgba(75,36,19,.10);

    border-radius:36px;

    background:
        radial-gradient(
            circle at 50% 43%,
            rgba(244,197,27,.16),
            transparent 29%
        ),
        radial-gradient(
            circle at 50% 55%,
            rgba(87,117,60,.08),
            transparent 54%
        ),
        linear-gradient(
            145deg,
            #FFFFFF,
            #FFF7E7
        );

    box-shadow:
        0 30px 75px
        rgba(75,36,19,.10);

}


.page-zenbru .zenbru-detail-aura{

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(244,197,27,.20),
            rgba(75,36,19,.06) 47%,
            transparent 73%
        );

    filter:blur(5px);

    z-index:0;

}


.page-zenbru .zenbru-detail-ring{

    position:absolute;

    border-radius:50%;

    z-index:1;

}


.page-zenbru .zenbru-detail-ring-1{

    width:430px;
    height:430px;

    border:
        1px solid
        rgba(75,36,19,.12);

    box-shadow:
        inset 0 0 70px
        rgba(244,197,27,.07),

        0 0 55px
        rgba(75,36,19,.04);

}


.page-zenbru .zenbru-detail-ring-2{

    width:540px;
    height:540px;

    border:
        1px dashed
        rgba(199,154,43,.14);

    animation:
        zenbruDetailRotation
        28s
        linear
        infinite;

}


@keyframes zenbruDetailRotation{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}


.page-zenbru .zenbru-detail-grid{

    position:absolute;

    width:430px;
    height:430px;

    border-radius:50%;

    background:
        linear-gradient(
            transparent 49.7%,
            rgba(75,36,19,.04) 50%,
            transparent 50.3%
        ),
        linear-gradient(
            90deg,
            transparent 49.7%,
            rgba(199,154,43,.055) 50%,
            transparent 50.3%
        );

    background-size:
        52px 52px;

    opacity:.25;

    transform:
        rotate(17deg);

    z-index:0;

}


.page-zenbru .zenbru-product-detail-image{

    position:relative;

    z-index:4;

    width:min(72%,430px);

    max-height:500px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 35px 48px
            rgba(75,36,19,.21)
        )
        drop-shadow(
            0 8px 18px
            rgba(0,0,0,.07)
        );

    transition:
        transform .6s cubic-bezier(.2,.8,.2,1),
        filter .4s ease;

}


.page-zenbru
.zenbru-product-detail-frame:hover
.zenbru-product-detail-image{

    transform:
        translateY(-9px)
        scale(1.035);

}


.page-zenbru .zenbru-detail-caption{

    position:absolute;

    z-index:6;

    left:50%;
    bottom:27px;

    transform:
        translateX(-50%);

    display:flex;

    align-items:center;

    gap:10px;

    padding:10px 16px;

    border:
        1px solid
        rgba(75,36,19,.11);

    border-radius:999px;

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

    backdrop-filter:
        blur(15px);

    white-space:nowrap;

}


.page-zenbru .zenbru-detail-caption span{

    color:
        var(--zenbru-brown-mid);

    font-size:.67rem;

    font-weight:900;

    letter-spacing:.17em;

}


.page-zenbru .zenbru-detail-caption strong{

    color:
        var(--zenbru-gold-deep);

    font-size:.73rem;

    letter-spacing:.19em;

}


/* ==========================================================
   20. PRODUCT DETAIL COPY
   ========================================================== */

.page-zenbru .zenbru-product-detail-copy{

    min-width:0;

}


.page-zenbru .zenbru-product-detail-copy
.section-title{

    max-width:650px;

}


/* ==========================================================
   21. PRODUCT SPECS
   ========================================================== */

.page-zenbru .zenbru-product-specs{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:11px;

    margin-top:30px;

}


.page-zenbru .zenbru-product-spec{

    display:grid;

    grid-template-columns:
        38px 1fr;

    gap:11px;

    align-items:center;

    min-height:72px;

    padding:13px 14px;

    border:
        1px solid
        var(--zenbru-line);

    border-radius:17px;

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

    box-shadow:
        0 9px 24px
        rgba(75,36,19,.04);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        background .3s ease;

}


.page-zenbru .zenbru-product-spec:hover{

    transform:
        translateY(-3px);

    border-color:
        rgba(199,154,43,.30);

    box-shadow:
        0 15px 30px
        rgba(75,36,19,.07);

}


.page-zenbru .zenbru-product-spec-number{

    width:34px;
    height:34px;

    display:flex;

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

    border-radius:11px;

    background:
        linear-gradient(
            135deg,
            rgba(75,36,19,.09),
            rgba(244,197,27,.13)
        );

    color:
        var(--zenbru-brown);

    font-size:.62rem;

    font-weight:900;

}


.page-zenbru .zenbru-product-spec strong{

    display:block;

    color:
        var(--zenbru-brown-deep);

    font-size:.76rem;

    font-weight:900;

}


.page-zenbru .zenbru-product-spec div span{

    display:block;

    margin-top:3px;

    color:#7A6E66;

    font-size:.72rem;

    line-height:1.45;

}


/* ==========================================================
   22. PRODUCT HIGHLIGHT
   ========================================================== */

.page-zenbru .zenbru-product-highlight{

    display:grid;

    grid-template-columns:
        45px 1fr;

    gap:14px;

    align-items:start;

    margin-top:23px;

    padding:20px;

    border:
        1px solid
        rgba(199,154,43,.20);

    border-radius:21px;

    background:
        linear-gradient(
            135deg,
            rgba(244,197,27,.075),
            rgba(87,117,60,.035)
        );

}


.page-zenbru .zenbru-product-highlight-icon{

    width:40px;
    height:40px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--zenbru-brown);

    color:#FFFFFF;

}


.page-zenbru .zenbru-product-highlight strong{

    display:block;

    color:
        var(--zenbru-brown-deep);

    font-size:.9rem;

}


.page-zenbru .zenbru-product-highlight p{

    margin-top:5px;

    color:#71655D;

    line-height:1.65;

    font-size:.82rem;

}


/* ==========================================================
   23. PREPARATION
   ========================================================== */

.page-zenbru .zenbru-preparation{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #FFF9EA
        );

}


.page-zenbru .zenbru-preparation-grid{

    display:grid;

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

    gap:14px;

    margin-top:42px;

}


.page-zenbru .zenbru-preparation-step{

    padding:25px;

    border:
        1px solid
        var(--zenbru-line);

    border-radius:24px;

    background:
        var(--zenbru-surface);

    box-shadow:
        var(--zenbru-card-shadow);

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

}


.page-zenbru .zenbru-preparation-step:hover{

    transform:
        translateY(-5px);

    border-color:
        rgba(199,154,43,.28);

}


.page-zenbru .zenbru-preparation-number{

    width:50px;
    height:50px;

    display:flex;

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

    border-radius:16px;

    background:
        linear-gradient(
            135deg,
            var(--zenbru-brown),
            var(--zenbru-orange)
        );

    color:#FFFFFF;

    font-size:.76rem;

    font-weight:900;

}


.page-zenbru .zenbru-preparation-step h3{

    margin-top:20px;

    color:
        var(--zenbru-brown-deep);

    font-size:1.05rem;

}


.page-zenbru .zenbru-preparation-step p{

    margin-top:7px;

    color:#756960;

    line-height:1.68;

    font-size:.86rem;

}


.page-zenbru .zenbru-preparation-note{

    padding:23px;

    border:
        1px solid
        rgba(199,154,43,.20);

    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            rgba(244,197,27,.07),
            rgba(87,117,60,.04)
        );

}


.page-zenbru .zenbru-preparation-note p{

    margin-top:7px;

    color:#71655C;

    line-height:1.7;

}


/* ==========================================================
   24. BENEFITS
   ========================================================== */

.page-zenbru .zenbru-benefits{

    background:#FFFFFF;

}


.page-zenbru .zenbru-benefits-grid{

    display:grid;

    grid-template-columns:
        .9fr 1.1fr;

    gap:70px;

    align-items:center;

}


.page-zenbru .zenbru-benefits-frame{

    position:relative;

    min-height:540px;

    display:flex;

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

    overflow:hidden;

    border-radius:34px;

    border:
        1px solid
        rgba(75,36,19,.09);

    background:
        radial-gradient(
            circle at center,
            rgba(244,197,27,.17),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #FFF9E8,
            #F5ECD5
        );

    box-shadow:
        var(--zenbru-shadow);

}


.page-zenbru .zenbru-benefits-glow{

    position:absolute;

    width:390px;
    height:390px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(199,154,43,.17),
            transparent 70%
        );

    filter:blur(4px);

}


.page-zenbru .zenbru-benefits-frame img{

    position:relative;

    z-index:2;

    width:min(70%,410px);

    max-height:470px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 35px 45px
            rgba(75,36,19,.19)
        );

    transition:
        transform .55s ease;

}


.page-zenbru .zenbru-benefits-frame:hover img{

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

}


.page-zenbru .zenbru-benefit-list{

    display:grid;

    gap:11px;

    margin-top:25px;

}


.page-zenbru .zenbru-check-item{

    display:flex;

    align-items:center;

    gap:11px;

    color:
        #594C43;

    font-size:.9rem;

}


.page-zenbru .zenbru-check-icon{

    width:28px;
    height:28px;

    flex:0 0 auto;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(87,117,60,.10);

    color:
        var(--zenbru-green-deep);

    font-size:.66rem;

    font-weight:900;

}


/* ==========================================================
   25. ORIGINS
   ========================================================== */

.page-zenbru .zenbru-origins{

    background:
        linear-gradient(
            180deg,
            #FFF9EB,
            #FFFFFF
        );

}


.page-zenbru .zenbru-origin-grid{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:16px;

    margin-top:42px;

}


.page-zenbru .zenbru-origin-card{

    position:relative;

    min-height:250px;

    padding:30px;

    overflow:hidden;

    border:
        1px solid
        var(--zenbru-line);

    border-radius:27px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FFF8E8
        );

    box-shadow:
        var(--zenbru-card-shadow);

}


.page-zenbru .zenbru-origin-code{

    position:absolute;

    top:22px;
    right:25px;

    color:
        rgba(75,36,19,.08);

    font-size:3rem;

    font-weight:900;

}


.page-zenbru .zenbru-origin-card h3{

    margin-top:9px;

    color:
        var(--zenbru-brown-deep);

    font-size:1.35rem;

}


.page-zenbru .zenbru-origin-card p{

    max-width:560px;

    margin-top:10px;

    color:
        #71645C;

    line-height:1.75;

    font-size:.9rem;

}


.page-zenbru .zenbru-origin-card-wide{

    grid-column:
        1 / -1;

    min-height:210px;

    background:
        linear-gradient(
            135deg,
            #4B2413,
            #5A2D17
        );

}


.page-zenbru .zenbru-origin-card-wide
.label{

    color:
        #E5BE59 !important;

}


.page-zenbru .zenbru-origin-card-wide h3{

    color:#FFFFFF;

}


.page-zenbru .zenbru-origin-card-wide p{

    color:#E2D4CA;

}


/* ==========================================================
   26. FAQ
   ========================================================== */

.page-zenbru .zenbru-faq{

    background:
        #FFFFFF;

}


.page-zenbru .zenbru-faq-list{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-top:40px;

}


.page-zenbru .zenbru-faq-item{

    overflow:hidden;

    border:
        1px solid
        var(--zenbru-line);

    border-radius:21px;

    background:
        var(--zenbru-surface-soft);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        background .3s ease;

}


.page-zenbru .zenbru-faq-item:hover{

    border-color:
        rgba(75,36,19,.20);

}


.page-zenbru .zenbru-faq-item.active{

    transform:
        translateY(-2px);

    border-color:
        rgba(199,154,43,.32);

    box-shadow:
        0 17px 42px
        rgba(75,36,19,.07);

}


.page-zenbru .zenbru-faq-question{

    width:100%;

    display:grid;

    grid-template-columns:
        44px minmax(0,1fr) 34px;

    align-items:center;

    gap:14px;

    padding:18px 20px;

    border:0;

    background:transparent;

    color:
        var(--zenbru-brown-deep);

    font-weight:800;

    text-align:left;

    cursor:pointer;

}


.page-zenbru .zenbru-faq-number{

    width:34px;
    height:34px;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(75,36,19,.07);

    color:
        var(--zenbru-brown);

    font-size:.65rem;

    font-weight:900;

}


.page-zenbru .zenbru-faq-text{

    line-height:1.5;

}


.page-zenbru .zenbru-faq-plus{

    width:30px;
    height:30px;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(199,154,43,.12);

    color:
        var(--zenbru-gold-deep);

    font-size:1.1rem;

    transition:
        transform .35s ease,
        background .35s ease;

}


.page-zenbru .zenbru-faq-item.active
.zenbru-faq-plus{

    transform:
        rotate(45deg);

    background:
        rgba(75,36,19,.08);

}


.page-zenbru .zenbru-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:
        max-height .45s ease;

}


.page-zenbru .zenbru-faq-item.active
.zenbru-faq-answer{

    max-height:320px;

}


.page-zenbru .zenbru-faq-answer p{

    padding:
        0 20px 20px 78px;

    color:
        #71645C;

    line-height:1.75;

    font-size:.89rem;

}


/* ==========================================================
   27. FINAL INFORMATION / TRUST SECTION
   ========================================================== */

.page-zenbru .zenbru-disclaimer{

    position:relative;

    padding:
        52px 0;

    background:
        linear-gradient(
            180deg,
            #F6F0E4,
            #EEE5D5
        );

}


.page-zenbru .zenbru-disclaimer::before{

    content:"";

    position:absolute;

    top:0;
    left:50%;

    width:min(760px,70%);

    height:1px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(199,154,43,.45),
            transparent
        );

}


.page-zenbru .zenbru-disclaimer-box{

    position:relative;

    display:grid;

    grid-template-columns:
        58px 1fr;

    gap:20px;

    align-items:start;

    padding:30px 34px;

    border:
        1px solid
        rgba(75,36,19,.10);

    border-radius:28px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.94),
            rgba(255,250,239,.88)
        );

    box-shadow:
        0 22px 55px
        rgba(75,36,19,.07);

}


.page-zenbru .zenbru-disclaimer-icon{

    width:48px;
    height:48px;

    display:flex;

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

    border-radius:16px;

    background:
        linear-gradient(
            135deg,
            var(--zenbru-brown),
            var(--zenbru-orange)
        );

    color:#FFFFFF;

    font-size:.9rem;

    font-weight:900;

    box-shadow:
        0 12px 25px
        rgba(75,36,19,.12);

}


.page-zenbru .zenbru-disclaimer-box strong{

    display:block;

    color:
        var(--zenbru-brown-deep);

    font-size:1rem;

}


.page-zenbru .zenbru-disclaimer-box p{

    max-width:920px;

    margin-top:9px;

    color:
        #70635A;

    line-height:1.78;

    font-size:.86rem;

}


/* ==========================================================
   28. CTA
   ========================================================== */

.page-zenbru .zenbru-cta{

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 13% 18%,
            rgba(244,197,27,.14),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #402012,
            #4B2413 52%,
            #2F170D
        );

}


.page-zenbru .zenbru-cta-box{

    display:grid;

    grid-template-columns:
        1fr auto;

    gap:40px;

    align-items:center;

    padding:48px;

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

    border-radius:32px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.025)
        );

    box-shadow:
        0 25px 75px
        rgba(0,0,0,.18);

    backdrop-filter:
        blur(14px);

}


.page-zenbru .zenbru-label-light{

    color:
        #E3BE5C !important;

}


.page-zenbru .zenbru-cta-box h2{

    margin-top:10px;

    color:#FFFFFF;

    font-size:
        clamp(
            2rem,
            4vw,
            3.4rem
        );

    line-height:1.05;

}


.page-zenbru .zenbru-cta-box h2 span{

    color:
        #E5BE59;

}


.page-zenbru .zenbru-cta-box p{

    max-width:650px;

    margin-top:13px;

    color:
        #D5C7BD;

    line-height:1.7;

}


.page-zenbru .zenbru-cta-actions{

    display:flex;

    flex-direction:column;

    gap:10px;

    min-width:220px;

}


/* ==========================================================
   29. BUTTONS
   ========================================================== */

.page-zenbru .zenbru-btn-primary{

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

    background:
        linear-gradient(
            135deg,
            var(--zenbru-brown),
            var(--zenbru-orange)
        )
        !important;

    color:
        #FFFFFF !important;

    box-shadow:
        0 14px 32px
        rgba(75,36,19,.15)
        !important;

}


.page-zenbru .zenbru-btn-glass{

    border-color:
        rgba(75,36,19,.16)
        !important;

    color:
        var(--zenbru-brown-deep)
        !important;

    background:
        rgba(255,255,255,.76)
        !important;

}


.page-zenbru .zenbru-btn-dark{

    color:
        #FFFFFF !important;

    border-color:
        rgba(255,255,255,.16)
        !important;

    background:
        rgba(255,255,255,.055)
        !important;

}


/* ==========================================================
   30. DARK THEME
   Compatível com theme.js
   ========================================================== */

html[data-theme="dark"] .page-zenbru,
body.dark .page-zenbru{

    --zenbru-bg:#0F0D0B;
    --zenbru-bg-soft:#17120E;

    --zenbru-surface:#1A1612;
    --zenbru-surface-soft:#191511;

    --zenbru-text:#F1E9DF;
    --zenbru-text-soft:#C7B9AD;
    --zenbru-text-muted:#9E8E82;

    --zenbru-line:
        rgba(255,255,255,.085);

    --zenbru-line-soft:
        rgba(255,255,255,.055);

    --zenbru-card-shadow:
        0 20px 48px
        rgba(0,0,0,.28);

    background:
        #0F0D0B;

    color:
        var(--zenbru-text);

}


/* ==========================================================
   31. DARK — HERO
   ========================================================== */

html[data-theme="dark"] .page-zenbru .zenbru-hero,
body.dark .page-zenbru .zenbru-hero{

    background:
        radial-gradient(
            circle at 14% 20%,
            rgba(244,197,27,.09),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 18%,
            rgba(87,117,60,.10),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #17130F 0%,
            #15110E 48%,
            #0F0D0B 100%
        );

}


html[data-theme="dark"]
.page-zenbru .zenbru-orbit,
body.dark
.page-zenbru .zenbru-orbit{

    border-color:
        rgba(255,255,255,.07);

}


html[data-theme="dark"]
.page-zenbru .zenbru-orbit-2,
body.dark
.page-zenbru .zenbru-orbit-2{

    border-color:
        rgba(199,154,43,.16);

}


html[data-theme="dark"]
.page-zenbru .zenbru-eyebrow,
body.dark
.page-zenbru .zenbru-eyebrow{

    color:
        #D8B15A;

}


html[data-theme="dark"]
.page-zenbru .zenbru-hero .hero-title,
body.dark
.page-zenbru .zenbru-hero .hero-title{

    color:
        #F5EEE6 !important;

}


html[data-theme="dark"]
.page-zenbru .zenbru-hero .hero-sub,
body.dark
.page-zenbru .zenbru-hero .hero-sub{

    color:
        #BEB0A5 !important;

}


html[data-theme="dark"]
.page-zenbru .zenbru-hero-pills span,
body.dark
.page-zenbru .zenbru-hero-pills span{

    border-color:
        rgba(255,255,255,.09);

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

    color:
        #E8DED3;

}


html[data-theme="dark"]
.page-zenbru .zenbru-hero-meta strong,
body.dark
.page-zenbru .zenbru-hero-meta strong{

    color:
        #F0E7DC;

}


html[data-theme="dark"]
.page-zenbru .zenbru-hero-meta span,
body.dark
.page-zenbru .zenbru-hero-meta span{

    color:
        #96877C;

}


html[data-theme="dark"]
.page-zenbru .zenbru-product-caption,
body.dark
.page-zenbru .zenbru-product-caption{

    border-color:
        rgba(255,255,255,.10);

    background:
        rgba(20,17,14,.72);

}


html[data-theme="dark"]
.page-zenbru .zenbru-product-caption span,
body.dark
.page-zenbru .zenbru-product-caption span{

    color:
        #CFAE61;

}


html[data-theme="dark"]
.page-zenbru .zenbru-product-caption strong,
body.dark
.page-zenbru .zenbru-product-caption strong{

    color:
        #E8C970;

}


/* ==========================================================
   32. DARK — STANDARD SECTIONS
   ========================================================== */

html[data-theme="dark"]
.page-zenbru .zenbru-overview-section,
body.dark
.page-zenbru .zenbru-overview-section{

    background:
        linear-gradient(
            180deg,
            #11100E,
            #15120F
        );

}


html[data-theme="dark"]
.page-zenbru .zenbru-composition,
body.dark
.page-zenbru .zenbru-composition{

    background:
        #11100E;

}


html[data-theme="dark"]
.page-zenbru .zenbru-preparation,
body.dark
.page-zenbru .zenbru-preparation{

    background:
        linear-gradient(
            180deg,
            #11100E,
            #18130F
        );

}


html[data-theme="dark"]
.page-zenbru .zenbru-benefits,
body.dark
.page-zenbru .zenbru-benefits{

    background:
        #11100E;

}


html[data-theme="dark"]
.page-zenbru .zenbru-origins,
body.dark
.page-zenbru .zenbru-origins{

    background:
        linear-gradient(
            180deg,
            #16120F,
            #11100E
        );

}


html[data-theme="dark"]
.page-zenbru .zenbru-faq,
body.dark
.page-zenbru .zenbru-faq{

    background:
        #11100E;

}


/* ==========================================================
   33. DARK — TITLES
   ========================================================== */

html[data-theme="dark"]
.page-zenbru .section-title,
body.dark
.page-zenbru .section-title{

    color:
        #F2E9DE !important;

}


html[data-theme="dark"]
.page-zenbru .section-title span,
body.dark
.page-zenbru .section-title span{

    color:
        #D9AA45 !important;

}


html[data-theme="dark"]
.page-zenbru .lead,
body.dark
.page-zenbru .lead{

    color:
        #BDAFA4 !important;

}


html[data-theme="dark"]
.page-zenbru .label,
body.dark
.page-zenbru .label{

    color:
        #D0A94E !important;

}


/* ==========================================================
   34. DARK — OVERVIEW CARDS
   ========================================================== */

html[data-theme="dark"]
.page-zenbru .zenbru-overview-card,
body.dark
.page-zenbru .zenbru-overview-card{

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

    background:
        linear-gradient(
            145deg,
            #1A1612,
            #17130F
        );

}


html[data-theme="dark"]
.page-zenbru .zenbru-card-number,
body.dark
.page-zenbru .zenbru-card-number{

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

}


html[data-theme="dark"]
.page-zenbru .zenbru-card-icon,
body.dark
.page-zenbru .zenbru-card-icon{

    background:
        linear-gradient(
            135deg,
            rgba(244,197,27,.10),
            rgba(87,117,60,.10)
        );

    color:
        #E0B64F;

}


html[data-theme="dark"]
.page-zenbru .zenbru-overview-card h3,
body.dark
.page-zenbru .zenbru-overview-card h3{

    color:
        #F0E5DA;

}


html[data-theme="dark"]
.page-zenbru .zenbru-overview-card p,
body.dark
.page-zenbru .zenbru-overview-card p{

    color:
        #A99A8E;

}


html[data-theme="dark"]
.page-zenbru .zenbru-overview-note,
body.dark
.page-zenbru .zenbru-overview-note{

    border-color:
        rgba(199,154,43,.18);

    background:
        linear-gradient(
            135deg,
            rgba(244,197,27,.055),
            rgba(87,117,60,.04)
        );

}


html[data-theme="dark"]
.page-zenbru .zenbru-overview-note strong,
body.dark
.page-zenbru .zenbru-overview-note strong{

    color:
        #EEE5DB;

}


html[data-theme="dark"]
.page-zenbru .zenbru-overview-note p,
body.dark
.page-zenbru .zenbru-overview-note p{

    color:
        #9F9084;

}


/* ==========================================================
   35. DARK — INGREDIENT CARDS
   ========================================================== */

html[data-theme="dark"]
.page-zenbru .zenbru-ingredient-card,
body.dark
.page-zenbru .zenbru-ingredient-card{

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

    background:
        linear-gradient(
            145deg,
            #1A1612,
            #17130F
        );

}


html[data-theme="dark"]
.page-zenbru .zenbru-ingredient-icon,
body.dark
.page-zenbru .zenbru-ingredient-icon{

    background:
        linear-gradient(
            135deg,
            rgba(244,197,27,.10),
            rgba(75,36,19,.18)
        );

}


html[data-theme="dark"]
.page-zenbru .zenbru-ingredient-number,
body.dark
.page-zenbru .zenbru-ingredient-number{

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

}


html[data-theme="dark"]
.page-zenbru .zenbru-ingredient-card h3,
body.dark
.page-zenbru .zenbru-ingredient-card h3{

    color:
        #F0E5DA;

}


html[data-theme="dark"]
.page-zenbru .zenbru-ingredient-card p,
body.dark
.page-zenbru .zenbru-ingredient-card p{

    color:
        #A79A8F;

}


/* ==========================================================
   36. DARK — EXPANDED INFORMATION
   ========================================================== */

html[data-theme="dark"]
.page-zenbru .zenbru-details-toggle,
body.dark
.page-zenbru .zenbru-details-toggle{

    border-color:
        rgba(255,255,255,.09);

    background:
        #191511;

    color:
        #EEE5DB;

}


html[data-theme="dark"]
.page-zenbru .zenbru-details-toggle:hover,
body.dark
.page-zenbru .zenbru-details-toggle:hover{

    border-color:
        rgba(199,154,43,.30);

    background:
        #1C1712;

}


html[data-theme="dark"]
.page-zenbru .zenbru-details-icon,
body.dark
.page-zenbru .zenbru-details-icon{

    background:
        rgba(199,154,43,.10);

    color:
        #D7AE58;

}


/*
   ESTES SÃO OS CARDS QUE APARECEM
   APÓS CLICAR EM "VER DETALHES"
*/

html[data-theme="dark"]
.page-zenbru .zenbru-detail-card,
body.dark
.page-zenbru .zenbru-detail-card{

    border-color:
        rgba(255,255,255,.085);

    background:
        linear-gradient(
            145deg,
            #1B1713,
            #16120F
        );

    box-shadow:
        0 14px 32px
        rgba(0,0,0,.18);

}


html[data-theme="dark"]
.page-zenbru .zenbru-detail-card h3,
body.dark
.page-zenbru .zenbru-detail-card h3{

    color:
        #F0E5DA;

}


html[data-theme="dark"]
.page-zenbru .zenbru-detail-card .text,
body.dark
.page-zenbru .zenbru-detail-card .text{

    color:
        #AAA095;

}


html[data-theme="dark"]
.page-zenbru .zenbru-detail-item,
body.dark
.page-zenbru .zenbru-detail-item{

    color:
        #B2A499;

}


html[data-theme="dark"]
.page-zenbru .zenbru-detail-check,
body.dark
.page-zenbru .zenbru-detail-check{

    background:
        rgba(87,117,60,.15);

    color:
        #AFC58C;

}


/* ==========================================================
   37. DARK — PRODUCT DETAIL
   ========================================================== */

html[data-theme="dark"]
.page-zenbru .zenbru-product-section,
body.dark
.page-zenbru .zenbru-product-section{

    background:
        radial-gradient(
            circle at 8% 30%,
            rgba(87,117,60,.07),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 70%,
            rgba(244,197,27,.06),
            transparent 25%
        ),
        #11100E;

}


html[data-theme="dark"]
.page-zenbru .zenbru-product-detail-frame,
body.dark
.page-zenbru .zenbru-product-detail-frame{

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

    background:
        radial-gradient(
            circle at 50% 43%,
            rgba(244,197,27,.09),
            transparent 30%
        ),
        radial-gradient(
            circle at 50% 55%,
            rgba(87,117,60,.07),
            transparent 55%
        ),
        linear-gradient(
            145deg,
            #1A1612,
            #15110E
        );

    box-shadow:
        0 30px 75px
        rgba(0,0,0,.25);

}


html[data-theme="dark"]
.page-zenbru .zenbru-product-spec,
body.dark
.page-zenbru .zenbru-product-spec{

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

    background:
        rgba(27,23,19,.88);

    box-shadow:
        0 10px 26px
        rgba(0,0,0,.16);

}


html[data-theme="dark"]
.page-zenbru .zenbru-product-spec strong,
body.dark
.page-zenbru .zenbru-product-spec strong{

    color:
        #EFE6DC;

}


html[data-theme="dark"]
.page-zenbru .zenbru-product-spec div span,
body.dark
.page-zenbru .zenbru-product-spec div span{

    color:
        #96887D;

}


html[data-theme="dark"]
.page-zenbru .zenbru-product-highlight,
body.dark
.page-zenbru .zenbru-product-highlight{

    border-color:
        rgba(199,154,43,.17);

    background:
        linear-gradient(
            135deg,
            rgba(244,197,27,.05),
            rgba(87,117,60,.035)
        );

}


html[data-theme="dark"]
.page-zenbru .zenbru-product-highlight strong,
body.dark
.page-zenbru .zenbru-product-highlight strong{

    color:
        #EEE5DA;

}


html[data-theme="dark"]
.page-zenbru .zenbru-product-highlight p,
body.dark
.page-zenbru .zenbru-product-highlight p{

    color:
        #9F9287;

}


/* ==========================================================
   38. DARK — PREPARATION
   ========================================================== */

html[data-theme="dark"]
.page-zenbru .zenbru-preparation-step,
body.dark
.page-zenbru .zenbru-preparation-step{

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

    background:
        #1A1612;

}


html[data-theme="dark"]
.page-zenbru .zenbru-preparation-step h3,
body.dark
.page-zenbru .zenbru-preparation-step h3{

    color:
        #EFE5DA;

}


html[data-theme="dark"]
.page-zenbru .zenbru-preparation-step p,
body.dark
.page-zenbru .zenbru-preparation-step p{

    color:
        #A79A8F;

}


html[data-theme="dark"]
.page-zenbru .zenbru-preparation-note,
body.dark
.page-zenbru .zenbru-preparation-note{

    border-color:
        rgba(199,154,43,.16);

    background:
        linear-gradient(
            135deg,
            rgba(244,197,27,.05),
            rgba(87,117,60,.035)
        );

}


html[data-theme="dark"]
.page-zenbru .zenbru-preparation-note p,
body.dark
.page-zenbru .zenbru-preparation-note p{

    color:
        #A3978B;

}


/* ==========================================================
   39. DARK — BENEFITS
   ========================================================== */

html[data-theme="dark"]
.page-zenbru .zenbru-benefits-frame,
body.dark
.page-zenbru .zenbru-benefits-frame{

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

    background:
        radial-gradient(
            circle at center,
            rgba(244,197,27,.10),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #1A1612,
            #15110E
        );

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

}


html[data-theme="dark"]
.page-zenbru .zenbru-check-item,
body.dark
.page-zenbru .zenbru-check-item{

    color:
        #C0B3A8;

}


/* ==========================================================
   40. DARK — ORIGINS
   ========================================================== */

html[data-theme="dark"]
.page-zenbru .zenbru-origin-card:not(.zenbru-origin-card-wide),
body.dark
.page-zenbru .zenbru-origin-card:not(.zenbru-origin-card-wide){

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

    background:
        linear-gradient(
            145deg,
            #1A1612,
            #16120F
        );

}


html[data-theme="dark"]
.page-zenbru .zenbru-origin-card h3,
body.dark
.page-zenbru .zenbru-origin-card h3{

    color:
        #F0E5DA;

}


html[data-theme="dark"]
.page-zenbru .zenbru-origin-card p,
body.dark
.page-zenbru .zenbru-origin-card p{

    color:
        #A99B90;

}


html[data-theme="dark"]
.page-zenbru .zenbru-origin-code,
body.dark
.page-zenbru .zenbru-origin-code{

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

}


/* ==========================================================
   41. DARK — FAQ
   ========================================================== */

html[data-theme="dark"]
.page-zenbru .zenbru-faq-item,
body.dark
.page-zenbru .zenbru-faq-item{

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

    background:
        #191511;

}


html[data-theme="dark"]
.page-zenbru .zenbru-faq-item.active,
body.dark
.page-zenbru .zenbru-faq-item.active{

    border-color:
        rgba(199,154,43,.25);

    box-shadow:
        0 17px 42px
        rgba(0,0,0,.22);

}


html[data-theme="dark"]
.page-zenbru .zenbru-faq-question,
body.dark
.page-zenbru .zenbru-faq-question{

    color:
        #EFE6DC;

}


html[data-theme="dark"]
.page-zenbru .zenbru-faq-number,
body.dark
.page-zenbru .zenbru-faq-number{

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

    color:
        #D2A84B;

}


html[data-theme="dark"]
.page-zenbru .zenbru-faq-plus,
body.dark
.page-zenbru .zenbru-faq-plus{

    background:
        rgba(199,154,43,.10);

    color:
        #D5AC55;

}


html[data-theme="dark"]
.page-zenbru .zenbru-faq-answer p,
body.dark
.page-zenbru .zenbru-faq-answer p{

    color:
        #A99B90;

}


/* ==========================================================
   42. DARK — FINAL INFORMATION
   ========================================================== */

html[data-theme="dark"]
.page-zenbru .zenbru-disclaimer,
body.dark
.page-zenbru .zenbru-disclaimer{

    background:
        linear-gradient(
            180deg,
            #17130F,
            #11100E
        );

}


html[data-theme="dark"]
.page-zenbru .zenbru-disclaimer-box,
body.dark
.page-zenbru .zenbru-disclaimer-box{

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.025)
        );

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

}


html[data-theme="dark"]
.page-zenbru .zenbru-disclaimer-box strong,
body.dark
.page-zenbru .zenbru-disclaimer-box strong{

    color:
        #F0E6DB;

}


html[data-theme="dark"]
.page-zenbru .zenbru-disclaimer-box p,
body.dark
.page-zenbru .zenbru-disclaimer-box p{

    color:
        #A6998D;

}


html[data-theme="dark"]
.page-zenbru .zenbru-disclaimer::before,
body.dark
.page-zenbru .zenbru-disclaimer::before{

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(199,154,43,.32),
            transparent
        );

}


/* ==========================================================
   43. DARK — CTA
   ========================================================== */

html[data-theme="dark"]
.page-zenbru .zenbru-cta,
body.dark
.page-zenbru .zenbru-cta{

    background:
        radial-gradient(
            circle at 13% 18%,
            rgba(244,197,27,.09),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #1B120D,
            #24140D 52%,
            #120D09
        );

}


/* ==========================================================
   44. DARK — GLASS BUTTON
   ========================================================== */

html[data-theme="dark"]
.page-zenbru .zenbru-btn-glass,
body.dark
.page-zenbru .zenbru-btn-glass{

    border-color:
        rgba(255,255,255,.10)
        !important;

    background:
        rgba(255,255,255,.055)
        !important;

    color:
        #EEE5DB
        !important;

}


/* ==========================================================
   45. RESPONSIVE — 1100px
   ========================================================== */

@media(max-width:1100px){

    .page-zenbru .zenbru-overview-grid{

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

    }


    .page-zenbru .zenbru-product-detail-grid{

        grid-template-columns:
            1fr;

        gap:45px;

    }


    .page-zenbru .zenbru-product-detail-frame{

        min-height:510px;

    }


    .page-zenbru .zenbru-benefits-grid{

        grid-template-columns:
            1fr;

        gap:45px;

    }


    .page-zenbru .zenbru-benefits-frame{

        min-height:500px;

    }


    .page-zenbru .zenbru-preparation-grid{

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

    }


    .page-zenbru .zenbru-cta-box{

        grid-template-columns:
            1fr;

    }


    .page-zenbru .zenbru-cta-actions{

        flex-direction:row;

        flex-wrap:wrap;

    }

}


/* ==========================================================
   46. RESPONSIVE — 850px
   ========================================================== */

@media(max-width:850px){

    .page-zenbru .zenbru-section-heading{

        grid-template-columns:
            1fr;

        gap:20px;

    }


    .page-zenbru .zenbru-composition-grid{

        grid-template-columns:
            1fr;

    }


    .page-zenbru .zenbru-experience-grid{

        grid-template-columns:
            1fr;

    }


    .page-zenbru .zenbru-details-grid{

        grid-template-columns:
            1fr;

    }


    .page-zenbru .zenbru-detail-card-wide{

        grid-column:auto;

    }


    .page-zenbru .zenbru-origin-grid{

        grid-template-columns:
            1fr;

    }


    .page-zenbru .zenbru-origin-card-wide{

        grid-column:auto;

    }

}


/* ==========================================================
   47. RESPONSIVE — 760px
   ========================================================== */

@media(max-width:760px){

    .page-zenbru .zenbru-hero-product{

        min-height:420px;

    }


    .page-zenbru .zenbru-hero-product img{

        width:min(360px,86%);

    }


    .page-zenbru .zenbru-product-ring-1{

        width:310px;
        height:310px;

    }


    .page-zenbru .zenbru-product-ring-2{

        width:390px;
        height:390px;

    }


    .page-zenbru .zenbru-product-grid{

        width:315px;
        height:315px;

        background-size:
            42px 42px;

    }


    .page-zenbru .zenbru-product-aura{

        width:320px;
        height:320px;

    }


    .page-zenbru .zenbru-product-caption{

        bottom:10px;

    }


    .page-zenbru .zenbru-preparation-grid{

        grid-template-columns:
            1fr;

    }


    .page-zenbru .zenbru-product-specs{

        grid-template-columns:
            1fr;

    }


    .page-zenbru .zenbru-product-detail-frame{

        min-height:420px;

        border-radius:29px;

    }


    .page-zenbru .zenbru-product-detail-image{

        width:min(74%,360px);

    }


    .page-zenbru .zenbru-detail-ring-1{

        width:310px;
        height:310px;

    }


    .page-zenbru .zenbru-detail-ring-2{

        width:390px;
        height:390px;

    }


    .page-zenbru .zenbru-detail-grid{

        width:310px;
        height:310px;

        background-size:
            41px 41px;

    }


    .page-zenbru .zenbru-detail-aura{

        width:310px;
        height:310px;

    }


    .page-zenbru .zenbru-benefits-frame{

        min-height:420px;

    }


    .page-zenbru .zenbru-benefits-frame img{

        width:min(72%,350px);

    }


    .page-zenbru .zenbru-cta-actions{

        flex-direction:
            column;

    }

}


/* ==========================================================
   48. RESPONSIVE — 520px
   ========================================================== */

@media(max-width:520px){

    .page-zenbru .zenbru-eyebrow{

        font-size:.66rem;

    }


    .page-zenbru .zenbru-hero-pills{

        gap:7px;

    }


    .page-zenbru .zenbru-hero-pills span{

        padding:7px 10px;

        font-size:.67rem;

    }


    .page-zenbru .zenbru-hero-meta{

        gap:18px;

    }


    .page-zenbru .zenbru-overview-grid{

        grid-template-columns:
            1fr;

    }


    .page-zenbru .zenbru-overview-card{

        min-height:220px;

        padding:24px;

    }


    .page-zenbru .zenbru-ingredient-card{

        min-height:230px;

        padding:24px;

    }


    .page-zenbru .zenbru-product-detail-frame{

        min-height:365px;

        border-radius:24px;

    }


    .page-zenbru .zenbru-product-detail-image{

        width:76%;

    }


    .page-zenbru .zenbru-detail-ring-1{

        width:270px;
        height:270px;

    }


    .page-zenbru .zenbru-detail-ring-2{

        width:335px;
        height:335px;

    }


    .page-zenbru .zenbru-detail-grid{

        width:270px;
        height:270px;

        background-size:
            38px 38px;

    }


    .page-zenbru .zenbru-detail-aura{

        width:270px;
        height:270px;

    }


    .page-zenbru .zenbru-detail-caption{

        bottom:17px;

        padding:8px 12px;

    }


    .page-zenbru .zenbru-product-spec{

        min-height:68px;

    }


    .page-zenbru .zenbru-product-highlight{

        grid-template-columns:
            40px 1fr;

        padding:17px;

    }


    .page-zenbru .zenbru-benefits-frame{

        min-height:360px;

    }


    .page-zenbru .zenbru-benefits-frame img{

        width:76%;

    }


    .page-zenbru .zenbru-check-item{

        font-size:.84rem;

    }


    .page-zenbru .zenbru-origin-card{

        min-height:225px;

        padding:25px;

    }


    .page-zenbru .zenbru-faq-question{

        grid-template-columns:
            36px minmax(0,1fr) 30px;

        gap:10px;

        padding:16px;

    }


    .page-zenbru .zenbru-faq-answer p{

        padding:
            0 16px 18px;

    }


    .page-zenbru .zenbru-disclaimer{

        padding:
            40px 0;

    }


    .page-zenbru .zenbru-disclaimer-box{

        grid-template-columns:
            1fr;

        padding:25px;

    }


    .page-zenbru .zenbru-cta-box{

        padding:30px;

    }

}


/* ==========================================================
   49. ACCESSIBILITY / REDUCED MOTION
   ========================================================== */

@media(prefers-reduced-motion:reduce){

    .page-zenbru *,
    .page-zenbru *::before,
    .page-zenbru *::after{

        scroll-behavior:auto !important;

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;

    }

}

/* ==========================================================
   AD LIFESTYLE — ALPHA VMAX
   Product Page
   Premium / Editorial / Light & Dark
   Alinhado com Zenbru + Alpha Spin Straw
   ========================================================== */

.page-alpha{
    --alpha-blue:#0347B3;
    --alpha-blue-mid:#1767D4;
    --alpha-blue-deep:#022B73;

    --alpha-gold:#D8A74D;
    --alpha-gold-deep:#A87925;

    --alpha-bg:#FFFFFF;
    --alpha-bg-soft:#F6F9FD;
    --alpha-bg-alt:#F0F5FB;

    --alpha-card:#FFFFFF;
    --alpha-card-soft:#F8FAFD;

    --alpha-text:#172033;
    --alpha-text-soft:#667184;
    --alpha-heading:#0B2E69;

    --alpha-line:rgba(3,71,179,.11);
    --alpha-line-strong:rgba(3,71,179,.18);

    --alpha-shadow:
        0 14px 40px rgba(3,43,115,.06);

    --alpha-shadow-lg:
        0 28px 70px rgba(3,43,115,.12);

    color:var(--alpha-text);
    background:var(--alpha-bg);
    overflow:hidden;
}

/* ==========================================================
   BASE
   ========================================================== */

.page-alpha *,
.page-alpha *::before,
.page-alpha *::after{
    box-sizing:border-box;
}

.page-alpha section{
    position:relative;
}

.page-alpha img{
    max-width:100%;
    display:block;
}

.page-alpha button{
    font:inherit;
}

.page-alpha .container{
    width:min(1180px,calc(100% - 40px));
    margin-inline:auto;
}

.page-alpha .container-sm{
    width:min(940px,calc(100% - 40px));
    margin-inline:auto;
}

.page-alpha h1,
.page-alpha h2,
.page-alpha h3,
.page-alpha h4{
    margin-top:0;
}

.page-alpha p{
    margin-top:0;
}

/* ==========================================================
   TYPOGRAPHY
   ========================================================== */

.page-alpha .section-title{
    color:var(--alpha-heading) !important;
    font-size:clamp(2rem,4vw,3.6rem);
    line-height:1.08;
    letter-spacing:-.045em;
}

.page-alpha .lead{
    color:var(--alpha-text-soft) !important;
    font-size:.96rem;
    line-height:1.8;
}

.page-alpha .label{
    color:var(--alpha-blue) !important;
    font-size:.70rem;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
}

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

.page-alpha .alpha-hero{
    min-height:720px;
    padding:105px 0 82px;

    background:
        radial-gradient(
            circle at 76% 26%,
            rgba(3,71,179,.11),
            transparent 27%
        ),
        radial-gradient(
            circle at 14% 76%,
            rgba(216,167,77,.08),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F8FAFD 100%
        );

    overflow:hidden;
}

.page-alpha .alpha-hero-atmosphere{
    position:absolute;
    inset:0;
    pointer-events:none;
    overflow:hidden;
}

.page-alpha .alpha-orb{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.page-alpha .alpha-orb-1{
    width:440px;
    height:440px;
    top:-180px;
    right:-90px;

    background:
        radial-gradient(
            circle,
            rgba(3,71,179,.13),
            transparent 70%
        );
}

.page-alpha .alpha-orb-2{
    width:370px;
    height:370px;
    left:-170px;
    bottom:-190px;

    background:
        radial-gradient(
            circle,
            rgba(216,167,77,.10),
            transparent 70%
        );
}

.page-alpha .alpha-orbit{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(3,71,179,.08);
}

.page-alpha .alpha-orbit-1{
    width:560px;
    height:560px;
    top:50px;
    right:-210px;
}

.page-alpha .alpha-orbit-2{
    width:720px;
    height:720px;
    top:-35px;
    right:-285px;

    border-color:rgba(216,167,77,.08);
}

.page-alpha .alpha-hero-grid{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(390px,.90fr);
    align-items:center;

    gap:55px;
}

.page-alpha .alpha-hero-copy{
    max-width:650px;
}

.page-alpha .alpha-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;

    margin-bottom:21px;
    padding:8px 14px;

    border:1px solid rgba(3,71,179,.12);
    border-radius:999px;

    background:rgba(3,71,179,.045);

    color:var(--alpha-blue);
    font-size:.70rem;
    font-weight:900;
    letter-spacing:.15em;
}

.page-alpha .alpha-eyebrow::before{
    content:"";

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--alpha-gold);

    box-shadow:
        0 0 0 4px rgba(216,167,77,.11);
}

.page-alpha .alpha-hero h1{
    max-width:650px;

    margin:0 0 22px;

    color:var(--alpha-heading);

    font-size:clamp(3.5rem,7.5vw,6.8rem);
    line-height:.92;
    letter-spacing:-.065em;
    font-weight:900;
}

.page-alpha .alpha-hero h1 span{
    color:var(--alpha-gold);
}

.page-alpha .alpha-hero-description{
    max-width:590px;

    margin-bottom:27px;

    color:var(--alpha-text-soft);
    font-size:.97rem;
    line-height:1.8;
}

/* Pills */

.page-alpha .alpha-hero-pills{
    display:flex;
    flex-wrap:wrap;
    gap:8px;

    margin-bottom:28px;
}

.page-alpha .alpha-hero-pill{
    display:inline-flex;
    align-items:center;

    padding:8px 13px;

    border:1px solid rgba(3,71,179,.10);
    border-radius:999px;

    background:#FFFFFF;

    color:var(--alpha-blue-deep);

    font-size:.72rem;
    font-weight:800;

    box-shadow:
        0 8px 25px rgba(3,43,115,.045);
}

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

.page-alpha .alpha-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:11px;

    margin:0;
}

/*
   O bloco meta que estava abaixo dos botões deixa de aparecer.
   O Hero fica mais limpo e uniforme com Zenbru / Straw.
*/

.page-alpha .alpha-hero-meta{
    display:none !important;
}

/* ==========================================================
   HERO PRODUCT
   ========================================================== */

.page-alpha .alpha-hero-product{
    position:relative;

    min-height:540px;

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

    isolation:isolate;
}

.page-alpha .alpha-product-aura{
    position:absolute;

    width:390px;
    height:390px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(216,167,77,.18),
            rgba(3,71,179,.07) 48%,
            transparent 72%
        );

    filter:blur(5px);
}

.page-alpha .alpha-product-ring{
    position:absolute;

    width:450px;
    height:450px;

    border-radius:50%;

    border:
        1px solid rgba(3,71,179,.13);

    box-shadow:
        inset 0 0 60px rgba(216,167,77,.06);
}

.page-alpha .alpha-product-ring::before{
    content:"";

    position:absolute;
    inset:24px;

    border-radius:50%;

    border:
        1px solid rgba(216,167,77,.11);
}

.page-alpha .alpha-product-grid{
    position:relative;
    z-index:4;

    width:430px;
    height:430px;

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

    border-radius:50%;

    background:
        linear-gradient(
            transparent 49.7%,
            rgba(3,71,179,.035) 50%,
            transparent 50.3%
        ),
        linear-gradient(
            90deg,
            transparent 49.7%,
            rgba(216,167,77,.055) 50%,
            transparent 50.3%
        );

    background-size:54px 54px;

    opacity:.42;
    transform:rotate(18deg);
}

.page-alpha .alpha-product-grid img{
    width:min(430px,88%);
    max-height:550px;

    object-fit:contain;

    transform:rotate(-18deg);

    filter:
        drop-shadow(
            0 35px 45px rgba(3,43,115,.19)
        );
}

.page-alpha .alpha-product-caption{
    position:absolute;

    z-index:6;

    left:50%;
    bottom:24px;

    transform:translateX(-50%);

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

    padding:10px 15px;

    border:1px solid rgba(3,71,179,.11);
    border-radius:999px;

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

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

    white-space:nowrap;
}

.page-alpha .alpha-product-caption strong{
    color:var(--alpha-gold-deep);
    font-size:.70rem;
    font-weight:900;
    letter-spacing:.16em;
}

.page-alpha .alpha-product-caption span{
    color:var(--alpha-blue);
    font-size:.68rem;
    font-weight:900;
    letter-spacing:.12em;
}

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

.page-alpha .alpha-overview-section,
.page-alpha .alpha-composition,
.page-alpha .alpha-benefits,
.page-alpha .alpha-product-section,
.page-alpha .alpha-ingredients,
.page-alpha .alpha-usage,
.page-alpha .alpha-performance,
.page-alpha .alpha-faq{
    padding:95px 0;
}

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

.page-alpha .alpha-section-heading{
    max-width:720px;

    margin:
        0 auto 42px;

    text-align:center;
}

.page-alpha .alpha-section-heading .eyebrow{
    display:inline-block;

    margin-bottom:11px;

    color:var(--alpha-gold);

    font-size:.69rem;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.page-alpha .alpha-section-heading h2{
    margin-bottom:13px;

    color:var(--alpha-heading);

    font-size:clamp(2rem,4vw,3.45rem);
    line-height:1.05;
    letter-spacing:-.045em;
}

.page-alpha .alpha-section-heading p{
    margin:0 auto;

    color:var(--alpha-text-soft);

    font-size:.92rem;
    line-height:1.75;
}

/* ==========================================================
   OVERVIEW
   ========================================================== */

.page-alpha .alpha-overview-section{
    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F8FAFD 100%
        );
}

.page-alpha .alpha-overview-grid{
    display:grid;

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

    gap:16px;

    margin-top:40px;
}

.page-alpha .alpha-overview-card{
    position:relative;

    min-height:245px;

    padding:27px;

    border:
        1px solid var(--alpha-line);

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F5F8FC
        );

    box-shadow:var(--alpha-shadow);

    overflow:hidden;
}

.page-alpha .alpha-overview-card::after{
    content:"";

    position:absolute;

    width:140px;
    height:140px;

    top:-70px;
    right:-70px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(216,167,77,.13),
            transparent 70%
        );
}

.page-alpha .alpha-overview-icon{
    width:44px;
    height:44px;

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

    margin-bottom:22px;

    border-radius:14px;

    background:
        rgba(3,71,179,.075);

    color:var(--alpha-blue);

    font-size:1rem;
}

.page-alpha .alpha-overview-card h3{
    margin-bottom:8px;

    color:var(--alpha-heading);

    font-size:1rem;
    font-weight:850;
}

.page-alpha .alpha-overview-card p{
    margin:0;

    color:var(--alpha-text-soft);

    font-size:.84rem;
    line-height:1.7;
}

.page-alpha .alpha-overview-note{
    margin-top:23px;

    padding:17px 20px;

    border-left:
        3px solid var(--alpha-gold);

    border-radius:
        0 15px 15px 0;

    background:
        rgba(216,167,77,.055);

    color:var(--alpha-text-soft);

    font-size:.82rem;
    line-height:1.7;
}

/* ==========================================================
   COMPOSITION
   ========================================================== */

.page-alpha .alpha-composition{
    background:#F6F9FC;
}

.page-alpha .alpha-composition-grid{
    display:grid;

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

    gap:16px;

    margin-top:40px;
}

.page-alpha .alpha-ingredient-card{
    min-height:265px;

    padding:27px;

    border:
        1px solid var(--alpha-line);

    border-radius:24px;

    background:#FFFFFF;

    box-shadow:var(--alpha-shadow);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.page-alpha .alpha-ingredient-card:hover{
    transform:translateY(-4px);

    border-color:var(--alpha-line-strong);

    box-shadow:var(--alpha-shadow-lg);
}

.page-alpha .alpha-ingredient-symbol{
    width:48px;
    height:48px;

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

    margin-bottom:21px;

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            var(--alpha-blue),
            var(--alpha-blue-mid)
        );

    color:#FFFFFF;

    font-size:1rem;
    font-weight:900;

    box-shadow:
        0 10px 22px rgba(3,71,179,.16);
}

.page-alpha .alpha-ingredient-card h3{
    margin-bottom:8px;

    color:var(--alpha-heading);

    font-size:1rem;
}

.page-alpha .alpha-ingredient-card p{
    margin:0;

    color:var(--alpha-text-soft);

    font-size:.84rem;
    line-height:1.7;
}

/* ==========================================================
   VER MAIS / DETAILS
   Corrigido: centrado como Zenbru / Straw
   ========================================================== */

.page-alpha .alpha-information{
    width:100%;
    max-width:920px;

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

    margin:
        30px auto 0;

    text-align:center;
}

.page-alpha .alpha-details-toggle{
    display:inline-flex;

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

    gap:10px;

    min-height:44px;

    margin:
        0 auto;

    padding:10px 18px;

    border:
        1px solid rgba(3,71,179,.12);

    border-radius:999px;

    background:
        #FFFFFF;

    color:var(--alpha-blue-deep);

    font-size:.76rem;
    font-weight:850;

    text-align:center;

    cursor:pointer;

    box-shadow:
        0 8px 24px rgba(3,43,115,.045);

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.page-alpha .alpha-details-toggle:hover{
    transform:translateY(-2px);

    border-color:
        rgba(3,71,179,.22);

    background:
        #F7FAFE;
}

.page-alpha .alpha-details-toggle .icon{
    transition:
        transform .35s ease;
}

.page-alpha .alpha-details-toggle[aria-expanded="true"] .icon{
    transform:rotate(180deg);
}

/*
   Não usar display:none.
   Assim o JS pode abrir/fechar suavemente,
   como acontece no Straw.
*/

.page-alpha .alpha-details-content{
    width:100%;

    max-height:0;

    overflow:hidden;

    opacity:0;

    margin-top:0;

    transition:
        max-height .42s ease,
        opacity .30s ease,
        margin-top .30s ease;
}

.page-alpha .alpha-details-content.is-open{
    max-height:1800px;

    opacity:1;

    margin-top:22px;
}

.page-alpha .alpha-details-grid{
    display:grid;

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

    gap:13px;

    text-align:left;
}

.page-alpha .alpha-detail-card{
    padding:19px;

    border:
        1px solid var(--alpha-line);

    border-radius:18px;

    background:#FFFFFF;
}

.page-alpha .alpha-detail-card h4{
    margin-bottom:7px;

    color:var(--alpha-heading);

    font-size:.85rem;
}

.page-alpha .alpha-detail-card p{
    margin:0;

    color:var(--alpha-text-soft);

    font-size:.76rem;
    line-height:1.7;
}

.page-alpha .alpha-detail-list{
    display:flex;
    flex-direction:column;

    gap:11px;

    margin:0;
    padding:0;

    list-style:none;
}

.page-alpha .alpha-detail-item{
    display:flex;
    align-items:flex-start;

    gap:10px;
}

.page-alpha .alpha-detail-check{
    flex:0 0 auto;

    width:20px;
    height:20px;

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

    margin-top:1px;

    border-radius:50%;

    background:
        rgba(3,71,179,.08);

    color:var(--alpha-blue);

    font-size:.65rem;
    font-weight:900;
}

/* ==========================================================
   BENEFITS
   ========================================================== */

.page-alpha .alpha-benefits{
    background:#FFFFFF;
}

.page-alpha .alpha-benefit-grid{
    display:grid;

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

    gap:16px;

    margin-top:40px;
}

.page-alpha .alpha-benefit-card{
    position:relative;

    min-height:245px;

    padding:27px;

    border:
        1px solid var(--alpha-line);

    border-radius:24px;

    background:#FFFFFF;

    box-shadow:var(--alpha-shadow);

    overflow:hidden;
}

.page-alpha .alpha-benefit-top{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:22px;
}

.page-alpha .alpha-benefit-number{
    color:rgba(3,71,179,.13);

    font-size:2.6rem;
    font-weight:900;
    line-height:.9;
}

.page-alpha .alpha-benefit-symbol{
    width:42px;
    height:42px;

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

    border-radius:13px;

    background:
        rgba(216,167,77,.10);

    color:var(--alpha-gold-deep);
}

.page-alpha .alpha-benefit-card h3{
    margin-bottom:8px;

    color:var(--alpha-heading);

    font-size:1rem;
}

.page-alpha .alpha-benefit-card p{
    margin:0;

    color:var(--alpha-text-soft);

    font-size:.84rem;
    line-height:1.7;
}

/* ==========================================================
   PRODUCT DETAIL
   ========================================================== */

.page-alpha .alpha-product-section{
    background:#F6F9FC;
}

.page-alpha .alpha-product-detail-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,.92fr);

    gap:60px;

    align-items:center;
}

.page-alpha .alpha-product-detail-frame{
    position:relative;

    min-height:590px;

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

    border-radius:30px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F0F5FB
        );

    border:
        1px solid var(--alpha-line);

    overflow:hidden;

    box-shadow:var(--alpha-shadow-lg);
}

.page-alpha .alpha-detail-aura{
    position:absolute;

    width:400px;
    height:400px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(3,71,179,.12),
            transparent 70%
        );
}

.page-alpha .alpha-detail-ring{
    position:absolute;

    width:470px;
    height:470px;

    border-radius:50%;

    border:
        1px solid rgba(216,167,77,.15);
}

.page-alpha .alpha-detail-grid-decoration{
    position:absolute;

    inset:22px;

    border:
        1px dashed rgba(3,71,179,.08);

    border-radius:24px;

    pointer-events:none;
}

.page-alpha .alpha-product-detail-image{
    position:relative;
    z-index:4;

    width:min(88%,410px);
    max-height:535px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 34px 44px rgba(3,43,115,.18)
        );
}

.page-alpha .alpha-detail-caption{
    position:absolute;

    left:50%;
    bottom:22px;

    transform:translateX(-50%);

    z-index:5;

    padding:10px 15px;

    border:
        1px solid rgba(216,167,77,.17);

    border-radius:999px;

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

    backdrop-filter:blur(14px);

    color:var(--alpha-gold-deep);

    font-size:.68rem;
    font-weight:900;
    letter-spacing:.12em;

    white-space:nowrap;
}

.page-alpha .alpha-product-detail-copy .eyebrow{
    display:inline-block;

    margin-bottom:10px;

    color:var(--alpha-gold);

    font-size:.69rem;
    font-weight:900;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.page-alpha .alpha-product-detail-copy h2{
    margin-bottom:15px;

    color:var(--alpha-heading);

    font-size:clamp(2rem,4vw,3.65rem);
    line-height:1.04;
    letter-spacing:-.05em;
}

.page-alpha .alpha-product-detail-copy > p{
    margin-bottom:27px;

    color:var(--alpha-text-soft);

    font-size:.91rem;
    line-height:1.8;
}

.page-alpha .alpha-product-specs{
    display:grid;

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

    gap:11px;

    margin-bottom:20px;
}

.page-alpha .alpha-product-spec{
    padding:17px;

    border:
        1px solid var(--alpha-line);

    border-radius:17px;

    background:#FFFFFF;
}

.page-alpha .alpha-product-spec span{
    display:block;

    margin-bottom:6px;

    color:var(--alpha-text-soft);

    font-size:.66rem;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.page-alpha .alpha-product-spec strong{
    color:var(--alpha-heading);

    font-size:.83rem;
}

.page-alpha .alpha-product-highlight{
    padding:18px 20px;

    border-left:
        3px solid var(--alpha-gold);

    border-radius:
        0 15px 15px 0;

    background:
        rgba(216,167,77,.055);

    color:var(--alpha-text-soft);

    font-size:.82rem;
    line-height:1.7;
}

/* ==========================================================
   INGREDIENTS
   ========================================================== */

.page-alpha .alpha-ingredients{
    background:#FFFFFF;
}

.page-alpha .alpha-ingredients-grid{
    display:grid;

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

    gap:16px;

    margin-top:40px;
}

.page-alpha .alpha-ingredient-feature{
    min-height:235px;

    padding:26px;

    border:
        1px solid var(--alpha-line);

    border-radius:23px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F7FAFD
        );

    box-shadow:var(--alpha-shadow);
}

.page-alpha .alpha-feature-number{
    color:rgba(3,71,179,.13);

    font-size:2.8rem;
    font-weight:900;
}

.page-alpha .alpha-feature-symbol{
    margin:18px 0 15px;

    color:var(--alpha-gold);

    font-size:1.2rem;
    font-weight:900;
}

.page-alpha .alpha-ingredient-feature h3{
    margin-bottom:7px;

    color:var(--alpha-heading);

    font-size:1rem;
}

.page-alpha .alpha-ingredient-feature p{
    margin:0;

    color:var(--alpha-text-soft);

    font-size:.82rem;
    line-height:1.7;
}

.page-alpha .alpha-ingredient-note{
    margin-top:21px;

    padding:17px 20px;

    border:
        1px solid rgba(3,71,179,.09);

    border-radius:16px;

    background:
        rgba(3,71,179,.025);

    color:var(--alpha-text-soft);

    font-size:.80rem;
    line-height:1.7;
}

/* ==========================================================
   USAGE
   ========================================================== */

.page-alpha .alpha-usage{
    background:#F6F9FC;
}

.page-alpha .alpha-usage-grid{
    display:grid;

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

    gap:16px;

    margin-top:40px;
}

.page-alpha .alpha-usage-step{
    padding:26px;

    border:
        1px solid var(--alpha-line);

    border-radius:23px;

    background:#FFFFFF;

    box-shadow:var(--alpha-shadow);
}

.page-alpha .alpha-usage-number{
    width:42px;
    height:42px;

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

    margin-bottom:19px;

    border-radius:50%;

    background:var(--alpha-blue);

    color:#FFFFFF;

    font-size:.73rem;
    font-weight:900;

    box-shadow:
        0 10px 22px rgba(3,71,179,.16);
}

.page-alpha .alpha-usage-step h3{
    margin-bottom:7px;

    color:var(--alpha-heading);

    font-size:.98rem;
}

.page-alpha .alpha-usage-step p{
    margin:0;

    color:var(--alpha-text-soft);

    font-size:.82rem;
    line-height:1.7;
}

.page-alpha .alpha-usage-note{
    margin-top:22px;

    padding:18px 20px;

    border:
        1px solid rgba(216,167,77,.17);

    border-radius:17px;

    background:
        rgba(216,167,77,.045);

    color:var(--alpha-text-soft);

    font-size:.81rem;
    line-height:1.7;
}

/* ==========================================================
   PERFORMANCE
   ========================================================== */

.page-alpha .alpha-performance{
    background:#FFFFFF;
}

.page-alpha .alpha-performance-grid{
    display:grid;

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

    gap:16px;

    margin-top:40px;
}

.page-alpha .alpha-performance-card{
    min-height:280px;

    padding:28px;

    border:
        1px solid var(--alpha-line);

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F6F9FD
        );

    box-shadow:var(--alpha-shadow);
}

.page-alpha .alpha-performance-letter{
    margin-bottom:22px;

    color:rgba(3,71,179,.13);

    font-size:3.7rem;
    line-height:.8;
    font-weight:900;
}

.page-alpha .alpha-performance-card h3{
    margin-bottom:8px;

    color:var(--alpha-heading);

    font-size:1.03rem;
}

.page-alpha .alpha-performance-card p{
    margin:0;

    color:var(--alpha-text-soft);

    font-size:.83rem;
    line-height:1.7;
}

.page-alpha .alpha-performance-feature{
    margin-top:19px;

    padding:18px 20px;

    border:
        1px solid rgba(3,71,179,.08);

    border-radius:17px;

    background:
        rgba(3,71,179,.025);

    color:var(--alpha-text-soft);

    font-size:.81rem;
    line-height:1.7;
}

/* ==========================================================
   FAQ
   Corrigido segundo o comportamento do Straw
   ========================================================== */

.page-alpha .alpha-faq{
    background:#F6F9FC;
}

.page-alpha .alpha-faq-list{
    display:flex;
    flex-direction:column;

    gap:10px;

    max-width:920px;

    margin:40px auto 0;
}

.page-alpha .alpha-faq-item{
    overflow:hidden;

    border:
        1px solid var(--alpha-line);

    border-radius:21px;

    background:#FFFFFF;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.page-alpha .alpha-faq-item:hover{
    border-color:var(--alpha-line-strong);
}

.page-alpha .alpha-faq-item.active{
    transform:translateY(-2px);

    border-color:
        rgba(216,167,77,.30);

    box-shadow:
        0 16px 40px rgba(3,43,115,.07);
}

.page-alpha .alpha-faq-question{
    width:100%;

    display:grid;

    grid-template-columns:
        44px
        minmax(0,1fr)
        34px;

    align-items:center;

    gap:14px;

    padding:18px 20px;

    border:0;

    background:transparent;

    color:var(--alpha-heading);

    font-weight:800;
    font-size:.88rem;

    text-align:left;

    cursor:pointer;
}

.page-alpha .alpha-faq-number{
    width:34px;
    height:34px;

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

    border-radius:50%;

    background:
        rgba(3,71,179,.075);

    color:var(--alpha-blue);

    font-size:.65rem;
    font-weight:900;
    letter-spacing:.08em;
}

.page-alpha .alpha-faq-text{
    color:var(--alpha-heading);
    line-height:1.5;
}

.page-alpha .alpha-faq-icon{
    width:30px;
    height:30px;

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

    border-radius:50%;

    background:
        rgba(216,167,77,.11);

    color:var(--alpha-gold-deep);

    font-size:1.05rem;
    font-weight:500;

    transition:
        transform .35s ease,
        background .35s ease;
}

.page-alpha .alpha-faq-question[aria-expanded="true"] .alpha-faq-icon{
    transform:rotate(45deg);

    background:
        rgba(3,71,179,.08);
}

/*
   IMPORTANTE:
   Não usar display:none.
   As respostas permanecem no DOM e são abertas
   pelo estado .is-open aplicado pelo alpha.js.
*/

.page-alpha .alpha-faq-answer{
    max-height:0;

    overflow:hidden;

    opacity:0;

    transition:
        max-height .42s ease,
        opacity .25s ease;
}

.page-alpha .alpha-faq-answer.is-open{
    max-height:700px;

    opacity:1;
}

.page-alpha .alpha-faq-answer p{
    margin:0;

    padding:
        0
        20px
        21px
        78px;

    color:
        #687589;

    font-size:.85rem;

    line-height:1.75;
}

/* ==========================================================
   DISCLAIMER
   ========================================================== */

.page-alpha .alpha-disclaimer{
    padding:
        28px 0
        85px;

    background:#F6F9FC;
}

.page-alpha .alpha-disclaimer-box{
    display:grid;

    grid-template-columns:44px minmax(0,1fr);

    gap:15px;

    align-items:start;

    padding:23px;

    border:
        1px solid var(--alpha-line);

    border-radius:20px;

    background:#FFFFFF;

    box-shadow:
        0 10px 30px rgba(3,43,115,.04);
}

.page-alpha .alpha-disclaimer-icon{
    width:35px;
    height:35px;

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

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            var(--alpha-gold),
            var(--alpha-gold-deep)
        );

    color:#FFFFFF;

    font-size:.78rem;
    font-weight:900;
}

.page-alpha .alpha-disclaimer-box h3{
    margin-bottom:6px;

    color:var(--alpha-heading);

    font-size:.92rem;
}

.page-alpha .alpha-disclaimer-box p{
    margin:0;

    color:var(--alpha-text-soft);

    font-size:.78rem;
    line-height:1.75;
}

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

.page-alpha .alpha-cta{
    padding-bottom:95px;

    background:#F6F9FC;
}

.page-alpha .alpha-cta-box{
    position:relative;

    padding:64px 55px;

    border-radius:31px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 86% 15%,
            rgba(216,167,77,.20),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #02275F,
            #0347B3 65%,
            #1767D4
        );

    color:#FFFFFF;

    box-shadow:
        0 32px 80px rgba(3,43,115,.22);
}

.page-alpha .alpha-cta-box::after{
    content:"";

    position:absolute;
    inset:17px;

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

    border-radius:24px;

    pointer-events:none;
}

.page-alpha .alpha-label-light{
    display:inline-block;

    margin-bottom:12px;

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

    font-size:.69rem;
    font-weight:900;
    letter-spacing:.16em;
}

.page-alpha .alpha-cta-box h2{
    max-width:760px;

    margin-bottom:14px;

    color:#FFFFFF;

    font-size:clamp(2.15rem,4.5vw,4rem);
    line-height:1;
    letter-spacing:-.045em;
}

.page-alpha .alpha-cta-box p{
    max-width:650px;

    margin-bottom:25px;

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

    font-size:.88rem;
    line-height:1.75;
}

.page-alpha .alpha-cta-actions{
    display:flex;
    flex-wrap:wrap;
    gap:11px;
}

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

.page-alpha .alpha-btn-primary,
.page-alpha .alpha-btn-glass,
.page-alpha .alpha-btn-dark{
    display:inline-flex;

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

    gap:8px;

    min-height:46px;

    padding:11px 19px;

    border-radius:999px;

    font-size:.76rem;
    font-weight:850;

    text-decoration:none;

    cursor:pointer;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.page-alpha .alpha-btn-primary{
    border:
        1px solid transparent;

    background:var(--alpha-blue);

    color:#FFFFFF;

    box-shadow:
        0 12px 25px rgba(3,71,179,.17);
}

.page-alpha .alpha-btn-primary:hover{
    transform:translateY(-2px);

    box-shadow:
        0 17px 32px rgba(3,71,179,.23);
}

.page-alpha .alpha-btn-glass{
    border:
        1px solid rgba(3,71,179,.12);

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

    color:var(--alpha-blue-deep);

    backdrop-filter:blur(12px);
}

.page-alpha .alpha-btn-glass:hover{
    transform:translateY(-2px);

    border-color:
        rgba(3,71,179,.21);

    background:#FFFFFF;
}

.page-alpha .alpha-btn-dark{
    border:
        1px solid rgba(255,255,255,.18);

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

    color:#FFFFFF;

    backdrop-filter:blur(12px);
}

.page-alpha .alpha-btn-dark:hover{
    transform:translateY(-2px);

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

/* ==========================================================
   DARK MODE
   ========================================================== */

html[data-theme="dark"] .page-alpha,
body.dark .page-alpha{

    --alpha-blue:#70A4FF;
    --alpha-blue-mid:#4F8DF4;
    --alpha-blue-deep:#E7EEFF;

    --alpha-gold:#E1B662;
    --alpha-gold-deep:#E3BC72;

    --alpha-bg:#0B111B;
    --alpha-bg-soft:#101826;
    --alpha-bg-alt:#111B2A;

    --alpha-card:#121D2C;
    --alpha-card-soft:#142235;

    --alpha-text:#EEF3FC;
    --alpha-text-soft:#AAB6C9;
    --alpha-heading:#ECF2FF;

    --alpha-line:rgba(119,154,214,.15);
    --alpha-line-strong:rgba(119,154,214,.24);

    --alpha-shadow:
        0 18px 50px rgba(0,0,0,.24);

    --alpha-shadow-lg:
        0 30px 75px rgba(0,0,0,.34);

    background:
        #0B111B;

    color:var(--alpha-text);
}

/* ==========================================================
   DARK — SECTIONS
   ========================================================== */

html[data-theme="dark"] .page-alpha .alpha-hero,
body.dark .page-alpha .alpha-hero{
    background:
        radial-gradient(
            circle at 76% 20%,
            rgba(3,71,179,.17),
            transparent 27%
        ),
        radial-gradient(
            circle at 15% 80%,
            rgba(216,167,77,.07),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #0B111B,
            #0F1723
        );
}

html[data-theme="dark"] .page-alpha .alpha-overview-section,
body.dark .page-alpha .alpha-overview-section,
html[data-theme="dark"] .page-alpha .alpha-benefits,
body.dark .page-alpha .alpha-benefits,
html[data-theme="dark"] .page-alpha .alpha-ingredients,
body.dark .page-alpha .alpha-ingredients,
html[data-theme="dark"] .page-alpha .alpha-performance,
body.dark .page-alpha .alpha-performance{
    background:
        #0B111B;
}

html[data-theme="dark"] .page-alpha .alpha-composition,
body.dark .page-alpha .alpha-composition,
html[data-theme="dark"] .page-alpha .alpha-usage,
body.dark .page-alpha .alpha-usage,
html[data-theme="dark"] .page-alpha .alpha-faq,
body.dark .page-alpha .alpha-faq,
html[data-theme="dark"] .page-alpha .alpha-product-section,
body.dark .page-alpha .alpha-product-section,
html[data-theme="dark"] .page-alpha .alpha-disclaimer,
body.dark .page-alpha .alpha-disclaimer,
html[data-theme="dark"] .page-alpha .alpha-cta,
body.dark .page-alpha .alpha-cta{
    background:
        #0F1723;
}

/* ==========================================================
   DARK — HERO
   ========================================================== */

html[data-theme="dark"] .page-alpha .alpha-eyebrow,
body.dark .page-alpha .alpha-eyebrow{
    background:
        rgba(112,164,255,.07);

    border-color:
        rgba(112,164,255,.15);
}

html[data-theme="dark"] .page-alpha .alpha-hero-pill,
body.dark .page-alpha .alpha-hero-pill{
    background:
        #121D2C;

    border-color:
        rgba(119,154,214,.14);

    color:
        #E9F0FF;
}

html[data-theme="dark"] .page-alpha .alpha-product-caption,
body.dark .page-alpha .alpha-product-caption{
    background:
        rgba(14,22,34,.80);

    border-color:
        rgba(216,167,77,.17);
}

/* ==========================================================
   DARK — CARDS
   ========================================================== */

html[data-theme="dark"] .page-alpha .alpha-overview-card,
body.dark .page-alpha .alpha-overview-card,
html[data-theme="dark"] .page-alpha .alpha-ingredient-card,
body.dark .page-alpha .alpha-ingredient-card,
html[data-theme="dark"] .page-alpha .alpha-benefit-card,
body.dark .page-alpha .alpha-benefit-card,
html[data-theme="dark"] .page-alpha .alpha-ingredient-feature,
body.dark .page-alpha .alpha-ingredient-feature,
html[data-theme="dark"] .page-alpha .alpha-usage-step,
body.dark .page-alpha .alpha-usage-step,
html[data-theme="dark"] .page-alpha .alpha-performance-card,
body.dark .page-alpha .alpha-performance-card,
html[data-theme="dark"] .page-alpha .alpha-faq-item,
body.dark .page-alpha .alpha-faq-item,
html[data-theme="dark"] .page-alpha .alpha-product-spec,
body.dark .page-alpha .alpha-product-spec{
    background:
        linear-gradient(
            145deg,
            #121D2C,
            #101926
        );

    border-color:
        rgba(119,154,214,.13);

    box-shadow:
        0 18px 50px rgba(0,0,0,.22);
}

html[data-theme="dark"] .page-alpha .alpha-detail-card,
body.dark .page-alpha .alpha-detail-card{
    background:
        #111B29;

    border-color:
        rgba(119,154,214,.12);
}

/* ==========================================================
   DARK — DETAIL BUTTON
   ========================================================== */

html[data-theme="dark"] .page-alpha .alpha-details-toggle,
body.dark .page-alpha .alpha-details-toggle{
    background:
        #121D2C;

    border-color:
        rgba(119,154,214,.16);

    color:#ECF3FF;
}

html[data-theme="dark"] .page-alpha .alpha-details-toggle:hover,
body.dark .page-alpha .alpha-details-toggle:hover{
    background:
        #162338;
}

html[data-theme="dark"] .page-alpha .alpha-details-content,
body.dark .page-alpha .alpha-details-content{
    color:
        #ECF3FF;
}

/* ==========================================================
   DARK — PRODUCT FRAME
   ========================================================== */

html[data-theme="dark"] .page-alpha .alpha-product-detail-frame,
body.dark .page-alpha .alpha-product-detail-frame{
    background:
        linear-gradient(
            145deg,
            #142235,
            #0E1825
        );

    border-color:
        rgba(119,154,214,.15);
}

html[data-theme="dark"] .page-alpha .alpha-detail-grid-decoration,
body.dark .page-alpha .alpha-detail-grid-decoration{
    border-color:
        rgba(112,164,255,.08);
}

html[data-theme="dark"] .page-alpha .alpha-detail-caption,
body.dark .page-alpha .alpha-detail-caption{
    background:
        rgba(12,19,30,.82);

    color:
        #E5BC73;
}

/* ==========================================================
   DARK — FAQ
   ========================================================== */

html[data-theme="dark"] .page-alpha .alpha-faq-question,
body.dark .page-alpha .alpha-faq-question{
    color:#ECF2FF;
}

html[data-theme="dark"] .page-alpha .alpha-faq-text,
body.dark .page-alpha .alpha-faq-text{
    color:#ECF2FF;
}

html[data-theme="dark"] .page-alpha .alpha-faq-number,
body.dark .page-alpha .alpha-faq-number{
    background:
        rgba(112,164,255,.09);

    color:
        #82AEFF;
}

html[data-theme="dark"] .page-alpha .alpha-faq-icon,
body.dark .page-alpha .alpha-faq-icon{
    background:
        rgba(216,167,77,.12);

    color:
        #E5BC73;
}

html[data-theme="dark"] .page-alpha .alpha-faq-answer p,
body.dark .page-alpha .alpha-faq-answer p{
    color:
        #AEBACD;
}

/* ==========================================================
   DARK — NOTES
   ========================================================== */

html[data-theme="dark"] .page-alpha .alpha-overview-note,
body.dark .page-alpha .alpha-overview-note,
html[data-theme="dark"] .page-alpha .alpha-product-highlight,
body.dark .page-alpha .alpha-product-highlight,
html[data-theme="dark"] .page-alpha .alpha-ingredient-note,
body.dark .page-alpha .alpha-ingredient-note,
html[data-theme="dark"] .page-alpha .alpha-usage-note,
body.dark .page-alpha .alpha-usage-note,
html[data-theme="dark"] .page-alpha .alpha-performance-feature,
body.dark .page-alpha .alpha-performance-feature{
    background:
        rgba(216,167,77,.055);

    color:
        #AEBACD;

    border-color:
        rgba(216,167,77,.13);
}

/* ==========================================================
   DARK — DISCLAIMER
   ========================================================== */

html[data-theme="dark"] .page-alpha .alpha-disclaimer-box,
body.dark .page-alpha .alpha-disclaimer-box{
    background:
        #121D2C;

    border-color:
        rgba(119,154,214,.13);
}

html[data-theme="dark"] .page-alpha .alpha-disclaimer-box p,
body.dark .page-alpha .alpha-disclaimer-box p{
    color:
        #AAB6C9;
}

/* ==========================================================
   RESPONSIVE — TABLET
   ========================================================== */

@media (max-width:1080px){

    .page-alpha .alpha-hero-grid{
        grid-template-columns:
            minmax(0,1fr)
            minmax(320px,.82fr);

        gap:30px;
    }

    .page-alpha .alpha-overview-grid,
    .page-alpha .alpha-composition-grid,
    .page-alpha .alpha-ingredients-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .page-alpha .alpha-details-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .page-alpha .alpha-benefit-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .page-alpha .alpha-usage-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .page-alpha .alpha-performance-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }
}

/* ==========================================================
   RESPONSIVE — MOBILE
   ========================================================== */

@media (max-width:760px){

    .page-alpha .container,
    .page-alpha .container-sm{
        width:
            min(
                calc(100% - 28px),
                1180px
            );
    }

    .page-alpha .alpha-hero{
        min-height:auto;

        padding:
            82px 0
            65px;
    }

    .page-alpha .alpha-hero-grid{
        grid-template-columns:1fr;

        gap:30px;
    }

    .page-alpha .alpha-hero-copy{
        margin-inline:auto;

        text-align:center;
    }

    .page-alpha .alpha-eyebrow{
        justify-content:center;
    }

    .page-alpha .alpha-hero-description{
        margin-inline:auto;
    }

    .page-alpha .alpha-hero-pills{
        justify-content:center;
    }

    .page-alpha .alpha-hero-actions{
        justify-content:center;
    }

    .page-alpha .alpha-hero-product{
        min-height:430px;
    }

    .page-alpha .alpha-product-ring{
        width:375px;
        height:375px;
    }

    .page-alpha .alpha-product-aura{
        width:330px;
        height:330px;
    }

    .page-alpha .alpha-product-grid{
        width:360px;
        height:360px;
    }

    .page-alpha .alpha-product-grid img{
        width:82%;
    }

    .page-alpha .alpha-product-caption{
        bottom:3px;
    }

    .page-alpha .alpha-overview-section,
    .page-alpha .alpha-composition,
    .page-alpha .alpha-benefits,
    .page-alpha .alpha-product-section,
    .page-alpha .alpha-ingredients,
    .page-alpha .alpha-usage,
    .page-alpha .alpha-performance,
    .page-alpha .alpha-faq{
        padding:78px 0;
    }

    .page-alpha .alpha-overview-grid,
    .page-alpha .alpha-composition-grid,
    .page-alpha .alpha-ingredients-grid,
    .page-alpha .alpha-benefit-grid,
    .page-alpha .alpha-usage-grid,
    .page-alpha .alpha-performance-grid{
        grid-template-columns:1fr;
    }

    .page-alpha .alpha-details-grid{
        grid-template-columns:1fr;
    }

    .page-alpha .alpha-product-detail-grid{
        grid-template-columns:1fr;

        gap:30px;
    }

    .page-alpha .alpha-product-detail-frame{
        min-height:460px;
    }

    .page-alpha .alpha-product-detail-image{
        width:80%;
        max-height:420px;
    }

    .page-alpha .alpha-detail-ring{
        width:370px;
        height:370px;
    }

    .page-alpha .alpha-product-specs{
        grid-template-columns:1fr;
    }

    .page-alpha .alpha-faq-question{
        grid-template-columns:
            38px
            minmax(0,1fr)
            30px;

        gap:11px;

        padding:
            17px;
    }

    .page-alpha .alpha-faq-number{
        width:33px;
        height:33px;
    }

    .page-alpha .alpha-faq-answer p{
        padding:
            0
            18px
            20px
            66px;
    }

    .page-alpha .alpha-disclaimer{
        padding:
            25px 0
            70px;
    }

    .page-alpha .alpha-cta-box{
        padding:
            48px 27px;

        border-radius:25px;
    }

    .page-alpha .alpha-cta-actions{
        flex-direction:column;
    }

    .page-alpha .alpha-cta-actions > *{
        width:100%;
    }
}

/* ==========================================================
   RESPONSIVE — SMALL MOBILE
   ========================================================== */

@media (max-width:480px){

    .page-alpha .alpha-hero h1{
        font-size:
            clamp(
                3rem,
                16vw,
                4.5rem
            );
    }

    .page-alpha .alpha-hero-actions{
        flex-direction:column;
        width:100%;
    }

    .page-alpha .alpha-hero-actions > *{
        width:100%;
    }

    .page-alpha .alpha-hero-product{
        min-height:395px;
    }

    .page-alpha .alpha-product-grid{
        width:315px;
        height:315px;
    }

    .page-alpha .alpha-product-ring{
        width:325px;
        height:325px;
    }

    .page-alpha .alpha-product-aura{
        width:290px;
        height:290px;
    }

    .page-alpha .alpha-product-caption{
        max-width:
            calc(100% - 20px);

        overflow:hidden;
        text-overflow:ellipsis;
    }

    .page-alpha .alpha-product-detail-frame{
        min-height:400px;
    }

    .page-alpha .alpha-detail-ring{
        width:315px;
        height:315px;
    }

    .page-alpha .alpha-product-detail-image{
        width:77%;
        max-height:370px;
    }

    .page-alpha .alpha-faq-answer p{
        padding-left:57px;
    }

    .page-alpha .alpha-cta-box h2{
        font-size:2.25rem;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion:reduce){

    .page-alpha *,
    .page-alpha *::before,
    .page-alpha *::after{
        scroll-behavior:auto !important;
        animation-duration:.01ms !important;
        transition-duration:.01ms !important;
    }
}

/* ==========================================================
   AD LIFESTYLE V2
   ALPHAMETA.CSS
   Premium AlphaMeta Product Page
   Compatível com alphameta.js fornecido
   ========================================================== */


/* ==========================================================
   ROOT / VARIABLES
   ========================================================== */

.page-alphameta {

    --am-brown: #8A3F18;
    --am-brown-mid: #B85D25;
    --am-brown-deep: #682A0C;

    --am-gold: #C9A14A;
    --am-gold-deep: #9D7426;
    --am-gold-light: #E8D49F;

    --am-red: #963925;
    --am-silver: #BFC3C1;

    --am-bg: #F5F1E9;
    --am-bg-soft: #EEE6D9;
    --am-white: #FFFDF9;

    --am-card: #FFFFFF;
    --am-card-soft: rgba(255,255,255,.72);

    --am-heading: #47220F;
    --am-text: #2B211B;
    --am-muted: #6B6058;

    --am-border: rgba(138,63,24,.12);
    --am-border-gold: rgba(201,161,74,.28);

    --am-shadow:
        0 20px 60px rgba(74,38,18,.08);

    --am-shadow-soft:
        0 10px 30px rgba(74,38,18,.055);

    --am-radius-xl: 40px;
    --am-radius-lg: 30px;
    --am-radius-md: 23px;
    --am-radius-sm: 16px;

    position: relative;

    width: 100%;

    color: var(--am-text);

    background:
        radial-gradient(
            circle at 84% 5%,
            rgba(201,161,74,.075),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            var(--am-white) 0%,
            var(--am-bg) 100%
        );

    overflow: hidden;
}


/* ==========================================================
   BASE
   ========================================================== */

.page-alphameta *,
.page-alphameta *::before,
.page-alphameta *::after {
    box-sizing: border-box;
}

.page-alphameta img {
    max-width: 100%;
}

.page-alphameta button {
    font: inherit;
}

.page-alphameta a,
.page-alphameta button {
    -webkit-tap-highlight-color: transparent;
}


/* ==========================================================
   CONTAINERS
   ========================================================== */

.page-alphameta .container {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
}

.page-alphameta .container-sm {
    width: min(900px, calc(100% - 48px));
    margin-inline: auto;
}


/* ==========================================================
   TYPOGRAPHY
   ========================================================== */

.page-alphameta .label,
.page-alphameta .eyebrow {

    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: var(--am-gold-deep);

    font-size: .72rem;
    font-weight: 850;

    letter-spacing: .15em;
    text-transform: uppercase;
}

.page-alphameta .eyebrow::before {

    content: "";

    width: 28px;
    height: 1px;

    background: var(--am-gold);
}

.page-alphameta .section-title {

    color: var(--am-heading);

    margin:
        14px
        0
        0;

    font-size:
        clamp(
            2.3rem,
            4.5vw,
            4.1rem
        );

    line-height: .98;

    letter-spacing: -.045em;
}

.page-alphameta .section-title span {

    color: var(--am-gold-deep);
}

.page-alphameta .lead {

    color: var(--am-muted);

    line-height: 1.8;
}


/* ==========================================================
   IMPORTANTE:
   Não escondemos .reveal aqui.
   O animations.js do projecto controla as animações.
   ========================================================== */


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

.page-alphameta .alphameta-hero {

    position: relative;

    min-height: 760px;

    padding:
        110px
        0
        95px;

    display: flex;
    align-items: center;

    isolation: isolate;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 76% 42%,
            rgba(201,161,74,.10),
            transparent 28%
        ),
        radial-gradient(
            circle at 17% 20%,
            rgba(184,93,37,.055),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #FFFDF9 0%,
            #F8F4EC 52%,
            #EFE8DC 100%
        );
}


/* ==========================================================
   HERO ATMOSPHERE
   ========================================================== */

.page-alphameta .alphameta-hero-atmosphere {

    position: absolute;

    inset: 0;

    z-index: 0;

    pointer-events: none;

    overflow: hidden;
}


/* ==========================================================
   ORBS
   ========================================================== */

.page-alphameta .alphameta-orb {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}

.page-alphameta .alphameta-orb-1 {

    width: 420px;
    height: 420px;

    top: -120px;
    right: -100px;

    background:
        radial-gradient(
            circle,
            rgba(201,161,74,.15),
            transparent 72%
        );

    filter: blur(8px);
}

.page-alphameta .alphameta-orb-2 {

    width: 340px;
    height: 340px;

    left: -130px;
    bottom: -120px;

    background:
        radial-gradient(
            circle,
            rgba(184,93,37,.085),
            transparent 72%
        );

    filter: blur(8px);
}


/* ==========================================================
   ORBITS
   ========================================================== */

.page-alphameta .alphameta-orbit {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}

.page-alphameta .alphameta-orbit-1 {

    width: 620px;
    height: 620px;

    top: 50%;
    right: -155px;

    transform: translateY(-50%);

    border:
        1px solid
        rgba(201,161,74,.12);
}

.page-alphameta .alphameta-orbit-2 {

    width: 470px;
    height: 470px;

    top: 50%;
    right: -80px;

    transform: translateY(-50%);

    border:
        1px dashed
        rgba(138,63,24,.09);
}


/* ==========================================================
   HERO GRID
   ========================================================== */

.page-alphameta .alphameta-hero-grid {

    position: relative;

    z-index: 2;

    min-height: 570px;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(430px,.92fr);

    align-items: center;

    gap: 58px;
}


/* ==========================================================
   HERO COPY
   ========================================================== */

.page-alphameta .alphameta-hero-copy {

    max-width: 660px;

    position: relative;

    z-index: 5;
}

.page-alphameta .alphameta-eyebrow {

    margin-bottom: 21px;
}

.page-alphameta .alphameta-hero-copy h1 {

    margin: 0;

    color: var(--am-heading);

    font-size:
        clamp(
            4.6rem,
            9vw,
            8rem
        );

    line-height: .84;

    letter-spacing: -.065em;

    font-weight: 900;
}

.page-alphameta .alphameta-hero-copy h1 span {

    display: block;

    color: var(--am-gold-deep);
}

.page-alphameta .alphameta-hero-description {

    max-width: 600px;

    margin:
        31px
        0
        0;

    color: var(--am-muted);

    font-size: 1rem;

    line-height: 1.82;
}


/* ==========================================================
   HERO PILLS
   ========================================================== */

.page-alphameta .alphameta-hero-pills {

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 26px;
}

.page-alphameta .alphameta-hero-pill {

    display: inline-flex;

    align-items: center;

    min-height: 36px;

    padding:
        8px
        13px;

    border:
        1px solid
        rgba(201,161,74,.23);

    border-radius: 999px;

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

    color:
        var(--am-brown);

    font-size: .75rem;

    font-weight: 800;

    box-shadow:
        0 6px 20px
        rgba(74,38,18,.035);
}


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

.page-alphameta .alphameta-hero-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 32px;

    position: relative;

    z-index: 4;
}


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

.page-alphameta .btn {

    min-height: 50px;

    padding:
        0
        21px;

    border-radius: 999px;

    display: inline-flex;

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

    cursor: pointer;

    border: 0;

    text-decoration: none;

    font-size: .81rem;

    font-weight: 800;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.page-alphameta .btn-primary {

    color: #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--am-brown),
            var(--am-brown-mid)
        );

    box-shadow:
        0 14px 30px
        rgba(138,63,24,.18);
}

.page-alphameta .btn-primary:hover {

    transform: translateY(-2px);

    box-shadow:
        0 18px 38px
        rgba(138,63,24,.24);
}

.page-alphameta .btn-glass {

    color:
        var(--am-brown);

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

    border:
        1px solid
        rgba(138,63,24,.16);
}

.page-alphameta .btn-glass:hover {

    transform: translateY(-2px);

    border-color:
        rgba(201,161,74,.45);

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


/* ==========================================================
   HERO PRODUCT
   ========================================================== */

.page-alphameta .alphameta-hero-product {

    position: relative;

    z-index: 3;

    width: 100%;

    min-height: 600px;

    display: flex;

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

    isolation: isolate;
}


/* ==========================================================
   HERO PRODUCT AURA
   ========================================================== */

.page-alphameta .alphameta-product-aura {

    position: absolute;

    width: 440px;
    height: 440px;

    left: 50%;
    top: 50%;

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

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.92) 0%,
            rgba(255,255,255,.43) 42%,
            rgba(201,161,74,.09) 58%,
            transparent 75%
        );

    filter: blur(5px);

    z-index: 0;

    pointer-events: none;
}


/* ==========================================================
   HERO PRODUCT RING
   ========================================================== */

.page-alphameta .alphameta-product-ring {

    position: absolute;

    width: 515px;
    height: 515px;

    left: 50%;
    top: 50%;

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

    border-radius: 50%;

    border:
        1px solid
        rgba(201,161,74,.20);

    box-shadow:
        0 0 55px
        rgba(201,161,74,.07),

        inset 0 0 42px
        rgba(201,161,74,.04);

    z-index: 1;

    pointer-events: none;
}


/* ==========================================================
   HERO PRODUCT GRID
   ATENÇÃO:
   A IMAGEM ESTÁ DENTRO DESTE ELEMENTO.
   NÃO colocar z-index negativo.
   ========================================================== */

.page-alphameta .alphameta-product-grid {

    position: relative;

    width: 440px;
    height: 560px;

    display: flex;

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

    z-index: 2;

    isolation: isolate;

    pointer-events: none;
}


/* Decorative grid behind the image */

.page-alphameta .alphameta-product-grid::before {

    content: "";

    position: absolute;

    width: 430px;
    height: 430px;

    left: 50%;
    top: 50%;

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

    border-radius: 50%;

    background:
        linear-gradient(
            transparent 49.7%,
            rgba(138,63,24,.055) 50%,
            transparent 50.3%
        ),
        linear-gradient(
            90deg,
            transparent 49.7%,
            rgba(201,161,74,.08) 50%,
            transparent 50.3%
        );

    background-size:
        54px
        54px;

    opacity: .46;

    z-index: 0;

    transform:
        translate(
            -50%,
            -50%
        )
        rotate(22deg);

    -webkit-mask-image:
        radial-gradient(
            circle,
            #000 15%,
            transparent 72%
        );

    mask-image:
        radial-gradient(
            circle,
            #000 15%,
            transparent 72%
        );
}


/* ==========================================================
   HERO PRODUCT IMAGE
   VERY IMPORTANT
   ========================================================== */

.page-alphameta .alphameta-product-grid img {

    position: relative;

    z-index: 3;

    display: block;

    width: auto;

    height: auto;

    max-width: 430px;

    max-height: 550px;

    object-fit: contain;

    object-position: center;

    opacity: 1 !important;

    /*
       Sem blur.
       Apenas sombra para separar o produto
       do fundo.
    */

    filter:
        drop-shadow(
            0 28px 40px
            rgba(0,0,0,.16)
        ) !important;

    transform:
        translate3d(
            0,
            0,
            0
        );

    backface-visibility: hidden;

    image-rendering: auto;

    transition:
        transform .45s ease;
}

.page-alphameta .alphameta-hero-product:hover
.alphameta-product-grid img {

    transform:
        translate3d(
            0,
            -7px,
            0
        )
        scale(1.012);
}


/* ==========================================================
   HERO PRODUCT CAPTION
   ========================================================== */

.page-alphameta .alphameta-product-caption {

    position: absolute;

    left: 50%;
    bottom: 22px;

    z-index: 8;

    transform:
        translateX(-50%);

    display: flex;

    align-items: center;

    gap: 10px;

    padding:
        9px
        15px;

    border:
        1px solid
        rgba(201,161,74,.24);

    border-radius: 999px;

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

    backdrop-filter:
        blur(12px);

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

    box-shadow:
        0 10px 28px
        rgba(74,38,18,.06);

    white-space: nowrap;

    color:
        var(--am-brown-deep);

    font-size: .67rem;

    letter-spacing: .08em;
}

.page-alphameta .alphameta-product-caption strong {

    font-weight: 900;
}

.page-alphameta .alphameta-product-caption span {

    color:
        var(--am-gold-deep);

    font-weight: 800;
}


/* ==========================================================
   OVERVIEW
   ========================================================== */

.page-alphameta .alphameta-overview-section {

    padding:
        115px
        0;

    background:
        linear-gradient(
            180deg,
            #FFFDF9 0%,
            #F7F3EC 100%
        );
}

.page-alphameta .section-center {

    max-width: 780px;

    margin:
        0
        auto
        50px;

    text-align: center;
}

.page-alphameta .section-center .lead {

    margin-top: 18px;
}


/* ==========================================================
   OVERVIEW GRID
   ========================================================== */

.page-alphameta .alphameta-overview-grid {

    display: grid;

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

    gap: 17px;
}


/* ==========================================================
   OVERVIEW CARDS
   ========================================================== */

.page-alphameta .alphameta-overview-card {

    position: relative;

    min-height: 250px;

    padding:
        28px;

    border:
        1px solid
        var(--am-border);

    border-radius:
        var(--am-radius-md);

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FBF6EE
        );

    box-shadow:
        var(--am-shadow-soft);

    overflow: hidden;

    transition:
        transform .3s ease,
        border-color .3s ease;
}

.page-alphameta .alphameta-overview-card:hover {

    transform:
        translateY(-5px);

    border-color:
        var(--am-border-gold);
}

.page-alphameta .alphameta-card-number {

    color:
        rgba(138,63,24,.24);

    font-size: .69rem;

    font-weight: 900;

    letter-spacing: .13em;
}

.page-alphameta .alphameta-card-icon {

    width: 48px;
    height: 48px;

    margin:
        25px
        0
        24px;

    display: grid;

    place-items: center;

    border-radius: 15px;

    background:
        rgba(201,161,74,.11);

    color:
        var(--am-gold-deep);

    font-size: 1.08rem;

    font-weight: 900;
}

.page-alphameta .alphameta-overview-card h3 {

    margin: 0;

    color:
        var(--am-heading);

    font-size: 1.03rem;
}

.page-alphameta .alphameta-overview-card p {

    margin:
        9px
        0
        0;

    color:
        var(--am-muted);

    font-size: .82rem;

    line-height: 1.7;
}


/* ==========================================================
   OVERVIEW NOTE
   ========================================================== */

.page-alphameta .alphameta-overview-note {

    max-width: 820px;

    margin:
        32px
        auto
        0;

    text-align: center;
}

.page-alphameta .alphameta-overview-note strong {

    display: block;

    color:
        var(--am-heading);

    font-size: .89rem;
}

.page-alphameta .alphameta-overview-note p {

    margin:
        8px
        0
        0;

    color:
        var(--am-muted);

    font-size: .77rem;

    line-height: 1.7;
}


/* ==========================================================
   COMPOSITION
   ========================================================== */

.page-alphameta .alphameta-composition {

    padding:
        120px
        0;

    background:
        linear-gradient(
            180deg,
            #F3ECE1 0%,
            #EEE6D9 100%
        );
}

.page-alphameta .alphameta-composition-grid {

    display: grid;

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

    gap: 17px;
}


/* ==========================================================
   INGREDIENT CARDS
   ========================================================== */

.page-alphameta .alphameta-ingredient-card {

    position: relative;

    min-height: 278px;

    padding:
        28px;

    border:
        1px solid
        var(--am-border);

    border-radius:
        var(--am-radius-md);

    background:
        #FFFFFF;

    box-shadow:
        var(--am-shadow-soft);

    overflow: hidden;

    transition:
        transform .3s ease,
        border-color .3s ease;
}

.page-alphameta .alphameta-ingredient-card:hover {

    transform:
        translateY(-5px);

    border-color:
        var(--am-border-gold);
}

.page-alphameta .alphameta-ingredient-card::after {

    content: "";

    position: absolute;

    width: 140px;
    height: 140px;

    right: -55px;
    bottom: -55px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(201,161,74,.15),
            transparent 70%
        );

    pointer-events: none;
}

.page-alphameta .alphameta-ingredient-number {

    color:
        rgba(138,63,24,.23);

    font-size: .69rem;

    font-weight: 900;

    letter-spacing: .12em;
}

.page-alphameta .alphameta-ingredient-symbol {

    position: absolute;

    top: 25px;
    right: 25px;

    font-size: 1.42rem;
}

.page-alphameta .alphameta-ingredient-card h3 {

    margin:
        55px
        0
        10px;

    color:
        var(--am-heading);

    font-size: 1.05rem;
}

.page-alphameta .alphameta-ingredient-card p {

    margin: 0;

    color:
        var(--am-muted);

    font-size: .82rem;

    line-height: 1.7;
}


/* ==========================================================
   MORE BUTTON
   ========================================================== */

.page-alphameta .alphameta-more-wrap {

    margin-top: 30px;

    text-align: center;
}

.page-alphameta .alphameta-more-toggle {

    display: inline-flex;

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

    gap: 10px;

    min-height: 46px;

    padding:
        0
        18px;

    border:
        1px solid
        rgba(138,63,24,.16);

    border-radius: 999px;

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

    color:
        var(--am-brown);

    cursor: pointer;

    font-size: .78rem;

    font-weight: 850;

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.page-alphameta .alphameta-more-toggle:hover {

    transform:
        translateY(-2px);

    border-color:
        rgba(201,161,74,.45);

    box-shadow:
        0 10px 26px
        rgba(74,38,18,.06);
}

.page-alphameta .alphameta-more-toggle i {

    display: grid;

    place-items: center;

    width: 23px;
    height: 23px;

    border-radius: 50%;

    background:
        rgba(201,161,74,.10);

    color:
        var(--am-gold-deep);

    font-style: normal;

    font-size: 1.02rem;

    font-weight: 500;

    transition:
        transform .3s ease;
}

.page-alphameta
.alphameta-more-toggle.active
i {

    transform:
        rotate(45deg);
}


/* ==========================================================
   MORE PANEL
   ========================================================== */

.page-alphameta .alphameta-more-panel {

    width: 100%;

    max-height: 0;

    margin-top: 0;

    opacity: 0;

    overflow: hidden;

    transition:
        max-height .6s cubic-bezier(.2,.75,.2,1),
        opacity .35s ease,
        margin-top .4s ease;
}

.page-alphameta .alphameta-more-panel.active {

    margin-top: 18px;

    opacity: 1;
}


/* ==========================================================
   DETAIL GRID
   ========================================================== */

.page-alphameta .alphameta-detail-grid {

    display: grid;

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

    gap: 16px;
}


/* ==========================================================
   DETAIL CARDS
   ========================================================== */

.page-alphameta .alphameta-detail-card {

    padding:
        25px;

    border:
        1px solid
        var(--am-border);

    border-radius:
        var(--am-radius-md);

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

    text-align: left;
}

.page-alphameta .alphameta-detail-card-wide {

    grid-column:
        1 / -1;
}

.page-alphameta .alphameta-detail-card h3 {

    margin:
        13px
        0
        10px;

    color:
        var(--am-heading);

    font-size: 1.04rem;
}

.page-alphameta .alphameta-detail-card p {

    margin:
        0
        0
        9px;

    color:
        var(--am-muted);

    font-size: .81rem;

    line-height: 1.72;
}


/* ==========================================================
   DETAIL LIST
   ========================================================== */

.page-alphameta .alphameta-detail-list {

    display: grid;

    gap: 8px;

    margin-top: 15px;
}

.page-alphameta .alphameta-detail-item {

    display: flex;

    align-items: flex-start;

    gap: 9px;

    color:
        var(--am-muted);

    font-size: .77rem;

    line-height: 1.55;
}

.page-alphameta .alphameta-check {

    flex: 0 0 auto;

    width: 20px;
    height: 20px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    background:
        rgba(201,161,74,.11);

    color:
        var(--am-gold-deep);

    font-size: .68rem;

    font-weight: 900;
}


/* ==========================================================
   BENEFITS
   ========================================================== */

.page-alphameta .alphameta-benefits {

    padding:
        120px
        0;

    background:
        #FFFDF9;
}

.page-alphameta .alphameta-benefits-grid {

    display: grid;

    grid-template-columns:
        .90fr
        1.10fr;

    align-items: center;

    gap: 68px;
}


/* ==========================================================
   BENEFITS VISUAL
   ========================================================== */

.page-alphameta .alphameta-benefits-visual {

    position: relative;

    min-height: 510px;

    display: flex;

    align-items: center;
    justify-content: center;
}

.page-alphameta .alphameta-benefits-frame {

    position: relative;

    width: min(430px,100%);

    min-height: 455px;

    display: flex;

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

    border:
        1px solid
        rgba(201,161,74,.18);

    border-radius:
        var(--am-radius-xl);

    background:
        radial-gradient(
            circle at center,
            rgba(201,161,74,.13),
            transparent 58%
        ),
        linear-gradient(
            145deg,
            #FFFFFF,
            #F5EDE1
        );

    box-shadow:
        var(--am-shadow);

    overflow: hidden;
}

.page-alphameta .alphameta-benefits-aura {

    position: absolute;

    width: 330px;
    height: 330px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(201,161,74,.14),
            transparent 70%
        );

    filter:
        blur(2px);

    pointer-events: none;
}

.page-alphameta .alphameta-benefits-frame img {

    position: relative;

    z-index: 3;

    display: block;

    max-width: 290px;

    max-height: 390px;

    object-fit: contain;

    opacity: 1;

    filter:
        drop-shadow(
            0 24px 36px
            rgba(0,0,0,.13)
        );
}


/* ==========================================================
   BENEFITS COPY
   ========================================================== */

.page-alphameta .alphameta-benefits-copy {

    max-width: 620px;
}

.page-alphameta .alphameta-benefits-copy > .lead {

    margin-top:
        18px;
}


/* ==========================================================
   BENEFIT CHECKS
   ========================================================== */

.page-alphameta .alphameta-check-list {

    display: grid;

    gap: 13px;

    margin-top: 28px;
}

.page-alphameta .alphameta-benefit-check {

    display: grid;

    grid-template-columns:
        30px
        1fr;

    gap: 12px;

    align-items: start;
}

.page-alphameta .alphameta-benefit-check > span {

    width: 30px;
    height: 30px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    background:
        rgba(201,161,74,.11);

    color:
        var(--am-gold-deep);

    font-size: .7rem;

    font-weight: 900;
}

.page-alphameta .alphameta-benefit-check p {

    margin:
        2px
        0
        0;

    color:
        var(--am-muted);

    font-size: .82rem;

    line-height: 1.65;
}


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

.page-alphameta .alphameta-product-section {

    padding:
        125px
        0;

    background:
        linear-gradient(
            180deg,
            #EFE7DA 0%,
            #F5F1E9 100%
        );
}

.page-alphameta .alphameta-product-detail-grid {

    display: grid;

    grid-template-columns:
        .94fr
        1.06fr;

    gap: 72px;

    align-items: center;
}


/* ==========================================================
   PRODUCT DETAIL FRAME
   ========================================================== */

.page-alphameta .alphameta-product-detail-frame {

    position: relative;

    min-height: 620px;

    display: flex;

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

    border:
        1px solid
        rgba(201,161,74,.18);

    border-radius:
        40px;

    background:
        radial-gradient(
            circle at center,
            rgba(201,161,74,.12),
            transparent 62%
        ),
        rgba(255,255,255,.55);

    overflow: hidden;

    isolation: isolate;
}


/* ==========================================================
   DETAIL AURA
   ========================================================== */

.page-alphameta .alphameta-detail-aura {

    position: absolute;

    width: 360px;
    height: 360px;

    left: 50%;
    top: 50%;

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

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(201,161,74,.14),
            transparent 70%
        );

    filter:
        blur(3px);

    z-index: 0;

    pointer-events: none;
}


/* ==========================================================
   DETAIL RING
   ========================================================== */

.page-alphameta .alphameta-detail-ring {

    position: absolute;

    width: 430px;
    height: 430px;

    left: 50%;
    top: 50%;

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

    border-radius: 50%;

    border:
        1px solid
        rgba(201,161,74,.15);

    z-index: 1;

    pointer-events: none;
}


/* ==========================================================
   DETAIL DECORATION
   ========================================================== */

.page-alphameta .alphameta-detail-decoration {

    position: absolute;

    inset: 0;

    z-index: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 20% 28%,
            rgba(184,93,37,.05),
            transparent 24%
        ),
        radial-gradient(
            circle at 82% 74%,
            rgba(201,161,74,.06),
            transparent 25%
        );
}


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

.page-alphameta .alphameta-product-detail-image {

    position: relative;

    z-index: 4;

    display: block;

    width: auto;

    height: auto;

    max-width: 76%;

    max-height: 535px;

    object-fit: contain;

    opacity: 1;

    filter:
        drop-shadow(
            0 27px 40px
            rgba(0,0,0,.15)
        );

    image-rendering: auto;
}


/* ==========================================================
   DETAIL CAPTION
   ========================================================== */

.page-alphameta .alphameta-detail-caption {

    position: absolute;

    left: 50%;
    bottom: 23px;

    z-index: 6;

    transform:
        translateX(-50%);

    width: max-content;

    padding:
        9px
        14px;

    border:
        1px solid
        rgba(201,161,74,.20);

    border-radius: 999px;

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

    backdrop-filter:
        blur(11px);

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

    color:
        var(--am-brown-deep);

    font-size: .65rem;

    font-weight: 850;

    letter-spacing: .09em;
}


/* ==========================================================
   PRODUCT COPY
   ========================================================== */

.page-alphameta .alphameta-product-detail-copy {

    max-width: 620px;
}

.page-alphameta .alphameta-product-detail-copy > .lead {

    margin-top:
        19px;
}


/* ==========================================================
   PRODUCT SPECS
   ========================================================== */

.page-alphameta .alphameta-spec-grid {

    display: grid;

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

    gap: 12px;

    margin-top: 30px;
}

.page-alphameta .alphameta-product-spec {

    padding:
        18px;

    border:
        1px solid
        var(--am-border);

    border-radius:
        var(--am-radius-sm);

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

.page-alphameta .alphameta-product-spec span {

    display: block;

    margin-bottom: 6px;

    color:
        var(--am-muted);

    font-size: .65rem;

    font-weight: 750;

    letter-spacing: .08em;

    text-transform: uppercase;
}

.page-alphameta .alphameta-product-spec strong {

    color:
        var(--am-heading);

    font-size: .87rem;
}


/* ==========================================================
   PRODUCT HIGHLIGHT
   ========================================================== */

.page-alphameta .alphameta-product-highlight {

    margin-top:
        20px;

    padding:
        20px;

    border-left:
        3px solid
        var(--am-gold);

    border-radius:
        0
        15px
        15px
        0;

    background:
        rgba(201,161,74,.08);
}

.page-alphameta .alphameta-product-highlight strong {

    color:
        var(--am-heading);

    font-size: .9rem;
}

.page-alphameta .alphameta-product-highlight p {

    margin:
        7px
        0
        0;

    color:
        var(--am-muted);

    font-size: .81rem;

    line-height: 1.7;
}


/* ==========================================================
   CONCEPT
   ========================================================== */

.page-alphameta .alphameta-ingredients {

    padding:
        120px
        0;

    background:
        #FFFDF9;
}

.page-alphameta .alphameta-concept-grid {

    display: grid;

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

    gap: 17px;
}

.page-alphameta .alphameta-concept-card {

    position: relative;

    min-height: 240px;

    padding:
        29px;

    border:
        1px solid
        var(--am-border);

    border-radius:
        var(--am-radius-md);

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

    box-shadow:
        var(--am-shadow-soft);

    overflow: hidden;

    transition:
        transform .3s ease,
        border-color .3s ease;
}

.page-alphameta .alphameta-concept-card:hover {

    transform:
        translateY(-4px);

    border-color:
        var(--am-border-gold);
}

.page-alphameta .alphameta-concept-number {

    color:
        rgba(138,63,24,.23);

    font-size: .69rem;

    font-weight: 900;

    letter-spacing: .12em;
}

.page-alphameta .alphameta-concept-symbol {

    position: absolute;

    top: 24px;
    right: 25px;

    color:
        var(--am-gold);

    font-size: 1.45rem;

    font-weight: 900;
}

.page-alphameta .alphameta-concept-card h3 {

    margin:
        51px
        0
        10px;

    color:
        var(--am-heading);

    font-size: 1.05rem;
}

.page-alphameta .alphameta-concept-card p {

    margin: 0;

    color:
        var(--am-muted);

    font-size: .82rem;

    line-height: 1.7;
}

.page-alphameta .alphameta-concept-wide {

    grid-column:
        1 / -1;

    min-height: auto;

    padding:
        28px;

    border:
        1px solid
        var(--am-border);

    border-radius:
        var(--am-radius-md);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.88),
            rgba(248,241,229,.78)
        );
}

.page-alphameta .alphameta-concept-wide h3 {

    margin:
        11px
        0
        8px;

    color:
        var(--am-heading);

    font-size: 1.15rem;
}

.page-alphameta .alphameta-concept-wide p {

    max-width: 820px;

    margin: 0;

    color:
        var(--am-muted);

    font-size: .82rem;

    line-height: 1.7;
}


/* ==========================================================
   ROUTINE
   ========================================================== */

.page-alphameta .alphameta-routine {

    padding:
        120px
        0;

    background:
        linear-gradient(
            180deg,
            #F3ECE1,
            #EEE6D9
        );
}

.page-alphameta .alphameta-routine-list {

    position: relative;

    display: grid;

    gap: 14px;
}

.page-alphameta .alphameta-routine-list::before {

    content: "";

    position: absolute;

    left: 29px;

    top: 28px;
    bottom: 28px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(201,161,74,.30),
            transparent
        );
}

.page-alphameta .alphameta-routine-step {

    position: relative;

    display: grid;

    grid-template-columns:
        60px
        1fr;

    gap: 18px;

    align-items: start;

    padding:
        23px;

    border:
        1px solid
        var(--am-border);

    border-radius:
        20px;

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

    box-shadow:
        0 9px 28px
        rgba(70,39,20,.045);
}

.page-alphameta .alphameta-routine-number {

    position: relative;

    z-index: 2;

    width: 60px;
    height: 60px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            var(--am-gold),
            var(--am-gold-deep)
        );

    color: #fff;

    font-size: .76rem;

    font-weight: 900;

    box-shadow:
        0 8px 20px
        rgba(157,116,38,.16);
}

.page-alphameta .alphameta-routine-step h3 {

    margin:
        4px
        0
        7px;

    color:
        var(--am-heading);

    font-size: .98rem;
}

.page-alphameta .alphameta-routine-step p {

    margin: 0;

    color:
        var(--am-muted);

    font-size: .81rem;

    line-height: 1.7;
}

.page-alphameta .alphameta-routine-note {

    max-width: 730px;

    margin:
        30px
        auto
        0;

    text-align: center;
}

.page-alphameta .alphameta-routine-note p {

    margin:
        9px
        0
        0;

    color:
        var(--am-muted);

    font-size: .77rem;

    line-height: 1.7;
}


/* ==========================================================
   CERTIFICATIONS
   ========================================================== */

.page-alphameta .alphameta-certifications {

    padding:
        120px
        0;

    background:
        #FFFDF9;
}

.page-alphameta .alphameta-certification-grid {

    display: grid;

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

    gap: 17px;
}

.page-alphameta .alphameta-certificate {

    min-height: 225px;

    padding:
        29px;

    border:
        1px solid
        var(--am-border);

    border-radius:
        var(--am-radius-md);

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F7F0E5
        );

    box-shadow:
        var(--am-shadow-soft);

    text-align: center;
}

.page-alphameta .alphameta-certificate-mark {

    width: 62px;
    height: 62px;

    margin:
        0
        auto
        19px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    border:
        1px solid
        rgba(201,161,74,.25);

    background:
        rgba(201,161,74,.09);

    color:
        var(--am-gold-deep);

    font-size: .65rem;

    font-weight: 900;
}

.page-alphameta .alphameta-certificate .label {

    justify-content: center;
}

.page-alphameta .alphameta-certificate p {

    margin:
        10px
        0
        0;

    color:
        var(--am-muted);

    font-size: .79rem;

    line-height: 1.65;
}

.page-alphameta .alphameta-certification-note {

    max-width: 760px;

    margin:
        30px
        auto
        0;

    text-align: center;
}

.page-alphameta .alphameta-certification-note p {

    margin:
        9px
        0
        0;

    color:
        var(--am-muted);

    font-size: .77rem;

    line-height: 1.7;
}


/* ==========================================================
   PERFORMANCE
   ========================================================== */

.page-alphameta .alphameta-performance {

    padding:
        120px
        0;

    background:
        linear-gradient(
            180deg,
            #EEE6D9,
            #F5F1E9
        );
}

.page-alphameta .alphameta-performance-grid {

    display: grid;

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

    gap: 17px;
}

.page-alphameta .alphameta-performance-card {

    position: relative;

    min-height: 265px;

    padding:
        30px;

    border:
        1px solid
        var(--am-border);

    border-radius:
        var(--am-radius-md);

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

    box-shadow:
        var(--am-shadow-soft);

    overflow: hidden;
}

.page-alphameta .alphameta-performance-card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--am-brown),
            var(--am-gold),
            var(--am-red)
        );
}

.page-alphameta .alphameta-performance-letter {

    color:
        rgba(201,161,74,.29);

    font-size: 3.5rem;

    line-height: 1;

    font-weight: 900;
}

.page-alphameta .alphameta-performance-card h3 {

    margin:
        28px
        0
        9px;

    color:
        var(--am-heading);

    font-size: 1.05rem;
}

.page-alphameta .alphameta-performance-card p {

    margin: 0;

    color:
        var(--am-muted);

    font-size: .81rem;

    line-height: 1.7;
}

.page-alphameta .alphameta-performance-feature {

    max-width: 850px;

    margin:
        34px
        auto
        0;

    padding:
        28px;

    border:
        1px solid
        var(--am-border);

    border-radius:
        var(--am-radius-md);

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

    text-align: center;
}

.page-alphameta .alphameta-performance-feature h3 {

    margin:
        10px
        0
        7px;

    color:
        var(--am-heading);

    font-size: 1.2rem;
}

.page-alphameta .alphameta-performance-feature p {

    margin: 0;

    color:
        var(--am-muted);

    font-size: .81rem;

    line-height: 1.7;
}


/* ==========================================================
   FAQ
   ========================================================== */

.page-alphameta .alphameta-faq {

    padding:
        120px
        0;

    background:
        #FFFDF9;
}

.page-alphameta .alphameta-faq-list {

    border-top:
        1px solid
        var(--am-border);
}

.page-alphameta .alphameta-faq-item {

    border-bottom:
        1px solid
        var(--am-border);
}

.page-alphameta .alphameta-faq-question {

    width: 100%;

    display: grid;

    grid-template-columns:
        50px
        1fr
        36px;

    align-items: center;

    gap: 16px;

    padding:
        21px
        0;

    border: 0;

    background: transparent;

    color:
        var(--am-heading);

    text-align: left;

    cursor: pointer;

    transition:
        color .25s ease;
}

.page-alphameta .alphameta-faq-question:hover {

    color:
        var(--am-brown);
}

.page-alphameta .alphameta-faq-number {

    color:
        var(--am-gold-deep);

    font-size: .68rem;

    font-weight: 900;

    letter-spacing: .10em;
}

.page-alphameta .alphameta-faq-text {

    font-size: .91rem;

    font-weight: 760;

    line-height: 1.5;
}

.page-alphameta .alphameta-faq-plus {

    width: 34px;
    height: 34px;

    display: grid;

    place-items: center;

    border:
        1px solid
        var(--am-border-gold);

    border-radius: 50%;

    color:
        var(--am-gold-deep);

    font-size: 1.08rem;

    transition:
        transform .3s ease,
        background .3s ease;
}

.page-alphameta
.alphameta-faq-item.active
.alphameta-faq-plus {

    transform:
        rotate(45deg);

    background:
        rgba(201,161,74,.09);
}


/* ==========================================================
   FAQ ANSWERS
   ========================================================== */

.page-alphameta .alphameta-faq-answer {

    max-height: 0;

    overflow: hidden;

    opacity: 0;

    transition:
        max-height .48s ease,
        opacity .30s ease;
}

.page-alphameta
.alphameta-faq-item.active
.alphameta-faq-answer {

    opacity: 1;
}

.page-alphameta .alphameta-faq-answer p {

    margin: 0;

    padding:
        0
        66px
        23px;

    color:
        var(--am-muted);

    font-size: .81rem;

    line-height: 1.8;
}


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

.page-alphameta .alphameta-information-section {

    padding:
        82px
        0
        100px;

    background:
        var(--am-bg);
}

.page-alphameta .alphameta-information-box {

    max-width: 960px;

    margin-inline: auto;

    display: grid;

    grid-template-columns:
        auto
        1fr;

    align-items: start;

    gap: 22px;

    padding:
        30px;

    border:
        1px solid
        rgba(201,161,74,.20);

    border-radius:
        var(--am-radius-md);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.87),
            rgba(248,240,228,.72)
        );
}

.page-alphameta .alphameta-information-icon {

    width: 48px;
    height: 48px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    background:
        rgba(201,161,74,.10);

    color:
        var(--am-gold-deep);

    font-size: 1rem;

    font-weight: 900;
}

.page-alphameta .alphameta-information-box h2 {

    margin:
        10px
        0
        9px;

    color:
        var(--am-heading);

    font-size:
        clamp(
            1.45rem,
            3vw,
            2.15rem
        );

    line-height: 1.05;

    letter-spacing: -.025em;
}

.page-alphameta .alphameta-information-box p {

    margin: 0;

    color:
        var(--am-muted);

    font-size: .81rem;

    line-height: 1.75;
}


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

.page-alphameta .alphameta-cta {

    padding:
        25px
        0
        110px;

    background:
        var(--am-bg);
}

.page-alphameta .alphameta-cta-box {

    position: relative;

    padding:
        72px
        50px;

    border-radius:
        40px;

    overflow: hidden;

    text-align: center;

    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(255,255,255,.13),
            transparent 27%
        ),
        radial-gradient(
            circle at 80% 80%,
            rgba(201,161,74,.18),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            #60260D,
            #8A3F18,
            #6A2E0E
        );

    box-shadow:
        0 30px 75px
        rgba(70,39,20,.18);
}

.page-alphameta .alphameta-label-light {

    position: relative;

    z-index: 2;

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

    font-size: .69rem;

    font-weight: 800;

    letter-spacing: .16em;

    text-transform: uppercase;
}

.page-alphameta .alphameta-cta-box h2 {

    position: relative;

    z-index: 2;

    max-width: 760px;

    margin:
        16px
        auto
        0;

    color: #FFFFFF;

    font-size:
        clamp(
            2.4rem,
            5vw,
            4.65rem
        );

    line-height: .98;

    letter-spacing: -.045em;
}

.page-alphameta .alphameta-cta-box h2 span {

    color:
        #E8C976;
}

.page-alphameta .alphameta-cta-box > p {

    position: relative;

    z-index: 2;

    max-width: 650px;

    margin:
        20px
        auto
        0;

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

    font-size: .88rem;

    line-height: 1.75;
}

.page-alphameta .alphameta-cta-actions {

    position: relative;

    z-index: 3;

    display: flex;

    flex-wrap: wrap;

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

    gap: 12px;

    margin-top: 30px;
}


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

.page-alphameta
.alphameta-cta
.btn-primary {

    background:
        #FFFFFF;

    color:
        var(--am-brown);

    box-shadow:
        0 12px 28px
        rgba(0,0,0,.12);
}

.page-alphameta
.alphameta-cta
.btn-primary:hover {

    background:
        #FFFDF9;
}

.page-alphameta
.alphameta-cta
.btn-glass {

    border-color:
        rgba(255,255,255,.23);

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

    color:
        #FFFFFF;
}

.page-alphameta
.alphameta-cta
.btn-glass:hover {

    border-color:
        rgba(255,255,255,.40);

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


/* ==========================================================
   FOCUS
   ========================================================== */

.page-alphameta button:focus-visible {

    outline:
        3px solid
        rgba(201,161,74,.38);

    outline-offset:
        3px;
}


/* ==========================================================
   DARK THEME
   ========================================================== */

html[data-theme="dark"] .page-alphameta,
body.dark .page-alphameta {

    --am-bg: #171311;
    --am-bg-soft: #211913;
    --am-white: #1B1714;

    --am-card: #282019;
    --am-card-soft: rgba(40,32,25,.80);

    --am-heading: #F4ECE4;
    --am-text: #ECE3DB;
    --am-muted: #B7A9A0;

    --am-border:
        rgba(255,255,255,.075);

    --am-border-gold:
        rgba(201,161,74,.25);

    background:
        radial-gradient(
            circle at 84% 5%,
            rgba(201,161,74,.06),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #1B1714,
            #171311
        );
}


/* ==========================================================
   DARK — HERO
   ========================================================== */

html[data-theme="dark"]
.page-alphameta
.alphameta-hero,
body.dark
.page-alphameta
.alphameta-hero {

    background:
        radial-gradient(
            circle at 76% 42%,
            rgba(201,161,74,.07),
            transparent 28%
        ),
        radial-gradient(
            circle at 17% 20%,
            rgba(184,93,37,.045),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #1D1814,
            #1A1512,
            #191411
        );
}

html[data-theme="dark"]
.page-alphameta
.alphameta-hero-copy
h1,
body.dark
.page-alphameta
.alphameta-hero-copy
h1 {

    color:
        #F4ECE4;
}

html[data-theme="dark"]
.page-alphameta
.alphameta-hero-copy
h1
span,
body.dark
.page-alphameta
.alphameta-hero-copy
h1
span {

    color:
        #D8B967;
}

html[data-theme="dark"]
.page-alphameta
.alphameta-hero-pill,
body.dark
.page-alphameta
.alphameta-hero-pill {

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

    color:
        #E6D3AE;

    border-color:
        rgba(201,161,74,.18);
}

html[data-theme="dark"]
.page-alphameta
.btn-glass,
body.dark
.page-alphameta
.btn-glass {

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

    border-color:
        rgba(255,255,255,.10);

    color:
        #E6D7BD;
}


/* ==========================================================
   DARK — HERO PRODUCT
   ========================================================== */

html[data-theme="dark"]
.page-alphameta
.alphameta-product-aura,
body.dark
.page-alphameta
.alphameta-product-aura {

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.08),
            rgba(201,161,74,.04) 45%,
            transparent 74%
        );
}

html[data-theme="dark"]
.page-alphameta
.alphameta-product-ring,
body.dark
.page-alphameta
.alphameta-product-ring {

    border-color:
        rgba(201,161,74,.17);
}

html[data-theme="dark"]
.page-alphameta
.alphameta-product-grid
img,
body.dark
.page-alphameta
.alphameta-product-grid
img {

    opacity:
        1 !important;

    filter:
        drop-shadow(
            0 30px 44px
            rgba(0,0,0,.48)
        ) !important;
}

html[data-theme="dark"]
.page-alphameta
.alphameta-product-caption,
body.dark
.page-alphameta
.alphameta-product-caption {

    background:
        rgba(25,20,17,.88);

    border-color:
        rgba(201,161,74,.22);

    color:
        #E8D092;
}


/* ==========================================================
   DARK — LIGHT SECTIONS
   ========================================================== */

html[data-theme="dark"]
.page-alphameta
.alphameta-overview-section,
html[data-theme="dark"]
.page-alphameta
.alphameta-benefits,
html[data-theme="dark"]
.page-alphameta
.alphameta-ingredients,
html[data-theme="dark"]
.page-alphameta
.alphameta-certifications,
html[data-theme="dark"]
.page-alphameta
.alphameta-faq,
body.dark
.page-alphameta
.alphameta-overview-section,
body.dark
.page-alphameta
.alphameta-benefits,
body.dark
.page-alphameta
.alphameta-ingredients,
body.dark
.page-alphameta
.alphameta-certifications,
body.dark
.page-alphameta
.alphameta-faq {

    background:
        #1B1714;
}


/* ==========================================================
   DARK — CARDS
   ========================================================== */

html[data-theme="dark"]
.page-alphameta
.alphameta-overview-card,
html[data-theme="dark"]
.page-alphameta
.alphameta-ingredient-card,
html[data-theme="dark"]
.page-alphameta
.alphameta-detail-card,
html[data-theme="dark"]
.page-alphameta
.alphameta-concept-card,
html[data-theme="dark"]
.page-alphameta
.alphameta-certificate,
html[data-theme="dark"]
.page-alphameta
.alphameta-performance-card,
html[data-theme="dark"]
.page-alphameta
.alphameta-routine-step,
html[data-theme="dark"]
.page-alphameta
.alphameta-product-spec,
body.dark
.page-alphameta
.alphameta-overview-card,
body.dark
.page-alphameta
.alphameta-ingredient-card,
body.dark
.page-alphameta
.alphameta-detail-card,
body.dark
.page-alphameta
.alphameta-concept-card,
body.dark
.page-alphameta
.alphameta-certificate,
body.dark
.page-alphameta
.alphameta-performance-card,
body.dark
.page-alphameta
.alphameta-routine-step,
body.dark
.page-alphameta
.alphameta-product-spec {

    background:
        rgba(39,31,25,.80);
}


/* ==========================================================
   DARK — MORE
   ========================================================== */

html[data-theme="dark"]
.page-alphameta
.alphameta-more-toggle,
body.dark
.page-alphameta
.alphameta-more-toggle {

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

    border-color:
        rgba(255,255,255,.10);

    color:
        #E8D8BB;
}


/* ==========================================================
   DARK — BENEFITS FRAME
   ========================================================== */

html[data-theme="dark"]
.page-alphameta
.alphameta-benefits-frame,
body.dark
.page-alphameta
.alphameta-benefits-frame {

    background:
        radial-gradient(
            circle at center,
            rgba(201,161,74,.08),
            transparent 58%
        ),
        linear-gradient(
            145deg,
            #2A211B,
            #211A16
        );
}


/* ==========================================================
   DARK — PRODUCT DETAIL
   ========================================================== */

html[data-theme="dark"]
.page-alphameta
.alphameta-product-section,
body.dark
.page-alphameta
.alphameta-product-section {

    background:
        linear-gradient(
            180deg,
            #211A15,
            #191512
        );
}

html[data-theme="dark"]
.page-alphameta
.alphameta-product-detail-frame,
body.dark
.page-alphameta
.alphameta-product-detail-frame {

    background:
        radial-gradient(
            circle at center,
            rgba(201,161,74,.07),
            transparent 62%
        ),
        rgba(39,31,25,.68);
}

html[data-theme="dark"]
.page-alphameta
.alphameta-detail-caption,
body.dark
.page-alphameta
.alphameta-detail-caption {

    background:
        rgba(25,20,17,.90);

    color:
        #E8D092;

    border-color:
        rgba(201,161,74,.20);
}


/* ==========================================================
   DARK — INFORMATION
   ========================================================== */

html[data-theme="dark"]
.page-alphameta
.alphameta-information-section,
body.dark
.page-alphameta
.alphameta-information-section {

    background:
        #171311;
}

html[data-theme="dark"]
.page-alphameta
.alphameta-information-box,
body.dark
.page-alphameta
.alphameta-information-box {

    background:
        linear-gradient(
            145deg,
            rgba(43,34,27,.92),
            rgba(33,27,22,.84)
        );
}


/* ==========================================================
   DARK — CTA
   ========================================================== */

html[data-theme="dark"]
.page-alphameta
.alphameta-cta,
body.dark
.page-alphameta
.alphameta-cta {

    background:
        #171311;
}


/* ==========================================================
   TABLET — 1100PX
   ========================================================== */

@media (max-width:1100px) {

    .page-alphameta .alphameta-hero-grid {

        grid-template-columns:
            minmax(0,1fr)
            minmax(370px,.85fr);

        gap: 30px;
    }

    .page-alphameta .alphameta-hero-copy h1 {

        font-size:
            clamp(
                4rem,
                8vw,
                6.4rem
            );
    }

    .page-alphameta .alphameta-hero-product {

        min-height: 530px;
    }

    .page-alphameta .alphameta-product-grid {

        width: 390px;
        height: 530px;
    }

    .page-alphameta .alphameta-product-grid::before {

        width: 380px;
        height: 380px;
    }

    .page-alphameta
    .alphameta-product-ring {

        width: 450px;
        height: 450px;
    }

    .page-alphameta
    .alphameta-product-aura {

        width: 390px;
        height: 390px;
    }

    .page-alphameta
    .alphameta-product-grid
    img {

        max-width: 380px;
        max-height: 510px;
    }

    .page-alphameta .alphameta-overview-grid,
    .page-alphameta .alphameta-composition-grid {

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

    .page-alphameta .alphameta-benefits-grid,
    .page-alphameta .alphameta-product-detail-grid {

        gap: 45px;
    }

    .page-alphameta .alphameta-certification-grid,
    .page-alphameta .alphameta-performance-grid {

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


/* ==========================================================
   TABLET — 820PX
   ========================================================== */

@media (max-width:820px) {

    .page-alphameta .container,
    .page-alphameta .container-sm {

        width:
            min(
                calc(100% - 32px),
                680px
            );
    }


    /* HERO */

    .page-alphameta .alphameta-hero {

        min-height: auto;

        padding:
            90px
            0
            70px;
    }

    .page-alphameta .alphameta-hero-grid {

        grid-template-columns:
            1fr;

        min-height: auto;

        text-align: center;
    }

    .page-alphameta .alphameta-hero-copy {

        max-width: 650px;

        margin-inline: auto;
    }

    .page-alphameta .alphameta-eyebrow {

        justify-content: center;
    }

    .page-alphameta .alphameta-hero-description {

        margin-inline: auto;
    }

    .page-alphameta .alphameta-hero-pills {

        justify-content: center;
    }

    .page-alphameta .alphameta-hero-actions {

        justify-content: center;
    }

    .page-alphameta .alphameta-hero-product {

        min-height: 500px;

        margin-top: 3px;
    }


    /* BENEFITS */

    .page-alphameta .alphameta-benefits-grid,
    .page-alphameta .alphameta-product-detail-grid {

        grid-template-columns:
            1fr;
    }

    .page-alphameta .alphameta-benefits-copy {

        max-width: 680px;

        margin-inline: auto;

        text-align: center;
    }

    .page-alphameta .alphameta-check-list {

        text-align: left;
    }

    .page-alphameta .alphameta-product-detail-copy {

        max-width: 680px;

        margin-inline: auto;

        text-align: center;
    }

    .page-alphameta .alphameta-product-detail-frame {

        max-width: 680px;

        margin-inline: auto;

        min-height: 540px;
    }


    /* CONCEPT */

    .page-alphameta .alphameta-concept-grid {

        grid-template-columns:
            1fr;
    }


    /* PERFORMANCE */

    .page-alphameta .alphameta-performance-grid {

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


/* ==========================================================
   MOBILE — 640PX
   ========================================================== */

@media (max-width:640px) {

    .page-alphameta .container,
    .page-alphameta .container-sm {

        width:
            calc(100% - 28px);
    }


    /* HERO */

    .page-alphameta .alphameta-hero {

        padding:
            78px
            0
            58px;
    }

    .page-alphameta .alphameta-hero-copy h1 {

        font-size:
            clamp(
                3.45rem,
                17vw,
                5.1rem
            );
    }

    .page-alphameta .alphameta-hero-description {

        font-size: .90rem;
    }

    .page-alphameta .alphameta-hero-actions {

        flex-direction: column;

        align-items: center;
    }

    .page-alphameta .alphameta-hero-actions .btn {

        width:
            min(
                100%,
                320px
            );
    }


    /* HERO PRODUCT */

    .page-alphameta .alphameta-hero-product {

        min-height: 430px;
    }

    .page-alphameta .alphameta-product-grid {

        width: 315px;
        height: 420px;
    }

    .page-alphameta .alphameta-product-grid::before {

        width: 295px;
        height: 295px;
    }

    .page-alphameta .alphameta-product-ring {

        width: 355px;
        height: 355px;
    }

    .page-alphameta .alphameta-product-aura {

        width: 315px;
        height: 315px;
    }

    .page-alphameta .alphameta-product-grid img {

        max-width: 305px;

        max-height: 410px;
    }

    .page-alphameta .alphameta-product-caption {

        bottom: 3px;

        padding:
            8px
            12px;

        font-size: .57rem;
    }


    /* SECTIONS */

    .page-alphameta
    .alphameta-overview-section,
    .page-alphameta
    .alphameta-composition,
    .page-alphameta
    .alphameta-benefits,
    .page-alphameta
    .alphameta-product-section,
    .page-alphameta
    .alphameta-ingredients,
    .page-alphameta
    .alphameta-routine,
    .page-alphameta
    .alphameta-certifications,
    .page-alphameta
    .alphameta-performance,
    .page-alphameta
    .alphameta-faq {

        padding:
            82px
            0;
    }


    /* GRIDS */

    .page-alphameta .alphameta-overview-grid,
    .page-alphameta .alphameta-composition-grid,
    .page-alphameta .alphameta-detail-grid,
    .page-alphameta .alphameta-certification-grid,
    .page-alphameta .alphameta-performance-grid {

        grid-template-columns:
            1fr;
    }


    /* BENEFITS */

    .page-alphameta .alphameta-benefits-visual {

        min-height: 395px;
    }

    .page-alphameta .alphameta-benefits-frame {

        min-height: 370px;

        border-radius:
            28px;
    }

    .page-alphameta
    .alphameta-benefits-frame
    img {

        max-width: 245px;

        max-height: 330px;
    }


    /* PRODUCT DETAIL */

    .page-alphameta
    .alphameta-product-detail-frame {

        min-height: 445px;

        border-radius:
            29px;
    }

    .page-alphameta
    .alphameta-product-detail-image {

        max-width: 78%;

        max-height: 400px;
    }

    .page-alphameta .alphameta-detail-ring {

        width: 320px;
        height: 320px;
    }

    .page-alphameta .alphameta-detail-aura {

        width: 270px;
        height: 270px;
    }


    /* SPECS */

    .page-alphameta .alphameta-spec-grid {

        grid-template-columns:
            1fr;

        text-align: left;
    }


    /* FAQ */

    .page-alphameta .alphameta-faq-question {

        grid-template-columns:
            34px
            minmax(0,1fr)
            34px;

        gap: 11px;

        padding:
            18px
            0;
    }

    .page-alphameta .alphameta-faq-text {

        font-size: .85rem;
    }

    .page-alphameta .alphameta-faq-answer p {

        padding:
            0
            45px
            21px;
    }


    /* INFORMATION */

    .page-alphameta
    .alphameta-information-section {

        padding:
            60px
            0
            75px;
    }

    .page-alphameta
    .alphameta-information-box {

        grid-template-columns:
            1fr;

        padding:
            24px;

        text-align:
            center;
    }

    .page-alphameta
    .alphameta-information-icon {

        margin-inline:
            auto;
    }


    /* CTA */

    .page-alphameta .alphameta-cta {

        padding:
            20px
            0
            75px;
    }

    .page-alphameta .alphameta-cta-box {

        padding:
            52px
            22px;

        border-radius:
            28px;
    }

    .page-alphameta .alphameta-cta-actions {

        flex-direction:
            column;
    }

    .page-alphameta .alphameta-cta-actions .btn {

        width:
            min(
                100%,
                310px
            );
    }
}


/* ==========================================================
   VERY SMALL — 390PX
   ========================================================== */

@media (max-width:390px) {

    .page-alphameta
    .alphameta-hero-copy
    h1 {

        font-size:
            3.2rem;
    }

    .page-alphameta
    .alphameta-hero-product {

        min-height:
            375px;
    }

    .page-alphameta
    .alphameta-product-grid {

        width:
            275px;

        height:
            365px;
    }

    .page-alphameta
    .alphameta-product-grid::before {

        width:
            260px;

        height:
            260px;
    }

    .page-alphameta
    .alphameta-product-ring {

        width:
            305px;

        height:
            305px;
    }

    .page-alphameta
    .alphameta-product-aura {

        width:
            270px;

        height:
            270px;
    }

    .page-alphameta
    .alphameta-product-grid
    img {

        max-width:
            270px;

        max-height:
            355px;
    }

    .page-alphameta
    .alphameta-product-caption {

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

        font-size:
            .53rem;

        letter-spacing:
            .055em;
    }

    .page-alphameta
    .alphameta-routine-step {

        grid-template-columns:
            48px
            1fr;

        gap:
            13px;

        padding:
            18px;
    }

    .page-alphameta
    .alphameta-routine-number {

        width:
            48px;

        height:
            48px;
    }
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .page-alphameta *,
    .page-alphameta *::before,
    .page-alphameta *::after {

        scroll-behavior:
            auto !important;

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

    .page-alphameta
    .alphameta-product-grid
    img {

        transition:
            none !important;
    }
}
/* ==========================================================
   AD LIFESTYLE V2
   ALPHASPIN ULTRA — PREMIUM PRODUCT PAGE
   Modelo visual inspirado directamente no iSMART S3
   ========================================================== */

.page-alphaspin-ultra{

    --alpha-white:#FFFFFF;
    --alpha-ice:#E8E0F4;
    --alpha-mist:#F4F0F8;
    --alpha-soft:#F8F6FA;

    --alpha-violet:#7657A8;
    --alpha-violet-dark:#503878;
    --alpha-violet-light:#A88BD0;

    --alpha-gold:#CBA85B;
    --alpha-gold-light:#E6CA88;
    --alpha-gold-dark:#917331;

    --alpha-deep:#201B2D;
    --alpha-graphite:#28252F;

    --alpha-text:#4D4658;
    --alpha-muted:#7C7487;

    --alpha-line:rgba(89,68,122,.13);

    --alpha-shadow:
        0 24px 78px rgba(46,31,70,.10);

    --alpha-shadow-heavy:
        0 32px 90px rgba(31,20,47,.24);

    --alpha-radius:32px;
    --alpha-radius-sm:21px;


    color:var(--alpha-text);

    background:
        var(--alpha-white);

    font-family:
        Inter,
        "Avenir Next",
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}


/* ==========================================================
   RESET LOCAL
   ========================================================== */

.page-alphaspin-ultra *{
    box-sizing:border-box;
}

.page-alphaspin-ultra button,
.page-alphaspin-ultra input,
.page-alphaspin-ultra textarea,
.page-alphaspin-ultra select{
    font:inherit;
}

.page-alphaspin-ultra img{
    display:block;
    max-width:100%;
}

.page-alphaspin-ultra p{
    margin:0;
}


/* ==========================================================
   COMMON TYPE
   ========================================================== */

.page-alphaspin-ultra .section-title{

    max-width:920px;
    margin:0;

    color:
        var(--alpha-deep) !important;

    font-size:
        clamp(
            2.25rem,
            4.9vw,
            4.65rem
        );

    line-height:1.01;
    letter-spacing:-.055em;
    font-weight:900;
}

.page-alphaspin-ultra .section-title span{

    display:block;

    margin-top:.08em;

    color:
        var(--alpha-violet) !important;
}

.page-alphaspin-ultra .lead{

    max-width:760px;

    margin-top:22px;

    color:#6A6175 !important;

    font-size:1.04rem;
    line-height:1.82;
}

.page-alphaspin-ultra .section-center{

    max-width:940px;

    margin-inline:auto;

    text-align:center;
}

.page-alphaspin-ultra .label,
.page-alphaspin-ultra .eyebrow{

    color:
        var(--alpha-gold-dark) !important;

    font-size:.69rem;
    font-weight:900;
    letter-spacing:.20em;

    text-transform:uppercase;
}

.page-alphaspin-ultra .eyebrow{

    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-bottom:17px;
}

.page-alphaspin-ultra .eyebrow::before{

    content:"";

    width:28px;
    height:1px;

    background:
        currentColor;

    opacity:.65;
}

.page-alphaspin-ultra .alphaspin-section-heading{

    max-width:900px;

    margin:0 auto 42px;
}

.page-alphaspin-ultra .alphaspin-section-heading h2{

    margin:0;

    color:
        var(--alpha-deep);

    font-size:
        clamp(
            2.3rem,
            4.9vw,
            4.7rem
        );

    line-height:1.01;

    letter-spacing:-.055em;

    font-weight:900;
}

.page-alphaspin-ultra .alphaspin-section-heading h2 span{

    display:block;

    color:
        var(--alpha-violet);
}

.page-alphaspin-ultra .alphaspin-section-heading p{

    max-width:760px;

    margin-top:24px;

    color:#6F667A;

    font-size:1rem;

    line-height:1.92;
}


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

.page-alphaspin-ultra .btn{

    width:auto !important;

    min-height:49px;

    padding:
        0 20px !important;

    border-radius:
        14px !important;

    font-size:.82rem !important;
    font-weight:850 !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.page-alphaspin-ultra .btn:hover{
    transform:translateY(-2px);
}

.page-alphaspin-ultra .btn-primary{

    border:
        1px solid transparent !important;

    background:
        linear-gradient(
            135deg,
            var(--alpha-deep),
            var(--alpha-violet-dark)
        ) !important;

    color:
        #FFFFFF !important;

    box-shadow:
        0 14px 30px
        rgba(54,36,75,.20);
}

.page-alphaspin-ultra .btn-glass{

    border:
        1px solid rgba(89,68,122,.14) !important;

    background:
        rgba(255,255,255,.58) !important;

    color:
        var(--alpha-deep) !important;
}


/* ==========================================================
   MORE / DETAILS
   ========================================================== */

.page-alphaspin-ultra .alphaspin-more-wrap{
    margin-top:30px;
}

.page-alphaspin-ultra .alphaspin-more-toggle{

    display:inline-flex;

    width:max-content !important;

    max-width:100%;

    min-height:40px;

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

    gap:9px;

    padding:
        0 14px !important;

    border:
        1px solid rgba(89,68,122,.15) !important;

    border-radius:
        999px !important;

    background:
        rgba(255,255,255,.70) !important;

    color:
        var(--alpha-violet-dark) !important;

    box-shadow:
        none !important;

    font-size:.70rem !important;

    font-weight:900 !important;
}

.page-alphaspin-ultra .alphaspin-more-toggle:hover{

    background:
        #FFFFFF !important;
}

.page-alphaspin-ultra .alphaspin-more-toggle i{

    font-style:normal;

    font-size:1rem;

    line-height:1;

    transition:
        transform .25s ease;
}

.page-alphaspin-ultra
.alphaspin-more-toggle.active
i{

    transform:
        rotate(45deg);
}

.page-alphaspin-ultra .alphaspin-more-panel{

    max-height:0;

    overflow:hidden;

    opacity:0;

    visibility:hidden;

    transition:
        max-height .55s cubic-bezier(.22,.61,.36,1),
        opacity .30s ease,
        visibility 0s linear .55s;
}

.page-alphaspin-ultra
.alphaspin-more-panel.active{

    opacity:1;

    visibility:visible;

    transition:
        max-height .58s cubic-bezier(.22,.61,.36,1),
        opacity .35s ease,
        visibility 0s linear 0s;
}


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

.page-alphaspin-ultra .alphaspin-ultra-hero{

    position:relative;

    min-height:
        min(860px,92vh);

    display:flex;

    align-items:center;

    overflow:hidden;

    isolation:isolate;

    background:

        radial-gradient(
            circle at 18% 18%,
            rgba(196,182,221,.64),
            transparent 33%
        ),

        radial-gradient(
            circle at 82% 30%,
            rgba(203,168,91,.11),
            transparent 26%
        ),

        linear-gradient(
            135deg,
            #FFFFFF,
            #F5F0F8 55%,
            #E7DDF0
        );
}

.page-alphaspin-ultra
.alphaspin-ultra-hero::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-2;

    background:

        linear-gradient(
            rgba(89,68,122,.027) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(89,68,122,.027) 1px,
            transparent 1px
        );

    background-size:
        52px 52px;

    mask-image:
        linear-gradient(
            to bottom,
            #000,
            transparent 88%
        );
}

.page-alphaspin-ultra
.alphaspin-hero-atmosphere{

    position:absolute;

    inset:0;

    z-index:-1;

    pointer-events:none;
}

.page-alphaspin-ultra .alphaspin-orb{

    position:absolute;

    border-radius:50%;

    filter:
        blur(70px);
}

.page-alphaspin-ultra .alphaspin-orb-1{

    width:460px;
    height:460px;

    left:-190px;
    top:-170px;

    background:
        rgba(118,87,168,.16);

    animation:
        alphaFloatOne
        14s
        ease-in-out
        infinite;
}

.page-alphaspin-ultra .alphaspin-orb-2{

    width:390px;
    height:390px;

    right:-100px;
    top:10%;

    background:
        rgba(203,168,91,.11);

    animation:
        alphaFloatTwo
        17s
        ease-in-out
        infinite;
}

.page-alphaspin-ultra .alphaspin-orbit{

    position:absolute;

    border-radius:50%;

    border:
        1px solid rgba(89,68,122,.10);
}

.page-alphaspin-ultra .alphaspin-orbit-1{

    width:500px;
    height:500px;

    right:4%;
    top:7%;

    transform:
        rotate(20deg)
        scaleY(.58);

    animation:
        alphaOrbit
        28s
        linear
        infinite;
}

.page-alphaspin-ultra .alphaspin-orbit-2{

    width:640px;
    height:640px;

    right:-5%;
    top:-7%;

    transform:
        rotate(-15deg)
        scaleY(.58);

    border-color:
        rgba(203,168,91,.12);

    animation:
        alphaOrbit
        38s
        linear
        infinite reverse;
}

.page-alphaspin-ultra
.alphaspin-hero-grid{

    position:relative;

    z-index:2;

    width:100%;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.95fr);

    gap:48px;

    align-items:center;

    padding:
        82px 0 72px;
}

.page-alphaspin-ultra
.alphaspin-hero-copy{

    max-width:680px;

    padding-right:20px;
}

.page-alphaspin-ultra
.alphaspin-eyebrow{

    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-bottom:18px;

    color:
        var(--alpha-gold-dark);

    font-size:.69rem;

    font-weight:900;

    letter-spacing:.20em;

    text-transform:uppercase;
}

.page-alphaspin-ultra
.alphaspin-eyebrow::before{

    content:"";

    width:28px;
    height:1px;

    background:
        currentColor;

    opacity:.65;
}

.page-alphaspin-ultra
.alphaspin-hero-copy h1{

    margin:0;

    color:
        var(--alpha-deep);

    font-size:
        clamp(
            4rem,
            8vw,
            7.8rem
        );

    line-height:.84;

    letter-spacing:-.075em;

    font-weight:900;
}

.page-alphaspin-ultra
.alphaspin-hero-copy h1 span{

    display:block;

    background:
        linear-gradient(
            100deg,
            var(--alpha-deep),
            var(--alpha-violet) 50%,
            var(--alpha-gold-dark)
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
}

.page-alphaspin-ultra
.alphaspin-hero-description{

    max-width:620px;

    margin-top:32px;

    color:#665D70;

    font-size:1.08rem;

    line-height:1.90;
}

.page-alphaspin-ultra
.alphaspin-hero-pills{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:28px;
}

.page-alphaspin-ultra
.alphaspin-hero-pill{

    min-height:34px;

    display:inline-flex;

    align-items:center;

    padding:
        0 12px;

    border:
        1px solid rgba(89,68,122,.11);

    border-radius:999px;

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

    color:
        var(--alpha-violet-dark);

    font-size:.65rem;

    font-weight:850;
}

.page-alphaspin-ultra
.alphaspin-hero-actions{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

    margin-top:38px;
}

.page-alphaspin-ultra
.alphaspin-hero-product{

    position:relative;

    min-height:610px;

    display:grid;

    place-items:center;
}

.page-alphaspin-ultra
.alphaspin-product-aura{

    position:absolute;

    width:70%;

    aspect-ratio:1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(203,168,91,.16),
            rgba(118,87,168,.09) 34%,
            transparent 71%
        );

    filter:
        blur(10px);

    animation:
        alphaPulse
        5.8s
        ease-in-out
        infinite;
}

.page-alphaspin-ultra
.alphaspin-product-ring{

    position:absolute;

    width:78%;

    aspect-ratio:1;

    border-radius:50%;

    border:
        1px solid rgba(118,87,168,.18);

    box-shadow:

        0 0 0 32px
        rgba(196,182,221,.08),

        0 0 0 66px
        rgba(203,168,91,.045);
}

.page-alphaspin-ultra
.alphaspin-product-grid{

    position:relative;

    z-index:5;

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    min-height:540px;
}

.page-alphaspin-ultra
.alphaspin-product-grid img{

    position:relative;

    z-index:5;

    display:block;

    width:auto;
    height:auto;

    max-width:470px;
    max-height:550px;

    object-fit:contain;

    object-position:center;

    opacity:1 !important;

    filter:
        drop-shadow(
            0 26px 38px
            rgba(0,0,0,.18)
        ) !important;

    transform:
        translate3d(0,0,0);

    backface-visibility:hidden;

    image-rendering:auto;
}

.page-alphaspin-ultra
.alphaspin-product-caption{

    position:absolute;

    right:4%;

    bottom:6%;

    z-index:7;

    display:flex;

    flex-direction:column;

    gap:2px;

    padding:
        9px 12px;

    border:
        1px solid rgba(57,41,79,.10);

    border-radius:999px;

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

    backdrop-filter:
        blur(12px);
}

.page-alphaspin-ultra
.alphaspin-product-caption strong{

    color:
        var(--alpha-deep);

    font-size:.66rem;

    letter-spacing:.14em;
}

.page-alphaspin-ultra
.alphaspin-product-caption span{

    color:
        var(--alpha-violet);

    font-size:.54rem;

    font-weight:850;

    letter-spacing:.13em;
}


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

.page-alphaspin-ultra
.alphaspin-product-grid.image-error::after,
.page-alphaspin-ultra
.alphaspin-product-card-visual.image-error::after,
.page-alphaspin-ultra
.alphaspin-benefits-frame.image-error::after{

    content:
        "Imagem não encontrada — verificar caminho do ficheiro";

    position:absolute;

    left:50%;
    bottom:28px;

    transform:
        translateX(-50%);

    width:max-content;

    max-width:84%;

    padding:
        8px 11px;

    border-radius:999px;

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

    border:
        1px solid rgba(89,68,122,.11);

    color:#7D7288;

    font-size:.59rem;

    font-weight:800;

    text-align:center;

    z-index:20;
}


/* ==========================================================
   OVERVIEW
   ========================================================== */

.page-alphaspin-ultra
.alphaspin-overview-section{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F9F7FB
        );
}

.page-alphaspin-ultra
.alphaspin-overview-grid{

    display:grid;

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

    gap:14px;

    margin-top:46px;
}

.page-alphaspin-ultra
.alphaspin-overview-card{

    min-height:240px;

    padding:24px;

    border:
        1px solid
        var(--alpha-line);

    border-radius:24px;

    background:#FFFFFF;

    box-shadow:
        0 14px 42px
        rgba(46,31,70,.06);
}

.page-alphaspin-ultra
.alphaspin-card-number{

    display:block;

    color:
        rgba(89,68,122,.19);

    font-size:.67rem;

    font-weight:900;

    letter-spacing:.14em;
}

.page-alphaspin-ultra
.alphaspin-card-icon{

    width:40px;
    height:40px;

    display:grid;

    place-items:center;

    margin-top:19px;

    border-radius:13px;

    background:
        #F0EBF6;

    color:
        var(--alpha-violet-dark);

    font-weight:900;
}

.page-alphaspin-ultra
.alphaspin-overview-card h3{

    margin-top:21px;

    color:
        var(--alpha-deep);

    font-size:1.15rem;

    line-height:1.15;

    letter-spacing:-.02em;
}

.page-alphaspin-ultra
.alphaspin-overview-card p{

    margin-top:12px;

    color:#7A7083;

    font-size:.81rem;

    line-height:1.78;
}

.page-alphaspin-ultra
.alphaspin-overview-note{

    margin-top:19px;

    padding:
        18px 20px;

    border:
        1px solid
        var(--alpha-line);

    border-radius:18px;

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

.page-alphaspin-ultra
.alphaspin-overview-note strong{

    color:
        var(--alpha-deep);

    font-size:.83rem;
}

.page-alphaspin-ultra
.alphaspin-overview-note p{

    margin-top:4px;

    color:#7C7187;

    font-size:.74rem;

    line-height:1.65;
}


/* ==========================================================
   TECHNOLOGY
   ========================================================== */

.page-alphaspin-ultra
.alphaspin-technology{

    position:relative;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 87% 12%,
            rgba(203,168,91,.10),
            transparent 25%
        ),

        linear-gradient(
            140deg,
            #21192E,
            #382A4F
        );
}

.page-alphaspin-ultra
.alphaspin-technology::before{

    content:"ULTRA";

    position:absolute;

    right:2vw;
    top:-52px;

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

    font-size:10rem;

    line-height:1;

    font-weight:900;

    letter-spacing:-.06em;
}

.page-alphaspin-ultra
.alphaspin-heading-dark{

    color:#FFFFFF;
}

.page-alphaspin-ultra
.alphaspin-heading-dark h2{

    color:#FFFFFF !important;
}

.page-alphaspin-ultra
.alphaspin-heading-dark h2 span{

    color:
        var(--alpha-ice) !important;
}

.page-alphaspin-ultra
.alphaspin-heading-dark p{

    color:#D6CCDF;
}

.page-alphaspin-ultra
.alphaspin-heading-dark .eyebrow{

    color:
        var(--alpha-gold-light) !important;
}

.page-alphaspin-ultra
.alphaspin-technology-grid{

    display:grid;

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

    gap:15px;

    margin-top:46px;
}

.page-alphaspin-ultra
.alphaspin-technology-card{

    min-height:290px;

    padding:25px;

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

    border-radius:24px;

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

    backdrop-filter:
        blur(14px);

    box-shadow:
        0 18px 50px
        rgba(0,0,0,.08);
}

.page-alphaspin-ultra
.alphaspin-technology-number{

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

    font-size:.65rem;

    font-weight:900;

    letter-spacing:.17em;
}

.page-alphaspin-ultra
.alphaspin-technology-symbol{

    width:46px;
    height:46px;

    display:grid;

    place-items:center;

    margin-top:24px;

    border-radius:15px;

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

    color:
        var(--alpha-gold-light);

    font-size:1.14rem;

    font-weight:900;
}

.page-alphaspin-ultra
.alphaspin-technology-label{

    display:block;

    margin-top:27px;

    color:
        var(--alpha-gold-light);

    font-size:.61rem;

    font-weight:900;

    letter-spacing:.12em;

    text-transform:uppercase;
}

.page-alphaspin-ultra
.alphaspin-technology-card h3{

    margin-top:7px;

    color:#FFFFFF;

    font-size:1.18rem;

    line-height:1.12;
}

.page-alphaspin-ultra
.alphaspin-technology-card p{

    margin-top:12px;

    color:#C7BDCF;

    font-size:.80rem;

    line-height:1.78;
}


/* ==========================================================
   DETAILS
   ========================================================== */

.page-alphaspin-ultra
.alphaspin-detail-grid{

    display:grid;

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

    gap:14px;

    margin-top:16px;
}

.page-alphaspin-ultra
.alphaspin-detail-card{

    padding:23px;

    border:
        1px solid
        rgba(89,68,122,.11);

    border-radius:21px;

    background:
        #F9F7FB;
}

.page-alphaspin-ultra
.alphaspin-detail-card-wide{

    grid-column:
        span 3;
}

.page-alphaspin-ultra
.alphaspin-detail-card h3{

    margin-top:11px;

    color:
        var(--alpha-deep);

    font-size:1.12rem;
}

.page-alphaspin-ultra
.alphaspin-detail-card p{

    margin-top:8px;

    color:#766C80;

    font-size:.82rem;

    line-height:1.68;
}

.page-alphaspin-ultra
.alphaspin-detail-list{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-top:15px;

    padding:16px;

    border:
        1px solid
        rgba(89,68,122,.09);

    border-radius:16px;

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

.page-alphaspin-ultra
.alphaspin-detail-item{

    display:flex;

    gap:9px;

    align-items:flex-start;
}

.page-alphaspin-ultra
.alphaspin-check{

    flex:
        0 0 22px;

    width:22px;
    height:22px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        rgba(203,168,91,.13);

    color:
        var(--alpha-gold-dark);

    font-size:.62rem;

    font-weight:900;
}

.page-alphaspin-ultra
.alphaspin-detail-item
> span:last-child{

    color:#756B80;

    font-size:.76rem;

    line-height:1.58;
}


/* ==========================================================
   BENEFITS
   ========================================================== */

.page-alphaspin-ultra
.alphaspin-benefits{

    background:#F8F6FA;
}

.page-alphaspin-ultra
.alphaspin-benefits-grid{

    display:grid;

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

    gap:64px;

    align-items:center;
}

.page-alphaspin-ultra
.alphaspin-benefits-frame{

    position:relative;

    min-height:560px;

    display:grid;

    place-items:center;

    overflow:hidden;

    border-radius:34px;

    background:

        radial-gradient(
            circle at 50% 45%,
            rgba(203,168,91,.10),
            rgba(196,182,221,.23) 36%,
            transparent 70%
        ),

        linear-gradient(
            145deg,
            #FFFFFF,
            #EFE8F4
        );

    box-shadow:
        var(--alpha-shadow);
}

.page-alphaspin-ultra
.alphaspin-benefits-aura{

    position:absolute;

    width:76%;

    aspect-ratio:1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.96),
            transparent 68%
        );
}

.page-alphaspin-ultra
.alphaspin-benefits-ring{

    position:absolute;

    width:64%;

    aspect-ratio:1;

    border-radius:50%;

    border:
        1px solid
        rgba(118,87,168,.18);
}

.page-alphaspin-ultra
.alphaspin-benefits-frame img{

    position:relative;

    z-index:3;

    width:auto;

    max-width:440px;

    max-height:500px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 26px 38px
            rgba(0,0,0,.18)
        );
}

.page-alphaspin-ultra
.alphaspin-benefit-checks{

    display:flex;

    flex-direction:column;

    gap:16px;

    margin-top:32px;
}

.page-alphaspin-ultra
.alphaspin-benefit-check{

    display:flex;

    align-items:center;

    gap:12px;

    min-height:34px;
}

.page-alphaspin-ultra
.alphaspin-benefit-check > span{

    width:27px;
    height:27px;

    flex:
        0 0 27px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        rgba(203,168,91,.12);

    color:
        var(--alpha-gold-dark);

    font-size:.74rem;

    font-weight:900;
}

.page-alphaspin-ultra
.alphaspin-benefit-check p{

    color:#62586E;

    font-size:.90rem;

    line-height:1.62;
}


/* ==========================================================
   PRODUCT
   ========================================================== */

.page-alphaspin-ultra
.alphaspin-product-section{

    background:#FFFFFF;
}

.page-alphaspin-ultra
.alphaspin-product-card{

    display:grid;

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

    overflow:hidden;

    border:
        1px solid
        var(--alpha-line);

    border-radius:31px;

    background:#FFFFFF;

    box-shadow:
        var(--alpha-shadow);

    margin-top:46px;
}

.page-alphaspin-ultra
.alphaspin-product-card-visual{

    position:relative;

    min-height:560px;

    display:grid;

    place-items:center;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 50% 44%,
            rgba(203,168,91,.10),
            transparent 48%
        ),

        linear-gradient(
            145deg,
            #F9F7FB,
            #EDE6F3
        );
}

.page-alphaspin-ultra
.alphaspin-detail-aura{

    position:absolute;

    width:78%;

    aspect-ratio:1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.80),
            transparent 66%
        );
}

.page-alphaspin-ultra
.alphaspin-detail-ring{

    position:absolute;

    width:68%;

    aspect-ratio:1;

    border-radius:50%;

    border:
        1px solid
        rgba(118,87,168,.15);

    box-shadow:
        0 0 0 28px
        rgba(196,182,221,.065);
}

.page-alphaspin-ultra
.alphaspin-product-detail-grid{

    position:relative;

    z-index:5;

    width:100%;

    min-height:500px;

    display:grid;

    place-items:center;

    padding:
        30px;
}

.page-alphaspin-ultra
.alphaspin-product-detail-image{

    position:relative;

    z-index:5;

    display:block;

    width:auto;
    height:auto;

    max-width:470px;
    max-height:490px;

    object-fit:contain;

    object-position:center;

    opacity:1 !important;

    filter:
        drop-shadow(
            0 28px 40px
            rgba(0,0,0,.18)
        ) !important;
}

.page-alphaspin-ultra
.alphaspin-detail-caption{

    position:absolute;

    right:22px;

    bottom:20px;

    z-index:7;

    color:
        rgba(89,68,122,.57);

    font-size:.61rem;

    font-weight:900;

    letter-spacing:.16em;
}

.page-alphaspin-ultra
.alphaspin-product-card-copy{

    padding:
        48px 48px 52px;
}

.page-alphaspin-ultra
.alphaspin-product-card-copy h3{

    margin-top:17px;

    color:
        var(--alpha-deep);

    font-size:2.15rem;

    line-height:1.03;

    letter-spacing:-.04em;

    font-weight:900;
}

.page-alphaspin-ultra
.alphaspin-product-card-copy h3 span{

    display:block;

    margin-top:6px;

    color:
        var(--alpha-violet);
}

.page-alphaspin-ultra
.alphaspin-product-card-copy > p{

    margin-top:24px;

    color:#6D6477;

    font-size:.91rem;

    line-height:1.86;
}

.page-alphaspin-ultra
.alphaspin-product-spec-list{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-top:30px;
}

.page-alphaspin-ultra
.alphaspin-product-spec{

    display:flex;

    align-items:baseline;

    justify-content:space-between;

    gap:15px;

    padding-bottom:12px;

    border-bottom:
        1px solid
        rgba(89,68,122,.09);
}

.page-alphaspin-ultra
.alphaspin-product-spec span{

    color:#948A9B;

    font-size:.65rem;

    font-weight:800;

    letter-spacing:.05em;

    text-transform:uppercase;
}

.page-alphaspin-ultra
.alphaspin-product-spec strong{

    color:
        var(--alpha-deep);

    font-size:.78rem;

    text-align:right;
}

.page-alphaspin-ultra
.alphaspin-card-buy{

    margin-top:34px;
}


/* ==========================================================
   FREQUENCY
   ========================================================== */

.page-alphaspin-ultra
.alphaspin-frequency{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F7F3FA
        );
}

.page-alphaspin-ultra
.alphaspin-frequency-grid{

    display:grid;

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

    gap:16px;

    margin-top:46px;
}

.page-alphaspin-ultra
.alphaspin-frequency-card{

    min-height:280px;

    padding:29px;

    border:
        1px solid
        var(--alpha-line);

    border-radius:27px;

    background:
        #FFFFFF;

    box-shadow:
        0 18px 50px
        rgba(46,31,70,.06);
}

.page-alphaspin-ultra
.alphaspin-frequency-number{

    color:
        var(--alpha-deep);

    font-size:4.4rem;

    line-height:.86;

    letter-spacing:-.07em;

    font-weight:900;
}

.page-alphaspin-ultra
.alphaspin-frequency-unit{

    margin-top:6px;

    color:
        var(--alpha-gold-dark);

    font-size:.72rem;

    font-weight:900;

    letter-spacing:.16em;

    text-transform:uppercase;
}

.page-alphaspin-ultra
.alphaspin-frequency-card h3{

    margin-top:34px;

    color:
        var(--alpha-deep);

    font-size:1.15rem;
}

.page-alphaspin-ultra
.alphaspin-frequency-card p{

    margin-top:8px;

    color:#766D7F;

    font-size:.80rem;

    line-height:1.72;
}

.page-alphaspin-ultra
.alphaspin-frequency-card-wide{

    grid-column:
        span 2;

    min-height:250px;

    background:

        radial-gradient(
            circle at 85% 20%,
            rgba(203,168,91,.11),
            transparent 28%
        ),

        linear-gradient(
            145deg,
            #FFFFFF,
            #F1EBF6
        );
}

.page-alphaspin-ultra
.alphaspin-frequency-highlight{

    margin-top:20px;

    color:
        var(--alpha-violet-dark);

    font-size:4.2rem;

    line-height:.9;

    letter-spacing:-.06em;

    font-weight:900;
}

.page-alphaspin-ultra
.alphaspin-frequency-highlight small{

    font-size:1rem;

    margin-left:7px;

    color:
        var(--alpha-gold-dark);
}


/* ==========================================================
   FREQUENCY BENEFITS
   ========================================================== */

.page-alphaspin-ultra
.alphaspin-frequency-benefits{

    display:grid;

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

    gap:14px;

    margin-top:16px;
}

.page-alphaspin-ultra
.alphaspin-frequency-benefit{

    min-height:205px;

    padding:23px;

    border:
        1px solid
        var(--alpha-line);

    border-radius:22px;

    background:#FFFFFF;
}

.page-alphaspin-ultra
.alphaspin-frequency-benefit-icon{

    width:40px;
    height:40px;

    display:grid;

    place-items:center;

    border-radius:13px;

    background:
        #F1EBF6;

    color:
        var(--alpha-violet-dark);

    font-size:1.10rem;

    font-weight:900;
}

.page-alphaspin-ultra
.alphaspin-frequency-benefit h3{

    margin-top:24px;

    color:
        var(--alpha-deep);

    font-size:1.05rem;
}

.page-alphaspin-ultra
.alphaspin-frequency-benefit p{

    margin-top:8px;

    color:#756B80;

    font-size:.77rem;

    line-height:1.67;
}


/* ==========================================================
   EXPERIENCE
   ========================================================== */

.page-alphaspin-ultra
.alphaspin-experience{

    background:
        #F8F6FA;
}

.page-alphaspin-ultra
.alphaspin-experience-grid{

    display:grid;

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

    gap:15px;

    margin-top:46px;
}

.page-alphaspin-ultra
.alphaspin-experience-card{

    min-height:225px;

    padding:24px;

    border:
        1px solid
        var(--alpha-line);

    border-radius:23px;

    background:#FFFFFF;

    box-shadow:
        0 15px 43px
        rgba(46,31,70,.05);
}

.page-alphaspin-ultra
.alphaspin-experience-icon{

    width:44px;
    height:44px;

    display:grid;

    place-items:center;

    border-radius:14px;

    background:
        #F1EBF6;

    color:
        var(--alpha-violet-dark);

    font-size:1.08rem;

    font-weight:900;
}

.page-alphaspin-ultra
.alphaspin-experience-number{

    display:block;

    margin-top:20px;

    color:
        var(--alpha-gold-dark);

    font-size:.58rem;

    font-weight:900;

    letter-spacing:.15em;
}

.page-alphaspin-ultra
.alphaspin-experience-card h3{

    margin-top:7px;

    color:
        var(--alpha-deep);

    font-size:1.14rem;
}

.page-alphaspin-ultra
.alphaspin-experience-card p{

    margin-top:9px;

    color:#766D80;

    font-size:.79rem;

    line-height:1.72;
}


/* ==========================================================
   ROUTINE
   ========================================================== */

.page-alphaspin-ultra
.alphaspin-routine{

    background:#FFFFFF;
}

.page-alphaspin-ultra
.alphaspin-routine-list{

    position:relative;

    margin-top:43px;
}

.page-alphaspin-ultra
.alphaspin-routine-list::before{

    content:"";

    position:absolute;

    left:21px;

    top:0;
    bottom:0;

    width:1px;

    background:
        linear-gradient(
            var(--alpha-line),
            transparent
        );
}

.page-alphaspin-ultra
.alphaspin-routine-step{

    position:relative;

    display:grid;

    grid-template-columns:
        44px
        minmax(0,1fr);

    gap:18px;

    padding-bottom:27px;
}

.page-alphaspin-ultra
.alphaspin-routine-number{

    position:relative;

    z-index:2;

    width:44px;
    height:44px;

    display:grid;

    place-items:center;

    border:
        1px solid
        rgba(89,68,122,.14);

    border-radius:50%;

    background:#FFFFFF;

    color:
        var(--alpha-violet-dark);

    font-size:.68rem;

    font-weight:900;

    box-shadow:
        0 8px 23px
        rgba(46,31,70,.06);
}

.page-alphaspin-ultra
.alphaspin-routine-step h3{

    color:
        var(--alpha-deep);

    font-size:1.06rem;
}

.page-alphaspin-ultra
.alphaspin-routine-step p{

    margin-top:5px;

    color:#74808A;

    font-size:.81rem;

    line-height:1.68;
}

.page-alphaspin-ultra
.alphaspin-routine-note{

    margin-top:29px;

    padding:
        17px 18px;

    border:
        1px solid
        var(--alpha-line);

    border-radius:18px;

    background:
        #F8F5FA;
}

.page-alphaspin-ultra
.alphaspin-routine-note p{

    margin-top:7px;

    color:#786E80;

    font-size:.75rem;

    line-height:1.65;
}


/* ==========================================================
   CERTIFICATIONS
   ========================================================== */

.page-alphaspin-ultra
.alphaspin-certifications{

    background:
        #F8F6FA;
}

.page-alphaspin-ultra
.alphaspin-certification-grid{

    display:grid;

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

    gap:15px;

    margin-top:44px;
}

.page-alphaspin-ultra
.alphaspin-certificate{

    min-height:250px;

    padding:25px;

    border:
        1px solid
        var(--alpha-line);

    border-radius:24px;

    background:#FFFFFF;

    box-shadow:
        0 15px 43px
        rgba(46,31,70,.06);

    display:flex;

    flex-direction:column;

    justify-content:space-between;
}

.page-alphaspin-ultra
.alphaspin-certificate-mark{

    width:72px;
    height:72px;

    display:grid;

    place-items:center;

    border-radius:20px;

    background:
        linear-gradient(
            145deg,
            #F0EAF6,
            #E8DDF1
        );

    color:
        var(--alpha-violet-dark);

    font-size:.80rem;

    font-weight:900;

    letter-spacing:.08em;
}

.page-alphaspin-ultra
.alphaspin-certificate-content{

    margin-top:28px;
}

.page-alphaspin-ultra
.alphaspin-certificate-content .label{

    display:block;
}

.page-alphaspin-ultra
.alphaspin-certificate-content p{

    margin-top:8px;

    color:#776D80;

    font-size:.78rem;

    line-height:1.67;
}

.page-alphaspin-ultra
.alphaspin-certification-note{

    margin-top:18px;

    padding:
        17px 18px;

    border:
        1px solid
        var(--alpha-line);

    border-radius:18px;

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

.page-alphaspin-ultra
.alphaspin-certification-note p{

    margin-top:7px;

    color:#7A7083;

    font-size:.75rem;

    line-height:1.65;
}


/* ==========================================================
   FAQ
   ========================================================== */

.page-alphaspin-ultra
.alphaspin-faq-section{

    background:
        #F8F6FA;
}

.page-alphaspin-ultra
.alphaspin-faq-list{

    display:flex;

    flex-direction:column;

    gap:9px;

    margin-top:42px;
}

.page-alphaspin-ultra
.alphaspin-faq-item{

    overflow:hidden;

    border:
        1px solid
        rgba(89,68,122,.12);

    border-radius:19px;

    background:#FFFFFF;

    transition:
        box-shadow .28s ease,
        border-color .28s ease;
}

.page-alphaspin-ultra
.alphaspin-faq-item.active{

    border-color:
        rgba(203,168,91,.28);

    box-shadow:
        0 16px 43px
        rgba(46,31,70,.075);
}

.page-alphaspin-ultra
.alphaspin-faq-question{

    width:100%;

    min-height:72px;

    display:grid;

    grid-template-columns:
        38px
        minmax(0,1fr)
        32px;

    gap:12px;

    align-items:center;

    padding:
        12px 15px;

    border:0;

    background:transparent;

    color:
        var(--alpha-deep);

    text-align:left;
}

.page-alphaspin-ultra
.alphaspin-faq-question:hover{

    background:
        #FBF9FC;
}

.page-alphaspin-ultra
.alphaspin-faq-number{

    width:31px;
    height:31px;

    display:grid;

    place-items:center;

    border-radius:10px;

    background:
        #F0EBF6;

    color:
        var(--alpha-violet-dark);

    font-size:.60rem;

    font-weight:900;
}

.page-alphaspin-ultra
.alphaspin-faq-text{

    color:
        var(--alpha-deep);

    font-size:.88rem;

    line-height:1.45;

    font-weight:850;
}

.page-alphaspin-ultra
.alphaspin-faq-plus{

    width:29px;
    height:29px;

    display:grid;

    place-items:center;

    border:
        1px solid
        rgba(89,68,122,.12);

    border-radius:50%;

    color:
        var(--alpha-violet-dark);

    font-size:.96rem;
}

.page-alphaspin-ultra
.alphaspin-faq-item.active
.alphaspin-faq-plus{

    background:
        var(--alpha-deep);

    color:#FFFFFF;
}

.page-alphaspin-ultra
.alphaspin-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:
        max-height .44s
        cubic-bezier(.22,.61,.36,1);
}

.page-alphaspin-ultra
.alphaspin-faq-answer p{

    padding:
        0 17px 19px 66px;

    color:#756B80;

    font-size:.82rem;

    line-height:1.72;
}


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

.page-alphaspin-ultra
.alphaspin-information-section{

    padding-top:0;

    background:
        #F8F6FA;
}

.page-alphaspin-ultra
.alphaspin-information-box{

    display:grid;

    grid-template-columns:
        40px
        minmax(0,1fr);

    gap:14px;

    padding:
        22px 23px;

    border:
        1px solid
        rgba(89,68,122,.12);

    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            #FFFFFF,
            #F0EBF5
        );
}

.page-alphaspin-ultra
.alphaspin-information-icon{

    width:37px;
    height:37px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        #EDE5F3;

    color:
        var(--alpha-deep);

    font-weight:900;
}

.page-alphaspin-ultra
.alphaspin-information-box h2{

    margin-top:9px;

    color:
        var(--alpha-deep);

    font-size:1.38rem;

    line-height:1.1;

    letter-spacing:-.025em;
}

.page-alphaspin-ultra
.alphaspin-information-box p{

    margin-top:8px;

    color:#776D80;

    font-size:.76rem;

    line-height:1.68;
}


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

.page-alphaspin-ultra
.alphaspin-cta-section{

    position:relative;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 50% -15%,
            rgba(203,168,91,.12),
            transparent 28%
        ),

        linear-gradient(
            140deg,
            #17121F,
            #30213E
        );
}

.page-alphaspin-ultra
.alphaspin-cta-box{

    position:relative;

    z-index:2;

    max-width:920px;

    margin-inline:auto;

    padding:
        78px 30px 82px;

    text-align:center;
}

.page-alphaspin-ultra
.alphaspin-label-light{

    color:
        var(--alpha-gold-light);

    font-size:.63rem;

    font-weight:900;

    letter-spacing:.19em;
}

.page-alphaspin-ultra
.alphaspin-cta-box h2{

    margin-top:17px;

    color:#FFFFFF;

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

    line-height:.96;

    letter-spacing:-.055em;

    font-weight:900;
}

.page-alphaspin-ultra
.alphaspin-cta-box h2 span{

    display:block;

    margin-top:.10em;

    color:
        var(--alpha-ice);
}

.page-alphaspin-ultra
.alphaspin-cta-box > p{

    max-width:650px;

    margin:
        21px auto 0;

    color:#CFC3D8;

    font-size:.96rem;

    line-height:1.78;
}

.page-alphaspin-ultra
.alphaspin-cta-actions{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:12px;

    margin-top:29px;
}

.page-alphaspin-ultra
.alphaspin-cta-actions
.btn-glass{

    border-color:
        rgba(255,255,255,.16) !important;

    background:
        rgba(255,255,255,.045) !important;

    color:#FFFFFF !important;
}

.page-alphaspin-ultra
.alphaspin-cta-disclaimer{

    margin-top:22px !important;

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

    font-size:.67rem !important;

    line-height:1.6 !important;
}


/* ==========================================================
   DARK MODE
   ========================================================== */

body.dark .page-alphaspin-ultra,
body[data-theme="dark"] .page-alphaspin-ultra,
[data-theme="dark"] .page-alphaspin-ultra,
.dark .page-alphaspin-ultra{

    --alpha-white:#101019;
    --alpha-mist:#15131C;
    --alpha-soft:#17151F;

    --alpha-deep:#F3EFF7;
    --alpha-text:#DDD5E5;
    --alpha-muted:#B8AFC0;

    --alpha-line:
        rgba(229,217,238,.10);

    background:
        #101019;

    color:
        #DDD5E5;
}


body.dark
.page-alphaspin-ultra
.alphaspin-ultra-hero,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-ultra-hero,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-ultra-hero,
.dark
.page-alphaspin-ultra
.alphaspin-ultra-hero{

    background:

        radial-gradient(
            circle at 16% 17%,
            rgba(118,87,168,.15),
            transparent 31%
        ),

        radial-gradient(
            circle at 82% 28%,
            rgba(203,168,91,.06),
            transparent 24%
        ),

        linear-gradient(
            135deg,
            #101019,
            #171421 58%,
            #241B2B
        );
}


body.dark
.page-alphaspin-ultra
.alphaspin-hero-copy h1,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-hero-copy h1,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-hero-copy h1,
.dark
.page-alphaspin-ultra
.alphaspin-hero-copy h1{

    color:#F4F0F7;
}


body.dark
.page-alphaspin-ultra
.alphaspin-hero-description,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-hero-description,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-hero-description,
.dark
.page-alphaspin-ultra
.alphaspin-hero-description{

    color:#BDB3C7;
}


body.dark
.page-alphaspin-ultra
.alphaspin-hero-pill,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-hero-pill,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-hero-pill,
.dark
.page-alphaspin-ultra
.alphaspin-hero-pill{

    border-color:
        rgba(255,255,255,.09);

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

    color:#E5DBEC;
}


body.dark
.page-alphaspin-ultra
.alphaspin-overview-section,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-overview-section,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-overview-section,
.dark
.page-alphaspin-ultra
.alphaspin-overview-section,
body.dark
.page-alphaspin-ultra
.alphaspin-overview-card,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-overview-card,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-overview-card,
.dark
.page-alphaspin-ultra
.alphaspin-overview-card{

    background:
        #13121A;
}


body.dark
.page-alphaspin-ultra
.alphaspin-product-section,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-product-section,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-product-section,
.dark
.page-alphaspin-ultra
.alphaspin-product-section,
body.dark
.page-alphaspin-ultra
.alphaspin-routine,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-routine,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-routine,
.dark
.page-alphaspin-ultra
.alphaspin-routine{

    background:
        #101019;
}


body.dark
.page-alphaspin-ultra
.alphaspin-benefits,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-benefits,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-benefits,
.dark
.page-alphaspin-ultra
.alphaspin-benefits,
body.dark
.page-alphaspin-ultra
.alphaspin-frequency,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-frequency,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-frequency,
.dark
.page-alphaspin-ultra
.alphaspin-frequency,
body.dark
.page-alphaspin-ultra
.alphaspin-experience,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-experience,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-experience,
.dark
.page-alphaspin-ultra
.alphaspin-experience,
body.dark
.page-alphaspin-ultra
.alphaspin-certifications,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-certifications,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-certifications,
.dark
.page-alphaspin-ultra
.alphaspin-certifications,
body.dark
.page-alphaspin-ultra
.alphaspin-faq-section,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-faq-section,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-faq-section,
.dark
.page-alphaspin-ultra
.alphaspin-faq-section,
body.dark
.page-alphaspin-ultra
.alphaspin-information-section,
body[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-information-section,
[data-theme="dark"]
.page-alphaspin-ultra
.alphaspin-information-section,
.dark
.page-alphaspin-ultra
.alphaspin-information-section{

    background:
        #14131B;
}


body.dark
.page-alphaspin-ultra
.alphaspin-section-heading h2,
body.dark
.page-alphaspin-ultra
.section-title,
body.dark
.page-alphaspin-ultra
.alphaspin-overview-card h3,
body.dark
.page-alphaspin-ultra
.alphaspin-detail-card h3,
body.dark
.page-alphaspin-ultra
.alphaspin-product-card-copy h3,
body.dark
.page-alphaspin-ultra
.alphaspin-frequency-card h3,
body.dark
.page-alphaspin-ultra
.alphaspin-experience-card h3,
body.dark
.page-alphaspin-ultra
.alphaspin-routine-step h3,
body.dark
.page-alphaspin-ultra
.alphaspin-faq-text,
body.dark
.page-alphaspin-ultra
.alphaspin-information-box h2{

    color:
        #F2EDF6 !important;
}


body.dark
.page-alphaspin-ultra
.alphaspin-section-heading p,
body.dark
.page-alphaspin-ultra
.lead,
body.dark
.page-alphaspin-ultra
.alphaspin-overview-card p,
body.dark
.page-alphaspin-ultra
.alphaspin-detail-card p,
body.dark
.page-alphaspin-ultra
.alphaspin-product-card-copy > p,
body.dark
.page-alphaspin-ultra
.alphaspin-benefit-check p,
body.dark
.page-alphaspin-ultra
.alphaspin-product-spec span,
body.dark
.page-alphaspin-ultra
.alphaspin-frequency-card p,
body.dark
.page-alphaspin-ultra
.alphaspin-frequency-benefit p,
body.dark
.page-alphaspin-ultra
.alphaspin-experience-card p,
body.dark
.page-alphaspin-ultra
.alphaspin-routine-step p,
body.dark
.page-alphaspin-ultra
.alphaspin-faq-answer p,
body.dark
.page-alphaspin-ultra
.alphaspin-information-box p{

    color:
        #B9B0C0 !important;
}


body.dark
.page-alphaspin-ultra
.alphaspin-overview-note,
body.dark
.page-alphaspin-ultra
.alphaspin-detail-card,
body.dark
.page-alphaspin-ultra
.alphaspin-detail-list,
body.dark
.page-alphaspin-ultra
.alphaspin-frequency-card,
body.dark
.page-alphaspin-ultra
.alphaspin-experience-card,
body.dark
.page-alphaspin-ultra
.alphaspin-certificate,
body.dark
.page-alphaspin-ultra
.alphaspin-routine-note,
body.dark
.page-alphaspin-ultra
.alphaspin-information-box,
body.dark
.page-alphaspin-ultra
.alphaspin-faq-item{

    background:
        #191720;

    border-color:
        rgba(229,217,238,.09);
}


body.dark
.page-alphaspin-ultra
.alphaspin-product-card{

    background:
        #191720;

    border-color:
        rgba(229,217,238,.09);
}


body.dark
.page-alphaspin-ultra
.alphaspin-product-card-visual{

    background:

        radial-gradient(
            circle at 50% 44%,
            rgba(118,87,168,.10),
            transparent 48%
        ),

        linear-gradient(
            145deg,
            #16141C,
            #201A28
        );
}


body.dark
.page-alphaspin-ultra
.alphaspin-benefits-frame{

    background:

        radial-gradient(
            circle at 50% 45%,
            rgba(203,168,91,.05),
            rgba(118,87,168,.10) 36%,
            transparent 70%
        ),

        linear-gradient(
            145deg,
            #15131B,
            #221B2A
        );
}


body.dark
.page-alphaspin-ultra
.alphaspin-frequency-card-wide{

    background:

        radial-gradient(
            circle at 85% 20%,
            rgba(203,168,91,.05),
            transparent 28%
        ),

        linear-gradient(
            145deg,
            #191720,
            #211A29
        );
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1120px){

    .page-alphaspin-ultra
    .alphaspin-hero-grid{

        grid-template-columns:
            minmax(0,1fr)
            minmax(360px,.85fr);

        gap:26px;
    }


    .page-alphaspin-ultra
    .alphaspin-overview-grid{

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


    .page-alphaspin-ultra
    .alphaspin-technology-grid{

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


    .page-alphaspin-ultra
    .alphaspin-product-card{

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,.92fr);
    }


    .page-alphaspin-ultra
    .alphaspin-benefits-grid{

        gap:40px;
    }


    .page-alphaspin-ultra
    .alphaspin-frequency-grid{

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


    .page-alphaspin-ultra
    .alphaspin-experience-grid{

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


    .page-alphaspin-ultra
    .alphaspin-certification-grid{

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


    .page-alphaspin-ultra
    .alphaspin-detail-grid{

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


    .page-alphaspin-ultra
    .alphaspin-detail-card-wide{

        grid-column:
            span 2;
    }
}


@media(max-width:900px){

    .page-alphaspin-ultra
    .alphaspin-ultra-hero{

        min-height:auto;
    }


    .page-alphaspin-ultra
    .alphaspin-hero-grid{

        grid-template-columns:1fr;

        padding:
            66px 0 58px;
    }


    .page-alphaspin-ultra
    .alphaspin-hero-copy{

        max-width:760px;

        margin-inline:auto;

        text-align:center;

        padding-right:0;
    }


    .page-alphaspin-ultra
    .alphaspin-eyebrow{

        justify-content:center;
    }


    .page-alphaspin-ultra
    .alphaspin-hero-description{

        margin-inline:auto;
    }


    .page-alphaspin-ultra
    .alphaspin-hero-pills,
    .page-alphaspin-ultra
    .alphaspin-hero-actions{

        justify-content:center;
    }


    .page-alphaspin-ultra
    .alphaspin-hero-product{

        width:
            min(720px,100%);

        min-height:500px;

        margin-inline:auto;
    }


    .page-alphaspin-ultra
    .alphaspin-benefits-grid{

        grid-template-columns:
            1fr;
    }


    .page-alphaspin-ultra
    .alphaspin-product-card{

        grid-template-columns:
            1fr;
    }


    .page-alphaspin-ultra
    .alphaspin-product-card-visual{

        min-height:510px;
    }


    .page-alphaspin-ultra
    .alphaspin-frequency-benefits{

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


    .page-alphaspin-ultra
    .alphaspin-certification-grid{

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


@media(max-width:680px){

    .page-alphaspin-ultra
    .section-title,
    .page-alphaspin-ultra
    .alphaspin-section-heading h2{

        font-size:
            clamp(
                2.05rem,
                9vw,
                3.4rem
            );
    }


    .page-alphaspin-ultra
    .lead{

        font-size:.95rem;

        line-height:1.76;
    }


    .page-alphaspin-ultra
    .alphaspin-hero-grid{

        padding:
            51px 18px 48px;
    }


    .page-alphaspin-ultra
    .alphaspin-hero-copy h1{

        font-size:
            clamp(
                3.35rem,
                16vw,
                5.4rem
            );
    }


    .page-alphaspin-ultra
    .alphaspin-hero-description{

        font-size:.98rem;

        margin-top:25px;
    }


    .page-alphaspin-ultra
    .alphaspin-hero-pills{

        margin-top:25px;
    }


    .page-alphaspin-ultra
    .alphaspin-hero-actions{

        margin-top:31px;

        gap:11px;

        flex-direction:column;

        align-items:stretch;
    }


    .page-alphaspin-ultra
    .alphaspin-hero-actions
    .btn{

        width:100% !important;
    }


    .page-alphaspin-ultra
    .alphaspin-hero-product{

        min-height:390px;
    }


    .page-alphaspin-ultra
    .alphaspin-product-grid{

        min-height:340px;
    }


    .page-alphaspin-ultra
    .alphaspin-product-grid img{

        max-width:330px;

        max-height:390px;
    }


    .page-alphaspin-ultra
    .alphaspin-product-caption{

        display:none;
    }


    .page-alphaspin-ultra
    .alphaspin-overview-grid,
    .page-alphaspin-ultra
    .alphaspin-technology-grid,
    .page-alphaspin-ultra
    .alphaspin-experience-grid,
    .page-alphaspin-ultra
    .alphaspin-certification-grid{

        grid-template-columns:
            1fr;
    }


    .page-alphaspin-ultra
    .alphaspin-detail-grid{

        grid-template-columns:
            1fr;
    }


    .page-alphaspin-ultra
    .alphaspin-detail-card-wide{

        grid-column:
            auto;
    }


    .page-alphaspin-ultra
    .alphaspin-product-card-visual{

        min-height:390px;
    }


    .page-alphaspin-ultra
    .alphaspin-product-detail-grid{

        min-height:360px;

        padding:
            20px 10px 38px;
    }


    .page-alphaspin-ultra
    .alphaspin-product-detail-image{

        max-width:320px;

        max-height:360px;
    }


    .page-alphaspin-ultra
    .alphaspin-product-card-copy{

        padding:
            34px 25px 38px;
    }


    .page-alphaspin-ultra
    .alphaspin-product-card-copy > p{

        margin-top:20px;

        line-height:1.78;
    }


    .page-alphaspin-ultra
    .alphaspin-benefit-checks{

        margin-top:27px;

        gap:13px;
    }


    .page-alphaspin-ultra
    .alphaspin-frequency-grid{

        grid-template-columns:
            1fr;
    }


    .page-alphaspin-ultra
    .alphaspin-frequency-card-wide{

        grid-column:
            auto;
    }


    .page-alphaspin-ultra
    .alphaspin-frequency-benefits{

        grid-template-columns:
            1fr;
    }


    .page-alphaspin-ultra
    .alphaspin-routine-note{

        margin-top:25px;
    }


    .page-alphaspin-ultra
    .alphaspin-information-box{

        grid-template-columns:
            34px
            minmax(0,1fr);
    }


    .page-alphaspin-ultra
    .alphaspin-faq-question{

        grid-template-columns:
            34px
            minmax(0,1fr)
            28px;

        gap:9px;

        min-height:65px;

        padding:
            10px 11px;
    }


    .page-alphaspin-ultra
    .alphaspin-faq-text{

        font-size:.82rem;
    }


    .page-alphaspin-ultra
    .alphaspin-faq-answer p{

        padding:
            0 13px 19px 54px;

        font-size:.77rem;
    }


    .page-alphaspin-ultra
    .alphaspin-cta-box{

        padding:
            58px 18px 63px;
    }
}


@media(max-width:430px){

    .page-alphaspin-ultra
    .alphaspin-hero-copy h1{

        font-size:3.05rem;
    }


    .page-alphaspin-ultra
    .alphaspin-hero-product{

        min-height:330px;
    }


    .page-alphaspin-ultra
    .alphaspin-product-grid{

        min-height:300px;
    }


    .page-alphaspin-ultra
    .alphaspin-product-grid img{

        max-width:270px;

        max-height:310px;
    }


    .page-alphaspin-ultra
    .alphaspin-more-toggle{

        max-width:
            calc(100vw - 44px);
    }


    .page-alphaspin-ultra
    .alphaspin-product-card-copy h3{

        font-size:1.82rem;
    }


    .page-alphaspin-ultra
    .alphaspin-frequency-number{

        font-size:3.55rem;
    }


    .page-alphaspin-ultra
    .alphaspin-frequency-highlight{

        font-size:3.45rem;
    }
}


/* ==========================================================
   MOTION
   ========================================================== */

@keyframes alphaFloatOne{

    0%,100%{
        transform:
            translate3d(0,0,0);
    }

    50%{
        transform:
            translate3d(15px,-11px,0);
    }
}


@keyframes alphaFloatTwo{

    0%,100%{
        transform:
            translate3d(0,0,0);
    }

    50%{
        transform:
            translate3d(-18px,17px,0);
    }
}


@keyframes alphaOrbit{

    from{
        rotate:0deg;
    }

    to{
        rotate:360deg;
    }
}


@keyframes alphaPulse{

    0%,100%{

        transform:
            scale(.96);

        opacity:.72;
    }

    50%{

        transform:
            scale(1.04);

        opacity:1;
    }
}


@media(prefers-reduced-motion:reduce){

    .page-alphaspin-ultra *{

        animation-duration:
            .001ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .001ms !important;

        scroll-behavior:
            auto !important;
    }
}


/* ==========================================================
   REFINED SPACING
   ========================================================== */

.page-alphaspin-ultra
.alphaspin-section-heading p{

    margin-top:24px;

    line-height:1.92;
}


.page-alphaspin-ultra
.alphaspin-benefits-copy
.section-title{

    margin-bottom:4px;
}


.page-alphaspin-ultra
.alphaspin-benefits-copy
.lead{

    margin-top:26px;

    line-height:1.9;
}


.page-alphaspin-ultra
.alphaspin-product-card-copy
.alphaspin-more-wrap{

    margin-top:27px;
}


.page-alphaspin-ultra
.alphaspin-more-wrap
+ .btn{

    margin-top:34px;
}


.page-alphaspin-ultra
.alphaspin-certificate{

    transition:
        transform .28s ease,
        box-shadow .28s ease;
}


.page-alphaspin-ultra
.alphaspin-certificate:hover{

    transform:
        translateY(-3px);

    box-shadow:
        0 22px 54px
        rgba(46,31,70,.09);
}


@media(max-width:900px){

    .page-alphaspin-ultra
    .alphaspin-section-heading{

        margin-bottom:34px;
    }


    .page-alphaspin-ultra
    .alphaspin-product-card-copy{

        padding:
            42px 38px 46px;
    }


    .page-alphaspin-ultra
    .alphaspin-frequency-benefits{

        gap:13px;
    }
}


@media(max-width:680px){

    .page-alphaspin-ultra
    .alphaspin-section-heading{

        margin-bottom:28px;
    }


    .page-alphaspin-ultra
    .alphaspin-section-heading p{

        margin-top:18px;

        line-height:1.80;
    }


    .page-alphaspin-ultra
    .alphaspin-product-card-copy{

        padding:
            34px 25px 38px;
    }
}
/* ==========================================================
   ALPHASPIN ULTRA — HERO REFINEMENT
   Ajuste exclusivo do Hero
   ========================================================== */

.page-alphaspin-ultra .alphaspin-ultra-hero{
    min-height:min(860px,92vh);
}

/* Enquadramento principal */
.page-alphaspin-ultra .alphaspin-hero-grid{

    width:
        min(
            1220px,
            calc(100% - 96px)
        );

    margin-inline:auto;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.88fr);

    gap:72px;

    align-items:center;

    padding:
        82px 0 72px;
}


/* Bloco textual */
.page-alphaspin-ultra .alphaspin-hero-copy{

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

    padding-right:0;

    justify-self:start;
}


/* Pequeno deslocamento óptico para dentro */
.page-alphaspin-ultra .alphaspin-hero-copy{
    padding-left:16px;
}


/* Título */
.page-alphaspin-ultra .alphaspin-hero-copy h1{

    max-width:680px;

    font-size:
        clamp(
            4.4rem,
            7.2vw,
            7.3rem
        );

    line-height:.84;

    letter-spacing:-.075em;
}


/* Descrição */
.page-alphaspin-ultra
.alphaspin-hero-description{

    max-width:590px;

    margin-top:30px;

    font-size:1.06rem;

    line-height:1.86;
}


/* Pills */
.page-alphaspin-ultra
.alphaspin-hero-pills{

    max-width:600px;

    margin-top:26px;

    gap:9px;
}


/* Botões */
.page-alphaspin-ultra
.alphaspin-hero-actions{

    margin-top:34px;

    gap:13px;
}


/* Área visual do produto */
.page-alphaspin-ultra
.alphaspin-hero-product{

    width:100%;

    min-height:590px;

    display:grid;

    place-items:center;

    justify-self:end;

    transform:translateX(8px);
}


/* Círculo/halo */
.page-alphaspin-ultra
.alphaspin-product-aura{

    width:74%;
}


/* Ring */
.page-alphaspin-ultra
.alphaspin-product-ring{

    width:82%;
}


/* Imagem principal */
.page-alphaspin-ultra
.alphaspin-product-grid{

    width:100%;

    min-height:560px;

    display:flex;

    align-items:center;

    justify-content:center;
}


/* Produto maior e melhor centrado */
.page-alphaspin-ultra
.alphaspin-product-grid img{

    max-width:500px;

    max-height:570px;

    transform:
        translate3d(
            8px,
            0,
            0
        );
}


/* Caption */
.page-alphaspin-ultra
.alphaspin-product-caption{

    right:2%;

    bottom:5%;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:1120px){

    .page-alphaspin-ultra
    .alphaspin-hero-grid{

        width:
            min(
                100%,
                calc(100% - 64px)
            );

        grid-template-columns:
            minmax(0,1fr)
            minmax(350px,.82fr);

        gap:44px;

        padding:
            72px 0 64px;
    }

    .page-alphaspin-ultra
    .alphaspin-hero-copy{

        padding-left:8px;
    }

    .page-alphaspin-ultra
    .alphaspin-hero-copy h1{

        font-size:
            clamp(
                4rem,
                7.5vw,
                6.4rem
            );
    }

    .page-alphaspin-ultra
    .alphaspin-hero-product{

        min-height:540px;

        transform:
            translateX(0);
    }

    .page-alphaspin-ultra
    .alphaspin-product-grid{

        min-height:500px;
    }

    .page-alphaspin-ultra
    .alphaspin-product-grid img{

        max-width:440px;

        max-height:520px;

        transform:
            translate3d(0,0,0);
    }
}


/* ==========================================================
   MOBILE / TABLET VERTICAL
   ========================================================== */

@media(max-width:900px){

    .page-alphaspin-ultra
    .alphaspin-hero-grid{

        width:
            min(
                720px,
                calc(100% - 36px)
            );

        grid-template-columns:1fr;

        gap:28px;

        padding:
            64px 0 56px;
    }

    .page-alphaspin-ultra
    .alphaspin-hero-copy{

        max-width:700px;

        padding-left:0;

        margin-inline:auto;

        text-align:center;
    }

    .page-alphaspin-ultra
    .alphaspin-hero-copy h1{

        margin-inline:auto;

        font-size:
            clamp(
                4rem,
                12vw,
                6rem
            );
    }

    .page-alphaspin-ultra
    .alphaspin-hero-description{

        margin-inline:auto;
    }

    .page-alphaspin-ultra
    .alphaspin-hero-pills,
    .page-alphaspin-ultra
    .alphaspin-hero-actions{

        justify-content:center;

        margin-inline:auto;
    }

    .page-alphaspin-ultra
    .alphaspin-hero-product{

        width:
            min(
                680px,
                100%
            );

        min-height:470px;

        margin-inline:auto;

        transform:none;
    }

    .page-alphaspin-ultra
    .alphaspin-product-grid{

        min-height:440px;
    }

    .page-alphaspin-ultra
    .alphaspin-product-grid img{

        max-width:390px;

        max-height:450px;
    }

    .page-alphaspin-ultra
    .alphaspin-product-caption{

        right:4%;
        bottom:4%;
    }
}


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

@media(max-width:680px){

    .page-alphaspin-ultra
    .alphaspin-hero-grid{

        width:
            calc(100% - 32px);

        gap:22px;

        padding:
            50px 0 44px;
    }

    .page-alphaspin-ultra
    .alphaspin-hero-copy h1{

        font-size:
            clamp(
                3.45rem,
                15vw,
                5.3rem
            );
    }

    .page-alphaspin-ultra
    .alphaspin-hero-description{

        max-width:560px;

        margin-top:24px;

        font-size:.97rem;

        line-height:1.78;
    }

    .page-alphaspin-ultra
    .alphaspin-hero-pills{

        margin-top:23px;

        gap:8px;
    }

    .page-alphaspin-ultra
    .alphaspin-hero-actions{

        margin-top:29px;
    }

    .page-alphaspin-ultra
    .alphaspin-hero-product{

        min-height:380px;
    }

    .page-alphaspin-ultra
    .alphaspin-product-grid{

        min-height:350px;
    }

    .page-alphaspin-ultra
    .alphaspin-product-grid img{

        max-width:310px;

        max-height:370px;
    }

    .page-alphaspin-ultra
    .alphaspin-product-caption{

        display:none;
    }
}


/* ==========================================================
   VERY SMALL SCREENS
   ========================================================== */

@media(max-width:430px){

    .page-alphaspin-ultra
    .alphaspin-hero-grid{

        width:
            calc(100% - 24px);

        padding:
            44px 0 38px;
    }

    .page-alphaspin-ultra
    .alphaspin-hero-copy h1{

        font-size:
            3rem;
    }

    .page-alphaspin-ultra
    .alphaspin-hero-product{

        min-height:320px;
    }

    .page-alphaspin-ultra
    .alphaspin-product-grid{

        min-height:295px;
    }

    .page-alphaspin-ultra
    .alphaspin-product-grid img{

        max-width:270px;

        max-height:315px;
    }
}


/* ==========================================================
   AD LIFESTYLE V2
   MINOSEED
   PAGE-SCOPED COMPONENT SYSTEM
   ========================================================== */


/* ==========================================================
   01. VARIABLES
   ========================================================== */

.page-minoseed{

    --minoseed-gold:#D8A62A;
    --minoseed-gold-light:#F1C95B;
    --minoseed-champagne:#E9D39A;

    --minoseed-cream:#FFF3D5;
    --minoseed-ivory:#FAF7ED;

    --minoseed-red:#D71920;
    --minoseed-red-dark:#A91418;

    --minoseed-green:#4D812B;
    --minoseed-green-light:#6B9638;

    --minoseed-brown:#8A5A24;
    --minoseed-dark:#332516;

    --minoseed-text:#332516;
    --minoseed-muted:#725B47;

    --minoseed-surface:#FFFFFF;
    --minoseed-surface-soft:#FFF9EE;

}


/* ==========================================================
   02. ROOT
   ========================================================== */

.page-minoseed{

    position:relative;

    isolation:isolate;

    min-height:100vh;

    overflow:hidden;

    background:
        #FFF3D5 !important;

    color:
        #332516 !important;

}


/* ==========================================================
   03. TEXT
   ========================================================== */

.page-minoseed h1,
.page-minoseed h2,
.page-minoseed h3,
.page-minoseed h4,
.page-minoseed h5,
.page-minoseed h6{

    color:
        #332516 !important;

}


.page-minoseed p{

    color:
        #332516 !important;

}


.page-minoseed .text,
.page-minoseed .lead{

    color:
        #725B47 !important;

}


.page-minoseed .label{

    color:
        #D71920 !important;

}


.page-minoseed .section-title{

    color:
        #332516 !important;

}


/* ==========================================================
   04. HERO
   ========================================================== */

.page-minoseed .minoseed-hero{

    background:

        radial-gradient(
            circle at 82% 15%,
            rgba(241,201,91,.24),
            transparent 30%
        ),

        radial-gradient(
            circle at 10% 82%,
            rgba(77,129,43,.18),
            transparent 34%
        ),

        linear-gradient(
            135deg,
            #332516,
            #8A5A24,
            #D8A62A
        ) !important;

}


.page-minoseed .minoseed-hero h1,
.page-minoseed .minoseed-hero h2,
.page-minoseed .minoseed-hero h3{

    color:
        #FFFFFF !important;

}


.page-minoseed .minoseed-hero .hero-sub{

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

}


.page-minoseed .minoseed-hero
.hero-title span{

    color:
        #F1C95B !important;

    background:none !important;

    -webkit-text-fill-color:
        #F1C95B !important;

}


/* ==========================================================
   05. HERO BADGE
   ========================================================== */

.page-minoseed
.minoseed-hero
.badge{

    color:
        #F1C95B !important;

    background:
        rgba(241,201,91,.12) !important;

    border:
        1px solid
        rgba(241,201,91,.34) !important;

}


/* ==========================================================
   06. HERO HIGHLIGHTS
   ========================================================== */

.page-minoseed
.minoseed-hero-highlights{

    display:flex;

    flex-wrap:wrap;

    gap:10px 18px;

    margin-top:24px;

}


.page-minoseed
.minoseed-hero-highlights span{

    color:
        #FFFFFF !important;

    font-size:
        14px;

}


/* ==========================================================
   07. DISCLAIMER
   ========================================================== */

.page-minoseed
.minoseed-disclaimer{

    max-width:650px;

    margin-top:20px;

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

    font-size:
        12px;

    line-height:
        1.7;

}


/* ==========================================================
   08. PRODUCT
   ========================================================== */

.page-minoseed
.product-glow{

    background:

        radial-gradient(
            circle,
            rgba(241,201,91,.46),
            rgba(77,129,43,.16) 42%,
            transparent 72%
        ) !important;

}


.page-minoseed
.hero-product img{

    position:relative;

    z-index:3;

    max-width:
        min(100%,520px);

    width:100%;

    object-fit:contain;

    filter:
        drop-shadow(
            0 35px 55px
            rgba(51,37,22,.30)
        );

}


/* ==========================================================
   09. GOLD RING
   ========================================================== */

.page-minoseed
.minoseed-gold-ring{

    position:absolute;

    width:390px;

    height:390px;

    border-radius:50%;

    border:
        1px solid
        rgba(241,201,91,.52);

    box-shadow:

        0 0 45px
        rgba(216,166,42,.18),

        inset 0 0 35px
        rgba(241,201,91,.08);

    z-index:2;

}


/* ==========================================================
   10. CARDS
   ========================================================== */

.page-minoseed
.card,
.page-minoseed
.service-card,
.page-minoseed
.minoseed-care-card,
.page-minoseed
.minoseed-feature-card,
.page-minoseed
.minoseed-detail-card,
.page-minoseed
.faq-item{

    background:
        #FFFFFF !important;

    color:
        #332516 !important;

    border:
        1px solid
        rgba(216,166,42,.18) !important;

    box-shadow:
        0 20px 55px
        rgba(51,37,22,.08);

}


/* ==========================================================
   11. CARD TITLES
   ========================================================== */

.page-minoseed
.card h3,
.page-minoseed
.service-card h3,
.page-minoseed
.minoseed-detail-card h3{

    color:
        #332516 !important;

}


/* ==========================================================
   12. CARD TEXT
   ========================================================== */

.page-minoseed
.card p,
.page-minoseed
.service-card p,
.page-minoseed
.minoseed-detail-card p{

    color:
        #725B47 !important;

}


/* ==========================================================
   13. ICONS
   ========================================================== */

.page-minoseed
.service-icon{

    background:
        rgba(77,129,43,.09) !important;

    color:
        #4D812B !important;

    border:
        1px solid
        rgba(216,166,42,.25) !important;

}


/* ==========================================================
   14. CARE
   ========================================================== */

.page-minoseed
.minoseed-care{

    background:
        #FFF3D5 !important;

}


.page-minoseed
.minoseed-care-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:3px;

    background:

        linear-gradient(
            90deg,
            #4D812B,
            #D8A62A,
            #D71920
        ) !important;

}


/* ==========================================================
   15. INFORMATION
   ========================================================== */

.page-minoseed
.minoseed-information{

    background:
        #FFFFFF !important;

    border:
        1px solid
        rgba(216,166,42,.18) !important;

    border-radius:
        20px;

    overflow:hidden;

}


.page-minoseed
.minoseed-details-toggle{

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    padding:20px 24px;

    border:0;

    background:
        #FFFFFF !important;

    color:
        #332516 !important;

    font:inherit;

    font-weight:700;

    cursor:pointer;

}


.page-minoseed
.minoseed-details-toggle
span:first-child{

    color:
        #332516 !important;

}


.page-minoseed
.minoseed-details-icon{

    width:32px;

    height:32px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:
        #4D812B !important;

    color:
        #FFFFFF !important;

}


.page-minoseed
.minoseed-information.active
.minoseed-details-icon{

    background:
        #D8A62A !important;

    color:
        #332516 !important;

}


/* ==========================================================
   16. ACCORDION
   ========================================================== */

.page-minoseed
.minoseed-details-content{

    display:grid;

    grid-template-rows:
        0fr;

    transition:
        grid-template-rows .45s ease;

}


.page-minoseed
.minoseed-information.active
.minoseed-details-content{

    grid-template-rows:
        1fr;

}


.page-minoseed
.minoseed-details-content
> div{

    min-height:0;

    overflow:hidden;

}


.page-minoseed
.minoseed-details-grid{

    display:grid;

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

    gap:20px;

    padding:
        0 24px 24px;

}


.page-minoseed
.minoseed-detail-card{

    padding:25px;

    background:
        #FFF9EE !important;

}


.page-minoseed
.minoseed-detail-card
.label{

    color:
        #D71920 !important;

}


.page-minoseed
.minoseed-detail-card-wide{

    grid-column:
        1 / -1;

}


/* ==========================================================
   17. DETAIL ITEMS
   ========================================================== */

.page-minoseed
.minoseed-detail-item{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-top:10px;

    color:
        #725B47 !important;

    font-size:
        14px;

}


.page-minoseed
.minoseed-detail-item
.icon-circle{

    width:22px;

    height:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    border-radius:50%;

    background:
        rgba(77,129,43,.10) !important;

    color:
        #4D812B !important;

}


/* ==========================================================
   18. BENEFITS
   ========================================================== */

.page-minoseed
.minoseed-benefits{

    background:
        #FFFFFF !important;

}


.page-minoseed
.minoseed-benefits
.section-title{

    color:
        #332516 !important;

}


.page-minoseed
.minoseed-benefits
.text{

    color:
        #725B47 !important;

}


.page-minoseed
.minoseed-benefits
.icon-item{

    color:
        #332516 !important;

}


.page-minoseed
.minoseed-benefits
.icon-circle{

    background:
        rgba(77,129,43,.10) !important;

    color:
        #4D812B !important;

}


/* ==========================================================
   19. BENEFIT IMAGE
   ========================================================== */

.page-minoseed
.minoseed-benefit-image{

    position:relative;

    min-height:480px;

    display:flex;

    align-items:center;

    justify-content:center;

}


.page-minoseed
.minoseed-benefit-image img{

    position:relative;

    z-index:2;

    width:100%;

    max-width:460px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 30px 45px
            rgba(51,37,22,.20)
        );

}


.page-minoseed
.minoseed-image-glow{

    position:absolute;

    width:340px;

    height:340px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(241,201,91,.28),
            rgba(77,129,43,.16),
            transparent 70%
        );

    filter:
        blur(25px);

}


/* ==========================================================
   20. INGREDIENTS
   ========================================================== */

.page-minoseed
.minoseed-ingredients{

    background:
        #FAF7ED !important;

}


.page-minoseed
.minoseed-ingredients
.bento-card{

    background:
        #FFFFFF !important;

}


.page-minoseed
.minoseed-ingredients
.bento-card h3{

    color:
        #332516 !important;

}


.page-minoseed
.minoseed-ingredients
.bento-card .text{

    color:
        #725B47 !important;

}


.page-minoseed
.minoseed-ingredients
.bento-card .label{

    color:
        #D71920 !important;

}


.page-minoseed
.minoseed-bento-symbol{

    position:absolute;

    right:25px;

    bottom:5px;

    font-size:110px;

    font-weight:900;

    color:
        rgba(77,129,43,.07) !important;

    pointer-events:none;

}


/* ==========================================================
   21. ROUTINE
   ========================================================== */

.page-minoseed
.minoseed-routine{

    background:
        #FFFFFF !important;

}


.page-minoseed
.minoseed-routine
.section-title{

    color:
        #332516 !important;

}


.page-minoseed
.minoseed-routine
.lead{

    color:
        #725B47 !important;

}


.page-minoseed
.minoseed-routine
.timeline-dot{

    background:
        #4D812B !important;

    color:
        #FFFFFF !important;

    border:
        3px solid
        #FFFFFF !important;

    box-shadow:
        0 0 0 2px
        rgba(216,166,42,.45) !important;

}


.page-minoseed
.minoseed-routine
.timeline-content{

    background:
        #FFF9EE !important;

    border:
        1px solid
        rgba(216,166,42,.15) !important;

}


.page-minoseed
.minoseed-routine
.timeline-content h3{

    color:
        #332516 !important;

}


.page-minoseed
.minoseed-routine
.timeline-content .text{

    color:
        #725B47 !important;

}


.page-minoseed
.minoseed-routine-note{

    padding:24px;

    border-radius:18px;

    background:
        rgba(77,129,43,.05) !important;

    border:
        1px solid
        rgba(77,129,43,.14);

}


.page-minoseed
.minoseed-routine-note
.label{

    color:
        #4D812B !important;

}


/* ==========================================================
   22. EXPERIENCE
   ========================================================== */

.page-minoseed
.minoseed-experience{

    background:
        #FFF3D5 !important;

}


/* ==========================================================
   23. FAQ
   ========================================================== */

.page-minoseed
.minoseed-faq{

    background:
        #FAF7ED !important;

}


.page-minoseed
.minoseed-faq
.faq-item{

    background:
        #FFFFFF !important;

}


.page-minoseed
.minoseed-faq
.faq-question{

    background:
        #FFFFFF !important;

    color:
        #332516 !important;

}


.page-minoseed
.minoseed-faq
.faq-question span:first-child{

    color:
        #332516 !important;

}


.page-minoseed
.minoseed-faq
.faq-question span:last-child{

    color:
        #D71920 !important;

}


.page-minoseed
.minoseed-faq
.faq-answer p{

    color:
        #725B47 !important;

}


/* ==========================================================
   24. CTA
   ========================================================== */

.page-minoseed
.minoseed-cta{

    background:
        #FFFFFF !important;

}


.page-minoseed
.minoseed-cta
.showcase{

    background:

        radial-gradient(
            circle at 20% 20%,
            rgba(77,129,43,.14),
            transparent 28%
        ),

        radial-gradient(
            circle at 88% 10%,
            rgba(241,201,91,.20),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #332516,
            #8A5A24,
            #D8A62A
        ) !important;

}


.page-minoseed
.minoseed-cta
.section-title{

    color:
        #FFFFFF !important;

}


.page-minoseed
.minoseed-cta
.lead{

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

}


.page-minoseed
.minoseed-cta
.badge{

    color:
        #F1C95B !important;

}


.page-minoseed
.minoseed-cta
.btn-primary{

    background:

        linear-gradient(
            135deg,
            #D8A62A,
            #F1C95B
        ) !important;

    color:
        #332516 !important;

}


.page-minoseed
.minoseed-cta
.btn-glass{

    background:
        rgba(255,255,255,.08) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(255,255,255,.22) !important;

}


.page-minoseed
.minoseed-cta-disclaimer{

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

}


/* ==========================================================
   25. LINKS
   ========================================================== */

.page-minoseed a{

    color:
        #D71920 !important;

}


.page-minoseed a:hover{

    color:
        #4D812B !important;

}


/* ==========================================================
   26. RESPONSIVE
   ========================================================== */

@media (max-width:900px){

    .page-minoseed
    .minoseed-details-grid{

        grid-template-columns:
            1fr;

    }


    .page-minoseed
    .minoseed-detail-card-wide{

        grid-column:
            auto;

    }

}


@media (max-width:700px){

    .page-minoseed
    .minoseed-hero{

        min-height:auto;

        padding-top:100px;

        padding-bottom:80px;

    }


    .page-minoseed
    .hero-grid{

        grid-template-columns:
            1fr;

    }


    .page-minoseed
    .hero-content{

        text-align:center;

    }


    .page-minoseed
    .minoseed-hero-highlights{

        justify-content:center;

    }


    .page-minoseed
    .hero-visual{

        margin-top:35px;

    }


    .page-minoseed
    .minoseed-gold-ring{

        width:300px;

        height:300px;

    }


    .page-minoseed
    .minoseed-benefit-image{

        min-height:360px;

    }

}


@media (max-width:520px){

    .page-minoseed
    .minoseed-hero-highlights{

        display:grid;

        grid-template-columns:
            1fr 1fr;

        text-align:left;

    }


    .page-minoseed
    .minoseed-details-toggle{

        padding:18px;

        font-size:14px;

    }


    .page-minoseed
    .minoseed-details-grid{

        padding:
            0 16px 16px;

    }


    .page-minoseed
    .minoseed-detail-card{

        padding:20px;

    }

}


/* ==========================================================
   27. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion:reduce){

    .page-minoseed *,
    .page-minoseed *::before,
    .page-minoseed *::after{

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;

        scroll-behavior:
            auto !important;

    }

}

/* ==========================================================
   AD LIFESTYLE V2
   EVADOR
   PAGE-SCOPED COMPONENT SYSTEM
   ========================================================== */


/* ==========================================================
   01. VARIABLES
   ========================================================== */

.page-evador{

    --evador-black:#080808;
    --evador-black-soft:#111111;
    --evador-black-light:#181818;

    --evador-gold:#D4AF37;
    --evador-gold-light:#F1D57A;
    --evador-gold-dark:#A67C16;
    --evador-champagne:#E7D39B;

    --evador-white:#FFFFFF;
    --evador-silver:#D8D8D8;

    --evador-text:#171717;
    --evador-muted:#666666;

    --evador-surface:#FFFFFF;
    --evador-surface-soft:#F8F6F0;

    --evador-border:
        rgba(212,175,55,.18);

    --evador-shadow:
        0 25px 65px
        rgba(0,0,0,.11);

}


/* ==========================================================
   02. ROOT
   ========================================================== */

.page-evador{

    position:relative;

    isolation:isolate;

    min-height:100vh;

    overflow:hidden;

    background:
        #F7F6F2 !important;

    color:
        #171717 !important;

}


/* ==========================================================
   03. GENERAL TEXT
   ========================================================== */

.page-evador h1,
.page-evador h2,
.page-evador h3,
.page-evador h4,
.page-evador h5,
.page-evador h6{

    color:
        #171717 !important;

}


.page-evador p{

    color:
        #171717 !important;

}


.page-evador .text,
.page-evador .lead{

    color:
        #666666 !important;

}


.page-evador .label{

    color:
        #A67C16 !important;

}


.page-evador .section-title{

    color:
        #171717 !important;

}


/* ==========================================================
   04. HERO
   ========================================================== */

.page-evador .evador-hero{

    background:

        radial-gradient(
            circle at 80% 18%,
            rgba(212,175,55,.18),
            transparent 30%
        ),

        radial-gradient(
            circle at 12% 82%,
            rgba(255,255,255,.05),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #080808,
            #181818,
            #080808
        ) !important;

}


.page-evador .evador-hero h1,
.page-evador .evador-hero h2,
.page-evador .evador-hero h3{

    color:
        #FFFFFF !important;

}


.page-evador .evador-hero .hero-sub{

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

}


.page-evador .evador-hero
.hero-title span{

    color:
        #F1D57A !important;

    background:none !important;

    -webkit-background-clip:
        initial !important;

    background-clip:
        initial !important;

    -webkit-text-fill-color:
        #F1D57A !important;

}


/* ==========================================================
   05. HERO BADGE
   ========================================================== */

.page-evador
.evador-hero
.badge{

    color:
        #F1D57A !important;

    background:
        rgba(212,175,55,.10) !important;

    border:
        1px solid
        rgba(241,213,122,.34) !important;

}


/* ==========================================================
   06. HERO HIGHLIGHTS
   ========================================================== */

.page-evador
.evador-hero-highlights{

    display:flex;

    flex-wrap:wrap;

    gap:10px 18px;

    margin-top:24px;

}


.page-evador
.evador-hero-highlights span{

    color:
        #FFFFFF !important;

    font-size:
        14px;

}


/* ==========================================================
   07. DISCLAIMER
   ========================================================== */

.page-evador
.evador-disclaimer{

    max-width:650px;

    margin-top:20px;

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

    font-size:
        12px;

    line-height:
        1.7;

}


/* ==========================================================
   08. PRODUCT
   ========================================================== */

.page-evador
.product-glow{

    background:

        radial-gradient(
            circle,
            rgba(212,175,55,.45),
            rgba(212,175,55,.14) 42%,
            transparent 72%
        ) !important;

}


.page-evador
.hero-product img{

    position:relative;

    z-index:3;

    max-width:
        min(100%,520px);

    width:100%;

    object-fit:contain;

    filter:
        drop-shadow(
            0 35px 55px
            rgba(0,0,0,.45)
        );

}


/* ==========================================================
   09. GOLD RING
   ========================================================== */

.page-evador
.evador-gold-ring{

    position:absolute;

    width:390px;

    height:390px;

    border-radius:50%;

    border:
        1px solid
        rgba(241,213,122,.48);

    box-shadow:

        0 0 50px
        rgba(212,175,55,.16),

        inset 0 0 35px
        rgba(212,175,55,.07);

    z-index:2;

}


/* ==========================================================
   10. CARDS
   ========================================================== */

.page-evador
.card,
.page-evador
.service-card,
.page-evador
.evador-fragrance-card,
.page-evador
.evador-feature-card,
.page-evador
.evador-experience-card,
.page-evador
.evador-detail-card,
.page-evador
.faq-item{

    background:
        #FFFFFF !important;

    color:
        #171717 !important;

    border:
        1px solid
        rgba(212,175,55,.16) !important;

    box-shadow:
        var(--evador-shadow);

}


/* ==========================================================
   11. CARD TITLES
   ========================================================== */

.page-evador
.card h3,
.page-evador
.service-card h3,
.page-evador
.evador-detail-card h3{

    color:
        #171717 !important;

}


/* ==========================================================
   12. CARD TEXT
   ========================================================== */

.page-evador
.card p,
.page-evador
.service-card p,
.page-evador
.evador-detail-card p{

    color:
        #666666 !important;

}


/* ==========================================================
   13. SERVICE ICON
   ========================================================== */

.page-evador
.service-icon{

    background:
        rgba(212,175,55,.09) !important;

    color:
        #A67C16 !important;

    border:
        1px solid
        rgba(212,175,55,.25) !important;

}


/* ==========================================================
   14. FRAGRANCE
   ========================================================== */

.page-evador
.evador-fragrance{

    background:
        #F7F6F2 !important;

}


.page-evador
.evador-fragrance-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:3px;

    background:

        linear-gradient(
            90deg,
            #A67C16,
            #D4AF37,
            #F1D57A
        ) !important;

}


/* ==========================================================
   15. INFORMATION
   ========================================================== */

.page-evador
.evador-information{

    background:
        #FFFFFF !important;

    border:
        1px solid
        rgba(212,175,55,.16) !important;

    border-radius:
        20px;

    overflow:hidden;

}


.page-evador
.evador-details-toggle{

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    padding:20px 24px;

    border:0;

    background:
        #FFFFFF !important;

    color:
        #171717 !important;

    font:inherit;

    font-weight:700;

    cursor:pointer;

}


.page-evador
.evador-details-toggle
span:first-child{

    color:
        #171717 !important;

}


.page-evador
.evador-details-icon{

    width:32px;

    height:32px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:
        #111111 !important;

    color:
        #D4AF37 !important;

}


.page-evador
.evador-information.active
.evador-details-icon{

    background:
        #D4AF37 !important;

    color:
        #111111 !important;

}


/* ==========================================================
   16. ACCORDION
   ========================================================== */

.page-evador
.evador-details-content{

    display:grid;

    grid-template-rows:
        0fr;

    transition:
        grid-template-rows .45s ease;

}


.page-evador
.evador-information.active
.evador-details-content{

    grid-template-rows:
        1fr;

}


.page-evador
.evador-details-content
> div{

    min-height:0;

    overflow:hidden;

}


.page-evador
.evador-details-grid{

    display:grid;

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

    gap:20px;

    padding:
        0 24px 24px;

}


.page-evador
.evador-detail-card{

    padding:25px;

    background:
        #F8F6F0 !important;

}


.page-evador
.evador-detail-card
.label{

    color:
        #A67C16 !important;

}


.page-evador
.evador-detail-card-wide{

    grid-column:
        1 / -1;

}


/* ==========================================================
   17. DETAIL ITEMS
   ========================================================== */

.page-evador
.evador-detail-item{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-top:10px;

    color:
        #666666 !important;

    font-size:
        14px;

}


.page-evador
.evador-detail-item
.icon-circle{

    width:22px;

    height:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    border-radius:50%;

    background:
        rgba(212,175,55,.10) !important;

    color:
        #A67C16 !important;

}


/* ==========================================================
   18. IDENTITY
   ========================================================== */

.page-evador
.evador-identity{

    background:
        #FFFFFF !important;

}


.page-evador
.evador-identity
.section-title{

    color:
        #171717 !important;

}


.page-evador
.evador-identity
.text{

    color:
        #666666 !important;

}


.page-evador
.evador-identity
.icon-item{

    color:
        #171717 !important;

}


.page-evador
.evador-identity
.icon-circle{

    background:
        rgba(212,175,55,.10) !important;

    color:
        #A67C16 !important;

}


/* ==========================================================
   19. IMAGE
   ========================================================== */

.page-evador
.evador-benefit-image{

    position:relative;

    min-height:480px;

    display:flex;

    align-items:center;

    justify-content:center;

}


.page-evador
.evador-benefit-image img{

    position:relative;

    z-index:2;

    width:100%;

    max-width:460px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 35px 50px
            rgba(0,0,0,.20)
        );

}


.page-evador
.evador-image-glow{

    position:absolute;

    width:340px;

    height:340px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(212,175,55,.25),
            rgba(212,175,55,.08),
            transparent 70%
        );

    filter:
        blur(25px);

}


/* ==========================================================
   20. IDENTITY QUOTE
   ========================================================== */

.page-evador
.evador-identity-quote{

    padding:
        24px;

    border-left:
        3px solid
        #D4AF37;

    background:
        #F8F6F0;

}


.page-evador
.evador-identity-quote blockquote{

    margin:
        8px 0 0;

    color:
        #171717;

    font-size:
        clamp(22px,3vw,34px);

    font-weight:
        700;

    letter-spacing:
        -.02em;

}


/* ==========================================================
   21. BENEFITS
   ========================================================== */

.page-evador
.evador-benefits{

    background:
        #F7F6F2 !important;

}


.page-evador
.evador-benefits
.section-title{

    color:
        #171717 !important;

}


.page-evador
.evador-benefits
.lead{

    color:
        #666666 !important;

}


.page-evador
.evador-benefits
.bento-card{

    background:
        #FFFFFF !important;

}


/* ==========================================================
   22. COMPOSITION
   ========================================================== */

.page-evador
.evador-composition{

    background:
        #FFFFFF !important;

}


.page-evador
.evador-composition
.section-title{

    color:
        #171717 !important;

}


/* ==========================================================
   23. ROUTINE
   ========================================================== */

.page-evador
.evador-routine{

    background:
        #F8F6F0 !important;

}


.page-evador
.evador-routine
.section-title{

    color:
        #171717 !important;

}


.page-evador
.evador-routine
.lead{

    color:
        #666666 !important;

}


.page-evador
.evador-routine
.timeline-dot{

    background:
        #111111 !important;

    color:
        #D4AF37 !important;

    border:
        3px solid
        #FFFFFF !important;

    box-shadow:
        0 0 0 2px
        rgba(212,175,55,.42) !important;

}


.page-evador
.evador-routine
.timeline-content{

    background:
        #FFFFFF !important;

    border:
        1px solid
        rgba(212,175,55,.14) !important;

}


.page-evador
.evador-routine
.timeline-content h3{

    color:
        #171717 !important;

}


.page-evador
.evador-routine
.timeline-content .text{

    color:
        #666666 !important;

}


/* ==========================================================
   24. EXPERIENCE
   ========================================================== */

.page-evador
.evador-experience{

    background:
        #F7F6F2 !important;

}


.page-evador
.evador-experience-card{

    background:
        #FFFFFF !important;

}


/* ==========================================================
   25. FAQ
   ========================================================== */

.page-evador
.evador-faq{

    background:
        #FFFFFF !important;

}


.page-evador
.evador-faq
.faq-item{

    background:
        #F8F6F0 !important;

}


.page-evador
.evador-faq
.faq-question{

    background:
        #F8F6F0 !important;

    color:
        #171717 !important;

}


.page-evador
.evador-faq
.faq-question span:first-child{

    color:
        #171717 !important;

}


.page-evador
.evador-faq
.faq-question span:last-child{

    color:
        #A67C16 !important;

}


.page-evador
.evador-faq
.faq-answer p{

    color:
        #666666 !important;

}


/* ==========================================================
   26. CTA
   ========================================================== */

.page-evador
.evador-cta{

    background:
        #F7F6F2 !important;

}


.page-evador
.evador-cta
.showcase{

    background:

        radial-gradient(
            circle at 25% 20%,
            rgba(212,175,55,.12),
            transparent 28%
        ),

        radial-gradient(
            circle at 85% 15%,
            rgba(255,255,255,.04),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #080808,
            #181818,
            #080808
        ) !important;

}


.page-evador
.evador-cta
.section-title{

    color:
        #FFFFFF !important;

}


.page-evador
.evador-cta
.lead{

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

}


.page-evador
.evador-cta
.badge{

    color:
        #F1D57A !important;

}


.page-evador
.evador-cta
.btn-primary{

    background:

        linear-gradient(
            135deg,
            #D4AF37,
            #F1D57A
        ) !important;

    color:
        #080808 !important;

}


.page-evador
.evador-cta
.btn-glass{

    background:
        rgba(255,255,255,.06) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(255,255,255,.20) !important;

}


.page-evador
.evador-cta-disclaimer{

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

}


/* ==========================================================
   27. LINKS
   ========================================================== */

.page-evador a{

    color:
        #A67C16 !important;

}


.page-evador a:hover{

    color:
        #D4AF37 !important;

}


/* ==========================================================
   28. RESPONSIVE
   ========================================================== */

@media (max-width:900px){

    .page-evador
    .evador-details-grid{

        grid-template-columns:
            1fr;

    }


    .page-evador
    .evador-detail-card-wide{

        grid-column:
            auto;

    }

}


@media (max-width:700px){

    .page-evador
    .evador-hero{

        min-height:auto;

        padding-top:100px;

        padding-bottom:80px;

    }


    .page-evador
    .hero-grid{

        grid-template-columns:
            1fr;

    }


    .page-evador
    .hero-content{

        text-align:center;

    }


    .page-evador
    .evador-hero-highlights{

        justify-content:center;

    }


    .page-evador
    .hero-visual{

        margin-top:35px;

    }


    .page-evador
    .evador-gold-ring{

        width:300px;

        height:300px;

    }


    .page-evador
    .evador-benefit-image{

        min-height:360px;

    }

}


@media (max-width:520px){

    .page-evador
    .evador-hero-highlights{

        display:grid;

        grid-template-columns:
            1fr 1fr;

        text-align:left;

    }


    .page-evador
    .evador-details-toggle{

        padding:18px;

        font-size:14px;

    }


    .page-evador
    .evador-details-grid{

        padding:
            0 16px 16px;

    }


    .page-evador
    .evador-detail-card{

        padding:20px;

    }

}


/* ==========================================================
   29. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion:reduce){

    .page-evador *,
    .page-evador *::before,
    .page-evador *::after{

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;

        scroll-behavior:
            auto !important;

    }

}

/* ==========================================================
   AD LIFESTYLE V2
   EZENO
   PAGE-SCOPED COMPONENT SYSTEM
   ========================================================== */


/* ==========================================================
   01. VARIABLES
   ========================================================== */

.page-ezeno{

    --ezeno-gold:#D8A62A;
    --ezeno-gold-light:#F1C95B;
    --ezeno-champagne:#E9D39A;

    --ezeno-cream:#FFF3D5;
    --ezeno-ivory:#FAF7ED;

    --ezeno-red:#D71920;
    --ezeno-red-dark:#A91418;

    --ezeno-green:#4D812B;
    --ezeno-green-light:#6B9638;

    --ezeno-brown:#8A5A24;
    --ezeno-dark:#332516;

    --ezeno-text:#332516;
    --ezeno-muted:#725B47;

    --ezeno-surface:#FFFFFF;
    --ezeno-surface-soft:#FFF9EE;

    --ezeno-shadow:
        0 25px 65px
        rgba(51,37,22,.10);

}


/* ==========================================================
   02. ROOT
   ========================================================== */

.page-ezeno{

    position:relative;

    isolation:isolate;

    min-height:100vh;

    overflow:hidden;

    background:
        #FFF3D5 !important;

    color:
        #332516 !important;

}


/* ==========================================================
   03. TEXT
   ========================================================== */

.page-ezeno h1,
.page-ezeno h2,
.page-ezeno h3,
.page-ezeno h4,
.page-ezeno h5,
.page-ezeno h6{

    color:
        #332516 !important;

}


.page-ezeno p{

    color:
        #332516 !important;

}


.page-ezeno .text,
.page-ezeno .lead{

    color:
        #725B47 !important;

}


.page-ezeno .label{

    color:
        #D71920 !important;

}


.page-ezeno .section-title{

    color:
        #332516 !important;

}


/* ==========================================================
   04. HERO
   ========================================================== */

.page-ezeno .ezeno-hero{

    background:

        radial-gradient(
            circle at 82% 15%,
            rgba(241,201,91,.24),
            transparent 30%
        ),

        radial-gradient(
            circle at 10% 82%,
            rgba(77,129,43,.18),
            transparent 34%
        ),

        linear-gradient(
            135deg,
            #332516,
            #8A5A24,
            #D8A62A
        ) !important;

}


.page-ezeno .ezeno-hero h1,
.page-ezeno .ezeno-hero h2,
.page-ezeno .ezeno-hero h3{

    color:
        #FFFFFF !important;

}


.page-ezeno .ezeno-hero .hero-sub{

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

}


.page-ezeno
.ezeno-hero
.hero-title
span{

    color:
        #F1C95B !important;

    background:none !important;

    -webkit-text-fill-color:
        #F1C95B !important;

}


/* ==========================================================
   05. HERO BADGE
   ========================================================== */

.page-ezeno
.ezeno-hero
.badge{

    color:
        #F1C95B !important;

    background:
        rgba(241,201,91,.12) !important;

    border:
        1px solid
        rgba(241,201,91,.34) !important;

}


/* ==========================================================
   06. HERO HIGHLIGHTS
   ========================================================== */

.page-ezeno
.ezeno-hero-highlights{

    display:flex;

    flex-wrap:wrap;

    gap:10px 18px;

    margin-top:24px;

}


.page-ezeno
.ezeno-hero-highlights span{

    color:
        #FFFFFF !important;

    font-size:
        14px;

}


/* ==========================================================
   07. DISCLAIMER
   ========================================================== */

.page-ezeno
.ezeno-disclaimer{

    max-width:650px;

    margin-top:20px;

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

    font-size:
        12px;

    line-height:
        1.7;

}


/* ==========================================================
   08. PRODUCT
   ========================================================== */

.page-ezeno
.product-glow{

    background:

        radial-gradient(
            circle,
            rgba(241,201,91,.46),
            rgba(77,129,43,.16) 42%,
            transparent 72%
        ) !important;

}


.page-ezeno
.hero-product img{

    position:relative;

    z-index:3;

    max-width:
        min(100%,520px);

    width:100%;

    object-fit:contain;

    filter:
        drop-shadow(
            0 35px 55px
            rgba(51,37,22,.35)
        );

}


/* ==========================================================
   09. GOLD RING
   ========================================================== */

.page-ezeno
.ezeno-gold-ring{

    position:absolute;

    width:390px;

    height:390px;

    border-radius:50%;

    border:
        1px solid
        rgba(241,201,91,.52);

    box-shadow:

        0 0 45px
        rgba(216,166,42,.18),

        inset 0 0 35px
        rgba(241,201,91,.08);

    z-index:2;

}


/* ==========================================================
   10. CARDS
   ========================================================== */

.page-ezeno
.card,
.page-ezeno
.service-card,
.page-ezeno
.ezeno-care-card,
.page-ezeno
.ezeno-feature-card,
.page-ezeno
.ezeno-experience-card,
.page-ezeno
.ezeno-detail-card,
.page-ezeno
.ezeno-protection-card,
.page-ezeno
.ezeno-certificate,
.page-ezeno
.faq-item{

    background:
        #FFFFFF !important;

    color:
        #332516 !important;

    border:
        1px solid
        rgba(216,166,42,.17) !important;

    box-shadow:
        var(--ezeno-shadow);

}


/* ==========================================================
   11. TITLES
   ========================================================== */

.page-ezeno
.card h3,
.page-ezeno
.service-card h3,
.page-ezeno
.ezeno-detail-card h3,
.page-ezeno
.ezeno-protection-card h3,
.page-ezeno
.ezeno-certificate h3{

    color:
        #332516 !important;

}


/* ==========================================================
   12. TEXT
   ========================================================== */

.page-ezeno
.card p,
.page-ezeno
.service-card p,
.page-ezeno
.ezeno-detail-card p,
.page-ezeno
.ezeno-protection-card p,
.page-ezeno
.ezeno-certificate p{

    color:
        #725B47 !important;

}


/* ==========================================================
   13. ICONS
   ========================================================== */

.page-ezeno
.service-icon{

    background:
        rgba(77,129,43,.09) !important;

    color:
        #4D812B !important;

    border:
        1px solid
        rgba(216,166,42,.25) !important;

}


/* ==========================================================
   14. CARE
   ========================================================== */

.page-ezeno
.ezeno-care{

    background:
        #FFF3D5 !important;

}


.page-ezeno
.ezeno-care-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:3px;

    background:

        linear-gradient(
            90deg,
            #4D812B,
            #D8A62A,
            #D71920
        ) !important;

}


/* ==========================================================
   15. INFORMATION
   ========================================================== */

.page-ezeno
.ezeno-information{

    background:
        #FFFFFF !important;

    border:
        1px solid
        rgba(216,166,42,.18) !important;

    border-radius:
        20px;

    overflow:hidden;

}


.page-ezeno
.ezeno-details-toggle{

    width:100%;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:20px 24px;

    border:0;

    background:
        #FFFFFF !important;

    color:
        #332516 !important;

    font:inherit;

    font-weight:700;

    cursor:pointer;

}


.page-ezeno
.ezeno-details-toggle
span:first-child{

    color:
        #332516 !important;

}


.page-ezeno
.ezeno-details-icon{

    width:32px;

    height:32px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:
        #4D812B !important;

    color:
        #FFFFFF !important;

}


.page-ezeno
.ezeno-information.active
.ezeno-details-icon{

    background:
        #D8A62A !important;

    color:
        #332516 !important;

}


/* ==========================================================
   16. ACCORDION
   ========================================================== */

.page-ezeno
.ezeno-details-content{

    display:grid;

    grid-template-rows:
        0fr;

    transition:
        grid-template-rows .45s ease;

}


.page-ezeno
.ezeno-information.active
.ezeno-details-content{

    grid-template-rows:
        1fr;

}


.page-ezeno
.ezeno-details-content
> div{

    min-height:0;

    overflow:hidden;

}


.page-ezeno
.ezeno-details-grid{

    display:grid;

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

    gap:20px;

    padding:
        0 24px 24px;

}


.page-ezeno
.ezeno-detail-card{

    padding:25px;

    background:
        #FFF9EE !important;

}


.page-ezeno
.ezeno-detail-card
.label{

    color:
        #D71920 !important;

}


.page-ezeno
.ezeno-detail-card-wide{

    grid-column:
        1 / -1;

}


/* ==========================================================
   17. DETAIL ITEMS
   ========================================================== */

.page-ezeno
.ezeno-detail-item{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-top:10px;

    color:
        #725B47 !important;

    font-size:
        14px;

}


.page-ezeno
.ezeno-detail-item
.icon-circle{

    width:22px;

    height:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    border-radius:50%;

    background:
        rgba(77,129,43,.10) !important;

    color:
        #4D812B !important;

}


/* ==========================================================
   18. BENEFITS
   ========================================================== */

.page-ezeno
.ezeno-benefits{

    background:
        #FFFFFF !important;

}


.page-ezeno
.ezeno-benefits
.section-title{

    color:
        #332516 !important;

}


.page-ezeno
.ezeno-benefits
.text{

    color:
        #725B47 !important;

}


.page-ezeno
.ezeno-benefits
.icon-item{

    color:
        #332516 !important;

}


.page-ezeno
.ezeno-benefits
.icon-circle{

    background:
        rgba(77,129,43,.10) !important;

    color:
        #4D812B !important;

}


.page-ezeno
.ezeno-benefit-note{

    padding:24px;

    border-radius:18px;

    background:
        #FFF9EE !important;

    border:
        1px solid
        rgba(216,166,42,.16);

}


/* ==========================================================
   19. BENEFIT IMAGE
   ========================================================== */

.page-ezeno
.ezeno-benefit-image{

    position:relative;

    min-height:480px;

    display:flex;

    align-items:center;

    justify-content:center;

}


.page-ezeno
.ezeno-benefit-image img{

    position:relative;

    z-index:2;

    width:100%;

    max-width:460px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 30px 45px
            rgba(51,37,22,.20)
        );

}


.page-ezeno
.ezeno-image-glow{

    position:absolute;

    width:340px;

    height:340px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(241,201,91,.28),
            rgba(77,129,43,.14),
            transparent 70%
        );

    filter:
        blur(25px);

}


/* ==========================================================
   20. INGREDIENTS
   ========================================================== */

.page-ezeno
.ezeno-ingredients{

    background:
        #FAF7ED !important;

}


.page-ezeno
.ezeno-ingredients
.bento-card{

    background:
        #FFFFFF !important;

}


.page-ezeno
.ezeno-ingredients
.bento-card h3{

    color:
        #332516 !important;

}


.page-ezeno
.ezeno-ingredients
.bento-card .text{

    color:
        #725B47 !important;

}


.page-ezeno
.ezeno-ingredients
.bento-card .label{

    color:
        #D71920 !important;

}


.page-ezeno
.ezeno-bento-symbol{

    position:absolute;

    right:25px;

    bottom:5px;

    font-size:110px;

    line-height:1;

    font-weight:900;

    color:
        rgba(77,129,43,.065) !important;

    pointer-events:none;

}


/* ==========================================================
   21. TECHNOLOGY
   ========================================================== */

.page-ezeno
.ezeno-technology{

    background:
        #FFF3D5 !important;

}


/* ==========================================================
   22. PROTECTION BENTO
   ========================================================== */

.page-ezeno
.ezeno-protection-bento{

    display:grid;

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

    gap:20px;

}


.page-ezeno
.ezeno-protection-card{

    padding:30px;

    text-align:center;

    border-radius:22px;

}


.page-ezeno
.protection-number{

    display:block;

    font-size:
        clamp(42px,6vw,70px);

    line-height:1;

    font-weight:900;

    color:
        #D8A62A !important;

}


.page-ezeno
.ezeno-protection-card h3{

    margin-top:15px;

}


.page-ezeno
.ezeno-protection-card .text{

    color:
        #725B47 !important;

}


/* ==========================================================
   23. CERTIFICATIONS
   ========================================================== */

.page-ezeno
.ezeno-certifications{

    background:
        #FAF7ED !important;

}


.page-ezeno
.ezeno-certification-grid{

    display:grid;

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

    gap:20px;

}


.page-ezeno
.ezeno-certificate{

    min-height:210px;

    padding:26px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

}


.page-ezeno
.ezeno-certificate-number{

    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:
        #D8A62A;

    color:
        #FFFFFF;

    font-weight:800;

}


.page-ezeno
.ezeno-certification-note{

    padding:24px;

    background:
        #FFFFFF !important;

    border:
        1px solid
        rgba(216,166,42,.15);

    border-radius:
        18px;

}


/* ==========================================================
   24. ROUTINE
   ========================================================== */

.page-ezeno
.ezeno-routine{

    background:
        #FFFFFF !important;

}


.page-ezeno
.ezeno-routine
.section-title{

    color:
        #332516 !important;

}


.page-ezeno
.ezeno-routine
.lead{

    color:
        #725B47 !important;

}


.page-ezeno
.ezeno-routine
.timeline-dot{

    background:
        #4D812B !important;

    color:
        #FFFFFF !important;

    border:
        3px solid
        #FFFFFF !important;

    box-shadow:
        0 0 0 2px
        rgba(216,166,42,.45) !important;

}


.page-ezeno
.ezeno-routine
.timeline-content{

    background:
        #FFF9EE !important;

    border:
        1px solid
        rgba(216,166,42,.15) !important;

}


.page-ezeno
.ezeno-routine
.timeline-content h3{

    color:
        #332516 !important;

}


.page-ezeno
.ezeno-routine
.timeline-content .text{

    color:
        #725B47 !important;

}


.page-ezeno
.ezeno-routine-note{

    padding:24px;

    border-radius:18px;

    background:
        rgba(77,129,43,.05) !important;

    border:
        1px solid
        rgba(77,129,43,.14);

}


/* ==========================================================
   25. EXPERIENCE
   ========================================================== */

.page-ezeno
.ezeno-experience{

    background:
        #FFF3D5 !important;

}


/* ==========================================================
   26. FAQ
   ========================================================== */

.page-ezeno
.ezeno-faq{

    background:
        #FAF7ED !important;

}


.page-ezeno
.ezeno-faq
.faq-item{

    background:
        #FFFFFF !important;

}


.page-ezeno
.ezeno-faq
.faq-question{

    background:
        #FFFFFF !important;

    color:
        #332516 !important;

}


.page-ezeno
.ezeno-faq
.faq-question span:first-child{

    color:
        #332516 !important;

}


.page-ezeno
.ezeno-faq
.faq-question span:last-child{

    color:
        #D71920 !important;

}


.page-ezeno
.ezeno-faq
.faq-answer p{

    color:
        #725B47 !important;

}


/* ==========================================================
   27. CTA
   ========================================================== */

.page-ezeno
.ezeno-cta{

    background:
        #FFFFFF !important;

}


.page-ezeno
.ezeno-cta
.showcase{

    background:

        radial-gradient(
            circle at 20% 20%,
            rgba(77,129,43,.13),
            transparent 28%
        ),

        radial-gradient(
            circle at 88% 10%,
            rgba(241,201,91,.20),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #332516,
            #8A5A24,
            #D8A62A
        ) !important;

}


.page-ezeno
.ezeno-cta
.section-title{

    color:
        #FFFFFF !important;

}


.page-ezeno
.ezeno-cta
.lead{

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

}


.page-ezeno
.ezeno-cta
.badge{

    color:
        #F1C95B !important;

}


.page-ezeno
.ezeno-cta
.btn-primary{

    background:

        linear-gradient(
            135deg,
            #D8A62A,
            #F1C95B
        ) !important;

    color:
        #332516 !important;

}


.page-ezeno
.ezeno-cta
.btn-glass{

    background:
        rgba(255,255,255,.08) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(255,255,255,.22) !important;

}


.page-ezeno
.ezeno-cta-disclaimer{

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

}


/* ==========================================================
   28. LINKS
   ========================================================== */

.page-ezeno a{

    color:
        #D71920 !important;

}


.page-ezeno a:hover{

    color:
        #4D812B !important;

}


/* ==========================================================
   29. RESPONSIVE
   ========================================================== */

@media (max-width:900px){

    .page-ezeno
    .ezeno-details-grid{

        grid-template-columns:
            1fr;

    }


    .page-ezeno
    .ezeno-detail-card-wide{

        grid-column:
            auto;

    }


    .page-ezeno
    .ezeno-certification-grid{

        grid-template-columns:
            1fr 1fr;

    }


    .page-ezeno
    .ezeno-protection-bento{

        grid-template-columns:
            1fr;

    }

}


@media (max-width:700px){

    .page-ezeno
    .ezeno-hero{

        min-height:auto;

        padding-top:100px;

        padding-bottom:80px;

    }


    .page-ezeno
    .hero-grid{

        grid-template-columns:
            1fr;

    }


    .page-ezeno
    .hero-content{

        text-align:center;

    }


    .page-ezeno
    .ezeno-hero-highlights{

        justify-content:center;

    }


    .page-ezeno
    .hero-visual{

        margin-top:35px;

    }


    .page-ezeno
    .ezeno-gold-ring{

        width:300px;

        height:300px;

    }


    .page-ezeno
    .ezeno-benefit-image{

        min-height:360px;

    }


    .page-ezeno
    .ezeno-certification-grid{

        grid-template-columns:
            1fr;

    }

}


@media (max-width:520px){

    .page-ezeno
    .ezeno-hero-highlights{

        display:grid;

        grid-template-columns:
            1fr 1fr;

        text-align:left;

    }


    .page-ezeno
    .ezeno-details-toggle{

        padding:18px;

        font-size:14px;

    }


    .page-ezeno
    .ezeno-details-grid{

        padding:
            0 16px 16px;

    }


    .page-ezeno
    .ezeno-detail-card{

        padding:20px;

    }


    .page-ezeno
    .ezeno-bento-symbol{

        font-size:80px;

    }

}


/* ==========================================================
   30. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion:reduce){

    .page-ezeno *,
    .page-ezeno *::before,
    .page-ezeno *::after{

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;

        scroll-behavior:
            auto !important;

    }

}

/* ==========================================================
   AD LIFESTYLE V2
   ZENBRU
   PAGE-SCOPED COMPONENT SYSTEM
   ========================================================== */


/* ==========================================================
   01. VARIABLES
   ========================================================== */

.page-zenbru{

    --zenbru-yellow:#F7C51E;
    --zenbru-gold:#F2A900;
    --zenbru-orange:#E87516;
    --zenbru-terracotta:#B9361C;

    --zenbru-coffee:#572512;
    --zenbru-dark:#32150B;
    --zenbru-caramel:#A95720;

    --zenbru-green:#557B28;

    --zenbru-cream:#FFF1C9;
    --zenbru-ivory:#FFF8E8;

    --zenbru-text:#32150B;
    --zenbru-muted:#76543F;

    --zenbru-surface:#FFFFFF;
    --zenbru-surface-soft:#FFF8E8;

    --zenbru-shadow:
        0 25px 65px
        rgba(50,21,11,.10);

}


/* ==========================================================
   02. ROOT
   ========================================================== */

.page-zenbru{

    position:relative;

    isolation:isolate;

    min-height:100vh;

    overflow:hidden;

    background:
        #FFF1C9 !important;

    color:
        #32150B !important;

}


/* ==========================================================
   03. TEXT
   ========================================================== */

.page-zenbru h1,
.page-zenbru h2,
.page-zenbru h3,
.page-zenbru h4,
.page-zenbru h5,
.page-zenbru h6{

    color:
        #32150B !important;

}


.page-zenbru p{

    color:
        #32150B !important;

}


.page-zenbru .text,
.page-zenbru .lead{

    color:
        #76543F !important;

}


.page-zenbru .label{

    color:
        #B9361C !important;

}


.page-zenbru .section-title{

    color:
        #32150B !important;

}


/* ==========================================================
   04. HERO
   ========================================================== */

.page-zenbru .zenbru-hero{

    background:

        radial-gradient(
            circle at 30% 30%,
            rgba(247,197,30,.24),
            transparent 28%
        ),

        radial-gradient(
            circle at 75% 25%,
            rgba(232,117,22,.28),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #32150B,
            #572512,
            #E87516
        ) !important;

}


.page-zenbru .zenbru-hero h1,
.page-zenbru .zenbru-hero h2,
.page-zenbru .zenbru-hero h3{

    color:
        #FFFFFF !important;

}


.page-zenbru .zenbru-hero .hero-sub{

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

}


.page-zenbru
.zenbru-hero
.hero-title
span{

    color:
        #F7C51E !important;

    background:none !important;

    -webkit-background-clip:
        initial !important;

    background-clip:
        initial !important;

    -webkit-text-fill-color:
        #F7C51E !important;

}


/* ==========================================================
   05. HERO BADGE
   ========================================================== */

.page-zenbru
.zenbru-hero
.badge{

    color:
        #F7C51E !important;

    background:
        rgba(247,197,30,.11) !important;

    border:
        1px solid
        rgba(247,197,30,.34) !important;

}


/* ==========================================================
   06. HERO HIGHLIGHTS
   ========================================================== */

.page-zenbru
.zenbru-hero-highlights{

    display:flex;

    flex-wrap:wrap;

    gap:10px 18px;

    margin-top:24px;

}


.page-zenbru
.zenbru-hero-highlights span{

    color:
        #FFFFFF !important;

    font-size:
        14px;

}


/* ==========================================================
   07. DISCLAIMER
   ========================================================== */

.page-zenbru
.zenbru-disclaimer{

    max-width:650px;

    margin-top:20px;

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

    font-size:
        12px;

    line-height:
        1.7;

}


/* ==========================================================
   08. PRODUCT
   ========================================================== */

.page-zenbru
.product-glow{

    background:

        radial-gradient(
            circle,
            rgba(247,197,30,.48),
            rgba(232,117,22,.23) 42%,
            transparent 72%
        ) !important;

}


.page-zenbru
.hero-product img{

    position:relative;

    z-index:3;

    width:100%;

    max-width:
        min(100%,520px);

    object-fit:contain;

    filter:
        drop-shadow(
            0 35px 55px
            rgba(50,21,11,.35)
        );

}


/* ==========================================================
   09. GOLD RING
   ========================================================== */

.page-zenbru
.zenbru-gold-ring{

    position:absolute;

    width:390px;

    height:390px;

    border-radius:50%;

    border:
        1px solid
        rgba(247,197,30,.50);

    box-shadow:

        0 0 50px
        rgba(247,197,30,.16),

        inset 0 0 35px
        rgba(247,197,30,.07);

    z-index:2;

}


/* ==========================================================
   10. CARDS
   ========================================================== */

.page-zenbru
.card,
.page-zenbru
.service-card,
.page-zenbru
.zenbru-ingredient-card,
.page-zenbru
.zenbru-detail-card,
.page-zenbru
.zenbru-experience-card,
.page-zenbru
.faq-item{

    background:
        #FFFFFF !important;

    color:
        #32150B !important;

    border:
        1px solid
        rgba(232,117,22,.17) !important;

    box-shadow:
        var(--zenbru-shadow);

}


/* ==========================================================
   11. CARD TITLES
   ========================================================== */

.page-zenbru
.card h3,
.page-zenbru
.service-card h3,
.page-zenbru
.zenbru-detail-card h3{

    color:
        #32150B !important;

}


/* ==========================================================
   12. CARD TEXT
   ========================================================== */

.page-zenbru
.card p,
.page-zenbru
.service-card p,
.page-zenbru
.zenbru-detail-card p{

    color:
        #76543F !important;

}


/* ==========================================================
   13. SERVICE ICON
   ========================================================== */

.page-zenbru
.service-icon{

    background:
        rgba(247,197,30,.10) !important;

    color:
        #B9361C !important;

    border:
        1px solid
        rgba(247,197,30,.28) !important;

}


/* ==========================================================
   14. COMPOSITION
   ========================================================== */

.page-zenbru
.zenbru-composition{

    background:
        #FFF1C9 !important;

}


.page-zenbru
.zenbru-ingredient-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:3px;

    background:

        linear-gradient(
            90deg,
            #557B28,
            #F7C51E,
            #E87516,
            #B9361C
        ) !important;

}


/* ==========================================================
   15. INFORMATION
   ========================================================== */

.page-zenbru
.zenbru-information{

    background:
        #FFFFFF !important;

    border:
        1px solid
        rgba(232,117,22,.16) !important;

    border-radius:
        20px;

    overflow:hidden;

}


.page-zenbru
.zenbru-details-toggle{

    width:100%;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:20px 24px;

    border:0;

    background:
        #FFFFFF !important;

    color:
        #32150B !important;

    font:inherit;

    font-weight:700;

    cursor:pointer;

}


.page-zenbru
.zenbru-details-toggle
span:first-child{

    color:
        #32150B !important;

}


.page-zenbru
.zenbru-details-icon{

    width:32px;

    height:32px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:
        #B9361C !important;

    color:
        #FFFFFF !important;

}


.page-zenbru
.zenbru-more-information.active
.zenbru-details-icon,
.page-zenbru
.zenbru-information.active
.zenbru-details-icon{

    background:
        #F7C51E !important;

    color:
        #32150B !important;

}


/* ==========================================================
   16. ACCORDION
   ========================================================== */

.page-zenbru
.zenbru-details-content{

    display:grid;

    grid-template-rows:
        0fr;

    transition:
        grid-template-rows .45s ease;

}


.page-zenbru
.zenbru-information.active
.zenbru-details-content{

    grid-template-rows:
        1fr;

}


.page-zenbru
.zenbru-details-content
> div{

    min-height:0;

    overflow:hidden;

}


.page-zenbru
.zenbru-details-grid{

    display:grid;

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

    gap:20px;

    padding:
        0 24px 24px;

}


.page-zenbru
.zenbru-detail-card{

    padding:25px;

    background:
        #FFF8E8 !important;

}


.page-zenbru
.zenbru-detail-card
.label{

    color:
        #B9361C !important;

}


.page-zenbru
.zenbru-detail-card-wide{

    grid-column:
        1 / -1;

}


/* ==========================================================
   17. DETAIL ITEMS
   ========================================================== */

.page-zenbru
.zenbru-detail-item{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-top:10px;

    color:
        #76543F !important;

    font-size:
        14px;

}


.page-zenbru
.zenbru-detail-item
.icon-circle{

    width:22px;

    height:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    border-radius:50%;

    background:
        rgba(85,123,40,.10) !important;

    color:
        #557B28 !important;

}


/* ==========================================================
   18. BENEFITS
   ========================================================== */

.page-zenbru
.zenbru-benefits{

    background:
        #FFFFFF !important;

}


.page-zenbru
.zenbru-benefits
.section-title{

    color:
        #32150B !important;

}


.page-zenbru
.zenbru-benefits
.text{

    color:
        #76543F !important;

}


.page-zenbru
.zenbru-benefits
.icon-item{

    color:
        #32150B !important;

}


.page-zenbru
.zenbru-benefits
.icon-circle{

    background:
        rgba(85,123,40,.10) !important;

    color:
        #557B28 !important;

}


/* ==========================================================
   19. BENEFIT IMAGE
   ========================================================== */

.page-zenbru
.zenbru-benefit-image{

    position:relative;

    min-height:480px;

    display:flex;

    align-items:center;

    justify-content:center;

}


.page-zenbru
.zenbru-benefit-image img{

    position:relative;

    z-index:2;

    width:100%;

    max-width:460px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 30px 45px
            rgba(50,21,11,.22)
        );

}


.page-zenbru
.zenbru-image-glow{

    position:absolute;

    width:340px;

    height:340px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(247,197,30,.30),
            rgba(232,117,22,.15),
            transparent 70%
        );

    filter:
        blur(25px);

}


/* ==========================================================
   20. ORIGINS
   ========================================================== */

.page-zenbru
.zenbru-origins{

    background:
        #FFF8E8 !important;

}


.page-zenbru
.zenbru-origins
.bento-card{

    background:
        #FFFFFF !important;

}


.page-zenbru
.zenbru-origins
.bento-card h3{

    color:
        #32150B !important;

}


.page-zenbru
.zenbru-origins
.bento-card .text{

    color:
        #76543F !important;

}


.page-zenbru
.zenbru-origins
.bento-card .label{

    color:
        #B9361C !important;

}


.page-zenbru
.zenbru-origin-symbol{

    position:absolute;

    right:20px;

    bottom:8px;

    font-size:100px;

    line-height:1;

    font-weight:900;

    color:
        rgba(232,117,22,.07) !important;

    pointer-events:none;

}


/* ==========================================================
   21. EXPERIENCE
   ========================================================== */

.page-zenbru
.zenbru-experience{

    background:
        #FFF1C9 !important;

}


/* ==========================================================
   22. PREPARATION
   ========================================================== */

.page-zenbru
.zenbru-preparation{

    background:
        #FFFFFF !important;

}


.page-zenbru
.zenbru-preparation
.section-title{

    color:
        #32150B !important;

}


.page-zenbru
.zenbru-preparation
.lead{

    color:
        #76543F !important;

}


.page-zenbru
.zenbru-preparation
.timeline-dot{

    background:
        #B9361C !important;

    color:
        #FFFFFF !important;

    border:
        3px solid
        #FFFFFF !important;

    box-shadow:
        0 0 0 2px
        rgba(247,197,30,.45) !important;

}


.page-zenbru
.zenbru-preparation
.timeline-content{

    background:
        #FFF8E8 !important;

    border:
        1px solid
        rgba(232,117,22,.15) !important;

}


.page-zenbru
.zenbru-preparation
.timeline-content h3{

    color:
        #32150B !important;

}


.page-zenbru
.zenbru-preparation
.timeline-content .text{

    color:
        #76543F !important;

}


.page-zenbru
.zenbru-preparation-note{

    padding:24px;

    border-radius:18px;

    background:
        rgba(247,197,30,.07) !important;

    border:
        1px solid
        rgba(247,197,30,.18);

}


/* ==========================================================
   23. FAQ
   ========================================================== */

.page-zenbru
.zenbru-faq{

    background:
        #FFF8E8 !important;

}


.page-zenbru
.zenbru-faq
.faq-item{

    background:
        #FFFFFF !important;

}


.page-zenbru
.zenbru-faq
.faq-question{

    background:
        #FFFFFF !important;

    color:
        #32150B !important;

}


.page-zenbru
.zenbru-faq
.faq-question span:first-child{

    color:
        #32150B !important;

}


.page-zenbru
.zenbru-faq
.faq-question span:last-child{

    color:
        #B9361C !important;

}


.page-zenbru
.zenbru-faq
.faq-answer p{

    color:
        #76543F !important;

}


/* ==========================================================
   24. CTA
   ========================================================== */

.page-zenbru
.zenbru-cta{

    background:
        #FFFFFF !important;

}


.page-zenbru
.zenbru-cta
.showcase{

    background:

        radial-gradient(
            circle at 20% 20%,
            rgba(247,197,30,.16),
            transparent 28%
        ),

        radial-gradient(
            circle at 85% 10%,
            rgba(85,123,40,.10),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #32150B,
            #572512,
            #E87516
        ) !important;

}


.page-zenbru
.zenbru-cta
.section-title{

    color:
        #FFFFFF !important;

}


.page-zenbru
.zenbru-cta
.lead{

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

}


.page-zenbru
.zenbru-cta
.badge{

    color:
        #F7C51E !important;

}


.page-zenbru
.zenbru-cta
.btn-primary{

    background:

        linear-gradient(
            135deg,
            #F7C51E,
            #F2A900
        ) !important;

    color:
        #32150B !important;

}


.page-zenbru
.zenbru-cta
.btn-glass{

    background:
        rgba(255,255,255,.08) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(255,255,255,.22) !important;

}


.page-zenbru
.zenbru-cta-disclaimer{

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

}


/* ==========================================================
   25. LINKS
   ========================================================== */

.page-zenbru a{

    color:
        #B9361C !important;

}


.page-zenbru a:hover{

    color:
        #557B28 !important;

}


/* ==========================================================
   26. RESPONSIVE
   ========================================================== */

@media (max-width:900px){

    .page-zenbru
    .zenbru-details-grid{

        grid-template-columns:
            1fr;

    }


    .page-zenbru
    .zenbru-detail-card-wide{

        grid-column:
            auto;

    }

}


@media (max-width:700px){

    .page-zenbru
    .zenbru-hero{

        min-height:auto;

        padding-top:100px;

        padding-bottom:80px;

    }


    .page-zenbru
    .hero-grid{

        grid-template-columns:
            1fr;

    }


    .page-zenbru
    .hero-content{

        text-align:center;

    }


    .page-zenbru
    .zenbru-hero-highlights{

        justify-content:center;

    }


    .page-zenbru
    .hero-visual{

        margin-top:35px;

    }


    .page-zenbru
    .zenbru-gold-ring{

        width:300px;

        height:300px;

    }


    .page-zenbru
    .zenbru-benefit-image{

        min-height:360px;

    }

}


@media (max-width:520px){

    .page-zenbru
    .zenbru-hero-highlights{

        display:grid;

        grid-template-columns:
            1fr 1fr;

        text-align:left;

    }


    .page-zenbru
    .zenbru-details-toggle{

        padding:18px;

        font-size:14px;

    }


    .page-zenbru
    .zenbru-details-grid{

        padding:
            0 16px 16px;

    }


    .page-zenbru
    .zenbru-detail-card{

        padding:20px;

    }


    .page-zenbru
    .zenbru-origin-symbol{

        font-size:70px;

    }

}


/* ==========================================================
   27. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion:reduce){

    .page-zenbru *,
    .page-zenbru *::before,
    .page-zenbru *::after{

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;

        scroll-behavior:
            auto !important;

    }

}
/* ==========================================================
   AD LIFESTYLE V2
   ISMART S3 — PREMIUM PRODUCT PAGE
   Modelo visual inspirado na página AlphaMeta
   ========================================================== */

.page-ismarts3{

    --ismart-white:#FFFFFF;
    --ismart-ice:#D6E5F0;
    --ismart-mist:#EFF5F9;
    --ismart-soft:#F6F9FB;
    --ismart-blue:#3D607C;
    --ismart-steel:#7894B0;
    --ismart-deep:#1A2C3B;
    --ismart-graphite:#202B34;
    --ismart-green:#39D353;
    --ismart-green-light:#78E08D;
    --ismart-green-dark:#177842;
    --ismart-text:#344757;
    --ismart-muted:#6C7C89;
    --ismart-line:rgba(57,91,119,.13);
    --ismart-shadow:0 24px 78px rgba(24,42,58,.10);
    --ismart-shadow-heavy:0 32px 90px rgba(11,24,34,.24);
    --ismart-radius:32px;
    --ismart-radius-sm:21px;

    color:var(--ismart-text);
    background:var(--ismart-white);

    font-family:
        Inter,
        "Avenir Next",
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

.page-ismarts3 *{
    box-sizing:border-box;
}

.page-ismarts3 button,
.page-ismarts3 input,
.page-ismarts3 textarea,
.page-ismarts3 select{
    font:inherit;
}

.page-ismarts3 img{
    display:block;
    max-width:100%;
}

.page-ismarts3 p{
    margin:0;
}

/* ==========================================================
   COMMON TYPE
   ========================================================== */

.page-ismarts3 .section-title{

    max-width:920px;
    margin:0;

    font-size:clamp(2.25rem,4.9vw,4.65rem);
    line-height:.98;
    letter-spacing:-.055em;
    font-weight:900;

    color:var(--ismart-deep) !important;
}

.page-ismarts3 .section-title span{
    display:block;
    margin-top:.08em;
    color:var(--ismart-steel) !important;
}

.page-ismarts3 .lead{

    max-width:760px;
    margin-top:22px;

    color:#647584 !important;
    font-size:1.04rem;
    line-height:1.82;
}

.page-ismarts3 .section-center{
    max-width:940px;
    margin-inline:auto;
    text-align:center;
}

.page-ismarts3 .label,
.page-ismarts3 .eyebrow{

    color:var(--ismart-green-dark) !important;

    font-size:.69rem;
    font-weight:900;
    letter-spacing:.20em;
    text-transform:uppercase;
}

.page-ismarts3 .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:17px;
}

.page-ismarts3 .eyebrow::before{
    content:"";
    width:28px;
    height:1px;
    background:currentColor;
    opacity:.65;
}

.page-ismarts3 .ismarts3-section-heading{
    max-width:900px;
    margin:0 auto;
}

.page-ismarts3 .ismarts3-section-heading h2{

    margin:0;

    color:var(--ismart-deep);
    font-size:clamp(2.3rem,4.9vw,4.7rem);
    line-height:.98;
    letter-spacing:-.055em;
    font-weight:900;
}

.page-ismarts3 .ismarts3-section-heading h2 span{
    display:block;
    color:var(--ismart-steel);
}

.page-ismarts3 .ismarts3-section-heading p{

    max-width:760px;
    margin-top:20px;

    color:#697B89;
    font-size:1rem;
    line-height:1.82;
}

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

.page-ismarts3 .btn{

    width:auto !important;
    min-height:49px;

    padding:0 20px !important;

    border-radius:14px !important;

    font-size:.82rem !important;
    font-weight:850 !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.page-ismarts3 .btn:hover{
    transform:translateY(-2px);
}

.page-ismarts3 .btn-primary{

    border:1px solid transparent !important;

    background:
        linear-gradient(
            135deg,
            var(--ismart-deep),
            var(--ismart-blue)
        ) !important;

    color:#FFFFFF !important;

    box-shadow:
        0 14px 30px rgba(24,42,58,.20);
}

.page-ismarts3 .btn-glass{

    border:1px solid rgba(24,42,58,.14) !important;

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

    color:var(--ismart-deep) !important;
}

/* ==========================================================
   COMPACT VER MAIS
   ========================================================== */

.page-ismarts3 .ismarts3-more-wrap{
    margin-top:21px;
}

.page-ismarts3 .ismarts3-more-toggle{

    display:inline-flex;
    width:max-content !important;
    max-width:100%;
    min-height:40px;

    align-items:center;
    justify-content:center;
    gap:9px;

    padding:0 14px !important;

    border:1px solid rgba(57,91,119,.15) !important;
    border-radius:999px !important;

    background:rgba(255,255,255,.68) !important;
    color:var(--ismart-blue) !important;

    box-shadow:none !important;

    font-size:.70rem !important;
    font-weight:900 !important;
}

.page-ismarts3 .ismarts3-more-toggle:hover{
    background:#FFFFFF !important;
}

.page-ismarts3 .ismarts3-more-toggle i{

    font-style:normal;
    font-size:1rem;
    line-height:1;

    transition:transform .25s ease;
}

.page-ismarts3 .ismarts3-more-toggle.active i{
    transform:rotate(45deg);
}

.page-ismarts3 .ismarts3-more-panel{

    max-height:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;

    transition:
        max-height .55s cubic-bezier(.22,.61,.36,1),
        opacity .30s ease,
        visibility 0s linear .55s;
}

.page-ismarts3 .ismarts3-more-panel.active{

    opacity:1;
    visibility:visible;

    transition:
        max-height .58s cubic-bezier(.22,.61,.36,1),
        opacity .35s ease,
        visibility 0s linear 0s;
}

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

.page-ismarts3 .ismarts3-hero{

    position:relative;
    min-height:min(860px,92vh);

    display:flex;
    align-items:center;

    overflow:hidden;
    isolation:isolate;

    background:
        radial-gradient(
            circle at 18% 18%,
            rgba(201,217,233,.78),
            transparent 33%
        ),
        radial-gradient(
            circle at 82% 32%,
            rgba(57,211,83,.11),
            transparent 26%
        ),
        linear-gradient(
            135deg,
            #FFFFFF,
            #F1F7FA 54%,
            #DBE9F2
        );
}

.page-ismarts3 .ismarts3-hero::before{

    content:"";
    position:absolute;
    inset:0;
    z-index:-2;

    background:
        linear-gradient(
            rgba(57,91,119,.027) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57,91,119,.027) 1px,
            transparent 1px
        );

    background-size:52px 52px;

    mask-image:
        linear-gradient(
            to bottom,
            #000,
            transparent 88%
        );
}

.page-ismarts3 .ismarts3-hero-atmosphere{
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
}

.page-ismarts3 .ismarts3-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(70px);
}

.page-ismarts3 .ismarts3-orb-1{

    width:460px;
    height:460px;
    left:-190px;
    top:-170px;

    background:rgba(120,148,176,.18);

    animation:
        ismartsFloatOne
        14s
        ease-in-out
        infinite;
}

.page-ismarts3 .ismarts3-orb-2{

    width:390px;
    height:390px;
    right:-100px;
    top:10%;

    background:rgba(57,211,83,.10);

    animation:
        ismartsFloatTwo
        17s
        ease-in-out
        infinite;
}

.page-ismarts3 .ismarts3-orbit{

    position:absolute;
    border-radius:50%;
    border:1px solid rgba(57,91,119,.10);
}

.page-ismarts3 .ismarts3-orbit-1{

    width:500px;
    height:500px;
    right:4%;
    top:7%;

    transform:rotate(20deg) scaleY(.58);

    animation:
        ismartsOrbit
        28s
        linear
        infinite;
}

.page-ismarts3 .ismarts3-orbit-2{

    width:640px;
    height:640px;
    right:-5%;
    top:-7%;

    transform:rotate(-15deg) scaleY(.58);

    border-color:rgba(57,211,83,.10);

    animation:
        ismartsOrbit
        38s
        linear
        infinite reverse;
}

.page-ismarts3 .ismarts3-hero-grid{

    position:relative;
    z-index:2;

    width:100%;

    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);
    gap:48px;
    align-items:center;

    padding-block:82px 72px;
}

.page-ismarts3 .ismarts3-hero-copy{
    max-width:680px;
}

.page-ismarts3 .ismarts3-hero-copy .ismarts3-eyebrow{
    margin-bottom:18px;
}

.page-ismarts3 .ismarts3-hero-copy h1{

    margin:0;

    color:var(--ismart-deep);

    font-size:
        clamp(
            4rem,
            8vw,
            7.8rem
        );

    line-height:.82;
    letter-spacing:-.075em;
    font-weight:900;
}

.page-ismarts3 .ismarts3-hero-copy h1 span{

    display:block;

    background:
        linear-gradient(
            100deg,
            var(--ismart-deep),
            var(--ismart-steel) 50%,
            var(--ismart-green-dark)
        );

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.page-ismarts3 .ismarts3-hero-description{

    max-width:620px;
    margin-top:26px;

    color:#5F7180;
    font-size:1.08rem;
    line-height:1.82;
}

.page-ismarts3 .ismarts3-hero-pills{

    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:23px;
}

.page-ismarts3 .ismarts3-hero-pill{

    min-height:34px;
    display:inline-flex;
    align-items:center;

    padding:0 12px;

    border:1px solid rgba(57,91,119,.11);
    border-radius:999px;

    background:rgba(255,255,255,.62);
    color:var(--ismart-blue);

    font-size:.65rem;
    font-weight:850;
}

.page-ismarts3 .ismarts3-hero-actions{

    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

.page-ismarts3 .ismarts3-hero-product{

    position:relative;
    min-height:610px;

    display:grid;
    place-items:center;
}

.page-ismarts3 .ismarts3-product-aura{

    position:absolute;
    width:70%;
    aspect-ratio:1;
    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(57,211,83,.14),
            rgba(120,148,176,.08) 32%,
            transparent 70%
        );

    filter:blur(10px);

    animation:
        ismartsPulse
        5.8s
        ease-in-out
        infinite;
}

.page-ismarts3 .ismarts3-product-ring{

    position:absolute;
    width:78%;
    aspect-ratio:1;
    border-radius:50%;

    border:1px solid rgba(120,148,176,.18);

    box-shadow:
        0 0 0 32px rgba(201,217,233,.08),
        0 0 0 66px rgba(201,217,233,.045);
}

.page-ismarts3 .ismarts3-product-grid{

    position:relative;
    z-index:5;

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

    width:100%;
    min-height:540px;
}

/* ==========================================================
   IMAGE RULE — MESMO PRINCÍPIO DA ALPHAMETA
   ========================================================== */

.page-ismarts3 .ismarts3-product-grid img {

    position:relative;
    z-index:5;
    display:block;

    width:auto;
    height:auto;

    max-width:430px;
    max-height:550px;

    object-fit:contain;
    object-position:center;

    opacity:1 !important;

    filter:
        drop-shadow(
            0 26px 38px
            rgba(0,0,0,.17)
        ) !important;

    transform:translate3d(0,0,0);

    backface-visibility:hidden;
    image-rendering:auto;
}

.page-ismarts3 .ismarts3-product-grid.image-error::after{

    content:
        "Imagem não encontrada — verificar caminho do ficheiro";

    position:absolute;
    left:50%;
    bottom:28px;
    transform:translateX(-50%);

    width:max-content;
    max-width:84%;

    padding:8px 11px;

    border-radius:999px;

    background:rgba(255,255,255,.88);
    border:1px solid rgba(57,91,119,.11);

    color:#71818D;
    font-size:.59rem;
    font-weight:800;
    text-align:center;
}

.page-ismarts3 .ismarts3-product-caption{

    position:absolute;
    right:4%;
    bottom:6%;
    z-index:7;

    display:flex;
    flex-direction:column;
    gap:2px;

    padding:9px 12px;

    border:1px solid rgba(24,42,58,.10);
    border-radius:999px;

    background:rgba(255,255,255,.52);
    backdrop-filter:blur(12px);
}

.page-ismarts3 .ismarts3-product-caption strong{
    color:var(--ismart-deep);
    font-size:.66rem;
    letter-spacing:.14em;
}

.page-ismarts3 .ismarts3-product-caption span{
    color:var(--ismart-steel);
    font-size:.54rem;
    font-weight:850;
    letter-spacing:.13em;
}

/* ==========================================================
   OVERVIEW
   ========================================================== */

.page-ismarts3 .ismarts3-overview-section{
    background:linear-gradient(180deg,#FFFFFF,#F7FAFC);
}

.page-ismarts3 .ismarts3-overview-grid{

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:46px;
}

.page-ismarts3 .ismarts3-overview-card{

    min-height:240px;
    padding:24px;

    border:1px solid var(--ismart-line);
    border-radius:24px;

    background:#FFFFFF;
    box-shadow:0 14px 42px rgba(24,42,58,.06);
}

.page-ismarts3 .ismarts3-card-number{

    display:block;
    color:rgba(57,91,119,.19);
    font-size:.67rem;
    font-weight:900;
    letter-spacing:.14em;
}

.page-ismarts3 .ismarts3-card-icon{

    width:40px;
    height:40px;

    display:grid;
    place-items:center;

    margin-top:19px;

    border-radius:13px;
    background:#EDF4F8;

    color:var(--ismart-blue);
    font-weight:900;
}

.page-ismarts3 .ismarts3-overview-card h3{

    margin-top:21px;
    color:var(--ismart-deep);
    font-size:1.15rem;
    line-height:1.15;
    letter-spacing:-.02em;
}

.page-ismarts3 .ismarts3-overview-card p{

    margin-top:9px;
    color:#74828F;
    font-size:.81rem;
    line-height:1.7;
}

.page-ismarts3 .ismarts3-overview-note{

    margin-top:19px;
    padding:18px 20px;

    border:1px solid var(--ismart-line);
    border-radius:18px;

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

.page-ismarts3 .ismarts3-overview-note strong{
    color:var(--ismart-deep);
    font-size:.83rem;
}

.page-ismarts3 .ismarts3-overview-note p{
    margin-top:4px;
    color:#778692;
    font-size:.74rem;
    line-height:1.65;
}

/* ==========================================================
   COMPOSITION
   ========================================================== */

.page-ismarts3 .ismarts3-composition{
    background:#FFFFFF;
}

.page-ismarts3 .ismarts3-composition-grid{

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:15px;
    margin-top:46px;
}

.page-ismarts3 .ismarts3-composition-card{

    min-height:290px;
    padding:25px;

    border:1px solid var(--ismart-line);
    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F2F7FA
        );

    box-shadow:0 18px 50px rgba(24,42,58,.07);
}

.page-ismarts3 .ismarts3-composition-number{

    color:rgba(57,91,119,.16);
    font-size:.65rem;
    font-weight:900;
    letter-spacing:.17em;
}

.page-ismarts3 .ismarts3-composition-symbol{

    width:46px;
    height:46px;

    display:grid;
    place-items:center;

    margin-top:24px;

    border-radius:15px;

    background:#EAF2F7;
    color:var(--ismart-blue);

    font-size:1.12rem;
    font-weight:900;
}

.page-ismarts3 .ismarts3-composition-label{

    display:block;
    margin-top:27px;

    color:var(--ismart-green-dark);
    font-size:.61rem;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.page-ismarts3 .ismarts3-composition-card h3{

    margin-top:7px;
    color:var(--ismart-deep);
    font-size:1.18rem;
    line-height:1.12;
}

.page-ismarts3 .ismarts3-composition-card p{

    margin-top:9px;
    color:#778692;
    font-size:.80rem;
    line-height:1.69;
}

.page-ismarts3 .ismarts3-detail-grid{

    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:16px;
}

.page-ismarts3 .ismarts3-detail-card{

    padding:23px;

    border:1px solid var(--ismart-line);
    border-radius:21px;
    background:#F7FAFC;
}

.page-ismarts3 .ismarts3-detail-card h3{

    margin-top:11px;
    color:var(--ismart-deep);
    font-size:1.12rem;
}

.page-ismarts3 .ismarts3-detail-card p{

    margin-top:7px;
    color:#768591;
    font-size:.82rem;
    line-height:1.68;
}

/* ==========================================================
   BENEFITS
   ========================================================== */

.page-ismarts3 .ismarts3-benefits{
    background:#F6F9FB;
}

.page-ismarts3 .ismarts3-benefits-grid{

    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:64px;
    align-items:center;
}

.page-ismarts3 .ismarts3-benefits-frame{

    position:relative;
    min-height:560px;

    display:grid;
    place-items:center;

    overflow:hidden;
    border-radius:34px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(57,211,83,.10),
            rgba(201,217,233,.24) 36%,
            transparent 70%
        ),
        linear-gradient(145deg,#FFFFFF,#E9F1F5);

    box-shadow:var(--ismart-shadow);
}

.page-ismarts3 .ismarts3-benefits-aura{

    position:absolute;
    width:76%;
    aspect-ratio:1;
    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.96),
            transparent 68%
        );
}

.page-ismarts3 .ismarts3-benefits-ring{

    position:absolute;
    width:64%;
    aspect-ratio:1;
    border-radius:50%;
    border:1px solid rgba(120,148,176,.17);
}

.page-ismarts3 .ismarts3-benefits-frame img{

    position:relative;
    z-index:3;

    width:auto;
    max-width:430px;
    max-height:500px;
    object-fit:contain;

    filter:
        drop-shadow(
            0 26px 38px
            rgba(0,0,0,.17)
        );
}

.page-ismarts3 .ismarts3-benefit-checks{

    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:28px;
}

.page-ismarts3 .ismarts3-benefit-check{

    display:flex;
    align-items:center;
    gap:10px;
}

.page-ismarts3 .ismarts3-benefit-check > span{

    width:27px;
    height:27px;
    flex:0 0 27px;

    display:grid;
    place-items:center;

    border-radius:50%;
    background:rgba(57,211,83,.12);
    color:var(--ismart-green-dark);

    font-size:.74rem;
    font-weight:900;
}

.page-ismarts3 .ismarts3-benefit-check p{

    color:#516777;
    font-size:.86rem;
    line-height:1.5;
}

/* ==========================================================
   PRODUCTS
   ========================================================== */

.page-ismarts3 .ismarts3-product-section{
    background:#FFFFFF;
}

.page-ismarts3 .ismarts3-product-detail-grid{

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    margin-top:46px;
}

.page-ismarts3 .ismarts3-product-card{

    overflow:hidden;

    border:1px solid var(--ismart-line);
    border-radius:31px;
    background:#FFFFFF;
    box-shadow:var(--ismart-shadow);
}

.page-ismarts3 .ismarts3-product-card.is-reverse{
    background:linear-gradient(145deg,#FFFFFF,#EEF7F1);
}

.page-ismarts3 .ismarts3-product-card-visual{

    position:relative;
    min-height:460px;

    display:grid;
    place-items:center;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% 44%,
            rgba(201,217,233,.55),
            transparent 48%
        ),
        linear-gradient(145deg,#F7FBFD,#E7F0F5);
}

.page-ismarts3 .ismarts3-product-card.is-reverse .ismarts3-product-card-visual{

    background:
        radial-gradient(
            circle at 50% 44%,
            rgba(57,211,83,.10),
            transparent 48%
        ),
        linear-gradient(145deg,#F7FCF9,#E7F1EA);
}

.page-ismarts3 .ismarts3-detail-aura{

    position:absolute;
    width:76%;
    aspect-ratio:1;
    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.76),
            transparent 66%
        );
}

.page-ismarts3 .ismarts3-detail-ring{

    position:absolute;
    width:68%;
    aspect-ratio:1;
    border-radius:50%;

    border:1px solid rgba(120,148,176,.14);

    box-shadow:
        0 0 0 28px rgba(201,217,233,.065);
}

.page-ismarts3 .ismarts3-product-card-visual .ismarts3-product-grid{
    min-height:420px;
}

.page-ismarts3 .ismarts3-product-card-visual .ismarts3-product-grid img{

    max-width:430px;
    max-height:440px;

    filter:
        drop-shadow(
            0 26px 38px
            rgba(0,0,0,.17)
        ) !important;
}

.page-ismarts3 .ismarts3-detail-caption{

    position:absolute;
    right:20px;
    bottom:18px;
    z-index:7;

    color:rgba(57,91,119,.56);
    font-size:.61rem;
    font-weight:900;
    letter-spacing:.16em;
}

.page-ismarts3 .ismarts3-product-card-copy{
    padding:36px 34px 38px;
}

.page-ismarts3 .ismarts3-product-card-copy h3{

    margin-top:12px;

    color:var(--ismart-deep);
    font-size:2rem;
    line-height:1;
    letter-spacing:-.04em;
    font-weight:900;
}

.page-ismarts3 .ismarts3-product-card-copy h3 span{
    display:block;
    margin-top:6px;
    color:var(--ismart-steel);
}

.page-ismarts3 .ismarts3-product-card-copy > p{

    margin-top:18px;
    color:#687987;
    font-size:.91rem;
    line-height:1.76;
}

.page-ismarts3 .ismarts3-product-spec-list{

    display:flex;
    flex-direction:column;
    gap:11px;
    margin-top:25px;
}

.page-ismarts3 .ismarts3-product-spec{

    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:15px;

    padding-bottom:10px;
    border-bottom:1px solid rgba(57,91,119,.09);
}

.page-ismarts3 .ismarts3-product-spec span{
    color:#8897A2;
    font-size:.65rem;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.page-ismarts3 .ismarts3-product-spec strong{
    color:var(--ismart-deep);
    font-size:.78rem;
    text-align:right;
}

.page-ismarts3 .ismarts3-detail-list{

    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:15px;
    padding:16px;

    border:1px solid rgba(57,91,119,.09);
    border-radius:16px;
    background:#F6FAFC;
}

.page-ismarts3 .ismarts3-detail-item{
    display:flex;
    gap:9px;
    align-items:flex-start;
}

.page-ismarts3 .ismarts3-check{
    flex:0 0 22px;
    width:22px;
    height:22px;

    display:grid;
    place-items:center;

    border-radius:50%;
    background:rgba(57,211,83,.11);
    color:var(--ismart-green-dark);

    font-size:.62rem;
    font-weight:900;
}

.page-ismarts3 .ismarts3-detail-item > span:last-child{
    color:#73828E;
    font-size:.76rem;
    line-height:1.58;
}

.page-ismarts3 .ismarts3-card-buy{
    margin-top:22px;
}

/* ==========================================================
   SLEEP
   ========================================================== */

.page-ismarts3 .ismarts3-sleep-section{

    background:
        radial-gradient(
            circle at 88% 18%,
            rgba(57,211,83,.08),
            transparent 25%
        ),
        linear-gradient(135deg,#12202A,#1E3547);
}

.page-ismarts3 .ismarts3-sleep-section .ismarts3-section-heading h2,
.page-ismarts3 .ismarts3-sleep-section .ismarts3-section-heading p{
    color:#FFFFFF;
}

.page-ismarts3 .ismarts3-sleep-section .ismarts3-section-heading h2 span{
    color:var(--ismart-ice);
}

.page-ismarts3 .ismarts3-sleep-section .eyebrow{
    color:var(--ismart-green-light) !important;
}

.page-ismarts3 .ismarts3-sleep-section .ismarts3-section-heading p{
    color:#C8D5DE;
}

.page-ismarts3 .ismarts3-sleep-grid{

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-top:44px;
}

.page-ismarts3 .ismarts3-sleep-card{

    min-height:320px;
    padding:30px;

    border:1px solid rgba(255,255,255,.09);
    border-radius:27px;

    background:rgba(255,255,255,.05);
    backdrop-filter:blur(15px);
}

.page-ismarts3 .ismarts3-sleep-label{

    display:inline-flex;
    min-height:30px;
    align-items:center;
    padding:0 10px;

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

    color:#DDE8EF;
    font-size:.62rem;
    font-weight:900;
    letter-spacing:.13em;
}

.page-ismarts3 .ismarts3-sleep-card h3{

    margin-top:38px;
    color:#FFFFFF;
    font-size:1.95rem;
    line-height:1;
    letter-spacing:-.035em;
}

.page-ismarts3 .ismarts3-check-list{
    display:flex;
    flex-direction:column;
    gap:13px;
    margin-top:26px;
}

.page-ismarts3 .ismarts3-sleep-card .ismarts3-check-item{
    color:#E5EDF2;
}

.page-ismarts3 .ismarts3-sleep-card .ismarts3-check-item strong{
    color:inherit;
    font-size:.84rem;
}

/* ==========================================================
   CIRCULATION
   ========================================================== */

.page-ismarts3 .ismarts3-circulation{
    background:#FFFFFF;
}

.page-ismarts3 .ismarts3-circulation-grid{

    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:64px;
    align-items:center;
}

.page-ismarts3 .ismarts3-circulation-visual{

    position:relative;
    min-height:500px;

    display:grid;
    place-items:center;

    overflow:hidden;
    border-radius:34px;

    background:
        radial-gradient(
            circle at 50% 44%,
            #FFFFFF,
            #E8F1F6 57%,
            #DCE9F1
        );

    box-shadow:var(--ismart-shadow);
}

.page-ismarts3 .ismarts3-circulation-orbit{

    width:62%;
    aspect-ratio:1;
    border-radius:50%;
    border:1px solid rgba(120,148,176,.22);

    box-shadow:
        0 0 0 27px rgba(201,217,233,.09),
        0 0 0 56px rgba(201,217,233,.05);
}

.page-ismarts3 .ismarts3-circulation-icon{
    position:absolute;
    font-size:7rem;
    color:var(--ismart-steel);
    text-shadow:0 12px 32px rgba(120,148,176,.18);
}

.page-ismarts3 .ismarts3-circulation-visual > span,
.page-ismarts3 .ismarts3-circulation-visual > small{
    position:absolute;
    left:28px;
}

.page-ismarts3 .ismarts3-circulation-visual > span{
    bottom:40px;
    color:var(--ismart-deep);
    font-size:.68rem;
    font-weight:900;
    letter-spacing:.22em;
}

.page-ismarts3 .ismarts3-circulation-visual > small{
    bottom:20px;
    color:#8998A4;
    font-size:.58rem;
    font-weight:800;
    letter-spacing:.15em;
}

.page-ismarts3 .ismarts3-info-stack{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-top:28px;
}

.page-ismarts3 .ismarts3-info-line{

    display:grid;
    grid-template-columns:39px minmax(0,1fr);
    gap:12px;
    align-items:start;
}

.page-ismarts3 .ismarts3-info-line > span{

    width:34px;
    height:34px;

    display:grid;
    place-items:center;

    border-radius:50%;
    background:#EFF4F8;
    color:var(--ismart-blue);

    font-size:.64rem;
    font-weight:900;
}

.page-ismarts3 .ismarts3-info-line strong{
    color:var(--ismart-deep);
    font-size:.87rem;
}

.page-ismarts3 .ismarts3-info-line p{

    margin-top:3px;
    color:#788793;
    font-size:.78rem;
    line-height:1.64;
}

/* ==========================================================
   IMPACT
   ========================================================== */

.page-ismarts3 .ismarts3-impact-section{
    background:#F6F9FB;
}

.page-ismarts3 .ismarts3-impact-grid{

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;
    margin-top:44px;
}

.page-ismarts3 .ismarts3-impact-card{

    min-height:150px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;

    padding:20px;

    border:1px solid rgba(57,91,119,.11);
    border-radius:20px;

    background:#FFFFFF;
    box-shadow:0 13px 36px rgba(24,42,58,.05);
}

.page-ismarts3 .ismarts3-impact-card span{
    color:var(--ismart-steel);
    font-size:.64rem;
    font-weight:900;
    letter-spacing:.16em;
}

.page-ismarts3 .ismarts3-impact-card strong{
    color:var(--ismart-deep);
    font-size:.91rem;
    line-height:1.42;
}

.page-ismarts3 .ismarts3-impact-grid-more{
    margin-top:15px;
}

/* ==========================================================
   TECHNOLOGY
   ========================================================== */

.page-ismarts3 .ismarts3-technology{

    position:relative;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 87% 12%,
            rgba(57,211,83,.09),
            transparent 25%
        ),
        linear-gradient(140deg,#172732,#203A4D);
}

.page-ismarts3 .ismarts3-technology::before{

    content:"S3";

    position:absolute;
    right:3vw;
    top:-55px;

    color:rgba(255,255,255,.025);
    font-size:18rem;
    line-height:1;
    font-weight:900;
}

.page-ismarts3 .ismarts3-heading-dark h2{
    color:#FFFFFF !important;
}

.page-ismarts3 .ismarts3-heading-dark h2 span{
    color:var(--ismart-ice) !important;
}

.page-ismarts3 .ismarts3-heading-dark p{
    color:#C5D2DB;
}

.page-ismarts3 .ismarts3-heading-dark .eyebrow{
    color:var(--ismart-green-light) !important;
}

.page-ismarts3 .ismarts3-technology-feature{

    display:grid;
    grid-template-columns:minmax(200px,.33fr) minmax(0,.67fr);
    gap:28px;
    align-items:center;

    margin-top:43px;
    padding:29px 30px;

    border:1px solid rgba(255,255,255,.09);
    border-radius:27px;

    background:rgba(255,255,255,.045);
    backdrop-filter:blur(14px);
}

.page-ismarts3 .ismarts3-technology-number{

    color:#FFFFFF;
    font-size:3.7rem;
    line-height:.9;
    letter-spacing:-.06em;
    font-weight:900;
}

.page-ismarts3 .ismarts3-technology-feature > div:last-child > span{
    color:var(--ismart-green-light);
    font-size:.62rem;
    font-weight:900;
    letter-spacing:.16em;
}

.page-ismarts3 .ismarts3-technology-feature p{
    margin-top:7px;
    color:#C4D1DA;
    font-size:.82rem;
    line-height:1.70;
}

.page-ismarts3 .ismarts3-technology-grid{

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:15px;
}

.page-ismarts3 .ismarts3-technology-card{

    min-height:205px;
    padding:23px;

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

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

.page-ismarts3 .ismarts3-technology-card > span{
    color:#8FA8B9;
    font-size:.64rem;
    font-weight:900;
    letter-spacing:.15em;
}

.page-ismarts3 .ismarts3-technology-card h3{
    margin-top:28px;
    color:#FFFFFF;
    font-size:1.12rem;
    line-height:1.1;
}

.page-ismarts3 .ismarts3-technology-card p{
    margin-top:8px;
    color:#BFCED8;
    font-size:.76rem;
    line-height:1.67;
}

/* ==========================================================
   PILLOW
   ========================================================== */

.page-ismarts3 .ismarts3-pillow-section{
    background:#FFFFFF;
}

.page-ismarts3 .ismarts3-pillow-grid{

    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:60px;
    align-items:center;
}

.page-ismarts3 .ismarts3-pillow-frame{

    position:relative;
    min-height:530px;

    display:grid;
    place-items:center;

    overflow:hidden;
    border-radius:34px;

    background:
        radial-gradient(
            circle at 50% 44%,
            rgba(57,211,83,.10),
            transparent 44%
        ),
        linear-gradient(145deg,#F8FCF9,#E8F2EB);

    box-shadow:var(--ismart-shadow);
}

.page-ismarts3 .ismarts3-pillow-aura{

    position:absolute;
    width:70%;
    aspect-ratio:1;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.90),transparent 68%);
}

.page-ismarts3 .ismarts3-pillow-grid{

    position:relative;
    z-index:4;

    width:100%;
    min-height:470px;

    display:grid;
    place-items:center;
}

.page-ismarts3 .ismarts3-pillow-image-grid img{

    position:relative;
    z-index:5;
    display:block;

    width:auto;
    height:auto;

    max-width:430px;
    max-height:500px;

    object-fit:contain;
    object-position:center;

    opacity:1 !important;

    filter:
        drop-shadow(
            0 26px 38px
            rgba(0,0,0,.17)
        ) !important;

    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    image-rendering:auto;
}

.page-ismarts3 .ismarts3-pillow-frame > span{

    position:absolute;
    left:24px;
    bottom:22px;
    z-index:7;

    color:rgba(57,91,119,.53);
    font-size:.61rem;
    font-weight:900;
    letter-spacing:.16em;
}

/* ==========================================================
   CERTIFICATIONS
   ========================================================== */

.page-ismarts3 .ismarts3-certifications{
    background:#F6F9FB;
}

.page-ismarts3 .ismarts3-certification-grid{

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:15px;
    margin-top:44px;
}

.page-ismarts3 .ismarts3-certificate{

    overflow:hidden;

    border:1px solid var(--ismart-line);
    border-radius:24px;

    background:#FFFFFF;
    box-shadow:0 15px 43px rgba(24,42,58,.06);
}

.page-ismarts3 .ismarts3-certificate-image{

    position:relative;
    min-height:235px;

    display:grid;
    place-items:center;

    overflow:hidden;

    background:
        linear-gradient(145deg,#F9FCFD,#E8F0F5);
}

.page-ismarts3 .ismarts3-certificate-image::before{

    content:"";
    position:absolute;
    inset:14px;

    border:1px dashed rgba(57,91,119,.20);
    border-radius:17px;
}

.page-ismarts3 .ismarts3-certificate-image img{

    position:relative;
    z-index:2;

    width:100%;
    height:100%;
    min-height:235px;

    object-fit:cover;
}

.page-ismarts3 .ismarts3-certificate-placeholder{

    position:absolute;
    inset:0;
    z-index:1;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;

    padding:18px;
    text-align:center;
}

.page-ismarts3 .ismarts3-certificate-placeholder span{
    color:rgba(57,91,119,.12);
    font-size:4.3rem;
    line-height:.8;
    font-weight:900;
}

.page-ismarts3 .ismarts3-certificate-placeholder strong{
    color:var(--ismart-deep);
    font-size:.72rem;
    letter-spacing:.06em;
}

.page-ismarts3 .ismarts3-certificate-placeholder small{

    max-width:88%;
    color:#8A99A5;
    font-size:.57rem;
    line-height:1.45;
    overflow-wrap:anywhere;
}

.page-ismarts3 .ismarts3-certificate-content{

    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:9px;
    align-items:center;

    padding:15px 16px 17px;
}

.page-ismarts3 .ismarts3-certificate-content > span{
    color:var(--ismart-green-dark);
    font-size:.62rem;
    font-weight:900;
    letter-spacing:.13em;
}

.page-ismarts3 .ismarts3-certificate-content strong{
    display:block;
    color:var(--ismart-deep);
    font-size:.76rem;
    line-height:1.3;
}

.page-ismarts3 .ismarts3-certificate-content small{
    display:block;
    margin-top:2px;
    color:#8D9AA5;
    font-size:.58rem;
}

.page-ismarts3 .ismarts3-certification-note{

    margin-top:18px;
    padding:17px 18px;

    border:1px solid var(--ismart-line);
    border-radius:18px;

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

.page-ismarts3 .ismarts3-certification-note p{
    margin-top:7px;
    color:#798792;
    font-size:.75rem;
    line-height:1.65;
}

/* ==========================================================
   ROUTINE
   ========================================================== */

.page-ismarts3 .ismarts3-routine{
    background:#FFFFFF;
}

.page-ismarts3 .ismarts3-routine-list{

    position:relative;
    margin-top:43px;
}

.page-ismarts3 .ismarts3-routine-list::before{

    content:"";
    position:absolute;
    left:21px;
    top:0;
    bottom:0;

    width:1px;
    background:linear-gradient(var(--ismart-line),transparent);
}

.page-ismarts3 .ismarts3-routine-step{

    position:relative;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:18px;

    padding-bottom:25px;
}

.page-ismarts3 .ismarts3-routine-number{

    position:relative;
    z-index:2;

    width:44px;
    height:44px;

    display:grid;
    place-items:center;

    border:1px solid rgba(57,91,119,.14);
    border-radius:50%;
    background:#FFFFFF;

    color:var(--ismart-blue);
    font-size:.68rem;
    font-weight:900;

    box-shadow:0 8px 23px rgba(24,42,58,.06);
}

.page-ismarts3 .ismarts3-routine-step h3{
    color:var(--ismart-deep);
    font-size:1.06rem;
}

.page-ismarts3 .ismarts3-routine-step p{
    margin-top:5px;
    color:#74838F;
    font-size:.81rem;
    line-height:1.68;
}

/* ==========================================================
   FAQ
   ========================================================== */

.page-ismarts3 .ismarts3-faq-section{
    background:#F6F9FB;
}

.page-ismarts3 .ismarts3-faq-list{

    display:flex;
    flex-direction:column;
    gap:9px;
    margin-top:42px;
}

.page-ismarts3 .ismarts3-faq-item{

    overflow:hidden;

    border:1px solid rgba(57,91,119,.12);
    border-radius:19px;
    background:#FFFFFF;

    transition:
        box-shadow .28s ease,
        border-color .28s ease;
}

.page-ismarts3 .ismarts3-faq-item.active{

    border-color:rgba(57,211,83,.24);

    box-shadow:
        0 16px 43px
        rgba(24,42,58,.075);
}

.page-ismarts3 .ismarts3-faq-question{

    width:100%;
    min-height:72px;

    display:grid;
    grid-template-columns:38px minmax(0,1fr) 32px;
    gap:12px;
    align-items:center;

    padding:12px 15px;

    border:0;
    background:transparent;

    color:var(--ismart-deep);
    text-align:left;
}

.page-ismarts3 .ismarts3-faq-question:hover{
    background:#F8FBFD;
}

.page-ismarts3 .ismarts3-faq-number{

    width:31px;
    height:31px;

    display:grid;
    place-items:center;

    border-radius:10px;
    background:#EEF4F8;
    color:var(--ismart-blue);

    font-size:.60rem;
    font-weight:900;
}

.page-ismarts3 .ismarts3-faq-text{

    color:var(--ismart-deep);
    font-size:.88rem;
    line-height:1.45;
    font-weight:850;
}

.page-ismarts3 .ismarts3-faq-plus{

    width:29px;
    height:29px;

    display:grid;
    place-items:center;

    border:1px solid rgba(57,91,119,.12);
    border-radius:50%;

    color:var(--ismart-blue);
    font-size:.96rem;
}

.page-ismarts3 .ismarts3-faq-item.active .ismarts3-faq-plus{
    background:var(--ismart-deep);
    color:#FFFFFF;
}

.page-ismarts3 .ismarts3-faq-answer{

    max-height:0;
    overflow:hidden;

    transition:
        max-height .44s
        cubic-bezier(.22,.61,.36,1);
}

.page-ismarts3 .ismarts3-faq-answer p{

    padding:0 17px 19px 66px;

    color:#73828E;
    font-size:.82rem;
    line-height:1.72;
}

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

.page-ismarts3 .ismarts3-information-section{
    padding-top:0;
    background:#F6F9FB;
}

.page-ismarts3 .ismarts3-information-box{

    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:14px;

    padding:22px 23px;

    border:1px solid rgba(57,91,119,.12);
    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            #FFFFFF,
            #EEF4F8
        );
}

.page-ismarts3 .ismarts3-information-icon{

    width:37px;
    height:37px;

    display:grid;
    place-items:center;

    border-radius:50%;
    background:#EAF1F5;

    color:var(--ismart-deep);
    font-weight:900;
}

.page-ismarts3 .ismarts3-information-box h2{

    margin-top:9px;

    color:var(--ismart-deep);
    font-size:1.38rem;
    line-height:1.1;
    letter-spacing:-.025em;
}

.page-ismarts3 .ismarts3-information-box p{

    margin-top:8px;
    color:#778691;
    font-size:.76rem;
    line-height:1.68;
}

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

.page-ismarts3 .ismarts3-cta-section{

    position:relative;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% -15%,
            rgba(57,211,83,.11),
            transparent 28%
        ),
        linear-gradient(140deg,#0E1921,#1B3447);
}

.page-ismarts3 .ismarts3-cta-box{

    position:relative;
    z-index:2;

    max-width:920px;
    margin-inline:auto;

    padding:78px 30px 82px;
    text-align:center;
}

.page-ismarts3 .ismarts3-label-light{
    color:var(--ismart-green-light);
    font-size:.63rem;
    font-weight:900;
    letter-spacing:.19em;
}

.page-ismarts3 .ismarts3-cta-box h2{

    margin-top:17px;

    color:#FFFFFF;
    font-size:clamp(2.6rem,5vw,5rem);
    line-height:.96;
    letter-spacing:-.055em;
    font-weight:900;
}

.page-ismarts3 .ismarts3-cta-box h2 span{
    display:block;
    margin-top:.10em;
    color:var(--ismart-ice);
}

.page-ismarts3 .ismarts3-cta-box > p{

    max-width:650px;
    margin:21px auto 0;

    color:#C3D1DA;
    font-size:.96rem;
    line-height:1.78;
}

.page-ismarts3 .ismarts3-cta-actions{

    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:29px;
}

.page-ismarts3 .ismarts3-cta-actions .btn-glass{
    border-color:rgba(255,255,255,.16) !important;
    background:rgba(255,255,255,.045) !important;
    color:#FFFFFF !important;
}

/* ==========================================================
   DARK MODE
   ========================================================== */

body.dark .page-ismarts3,
body[data-theme="dark"] .page-ismarts3,
[data-theme="dark"] .page-ismarts3,
.dark .page-ismarts3{

    --ismart-white:#0F1921;
    --ismart-soft:#111D26;
    --ismart-deep:#F1F6F9;
    --ismart-text:#DCE7EE;
    --ismart-muted:#AFBEC9;
    --ismart-line:rgba(218,231,240,.10);

    background:#0F1921;
    color:#DCE7EE;
}

body.dark .page-ismarts3 .ismarts3-hero,
body[data-theme="dark"] .page-ismarts3 .ismarts3-hero,
[data-theme="dark"] .page-ismarts3 .ismarts3-hero,
.dark .page-ismarts3 .ismarts3-hero{

    background:
        radial-gradient(
            circle at 16% 17%,
            rgba(120,148,176,.16),
            transparent 31%
        ),
        radial-gradient(
            circle at 82% 28%,
            rgba(57,211,83,.07),
            transparent 24%
        ),
        linear-gradient(135deg,#0F1921,#14252F 58%,#17313B);
}

body.dark .page-ismarts3 .ismarts3-hero-copy h1,
body[data-theme="dark"] .page-ismarts3 .ismarts3-hero-copy h1,
[data-theme="dark"] .page-ismarts3 .ismarts3-hero-copy h1,
.dark .page-ismarts3 .ismarts3-hero-copy h1{
    color:#F4F8FA;
}

body.dark .page-ismarts3 .ismarts3-hero-description,
body[data-theme="dark"] .page-ismarts3 .ismarts3-hero-description,
[data-theme="dark"] .page-ismarts3 .ismarts3-hero-description,
.dark .page-ismarts3 .ismarts3-hero-description{
    color:#B7C6D0;
}

body.dark .page-ismarts3 .ismarts3-hero-pill,
body[data-theme="dark"] .page-ismarts3 .ismarts3-hero-pill,
[data-theme="dark"] .page-ismarts3 .ismarts3-hero-pill,
.dark .page-ismarts3 .ismarts3-hero-pill{
    border-color:rgba(255,255,255,.09);
    background:rgba(255,255,255,.05);
    color:#D7E5EC;
}

body.dark .page-ismarts3 .ismarts3-hero-product,
body[data-theme="dark"] .page-ismarts3 .ismarts3-hero-product,
[data-theme="dark"] .page-ismarts3 .ismarts3-hero-product,
.dark .page-ismarts3 .ismarts3-hero-product{
    filter:none;
}

body.dark .page-ismarts3 .ismarts3-overview-section,
body[data-theme="dark"] .page-ismarts3 .ismarts3-overview-section,
[data-theme="dark"] .page-ismarts3 .ismarts3-overview-section,
.dark .page-ismarts3 .ismarts3-overview-section,
body.dark .page-ismarts3 .ismarts3-overview-card,
body[data-theme="dark"] .page-ismarts3 .ismarts3-overview-card,
[data-theme="dark"] .page-ismarts3 .ismarts3-overview-card,
.dark .page-ismarts3 .ismarts3-overview-card{
    background:#101C25;
}

body.dark .page-ismarts3 .ismarts3-composition,
body[data-theme="dark"] .page-ismarts3 .ismarts3-composition,
[data-theme="dark"] .page-ismarts3 .ismarts3-composition,
.dark .page-ismarts3 .ismarts3-composition,
body.dark .page-ismarts3 .ismarts3-product-section,
body[data-theme="dark"] .page-ismarts3 .ismarts3-product-section,
[data-theme="dark"] .page-ismarts3 .ismarts3-product-section,
.dark .page-ismarts3 .ismarts3-product-section,
body.dark .page-ismarts3 .ismarts3-pillow-section,
body[data-theme="dark"] .page-ismarts3 .ismarts3-pillow-section,
[data-theme="dark"] .page-ismarts3 .ismarts3-pillow-section,
.dark .page-ismarts3 .ismarts3-pillow-section,
body.dark .page-ismarts3 .ismarts3-routine,
body[data-theme="dark"] .page-ismarts3 .ismarts3-routine,
[data-theme="dark"] .page-ismarts3 .ismarts3-routine,
.dark .page-ismarts3 .ismarts3-routine{
    background:#0F1921;
}

body.dark .page-ismarts3 .ismarts3-benefits,
body[data-theme="dark"] .page-ismarts3 .ismarts3-benefits,
[data-theme="dark"] .page-ismarts3 .ismarts3-benefits,
.dark .page-ismarts3 .ismarts3-benefits,
body.dark .page-ismarts3 .ismarts3-impact-section,
body[data-theme="dark"] .page-ismarts3 .ismarts3-impact-section,
[data-theme="dark"] .page-ismarts3 .ismarts3-impact-section,
.dark .page-ismarts3 .ismarts3-impact-section,
body.dark .page-ismarts3 .ismarts3-faq-section,
body[data-theme="dark"] .page-ismarts3 .ismarts3-faq-section,
[data-theme="dark"] .page-ismarts3 .ismarts3-faq-section,
.dark .page-ismarts3 .ismarts3-faq-section,
body.dark .page-ismarts3 .ismarts3-certifications,
body[data-theme="dark"] .page-ismarts3 .ismarts3-certifications,
[data-theme="dark"] .page-ismarts3 .ismarts3-certifications,
.dark .page-ismarts3 .ismarts3-certifications,
body.dark .page-ismarts3 .ismarts3-information-section,
body[data-theme="dark"] .page-ismarts3 .ismarts3-information-section,
[data-theme="dark"] .page-ismarts3 .ismarts3-information-section,
.dark .page-ismarts3 .ismarts3-information-section{
    background:#101A23;
}

body.dark .page-ismarts3 .ismarts3-section-heading h2,
body.dark .page-ismarts3 .section-title,
body.dark .page-ismarts3 .ismarts3-overview-card h3,
body.dark .page-ismarts3 .ismarts3-composition-card h3,
body.dark .page-ismarts3 .ismarts3-product-card-copy h3,
body.dark .page-ismarts3 .ismarts3-overview-note strong,
body.dark .page-ismarts3 .ismarts3-product-spec strong,
body.dark .page-ismarts3 .ismarts3-info-line strong,
body.dark .page-ismarts3 .ismarts3-routine-step h3,
body.dark .page-ismarts3 .ismarts3-faq-text,
body.dark .page-ismarts3 .ismarts3-information-box h2,
body[data-theme="dark"] .page-ismarts3 .ismarts3-section-heading h2,
body[data-theme="dark"] .page-ismarts3 .section-title,
body[data-theme="dark"] .page-ismarts3 .ismarts3-overview-card h3,
body[data-theme="dark"] .page-ismarts3 .ismarts3-composition-card h3,
body[data-theme="dark"] .page-ismarts3 .ismarts3-product-card-copy h3,
body[data-theme="dark"] .page-ismarts3 .ismarts3-overview-note strong,
body[data-theme="dark"] .page-ismarts3 .ismarts3-product-spec strong,
body[data-theme="dark"] .page-ismarts3 .ismarts3-info-line strong,
body[data-theme="dark"] .page-ismarts3 .ismarts3-routine-step h3,
body[data-theme="dark"] .page-ismarts3 .ismarts3-faq-text,
body[data-theme="dark"] .page-ismarts3 .ismarts3-information-box h2,
[data-theme="dark"] .page-ismarts3 .ismarts3-section-heading h2,
[data-theme="dark"] .page-ismarts3 .section-title,
[data-theme="dark"] .page-ismarts3 .ismarts3-overview-card h3,
[data-theme="dark"] .page-ismarts3 .ismarts3-composition-card h3,
[data-theme="dark"] .page-ismarts3 .ismarts3-product-card-copy h3,
[data-theme="dark"] .page-ismarts3 .ismarts3-overview-note strong,
[data-theme="dark"] .page-ismarts3 .ismarts3-product-spec strong,
[data-theme="dark"] .page-ismarts3 .ismarts3-info-line strong,
[data-theme="dark"] .page-ismarts3 .ismarts3-routine-step h3,
[data-theme="dark"] .page-ismarts3 .ismarts3-faq-text,
[data-theme="dark"] .page-ismarts3 .ismarts3-information-box h2,
.dark .page-ismarts3 .ismarts3-section-heading h2,
.dark .page-ismarts3 .section-title,
.dark .page-ismarts3 .ismarts3-overview-card h3,
.dark .page-ismarts3 .ismarts3-composition-card h3,
.dark .page-ismarts3 .ismarts3-product-card-copy h3,
.dark .page-ismarts3 .ismarts3-overview-note strong,
.dark .page-ismarts3 .ismarts3-product-spec strong,
.dark .page-ismarts3 .ismarts3-info-line strong,
.dark .page-ismarts3 .ismarts3-routine-step h3,
.dark .page-ismarts3 .ismarts3-faq-text,
.dark .page-ismarts3 .ismarts3-information-box h2{
    color:#F2F6F9 !important;
}

body.dark .page-ismarts3 .ismarts3-section-heading p,
body.dark .page-ismarts3 .lead,
body.dark .page-ismarts3 .ismarts3-hero-description,
body.dark .page-ismarts3 .ismarts3-overview-card p,
body.dark .page-ismarts3 .ismarts3-composition-card p,
body.dark .page-ismarts3 .ismarts3-product-card-copy > p,
body.dark .page-ismarts3 .ismarts3-benefit-check p,
body.dark .page-ismarts3 .ismarts3-product-spec span,
body.dark .page-ismarts3 .ismarts3-info-line p,
body.dark .page-ismarts3 .ismarts3-routine-step p,
body.dark .page-ismarts3 .ismarts3-faq-answer p,
body.dark .page-ismarts3 .ismarts3-information-box p,
body[data-theme="dark"] .page-ismarts3 .ismarts3-section-heading p,
body[data-theme="dark"] .page-ismarts3 .lead,
body[data-theme="dark"] .page-ismarts3 .ismarts3-hero-description,
body[data-theme="dark"] .page-ismarts3 .ismarts3-overview-card p,
body[data-theme="dark"] .page-ismarts3 .ismarts3-composition-card p,
body[data-theme="dark"] .page-ismarts3 .ismarts3-product-card-copy > p,
body[data-theme="dark"] .page-ismarts3 .ismarts3-benefit-check p,
body[data-theme="dark"] .page-ismarts3 .ismarts3-product-spec span,
body[data-theme="dark"] .page-ismarts3 .ismarts3-info-line p,
body[data-theme="dark"] .page-ismarts3 .ismarts3-routine-step p,
body[data-theme="dark"] .page-ismarts3 .ismarts3-faq-answer p,
body[data-theme="dark"] .page-ismarts3 .ismarts3-information-box p,
[data-theme="dark"] .page-ismarts3 .ismarts3-section-heading p,
[data-theme="dark"] .page-ismarts3 .lead,
[data-theme="dark"] .page-ismarts3 .ismarts3-hero-description,
[data-theme="dark"] .page-ismarts3 .ismarts3-overview-card p,
[data-theme="dark"] .page-ismarts3 .ismarts3-composition-card p,
[data-theme="dark"] .page-ismarts3 .ismarts3-product-card-copy > p,
[data-theme="dark"] .page-ismarts3 .ismarts3-benefit-check p,
[data-theme="dark"] .page-ismarts3 .ismarts3-product-spec span,
[data-theme="dark"] .page-ismarts3 .ismarts3-info-line p,
[data-theme="dark"] .page-ismarts3 .ismarts3-routine-step p,
[data-theme="dark"] .page-ismarts3 .ismarts3-faq-answer p,
[data-theme="dark"] .page-ismarts3 .ismarts3-information-box p,
.dark .page-ismarts3 .ismarts3-section-heading p,
.dark .page-ismarts3 .lead,
.dark .page-ismarts3 .ismarts3-hero-description,
.dark .page-ismarts3 .ismarts3-overview-card p,
.dark .page-ismarts3 .ismarts3-composition-card p,
.dark .page-ismarts3 .ismarts3-product-card-copy > p,
.dark .page-ismarts3 .ismarts3-benefit-check p,
.dark .page-ismarts3 .ismarts3-product-spec span,
.dark .page-ismarts3 .ismarts3-info-line p,
.dark .page-ismarts3 .ismarts3-routine-step p,
.dark .page-ismarts3 .ismarts3-faq-answer p,
.dark .page-ismarts3 .ismarts3-information-box p{
    color:#B7C5CF !important;
}

body.dark .page-ismarts3 .ismarts3-overview-note,
body[data-theme="dark"] .page-ismarts3 .ismarts3-overview-note,
[data-theme="dark"] .page-ismarts3 .ismarts3-overview-note,
.dark .page-ismarts3 .ismarts3-overview-note,
body.dark .page-ismarts3 .ismarts3-detail-card,
body[data-theme="dark"] .page-ismarts3 .ismarts3-detail-card,
[data-theme="dark"] .page-ismarts3 .ismarts3-detail-card,
.dark .page-ismarts3 .ismarts3-detail-card,
body.dark .page-ismarts3 .ismarts3-detail-list,
body[data-theme="dark"] .page-ismarts3 .ismarts3-detail-list,
[data-theme="dark"] .page-ismarts3 .ismarts3-detail-list,
.dark .page-ismarts3 .ismarts3-detail-list,
body.dark .page-ismarts3 .ismarts3-information-box,
body[data-theme="dark"] .page-ismarts3 .ismarts3-information-box,
[data-theme="dark"] .page-ismarts3 .ismarts3-information-box,
.dark .page-ismarts3 .ismarts3-information-box,
body.dark .page-ismarts3 .ismarts3-faq-item,
body[data-theme="dark"] .page-ismarts3 .ismarts3-faq-item,
[data-theme="dark"] .page-ismarts3 .ismarts3-faq-item,
.dark .page-ismarts3 .ismarts3-faq-item{
    background:#16242E;
    border-color:rgba(217,231,242,.09);
}

body.dark .page-ismarts3 .ismarts3-product-card,
body[data-theme="dark"] .page-ismarts3 .ismarts3-product-card,
[data-theme="dark"] .page-ismarts3 .ismarts3-product-card,
.dark .page-ismarts3 .ismarts3-product-card{
    background:#16242E;
    border-color:rgba(217,231,242,.09);
}

body.dark .page-ismarts3 .ismarts3-product-card-visual,
body[data-theme="dark"] .page-ismarts3 .ismarts3-product-card-visual,
[data-theme="dark"] .page-ismarts3 .ismarts3-product-card-visual,
.dark .page-ismarts3 .ismarts3-product-card-visual{
    background:
        radial-gradient(circle at 50% 44%,rgba(120,148,176,.10),transparent 48%),
        linear-gradient(145deg,#14232D,#1A2D39);
}

body.dark .page-ismarts3 .ismarts3-pillow-frame,
body[data-theme="dark"] .page-ismarts3 .ismarts3-pillow-frame,
[data-theme="dark"] .page-ismarts3 .ismarts3-pillow-frame,
.dark .page-ismarts3 .ismarts3-pillow-frame{
    background:
        radial-gradient(circle at 50% 44%,rgba(57,211,83,.06),transparent 45%),
        linear-gradient(145deg,#12231B,#193126);
}

body.dark .page-ismarts3 .ismarts3-certification-image,
body[data-theme="dark"] .page-ismarts3 .ismarts3-certification-image,
[data-theme="dark"] .page-ismarts3 .ismarts3-certification-image,
.dark .page-ismarts3 .ismarts3-certification-image{
    background:linear-gradient(145deg,#182833,#12212B);
}

body.dark .page-ismarts3 .ismarts3-certificate-content strong,
body[data-theme="dark"] .page-ismarts3 .ismarts3-certificate-content strong,
[data-theme="dark"] .page-ismarts3 .ismarts3-certificate-content strong,
.dark .page-ismarts3 .ismarts3-certificate-content strong{
    color:#F2F6F9;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1120px){

    .page-ismarts3 .ismarts3-hero-grid{
        grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);
        gap:26px;
    }

    .page-ismarts3 .ismarts3-overview-grid,
    .page-ismarts3 .ismarts3-certification-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .page-ismarts3 .ismarts3-composition-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .page-ismarts3 .ismarts3-product-detail-grid{
        grid-template-columns:1fr;
    }

    .page-ismarts3 .ismarts3-product-card{
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
    }

    .page-ismarts3 .ismarts3-product-card.is-reverse{
        grid-template-columns:minmax(0,.85fr) minmax(0,1fr);
    }

    .page-ismarts3 .ismarts3-product-card.is-reverse .ismarts3-product-card-visual{
        order:2;
    }

    .page-ismarts3 .ismarts3-product-card.is-reverse .ismarts3-product-card-copy{
        order:1;
    }

    .page-ismarts3 .ismarts3-product-card-visual{
        min-height:100%;
    }

    .page-ismarts3 .ismarts3-benefits-grid,
    .page-ismarts3 .ismarts3-circulation-grid,
    .page-ismarts3 .ismarts3-pillow-grid{
        gap:40px;
    }

    .page-ismarts3 .ismarts3-technology-grid,
    .page-ismarts3 .ismarts3-impact-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:900px){

    .page-ismarts3 .ismarts3-hero{
        min-height:auto;
    }

    .page-ismarts3 .ismarts3-hero-grid{
        grid-template-columns:1fr;
        padding-block:66px 58px;
    }

    .page-ismarts3 .ismarts3-hero-copy{
        max-width:760px;
        margin-inline:auto;
        text-align:center;
    }

    .page-ismarts3 .ismarts3-hero-copy .ismarts3-eyebrow{
        justify-content:center;
    }

    .page-ismarts3 .ismarts3-hero-description{
        margin-inline:auto;
    }

    .page-ismarts3 .ismarts3-hero-pills,
    .page-ismarts3 .ismarts3-hero-actions{
        justify-content:center;
    }

    .page-ismarts3 .ismarts3-hero-product{
        width:min(720px,100%);
        min-height:500px;
        margin-inline:auto;
    }

    .page-ismarts3 .ismarts3-benefits-grid,
    .page-ismarts3 .ismarts3-circulation-grid,
    .page-ismarts3 .ismarts3-pillow-grid{
        grid-template-columns:1fr;
    }

    .page-ismarts3 .ismarts3-benefits-visual{
        max-width:700px;
        width:100%;
        margin-inline:auto;
    }

    .page-ismarts3 .ismarts3-technology-feature{
        grid-template-columns:1fr;
    }

    .page-ismarts3 .ismarts3-detail-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:680px){

    .page-ismarts3 .section-title,
    .page-ismarts3 .ismarts3-section-heading h2{
        font-size:clamp(2.05rem,9vw,3.4rem);
    }

    .page-ismarts3 .lead{
        font-size:.95rem;
        line-height:1.76;
    }

    .page-ismarts3 .ismarts3-hero-grid{
        padding:51px 18px 48px;
    }

    .page-ismarts3 .ismarts3-hero-copy h1{
        font-size:clamp(3.35rem,16vw,5.4rem);
    }

    .page-ismarts3 .ismarts3-hero-description{
        font-size:.98rem;
    }

    .page-ismarts3 .ismarts3-hero-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .page-ismarts3 .ismarts3-hero-actions .btn{
        width:100% !important;
    }

    .page-ismarts3 .ismarts3-hero-product{
        min-height:390px;
    }

    .page-ismarts3 .ismarts3-product-grid,
    .page-ismarts3 .ismarts3-product-card-visual .ismarts3-product-grid{
        min-height:340px;
    }

    .page-ismarts3 .ismarts3-product-grid img{
        max-width:310px;
        max-height:390px;
    }

    .page-ismarts3 .ismarts3-product-caption{
        display:none;
    }

    .page-ismarts3 .ismarts3-overview-grid,
    .page-ismarts3 .ismarts3-composition-grid,
    .page-ismarts3 .ismarts3-certification-grid,
    .page-ismarts3 .ismarts3-technology-grid,
    .page-ismarts3 .ismarts3-impact-grid{
        grid-template-columns:1fr;
    }

    .page-ismarts3 .ismarts3-detail-grid{
        grid-template-columns:1fr;
    }

    .page-ismarts3 .ismarts3-product-card,
    .page-ismarts3 .ismarts3-product-card.is-reverse{
        display:block;
    }

    .page-ismarts3 .ismarts3-product-card.is-reverse .ismarts3-product-card-visual,
    .page-ismarts3 .ismarts3-product-card.is-reverse .ismarts3-product-card-copy{
        order:initial;
    }

    .page-ismarts3 .ismarts3-product-card-visual{
        min-height:350px;
    }

    .page-ismarts3 .ismarts3-product-card-visual .ismarts3-product-grid img{
        max-width:300px;
        max-height:350px;
    }

    .page-ismarts3 .ismarts3-product-card-copy{
        padding:29px 23px 31px;
    }

    .page-ismarts3 .ismarts3-benefits-frame,
    .page-ismarts3 .ismarts3-circulation-visual,
    .page-ismarts3 .ismarts3-pillow-frame{
        min-height:390px;
    }

    .page-ismarts3 .ismarts3-benefits-frame img{
        max-width:310px;
        max-height:350px;
    }

    .page-ismarts3 .ismarts3-pillow-grid{
        min-height:340px;
    }

    .page-ismarts3 .ismarts3-pillow-image-grid img{
        max-width:310px;
        max-height:350px;
    }

    .page-ismarts3 .ismarts3-sleep-grid{
        grid-template-columns:1fr;
    }

    .page-ismarts3 .ismarts3-sleep-card{
        min-height:auto;
        padding:26px;
    }

    .page-ismarts3 .ismarts3-information-box{
        grid-template-columns:34px minmax(0,1fr);
    }

    .page-ismarts3 .ismarts3-faq-question{
        grid-template-columns:34px minmax(0,1fr) 28px;
        gap:9px;
        min-height:65px;
        padding:10px 11px;
    }

    .page-ismarts3 .ismarts3-faq-text{
        font-size:.82rem;
    }

    .page-ismarts3 .ismarts3-faq-answer p{
        padding-left:54px;
        padding-right:13px;
        font-size:.77rem;
    }

    .page-ismarts3 .ismarts3-cta-box{
        padding:58px 18px 63px;
    }
}

@media(max-width:430px){

    .page-ismarts3 .ismarts3-hero-copy h1{
        font-size:3.05rem;
    }

    .page-ismarts3 .ismarts3-hero-product{
        min-height:330px;
    }

    .page-ismarts3 .ismarts3-product-grid,
    .page-ismarts3 .ismarts3-product-card-visual .ismarts3-product-grid{
        min-height:300px;
    }

    .page-ismarts3 .ismarts3-product-grid img,
    .page-ismarts3 .ismarts3-pillow-image-grid img{
        max-width:270px;
        max-height:310px;
    }

    .page-ismarts3 .ismarts3-more-toggle{
        max-width:calc(100vw - 44px);
    }

    .page-ismarts3 .ismarts3-product-card-copy h3{
        font-size:1.82rem;
    }
}

/* ==========================================================
   MOTION
   ========================================================== */

@keyframes ismartsFloatOne{

    0%,100%{
        transform:translate3d(0,0,0);
    }

    50%{
        transform:translate3d(15px,-11px,0);
    }
}

@keyframes ismartsFloatTwo{

    0%,100%{
        transform:translate3d(0,0,0);
    }

    50%{
        transform:translate3d(-18px,17px,0);
    }
}

@keyframes ismartsOrbit{

    from{
        rotate:0deg;
    }

    to{
        rotate:360deg;
    }
}

@keyframes ismartsPulse{

    0%,100%{
        transform:scale(.96);
        opacity:.72;
    }

    50%{
        transform:scale(1.04);
        opacity:1;
    }
}

@media(prefers-reduced-motion:reduce){

    .page-ismarts3 *{
        animation-duration:.001ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.001ms !important;
        scroll-behavior:auto !important;
    }
}

/* ==========================================================
   REFINED SPACING / POSITIONING PASS
   Mantém a linguagem AlphaMeta, com mais respiro visual.
   ========================================================== */

.page-ismarts3 .ismarts3-section-heading{
    margin-bottom:42px;
}

.page-ismarts3 .ismarts3-section-heading p{
    margin-top:24px;
    line-height:1.92;
}

.page-ismarts3 .section-title{
    line-height:1.01;
}

.page-ismarts3 .ismarts3-hero-description{
    margin-top:32px;
    line-height:1.9;
}

.page-ismarts3 .ismarts3-hero-pills{
    margin-top:28px;
    gap:10px;
}

.page-ismarts3 .ismarts3-hero-actions{
    margin-top:38px;
    gap:15px;
}

.page-ismarts3 .ismarts3-hero-copy{
    padding-right:20px;
}

.page-ismarts3 .ismarts3-overview-grid,
.page-ismarts3 .ismarts3-composition-grid,
.page-ismarts3 .ismarts3-certification-grid,
.page-ismarts3 .ismarts3-technology-grid{
    row-gap:22px;
}

.page-ismarts3 .ismarts3-overview-card h3,
.page-ismarts3 .ismarts3-composition-card h3,
.page-ismarts3 .ismarts3-technology-card h3{
    margin-top:20px;
}

.page-ismarts3 .ismarts3-overview-card p,
.page-ismarts3 .ismarts3-composition-card p,
.page-ismarts3 .ismarts3-technology-card p{
    margin-top:12px;
    line-height:1.78;
}

.page-ismarts3 .ismarts3-benefits-copy .section-title{
    margin-bottom:4px;
}

.page-ismarts3 .ismarts3-benefits-copy .lead{
    margin-top:26px;
    line-height:1.9;
}

.page-ismarts3 .ismarts3-benefit-checks{
    gap:16px;
    margin-top:32px;
}

.page-ismarts3 .ismarts3-benefit-check{
    min-height:34px;
    gap:12px;
}

.page-ismarts3 .ismarts3-benefit-check p{
    font-size:.9rem;
    line-height:1.62;
}

.page-ismarts3 .ismarts3-benefits-copy .ismarts3-more-wrap{
    margin-top:30px;
}

.page-ismarts3 .ismarts3-product-detail-grid{
    gap:64px;
}

.page-ismarts3 .ismarts3-product-card-copy{
    padding:48px 48px 52px;
}

.page-ismarts3 .ismarts3-product-card-copy h3{
    margin-top:17px;
    line-height:1.05;
}

.page-ismarts3 .ismarts3-product-card-copy > p{
    margin-top:24px;
    line-height:1.86;
}

.page-ismarts3 .ismarts3-product-spec-list{
    gap:14px;
    margin-top:30px;
}

.page-ismarts3 .ismarts3-product-spec{
    padding-bottom:12px;
}

.page-ismarts3 .ismarts3-product-card-copy .ismarts3-more-wrap{
    margin-top:27px;
}

.page-ismarts3 .ismarts3-card-buy{
    margin-top:30px;
}

.page-ismarts3 .ismarts3-circulation-grid{
    gap:78px;
}

.page-ismarts3 .ismarts3-circulation-copy .lead{
    margin-top:28px;
    line-height:1.9;
}

.page-ismarts3 .ismarts3-info-stack{
    gap:21px;
    margin-top:34px;
}

.page-ismarts3 .ismarts3-circulation-copy .ismarts3-more-toggle{
    margin-top:28px;
}

/* Imagem real na secção de circulação */
.page-ismarts3 .ismarts3-circulation-image-wrap{
    position:relative;
    z-index:4;
    width:86%;
    min-height:390px;
    display:grid;
    place-items:center;
}

.page-ismarts3 .ismarts3-circulation-image-wrap img{
    position:relative;
    z-index:5;
    display:block;
    width:auto;
    height:auto;
    max-width:430px;
    max-height:470px;
    object-fit:contain;
    object-position:center;
    opacity:1 !important;
    filter:
        drop-shadow(
            0 26px 38px
            rgba(0,0,0,.17)
        ) !important;
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    image-rendering:auto;
}

.page-ismarts3 .ismarts3-circulation-aura{
    position:absolute;
    z-index:1;
    width:68%;
    aspect-ratio:1;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(57,211,83,.13),
            rgba(120,148,176,.08) 36%,
            transparent 71%
        );
    filter:blur(9px);
}

.page-ismarts3 .ismarts3-circulation-orbit{
    position:absolute;
    z-index:2;
    width:70%;
    aspect-ratio:1;
    border-radius:50%;
    border:1px solid rgba(120,148,176,.18);
    box-shadow:
        0 0 0 28px rgba(201,217,233,.08),
        0 0 0 56px rgba(201,217,233,.04);
}

/* Almofada: enquadramento mais controlado */
.page-ismarts3 .ismarts3-pillow-frame{
    min-height:570px;
}

.page-ismarts3 .ismarts3-pillow-image-grid{
    position:relative;
    z-index:4;
    width:100%;
    min-height:520px;
    display:grid;
    place-items:center;
    padding:28px 18px 42px;
}

.page-ismarts3 .ismarts3-pillow-image-grid img{
    position:relative;
    z-index:5;
    display:block;
    width:auto;
    height:auto;
    max-width:460px;
    max-height:500px;
    object-fit:contain;
    object-position:center 48%;
    opacity:1 !important;
    filter:
        drop-shadow(
            0 28px 40px
            rgba(0,0,0,.17)
        ) !important;
    transform:translate3d(0,-8px,0);
    backface-visibility:hidden;
    image-rendering:auto;
}

.page-ismarts3 .ismarts3-pillow-frame > span{
    left:28px;
    bottom:24px;
}

/* Evita que os botões fiquem colados ao bloco de informação. */
.page-ismarts3 .ismarts3-more-wrap + .btn,
.page-ismarts3 .ismarts3-product-card-copy > .btn,
.page-ismarts3 .ismarts3-pillow-copy > .btn{
    margin-top:34px;
}

/* Nos cartões, o botão é uma acção final, não parte da descrição. */
.page-ismarts3 .ismarts3-product-card-copy .ismarts3-card-buy{
    margin-top:34px;
}

@media(max-width:900px){

    .page-ismarts3 .ismarts3-section-heading{
        margin-bottom:34px;
    }

    .page-ismarts3 .ismarts3-product-card-copy{
        padding:42px 38px 46px;
    }

    .page-ismarts3 .ismarts3-circulation-grid{
        gap:48px;
    }

    .page-ismarts3 .ismarts3-circulation-image-wrap{
        min-height:340px;
    }

    .page-ismarts3 .ismarts3-circulation-image-wrap img{
        max-height:390px;
    }

    .page-ismarts3 .ismarts3-pillow-frame{
        min-height:500px;
    }

    .page-ismarts3 .ismarts3-pillow-image-grid{
        min-height:440px;
    }
}

@media(max-width:680px){

    .page-ismarts3 .ismarts3-section-heading{
        margin-bottom:28px;
    }

    .page-ismarts3 .ismarts3-section-heading p{
        margin-top:18px;
        line-height:1.8;
    }

    .page-ismarts3 .ismarts3-hero-description{
        margin-top:25px;
    }

    .page-ismarts3 .ismarts3-hero-pills{
        margin-top:25px;
    }

    .page-ismarts3 .ismarts3-hero-actions{
        margin-top:31px;
        gap:11px;
    }

    .page-ismarts3 .ismarts3-product-card-copy{
        padding:34px 25px 38px;
    }

    .page-ismarts3 .ismarts3-product-card-copy > p{
        margin-top:20px;
        line-height:1.78;
    }

    .page-ismarts3 .ismarts3-benefit-checks{
        margin-top:27px;
        gap:13px;
    }

    .page-ismarts3 .ismarts3-product-card-copy .ismarts3-more-wrap{
        margin-top:24px;
    }

    .page-ismarts3 .ismarts3-card-buy{
        margin-top:27px;
    }

    .page-ismarts3 .ismarts3-circulation-image-wrap{
        width:92%;
        min-height:330px;
    }

    .page-ismarts3 .ismarts3-circulation-image-wrap img{
        max-width:330px;
        max-height:350px;
    }

    .page-ismarts3 .ismarts3-circulation-copy .ismarts3-more-toggle{
        margin-top:24px;
    }

    .page-ismarts3 .ismarts3-pillow-frame{
        min-height:420px;
    }

    .page-ismarts3 .ismarts3-pillow-image-grid{
        min-height:365px;
        padding:18px 8px 40px;
    }

    .page-ismarts3 .ismarts3-pillow-image-grid img{
        max-width:330px;
        max-height:350px;
        transform:translate3d(0,-4px,0);
    }

}

/* ==========================================================
   iSMART S3 — HERO REFINEMENT
   Correcção exclusiva do enquadramento do Hero
   Não altera outras secções
   ========================================================== */

.page-ismarts3 .ismarts3-hero{
    min-height:min(860px,92vh);
}


/* Enquadramento central do Hero */
.page-ismarts3 .ismarts3-hero-grid{

    width:
        min(
            1220px,
            calc(100% - 96px)
        );

    margin-inline:auto;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.88fr);

    gap:72px;

    align-items:center;

    padding:
        82px 0 72px;
}


/* Bloco de texto */
.page-ismarts3 .ismarts3-hero-copy{

    width:100%;

    max-width:650px;

    padding-right:0;

    padding-left:16px;

    justify-self:start;
}


/* Título */
.page-ismarts3 .ismarts3-hero-copy h1{

    max-width:680px;

    font-size:
        clamp(
            4.4rem,
            7.2vw,
            7.3rem
        );

    line-height:.84;

    letter-spacing:-.075em;
}


/* Descrição */
.page-ismarts3 .ismarts3-hero-description{

    max-width:590px;

    margin-top:30px;

    font-size:1.06rem;

    line-height:1.86;
}


/* Pills */
.page-ismarts3 .ismarts3-hero-pills{

    max-width:600px;

    margin-top:26px;

    gap:9px;
}


/* Botões */
.page-ismarts3 .ismarts3-hero-actions{

    margin-top:34px;

    gap:13px;
}


/* Área visual do produto */
.page-ismarts3 .ismarts3-hero-product{

    width:100%;

    min-height:590px;

    display:grid;

    place-items:center;

    justify-self:end;

    transform:translateX(8px);
}


/* Aura */
.page-ismarts3 .ismarts3-product-aura{
    width:74%;
}


/* Ring */
.page-ismarts3 .ismarts3-product-ring{
    width:82%;
}


/* Área da imagem */
.page-ismarts3 .ismarts3-product-grid{

    width:100%;

    min-height:560px;

    display:flex;

    align-items:center;

    justify-content:center;
}


/* Produto */
.page-ismarts3 .ismarts3-product-grid img{

    max-width:500px;

    max-height:570px;

    transform:
        translate3d(
            8px,
            0,
            0
        );
}


/* Caption */
.page-ismarts3 .ismarts3-product-caption{

    right:2%;

    bottom:5%;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:1120px){

    .page-ismarts3 .ismarts3-hero-grid{

        width:
            min(
                100%,
                calc(100% - 64px)
            );

        grid-template-columns:
            minmax(0,1fr)
            minmax(350px,.82fr);

        gap:44px;

        padding:
            72px 0 64px;
    }


    .page-ismarts3 .ismarts3-hero-copy{

        padding-left:8px;
    }


    .page-ismarts3 .ismarts3-hero-copy h1{

        font-size:
            clamp(
                4rem,
                7.5vw,
                6.4rem
            );
    }


    .page-ismarts3 .ismarts3-hero-product{

        min-height:540px;

        transform:
            translateX(0);
    }


    .page-ismarts3 .ismarts3-product-grid{

        min-height:500px;
    }


    .page-ismarts3 .ismarts3-product-grid img{

        max-width:440px;

        max-height:520px;

        transform:
            translate3d(0,0,0);
    }

}


/* ==========================================================
   MOBILE / TABLET VERTICAL
   ========================================================== */

@media(max-width:900px){

    .page-ismarts3 .ismarts3-hero-grid{

        width:
            min(
                720px,
                calc(100% - 36px)
            );

        grid-template-columns:1fr;

        gap:28px;

        padding:
            64px 0 56px;
    }


    .page-ismarts3 .ismarts3-hero-copy{

        max-width:700px;

        padding-left:0;

        margin-inline:auto;

        text-align:center;
    }


    .page-ismarts3 .ismarts3-hero-copy .ismarts3-eyebrow{

        justify-content:center;
    }


    .page-ismarts3 .ismarts3-hero-copy h1{

        margin-inline:auto;

        font-size:
            clamp(
                4rem,
                12vw,
                6rem
            );
    }


    .page-ismarts3 .ismarts3-hero-description{

        margin-inline:auto;
    }


    .page-ismarts3 .ismarts3-hero-pills,
    .page-ismarts3 .ismarts3-hero-actions{

        justify-content:center;

        margin-inline:auto;
    }


    .page-ismarts3 .ismarts3-hero-product{

        width:
            min(
                680px,
                100%
            );

        min-height:470px;

        margin-inline:auto;

        transform:none;
    }


    .page-ismarts3 .ismarts3-product-grid{

        min-height:440px;
    }


    .page-ismarts3 .ismarts3-product-grid img{

        max-width:390px;

        max-height:450px;
    }


    .page-ismarts3 .ismarts3-product-caption{

        right:4%;

        bottom:4%;
    }

}


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

@media(max-width:680px){

    .page-ismarts3 .ismarts3-hero-grid{

        width:
            calc(100% - 32px);

        gap:22px;

        padding:
            50px 0 44px;
    }


    .page-ismarts3 .ismarts3-hero-copy h1{

        font-size:
            clamp(
                3.45rem,
                15vw,
                5.3rem
            );
    }


    .page-ismarts3 .ismarts3-hero-description{

        max-width:560px;

        margin-top:24px;

        font-size:.97rem;

        line-height:1.78;
    }


    .page-ismarts3 .ismarts3-hero-pills{

        margin-top:23px;

        gap:8px;
    }


    .page-ismarts3 .ismarts3-hero-actions{

        margin-top:29px;
    }


    .page-ismarts3 .ismarts3-hero-product{

        min-height:380px;
    }


    .page-ismarts3 .ismarts3-product-grid{

        min-height:350px;
    }


    .page-ismarts3 .ismarts3-product-grid img{

        max-width:310px;

        max-height:370px;
    }


    .page-ismarts3 .ismarts3-product-caption{

        display:none;
    }

}


/* ==========================================================
   VERY SMALL SCREENS
   ========================================================== */

@media(max-width:430px){

    .page-ismarts3 .ismarts3-hero-grid{

        width:
            calc(100% - 24px);

        padding:
            44px 0 38px;
    }


    .page-ismarts3 .ismarts3-hero-copy h1{

        font-size:
            3rem;
    }


    .page-ismarts3 .ismarts3-hero-product{

        min-height:320px;
    }


    .page-ismarts3 .ismarts3-product-grid{

        min-height:295px;
    }


    .page-ismarts3 .ismarts3-product-grid img{

        max-width:270px;

        max-height:315px;
    }

}


 /* ==========================================================
    AD LIFESTYLE V2
    HOME.CSS
    Premium Institutional Home
    Scope: .page-home
    ========================================================== */

/* ==========================================================
   HOME — ROOT
   ========================================================== */

.page-home{

    --home-primary: #1F252B;
    --home-primary-soft: #4C5864;
    --home-accent: #C6A15B;
    --home-accent-light: #E8D19A;

    --home-bg: #FFFFFF;
    --home-bg-soft: #F6F5F2;
    --home-bg-muted: #EEF1F3;

    --home-text: #20252B;
    --home-text-soft: #66717C;
    --home-border: rgba(31,37,43,.10);

    --home-shadow:
        0 24px 70px rgba(31,37,43,.08);

    --home-shadow-hover:
        0 30px 85px rgba(31,37,43,.14);

    --home-radius: 28px;
    --home-radius-sm: 20px;

    color:var(--home-text);
    background:var(--home-bg);

    overflow:hidden;

}

/* ==========================================================
   GLOBAL HOME TEXT
   ========================================================== */

.page-home .section-title{

    color:var(--home-text) !important;

}

.page-home .section-title span{

    color:var(--home-accent) !important;

}

.page-home .lead{

    color:var(--home-text-soft) !important;

}

.page-home .text{

    color:var(--home-text-soft) !important;

}

.page-home .label{

    color:var(--home-accent) !important;

}

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

.page-home .home-hero{

    position:relative;
    min-height:
        min(850px, calc(100vh - 70px));

    display:flex;
    align-items:center;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 15% 20%,
            rgba(198,161,91,.08),
            transparent 32%
        ),

        radial-gradient(
            circle at 80% 15%,
            rgba(201,217,233,.22),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #FAFAF8 48%,
            #F0F3F5 100%
        );

}

.page-home .home-hero::after{

    content:"";

    position:absolute;
    inset:auto 0 0 0;

    height:130px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(255,255,255,.95)
        );

    pointer-events:none;

}

.page-home .home-hero .container{

    position:relative;
    z-index:3;

}

/* ==========================================================
   HERO — AURORA
   ========================================================== */

.page-home .home-hero .aurora{

    position:absolute;
    inset:0;

    pointer-events:none;

}

.page-home .home-hero .blob{

    position:absolute;

    border-radius:50%;

    filter:blur(75px);

    pointer-events:none;

}

.page-home .home-hero .blob-1{

    width:430px;
    height:430px;

    left:-160px;
    top:-110px;

    background:rgba(198,161,91,.13);

}

.page-home .home-hero .blob-2{

    width:390px;
    height:390px;

    right:-110px;
    top:8%;

    background:rgba(120,148,176,.14);

}

.page-home .home-hero .blob-3{

    width:330px;
    height:330px;

    right:25%;
    bottom:-170px;

    background:rgba(57,211,83,.05);

}

/* ==========================================================
   HERO — CONTENT
   ========================================================== */

.page-home .home-eyebrow{

    display:block;

    margin-top:14px;

    font-size:.70rem;
    font-weight:900;
    letter-spacing:.20em;

    text-transform:uppercase;

    color:#89939D;

}

.page-home .hero-title{

    max-width:760px;

    margin-top:14px;

    color:var(--home-primary) !important;

    font-size:
        clamp(3.2rem, 6.3vw, 6.5rem);

    line-height:.96;
    letter-spacing:-.045em;

}

.page-home .hero-title span{

    display:block;

    background:

        linear-gradient(
            100deg,
            #1F252B 0%,
            #7C6742 48%,
            #C6A15B 100%
        );

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent !important;

}

.page-home .home-hero .hero-sub{

    max-width:650px;

    margin-top:26px;

    color:#65707B !important;

    font-size:
        clamp(1rem,1.35vw,1.15rem);

    line-height:1.85;

}

/* ==========================================================
   HERO — BUTTONS
   ========================================================== */

.page-home .hero-actions{

    display:flex;
    flex-wrap:wrap;

    align-items:center;

    gap:13px;

    margin-top:30px;

}

.page-home .hero-actions.center{

    justify-content:center;

}

.page-home .btn{

    min-height:50px;

    padding:
        0 22px;

    border-radius:999px;

    font-weight:800;

    letter-spacing:.01em;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        background .28s ease,
        border-color .28s ease;

}

.page-home .btn:hover{

    transform:translateY(-2px);

}

.page-home .btn-primary{

    background:
        linear-gradient(
            135deg,
            #1F252B,
            #39434C
        ) !important;

    color:#FFFFFF !important;

    border:1px solid rgba(31,37,43,.08);

    box-shadow:
        0 14px 35px rgba(31,37,43,.16);

}

.page-home .btn-primary:hover{

    box-shadow:
        0 18px 42px rgba(31,37,43,.23);

}

.page-home .btn-glass{

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

    color:var(--home-primary) !important;

    border:
        1px solid
        rgba(31,37,43,.14) !important;

    backdrop-filter:blur(12px);

}

.page-home .btn-glass:hover{

    background:#FFFFFF;

    border-color:
        rgba(198,161,91,.40) !important;

}

/* ==========================================================
   HERO — HIGHLIGHTS
   ========================================================== */

.page-home .home-hero-highlights{

    display:grid;

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

    gap:0;

    max-width:700px;

    margin-top:48px;

}

.page-home .home-hero-highlights > div{

    min-height:62px;

    padding:
        0 22px;

    border-left:
        1px solid
        rgba(31,37,43,.12);

}

.page-home .home-hero-highlights > div:first-child{

    padding-left:0;
    border-left:0;

}

.page-home .home-hero-highlights strong{

    display:block;

    color:var(--home-primary);

    font-size:.88rem;

}

.page-home .home-hero-highlights span{

    display:block;

    margin-top:4px;

    max-width:170px;

    color:#8A949D;

    font-size:.72rem;
    line-height:1.45;

}

/* ==========================================================
   HERO — VISUAL
   ========================================================== */

.page-home .home-hero .hero-visual{

    position:relative;

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

}

.page-home .home-hero .hero-product{

    position:relative;

    min-height:560px;

    width:100%;

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

}

.page-home .home-hero .product-glow{

    position:absolute;

    width:410px;
    height:410px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.23),
            rgba(201,217,233,.16) 48%,
            transparent 72%
        );

    filter:blur(6px);

}

.page-home .home-hero .hero-product img{

    position:relative;
    z-index:3;

    width:
        min(460px, 85%);

    max-height:540px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 36px 42px
            rgba(31,37,43,.16)
        );

}

.page-home .home-hero-orbit{

    position:absolute;

    width:500px;
    height:500px;

    border:
        1px solid
        rgba(198,161,91,.18);

    border-radius:50%;

}

.page-home .home-hero-orbit::before,
.page-home .home-hero-orbit::after{

    content:"";

    position:absolute;

    border-radius:50%;

}

.page-home .home-hero-orbit::before{

    inset:42px;

    border:
        1px solid
        rgba(120,148,176,.16);

}

.page-home .home-hero-orbit::after{

    width:8px;
    height:8px;

    top:38px;
    right:96px;

    background:var(--home-accent);

    box-shadow:
        0 0 0 8px rgba(198,161,91,.08),
        0 0 24px rgba(198,161,91,.40);

}

/* ==========================================================
   ABOUT
   ========================================================== */

.page-home .home-about{

    background:#FFFFFF;

}

.page-home .home-about .bento{

    gap:16px;

}

.page-home .home-about .bento-card{

    position:relative;

    border:
        1px solid
        rgba(31,37,43,.08);

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F7F7F4
        );

    box-shadow:
        0 16px 55px rgba(31,37,43,.05);

    overflow:hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}

.page-home .home-about .bento-card:hover{

    transform:translateY(-4px);

    box-shadow:
        0 25px 65px rgba(31,37,43,.09);

}

.page-home .home-about .bento-card::after{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    right:-100px;
    bottom:-110px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.12),
            transparent 70%
        );

    pointer-events:none;

}

.page-home .home-about .bento-card h3{

    position:relative;
    z-index:2;

    color:var(--home-primary);

    line-height:1.25;

}

/* ==========================================================
   PILLARS
   ========================================================== */

.page-home .home-pillars{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F8F8F6
        );

}

.page-home .home-pillars .service-card{

    position:relative;

    min-height:255px;

    padding:28px;

    border:
        1px solid
        rgba(31,37,43,.08);

    background:#FFFFFF;

    box-shadow:
        0 16px 45px rgba(31,37,43,.055);

    border-radius:24px;

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}

.page-home .home-pillars .service-card:hover{

    transform:translateY(-6px);

    box-shadow:
        0 25px 60px rgba(31,37,43,.11);

}

.page-home .home-pillars .service-icon{

    width:52px;
    height:52px;

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

    border-radius:16px;

    background:
        linear-gradient(
            135deg,
            #F2ECE1,
            #FFFFFF
        );

    border:
        1px solid
        rgba(198,161,91,.18);

    color:#846B3E;

    font-size:.82rem;
    font-weight:900;

}

.page-home .home-pillars .service-card h3{

    margin-top:22px;

    color:var(--home-primary);

}

/* ==========================================================
   PRODUCTS
   ========================================================== */

.page-home .home-products{

    background:#F4F5F5;

}

.page-home .home-products .grid{

    align-items:stretch;

}

.page-home .home-products .product-card{

    position:relative;

    display:flex;
    flex-direction:column;

    min-height:520px;

    overflow:hidden;

    border:
        1px solid
        rgba(31,37,43,.08);

    border-radius:30px;

    background:#FFFFFF;

    box-shadow:
        0 18px 55px rgba(31,37,43,.065);

    cursor:pointer;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}

.page-home .home-products .product-card:hover{

    transform:translateY(-8px);

    box-shadow:
        0 32px 85px rgba(31,37,43,.13);

}

.page-home .home-products .product-image{

    position:relative;

    min-height:330px;

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

    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(198,161,91,.13),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            #FFFFFF,
            #F2F4F5
        );

}

.page-home .home-products .product-image::after{

    content:"";

    position:absolute;

    inset:15px;

    border:
        1px solid
        rgba(31,37,43,.05);

    border-radius:24px;

    pointer-events:none;

}

.page-home .home-products .orb{

    position:absolute;

    width:230px;
    height:230px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.20),
            transparent 68%
        );

    filter:blur(4px);

}

.page-home .home-products .product-image img{

    position:relative;
    z-index:2;

    width:
        min(285px, 72%);

    max-height:280px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 25px 30px
            rgba(31,37,43,.17)
        );

    transition:
        transform .45s ease;

}

.page-home .home-products .product-card:hover .product-image img{

    transform:
        translateY(-6px)
        scale(1.035);

}

.page-home .home-products .product-info{

    flex:1;

    display:flex;
    flex-direction:column;

    padding:26px 28px 28px;

}

.page-home .home-products .product-category{

    display:block;

    color:#A07D42;

    font-size:.69rem;
    font-weight:900;
    letter-spacing:.15em;

    text-transform:uppercase;

}

.page-home .home-products .product-info h3{

    margin-top:10px;

    color:var(--home-primary);

    font-size:1.45rem;

}

.page-home .home-products .product-info p{

    max-width:440px;

    line-height:1.75;

}

.page-home .home-products .product-link{

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

    margin-top:auto;
    padding-top:20px;

    color:var(--home-primary);

    font-size:.82rem;
    font-weight:900;

    transition:
        color .25s ease,
        transform .25s ease;

}

.page-home .home-products .product-card:hover .product-link{

    color:#A07D42;

    transform:
        translateX(4px);

}

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

.page-home #viewAllProducts{

    min-width:210px;

}

/* ==========================================================
   ECOSYSTEM
   ========================================================== */

.page-home .home-ecosystem{

    background:#FFFFFF;

}

.page-home .home-ecosystem .showcase{

    position:relative;

    overflow:hidden;

    border-radius:34px;

    background:
        linear-gradient(
            135deg,
            #20252B,
            #303A43
        );

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

    box-shadow:
        0 30px 80px rgba(31,37,43,.18);

}

.page-home .home-ecosystem .showcase::before{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    right:-190px;
    top:-190px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.15),
            transparent 68%
        );

}

.page-home .home-ecosystem .showcase-content{

    position:relative;
    z-index:2;

    padding:42px;

}

.page-home .home-ecosystem .section-title{

    color:#FFFFFF !important;

}

.page-home .home-ecosystem .section-title span{

    color:var(--home-accent-light) !important;

}

.page-home .home-ecosystem .text-lg{

    color:#D1D7DC !important;

    line-height:1.8;

}

.page-home .home-ecosystem .icon-item{

    display:flex;
    gap:14px;

    margin-top:17px;

    align-items:flex-start;

}

.page-home .home-ecosystem .icon-circle{

    width:38px;
    height:38px;

    flex:0 0 38px;

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

    border-radius:50%;

    background:
        rgba(198,161,91,.13);

    border:
        1px solid
        rgba(198,161,91,.18);

    color:var(--home-accent-light);

    font-size:.68rem;
    font-weight:900;

}

.page-home .home-ecosystem .icon-item strong{

    color:#FFFFFF;

}

.page-home .home-ecosystem .icon-item .text{

    margin-top:2px;

    color:#AEB7BF !important;

}

.page-home .home-ecosystem-visual{

    position:relative;

    width:100%;
    min-height:440px;

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

    overflow:hidden;

    border-radius:26px;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.06),
            transparent 64%
        );

}

.page-home .home-ecosystem-visual::before,
.page-home .home-ecosystem-visual::after{

    content:"";

    position:absolute;

    border-radius:50%;

    border:
        1px solid
        rgba(198,161,91,.17);

}

.page-home .home-ecosystem-visual::before{

    width:300px;
    height:300px;

}

.page-home .home-ecosystem-visual::after{

    width:390px;
    height:390px;

}

.page-home .home-ecosystem-number{

    position:relative;
    z-index:2;

    font-size:
        clamp(7rem, 14vw, 10rem);

    line-height:.8;

    font-weight:900;
    letter-spacing:-.08em;

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

    text-shadow:
        0 20px 45px rgba(0,0,0,.25);

}

.page-home .home-ecosystem-visual > span{

    position:relative;
    z-index:2;

    margin-top:28px;

    color:var(--home-accent-light);

    font-size:.75rem;
    font-weight:900;
    letter-spacing:.20em;

}

.page-home .home-ecosystem-visual small{

    position:relative;
    z-index:2;

    margin-top:9px;

    color:#AAB4BC;

    font-size:.72rem;

}

/* ==========================================================
   EVENT
   ========================================================== */

.page-home .home-event{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F7F7F5
        );

}

.page-home .home-event .showcase{

    overflow:hidden;

    border-radius:32px;

    background:#FFFFFF;

    border:
        1px solid
        rgba(31,37,43,.08);

    box-shadow:
        0 24px 65px rgba(31,37,43,.075);

}

.page-home .home-event .showcase-content{

    padding:0;

}

.page-home .home-event .split-image{

    overflow:hidden;

    min-height:480px;

}

.page-home .home-event .split-image img{

    width:100%;
    height:100%;

    min-height:480px;

    object-fit:cover;

    transition:
        transform .7s ease;

}

.page-home .home-event .showcase:hover
.split-image img{

    transform:scale(1.025);

}

.page-home .home-event .split-content{

    padding:48px 44px;

}

.page-home .home-event .text-lg{

    color:#65707B;

    line-height:1.8;

}

.page-home .home-event .icon-list{

    display:flex;
    flex-direction:column;

    gap:18px;

}

.page-home .home-event .icon-item{

    display:flex;
    gap:13px;

    align-items:flex-start;

}

.page-home .home-event .icon-circle{

    width:38px;
    height:38px;

    flex:0 0 38px;

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

    border-radius:50%;

    background:#F3EFE7;

    color:#866F45;

}

.page-home .home-event .icon-item strong{

    color:var(--home-primary);

}

/* ==========================================================
   SOCIAL
   ========================================================== */

.page-home .home-social{

    background:#FFFFFF;

}

.page-home .home-social .service-card{

    min-height:230px;

    padding:28px;

    border:
        1px solid
        rgba(31,37,43,.08);

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F7F8F8
        );

    box-shadow:
        0 16px 45px rgba(31,37,43,.05);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}

.page-home .home-social .service-card:hover{

    transform:translateY(-5px);

    box-shadow:
        0 25px 60px rgba(31,37,43,.10);

}

.page-home .home-social .service-icon{

    width:50px;
    height:50px;

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

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            #20252B,
            #4A555F
        );

    color:#FFFFFF;

    font-weight:900;

}

.page-home .home-social .product-category{

    display:block;

    margin-top:24px;

    color:#9A783F;

    font-size:.69rem;
    font-weight:900;
    letter-spacing:.14em;

    text-transform:uppercase;

}

.page-home .home-social .service-card h3{

    margin-top:8px;

    color:var(--home-primary);

}

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

.page-home .home-final-cta{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F6F4EF
        );

}

.page-home .home-final-cta .showcase{

    position:relative;

    overflow:hidden;

    border-radius:34px;

    background:
        linear-gradient(
            135deg,
            #F5F1E8,
            #FFFFFF
        );

    border:
        1px solid
        rgba(198,161,91,.16);

    box-shadow:
        0 24px 75px rgba(31,37,43,.075);

}

.page-home .home-final-cta .showcase::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    left:-180px;
    top:-220px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.12),
            transparent 68%
        );

}

.page-home .home-final-cta .showcase::after{

    content:"";

    position:absolute;

    width:300px;
    height:300px;

    right:-120px;
    bottom:-160px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(120,148,176,.10),
            transparent 68%
        );

}

.page-home .home-final-cta .showcase-content{

    position:relative;
    z-index:2;

    padding:70px 30px;

}

.page-home .home-final-cta .section-title{

    max-width:800px;

    margin-left:auto;
    margin-right:auto;

}

.page-home .home-final-cta .lead{

    max-width:680px;

    margin-left:auto;
    margin-right:auto;

}

/* ==========================================================
   HOME — FOCUS STATES
   ========================================================== */

.page-home button:focus-visible,
.page-home article:focus-visible{

    outline:
        3px solid
        rgba(198,161,91,.35);

    outline-offset:4px;

}

/* ==========================================================
   HOME — PRODUCT CURSOR
   ========================================================== */

.page-home .product-card{

    -webkit-tap-highlight-color:transparent;

}

/* ==========================================================
   HOME — RESPONSIVE 1100
   ========================================================== */

@media(max-width:1100px){

    .page-home .home-hero .hero-product{

        min-height:470px;

    }

    .page-home .home-hero .hero-product img{

        width:
            min(390px, 82%);

    }

    .page-home .home-hero-orbit{

        width:420px;
        height:420px;

    }

    .page-home .home-hero .product-glow{

        width:350px;
        height:350px;

    }

    .page-home .home-products .product-card{

        min-height:480px;

    }

}

/* ==========================================================
   HOME — RESPONSIVE 900
   ========================================================== */

@media(max-width:900px){

    .page-home .home-hero{

        min-height:auto;

        padding:
            90px 0 70px;

    }

    .page-home .home-hero .hero-grid{

        grid-template-columns:1fr;

    }

    .page-home .home-hero .hero-content{

        text-align:center;

    }

    .page-home .home-hero .hero-sub{

        margin-left:auto;
        margin-right:auto;

    }

    .page-home .home-hero .hero-actions{

        justify-content:center;

    }

    .page-home .home-hero-highlights{

        margin-left:auto;
        margin-right:auto;

        max-width:640px;

        text-align:left;

    }

    .page-home .home-hero .hero-visual{

        margin-top:30px;

    }

    .page-home .home-hero .hero-product{

        min-height:400px;

    }

    .page-home .home-about .bento{

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

    }

    .page-home .home-about .bento-card.span-7,
    .page-home .home-about .bento-card.span-5{

        grid-column:span 2;

    }

    .page-home .home-pillars .grid-4{

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

    }

    .page-home .home-ecosystem .split{

        grid-template-columns:1fr;

    }

    .page-home .home-event .split{

        grid-template-columns:1fr;

    }

    .page-home .home-event .split-image{

        min-height:350px;

    }

    .page-home .home-event .split-image img{

        min-height:350px;

    }

}

/* ==========================================================
   HOME — RESPONSIVE 700
   ========================================================== */

@media(max-width:700px){

    .page-home .hero-title{

        font-size:
            clamp(2.7rem, 12vw, 4.8rem);

    }

    .page-home .home-hero-highlights{

        grid-template-columns:1fr;

        gap:16px;

        margin-top:36px;

    }

    .page-home .home-hero-highlights > div{

        padding:
            0 0 0 15px;

        border-left:
            2px solid
            rgba(198,161,91,.26);

    }

    .page-home .home-about .bento{

        grid-template-columns:1fr;

    }

    .page-home .home-about .bento-card.span-7,
    .page-home .home-about .bento-card.span-5,
    .page-home .home-about .bento-card.span-4{

        grid-column:auto;

    }

    .page-home .home-pillars .grid-4{

        grid-template-columns:1fr;

    }

    .page-home .home-products .grid-2{

        grid-template-columns:1fr;

    }

    .page-home .home-products .product-card{

        min-height:450px;

    }

    .page-home .home-products .product-image{

        min-height:290px;

    }

    .page-home .home-ecosystem .showcase-content{

        padding:25px;

    }

    .page-home .home-ecosystem-visual{

        min-height:340px;

    }

    .page-home .home-ecosystem-number{

        font-size:7rem;

    }

    .page-home .home-event .split-content{

        padding:30px 25px;

    }

    .page-home .home-social .grid-3{

        grid-template-columns:1fr;

    }

    .page-home .home-final-cta .showcase-content{

        padding:50px 22px;

    }

}

/* ==========================================================
   HOME — RESPONSIVE 520
   ========================================================== */

@media(max-width:520px){

    .page-home .home-hero{

        padding:
            70px 0 50px;

    }

    .page-home .home-hero .hero-product{

        min-height:330px;

    }

    .page-home .home-hero .hero-product img{

        width:82%;

    }

    .page-home .home-hero-orbit{

        width:290px;
        height:290px;

    }

    .page-home .home-hero .product-glow{

        width:260px;
        height:260px;

    }

    .page-home .hero-actions{

        flex-direction:column;

        width:100%;

    }

    .page-home .hero-actions .btn{

        width:100%;

    }

    .page-home .home-products .product-card{

        border-radius:24px;

    }

    .page-home .home-products .product-info{

        padding:
            23px 22px 25px;

    }

    .page-home .home-event .split-image,
    .page-home .home-event .split-image img{

        min-height:260px;

    }

    .page-home .home-final-cta .hero-actions{

        gap:10px;

    }

}

/* ==========================================================
   AD LIFESTYLE V2
   SERVICES PAGE
   Premium Institutional Services
   Scope: .page-services
   ========================================================== */

.page-services{

    --services-black:#20252B;
    --services-black-soft:#30373E;

    --services-gold:#C6A15B;
    --services-gold-light:#E7D39B;

    --services-white:#FFFFFF;
    --services-ivory:#F8F7F4;

    --services-gray:#68737E;
    --services-gray-light:#EEF0F2;

    --services-border:rgba(32,37,43,.09);

    --services-shadow:
        0 24px 70px rgba(32,37,43,.075);

    --services-shadow-hover:
        0 32px 90px rgba(32,37,43,.13);

    color:var(--services-black);

    background:
        var(--services-white);

}

/* ==========================================================
   GENERAL
   ========================================================== */

.page-services .section-title{

    color:var(--services-black) !important;

}

.page-services .section-title span{

    color:var(--services-gold) !important;

}

.page-services .lead,
.page-services .text{

    color:var(--services-gray) !important;

}

.page-services .label{

    color:var(--services-gold) !important;

}

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

.page-services .services-hero{

    position:relative;

    min-height:
        min(850px,calc(100vh - 70px));

    overflow:hidden;

    background:

        radial-gradient(
            circle at 15% 20%,
            rgba(198,161,91,.10),
            transparent 32%
        ),

        radial-gradient(
            circle at 85% 20%,
            rgba(120,148,176,.11),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #FFFFFF,
            #F7F7F5 55%,
            #EDF0F1
        );

}

.page-services .services-hero .container{

    position:relative;

    z-index:3;

}

.page-services .services-eyebrow{

    display:block;

    margin-top:13px;

    color:#8B949C;

    font-size:.70rem;
    font-weight:900;

    letter-spacing:.19em;

    text-transform:uppercase;

}

.page-services .services-hero .hero-title{

    margin-top:15px;

    max-width:780px;

    font-size:
        clamp(3.2rem,6vw,6.4rem);

    line-height:.95;

    letter-spacing:-.045em;

    color:var(--services-black) !important;

}

.page-services .services-hero .hero-title span{

    display:block;

    background:
        linear-gradient(
            100deg,
            #20252B,
            #886F42,
            #C6A15B
        );

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent !important;

}

.page-services .services-hero .hero-sub{

    max-width:660px;

    margin-top:27px;

    color:#65717C !important;

    font-size:
        clamp(1rem,1.3vw,1.15rem);

    line-height:1.85;

}

/* ==========================================================
   HERO STATS
   ========================================================== */

.page-services .services-hero-stats{

    display:grid;

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

    max-width:700px;

    margin-top:45px;

}

.page-services .services-hero-stats > div{

    padding:
        0 22px;

    border-left:
        1px solid
        rgba(32,37,43,.12);

}

.page-services .services-hero-stats > div:first-child{

    padding-left:0;

    border-left:0;

}

.page-services .services-hero-stats strong{

    display:block;

    color:var(--services-black);

    font-size:.87rem;

}

.page-services .services-hero-stats span{

    display:block;

    margin-top:5px;

    color:#89929A;

    font-size:.72rem;
    line-height:1.45;

}

/* ==========================================================
   HERO VISUAL
   ========================================================== */

.page-services .services-hero-visual{

    position:relative;

    width:
        min(560px,100%);

    height:560px;

    display:flex;

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

}

.page-services .services-logo-orbit{

    position:absolute;

    border-radius:50%;

    border:
        1px solid
        rgba(198,161,91,.20);

}

.page-services .orbit-one{

    width:350px;
    height:350px;

}

.page-services .orbit-two{

    width:500px;
    height:500px;

    border-color:
        rgba(120,148,176,.13);

}

.page-services .services-logo-core{

    position:relative;

    z-index:4;

    width:230px;
    height:230px;

    display:flex;

    flex-direction:column;

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

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            #FFFFFF 0%,
            #F4F3EF 72%,
            #EDEBE6 100%
        );

    border:
        1px solid
        rgba(198,161,91,.20);

    box-shadow:

        0 35px 75px
        rgba(32,37,43,.13),

        inset 0 0 50px
        rgba(198,161,91,.08);

}

.page-services .services-logo-mark{

    font-size:4.2rem;

    line-height:.8;

    font-weight:900;

    letter-spacing:-.08em;

    color:var(--services-black);

}

.page-services .services-logo-core > span{

    margin-top:15px;

    color:#957845;

    font-size:.75rem;
    font-weight:900;

    letter-spacing:.23em;

}

.page-services .services-logo-core small{

    margin-top:7px;

    color:#8C969D;

    font-size:.65rem;

    letter-spacing:.08em;

}

/* ==========================================================
   INTRO
   ========================================================== */

.page-services .services-intro{

    background:#FFFFFF;

}

.page-services .services-intro-grid{

    display:grid;

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

    gap:16px;

}

.page-services .services-intro-card{

    position:relative;

    min-height:290px;

    padding:30px;

    overflow:hidden;

    border:
        1px solid
        var(--services-border);

    border-radius:27px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F7F7F5
        );

    box-shadow:
        0 17px 50px
        rgba(32,37,43,.055);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}

.page-services .services-intro-card:hover{

    transform:translateY(-6px);

    box-shadow:
        var(--services-shadow-hover);

}

.page-services .services-card-number{

    position:absolute;

    right:22px;
    top:19px;

    color:
        rgba(32,37,43,.06);

    font-size:4rem;

    font-weight:900;

}

.page-services .services-card-icon{

    width:52px;
    height:52px;

    display:flex;

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

    border-radius:16px;

    background:
        linear-gradient(
            135deg,
            #F3ECDD,
            #FFFFFF
        );

    color:#8D7042;

    font-weight:900;

}

.page-services .services-intro-card h3{

    margin-top:23px;

    color:var(--services-black);

}

.page-services .services-intro-card p{

    margin-top:11px;

    color:#6E7881;

    line-height:1.72;

}

/* ==========================================================
   TWO FOCUSES
   ========================================================== */

.page-services .services-focus{

    background:#F5F6F6;

}

.page-services .services-focus-grid{

    display:grid;

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

    gap:20px;

}

.page-services .services-focus-card{

    position:relative;

    min-height:510px;

    overflow:hidden;

    border-radius:31px;

    border:
        1px solid
        rgba(32,37,43,.08);

    background:#FFFFFF;

    box-shadow:
        var(--services-shadow);

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}

.page-services .services-focus-card:hover{

    transform:translateY(-7px);

    box-shadow:
        var(--services-shadow-hover);

}

.page-services .services-focus-top{

    height:95px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:
        0 30px;

    border-bottom:
        1px solid
        rgba(32,37,43,.08);

}

.page-services .services-focus-top span{

    color:#8E979E;

    font-size:.68rem;
    font-weight:900;

    letter-spacing:.16em;

}

.page-services .services-focus-top div{

    color:#9D814A;

    font-size:.70rem;
    font-weight:900;

    letter-spacing:.16em;

}

.page-services .services-focus-body{

    padding:35px;

}

.page-services .services-focus-icon{

    width:62px;
    height:62px;

    display:flex;

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

    border-radius:19px;

    background:
        linear-gradient(
            135deg,
            #F3EEE4,
            #FFFFFF
        );

    border:
        1px solid
        rgba(198,161,91,.16);

    color:#887043;

    font-size:1.2rem;

    font-weight:900;

}

.page-services .services-focus-card h3{

    max-width:500px;

    margin-top:24px;

    color:var(--services-black);

    font-size:1.9rem;
    line-height:1.18;

}

.page-services .services-focus-card p{

    margin-top:15px;

    color:#68737D;

    line-height:1.8;

}

.page-services .services-chip-row{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:25px;

}

.page-services .services-chip-row span{

    padding:
        7px 11px;

    border-radius:999px;

    background:#F0F1F1;

    color:#4B555E;

    font-size:.68rem;
    font-weight:800;

}

.page-services .services-text-button{

    margin-top:27px;

    padding:0;

    border:0;

    background:none;

    color:#8E7141;

    font-weight:900;

    cursor:pointer;

}

.page-services .services-focus-card.evolution{

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F6F3ED
        );

}

/* ==========================================================
   WELLNESS
   ========================================================== */

.page-services .services-wellness{

    background:#FFFFFF;

}

.page-services .services-wellness .split{

    align-items:center;

}

.page-services .services-feature-list{

    display:flex;

    flex-direction:column;

    gap:17px;

    margin-top:28px;

}

.page-services .services-feature{

    display:grid;

    grid-template-columns:42px 1fr;

    gap:14px;

}

.page-services .services-feature-number{

    width:38px;
    height:38px;

    display:flex;

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

    border-radius:50%;

    background:#F1ECE3;

    color:#866C3F;

    font-size:.67rem;
    font-weight:900;

}

.page-services .services-feature strong{

    color:var(--services-black);

}

.page-services .services-feature p{

    margin-top:3px;

    color:#73808A;

    font-size:.87rem;
    line-height:1.6;

}

.page-services .services-image-placeholder{

    min-height:510px;

    display:flex;

    flex-direction:column;

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

    border-radius:32px;

    border:
        2px dashed
        rgba(198,161,91,.25);

    background:
        radial-gradient(
            circle,
            #FFFFFF,
            #F2F4F4
        );

    text-align:center;

}

.page-services .services-image-placeholder span{

    color:#A68A50;

    font-size:.70rem;
    font-weight:900;

    letter-spacing:.22em;

}

.page-services .services-image-placeholder strong{

    margin-top:13px;

    color:var(--services-black);

    font-size:1.05rem;

}

.page-services .services-image-placeholder small{

    max-width:270px;

    margin-top:7px;

    color:#8A949C;

    line-height:1.6;

}

/* ==========================================================
   ACADEMY
   ========================================================== */

.page-services .services-academy{

    background:#F5F5F3;

}

.page-services .services-academy-panel{

    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,1.1fr)
        minmax(0,.9fr);

    overflow:hidden;

    border-radius:34px;

    background:
        linear-gradient(
            135deg,
            #20252B,
            #30373E
        );

    box-shadow:
        0 30px 90px
        rgba(32,37,43,.18);

}

.page-services .services-academy-content{

    position:relative;

    z-index:2;

    padding:55px;

}

.page-services .services-academy .section-title{

    color:#FFFFFF !important;

}

.page-services .services-academy .section-title span{

    color:var(--services-gold-light) !important;

}

.page-services .services-academy .text-lg{

    color:#D1D7DB !important;

    line-height:1.8;

}

.page-services .services-academy-list{

    display:grid;

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

    gap:18px;

    margin-top:30px;

}

.page-services .services-academy-feature{

    display:grid;

    grid-template-columns:36px 1fr;

    gap:11px;

}

.page-services .services-academy-feature > span{

    width:32px;
    height:32px;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(198,161,91,.12);

    color:var(--services-gold-light);

    font-size:.63rem;
    font-weight:900;

}

.page-services .services-academy-feature strong{

    color:#FFFFFF;

    font-size:.88rem;

}

.page-services .services-academy-feature p{

    margin-top:3px;

    color:#AEB7BD;

    font-size:.78rem;
    line-height:1.55;

}

.page-services .services-academy-visual{

    position:relative;

    min-height:540px;

    display:flex;

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

    overflow:hidden;

}

.page-services .services-academy-visual::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    border:
        1px solid
        rgba(198,161,91,.20);

}

.page-services .services-academy-visual::after{

    content:"";

    position:absolute;

    width:300px;
    height:300px;

    border-radius:50%;

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

}

.page-services .academy21-symbol{

    position:relative;

    z-index:3;

    display:flex;

    flex-direction:column;

    align-items:center;

}

.page-services .academy21-symbol strong{

    font-size:
        clamp(8rem,15vw,11rem);

    line-height:.72;

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

    font-weight:900;

    letter-spacing:-.10em;

}

.page-services .academy21-symbol span{

    margin-top:30px;

    color:var(--services-gold-light);

    font-size:.75rem;
    font-weight:900;

    letter-spacing:.25em;

}

.page-services .academy21-symbol small{

    margin-top:9px;

    color:#9EA9B0;

    font-size:.67rem;

}

/* ==========================================================
   BRIDGE
   ========================================================== */

.page-services .services-bridge{

    background:#FFFFFF;

}

.page-services .services-bridge-flow{

    display:flex;

    align-items:center;

    justify-content:center;

}

.page-services .bridge-node{

    width:180px;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

}

.page-services .bridge-node > span{

    width:50px;
    height:50px;

    display:flex;

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

    border-radius:50%;

    background:#F2EEE6;

    color:#866C3F;

    font-size:.70rem;
    font-weight:900;

}

.page-services .bridge-node strong{

    margin-top:15px;

    color:var(--services-black);

}

.page-services .bridge-node p{

    margin-top:5px;

    color:#7A858E;

    font-size:.72rem;
    line-height:1.5;

}

.page-services .bridge-line{

    flex:1;

    max-width:110px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(198,161,91,.10),
            rgba(198,161,91,.65),
            rgba(198,161,91,.10)
        );

}

/* ==========================================================
   CAMPAIGNS
   ========================================================== */

.page-services .services-campaigns{

    background:#F6F6F4;

}

.page-services .services-campaign-card{

    position:relative;

    min-height:220px;

    padding:28px;

    border-radius:24px;

    border:
        1px solid
        rgba(32,37,43,.08);

    background:#FFFFFF;

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}

.page-services .services-campaign-card:hover{

    transform:translateY(-5px);

    box-shadow:
        0 25px 60px
        rgba(32,37,43,.09);

}

.page-services .services-campaign-card > span{

    color:#B79B67;

    font-size:.72rem;
    font-weight:900;
    letter-spacing:.15em;

}

.page-services .services-campaign-card h3{

    margin-top:35px;

    color:var(--services-black);

}

.page-services .services-campaign-card p{

    line-height:1.65;

}

/* ==========================================================
   INTERNATIONAL
   ========================================================== */

.page-services .services-international{

    background:#FFFFFF;

}

.page-services .services-global{

    position:relative;

    display:grid;

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

    align-items:center;

    overflow:hidden;

    border-radius:34px;

    background:
        linear-gradient(
            135deg,
            #F5F1E8,
            #FFFFFF
        );

    border:
        1px solid
        rgba(198,161,91,.13);

}

.page-services .services-global-content{

    padding:55px;

}

.page-services .services-global .text-lg{

    color:#69747E !important;

    line-height:1.8;

}

.page-services .services-global-points{

    display:flex;

    flex-direction:column;

    gap:18px;

    margin-top:28px;

}

.page-services .services-global-point{

    display:flex;

    gap:13px;

}

.page-services .services-global-point > span{

    width:32px;
    height:32px;

    flex:0 0 32px;

    display:flex;

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

    border-radius:50%;

    background:#EFE9DD;

    color:#80663B;

    font-size:.75rem;

}

.page-services .services-global-point strong{

    color:var(--services-black);

}

.page-services .services-global-point p{

    margin-top:3px;

    color:#75808A;

    font-size:.83rem;
    line-height:1.55;

}

.page-services .services-global-visual{

    min-height:500px;

    display:flex;

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

}

.page-services .global-orbit{

    position:relative;

    width:330px;
    height:330px;

    display:flex;

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

    border:
        1px solid
        rgba(198,161,91,.27);

    border-radius:50%;

}

.page-services .global-orbit::before,
.page-services .global-orbit::after{

    content:"";

    position:absolute;

    border-radius:50%;

    border:
        1px solid
        rgba(120,148,176,.16);

}

.page-services .global-orbit::before{

    inset:35px;

}

.page-services .global-orbit::after{

    inset:80px;

}

.page-services .global-core{

    width:110px;
    height:110px;

    display:flex;

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

    border-radius:50%;

    background:#20252B;

    color:#FFFFFF;

    font-size:2rem;
    font-weight:900;

    box-shadow:
        0 20px 45px
        rgba(32,37,43,.22);

}

.page-services .global-point{

    position:absolute;

    z-index:4;

    width:48px;
    height:48px;

    display:flex;

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

    border-radius:50%;

    background:#FFFFFF;

    border:
        1px solid
        rgba(198,161,91,.20);

    box-shadow:
        0 10px 25px
        rgba(32,37,43,.08);

    color:#846A3D;

    font-size:.66rem;
    font-weight:900;

}

.page-services .global-point.p1{

    top:35px;
    left:55px;

}

.page-services .global-point.p2{

    right:25px;
    top:140px;

}

.page-services .global-point.p3{

    bottom:35px;
    left:130px;

}

/* ==========================================================
   OPPORTUNITY
   ========================================================== */

.page-services .services-opportunity{

    background:#F6F6F4;

}

.page-services .services-opportunity-grid{

    display:grid;

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

    gap:20px;

}

.page-services .services-opportunity-card{

    position:relative;

    min-height:290px;

    padding:36px;

    overflow:hidden;

    border-radius:28px;

    background:#FFFFFF;

    border:
        1px solid
        rgba(32,37,43,.08);

    box-shadow:
        0 18px 55px
        rgba(32,37,43,.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}

.page-services .services-opportunity-card:hover{

    transform:translateY(-6px);

    box-shadow:
        0 30px 70px
        rgba(32,37,43,.11);

}

.page-services .services-opportunity-card > span{

    color:#A08248;

    font-size:.75rem;
    font-weight:900;
    letter-spacing:.18em;

}

.page-services .services-opportunity-card h3{

    margin-top:22px;

    color:var(--services-black);

    font-size:2rem;

}

.page-services .services-opportunity-card p{

    margin-top:12px;

    max-width:510px;

    color:#707B84;

    line-height:1.7;

}

.page-services .services-opportunity-arrow{

    position:absolute;

    right:30px;
    bottom:25px;

    color:#B18D52;

    font-size:1.4rem;

}

.page-services .services-opportunity-note{

    margin-top:20px;

    padding:21px 23px;

    border-radius:18px;

    background:#FFFFFF;

    border:
        1px solid
        rgba(198,161,91,.16);

}

.page-services .services-opportunity-note > span{

    color:#A17F45;

    font-size:.68rem;
    font-weight:900;
    letter-spacing:.14em;

}

.page-services .services-opportunity-note p{

    margin-top:6px;

    color:#78828A;

    line-height:1.65;

}

/* ==========================================================
   PROCESS
   ========================================================== */

.page-services .services-process{

    background:#FFFFFF;

}

/* ==========================================================
   FAQ
   ========================================================== */

.page-services .services-faq{

    background:#F6F6F4;

}

.page-services .services-faq .faq-item{

    border-color:
        rgba(32,37,43,.09);

    background:#FFFFFF;

}

.page-services .services-faq .faq-question{

    color:var(--services-black) !important;

}

.page-services .services-faq .faq-answer p{

    color:#707B84 !important;

}

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

.page-services .services-cta{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F4F1EA
        );

}

.page-services .services-final-showcase{

    position:relative;

    overflow:hidden;

    border-radius:35px;

    background:
        linear-gradient(
            135deg,
            #20252B,
            #30373E
        );

    box-shadow:
        0 30px 90px
        rgba(32,37,43,.17);

}

.page-services .services-cta-glow{

    position:absolute;

    width:500px;
    height:500px;

    left:50%;
    top:-350px;

    transform:translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.18),
            transparent 68%
        );

}

.page-services .services-final-showcase .showcase-content{

    position:relative;

    z-index:3;

    padding:75px 30px;

}

.page-services .services-final-showcase .section-title{

    max-width:850px;

    margin-left:auto;
    margin-right:auto;

    color:#FFFFFF !important;

}

.page-services .services-final-showcase .section-title span{

    color:var(--services-gold-light) !important;

}

.page-services .services-final-showcase .lead{

    max-width:670px;

    margin-left:auto;
    margin-right:auto;

    color:#CDD4D9 !important;

}

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

.page-services .btn-primary{

    background:
        linear-gradient(
            135deg,
            #20252B,
            #424B53
        ) !important;

    color:#FFFFFF !important;

    box-shadow:
        0 14px 32px
        rgba(32,37,43,.16);

}

.page-services .btn-glass{

    color:var(--services-black) !important;

    border-color:
        rgba(32,37,43,.15) !important;

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

}

.page-services .services-final-showcase .btn-glass{

    color:#FFFFFF !important;

    border-color:
        rgba(255,255,255,.18) !important;

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

}

/* ==========================================================
   RESPONSIVE — 1000
   ========================================================== */

@media(max-width:1000px){

    .page-services .services-focus-grid,
    .page-services .services-opportunity-grid{

        grid-template-columns:1fr;

    }

    .page-services .services-academy-panel,
    .page-services .services-global{

        grid-template-columns:1fr;

    }

    .page-services .services-academy-visual{

        min-height:350px;

    }

    .page-services .services-global-visual{

        min-height:360px;

    }

}

/* ==========================================================
   RESPONSIVE — 800
   ========================================================== */

@media(max-width:800px){

    .page-services .services-hero{

        min-height:auto;

        padding:
            80px 0 60px;

    }

    .page-services .services-hero .hero-content{

        text-align:center;

    }

    .page-services .services-hero .hero-sub{

        margin-left:auto;
        margin-right:auto;

    }

    .page-services .services-hero .hero-actions{

        justify-content:center;

    }

    .page-services .services-hero-stats{

        margin-left:auto;
        margin-right:auto;

        text-align:left;

    }

    .page-services .services-intro-grid{

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

    }

    .page-services .services-intro-card:last-child{

        grid-column:span 2;

    }

    .page-services .services-academy-content,
    .page-services .services-global-content{

        padding:35px;

    }

    .page-services .services-academy-list{

        grid-template-columns:1fr;

    }

    .page-services .services-bridge-flow{

        flex-direction:column;

        gap:13px;

    }

    .page-services .bridge-line{

        width:1px;
        height:55px;

        max-width:none;

        background:
            linear-gradient(
                180deg,
                rgba(198,161,91,.10),
                rgba(198,161,91,.65),
                rgba(198,161,91,.10)
            );

    }

}

/* ==========================================================
   RESPONSIVE — 600
   ========================================================== */

@media(max-width:600px){

    .page-services .hero-title{

        font-size:
            clamp(2.6rem,12vw,4.6rem);

    }

    .page-services .services-hero .hero-visual{

        margin-top:25px;

    }

    .page-services .services-hero-visual{

        width:100%;
        height:360px;

    }

    .page-services .orbit-one{

        width:250px;
        height:250px;

    }

    .page-services .orbit-two{

        width:340px;
        height:340px;

    }

    .page-services .services-logo-core{

        width:180px;
        height:180px;

    }

    .page-services .services-logo-mark{

        font-size:3rem;

    }

    .page-services .services-hero-stats{

        grid-template-columns:1fr;

        gap:16px;

    }

    .page-services .services-hero-stats > div{

        padding:
            0 0 0 14px;

        border-left:
            2px solid
            rgba(198,161,91,.24);

    }

    .page-services .services-intro-grid{

        grid-template-columns:1fr;

    }

    .page-services .services-intro-card:last-child{

        grid-column:auto;

    }

    .page-services .services-focus-card{

        min-height:450px;

    }

    .page-services .services-focus-body{

        padding:27px;

    }

    .page-services .services-focus-card h3{

        font-size:1.55rem;

    }

    .page-services .services-image-placeholder{

        min-height:350px;

    }

    .page-services .services-academy-content,
    .page-services .services-global-content{

        padding:27px;

    }

    .page-services .services-academy-visual{

        min-height:300px;

    }

    .page-services .services-global-visual{

        min-height:330px;

    }

    .page-services .global-orbit{

        width:260px;
        height:260px;

    }

    .page-services .services-final-showcase
    .showcase-content{

        padding:
            55px 20px;

    }

}

/* ==========================================================
   AD LIFESTYLE V2
   EVENTS PAGE
   Premium Editorial / Technology Experience
   Scope: .page-events
   ========================================================== */

.page-events{

    --events-black:#171B1F;
    --events-black-soft:#252B31;

    --events-gold:#C6A15B;
    --events-gold-light:#E9D7A9;

    --events-white:#FFFFFF;
    --events-ivory:#F8F7F3;

    --events-gray:#69747E;
    --events-border:rgba(23,27,31,.09);

    --events-green:#4BA66A;

    color:var(--events-black);

    overflow:hidden;

}

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

.page-events .events-hero{

    position:relative;

    min-height:
        min(800px,92vh);

    overflow:hidden;

    background:#171B1F;

}

.page-events .events-hero-slides,
.page-events .events-hero-slide{

    position:absolute;

    inset:0;

}

.page-events .events-hero-slide{

    opacity:0;

    visibility:hidden;

    transform:scale(1.045);

    transition:
        opacity 1s ease,
        visibility 1s ease,
        transform 7s ease;

}

.page-events .events-hero-slide.active{

    opacity:1;

    visibility:visible;

    transform:scale(1);

}

.page-events .events-hero-slide img{

    width:100%;
    height:100%;

    object-fit:cover;

}

.page-events .events-hero-overlay{

    position:absolute;

    inset:0;

    z-index:2;

    background:

        linear-gradient(
            90deg,
            rgba(17,21,24,.92) 0%,
            rgba(17,21,24,.72) 38%,
            rgba(17,21,24,.22) 72%,
            rgba(17,21,24,.40) 100%
        ),

        linear-gradient(
            0deg,
            rgba(17,21,24,.70),
            transparent 40%
        );

}

.page-events .events-hero-inner{

    position:relative;

    z-index:4;

    min-height:
        min(800px,92vh);

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;

}

.page-events .events-hero-copy{

    max-width:760px;

    padding:
        110px 0 100px;

}

.page-events .events-kicker{

    display:block;

    color:var(--events-gold-light);

    font-size:.72rem;
    font-weight:900;

    letter-spacing:.22em;

    text-transform:uppercase;

}

.page-events .events-hero h1{

    margin-top:18px;

    max-width:780px;

    color:#FFFFFF;

    font-size:
        clamp(3.3rem,7vw,7.2rem);

    line-height:.91;

    letter-spacing:-.055em;

}

.page-events .events-hero h1 span{

    display:block;

    color:var(--events-gold-light);

}

.page-events .events-hero-copy > p{

    max-width:650px;

    margin-top:27px;

    color:#D7DCE0;

    font-size:
        clamp(1rem,1.45vw,1.18rem);

    line-height:1.8;

}

.page-events .events-hero-actions{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:30px;

}

.page-events .events-hero .btn-primary{

    background:
        linear-gradient(
            135deg,
            var(--events-gold),
            #8F713C
        ) !important;

    color:#FFFFFF !important;

    border:0;

    box-shadow:
        0 15px 35px
        rgba(198,161,91,.20);

}

.page-events .events-hero .btn-glass{

    color:#FFFFFF !important;

    border-color:
        rgba(255,255,255,.20) !important;

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

}

.page-events .events-hero-meta{

    align-self:flex-end;

    margin-bottom:70px;

    min-width:220px;

}

.page-events .events-live-indicator{

    display:flex;

    align-items:center;

    gap:9px;

}

.page-events .events-live-indicator span{

    width:9px;
    height:9px;

    border-radius:50%;

    background:var(--events-gold);

    box-shadow:
        0 0 0 7px
        rgba(198,161,91,.11);

}

.page-events .events-live-indicator strong{

    color:#D9DDE0;

    font-size:.65rem;

    letter-spacing:.15em;

}

.page-events .events-slide-counter{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:16px;

    color:#98A1A8;

}

.page-events .events-slide-counter strong{

    color:#FFFFFF;

    font-size:1.8rem;

}

/* ==========================================================
   SLIDER LABEL
   ========================================================== */

.page-events .events-hero-slide-label{

    position:absolute;

    right:55px;
    bottom:40px;

    z-index:3;

    display:flex;

    flex-direction:column;

    align-items:flex-end;

    gap:5px;

}

.page-events .events-hero-slide-label span{

    color:var(--events-gold-light);

    font-size:.68rem;
    font-weight:900;

    letter-spacing:.13em;

    text-transform:uppercase;

}

.page-events .events-hero-slide-label strong{

    color:#FFFFFF;

    font-size:.75rem;

}

/* ==========================================================
   SLIDER CONTROLS
   ========================================================== */

.page-events .events-slider-controls{

    position:absolute;

    left:50%;

    bottom:35px;

    z-index:5;

    transform:translateX(-50%);

    display:flex;

    align-items:center;

    gap:16px;

}

.page-events .events-slider-arrow{

    width:42px;
    height:42px;

    display:flex;

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

    border-radius:50%;

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

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

    color:#FFFFFF;

    cursor:pointer;

    transition:
        .25s ease;

}

.page-events .events-slider-arrow:hover{

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

    border-color:
        rgba(198,161,91,.45);

}

.page-events .events-slider-dots{

    display:flex;

    gap:7px;

}

.page-events .events-slider-dots button{

    width:24px;
    height:3px;

    padding:0;

    border:0;

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

    cursor:pointer;

    transition:
        width .3s ease,
        background .3s ease;

}

.page-events .events-slider-dots button.active{

    width:45px;

    background:
        var(--events-gold);

}

/* ==========================================================
   NEXT EVENT
   ========================================================== */

.page-events .events-next{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F7F6F2
        );

}

.page-events .events-next-header{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:30px;

}

.page-events .events-next-header .section-title{

    max-width:650px;

    color:var(--events-black) !important;

}

.page-events .events-next-header .section-title span{

    color:var(--events-gold) !important;

}

.page-events .events-status-pill{

    padding:
        9px 13px;

    border-radius:999px;

    font-size:.65rem;
    font-weight:900;

    letter-spacing:.10em;

    text-transform:uppercase;

}

.page-events .events-status-pill.event-upcoming{

    background:#F1ECE1;

    color:#8A6D3A;

}

.page-events .events-status-pill.event-live{

    background:rgba(75,166,106,.10);

    color:#2D8050;

}

.page-events .events-status-pill.event-past{

    background:#ECEEEF;

    color:#68737B;

}

.page-events .events-next-card{

    display:grid;

    grid-template-columns:
        minmax(0,1.03fr)
        minmax(0,.97fr);

    overflow:hidden;

    margin-top:35px;

    border-radius:34px;

    background:#FFFFFF;

    border:
        1px solid
        var(--events-border);

    box-shadow:
        0 26px 75px
        rgba(23,27,31,.09);

}

.page-events .events-next-image{

    position:relative;

    min-height:500px;

}

.page-events .events-next-image img{

    width:100%;
    height:100%;

    object-fit:cover;

}

.page-events .events-next-date{

    position:absolute;

    left:25px;
    bottom:25px;

    width:82px;
    height:92px;

    display:flex;

    flex-direction:column;

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

    border-radius:18px;

    background:
        rgba(23,27,31,.87);

    backdrop-filter:blur(12px);

    color:#FFFFFF;

}

.page-events .events-next-date strong{

    font-size:2rem;
    line-height:.9;

}

.page-events .events-next-date span{

    margin-top:7px;

    color:var(--events-gold-light);

    font-size:.68rem;
    font-weight:900;

}

.page-events .events-next-content{

    padding:48px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.page-events .events-category{

    color:#A8864D;

    font-size:.68rem;
    font-weight:900;

    letter-spacing:.16em;

    text-transform:uppercase;

}

.page-events .events-next-content h3{

    margin-top:13px;

    color:var(--events-black);

    font-size:2.3rem;

    line-height:1.1;

}

.page-events .events-next-content > p{

    margin-top:16px;

    color:#6C7780;

    line-height:1.8;

}

.page-events .events-next-details{

    display:grid;

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

    gap:20px;

    margin-top:28px;

    padding-top:25px;

    border-top:
        1px solid
        rgba(23,27,31,.08);

}

.page-events .events-next-details div{

    display:flex;

    flex-direction:column;

    gap:4px;

}

.page-events .events-next-details span{

    color:#929BA2;

    font-size:.63rem;
    font-weight:900;

    letter-spacing:.13em;

}

.page-events .events-next-details strong{

    color:var(--events-black);

    font-size:.84rem;

}

.page-events .events-next-actions{

    display:flex;

    flex-wrap:wrap;

    gap:11px;

    margin-top:30px;

}

/* ==========================================================
   TIMELINE
   ========================================================== */

.page-events .events-timeline-section{

    background:#FFFFFF;

}

.page-events .events-timeline{

    position:relative;

    margin-top:80px;

}

.page-events .events-timeline-line{

    position:absolute;

    top:0;
    bottom:0;

    left:50%;

    width:1px;

    transform:translateX(-50%);

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(198,161,91,.38) 8%,
            rgba(198,161,91,.38) 92%,
            transparent
        );

}

.page-events .events-timeline-item{

    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        90px
        minmax(0,1fr);

    align-items:center;

    min-height:330px;

}

.page-events .events-timeline-marker{

    position:absolute;

    left:50%;
    top:50%;

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

    z-index:3;

    width:54px;
    height:54px;

    display:flex;

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

    border-radius:50%;

    background:#FFFFFF;

    border:
        1px solid
        rgba(198,161,91,.35);

    box-shadow:
        0 10px 30px
        rgba(23,27,31,.10);

}

.page-events .events-timeline-marker span{

    width:11px;
    height:11px;

    border-radius:50%;

    background:var(--events-gold);

}

.page-events .events-timeline-date{

    grid-column:2;

    grid-row:1;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

}

.page-events .events-timeline-date strong{

    color:var(--events-black);

    font-size:2rem;

    line-height:.9;

}

.page-events .events-timeline-date span{

    margin-top:6px;

    color:#A1814B;

    font-size:.69rem;

    font-weight:900;

    letter-spacing:.12em;

}

.page-events .events-timeline-date small{

    margin-top:4px;

    color:#9BA3AA;

    font-size:.65rem;

}

.page-events .events-timeline-card{

    display:grid;

    grid-template-columns:210px 1fr;

    overflow:hidden;

    max-width:570px;

    border-radius:25px;

    background:#FFFFFF;

    border:
        1px solid
        var(--events-border);

    box-shadow:
        0 17px 50px
        rgba(23,27,31,.06);

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}

.page-events .events-timeline-card:hover{

    transform:translateY(-5px);

    box-shadow:
        0 26px 65px
        rgba(23,27,31,.11);

}

.page-events .timeline-left .events-timeline-card{

    grid-column:1;

    grid-row:1;

    margin-right:auto;

}

.page-events .timeline-right .events-timeline-card{

    grid-column:3;

    grid-row:1;

    margin-left:auto;

}

.page-events .events-timeline-image{

    position:relative;

    min-height:250px;

    overflow:hidden;

}

.page-events .events-timeline-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .6s ease;

}

.page-events .events-timeline-card:hover
.events-timeline-image img{

    transform:scale(1.05);

}

.page-events .events-status-badge{

    position:absolute;

    left:13px;
    top:13px;

    padding:
        7px 9px;

    border-radius:999px;

    background:
        rgba(23,27,31,.78);

    backdrop-filter:blur(8px);

    color:#FFFFFF;

    font-size:.58rem;
    font-weight:900;

    letter-spacing:.08em;

}

.page-events .events-status-badge.event-upcoming{

    color:var(--events-gold-light);

}

.page-events .events-status-badge.event-live{

    color:#9FE2B8;

}

.page-events .events-status-badge.event-past{

    color:#D3D9DD;

}

.page-events .events-timeline-content{

    padding:25px;

    display:flex;

    flex-direction:column;

}

.page-events .events-timeline-content h3{

    margin-top:8px;

    color:var(--events-black);

    font-size:1.25rem;

    line-height:1.2;

}

.page-events .events-timeline-content > p{

    margin-top:10px;

    color:#747F88;

    font-size:.84rem;

    line-height:1.65;

}

.page-events .events-timeline-info{

    display:flex;

    flex-direction:column;

    gap:5px;

    margin-top:auto;

    padding-top:17px;

    color:#8B959C;

    font-size:.68rem;

}

.page-events .events-timeline-actions{

    display:flex;

    flex-wrap:wrap;

    gap:7px;

    margin-top:18px;

}

.page-events .btn-small{

    min-height:38px !important;

    padding:
        0 13px !important;

    font-size:.70rem;

}

/* ==========================================================
   EXPERIENCE
   ========================================================== */

.page-events .events-experience{

    background:#F6F6F4;

}

.page-events .events-experience-card{

    position:relative;

    min-height:225px;

    padding:27px;

    border-radius:23px;

    background:#FFFFFF;

    border:
        1px solid
        rgba(23,27,31,.08);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}

.page-events .events-experience-card:hover{

    transform:translateY(-5px);

    box-shadow:
        0 22px 55px
        rgba(23,27,31,.09);

}

.page-events .events-experience-card > span{

    color:#B3935A;

    font-size:.70rem;
    font-weight:900;

    letter-spacing:.16em;

}

.page-events .events-experience-card h3{

    margin-top:45px;

    color:var(--events-black);

}

.page-events .events-experience-card p{

    margin-top:8px;

    color:#76818A;

    line-height:1.6;

}

/* ==========================================================
   PROGRAM
   ========================================================== */

.page-events .events-program{

    background:#FFFFFF;

}

.page-events .events-program-header{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:25px;

}

.page-events .events-program-date{

    padding:
        11px 15px;

    border-radius:999px;

    background:#F3EFE6;

    color:#8B7040;

    font-size:.68rem;
    font-weight:900;

}

.page-events .events-program-list{

    margin-top:38px;

    border-top:
        1px solid
        rgba(23,27,31,.09);

}

.page-events .events-program-row{

    display:grid;

    grid-template-columns:
        65px
        100px
        1fr;

    align-items:center;

    min-height:74px;

    border-bottom:
        1px solid
        rgba(23,27,31,.08);

}

.page-events .events-program-number{

    color:#A58A58;

    font-size:.66rem;
    font-weight:900;

}

.page-events .events-program-row strong{

    color:var(--events-black);

}

.page-events .events-program-row > span:last-child{

    color:#6F7A83;

}

/* ==========================================================
   SPEAKERS
   ========================================================== */

.page-events .events-speakers{

    background:#F6F6F4;

}

.page-events .events-speakers-grid{

    display:grid;

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

    gap:17px;

}

.page-events .events-speaker-card{

    overflow:hidden;

    border-radius:24px;

    background:#FFFFFF;

    border:
        1px solid
        rgba(23,27,31,.08);

}

.page-events .events-speaker-image{

    height:280px;

    overflow:hidden;

    background:#EDEFF0;

}

.page-events .events-speaker-image img{

    width:100%;
    height:100%;

    object-fit:cover;

}

.page-events .events-speaker-info{

    padding:22px;

}

.page-events .events-speaker-info span{

    color:#A88A53;

    font-size:.62rem;
    font-weight:900;

    letter-spacing:.14em;

}

.page-events .events-speaker-info h3{

    margin-top:8px;

    color:var(--events-black);

}

/* ==========================================================
   VENUE
   ========================================================== */

.page-events .events-venue{

    background:#FFFFFF;

}

.page-events .events-venue-card{

    display:grid;

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

    overflow:hidden;

    border-radius:31px;

    background:#F7F5F0;

    border:
        1px solid
        rgba(198,161,91,.12);

}

.page-events .events-venue-image{

    min-height:480px;

}

.page-events .events-venue-image img{

    width:100%;
    height:100%;

    object-fit:cover;

}

.page-events .events-venue-content{

    padding:50px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.page-events .events-venue-content > p{

    margin-top:14px;

    color:#737E87;

}

.page-events .events-venue-details{

    display:flex;

    flex-direction:column;

    gap:15px;

    margin-top:27px;

}

.page-events .events-venue-details div{

    display:flex;

    flex-direction:column;

    gap:3px;

}

.page-events .events-venue-details span{

    color:#9A7D48;

    font-size:.62rem;
    font-weight:900;

    letter-spacing:.13em;

}

.page-events .events-venue-details strong{

    color:var(--events-black);

    font-size:.85rem;

}

/* ==========================================================
   MODAL
   ========================================================== */

.page-events .events-modal{

    position:fixed;

    inset:0;

    z-index:9999;

    display:flex;

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

    padding:25px;

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transition:
        opacity .3s ease,
        visibility .3s ease;

}

.page-events .events-modal.is-open{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

}

.page-events .events-modal-backdrop{

    position:absolute;

    inset:0;

    background:
        rgba(15,18,21,.80);

    backdrop-filter:blur(10px);

}

.page-events .events-modal-dialog{

    position:relative;

    z-index:2;

    width:min(920px,100%);

    max-height:
        min(88vh,800px);

    overflow:auto;

    border-radius:30px;

    background:#FFFFFF;

    box-shadow:
        0 35px 100px
        rgba(0,0,0,.30);

    transform:
        translateY(20px)
        scale(.98);

    transition:
        transform .35s ease;

}

.page-events .events-modal.is-open
.events-modal-dialog{

    transform:
        translateY(0)
        scale(1);

}

.page-events .events-modal-close{

    position:absolute;

    z-index:5;

    top:18px;
    right:18px;

    width:40px;
    height:40px;

    display:flex;

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

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

    border-radius:50%;

    background:
        rgba(23,27,31,.70);

    color:#FFFFFF;

    font-size:1.4rem;

    cursor:pointer;

}

.page-events .events-modal-image{

    position:relative;

    height:330px;

}

.page-events .events-modal-image img{

    width:100%;
    height:100%;

    object-fit:cover;

}

.page-events .events-modal-content{

    padding:38px;

}

.page-events .events-modal-content h2{

    margin-top:10px;

    color:var(--events-black);

    font-size:2rem;

}

.page-events .events-modal-description{

    margin-top:14px;

    color:#6E7881;

    line-height:1.8;

}

.page-events .events-modal-grid{

    display:grid;

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

    gap:17px;

    margin-top:26px;

    padding-top:23px;

    border-top:
        1px solid
        rgba(23,27,31,.08);

}

.page-events .events-modal-grid div{

    display:flex;

    flex-direction:column;

    gap:4px;

}

.page-events .events-modal-grid span{

    color:#9A7C48;

    font-size:.61rem;
    font-weight:900;

    letter-spacing:.13em;

}

.page-events .events-modal-grid strong{

    color:var(--events-black);

    font-size:.84rem;

}

.page-events .events-modal-highlights{

    margin-top:26px;

}

.page-events .events-modal-highlights h3{

    color:var(--events-black);

}

.page-events .events-modal-highlights ul{

    display:grid;

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

    gap:9px;

    margin-top:13px;

    padding:0;

    list-style:none;

}

.page-events .events-modal-highlights li{

    display:flex;

    gap:8px;

    align-items:center;

    color:#69747D;

    font-size:.83rem;

}

.page-events .events-modal-highlights li span{

    color:#4E9B68;

    font-weight:900;

}

.page-events .events-modal-actions{

    margin-top:28px;

}

/* ==========================================================
   BODY LOCK
   ========================================================== */

body.events-modal-open{

    overflow:hidden;

}

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

.page-events .events-cta{

    background:#FFFFFF;

}

.page-events .events-cta-panel{

    position:relative;

    overflow:hidden;

    border-radius:34px;

    background:
        linear-gradient(
            135deg,
            #1B2024,
            #30383F
        );

    box-shadow:
        0 30px 85px
        rgba(23,27,31,.17);

}

.page-events .events-cta-glow{

    position:absolute;

    width:500px;
    height:500px;

    left:50%;
    top:-350px;

    transform:translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.18),
            transparent 70%
        );

}

.page-events .events-cta-content{

    position:relative;

    z-index:2;

    padding:
        75px 30px;

    text-align:center;

}

.page-events .events-cta-content > span{

    color:var(--events-gold-light);

    font-size:.68rem;
    font-weight:900;

    letter-spacing:.18em;

    text-transform:uppercase;

}

.page-events .events-cta-content h2{

    max-width:850px;

    margin:
        17px auto 0;

    color:#FFFFFF;

    font-size:
        clamp(2.3rem,5vw,4.5rem);

    line-height:1;

    letter-spacing:-.035em;

}

.page-events .events-cta-content p{

    max-width:650px;

    margin:
        20px auto 0;

    color:#CBD2D7;

    line-height:1.75;

}

/* ==========================================================
   RESPONSIVE 1000
   ========================================================== */

@media(max-width:1000px){

    .page-events .events-hero-meta{

        display:none;

    }

    .page-events .events-next-card{

        grid-template-columns:1fr;

    }

    .page-events .events-next-image{

        min-height:380px;

    }

    .page-events .events-timeline-card{

        grid-template-columns:180px 1fr;

    }

}

/* ==========================================================
   RESPONSIVE 800
   ========================================================== */

@media(max-width:800px){

    .page-events .events-hero{

        min-height:720px;

    }

    .page-events .events-hero-inner{

        min-height:720px;

    }

    .page-events .events-hero-copy{

        padding:
            80px 0 120px;

    }

    .page-events .events-timeline-line{

        left:27px;

    }

    .page-events .events-timeline-item{

        display:block;

        min-height:auto;

        padding-left:72px;

        margin-bottom:35px;

    }

    .page-events .events-timeline-marker{

        left:27px;

        top:40px;

        transform:translate(-50%,0);

    }

    .page-events .events-timeline-date{

        display:flex;

        flex-direction:row;

        justify-content:flex-start;

        align-items:baseline;

        gap:7px;

        margin-bottom:12px;

    }

    .page-events .events-timeline-date strong{

        font-size:1.45rem;

    }

    .page-events .events-timeline-card{

        display:grid;

        grid-template-columns:170px 1fr;

        max-width:none;

    }

    .page-events .timeline-left .events-timeline-card,
    .page-events .timeline-right .events-timeline-card{

        margin:0;

    }

    .page-events .events-speakers-grid{

        grid-template-columns:1fr;

    }

    .page-events .events-venue-card{

        grid-template-columns:1fr;

    }

    .page-events .events-venue-image{

        min-height:340px;

    }

}

/* ==========================================================
   RESPONSIVE 600
   ========================================================== */

@media(max-width:600px){

    .page-events .events-hero{

        min-height:650px;

    }

    .page-events .events-hero-inner{

        min-height:650px;

    }

    .page-events .events-hero h1{

        font-size:
            clamp(2.6rem,12vw,4.6rem);

    }

    .page-events .events-hero-copy > p{

        font-size:.95rem;

    }

    .page-events .events-hero-actions{

        flex-direction:column;

        align-items:stretch;

    }

    .page-events .events-hero-actions .btn{

        width:100%;

    }

    .page-events .events-hero-slide-label{

        right:18px;
        bottom:90px;

    }

    .page-events .events-slider-controls{

        bottom:25px;

    }

    .page-events .events-next-header,
    .page-events .events-program-header{

        align-items:flex-start;

        flex-direction:column;

    }

    .page-events .events-next-content{

        padding:28px 23px;

    }

    .page-events .events-next-content h3{

        font-size:1.7rem;

    }

    .page-events .events-next-details{

        grid-template-columns:1fr;

    }

    .page-events .events-next-actions{

        flex-direction:column;

    }

    .page-events .events-next-actions .btn{

        width:100%;

    }

    .page-events .events-timeline-line{

        left:20px;

    }

    .page-events .events-timeline-item{

        padding-left:52px;

    }

    .page-events .events-timeline-marker{

        left:20px;

        width:42px;
        height:42px;

    }

    .page-events .events-timeline-card{

        grid-template-columns:1fr;

    }

    .page-events .events-timeline-image{

        min-height:210px;

    }

    .page-events .events-timeline-content{

        padding:20px;

    }

    .page-events .events-program-row{

        grid-template-columns:
            45px
            75px
            1fr;

        min-height:68px;

        font-size:.82rem;

    }

    .page-events .events-modal{

        padding:10px;

    }

    .page-events .events-modal-image{

        height:230px;

    }

    .page-events .events-modal-content{

        padding:27px 21px;

    }

    .page-events .events-modal-grid,
    .page-events .events-modal-highlights ul{

        grid-template-columns:1fr;

    }

}

/* ==========================================================
   AD LIFESTYLE V2
   CONTACT PAGE
   PREMIUM CONCIERGE EXPERIENCE
   LIGHT / EDITORIAL / ROUNDED
   ========================================================== */

.contact-page{

    --contact-white:#ffffff;
    --contact-soft:#f7f6f2;
    --contact-paper:#efede7;

    --contact-dark:#20252a;
    --contact-dark-2:#2c3237;

    --contact-text:#252b30;
    --contact-muted:#70767b;
    --contact-faint:#989da1;

    --contact-gold:#c6a15b;
    --contact-gold-dark:#a9833d;
    --contact-gold-light:#e5d4aa;

    --contact-line:
        rgba(32,37,42,.10);

    --contact-radius-xl:30px;
    --contact-radius-lg:24px;
    --contact-radius-md:18px;
    --contact-radius-sm:14px;

    position:relative;

    width:100%;

    overflow:hidden;

    background:
        var(--contact-white);

    color:
        var(--contact-text);

    font-family:inherit;

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;
}


/* ==========================================================
   RESET
   ========================================================== */

.contact-page *,
.contact-page *::before,
.contact-page *::after{
    box-sizing:border-box;
}

.contact-page h1,
.contact-page h2,
.contact-page h3,
.contact-page h4,
.contact-page p{
    margin-top:0;
}

.contact-page img{
    display:block;
    max-width:100%;
}

.contact-page a{
    text-decoration:none;
}

.contact-page button,
.contact-page input,
.contact-page textarea,
.contact-page select{
    font-family:inherit;
}


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

.contact-container{

    width:
        min(
            1240px,
            calc(100% - 56px)
        );

    margin-inline:auto;
}


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

.contact-eyebrow{

    display:
        inline-flex;

    align-items:
        center;

    color:
        var(--contact-gold);

    font-size:
        .68rem;

    font-weight:
        800;

    letter-spacing:
        .18em;

    line-height:
        1.35;

    text-transform:
        uppercase;
}

.contact-eyebrow::before{

    content:"";

    width:
        29px;

    height:
        1px;

    margin-right:
        11px;

    background:
        var(--contact-gold);
}


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

.contact-button{

    min-height:
        52px;

    padding:
        0 20px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        11px;

    border:
        1px solid transparent;

    border-radius:
        14px;

    cursor:
        pointer;

    font-size:
        .76rem;

    font-weight:
        800;

    letter-spacing:
        .025em;

    transition:
        transform .28s ease,
        background .28s ease,
        color .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

.contact-button svg{

    width:
        17px;

    height:
        17px;

    flex:none;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

    transition:
        transform .28s ease;
}

.contact-button:hover{

    transform:
        translateY(-3px);
}

.contact-button:hover svg{
    transform:
        translateX(3px);
}

.contact-button-gold{

    background:
        var(--contact-gold);

    color:
        #fff;

    box-shadow:
        0 13px 30px
        rgba(198,161,91,.2);
}

.contact-button-gold:hover{

    background:
        var(--contact-gold-dark);
}

.contact-button-outline{

    color:
        var(--contact-text);

    border-color:
        var(--contact-line);

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

.contact-button-outline:hover{

    border-color:
        rgba(198,161,91,.46);

    color:
        var(--contact-gold-dark);
}

.contact-button-dark{

    background:
        var(--contact-dark);

    color:
        #fff;
}


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

.contact-hero{

    position:
        relative;

    min-height:
        min(
            920px,
            100svh
        );

    overflow:
        hidden;

    background:
        linear-gradient(
            135deg,
            #fcfbf8 0%,
            #f5f3ed 54%,
            #ffffff 100%
        );
}

.contact-hero-background{

    position:
        absolute;

    inset:
        0;

    z-index:
        -2;

    background-image:

        linear-gradient(
            rgba(32,37,42,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(32,37,42,.025) 1px,
            transparent 1px
        );

    background-size:
        72px 72px;

    mask-image:
        radial-gradient(
            ellipse at 72% 48%,
            #000,
            transparent 84%
        );
}

.contact-hero-background::after{

    content:"";

    position:
        absolute;

    width:
        630px;

    height:
        630px;

    right:
        -210px;

    top:
        -180px;

    border-radius:
        50%;

    border:
        1px solid
        rgba(198,161,91,.13);
}

.contact-hero-glow{

    position:
        absolute;

    width:
        620px;

    height:
        620px;

    right:
        -190px;

    top:
        -170px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.13),
            transparent 68%
        );

    filter:
        blur(10px);

    z-index:
        -1;
}


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

.contact-hero-container{

    min-height:
        min(
            920px,
            100svh
        );

    display:
        flex;

    flex-direction:
        column;
}


/* ==========================================================
   HERO TOP
   ========================================================== */

.contact-hero-top{

    height:
        70px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    border-bottom:
        1px solid
        var(--contact-line);

    color:
        rgba(32,37,42,.37);

    font-size:
        .58rem;

    font-weight:
        800;

    letter-spacing:
        .18em;
}


/* ==========================================================
   HERO MAIN
   ========================================================== */

.contact-hero-main{

    flex:
        1;

    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.9fr);

    gap:
        clamp(
            55px,
            8vw,
            120px
        );

    align-items:
        center;

    padding:
        65px 0 45px;
}


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

.contact-hero-content{

    max-width:
        700px;
}

.contact-hero-content h1{

    max-width:
        700px;

    margin:
        20px 0 28px;

    font-size:
        clamp(
            3.8rem,
            6.8vw,
            7.2rem
        );

    line-height:
        .9;

    letter-spacing:
        -.065em;

    font-weight:
        500;
}

.contact-hero-content h1 span{

    display:
        block;

    color:
        var(--contact-gold);

    font-weight:
        700;
}

.contact-hero-content > p{

    max-width:
        580px;

    margin:
        0;

    color:
        var(--contact-muted);

    font-size:
        clamp(
            1rem,
            1.3vw,
            1.12rem
        );

    line-height:
        1.9;
}

.contact-hero-actions{

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        10px;

    margin-top:
        36px;
}


/* ==========================================================
   HERO META
   ========================================================== */

.contact-hero-meta{

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        30px;

    margin-top:
        42px;

    padding-top:
        21px;

    border-top:
        1px solid
        var(--contact-line);
}

.contact-meta-item{

    display:
        flex;

    align-items:
        center;

    gap:
        11px;
}

.contact-meta-item svg{

    width:
        18px;

    height:
        18px;

    fill:none;

    stroke:
        var(--contact-gold);

    stroke-width:
        1.6;
}

.contact-status-dot{

    width:
        9px;

    height:
        9px;

    flex:none;

    border-radius:
        50%;

    background:
        #5d9c68;

    box-shadow:
        0 0 0 5px
        rgba(93,156,104,.1);
}

.contact-meta-item div{

    display:
        flex;

    flex-direction:
        column;

    gap:
        4px;
}

.contact-meta-item strong{

    font-size:
        .68rem;

    font-weight:
        800;
}

.contact-meta-item small{

    color:
        var(--contact-faint);

    font-size:
        .61rem;
}


/* ==========================================================
   HERO VISUAL
   ========================================================== */

.contact-hero-visual-area{

    position:
        relative;

    min-height:
        550px;

    display:
        grid;

    place-items:
        center;
}

.contact-hero-visual{

    position:
        relative;

    width:
        min(
            100%,
            560px
        );

    aspect-ratio:
        1;
}


/* ==========================================================
   ORBITS
   ========================================================== */

.contact-orbit{

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    border-radius:
        50%;

    border:
        1px solid
        rgba(198,161,91,.22);

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

.contact-orbit-a{

    width:
        100%;

    height:
        100%;

    animation:
        contactOrbit
        27s
        linear
        infinite;
}

.contact-orbit-b{

    width:
        76%;

    height:
        76%;

    border-color:
        rgba(32,37,42,.1);

    animation:
        contactOrbitReverse
        21s
        linear
        infinite;
}

.contact-orbit-c{

    width:
        53%;

    height:
        53%;

    border-color:
        rgba(198,161,91,.2);
}


/* ==========================================================
   HERO CORE
   ========================================================== */

.contact-hero-core{

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    width:
        210px;

    height:
        210px;

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

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

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

    border:
        1px solid
        rgba(32,37,42,.09);

    box-shadow:
        0 30px 80px
        rgba(32,37,42,.12);

    backdrop-filter:
        blur(14px);
}

.contact-core-logo{

    width:
        72px;

    height:
        72px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        18px;

    background:
        var(--contact-dark);
}

.contact-core-logo img{

    width:
        47px;

    height:
        47px;

    object-fit:
        contain;
}

.contact-hero-core > strong{

    margin-top:
        14px;

    font-size:
        .67rem;

    font-weight:
        900;

    letter-spacing:
        .17em;
}

.contact-hero-core > small{

    margin-top:
        5px;

    color:
        var(--contact-gold-dark);

    font-size:
        .58rem;

    font-weight:
        700;

    letter-spacing:
        .06em;
}


/* ==========================================================
   FLOATING CARDS
   ========================================================== */

.contact-floating-card{

    position:
        absolute;

    z-index:
        5;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    padding:
        11px 14px;

    border:
        1px solid
        rgba(32,37,42,.09);

    border-radius:
        13px;

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

    box-shadow:
        0 18px 40px
        rgba(32,37,42,.1);

    backdrop-filter:
        blur(10px);

    color:
        var(--contact-text);

    font-size:
        .63rem;

    font-weight:
        800;
}

.contact-floating-card svg{

    width:
        16px;

    height:
        16px;

    fill:none;

    stroke:
        var(--contact-gold);

    stroke-width:
        1.7;
}

.contact-floating-card-a{

    top:
        12%;

    right:
        4%;
}

.contact-floating-card-b{

    left:
        1%;

    top:
        50%;

    transform:
        translateY(-50%);
}

.contact-floating-card-c{

    right:
        8%;

    bottom:
        11%;
}


/* ==========================================================
   HERO BOTTOM
   ========================================================== */

.contact-hero-bottom{

    height:
        70px;

    display:
        grid;

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

    align-items:
        center;

    border-top:
        1px solid
        var(--contact-line);

    color:
        rgba(32,37,42,.33);

    font-size:
        .55rem;

    font-weight:
        800;

    letter-spacing:
        .18em;
}

.contact-hero-bottom > :last-child{
    text-align:
        right;
}

.contact-hero-scroll{

    display:
        flex;

    align-items:
        center;

    gap:
        10px;
}

.contact-hero-scroll i{

    width:
        46px;

    height:
        1px;

    position:
        relative;

    overflow:
        hidden;

    background:
        rgba(32,37,42,.13);
}

.contact-hero-scroll i::after{

    content:"";

    position:
        absolute;

    width:
        17px;

    height:
        1px;

    left:
        -17px;

    background:
        var(--contact-gold);

    animation:
        contactScroll
        2.4s
        ease-in-out
        infinite;
}


/* ==========================================================
   CONTACT HUB
   ========================================================== */

.contact-hub{

    padding:
        135px 0;

    background:
        var(--contact-white);
}

.contact-section-heading{

    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,.58fr);

    gap:
        70px;

    align-items:
        end;

    margin-bottom:
        65px;
}

.contact-section-heading-center{

    text-align:
        left;
}

.contact-section-heading h2{

    max-width:
        820px;

    margin:
        19px 0 0;

    font-size:
        clamp(
            3rem,
            5.1vw,
            5.6rem
        );

    line-height:
        .94;

    letter-spacing:
        -.06em;

    font-weight:
        500;
}

.contact-section-heading h2 span{

    display:
        block;

    color:
        var(--contact-gold);
}

.contact-section-heading > p{

    max-width:
        440px;

    margin:
        0;

    color:
        var(--contact-muted);

    font-size:
        1.02rem;

    line-height:
        1.9;
}


/* ==========================================================
   HUB GRID
   ========================================================== */

.contact-hub-grid{

    display:
        grid;

    grid-template-columns:
        minmax(0,1.1fr)
        minmax(330px,.9fr);

    gap:
        17px;
}

.contact-hub-main{

    min-height:
        510px;

    overflow:
        hidden;

    border:
        1px solid
        var(--contact-dark);

    border-radius:
        var(--contact-radius-xl);

    background:
        var(--contact-dark);

    color:
        #fff;

    box-shadow:
        0 25px 60px
        rgba(32,37,42,.13);
}

.contact-hub-top{

    height:
        62px;

    padding:
        0 25px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

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

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

    font-size:
        .57rem;

    font-weight:
        800;

    letter-spacing:
        .15em;
}

.contact-online{

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

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

.contact-online i{

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        #68a773;
}

.contact-hub-body{

    padding:
        45px;
}

.contact-hub-icon{

    width:
        62px;

    height:
        62px;

    display:
        grid;

    place-items:
        center;

    margin-bottom:
        30px;

    border:
        1px solid
        rgba(198,161,91,.4);

    border-radius:
        17px;

    color:
        var(--contact-gold);
}

.contact-hub-icon svg{

    width:
        28px;

    height:
        28px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.55;
}

.contact-card-label{

    color:
        var(--contact-gold-light);

    font-size:
        .59rem;

    font-weight:
        900;

    letter-spacing:
        .15em;

    text-transform:
        uppercase;
}

.contact-hub-body h3{

    margin:
        10px 0 8px;

    font-size:
        2.15rem;

    letter-spacing:
        -.04em;
}

.contact-hub-body > strong{

    display:
        block;

    font-size:
        1rem;

    color:
        rgba(255,255,255,.75);
}

.contact-hub-body > p{

    max-width:
        520px;

    margin:
        22px 0 30px;

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

    font-size:
        .95rem;

    line-height:
        1.8;
}


/* ==========================================================
   HUB SIDE
   ========================================================== */

.contact-hub-side{

    display:
        grid;

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

    gap:
        12px;
}

.contact-hub-mini{

    min-height:
        160px;

    padding:
        24px;

    display:
        grid;

    grid-template-columns:
        48px
        minmax(0,1fr)
        30px;

    align-items:
        center;

    gap:
        16px;

    border:
        1px solid
        var(--contact-line);

    border-radius:
        var(--contact-radius-md);

    background:
        #fff;

    cursor:
        pointer;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.contact-hub-mini:not([data-contact-action="clock"]):hover{

    transform:
        translateY(-4px);

    border-color:
        rgba(198,161,91,.38);

    box-shadow:
        0 18px 42px
        rgba(32,37,42,.06);
}

.contact-hub-mini-icon{

    width:
        48px;

    height:
        48px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        14px;

    background:
        var(--contact-soft);

    color:
        var(--contact-gold);
}

.contact-hub-mini-icon svg{

    width:
        20px;

    height:
        20px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.6;
}

.contact-hub-mini-content > span{

    display:
        block;

    margin-bottom:
        4px;

    color:
        var(--contact-faint);

    font-size:
        .54rem;

    font-weight:
        800;

    letter-spacing:
        .1em;
}

.contact-hub-mini-content h3{

    margin:
        0 0 4px;

    font-size:
        1.1rem;
}

.contact-hub-mini-content strong{

    color:
        var(--contact-muted);

    font-size:
        .69rem;

    line-height:
        1.5;

    word-break:
        break-word;
}

.contact-hub-mini-arrow{

    width:
        30px;

    height:
        30px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        var(--contact-line);

    border-radius:
        9px;

    color:
        var(--contact-gold);
}

.contact-hub-mini-arrow svg{

    width:
        14px;

    height:
        14px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.7;
}


/* ==========================================================
   DIRECT CHANNELS
   ========================================================== */

.contact-direct{

    padding:
        120px 0;

    background:
        var(--contact-soft);
}

.contact-channel-grid{

    display:
        grid;

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

    gap:
        16px;
}

.contact-channel-card{

    position:
        relative;

    min-height:
        290px;

    padding:
        30px;

    overflow:
        hidden;

    border:
        1px solid
        var(--contact-line);

    border-radius:
        var(--contact-radius-lg);

    background:
        #fff;

    cursor:
        pointer;

    transition:
        transform .34s ease,
        box-shadow .34s ease,
        border-color .34s ease;
}

.contact-channel-card:hover{

    transform:
        translateY(-7px);

    border-color:
        rgba(198,161,91,.38);

    box-shadow:
        0 24px 50px
        rgba(32,37,42,.07);
}

.contact-channel-icon{

    width:
        52px;

    height:
        52px;

    display:
        grid;

    place-items:
        center;

    margin-bottom:
        33px;

    border-radius:
        15px;

    background:
        var(--contact-soft);

    color:
        var(--contact-gold);
}

.contact-channel-icon svg{

    width:
        22px;

    height:
        22px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.6;
}

.contact-channel-label{

    color:
        var(--contact-faint);

    font-size:
        .55rem;

    font-weight:
        900;

    letter-spacing:
        .14em;
}

.contact-channel-card h3{

    margin:
        8px 0 9px;

    font-size:
        1.45rem;
}

.contact-channel-card strong{

    display:
        block;

    color:
        var(--contact-gold-dark);

    font-size:
        .82rem;

    line-height:
        1.55;

    word-break:
        break-word;
}

.contact-channel-card p{

    max-width:
        400px;

    margin:
        13px 0 0;

    color:
        var(--contact-muted);

    font-size:
        .79rem;

    line-height:
        1.7;
}

.contact-channel-arrow{

    position:
        absolute;

    right:
        24px;

    bottom:
        24px;

    width:
        34px;

    height:
        34px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        var(--contact-line);

    border-radius:
        10px;

    color:
        var(--contact-gold);
}

.contact-channel-arrow svg{

    width:
        15px;

    height:
        15px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.6;
}


/* ==========================================================
   DIGITAL PRESENCE
   ========================================================== */

.contact-digital{

    padding:
        130px 0;

    background:
        var(--contact-white);
}

.contact-digital-panel{

    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(350px,.78fr);

    gap:
        70px;

    padding:
        clamp(
            38px,
            6vw,
            72px
        );

    overflow:
        hidden;

    border-radius:
        var(--contact-radius-xl);

    background:
        var(--contact-dark);

    color:
        #fff;

    position:
        relative;
}

.contact-digital-panel::before{

    content:"";

    position:
        absolute;

    width:
        380px;

    height:
        380px;

    right:
        -150px;

    top:
        -130px;

    border-radius:
        50%;

    border:
        1px solid
        rgba(198,161,91,.15);
}

.contact-digital-copy{

    position:
        relative;

    z-index:
        2;

    max-width:
        590px;
}

.contact-digital-copy h2{

    margin:
        20px 0 23px;

    font-size:
        clamp(
            3rem,
            5vw,
            5.2rem
        );

    line-height:
        .93;

    letter-spacing:
        -.06em;

    font-weight:
        500;
}

.contact-digital-copy h2 span{
    display:
        block;

    color:
        var(--contact-gold-light);
}

.contact-digital-copy > p{

    margin:
        0;

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

    font-size:
        1rem;

    line-height:
        1.88;
}

.contact-digital-status{

    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    margin-top:
        30px;

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

    font-size:
        .65rem;

    font-weight:
        800;
}

.contact-digital-status i{

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        var(--contact-gold);
}


/* ==========================================================
   SOCIAL LINKS
   ========================================================== */

.contact-social-links{

    position:
        relative;

    z-index:
        2;

    display:
        grid;

    gap:
        9px;

    align-content:
        center;
}

.contact-social-link{

    min-height:
        72px;

    display:
        grid;

    grid-template-columns:
        43px
        minmax(0,1fr)
        30px;

    align-items:
        center;

    gap:
        13px;

    padding:
        11px 13px;

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

    border-radius:
        13px;

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

    color:
        #fff;

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease;
}

.contact-social-link:hover{

    transform:
        translateX(5px);

    border-color:
        rgba(198,161,91,.35);

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

.contact-social-icon{

    width:
        43px;

    height:
        43px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        12px;

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

    color:
        var(--contact-gold);
}

.contact-social-icon svg{

    width:
        19px;

    height:
        19px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.6;
}

.contact-social-info{

    display:
        flex;

    flex-direction:
        column;

    gap:
        4px;
}

.contact-social-info strong{

    font-size:
        .73rem;
}

.contact-social-info small{

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

    font-size:
        .6rem;
}

.contact-social-arrow{

    width:
        29px;

    height:
        29px;

    display:
        grid;

    place-items:
        center;

    color:
        rgba(255,255,255,.4);
}

.contact-social-arrow svg{

    width:
        15px;

    height:
        15px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.6;
}


/* ==========================================================
   LOCATION
   ========================================================== */

.contact-location{

    padding:
        135px 0;

    background:
        var(--contact-soft);
}

.contact-location-header{

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        30px;

    margin-bottom:
        60px;
}

.contact-location-header h2{

    max-width:
        800px;

    margin:
        20px 0 0;

    font-size:
        clamp(
            3rem,
            5vw,
            5.6rem
        );

    line-height:
        .93;

    letter-spacing:
        -.06em;

    font-weight:
        500;
}

.contact-location-header h2 span{

    color:
        var(--contact-gold);
}

.contact-location-badge{

    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    padding:
        10px 13px;

    border:
        1px solid
        var(--contact-line);

    border-radius:
        999px;

    background:
        #fff;

    color:
        var(--contact-muted);

    font-size:
        .62rem;

    font-weight:
        800;

    white-space:
        nowrap;
}

.contact-location-badge svg{

    width:
        15px;

    height:
        15px;

    fill:none;

    stroke:
        var(--contact-gold);

    stroke-width:
        1.6;
}


/* ==========================================================
   LOCATION GRID
   ========================================================== */

.contact-location-grid{

    display:
        grid;

    grid-template-columns:
        minmax(320px,.82fr)
        minmax(0,1.18fr);

    gap:
        18px;
}

.contact-location-info{

    padding:
        36px;

    border:
        1px solid
        var(--contact-line);

    border-radius:
        var(--contact-radius-xl);

    background:
        #fff;

    box-shadow:
        0 20px 55px
        rgba(32,37,42,.035);
}

.contact-location-heading{

    display:
        flex;

    align-items:
        center;

    gap:
        15px;
}

.contact-location-symbol{

    width:
        56px;

    height:
        56px;

    display:
        grid;

    place-items:
        center;

    flex:none;

    border-radius:
        15px;

    background:
        var(--contact-soft);

    color:
        var(--contact-gold);
}

.contact-location-symbol svg{

    width:
        23px;

    height:
        23px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.6;
}

.contact-location-heading > div:last-child > span{

    display:
        block;

    margin-bottom:
        5px;

    color:
        var(--contact-faint);

    font-size:
        .55rem;

    font-weight:
        900;

    letter-spacing:
        .14em;
}

.contact-location-heading h3{

    margin:
        0;

    font-size:
        1.38rem;
}

.contact-location-divider{

    height:
        1px;

    margin:
        31px 0;

    background:
        var(--contact-line);
}

.contact-location-items{

    display:
        grid;

    gap:
        22px;
}

.contact-location-item{

    display:
        grid;

    grid-template-columns:
        42px
        minmax(0,1fr);

    gap:
        13px;

    align-items:
        start;
}

.contact-location-item-icon{

    width:
        42px;

    height:
        42px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        11px;

    background:
        var(--contact-soft);

    color:
        var(--contact-gold);
}

.contact-location-item-icon svg{

    width:
        18px;

    height:
        18px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.55;
}

.contact-location-item > div:last-child > span{

    display:
        block;

    margin-bottom:
        4px;

    color:
        var(--contact-faint);

    font-size:
        .58rem;

    font-weight:
        800;

    letter-spacing:
        .1em;
}

.contact-location-item strong{

    display:
        block;

    font-size:
        .86rem;
}

.contact-location-item p{

    margin:
        4px 0 0;

    color:
        var(--contact-muted);

    font-size:
        .7rem;
}

.contact-location-info
.contact-button{

    margin-top:
        32px;

    width:
        100%;
}


/* ==========================================================
   MAP
   ========================================================== */

.contact-map-card{

    overflow:
        hidden;

    border:
        1px solid
        var(--contact-line);

    border-radius:
        var(--contact-radius-xl);

    background:
        #fff;

    box-shadow:
        0 20px 55px
        rgba(32,37,42,.04);
}

.contact-map-header{

    min-height:
        67px;

    padding:
        0 22px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    border-bottom:
        1px solid
        var(--contact-line);
}

.contact-map-header > div{

    display:
        flex;

    flex-direction:
        column;

    gap:
        3px;
}

.contact-map-header > div span{

    color:
        var(--contact-faint);

    font-size:
        .5rem;

    font-weight:
        900;

    letter-spacing:
        .14em;
}

.contact-map-header > div strong{

    font-size:
        .73rem;
}

.contact-map-live{

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    color:
        var(--contact-gold-dark);

    font-size:
        .55rem;

    font-weight:
        900;

    letter-spacing:
        .12em;
}

.contact-map-live i{

    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        var(--contact-gold);
}

.contact-map-frame{

    position:
        relative;

    height:
        430px;

    overflow:
        hidden;

    background:
        #e9e7e1;
}

.contact-map-frame iframe{

    width:
        100%;

    height:
        100%;

    border:
        0;

    filter:
        saturate(.72)
        contrast(.98);
}

.contact-map-marker{

    position:
        absolute;

    left:
        50%;

    top:
        50%;

    width:
        48px;

    height:
        48px;

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

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        var(--contact-dark);

    color:
        var(--contact-gold);

    box-shadow:
        0 12px 35px
        rgba(32,37,42,.25);
}

.contact-map-marker::before{

    content:"";

    position:
        absolute;

    inset:
        -9px;

    border:
        1px solid
        rgba(198,161,91,.55);

    border-radius:
        50%;

    animation:
        contactMapPulse
        2.1s
        ease-out
        infinite;
}

.contact-map-marker svg{

    width:
        20px;

    height:
        20px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.6;
}

.contact-map-footer{

    min-height:
        65px;

    padding:
        0 20px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    border-top:
        1px solid
        var(--contact-line);
}

.contact-map-footer > div{

    display:
        flex;

    align-items:
        center;

    gap:
        7px;

    color:
        var(--contact-muted);

    font-size:
        .6rem;
}

.contact-map-footer svg{

    width:
        14px;

    height:
        14px;

    fill:none;

    stroke:
        var(--contact-gold);

    stroke-width:
        1.7;
}


/* ==========================================================
   MESSAGE FORM
   ========================================================== */

.contact-message{

    padding:
        140px 0;

    background:
        var(--contact-white);
}

.contact-form-shell{

    display:
        grid;

    grid-template-columns:
        minmax(320px,.76fr)
        minmax(0,1.24fr);

    gap:
        clamp(
            60px,
            9vw,
            135px
        );

    align-items:
        start;
}

.contact-form-intro{

    padding-top:
        20px;
}

.contact-form-intro h2{

    margin:
        20px 0 24px;

    font-size:
        clamp(
            3rem,
            5vw,
            5.3rem
        );

    line-height:
        .93;

    letter-spacing:
        -.06em;

    font-weight:
        500;
}

.contact-form-intro h2 span{
    display:
        block;

    color:
        var(--contact-gold);
}

.contact-form-intro > p{

    max-width:
        510px;

    margin:
        0;

    color:
        var(--contact-muted);

    font-size:
        1rem;

    line-height:
        1.9;
}

.contact-form-process{

    display:
        grid;

    gap:
        19px;

    margin-top:
        42px;

    padding-top:
        25px;

    border-top:
        1px solid
        var(--contact-line);
}

.contact-form-step{

    display:
        grid;

    grid-template-columns:
        38px
        1fr;

    gap:
        12px;
}

.contact-form-step > span{

    color:
        var(--contact-gold);

    font-size:
        .61rem;

    font-weight:
        900;

    letter-spacing:
        .12em;
}

.contact-form-step strong{

    display:
        block;

    margin-bottom:
        4px;

    font-size:
        .76rem;
}

.contact-form-step p{

    margin:
        0;

    color:
        var(--contact-muted);

    font-size:
        .68rem;

    line-height:
        1.65;
}


/* ==========================================================
   FORM PANEL
   ========================================================== */

.contact-form-panel{

    padding:
        30px;

    border:
        1px solid
        var(--contact-line);

    border-radius:
        var(--contact-radius-xl);

    background:
        var(--contact-soft);

    box-shadow:
        0 25px 65px
        rgba(32,37,42,.05);
}

.contact-form-panel-top{

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding-bottom:
        17px;

    margin-bottom:
        26px;

    border-bottom:
        1px solid
        var(--contact-line);

    color:
        var(--contact-faint);

    font-size:
        .56rem;

    font-weight:
        900;

    letter-spacing:
        .15em;
}

.contact-form{

    display:
        grid;

    gap:
        18px;
}

.contact-form-row{

    display:
        grid;

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

    gap:
        13px;
}

.contact-field{

    display:
        flex;

    flex-direction:
        column;

    gap:
        7px;
}

.contact-field label{

    color:
        var(--contact-dark);

    font-size:
        .62rem;

    font-weight:
        800;
}

.contact-field input,
.contact-field textarea,
.contact-field select{

    width:
        100%;

    border:
        1px solid
        var(--contact-line);

    border-radius:
        12px;

    outline:
        none;

    background:
        #fff;

    color:
        var(--contact-text);

    font-size:
        .82rem;

    padding:
        13px 14px;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.contact-field input{

    height:
        48px;
}

.contact-field select{

    height:
        48px;

    cursor:
        pointer;
}

.contact-field textarea{

    resize:
        vertical;

    min-height:
        135px;

    line-height:
        1.65;
}

.contact-field input::placeholder,
.contact-field textarea::placeholder{

    color:
        var(--contact-faint);
}

.contact-field input:focus,
.contact-field textarea:focus,
.contact-field select:focus{

    border-color:
        rgba(198,161,91,.65);

    box-shadow:
        0 0 0 4px
        rgba(198,161,91,.08);
}

.contact-form-bottom{

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    padding-top:
        5px;
}

.contact-form-bottom > span{

    display:
        flex;

    align-items:
        center;

    gap:
        7px;

    color:
        var(--contact-faint);

    font-size:
        .58rem;

    line-height:
        1.5;
}

.contact-form-bottom svg{

    width:
        15px;

    height:
        15px;

    flex:none;

    fill:none;

    stroke:
        var(--contact-gold);

    stroke-width:
        1.6;
}

.contact-form-invalid
.contact-field input:invalid{

    border-color:
        rgba(180,60,60,.3);
}

.contact-form-feedback{

    min-height:
        18px;

    color:
        var(--contact-gold-dark);

    font-size:
        .64rem;

    line-height:
        1.5;

    opacity:
        0;

    transition:
        opacity .25s ease;
}

.contact-form-feedback.contact-feedback-visible{
    opacity:
        1;
}

.contact-form-feedback.contact-feedback-error{
    color:
        #a34d4d;
}


/* ==========================================================
   FAQ
   ========================================================== */

.contact-faq{

    padding:
        125px 0;

    background:
        var(--contact-soft);
}

.contact-faq-container{

    width:
        min(
            900px,
            calc(100% - 56px)
        );
}

.contact-faq-list{

    display:
        grid;

    gap:
        9px;

    margin-top:
        58px;
}

.contact-faq-item{

    border:
        1px solid
        var(--contact-line);

    border-radius:
        var(--contact-radius-md);

    background:
        #fff;

    overflow:
        hidden;

    transition:
        box-shadow .3s ease,
        border-color .3s ease;
}

.contact-faq-item.active{

    border-color:
        rgba(198,161,91,.36);

    box-shadow:
        0 17px 38px
        rgba(32,37,42,.05);
}

.contact-faq-question{

    width:
        100%;

    min-height:
        70px;

    padding:
        17px 21px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    border:
        0;

    background:
        transparent;

    color:
        var(--contact-text);

    text-align:
        left;

    cursor:
        pointer;

    font-size:
        .86rem;

    font-weight:
        800;
}

.contact-faq-plus{

    width:
        32px;

    height:
        32px;

    flex:none;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        var(--contact-line);

    border-radius:
        9px;

    color:
        var(--contact-gold);

    transition:
        transform .3s ease,
        background .3s ease;
}

.contact-faq-plus svg{

    width:
        14px;

    height:
        14px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.7;
}

.contact-faq-item.active
.contact-faq-plus{

    transform:
        rotate(45deg);

    background:
        var(--contact-soft);
}

.contact-faq-answer{

    display:
        grid;

    grid-template-rows:
        0fr;

    transition:
        grid-template-rows .35s ease;
}

.contact-faq-answer p{

    overflow:
        hidden;

    margin:
        0;

    padding:
        0 21px;

    color:
        var(--contact-muted);

    font-size:
        .78rem;

    line-height:
        1.8;
}

.contact-faq-item.active
.contact-faq-answer{

    grid-template-rows:
        1fr;
}

.contact-faq-item.active
.contact-faq-answer p{

    padding-bottom:
        21px;
}


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

.contact-final{

    padding:
        110px 0;

    background:
        var(--contact-white);
}

.contact-final-panel{

    position:
        relative;

    min-height:
        480px;

    display:
        grid;

    place-items:
        center;

    overflow:
        hidden;

    border-radius:
        var(--contact-radius-xl);

    background:
        var(--contact-dark);

    color:
        #fff;
}

.contact-final-panel::before{

    content:"";

    position:
        absolute;

    width:
        550px;

    height:
        550px;

    border:
        1px solid
        rgba(198,161,91,.15);

    border-radius:
        50%;
}

.contact-final-panel::after{

    content:"";

    position:
        absolute;

    width:
        340px;

    height:
        340px;

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

    border-radius:
        50%;
}

.contact-final-orbit{

    position:
        absolute;

    width:
        720px;

    height:
        720px;

    border-radius:
        50%;

    border:
        1px solid
        rgba(198,161,91,.07);

    animation:
        contactOrbit
        35s
        linear
        infinite;
}

.contact-final-content{

    position:
        relative;

    z-index:
        3;

    max-width:
        750px;

    padding:
        55px 25px;

    text-align:
        center;
}

.contact-final-content > span{

    color:
        var(--contact-gold-light);

    font-size:
        .64rem;

    font-weight:
        900;

    letter-spacing:
        .17em;
}

.contact-final-content h2{

    margin:
        20px 0 22px;

    font-size:
        clamp(
            3rem,
            5.7vw,
            5.9rem
        );

    line-height:
        .9;

    letter-spacing:
        -.065em;

    font-weight:
        500;
}

.contact-final-content h2 strong{

    display:
        block;

    color:
        var(--contact-gold-light);

    font-weight:
        700;
}

.contact-final-content > p{

    max-width:
        560px;

    margin:
        0 auto;

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

    font-size:
        1rem;

    line-height:
        1.85;
}

.contact-final-content
.contact-button{

    margin-top:
        31px;
}


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

.contact-page .contact-hero-content,
.contact-page .contact-hero-visual-area,
.contact-page .contact-section-heading,
.contact-page .contact-hub-main,
.contact-page .contact-hub-side,
.contact-page .contact-channel-grid,
.contact-page .contact-digital-panel,
.contact-page .contact-location-header,
.contact-page .contact-location-grid,
.contact-page .contact-form-shell,
.contact-page .contact-faq-list,
.contact-page .contact-final-content{

    opacity:
        0;

    transform:
        translateY(28px);

    transition:
        opacity .78s ease,
        transform .78s
        cubic-bezier(.2,.8,.2,1);
}

.contact-page .visible,
.contact-page .contact-visible{

    opacity:
        1;

    transform:
        translateY(0);
}


/* ==========================================================
   HERO ORBIT ANIMATION
   ========================================================== */

@keyframes contactOrbit{

    from{
        transform:
            translate(-50%,-50%)
            rotate(0deg);
    }

    to{
        transform:
            translate(-50%,-50%)
            rotate(360deg);
    }

}

@keyframes contactOrbitReverse{

    from{
        transform:
            translate(-50%,-50%)
            rotate(360deg);
    }

    to{
        transform:
            translate(-50%,-50%)
            rotate(0deg);
    }

}

@keyframes contactScroll{

    0%{
        transform:
            translateX(-20px);
    }

    50%{
        transform:
            translateX(43px);
    }

    100%{
        transform:
            translateX(43px);
    }

}

@keyframes contactMapPulse{

    0%{
        opacity:
            .75;

        transform:
            scale(.75);
    }

    70%{
        opacity:
            0;

        transform:
            scale(1.6);
    }

    100%{
        opacity:
            0;
    }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:1100px){

    .contact-hero-main{

        grid-template-columns:
            minmax(0,1fr)
            minmax(360px,.8fr);

        gap:
            45px;
    }

    .contact-hero-content h1{

        font-size:
            clamp(
                3.3rem,
                6.8vw,
                6rem
            );
    }

    .contact-hero-visual-area{
        min-height:
            490px;
    }

    .contact-hero-core{
        width:
            185px;

        height:
            185px;
    }

    .contact-hero-visual{
        width:
            470px;
    }

    .contact-floating-card{
        transform:
            scale(.9);
    }

    .contact-floating-card-b{
        transform:
            translateY(-50%)
            scale(.9);
    }

    .contact-hub-grid{

        grid-template-columns:
            1fr;
    }

    .contact-hub-side{

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

        grid-template-rows:
            none;
    }

    .contact-channel-grid{

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

    .contact-digital-panel{

        grid-template-columns:
            1fr
            .85fr;
    }

    .contact-location-grid{

        grid-template-columns:
            1fr;
    }

    .contact-map-frame{
        height:
            400px;
    }

}


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

@media(max-width:800px){

    .contact-container{

        width:
            min(
                calc(100% - 40px),
                650px
            );
    }

    /* HERO */

    .contact-hero{

        min-height:
            auto;
    }

    .contact-hero-top{
        height:
            58px;
    }

    .contact-hero-main{

        grid-template-columns:
            1fr;

        gap:
            30px;

        padding:
            58px 0 35px;
    }

    .contact-hero-content h1{

        font-size:
            clamp(
                3.2rem,
                13.7vw,
                5.2rem
            );
    }

    .contact-hero-content > p{
        font-size:
            1rem;
    }

    .contact-hero-actions{

        flex-direction:
            column;

        align-items:
            stretch;
    }

    .contact-button{
        width:
            100%;
    }

    .contact-hero-meta{

        flex-direction:
            column;

        gap:
            17px;
    }

    .contact-hero-visual-area{

        min-height:
            420px;
    }

    .contact-hero-visual{

        width:
            min(
                100%,
                420px
            );
    }

    .contact-hero-core{

        width:
            165px;

        height:
            165px;
    }

    .contact-core-logo{

        width:
            59px;

        height:
            59px;
    }

    .contact-core-logo img{

        width:
            39px;

        height:
            39px;
    }

    .contact-floating-card{

        padding:
            9px 11px;

        font-size:
            .56rem;

        transform:
            scale(.82);
    }

    .contact-floating-card-b{

        transform:
            translateY(-50%)
            scale(.82);
    }

    .contact-hero-bottom{

        height:
            57px;

        grid-template-columns:
            1fr auto;
    }

    .contact-hero-bottom > :last-child{
        display:
            none;
    }


    /* HEADINGS */

    .contact-section-heading{

        grid-template-columns:
            1fr;

        gap:
            24px;

        margin-bottom:
            50px;
    }

    .contact-section-heading h2{

        font-size:
            clamp(
                2.8rem,
                12vw,
                4.7rem
            );
    }


    /* HUB */

    .contact-hub{

        padding:
            95px 0;
    }

    .contact-hub-body{

        padding:
            35px 28px;
    }

    .contact-hub-main{
        min-height:
            460px;
    }

    .contact-hub-side{

        grid-template-columns:
            1fr;

        gap:
            10px;
    }

    .contact-hub-mini{

        min-height:
            135px;
    }


    /* DIRECT */

    .contact-direct{

        padding:
            95px 0;
    }

    .contact-channel-grid{

        grid-template-columns:
            1fr;
    }

    .contact-channel-card{
        min-height:
            260px;
    }


    /* DIGITAL */

    .contact-digital{

        padding:
            95px 0;
    }

    .contact-digital-panel{

        grid-template-columns:
            1fr;

        gap:
            45px;

        padding:
            38px 28px;
    }

    .contact-digital-copy h2{

        font-size:
            clamp(
                2.8rem,
                11.5vw,
                4.6rem
            );
    }


    /* LOCATION */

    .contact-location{

        padding:
            95px 0;
    }

    .contact-location-header{

        flex-direction:
            column;

        align-items:
            flex-start;

        margin-bottom:
            45px;
    }

    .contact-location-header h2{

        font-size:
            clamp(
                2.8rem,
                12vw,
                4.7rem
            );
    }

    .contact-location-badge{
        white-space:
            normal;
    }

    .contact-location-grid{
        gap:
            14px;
    }

    .contact-location-info{
        padding:
            28px;
    }

    .contact-map-frame{
        height:
            350px;
    }

    .contact-map-footer{

        flex-direction:
            column;

        align-items:
            flex-start;

        justify-content:
            center;

        padding:
            14px 20px;

        gap:
            9px;
    }


    /* FORM */

    .contact-message{

        padding:
            100px 0;
    }

    .contact-form-shell{

        grid-template-columns:
            1fr;

        gap:
            55px;
    }

    .contact-form-intro h2{

        font-size:
            clamp(
                2.9rem,
                12vw,
                4.7rem
            );
    }

    .contact-form-panel{
        padding:
            25px;
    }

    .contact-form-row{

        grid-template-columns:
            1fr;
    }

    .contact-form-bottom{

        flex-direction:
            column;

        align-items:
            stretch;
    }

    .contact-form-bottom
    .contact-button{
        width:
            100%;
    }


    /* FAQ */

    .contact-faq{

        padding:
            95px 0;
    }

    .contact-faq-container{

        width:
            min(
                calc(100% - 40px),
                650px
            );
    }

    .contact-faq-list{

        margin-top:
            48px;
    }


    /* CTA */

    .contact-final{

        padding:
            78px 0;
    }

    .contact-final-panel{
        min-height:
            500px;
    }

    .contact-final-content h2{

        font-size:
            clamp(
                3rem,
                12.5vw,
                5rem
            );
    }

}


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

@media(max-width:500px){

    .contact-container{

        width:
            calc(100% - 30px);
    }

    .contact-hero{

        padding-left:
            15px;

        padding-right:
            15px;
    }

    .contact-hero-top{

        font-size:
            .49rem;
    }

    .contact-hero-content h1{

        font-size:
            clamp(
                3rem,
                14.5vw,
                4.75rem
            );
    }

    .contact-hero-visual-area{

        min-height:
            360px;
    }

    .contact-hero-visual{

        width:
            340px;
    }

    .contact-orbit-a{
        width:
            100%;

        height:
            100%;
    }

    .contact-orbit-b{
        width:
            75%;

        height:
            75%;
    }

    .contact-orbit-c{
        width:
            51%;

        height:
            51%;
    }

    .contact-hero-core{

        width:
            145px;

        height:
            145px;
    }

    .contact-core-logo{

        width:
            52px;

        height:
            52px;

        border-radius:
            13px;
    }

    .contact-core-logo img{

        width:
            34px;

        height:
            34px;
    }

    .contact-hero-core > strong{
        font-size:
            .58rem;
    }

    .contact-hero-core > small{
        font-size:
            .52rem;
    }

    .contact-floating-card{

        padding:
            8px 9px;

        font-size:
            .51rem;
    }

    .contact-floating-card svg{

        width:
            14px;

        height:
            14px;
    }

    .contact-floating-card-a{

        top:
            9%;

        right:
            0;
    }

    .contact-floating-card-b{

        left:
            -4px;
    }

    .contact-floating-card-c{

        right:
            2%;

        bottom:
            7%;
    }

    .contact-hub-top{

        padding:
            0 19px;
    }

    .contact-hub-body{
        padding:
            31px 23px;
    }

    .contact-hub-body h3{
        font-size:
            1.9rem;
    }

    .contact-location-info{
        padding:
            24px 21px;
    }

    .contact-form-panel{
        padding:
            21px;
    }

    .contact-final-panel{
        min-height:
            470px;
    }

    .contact-final-content h2{

        font-size:
            clamp(
                2.8rem,
                13vw,
                4.7rem
            );
    }

}
/* ==========================================================
   AD LIFESTYLE V2
   ABOUT PAGE
   PREMIUM EDITORIAL SYSTEM
   LIGHT / ELEGANT / IMPACTFUL
   ========================================================== */

.about-page{

    --about-bg:#ffffff;
    --about-soft:#f7f6f2;
    --about-soft-2:#efede7;

    --about-dark:#20252a;
    --about-dark-2:#2b3136;

    --about-text:#252b30;
    --about-muted:#70767b;
    --about-faint:#969b9f;

    --about-gold:#c6a15b;
    --about-gold-dark:#a9833d;
    --about-gold-light:#e5d4aa;

    --about-line:rgba(32,37,42,.10);

    --about-radius-xl:30px;
    --about-radius-lg:24px;
    --about-radius-md:18px;
    --about-radius-sm:14px;

    position:relative;

    width:100%;

    overflow:hidden;

    background:var(--about-bg);

    color:var(--about-text);

    font-family:inherit;

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;
}


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

.about-page *,
.about-page *::before,
.about-page *::after{

    box-sizing:border-box;
}

.about-page h1,
.about-page h2,
.about-page h3,
.about-page h4,
.about-page p{

    margin-top:0;
}

.about-page img{

    display:block;

    max-width:100%;
}

.about-page a{

    text-decoration:none;
}

.about-page button{

    font:inherit;
}


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

.about-container{

    width:
        min(
            1240px,
            calc(100% - 56px)
        );

    margin-inline:auto;
}


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

.about-eyebrow{

    display:inline-flex;

    align-items:center;

    color:
        var(--about-gold);

    font-size:
        .69rem;

    font-weight:
        800;

    letter-spacing:
        .18em;

    line-height:
        1.35;

    text-transform:
        uppercase;
}

.about-eyebrow::before{

    content:"";

    width:
        29px;

    height:
        1px;

    margin-right:
        11px;

    background:
        var(--about-gold);
}


/* ==========================================================
   BUTTON SYSTEM
   ========================================================== */

.about-button{

    min-height:
        52px;

    padding:
        0 21px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    border:
        1px solid transparent;

    border-radius:
        14px;

    cursor:
        pointer;

    font-size:
        .77rem;

    font-weight:
        800;

    letter-spacing:
        .025em;

    transition:
        transform .28s ease,
        background .28s ease,
        color .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

.about-button svg{

    width:
        17px;

    height:
        17px;

    flex:none;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

    transition:
        transform .28s ease;
}

.about-button:hover{

    transform:
        translateY(-3px);
}

.about-button:hover svg{

    transform:
        translateX(4px);
}

.about-button-gold{

    background:
        var(--about-gold);

    color:
        #fff;

    box-shadow:
        0 13px 30px
        rgba(198,161,91,.22);
}

.about-button-gold:hover{

    background:
        var(--about-gold-dark);
}

.about-button-outline{

    color:
        var(--about-text);

    border-color:
        var(--about-line);

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

.about-button-outline:hover{

    color:
        var(--about-gold-dark);

    border-color:
        rgba(198,161,91,.45);

    background:
        #fff;
}

.about-button-dark{

    background:
        var(--about-dark);

    color:
        #fff;
}


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

.about-hero{

    position:
        relative;

    min-height:
        min(940px,100svh);

    overflow:
        hidden;

    background:
        linear-gradient(
            135deg,
            #fcfbf8 0%,
            #f5f3ee 53%,
            #ffffff 100%
        );
}

.about-hero-bg{

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    background-image:

        linear-gradient(
            rgba(32,37,42,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(32,37,42,.025) 1px,
            transparent 1px
        );

    background-size:
        72px 72px;

    mask-image:
        radial-gradient(
            ellipse at 72% 48%,
            #000 0%,
            transparent 82%
        );
}

.about-hero-bg::after{

    content:"";

    position:
        absolute;

    width:
        630px;

    height:
        630px;

    right:
        -210px;

    top:
        -170px;

    border-radius:
        50%;

    border:
        1px solid
        rgba(198,161,91,.14);
}


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

.about-hero-container{

    min-height:
        min(940px,100svh);

    display:
        flex;

    flex-direction:
        column;
}


/* ==========================================================
   HERO TOP
   ========================================================== */

.about-hero-top{

    height:
        70px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    border-bottom:
        1px solid
        var(--about-line);

    color:
        rgba(32,37,42,.37);

    font-size:
        .59rem;

    font-weight:
        800;

    letter-spacing:
        .18em;
}


/* ==========================================================
   HERO MAIN
   ========================================================== */

.about-hero-main{

    flex:
        1;

    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(430px,.86fr);

    gap:
        clamp(55px,8vw,120px);

    align-items:
        center;

    padding:
        65px 0 45px;
}


/* ==========================================================
   HERO COPY
   ========================================================== */

.about-hero-copy{

    max-width:
        720px;
}

.about-hero-copy h1{

    max-width:
        760px;

    margin:
        21px 0 29px;

    font-size:
        clamp(
            4rem,
            7.3vw,
            7.6rem
        );

    line-height:
        .89;

    letter-spacing:
        -.067em;

    font-weight:
        500;
}

.about-hero-copy h1 span{

    color:
        var(--about-gold);

    font-weight:
        700;
}

.about-hero-copy > p{

    max-width:
        590px;

    margin:
        0;

    color:
        var(--about-muted);

    font-size:
        clamp(
            1rem,
            1.35vw,
            1.16rem
        );

    line-height:
        1.9;
}

.about-hero-actions{

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        11px;

    margin-top:
        37px;
}


/* ==========================================================
   HERO VISUAL
   ========================================================== */

.about-hero-visual{

    position:
        relative;

    width:
        min(
            100%,
            560px
        );

    justify-self:
        end;

    padding:
        21px 22px 74px;
}

.about-hero-image-wrap{

    position:
        relative;
}

.about-hero-image{

    position:
        relative;

    height:
        clamp(
            480px,
            63vh,
            660px
        );

    overflow:
        hidden;

    border-radius:
        var(--about-radius-xl);

    background:
        #e7e4dd;

    box-shadow:
        0 30px 70px
        rgba(32,37,42,.13);

    transition:
        transform .55s
        cubic-bezier(.2,.8,.2,1);
}

.about-hero-image::after{

    content:"";

    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(
            to top,
            rgba(20,24,27,.24),
            transparent 42%
        );

    pointer-events:
        none;
}

.about-hero-image img{

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    object-position:
        center;

    filter:
        saturate(.82)
        contrast(.97);

    transform:
        scale(1.005);
}

.about-hero-image-accent{

    position:
        absolute;

    z-index:
        -1;

    inset:
        18px -18px -18px 18px;

    border:
        1px solid
        rgba(198,161,91,.52);

    border-radius:
        var(--about-radius-xl);
}


/* ==========================================================
   HERO BRAND CARD
   ========================================================== */

.about-hero-brand-card{

    position:
        absolute;

    left:
        0;

    bottom:
        28px;

    width:
        min(
            420px,
            82%
        );

    min-height:
        92px;

    padding:
        14px 17px;

    display:
        flex;

    align-items:
        center;

    gap:
        15px;

    border:
        1px solid
        rgba(32,37,42,.07);

    border-radius:
        var(--about-radius-md);

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

    box-shadow:
        0 22px 52px
        rgba(32,37,42,.13);

    backdrop-filter:
        blur(15px);
}

.about-hero-logo{

    width:
        61px;

    height:
        61px;

    flex:
        0 0 61px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        14px;

    background:
        var(--about-dark);
}

.about-hero-logo img{

    width:
        41px;

    height:
        41px;

    object-fit:
        contain;
}

.about-hero-brand-copy{

    display:
        flex;

    flex-direction:
        column;

    gap:
        4px;
}

.about-hero-brand-copy span{

    color:
        var(--about-text);

    font-size:
        .61rem;

    font-weight:
        900;

    letter-spacing:
        .17em;
}

.about-hero-brand-copy small{

    color:
        var(--about-muted);

    font-size:
        .65rem;
}

.about-hero-brand-card > strong{

    margin-left:
        auto;

    color:
        var(--about-gold);

    font-size:
        .68rem;

    letter-spacing:
        .12em;
}


/* ==========================================================
   HERO CAPTION
   ========================================================== */

.about-hero-caption{

    position:
        absolute;

    right:
        -3px;

    bottom:
        8px;

    width:
        182px;

    display:
        flex;

    align-items:
        center;

    gap:
        10px;
}

.about-hero-caption > span{

    width:
        25px;

    height:
        1px;

    flex:none;

    background:
        var(--about-gold);
}

.about-hero-caption p{

    margin:
        0;

    color:
        rgba(32,37,42,.46);

    font-size:
        .59rem;

    line-height:
        1.5;
}


/* ==========================================================
   HERO BOTTOM
   ========================================================== */

.about-hero-bottom{

    height:
        70px;

    display:
        grid;

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

    align-items:
        center;

    border-top:
        1px solid
        var(--about-line);

    color:
        rgba(32,37,42,.34);

    font-size:
        .55rem;

    font-weight:
        800;

    letter-spacing:
        .18em;
}

.about-hero-bottom > :last-child{
    text-align:
        right;
}

.about-hero-scroll{

    display:
        flex;

    align-items:
        center;

    gap:
        10px;
}

.about-hero-scroll i{

    position:
        relative;

    width:
        46px;

    height:
        1px;

    overflow:
        hidden;

    background:
        rgba(32,37,42,.13);
}

.about-hero-scroll i::after{

    content:"";

    position:
        absolute;

    width:
        18px;

    height:
        1px;

    left:
        -18px;

    background:
        var(--about-gold);

    animation:
        aboutScroll
        2.4s
        ease-in-out
        infinite;
}


/* ==========================================================
   MANIFESTO
   ========================================================== */

.about-manifesto{

    padding:
        160px 0;

    background:
        var(--about-bg);
}

.about-manifesto-grid{

    display:
        grid;

    grid-template-columns:
        150px
        minmax(0,930px);

    gap:
        clamp(45px,9vw,140px);
}

.about-section-label{

    display:
        flex;

    flex-direction:
        column;

    gap:
        8px;

    padding-top:
        8px;
}

.about-section-label strong{

    color:
        var(--about-gold);

    font-size:
        .7rem;

    font-weight:
        900;

    letter-spacing:
        .16em;
}

.about-section-label span{

    color:
        var(--about-faint);

    font-size:
        .57rem;

    font-weight:
        800;

    letter-spacing:
        .15em;
}

.about-manifesto-content h2{

    max-width:
        990px;

    margin:
        20px 0 36px;

    font-size:
        clamp(
            3.25rem,
            5.8vw,
            6.7rem
        );

    line-height:
        .93;

    letter-spacing:
        -.062em;

    font-weight:
        500;
}

.about-manifesto-content h2 em{

    color:
        var(--about-gold);

    font-style:
        normal;
}

.about-manifesto-content h2 strong{
    font-weight:
        800;
}

.about-manifesto-content > p{

    max-width:
        690px;

    margin:
        0;

    color:
        var(--about-muted);

    font-size:
        clamp(
            1.02rem,
            1.4vw,
            1.2rem
        );

    line-height:
        1.9;
}


/* ==========================================================
   GENERIC SECTION HEADING
   ========================================================== */

.about-section-heading{

    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,.58fr);

    gap:
        70px;

    align-items:
        end;

    margin-bottom:
        68px;
}

.about-section-heading h2{

    max-width:
        810px;

    margin:
        20px 0 0;

    font-size:
        clamp(
            2.95rem,
            5.1vw,
            5.6rem
        );

    line-height:
        .94;

    letter-spacing:
        -.057em;

    font-weight:
        500;
}

.about-section-heading h2 span{
    color:
        var(--about-gold);
}

.about-section-heading > p{

    max-width:
        440px;

    margin:
        0;

    color:
        var(--about-muted);

    font-size:
        1.02rem;

    line-height:
        1.9;
}


/* ==========================================================
   WHO WE ARE
   ========================================================== */

.about-who{

    padding:
        130px 0;

    background:
        var(--about-soft);
}

.about-who-card{

    display:
        grid;

    grid-template-columns:
        90px
        minmax(230px,.75fr)
        minmax(300px,1fr);

    gap:
        45px;

    padding:
        52px;

    border:
        1px solid
        var(--about-line);

    border-radius:
        var(--about-radius-xl);

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

    box-shadow:
        0 22px 60px
        rgba(32,37,42,.04);
}

.about-who-card-number{

    color:
        var(--about-gold);

    font-size:
        .7rem;

    font-weight:
        900;

    letter-spacing:
        .15em;
}

.about-who-card-title small{

    color:
        var(--about-faint);

    font-size:
        .58rem;

    font-weight:
        900;

    letter-spacing:
        .16em;
}

.about-who-card-title h3{

    margin:
        19px 0 0;

    font-size:
        clamp(
            2.8rem,
            4.4vw,
            4.8rem
        );

    line-height:
        .89;

    letter-spacing:
        -.06em;

    font-weight:
        700;
}

.about-who-card-text p{

    margin:
        0 0 18px;

    color:
        var(--about-muted);

    font-size:
        1rem;

    line-height:
        1.86;
}

.about-who-card-text p:last-child{
    margin-bottom:
        0;
}


/* ==========================================================
   ECOSYSTEM INTRO
   ========================================================== */

.about-ecosystem-intro{

    padding:
        140px 0 100px;

    background:
        var(--about-bg);
}

.about-ecosystem-map{

    display:
        grid;

    grid-template-columns:
        minmax(100px,1fr)
        minmax(65px,.5fr)
        100px
        minmax(65px,.5fr)
        minmax(100px,1fr);

    align-items:
        center;

    width:
        100%;

    margin-top:
        85px;
}

.about-ecosystem-side{

    display:
        flex;

    flex-direction:
        column;

    gap:
        7px;
}

.about-ecosystem-side-right{

    align-items:
        flex-end;

    text-align:
        right;
}

.about-ecosystem-side small{

    color:
        var(--about-gold);

    font-size:
        .59rem;

    font-weight:
        900;

    letter-spacing:
        .16em;
}

.about-ecosystem-side strong{

    color:
        var(--about-text);

    font-size:
        .69rem;

    font-weight:
        900;

    letter-spacing:
        .16em;
}

.about-ecosystem-line{

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            rgba(198,161,91,.72),
            var(--about-line)
        );
}

.about-ecosystem-line:nth-of-type(2){

    background:
        linear-gradient(
            90deg,
            var(--about-line),
            rgba(198,161,91,.72)
        );
}

.about-ecosystem-core{

    width:
        100px;

    height:
        100px;

    display:
        grid;

    place-items:
        center;

    position:
        relative;

    border-radius:
        50%;

    background:
        var(--about-dark);

    box-shadow:
        0 22px 52px
        rgba(32,37,42,.15);
}

.about-ecosystem-core::before{

    content:"";

    position:
        absolute;

    inset:
        -8px;

    border:
        1px solid
        rgba(198,161,91,.36);

    border-radius:
        50%;
}

.about-ecosystem-core img{

    width:
        55px;

    height:
        55px;

    object-fit:
        contain;
}


/* ==========================================================
   BZZWORLD / ACADEMY
   ========================================================== */

.about-brand{

    min-height:
        690px;

    padding:
        125px 0;

    display:
        flex;

    align-items:
        center;
}

.about-brand-bzzworld{
    background:
        var(--about-soft);
}

.about-brand-academy{
    background:
        var(--about-bg);
}

.about-brand-grid{

    display:
        grid;

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

    gap:
        clamp(65px,9vw,145px);

    align-items:
        center;
}

.about-brand-visual{

    position:
        relative;

    width:
        100%;

    max-width:
        575px;
}

.about-brand-grid-reverse
.about-brand-visual{
    justify-self:
        end;
}

.about-brand-number{

    position:
        absolute;

    z-index:
        4;

    top:
        -21px;

    left:
        -21px;

    width:
        54px;

    height:
        54px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        var(--about-gold);

    color:
        #fff;

    font-size:
        .62rem;

    font-weight:
        900;

    letter-spacing:
        .1em;

    box-shadow:
        0 12px 30px
        rgba(198,161,91,.23);
}

.about-brand-image{

    position:
        relative;

    height:
        clamp(
            430px,
            56vw,
            600px
        );

    overflow:
        hidden;

    border-radius:
        var(--about-radius-xl);

    background:
        #e7e4dd;

    box-shadow:
        0 28px 68px
        rgba(32,37,42,.1);
}

.about-brand-image::after{

    content:"";

    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(
            to top,
            rgba(20,24,27,.18),
            transparent 43%
        );

    pointer-events:
        none;
}

.about-brand-image img{

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    transition:
        transform .78s
        cubic-bezier(.2,.8,.2,1);
}

.about-brand:hover
.about-brand-image img{
    transform:
        scale(1.035);
}

.about-brand-category{

    position:
        absolute;

    z-index:
        4;

    left:
        18px;

    bottom:
        18px;

    padding:
        9px 12px;

    border-radius:
        10px;

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

    color:
        var(--about-dark);

    font-size:
        .57rem;

    font-weight:
        900;

    letter-spacing:
        .16em;
}

.about-brand-content{

    max-width:
        580px;
}

.about-brand-title{

    margin:
        19px 0 12px;

    color:
        var(--about-dark);

    font-size:
        clamp(
            1.65rem,
            2.5vw,
            2.15rem
        );

    font-weight:
        900;

    letter-spacing:
        -.03em;
}

.about-brand-content h2{

    max-width:
        620px;

    margin:
        0 0 27px;

    font-size:
        clamp(
            2.9rem,
            4.7vw,
            5.2rem
        );

    line-height:
        .92;

    letter-spacing:
        -.06em;

    font-weight:
        500;
}

.about-brand-content > p{

    max-width:
        550px;

    margin:
        0;

    color:
        var(--about-muted);

    font-size:
        1.03rem;

    line-height:
        1.9;
}

.about-brand-list{

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        9px;

    margin-top:
        29px;
}

.about-brand-list span{

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    padding:
        8px 12px;

    border:
        1px solid
        var(--about-line);

    border-radius:
        999px;

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

    color:
        var(--about-text);

    font-size:
        .67rem;

    font-weight:
        800;
}

.about-brand-list svg{

    width:
        12px;

    height:
        12px;

    fill:none;

    stroke:
        var(--about-gold);

    stroke-width:
        2;
}

.about-brand-link{

    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    margin-top:
        33px;

    color:
        var(--about-dark);

    font-size:
        .77rem;

    font-weight:
        900;

    transition:
        color .25s ease;
}

.about-brand-link:hover{
    color:
        var(--about-gold-dark);
}

.about-brand-link svg{

    width:
        16px;

    height:
        16px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    transition:
        transform .25s ease;
}

.about-brand-link:hover svg{
    transform:
        translate(3px,-3px);
}


/* ==========================================================
   LEADERSHIP
   ========================================================== */

.about-leadership{

    padding:
        145px 0;

    background:
        var(--about-soft-2);
}

.about-leadership-grid{

    display:
        grid;

    grid-template-columns:
        minmax(330px,500px)
        minmax(0,1fr);

    gap:
        clamp(70px,10vw,155px);

    align-items:
        center;
}

.about-leadership-image{

    position:
        relative;

    height:
        clamp(
            510px,
            61vw,
            660px
        );

    overflow:
        hidden;

    border-radius:
        var(--about-radius-xl);

    background:
        #ddd9d1;

    box-shadow:
        0 30px 70px
        rgba(32,37,42,.11);
}

.about-leadership-image::after{

    content:"";

    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(
            to top,
            rgba(20,24,27,.22),
            transparent 43%
        );
}

.about-leadership-image img{

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    filter:
        saturate(.8);
}

.about-leadership-image-info{

    position:
        absolute;

    z-index:
        3;

    left:
        20px;

    bottom:
        20px;

    display:
        flex;

    flex-direction:
        column;

    gap:
        5px;
}

.about-leadership-image-info span{

    color:
        var(--about-gold);

    font-size:
        .58rem;

    font-weight:
        900;

    letter-spacing:
        .17em;
}

.about-leadership-image-info strong{

    color:
        #fff;

    font-size:
        .69rem;

    letter-spacing:
        .14em;
}

.about-leadership-content{

    max-width:
        660px;
}

.about-leadership-content > small{

    display:
        block;

    margin-top:
        21px;

    color:
        var(--about-faint);

    font-size:
        .64rem;

    font-weight:
        900;

    letter-spacing:
        .16em;
}

.about-leadership-content h2{

    margin:
        20px 0 0;

    font-size:
        clamp(
            3.4rem,
            6.3vw,
            6.5rem
        );

    line-height:
        .87;

    letter-spacing:
        -.065em;

    font-weight:
        500;
}

.about-leadership-content h2 span{

    display:
        block;

    color:
        var(--about-gold);

    font-weight:
        700;
}

.about-leadership-line{

    width:
        92px;

    height:
        2px;

    margin:
        31px 0;

    background:
        var(--about-gold);
}

.about-leadership-content > p{

    max-width:
        615px;

    margin:
        0 0 20px;

    color:
        var(--about-muted);

    font-size:
        1.04rem;

    line-height:
        1.9;
}

.about-leadership-signature{

    margin-top:
        35px;

    padding-top:
        18px;

    border-top:
        1px solid
        var(--about-line);

    color:
        var(--about-gold);

    font-size:
        .6rem;

    font-weight:
        900;

    letter-spacing:
        .17em;
}


/* ==========================================================
   DIRECTION
   ========================================================== */

.about-direction{

    padding:
        140px 0;

    background:
        var(--about-bg);
}

.about-direction-heading{

    margin-bottom:
        64px;
}

.about-direction-heading h2{

    max-width:
        800px;

    margin:
        19px 0 0;

    font-size:
        clamp(
            3rem,
            5.1vw,
            5.6rem
        );

    line-height:
        .94;

    letter-spacing:
        -.057em;

    font-weight:
        500;
}

.about-direction-heading h2 span{
    color:
        var(--about-gold);
}

.about-direction-grid{

    display:
        grid;

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

    gap:
        18px;
}

.about-direction-grid article{

    min-height:
        325px;

    padding:
        36px;

    border:
        1px solid
        var(--about-line);

    border-radius:
        var(--about-radius-lg);

    background:
        var(--about-white);

    overflow:
        hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.about-direction-grid article:hover{

    transform:
        translateY(-3px);

    box-shadow:
        0 20px 45px
        rgba(32,37,42,.055);
}

.about-direction-grid article > span{

    color:
        var(--about-gold);

    font-size:
        .6rem;

    font-weight:
        900;

    letter-spacing:
        .15em;
}

.about-direction-grid h3{

    margin:
        60px 0 16px;

    font-size:
        1.72rem;
}

.about-direction-grid p{

    max-width:
        410px;

    margin:
        0;

    color:
        var(--about-muted);

    font-size:
        1rem;

    line-height:
        1.85;
}

.about-direction-main{

    background:
        var(--about-dark) !important;

    border-color:
        var(--about-dark) !important;

    color:
        #fff;

    box-shadow:
        0 24px 55px
        rgba(32,37,42,.12);
}

.about-direction-main p{

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

.about-direction-grid ul{

    list-style:
        none;

    padding:
        0;

    margin:
        56px 0 0;

    display:
        grid;

    gap:
        12px;
}

.about-direction-grid li{

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    font-size:
        .8rem;

    font-weight:
        700;
}

.about-direction-grid li svg{

    width:
        13px;

    height:
        13px;

    fill:none;

    stroke:
        var(--about-gold);

    stroke-width:
        2;
}


/* ==========================================================
   JOURNEY
   ========================================================== */

.about-journey{

    padding:
        145px 0;

    background:
        var(--about-soft);
}

.about-journey-heading{

    margin-bottom:
        68px;
}

.about-journey-heading h2{

    margin:
        19px 0 0;

    font-size:
        clamp(
            3rem,
            5.3vw,
            5.8rem
        );

    line-height:
        .94;

    letter-spacing:
        -.06em;

    font-weight:
        500;
}

.about-journey-heading h2 span{
    color:
        var(--about-gold);
}

.about-journey-list{

    display:
        grid;

    gap:
        11px;
}

.about-journey-item{

    display:
        grid;

    grid-template-columns:
        70px
        minmax(220px,.7fr)
        minmax(300px,1fr);

    align-items:
        center;

    gap:
        38px;

    padding:
        29px 26px;

    border:
        1px solid
        var(--about-line);

    border-radius:
        var(--about-radius-md);

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

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}

.about-journey-item:hover{

    transform:
        translateY(-2px);

    background:
        #fff;

    box-shadow:
        0 19px 42px
        rgba(32,37,42,.055);
}

.about-journey-number{

    width:
        49px;

    height:
        49px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        rgba(198,161,91,.52);

    border-radius:
        50%;

    color:
        var(--about-gold);

    font-size:
        .62rem;

    font-weight:
        900;
}

.about-journey-title small{

    display:
        block;

    color:
        var(--about-faint);

    font-size:
        .57rem;

    font-weight:
        900;

    letter-spacing:
        .14em;
}

.about-journey-title h3{

    margin:
        8px 0 0;

    font-size:
        1.47rem;
}

.about-journey-text p{

    margin:
        0;

    color:
        var(--about-muted);

    font-size:
        1rem;

    line-height:
        1.78;
}


/* ==========================================================
   FUTURE
   ========================================================== */

.about-future{

    position:
        relative;

    min-height:
        620px;

    display:
        flex;

    align-items:
        center;

    overflow:
        hidden;

    background:
        var(--about-dark);

    color:
        #fff;
}

.about-future::before{

    content:"";

    position:
        absolute;

    width:
        630px;

    height:
        630px;

    right:
        -245px;

    top:
        -135px;

    border-radius:
        50%;

    border:
        1px solid
        rgba(198,161,91,.13);
}

.about-future::after{

    content:"";

    position:
        absolute;

    width:
        340px;

    height:
        340px;

    left:
        -175px;

    bottom:
        -185px;

    border-radius:
        50%;

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

.about-future-mark{

    position:
        absolute;

    z-index:
        1;

    right:
        4%;

    top:
        50%;

    transform:
        translateY(-50%);

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

    font-size:
        clamp(
            16rem,
            33vw,
            32rem
        );

    line-height:
        .7;

    font-weight:
        900;

    letter-spacing:
        -.09em;

    user-select:
        none;
}

.about-future-content{

    position:
        relative;

    z-index:
        2;

    max-width:
        930px;
}

.about-future-content h2{

    margin:
        20px 0 27px;

    font-size:
        clamp(
            3.3rem,
            6.4vw,
            6.8rem
        );

    line-height:
        .9;

    letter-spacing:
        -.067em;

    font-weight:
        500;
}

.about-future-content h2 span{
    color:
        var(--about-gold-light);
}

.about-future-content > p{

    max-width:
        600px;

    margin:
        0;

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

    font-size:
        1.04rem;

    line-height:
        1.9;
}


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

.about-cta{

    padding:
        115px 0;

    background:
        var(--about-bg);
}

.about-cta-box{

    display:
        grid;

    grid-template-columns:
        86px
        minmax(0,1fr)
        auto;

    gap:
        48px;

    align-items:
        center;

    padding:
        44px;

    border:
        1px solid
        var(--about-line);

    border-radius:
        var(--about-radius-xl);

    background:
        linear-gradient(
            135deg,
            #fbfaf7,
            #fff
        );

    box-shadow:
        0 30px 80px
        rgba(32,37,42,.06);
}

.about-cta-brand{

    width:
        78px;

    height:
        78px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        18px;

    background:
        var(--about-dark);
}

.about-cta-brand img{

    width:
        49px;

    height:
        49px;

    object-fit:
        contain;
}

.about-cta-content h2{

    max-width:
        700px;

    margin:
        14px 0 13px;

    font-size:
        clamp(
            2.45rem,
            3.9vw,
            4.1rem
        );

    line-height:
        .95;

    letter-spacing:
        -.055em;

    font-weight:
        500;
}

.about-cta-content h2 span{
    color:
        var(--about-gold);
}

.about-cta-content > p{

    max-width:
        600px;

    margin:
        0;

    color:
        var(--about-muted);

    font-size:
        1rem;

    line-height:
        1.8;
}

.about-cta-actions{

    min-width:
        190px;

    display:
        flex;

    flex-direction:
        column;

    gap:
        10px;
}


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

.about-manifesto-content,
.about-section-heading,
.about-who-card,
.about-ecosystem-heading,
.about-ecosystem-map,
.about-brand,
.about-leadership-grid,
.about-direction-heading,
.about-direction-grid,
.about-journey-heading,
.about-journey-item,
.about-future-content,
.about-cta-box{

    opacity:
        0;

    transform:
        translateY(28px);

    transition:
        opacity .78s ease,
        transform .78s
        cubic-bezier(.2,.8,.2,1);
}

.about-is-visible{

    opacity:
        1;

    transform:
        translateY(0);
}


/* ==========================================================
   REVEAL DELAYS
   ========================================================== */

.about-journey-item:nth-child(2){
    transition-delay:
        .04s;
}

.about-journey-item:nth-child(3){
    transition-delay:
        .08s;
}

.about-journey-item:nth-child(4){
    transition-delay:
        .12s;
}

.about-journey-item:nth-child(5){
    transition-delay:
        .16s;
}


/* ==========================================================
   ANIMATION
   ========================================================== */

@keyframes aboutScroll{

    0%{
        transform:
            translateX(-20px);
    }

    50%{
        transform:
            translateX(44px);
    }

    100%{
        transform:
            translateX(44px);
    }
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:1050px){

    .about-hero-main{

        grid-template-columns:
            minmax(0,1fr)
            minmax(350px,.8fr);

        gap:
            48px;
    }

    .about-hero-copy h1{

        font-size:
            clamp(
                3.35rem,
                7vw,
                5.8rem
            );
    }

    .about-section-heading,
    .about-ecosystem-heading{
        gap:
            45px;
    }

    .about-who-card{

        grid-template-columns:
            65px
            minmax(210px,.7fr)
            minmax(260px,1fr);

        gap:
            30px;

        padding:
            40px;
    }

    .about-brand-grid,
    .about-leadership-grid{
        gap:
            58px;
    }

    .about-direction-grid{

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

    .about-direction-main{
        order:
            2;
    }

    .about-direction-grid article:last-child{

        order:
            3;

        grid-column:
            span 2;
    }

    .about-cta-box{

        grid-template-columns:
            76px
            minmax(0,1fr);
    }

    .about-cta-actions{

        grid-column:
            2;

        flex-direction:
            row;

        flex-wrap:
            wrap;
    }

}


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

@media(max-width:800px){

    .about-container{

        width:
            min(
                calc(100% - 40px),
                650px
            );
    }

    .about-hero{
        min-height:
            auto;
    }

    .about-hero-top{
        height:
            58px;
    }

    .about-hero-main{

        grid-template-columns:
            1fr;

        gap:
            48px;

        padding:
            60px 0 35px;
    }

    .about-hero-copy h1{

        font-size:
            clamp(
                3.35rem,
                14vw,
                5.15rem
            );
    }

    .about-hero-copy > p{
        font-size:
            1rem;
    }

    .about-hero-actions{

        flex-direction:
            column;

        align-items:
            stretch;
    }

    .about-button{
        width:
            100%;
    }

    .about-hero-visual{

        width:
            100%;

        max-width:
            none;

        padding:
            10px 10px 74px;
    }

    .about-hero-image{
        height:
            455px;
    }

    .about-hero-brand-card{

        left:
            0;

        bottom:
            27px;

        width:
            calc(100% - 22px);
    }

    .about-hero-caption{

        right:
            0;

        bottom:
            6px;
    }

    .about-hero-bottom{

        height:
            58px;

        grid-template-columns:
            1fr auto;
    }

    .about-hero-bottom > :last-child{
        display:
            none;
    }


    /* ------------------------------------------------------
       MANIFESTO
       ------------------------------------------------------ */

    .about-manifesto{
        padding:
            105px 0;
    }

    .about-manifesto-grid{

        grid-template-columns:
            1fr;

        gap:
            28px;
    }

    .about-section-label{

        flex-direction:
            row;

        align-items:
            center;
    }

    .about-manifesto-content h2{

        font-size:
            clamp(
                2.8rem,
                13vw,
                4.8rem
            );
    }


    /* ------------------------------------------------------
       WHO
       ------------------------------------------------------ */

    .about-who{
        padding:
            100px 0;
    }

    .about-section-heading{

        grid-template-columns:
            1fr;

        gap:
            25px;

        margin-bottom:
            52px;
    }

    .about-section-heading h2{

        font-size:
            clamp(
                2.9rem,
                12vw,
                4.75rem
            );
    }

    .about-who-card{

        grid-template-columns:
            1fr;

        gap:
            21px;

        padding:
            30px;

        border-radius:
            var(--about-radius-lg);
    }

    .about-who-card-title h3{
        margin-top:
            11px;
    }


    /* ------------------------------------------------------
       ECOSYSTEM
       ------------------------------------------------------ */

    .about-ecosystem-intro{

        padding:
            100px 0 70px;
    }

    .about-ecosystem-heading{

        grid-template-columns:
            1fr;

        gap:
            25px;
    }

    .about-ecosystem-map{

        grid-template-columns:
            minmax(75px,1fr)
            35px
            78px
            35px
            minmax(75px,1fr);

        margin-top:
            62px;
    }

    .about-ecosystem-core{

        width:
            78px;

        height:
            78px;
    }

    .about-ecosystem-core img{

        width:
            43px;

        height:
            43px;
    }

    .about-ecosystem-side strong{
        font-size:
            .56rem;
    }


    /* ------------------------------------------------------
       BRAND
       ------------------------------------------------------ */

    .about-brand{

        min-height:
            auto;

        padding:
            82px 0;
    }

    .about-brand-grid,
    .about-brand-grid-reverse{

        grid-template-columns:
            1fr;

        gap:
            52px;
    }

    .about-brand-grid-reverse
    .about-brand-visual{

        order:
            -1;

        justify-self:
            stretch;
    }

    .about-brand-image{
        height:
            415px;
    }

    .about-brand-number{

        left:
            -8px;

        top:
            -16px;
    }

    .about-brand-content h2{

        font-size:
            clamp(
                2.85rem,
                12vw,
                4.5rem
            );
    }

    .about-brand-content > p{
        font-size:
            1rem;
    }


    /* ------------------------------------------------------
       LEADERSHIP
       ------------------------------------------------------ */

    .about-leadership{

        padding:
            100px 0;
    }

    .about-leadership-grid{

        grid-template-columns:
            1fr;

        gap:
            56px;
    }

    .about-leadership-image{
        height:
            515px;
    }

    .about-leadership-content h2{

        font-size:
            clamp(
                3.3rem,
                13vw,
                5.35rem
            );
    }

    .about-leadership-content > p{
        font-size:
            1rem;
    }


    /* ------------------------------------------------------
       DIRECTION
       ------------------------------------------------------ */

    .about-direction{

        padding:
            100px 0;
    }

    .about-direction-heading h2{

        font-size:
            clamp(
                2.9rem,
                12vw,
                4.75rem
            );
    }

    .about-direction-grid{

        grid-template-columns:
            1fr;

        gap:
            13px;
    }

    .about-direction-grid article{

        min-height:
            285px;
    }

    .about-direction-grid article:last-child{

        grid-column:
            auto;

        order:
            3;
    }

    .about-direction-main{
        order:
            2;
    }


    /* ------------------------------------------------------
       JOURNEY
       ------------------------------------------------------ */

    .about-journey{

        padding:
            100px 0;
    }

    .about-journey-heading h2{

        font-size:
            clamp(
                2.95rem,
                12vw,
                4.85rem
            );
    }

    .about-journey-item{

        grid-template-columns:
            57px
            1fr;

        gap:
            18px;

        padding:
            26px 22px;
    }

    .about-journey-text{

        grid-column:
            2;
    }

    .about-journey-number{

        width:
            46px;

        height:
            46px;
    }


    /* ------------------------------------------------------
       FUTURE
       ------------------------------------------------------ */

    .about-future{
        min-height:
            540px;
    }

    .about-future-mark{
        font-size:
            14rem;
    }

    .about-future-content h2{

        font-size:
            clamp(
                3.05rem,
                13vw,
                5.15rem
            );
    }


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

    .about-cta{

        padding:
            78px 0;
    }

    .about-cta-box{

        grid-template-columns:
            1fr;

        gap:
            27px;

        padding:
            32px 27px;

        border-radius:
            var(--about-radius-lg);
    }

    .about-cta-actions{

        grid-column:
            auto;

        flex-direction:
            column;
    }

    .about-cta-content h2{

        font-size:
            clamp(
                2.55rem,
                11vw,
                4.1rem
            );
    }

}


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

@media(max-width:500px){

    .about-container{

        width:
            calc(100% - 30px);
    }

    .about-hero{

        padding:
            0 15px;
    }

    .about-hero-top{

        font-size:
            .5rem;
    }

    .about-hero-image{
        height:
            395px;
    }

    .about-hero-brand-card{

        min-height:
            81px;

        padding:
            11px;
    }

    .about-hero-logo{

        width:
            51px;

        height:
            51px;

        flex-basis:
            51px;

        border-radius:
            12px;
    }

    .about-hero-logo img{

        width:
            34px;

        height:
            34px;
    }

    .about-hero-brand-copy span{
        font-size:
            .54rem;
    }

    .about-hero-brand-copy small{
        font-size:
            .55rem;
    }

    .about-hero-brand-card > strong{
        font-size:
            .56rem;
    }

    .about-hero-caption{

        max-width:
            135px;
    }

    .about-hero-caption p{
        font-size:
            .52rem;
    }

    .about-ecosystem-map{

        grid-template-columns:
            minmax(56px,1fr)
            25px
            68px
            25px
            minmax(56px,1fr);
    }

    .about-ecosystem-core{

        width:
            68px;

        height:
            68px;
    }

    .about-ecosystem-core img{

        width:
            37px;

        height:
            37px;
    }

    .about-ecosystem-side strong{

        font-size:
            .49rem;

        letter-spacing:
            .1em;
    }

    .about-brand-image{
        height:
            355px;
    }

    .about-leadership-image{
        height:
            435px;
    }

    .about-future-mark{
        font-size:
            11rem;
    }

}

/* ==========================================================
   AD LIFESTYLE V2
   PRODUCTS.CSS
   Premium Product Catalogue
   ========================================================== */

/* ==========================================================
   01. ROOT / BASE
   ========================================================== */

.products-page {
    --products-bg: #f7f7f5;
    --products-bg-soft: #efefeb;
    --products-surface: rgba(255, 255, 255, 0.88);
    --products-surface-solid: #ffffff;
    --products-border: rgba(17, 17, 17, 0.09);
    --products-border-strong: rgba(17, 17, 17, 0.15);
    --products-text: #151515;
    --products-muted: #6f6f6f;
    --products-soft-text: #999999;
    --products-black: #0e0e0e;
    --products-gold: #c6a04d;
    --products-gold-light: #ead7a3;
    --products-shadow: 0 25px 70px rgba(0, 0, 0, 0.08);
    --products-shadow-soft: 0 15px 35px rgba(0, 0, 0, 0.05);

    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 0%, rgba(198, 160, 77, 0.07), transparent 26%),
        radial-gradient(circle at 90% 15%, rgba(0, 0, 0, 0.035), transparent 25%),
        var(--products-bg);
    color: var(--products-text);
}

.products-page *,
.products-page *::before,
.products-page *::after {
    box-sizing: border-box;
}

.products-page img {
    display: block;
    max-width: 100%;
}

.products-page button,
.products-page input,
.products-page select {
    font: inherit;
}

.products-page button {
    border: 0;
}

.products-page a {
    color: inherit;
    text-decoration: none;
}

/* ==========================================================
   02. MAIN CONTAINER
   ========================================================== */

.products-container {
    width: min(1440px, calc(100% - 48px));
    margin: 0 auto;
}

.products-section {
    position: relative;
    padding: 110px 0;
}

.products-section + .products-section {
    padding-top: 0;
}

/* ==========================================================
   03. HERO
   ========================================================== */

.products-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    isolation: isolate;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 72% 45%,
            var(--hero-atmosphere, rgba(198, 160, 77, 0.18)),
            transparent 28%
        ),
        linear-gradient(
            120deg,
            var(--hero-surface, #ffffff) 0%,
            #f7f7f5 55%,
            #ededeb 100%
        );
}

.products-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -3;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0.95) 0%,
            rgba(255,255,255,0.60) 35%,
            rgba(255,255,255,0.10) 70%,
            transparent 100%
        );
}

.products-hero::after {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    right: -240px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    pointer-events: none;
    z-index: -2;

    background:
        radial-gradient(
            circle,
            var(--hero-atmosphere, rgba(198, 160, 77, 0.28)) 0%,
            transparent 68%
        );

    filter: blur(18px);
    opacity: 0.85;
    transition:
        background 700ms ease,
        opacity 700ms ease;
}

.products-hero-content {
    position: relative;
    z-index: 3;
    width: 53%;
    padding: 105px 0 95px;
}

.products-hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;

    color: var(--hero-tone, var(--products-gold));
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.products-hero-kicker::before {
    content: "";
    width: 28px;
    height: 1px;

    background: currentColor;
}

.products-hero-label {
    display: inline-block;
    margin-bottom: 16px;

    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.17em;
    text-transform: uppercase;
    color: var(--hero-deep, #555);
}

.products-hero-title {
    max-width: 760px;
    margin: 0;

    font-size: clamp(3.6rem, 7vw, 7.7rem);
    line-height: 0.89;
    letter-spacing: -0.065em;
    font-weight: 800;

    color: var(--products-black);
}

.products-hero-title span {
    display: block;
    color: var(--hero-tone, var(--products-gold));
    transition:
        color 500ms ease,
        transform 500ms ease;
}

.products-hero-description {
    max-width: 620px;
    margin: 30px 0 0;

    font-size: 1.03rem;
    line-height: 1.85;
    color: var(--products-muted);
}

.products-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 30px;
}

.products-hero-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 33px;
    padding: 0 13px;

    border: 1px solid rgba(17,17,17,0.10);
    border-radius: 999px;

    background: rgba(255,255,255,0.52);
    backdrop-filter: blur(12px);

    color: #555;
    font-size: 0.73rem;
    font-weight: 700;
}

.products-hero-meta {
    display: flex;
    align-items: center;
    gap: 22px;

    margin-top: 34px;
    color: #6b6b6b;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.products-hero-meta strong {
    color: var(--hero-deep, #333);
    font-size: 0.9rem;
}

.products-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 38px;
}

/* ==========================================================
   04. HERO BUTTONS
   ========================================================== */

.products-hero-button {
    position: relative;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 0 22px;
    border-radius: 999px;

    cursor: pointer;

    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        background 220ms ease,
        color 220ms ease;
}

.products-hero-button:hover {
    transform: translateY(-3px);
}

.products-hero-button.primary {
    background: var(--products-black);
    color: #fff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.14);
}

.products-hero-button.primary:hover {
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.19);
}

.products-hero-button.secondary {
    border: 1px solid rgba(17,17,17,0.12);
    background: rgba(255,255,255,0.72);
    color: var(--products-black);
}

.products-hero-button.secondary:hover {
    background: #fff;
    box-shadow: var(--products-shadow-soft);
}

/* ==========================================================
   05. HERO IMAGE
   ========================================================== */

.products-hero-visual {
    position: absolute;
    top: 50%;
    right: clamp(20px, 5vw, 95px);
    width: min(48vw, 650px);
    height: min(48vw, 650px);
    min-width: 390px;
    min-height: 390px;

    transform: translateY(-50%);
    z-index: 2;

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

.products-hero-image-glow {
    position: absolute;
    inset: 12%;
    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            var(--hero-atmosphere, rgba(198,160,77,0.25)) 0%,
            transparent 67%
        );

    filter: blur(5px);
    opacity: 0.95;

    transition:
        background 700ms ease,
        transform 900ms ease;
}

.products-hero-visual::before {
    content: "";
    position: absolute;
    inset: 10%;
    border: 1px solid rgba(17,17,17,0.07);
    border-radius: 50%;
}

.products-hero-visual::after {
    content: "";
    position: absolute;
    inset: 18%;
    border: 1px dashed rgba(17,17,17,0.07);
    border-radius: 50%;

    animation: productsRotateRing 30s linear infinite;
}

@keyframes productsRotateRing {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.products-hero-image {
    position: relative;
    z-index: 4;

    width: 74%;
    max-height: 600px;
    object-fit: contain;

    filter:
        drop-shadow(0 35px 50px rgba(0,0,0,0.15))
        drop-shadow(0 10px 25px rgba(0,0,0,0.08));

    transform: translateY(0) scale(1);
    transition:
        transform 700ms cubic-bezier(.2,.8,.2,1),
        filter 500ms ease;
}

.products-hero:hover .products-hero-image {
    transform: translateY(-8px) scale(1.035);
}

/* ==========================================================
   06. THUMBNAILS
   ========================================================== */

.products-hero-thumbnails {
    position: absolute;
    right: 28px;
    bottom: 30px;

    z-index: 8;

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

    max-width: calc(100% - 56px);
    overflow-x: auto;
    padding: 8px;

    border: 1px solid rgba(17,17,17,0.08);
    border-radius: 18px;

    background: rgba(255,255,255,0.67);
    backdrop-filter: blur(20px);

    scrollbar-width: none;
}

.products-hero-thumbnails::-webkit-scrollbar {
    display: none;
}

.products-hero-thumb {
    position: relative;
    flex: 0 0 54px;

    width: 54px;
    height: 54px;

    padding: 6px;

    border: 1px solid rgba(17,17,17,0.08);
    border-radius: 13px;

    background: rgba(255,255,255,0.74);
    cursor: pointer;

    overflow: hidden;

    transition:
        transform 200ms ease,
        border-color 200ms ease,
        background 200ms ease,
        box-shadow 200ms ease;
}

.products-hero-thumb:hover {
    transform: translateY(-3px);
    background: #fff;
}

.products-hero-thumb.active {
    border-color: var(--hero-tone, var(--products-gold));
    box-shadow:
        0 0 0 2px rgba(198,160,77,0.12),
        0 8px 20px rgba(0,0,0,0.08);
}

.products-hero-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ==========================================================
   07. PROGRESS
   ========================================================== */

.products-hero-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;

    background: rgba(17,17,17,0.08);
    z-index: 20;
}

.products-hero-progress-bar {
    width: 0;
    height: 100%;
    background: var(--hero-tone, var(--products-gold));
    transform-origin: left center;
    transition:
        width 100ms linear,
        background 500ms ease;
}

/* ==========================================================
   08. INTRODUCTION
   ========================================================== */

.products-introduction {
    position: relative;
    padding: 120px 0 75px;
}

.products-introduction-inner {
    display: grid;
    grid-template-columns: 0.8fr 1.4fr;
    gap: 90px;
    align-items: end;
}

.products-introduction-eyebrow {
    margin-bottom: 17px;

    color: var(--products-gold);
    font-size: 0.71rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.products-introduction-title {
    max-width: 520px;
    margin: 0;

    font-size: clamp(2.6rem, 4.5vw, 5rem);
    line-height: 0.96;
    letter-spacing: -0.055em;
}

.products-introduction-copy {
    max-width: 760px;
    margin: 0;

    color: var(--products-muted);
    font-size: 1rem;
    line-height: 1.9;
}

.products-introduction-copy strong {
    color: var(--products-text);
}

/* ==========================================================
   09. CATEGORIES
   ========================================================== */

.products-categories {
    padding: 25px 0 85px;
}

.products-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;

    margin-bottom: 30px;
}

.products-section-heading > div:first-child {
    max-width: 700px;
}

.products-section-eyebrow {
    display: block;
    margin-bottom: 12px;

    color: var(--products-gold);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.products-section-title {
    margin: 0;

    font-size: clamp(2rem, 3.5vw, 4rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.products-section-description {
    max-width: 560px;
    margin: 15px 0 0;

    color: var(--products-muted);
    line-height: 1.75;
}

.products-category-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.products-category-card {
    position: relative;
    min-height: 185px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 24px;

    border: 1px solid var(--products-border);
    border-radius: 28px;

    background:
        linear-gradient(
            140deg,
            rgba(255,255,255,0.98),
            rgba(246,246,243,0.82)
        );

    overflow: hidden;
    cursor: pointer;

    transition:
        transform 280ms ease,
        box-shadow 280ms ease,
        border-color 280ms ease;
}

.products-category-card::after {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    right: -38px;
    bottom: -38px;

    border-radius: 50%;
    background: var(--category-tone, rgba(198,160,77,0.18));
    opacity: 0.22;
    filter: blur(3px);
}

.products-category-card:hover {
    transform: translateY(-6px);
    border-color: rgba(198,160,77,0.28);
    box-shadow: var(--products-shadow);
}

.products-category-card-icon {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    border-radius: 13px;

    background: var(--category-surface, #f1f1ee);
    color: var(--category-tone, var(--products-gold));

    font-size: 1rem;
    font-weight: 800;
}

.products-category-card-name {
    margin-top: 25px;

    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.products-category-card-count {
    margin-top: 7px;

    color: var(--products-muted);
    font-size: 0.78rem;
}

/* ==========================================================
   10. CATALOGUE HEADER
   ========================================================== */

.products-catalogue {
    padding: 40px 0 110px;
}

.products-catalogue-top {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;

    margin-bottom: 28px;
}

.products-catalogue-heading {
    max-width: 720px;
}

.products-catalogue-eyebrow {
    margin-bottom: 12px;

    color: var(--products-gold);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.products-catalogue-title {
    margin: 0;

    font-size: clamp(2.3rem, 4vw, 4.4rem);
    line-height: 0.95;
    letter-spacing: -0.05em;
}

.products-catalogue-description {
    max-width: 620px;
    margin-top: 15px;

    color: var(--products-muted);
    line-height: 1.75;
}

/* ==========================================================
   11. SEARCH / FILTER
   ========================================================== */

.products-filters {
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(160px, 0.65fr));
    gap: 10px;

    padding: 10px;

    border: 1px solid rgba(17,17,17,0.08);
    border-radius: 22px;

    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(18px);
}

.products-filter-search {
    position: relative;
}

.products-filter-search input,
.products-filter-select {
    width: 100%;
    height: 48px;

    padding: 0 16px;

    border: 1px solid rgba(17,17,17,0.08);
    border-radius: 13px;

    outline: none;

    background: #fff;
    color: var(--products-text);

    font-size: 0.83rem;

    transition:
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.products-filter-search input:focus,
.products-filter-select:focus {
    border-color: rgba(198,160,77,0.65);
    box-shadow: 0 0 0 4px rgba(198,160,77,0.09);
}

.products-filter-select {
    cursor: pointer;
}

.products-results-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin: 22px 2px 0;

    color: var(--products-muted);
    font-size: 0.76rem;
}

.products-results-bar strong {
    color: var(--products-text);
}

.products-results-reset {
    display: none;

    padding: 0;

    background: transparent;
    color: var(--products-gold);

    cursor: pointer;

    font-size: 0.76rem;
    font-weight: 800;
}

.products-results-reset.visible {
    display: inline-flex;
}

/* ==========================================================
   12. PRODUCT GRID
   ========================================================== */

.products-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;

    margin-top: 28px;
}

.products-card {
    position: relative;
    display: flex;
    flex-direction: column;

    min-width: 0;

    border: 1px solid var(--products-border);
    border-radius: 28px;

    background: var(--products-surface-solid);

    overflow: hidden;
    cursor: pointer;

    transition:
        transform 320ms cubic-bezier(.2,.8,.2,1),
        box-shadow 320ms ease,
        border-color 280ms ease;
}

.products-card:hover {
    transform: translateY(-9px);
    border-color: rgba(198,160,77,0.25);
    box-shadow:
        0 30px 60px rgba(0,0,0,0.10),
        0 10px 20px rgba(0,0,0,0.035);
}

.products-card.hidden {
    display: none;
}

/* ==========================================================
   13. PRODUCT CARD MEDIA
   ========================================================== */

.products-card-media {
    position: relative;
    min-height: 315px;

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

    padding: 35px;

    background:
        radial-gradient(
            circle at 50% 45%,
            var(--card-atmosphere, #f0f0ed) 0%,
            rgba(255,255,255,0) 72%
        ),
        #f8f8f5;

    overflow: hidden;
}

.products-card-media::before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            var(--card-tone, rgba(198,160,77,0.18)),
            transparent 70%
        );

    opacity: 0.18;
    filter: blur(5px);
}

.products-card-media img {
    position: relative;
    z-index: 2;

    width: 79%;
    height: 245px;

    object-fit: contain;

    filter: drop-shadow(0 22px 30px rgba(0,0,0,0.12));

    transition:
        transform 550ms cubic-bezier(.2,.8,.2,1),
        filter 400ms ease;
}

.products-card:hover .products-card-media img {
    transform: scale(1.07) translateY(-5px);
    filter:
        drop-shadow(0 28px 35px rgba(0,0,0,0.15))
        drop-shadow(0 4px 9px rgba(0,0,0,0.05));
}

/* ==========================================================
   14. PRODUCT CARD TOPLINE
   ========================================================== */

.products-card-topline {
    position: absolute;
    top: 17px;
    left: 17px;
    right: 17px;

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

    z-index: 3;
}

.products-card-number {
    width: 32px;
    height: 32px;

    display: grid;
    place-items: center;

    border: 1px solid rgba(17,17,17,0.08);
    border-radius: 10px;

    background: rgba(255,255,255,0.74);
    backdrop-filter: blur(10px);

    font-size: 0.69rem;
    font-weight: 800;
    color: #666;
}

.products-card-category {
    max-width: 65%;

    padding: 7px 10px;

    border-radius: 999px;

    background: rgba(255,255,255,0.74);
    backdrop-filter: blur(10px);

    color: var(--card-tone, var(--products-gold));

    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

/* ==========================================================
   15. PRODUCT CARD BODY
   ========================================================== */

.products-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 24px 23px 25px;
}

.products-card-name {
    margin: 0;

    font-size: 1.3rem;
    line-height: 1.03;
    letter-spacing: -0.035em;
}

.products-card-universe {
    margin-top: 8px;

    color: var(--card-tone, var(--products-gold));

    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.products-card-description {
    margin: 15px 0 0;

    color: var(--products-muted);
    font-size: 0.84rem;
    line-height: 1.68;
}

.products-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 22px;
    padding-top: 16px;

    border-top: 1px solid rgba(17,17,17,0.07);
}

.products-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: var(--products-black);

    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.products-card-link span {
    transition: transform 180ms ease;
}

.products-card:hover .products-card-link span {
    transform: translateX(4px);
}

.products-card-tags {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.products-card-tag {
    padding: 6px 8px;

    border-radius: 7px;

    background: #f3f3f1;
    color: #777;

    font-size: 0.61rem;
    font-weight: 700;
}

/* ==========================================================
   16. EMPTY STATE
   ========================================================== */

.products-empty {
    display: none;

    min-height: 360px;

    align-items: center;
    justify-content: center;
    text-align: center;

    padding: 60px 25px;

    border: 1px dashed rgba(17,17,17,0.13);
    border-radius: 28px;

    background: rgba(255,255,255,0.4);
}

.products-empty.visible {
    display: flex;
}

.products-empty-inner {
    max-width: 470px;
}

.products-empty-icon {
    width: 58px;
    height: 58px;

    display: grid;
    place-items: center;

    margin: 0 auto 18px;

    border-radius: 18px;

    background: #ecece8;
    color: #656565;

    font-size: 1.2rem;
}

.products-empty-title {
    margin: 0;

    font-size: 1.6rem;
    letter-spacing: -0.035em;
}

.products-empty-text {
    margin: 12px 0 0;

    color: var(--products-muted);
    line-height: 1.75;
}

/* ==========================================================
   17. FEATURED / SPOTLIGHT
   ========================================================== */

.products-featured {
    position: relative;
    padding: 40px 0 125px;
}

.products-featured-shell {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    min-height: 620px;

    overflow: hidden;

    border-radius: 38px;

    background:
        radial-gradient(
            circle at 75% 30%,
            rgba(198,160,77,0.15),
            transparent 28%
        ),
        linear-gradient(
            125deg,
            #0f0f0f 0%,
            #181818 55%,
            #222 100%
        );

    color: #fff;

    box-shadow: 0 40px 90px rgba(0,0,0,0.17);
}

.products-featured-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(255,255,255,0.05) 1px,
            transparent 1px
        );

    background-size: 70px 70px;

    mask-image: linear-gradient(
        to right,
        rgba(0,0,0,0.8),
        transparent 80%
    );

    opacity: 0.17;
}

.products-featured-content {
    position: relative;
    z-index: 3;

    align-self: center;

    padding: 80px;
}

.products-featured-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: var(--products-gold-light);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.products-featured-label::before {
    content: "";
    width: 25px;
    height: 1px;

    background: currentColor;
}

.products-featured-title {
    max-width: 520px;
    margin: 25px 0 0;

    font-size: clamp(3rem, 5vw, 6rem);
    line-height: 0.9;
    letter-spacing: -0.06em;
}

.products-featured-text {
    max-width: 560px;
    margin: 25px 0 0;

    color: rgba(255,255,255,0.70);
    font-size: 0.96rem;
    line-height: 1.85;
}

.products-featured-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin-top: 27px;
}

.products-featured-tags span {
    padding: 8px 11px;

    border: 1px solid rgba(255,255,255,0.11);
    border-radius: 999px;

    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.73);

    font-size: 0.65rem;
    font-weight: 700;
}

.products-featured-action {
    margin-top: 34px;
}

.products-featured-image-wrap {
    position: relative;

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

    min-height: 100%;
}

.products-featured-image-wrap::before {
    content: "";
    position: absolute;

    width: 450px;
    height: 450px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(198,160,77,0.24) 0%,
            transparent 67%
        );

    filter: blur(7px);
}

.products-featured-image-wrap::after {
    content: "";
    position: absolute;

    width: 470px;
    height: 470px;

    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 50%;

    box-shadow:
        inset 0 0 0 70px rgba(255,255,255,0.018);
}

.products-featured-image {
    position: relative;
    z-index: 2;

    width: min(75%, 520px);
    height: auto;

    object-fit: contain;

    filter:
        drop-shadow(0 50px 55px rgba(0,0,0,0.28))
        drop-shadow(0 10px 20px rgba(0,0,0,0.22));

    transition:
        transform 700ms cubic-bezier(.2,.8,.2,1);
}

.products-featured-shell:hover .products-featured-image {
    transform: translateY(-10px) scale(1.035);
}

/* ==========================================================
   18. PHILOSOPHY
   ========================================================== */

.products-philosophy {
    padding: 0 0 120px;
}

.products-philosophy-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 16px;
}

.products-philosophy-card {
    min-height: 390px;

    padding: 42px;

    border: 1px solid var(--products-border);
    border-radius: 30px;

    background: rgba(255,255,255,0.68);

    box-shadow: var(--products-shadow-soft);
}

.products-philosophy-card.dark {
    position: relative;
    overflow: hidden;

    border-color: #242424;
    background: #121212;
    color: #fff;
}

.products-philosophy-card.dark::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;

    right: -120px;
    bottom: -120px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(198,160,77,0.19),
            transparent 70%
        );

    filter: blur(8px);
}

.products-philosophy-eyebrow {
    display: block;
    margin-bottom: 18px;

    color: var(--products-gold);

    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}

.products-philosophy-title {
    max-width: 760px;
    margin: 0;

    font-size: clamp(2.3rem, 4vw, 4.7rem);
    line-height: 0.96;
    letter-spacing: -0.055em;
}

.products-philosophy-text {
    max-width: 700px;
    margin: 22px 0 0;

    color: var(--products-muted);
    font-size: 0.95rem;
    line-height: 1.9;
}

.products-philosophy-card.dark .products-philosophy-text {
    color: rgba(255,255,255,0.63);
}

.products-philosophy-points {
    display: grid;
    gap: 12px;

    margin-top: 30px;
}

.products-philosophy-point {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.products-philosophy-point-mark {
    flex: 0 0 9px;

    width: 9px;
    height: 9px;

    margin-top: 7px;

    border-radius: 50%;
    background: var(--products-gold);
}

.products-philosophy-point span {
    color: #555;
    line-height: 1.6;
}

.products-philosophy-card.dark .products-philosophy-point span {
    color: rgba(255,255,255,0.70);
}

/* ==========================================================
   19. CTA
   ========================================================== */

.products-cta {
    padding: 0 0 120px;
}

.products-cta-shell {
    position: relative;

    padding: 70px 75px;

    border-radius: 32px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 85% 50%,
            rgba(198,160,77,0.20),
            transparent 28%
        ),
        linear-gradient(
            120deg,
            #eeece5,
            #f8f7f3
        );

    border: 1px solid rgba(17,17,17,0.08);
}

.products-cta-shell::after {
    content: "";
    position: absolute;

    width: 320px;
    height: 320px;

    right: -120px;
    top: -130px;

    border: 1px solid rgba(198,160,77,0.2);
    border-radius: 50%;
}

.products-cta-content {
    position: relative;
    z-index: 2;

    max-width: 800px;
}

.products-cta-eyebrow {
    color: var(--products-gold);

    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.products-cta-title {
    margin: 14px 0 0;

    font-size: clamp(2.5rem, 5vw, 5.8rem);
    line-height: 0.92;
    letter-spacing: -0.06em;
}

.products-cta-text {
    max-width: 680px;
    margin: 22px 0 0;

    color: var(--products-muted);
    line-height: 1.8;
}

.products-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;

    margin-top: 28px;
}

.products-cta-button {
    min-height: 49px;

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

    padding: 0 22px;

    border-radius: 999px;

    cursor: pointer;

    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        background 220ms ease;
}

.products-cta-button:hover {
    transform: translateY(-3px);
}

.products-cta-button.primary {
    background: var(--products-black);
    color: #fff;
    box-shadow: 0 15px 30px rgba(0,0,0,0.12);
}

.products-cta-button.secondary {
    background: rgba(255,255,255,0.78);
    border: 1px solid rgba(17,17,17,0.1);
    color: var(--products-black);
}

/* ==========================================================
   20. REVEAL ANIMATIONS
   ========================================================== */

.products-page .products-visible {
    opacity: 1;
    transform: none;
}

.products-page [data-reveal] {
    opacity: 0;
    transform: translateY(26px);
    transition:
        opacity 700ms ease,
        transform 700ms cubic-bezier(.2,.75,.2,1);
}

.products-page [data-reveal].products-visible {
    opacity: 1;
    transform: translateY(0);
}

.products-page [data-reveal="left"] {
    transform: translateX(-30px);
}

.products-page [data-reveal="left"].products-visible {
    transform: translateX(0);
}

.products-page [data-reveal="right"] {
    transform: translateX(30px);
}

.products-page [data-reveal="right"].products-visible {
    transform: translateX(0);
}

.products-page [data-reveal="scale"] {
    transform: scale(0.96);
}

.products-page [data-reveal="scale"].products-visible {
    transform: scale(1);
}

/* ==========================================================
   21. STAGGER
   ========================================================== */

.products-card:nth-child(2),
.products-category-card:nth-child(2) {
    transition-delay: 50ms;
}

.products-card:nth-child(3),
.products-category-card:nth-child(3) {
    transition-delay: 100ms;
}

.products-card:nth-child(4),
.products-category-card:nth-child(4) {
    transition-delay: 150ms;
}

.products-card:nth-child(5) {
    transition-delay: 200ms;
}

.products-card:nth-child(6) {
    transition-delay: 250ms;
}

.products-card:nth-child(7) {
    transition-delay: 300ms;
}

.products-card:nth-child(8) {
    transition-delay: 350ms;
}

/* ==========================================================
   22. RIPPLE
   ========================================================== */

.products-page .ripple-effect {
    position: absolute;

    width: 14px;
    height: 14px;

    margin-left: -7px;
    margin-top: -7px;

    border-radius: 50%;

    background: rgba(255,255,255,0.23);

    pointer-events: none;

    transform: scale(0);
    animation: productsRipple 650ms ease-out forwards;
}

@keyframes productsRipple {
    to {
        opacity: 0;
        transform: scale(13);
    }
}

/* ==========================================================
   23. DARK THEME
   ========================================================== */

html[data-theme="dark"] .products-page,
body.dark .products-page {
    --products-bg: #0d0d0d;
    --products-bg-soft: #151515;
    --products-surface: rgba(24,24,24,0.88);
    --products-surface-solid: #181818;
    --products-border: rgba(255,255,255,0.08);
    --products-border-strong: rgba(255,255,255,0.13);
    --products-text: #f2f2ef;
    --products-muted: #a1a1a1;
    --products-soft-text: #767676;
    --products-black: #f2f2ef;
    --products-shadow: 0 25px 70px rgba(0,0,0,0.35);
    --products-shadow-soft: 0 15px 35px rgba(0,0,0,0.22);

    background:
        radial-gradient(circle at 10% 0%, rgba(198,160,77,0.06), transparent 26%),
        #0d0d0d;
}

html[data-theme="dark"] .products-hero,
body.dark .products-hero {
    background:
        radial-gradient(
            circle at 72% 45%,
            var(--hero-atmosphere, rgba(198,160,77,0.11)),
            transparent 28%
        ),
        linear-gradient(
            120deg,
            #111 0%,
            #151515 100%
        );
}

html[data-theme="dark"] .products-hero::before,
body.dark .products-hero::before {
    background:
        linear-gradient(
            90deg,
            rgba(15,15,15,0.96) 0%,
            rgba(15,15,15,0.77) 37%,
            rgba(15,15,15,0.18) 72%,
            transparent 100%
        );
}

html[data-theme="dark"] .products-hero-title,
body.dark .products-hero-title {
    color: #f4f4f2;
}

html[data-theme="dark"] .products-hero-tags span,
body.dark .products-hero-tags span {
    border-color: rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.05);
    color: #bdbdbd;
}

html[data-theme="dark"] .products-hero-meta,
body.dark .products-hero-meta {
    color: #989898;
}

html[data-theme="dark"] .products-hero-meta strong,
body.dark .products-hero-meta strong {
    color: #ecece7;
}

html[data-theme="dark"] .products-hero-thumb,
body.dark .products-hero-thumb {
    border-color: rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.06);
}

html[data-theme="dark"] .products-hero-thumbnails,
body.dark .products-hero-thumbnails {
    border-color: rgba(255,255,255,0.08);
    background: rgba(20,20,20,0.72);
}

html[data-theme="dark"] .products-introduction-copy,
body.dark .products-introduction-copy {
    color: #9c9c9c;
}

html[data-theme="dark"] .products-introduction-copy strong,
body.dark .products-introduction-copy strong {
    color: #efefeb;
}

html[data-theme="dark"] .products-category-card,
body.dark .products-category-card {
    background:
        linear-gradient(
            140deg,
            rgba(26,26,26,1),
            rgba(21,21,21,0.90)
        );
}

html[data-theme="dark"] .products-category-card-icon,
body.dark .products-category-card-icon {
    background: rgba(255,255,255,0.05);
}

html[data-theme="dark"] .products-filter-search input,
html[data-theme="dark"] .products-filter-select,
body.dark .products-filter-search input,
body.dark .products-filter-select {
    border-color: rgba(255,255,255,0.08);
    background: #1a1a1a;
    color: #eee;
}

html[data-theme="dark"] .products-filters,
body.dark .products-filters {
    border-color: rgba(255,255,255,0.08);
    background: rgba(20,20,20,0.76);
}

html[data-theme="dark"] .products-card,
body.dark .products-card {
    background: #181818;
    border-color: rgba(255,255,255,0.08);
}

html[data-theme="dark"] .products-card-media,
body.dark .products-card-media {
    background:
        radial-gradient(
            circle at 50% 45%,
            var(--card-atmosphere, rgba(198,160,77,0.10)) 0%,
            rgba(255,255,255,0) 72%
        ),
        #131313;
}

html[data-theme="dark"] .products-card-number,
html[data-theme="dark"] .products-card-category,
body.dark .products-card-number,
body.dark .products-card-category {
    border-color: rgba(255,255,255,0.08);
    background: rgba(20,20,20,0.70);
}

html[data-theme="dark"] .products-card-description,
body.dark .products-card-description {
    color: #9f9f9f;
}

html[data-theme="dark"] .products-card-footer,
body.dark .products-card-footer {
    border-color: rgba(255,255,255,0.08);
}

html[data-theme="dark"] .products-card-tag,
body.dark .products-card-tag {
    background: #222;
    color: #9f9f9f;
}

html[data-theme="dark"] .products-empty,
body.dark .products-empty {
    border-color: rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.03);
}

html[data-theme="dark"] .products-empty-text,
body.dark .products-empty-text {
    color: #999;
}

html[data-theme="dark"] .products-cta-shell,
body.dark .products-cta-shell {
    border-color: rgba(255,255,255,0.08);

    background:
        radial-gradient(
            circle at 85% 50%,
            rgba(198,160,77,0.12),
            transparent 28%
        ),
        linear-gradient(
            120deg,
            #191919,
            #111
        );
}

html[data-theme="dark"] .products-cta-text,
body.dark .products-cta-text {
    color: #a0a0a0;
}

html[data-theme="dark"] .products-cta-button.secondary,
body.dark .products-cta-button.secondary {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.08);
    color: #eee;
}

/* ==========================================================
   24. TABLET
   ========================================================== */

@media (max-width: 1180px) {

    .products-container {
        width: min(100% - 34px, 1120px);
    }

    .products-hero {
        min-height: 720px;
    }

    .products-hero-content {
        width: 58%;
    }

    .products-hero-visual {
        width: 51vw;
        height: 51vw;
        right: -30px;
    }

    .products-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .products-filters {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .products-filter-search {
        grid-column: 1 / -1;
    }

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

    .products-featured-content {
        padding: 60px 50px;
    }

    .products-featured-image {
        width: 82%;
    }

    .products-philosophy-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   25. MOBILE LARGE
   ========================================================== */

@media (max-width: 820px) {

    .products-container {
        width: min(100% - 28px, 720px);
    }

    .products-section {
        padding: 80px 0;
    }

    .products-hero {
        min-height: auto;
        padding-bottom: 0;
    }

    .products-hero-content {
        width: 100%;
        padding: 95px 0 35px;
    }

    .products-hero-title {
        font-size: clamp(3.2rem, 13vw, 6rem);
    }

    .products-hero-description {
        max-width: 620px;
    }

    .products-hero-visual {
        position: relative;
        top: auto;
        right: auto;

        width: 100%;
        height: min(92vw, 560px);
        min-width: 0;
        min-height: 0;

        transform: none;

        margin-top: -10px;
    }

    .products-hero-image {
        width: 64%;
        max-height: 470px;
    }

    .products-hero-thumbnails {
        position: relative;
        right: auto;
        bottom: auto;

        width: 100%;
        max-width: 100%;

        justify-content: flex-start;

        margin-bottom: 18px;
    }

    .products-hero-progress {
        position: relative;
        bottom: auto;
    }

    .products-introduction {
        padding: 90px 0 55px;
    }

    .products-introduction-inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .products-catalogue-top,
    .products-section-heading {
        display: block;
    }

    .products-filters {
        grid-template-columns: 1fr 1fr;
    }

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

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

    .products-featured-content {
        padding: 55px 32px 20px;
    }

    .products-featured-image-wrap {
        min-height: 390px;
        padding: 25px;
    }

    .products-featured-image {
        width: 67%;
        max-height: 360px;
    }

    .products-philosophy-card {
        min-height: auto;
        padding: 34px;
    }

    .products-cta-shell {
        padding: 55px 35px;
    }
}

/* ==========================================================
   26. MOBILE
   ========================================================== */

@media (max-width: 580px) {

    .products-container {
        width: min(100% - 22px, 520px);
    }

    .products-hero-content {
        padding-top: 75px;
    }

    .products-hero-kicker {
        font-size: 0.64rem;
    }

    .products-hero-title {
        font-size: clamp(2.9rem, 15vw, 4.8rem);
        line-height: 0.91;
    }

    .products-hero-description {
        font-size: 0.9rem;
        line-height: 1.75;
    }

    .products-hero-meta {
        gap: 12px;
        flex-wrap: wrap;
    }

    .products-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .products-hero-button {
        width: 100%;
    }

    .products-hero-visual {
        height: 390px;
    }

    .products-hero-image {
        width: 72%;
    }

    .products-hero-visual::before {
        inset: 10%;
    }

    .products-hero-visual::after {
        inset: 17%;
    }

    .products-hero-thumbnails {
        margin-bottom: 10px;
        border-radius: 15px;
    }

    .products-hero-thumb {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
    }

    .products-introduction {
        padding: 75px 0 45px;
    }

    .products-introduction-title {
        font-size: 2.65rem;
    }

    .products-section-title {
        font-size: 2.6rem;
    }

    .products-category-grid {
        grid-template-columns: 1fr;
    }

    .products-category-card {
        min-height: 150px;
    }

    .products-filters {
        grid-template-columns: 1fr;
        border-radius: 18px;
    }

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

    .products-card-media {
        min-height: 320px;
    }

    .products-card-media img {
        width: 68%;
        height: 245px;
    }

    .products-featured {
        padding-bottom: 90px;
    }

    .products-featured-shell {
        border-radius: 28px;
    }

    .products-featured-content {
        padding: 48px 24px 12px;
    }

    .products-featured-title {
        font-size: 3.2rem;
    }

    .products-featured-image-wrap {
        min-height: 330px;
    }

    .products-featured-image-wrap::before {
        width: 270px;
        height: 270px;
    }

    .products-featured-image-wrap::after {
        width: 290px;
        height: 290px;
    }

    .products-featured-image {
        width: 72%;
    }

    .products-philosophy {
        padding-bottom: 90px;
    }

    .products-philosophy-card {
        padding: 27px;
        border-radius: 24px;
    }

    .products-philosophy-title {
        font-size: 2.55rem;
    }

    .products-cta {
        padding-bottom: 90px;
    }

    .products-cta-shell {
        padding: 45px 24px;
        border-radius: 24px;
    }

    .products-cta-title {
        font-size: 3rem;
    }

    .products-cta-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .products-cta-button {
        width: 100%;
    }
}

/* ==========================================================
   27. VERY SMALL SCREENS
   ========================================================== */

@media (max-width: 390px) {

    .products-container {
        width: min(100% - 18px, 360px);
    }

    .products-hero-title {
        font-size: 2.7rem;
    }

    .products-hero-visual {
        height: 350px;
    }

    .products-card-media {
        min-height: 285px;
    }

    .products-card-media img {
        height: 220px;
    }

    .products-featured-title {
        font-size: 2.85rem;
    }

    .products-cta-title {
        font-size: 2.65rem;
    }
}

/* ==========================================================
   28. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .products-page *,
    .products-page *::before,
    .products-page *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

/* ==========================================================
   AD LIFESTYLE — CONTACT TYPOGRAPHY & LIGHT SYSTEM
   ========================================================== */

.contact-page{
    --contact-white:#ffffff;
    --contact-soft:#f8f7f3;
    --contact-ivory:#f2f0e9;
    --contact-graphite:#1b1a18;
    --contact-text:#34322e;
    --contact-muted:#706d66;
    --contact-line:#e6e1d7;
    --contact-gold:#c9a24b;
    --contact-gold-dark:#a9822f;

    font-family:inherit !important;
    color:var(--contact-text);
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ffffff 35%,
            #faf9f6 68%,
            #f5f3ee 100%
        );
}

/* TIPOGRAFIA GLOBAL DA PÁGINA */

.contact-page h1,
.contact-page h2,
.contact-page h3,
.contact-page h4,
.contact-page h5,
.contact-page h6,
.contact-page p,
.contact-page span,
.contact-page strong,
.contact-page small,
.contact-page button,
.contact-page input,
.contact-page textarea{
    font-family:inherit !important;
}

/* Hero */

.contact-page .contact-hero{
    background:
        radial-gradient(
            circle at 74% 38%,
            rgba(201,162,75,.12),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fcfbf8 52%,
            #f7f5ef 100%
        );
}

.contact-page .contact-hero h1{
    font-size:clamp(
        3rem,
        6vw,
        5.5rem
    ) !important;

    line-height:.98 !important;
    letter-spacing:-.045em !important;
    font-weight:800 !important;
    color:var(--contact-graphite) !important;
}

.contact-page .contact-hero h1 span{
    display:block;
    color:var(--contact-gold-dark) !important;
}

.contact-page .contact-hero p{
    max-width:680px;
    font-size:1.15rem !important;
    line-height:1.75 !important;
    color:var(--contact-muted) !important;
}

/* Títulos das restantes secções */

.contact-page .contact-section-heading h2,
.contact-page .contact-section-heading-center h2,
.contact-page .contact-location-heading,
.contact-page .contact-digital-copy h2,
.contact-page .contact-form-intro h2{
    font-size:clamp(
        2.2rem,
        4vw,
        3.5rem
    ) !important;

    line-height:1.05 !important;
    letter-spacing:-.035em !important;
    font-weight:800 !important;
    color:var(--contact-graphite) !important;
}

.contact-page .contact-section-heading p,
.contact-page .contact-section-heading-center p,
.contact-page .contact-digital-copy p,
.contact-page .contact-form-intro p{
    font-size:1.08rem !important;
    line-height:1.75 !important;
    color:var(--contact-muted) !important;
}

/* Corpo */

.contact-page .contact-hub-body,
.contact-page .contact-channel-card,
.contact-page .contact-social-info,
.contact-page .contact-location-items,
.contact-page .contact-form-panel,
.contact-page .contact-faq-answer{
    font-size:1rem;
    line-height:1.7;
}

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

.contact-page .contact-hero-visual-area{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:600px;
}

.contact-page .contact-hero-visual{
    position:relative;
    width:min(100%,760px);
    border-radius:34px;
    overflow:hidden;

    background:#ffffff;

    box-shadow:
        0 32px 90px rgba(30,27,21,.10),
        0 8px 28px rgba(30,27,21,.06);
}

.contact-page .contact-hero-visual::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.08),
            transparent 55%
        );
}

.contact-page .contact-hero-visual img{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;

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

    transition:
        transform .8s cubic-bezier(.2,.7,.2,1);
}

.contact-page .contact-hero-visual:hover img{
    transform:scale(1.02);
}

/* ==========================================================
   CARDS — MAIS CLAROS
   ========================================================== */

.contact-page .contact-hub,
.contact-page .contact-direct,
.contact-page .contact-digital,
.contact-page .contact-location,
.contact-page .contact-message,
.contact-page .contact-faq{
    background:#ffffff !important;
}

.contact-page .contact-channel-card,
.contact-page .contact-hub-mini,
.contact-page .contact-social-link,
.contact-page .contact-form-panel,
.contact-page .contact-location-info,
.contact-page .contact-map-card,
.contact-page .contact-faq-item{
    background:#ffffff !important;
    border:1px solid var(--contact-line) !important;

    box-shadow:
        0 12px 35px rgba(30,27,21,.045);
}

/* Pequenas áreas em tom marfim */

.contact-page .contact-digital-panel,
.contact-page .contact-final-panel{
    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8f6f0
        ) !important;
}

/* ==========================================================
   BOTÕES
   ========================================================== */

.contact-page .contact-button{
    font-family:inherit !important;
    font-size:.95rem !important;
    font-weight:700 !important;
    letter-spacing:.01em;
}

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

@media (max-width:800px){

    .contact-page .contact-hero h1{
        font-size:clamp(
            2.55rem,
            11vw,
            4.2rem
        ) !important;
    }

    .contact-page .contact-hero p{
        font-size:1.03rem !important;
    }

    .contact-page .contact-section-heading h2,
    .contact-page .contact-section-heading-center h2,
    .contact-page .contact-location-heading,
    .contact-page .contact-digital-copy h2,
    .contact-page .contact-form-intro h2{
        font-size:clamp(
            2rem,
            9vw,
            3rem
        ) !important;
    }

    .contact-page .contact-hero-visual-area{
        min-height:auto;
        margin-top:36px;
    }

    .contact-page .contact-hero-visual{
        width:100%;
        border-radius:24px;
    }
}

@media (max-width:500px){

    .contact-page .contact-hero h1{
        font-size:2.45rem !important;
    }

    .contact-page .contact-hero p{
        font-size:1rem !important;
        line-height:1.65 !important;
    }

    .contact-page .contact-hero-visual{
        border-radius:20px;
    }
}

/* ==========================================================
   AD LIFESTYLE V2
   HOME.CSS
   Immersive Brand Experience
   ========================================================== */


/* ==========================================================
   ROOT
   A tipografia NÃO é definida aqui.
   A Home herda exactamente a tipografia global do projecto.
   ========================================================== */

.home-page {

    --home-black:#171717;
    --home-graphite:#242424;
    --home-white:#ffffff;
    --home-ivory:#f8f5f1;
    --home-line:rgba(23,23,23,.11);
    --home-gold:#c6a35a;

    --home-hero-tone:#b8924a;
    --home-hero-atmosphere:#efe3c8;
    --home-hero-deep:#5a4727;
    --home-hero-surface:#ffffff;

    position:relative;
    width:100%;
    overflow:hidden;

    background:#ffffff;
    color:#1f1a17;

}


/* ==========================================================
   IMAGENS
   ========================================================== */

.home-page img {

    display:block;
    max-width:100%;

}


/* ==========================================================
   LINKS / BUTTONS
   ========================================================== */

.home-page a,
.home-page button {

    -webkit-tap-highlight-color:transparent;

}


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

.home-container {

    width:min(1280px,92%);
    margin-inline:auto;

}


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

.home-page .reveal {

    opacity:0;

    transform:
        translateY(42px);

    transition:
        opacity .85s ease,
        transform .85s cubic-bezier(.2,.75,.2,1);

}

.home-page .reveal.is-visible {

    opacity:1;

    transform:
        translateY(0);

}


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

.home-hero {

    --mouse-x:50%;
    --mouse-y:50%;

    position:relative;

    min-height:
        min(900px,100vh);

    height:
        900px;

    overflow:hidden;

    isolation:isolate;

    background:

        radial-gradient(
            circle at var(--mouse-x) var(--mouse-y),
            color-mix(
                in srgb,
                var(--home-hero-atmosphere) 62%,
                transparent
            ),
            transparent 35%
        ),

        linear-gradient(
            125deg,
            #ffffff 0%,
            #faf8f3 52%,
            color-mix(
                in srgb,
                var(--home-hero-atmosphere) 48%,
                #ffffff
            ) 100%
        );

    transition:
        background 1s cubic-bezier(.2,.75,.2,1);

}


/* ==========================================================
   HERO DEPTH
   ========================================================== */

.home-hero::before {

    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.97) 0%,
            rgba(255,255,255,.84) 38%,
            rgba(255,255,255,.18) 100%
        );

    z-index:-2;
    pointer-events:none;

}


/* ==========================================================
   HERO BACKDROP
   ========================================================== */

.home-hero-backdrop {

    position:absolute;

    width:680px;
    height:680px;

    right:-170px;
    top:-170px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            color-mix(
                in srgb,
                var(--home-hero-atmosphere) 86%,
                transparent
            ),
            transparent 70%
        );

    filter:blur(10px);
    opacity:.82;

    transition:
        background 1s ease,
        transform 1.2s ease;

    z-index:-3;

}


/* ==========================================================
   HERO ATMOSPHERE
   ========================================================== */

.home-hero-atmosphere {

    position:absolute;
    inset:0;

    pointer-events:none;

    background:

        radial-gradient(
            420px circle at var(--mouse-x) var(--mouse-y),
            color-mix(
                in srgb,
                var(--home-hero-tone) 18%,
                transparent
            ),
            transparent 70%
        );

    transition:
        background 1s ease;

    z-index:-1;

}


/* ==========================================================
   HERO GRID
   ========================================================== */

.home-hero-grid {

    position:absolute;
    inset:0;

    opacity:.14;

    pointer-events:none;

    background-image:

        linear-gradient(
            rgba(23,23,23,.06) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(23,23,23,.06) 1px,
            transparent 1px
        );

    background-size:90px 90px;

    mask-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.6),
            transparent 88%
        );

    -webkit-mask-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.6),
            transparent 88%
        );

}


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

.home-hero-container {

    position:relative;
    z-index:5;

    width:min(1320px,92%);
    height:100%;

    margin-inline:auto;

    display:grid;

    grid-template-columns:
        minmax(460px,.88fr)
        minmax(500px,1.12fr);

    align-items:center;

    gap:30px;

    padding:90px 0 110px;

}


/* ==========================================================
   HERO COPY
   ========================================================== */

.home-hero-copy {

    position:relative;
    z-index:10;
    min-width:0;

}


.home-hero-content {

    position:relative;
    min-height:350px;

}


.home-hero-slide {

    position:absolute;
    inset:0;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;

    opacity:0;
    visibility:hidden;

    transform:
        translateY(20px);

    pointer-events:none;

    transition:
        opacity .6s ease,
        transform .7s cubic-bezier(.2,.75,.2,1),
        visibility .6s;

}


.home-hero-slide.is-active {

    opacity:1;
    visibility:visible;

    transform:
        translateY(0);

    pointer-events:auto;

}


/* ==========================================================
   HERO TEXT
   ========================================================== */

.home-hero-eyebrow {

    margin-bottom:12px;

    color:
        var(--home-hero-deep);

    font-size:.72rem;
    font-weight:700;
    letter-spacing:.22em;

    transition:
        color .7s ease;

}


.home-hero-pretitle {

    margin-bottom:22px;

    color:
        rgba(31,26,23,.39);

    font-size:.66rem;
    font-weight:700;
    letter-spacing:.16em;

}


.home-hero-slide h1 {

    max-width:730px;
    margin:0;

    font-size:
        clamp(4.2rem,6.3vw,7.3rem);

    line-height:.87;
    font-weight:600;
    letter-spacing:-.075em;

}


.home-hero-slide h1 span {

    display:block;

    margin-top:.08em;

    color:
        var(--home-hero-deep);

    font-weight:500;

    transition:
        color .75s ease;

}


.home-hero-slide p {

    max-width:510px;

    margin:30px 0 0;

    color:
        rgba(31,26,23,.61);

    font-size:1rem;
    line-height:1.78;

}


/* ==========================================================
   HERO PRODUCT TAG
   ========================================================== */

.home-hero-product-tag {

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

    gap:14px;

    margin-top:24px;
    padding:9px 15px;

    border-left:
        2px solid var(--home-hero-tone);

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

    backdrop-filter:blur(10px);

    transition:
        border-color .7s ease;

}


.home-hero-product-tag span {

    color:
        rgba(31,26,23,.42);

    font-size:.62rem;
    font-weight:700;
    letter-spacing:.12em;

}


.home-hero-product-tag strong {

    color:
        var(--home-hero-deep);

    font-size:.72rem;
    font-weight:800;
    letter-spacing:.04em;

}


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

.home-hero-actions {

    display:flex;
    align-items:center;

    gap:11px;

    flex-wrap:wrap;

    margin-top:34px;

}


.home-action {

    position:relative;

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

    gap:12px;

    min-height:52px;

    padding:0 21px;

    border-radius:999px;

    font-size:.78rem;
    font-weight:700;
    letter-spacing:.01em;

    cursor:pointer;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;

}


.home-action:hover {

    transform:
        translateY(-3px);

}


.home-action-primary {

    border:
        1px solid var(--home-black);

    background:
        var(--home-black);

    color:#ffffff;

    box-shadow:
        0 13px 30px rgba(0,0,0,.12);

}


.home-action-primary:hover {

    background:
        var(--home-hero-deep);

    border-color:
        var(--home-hero-deep);

}


.home-action-secondary {

    border:
        1px solid rgba(31,26,23,.13);

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

    color:
        var(--home-black);

    backdrop-filter:
        blur(12px);

}


.home-action-secondary:hover {

    border-color:
        var(--home-hero-tone);

}


/* ==========================================================
   HERO CONTROLS
   ========================================================== */

.home-hero-controls {

    display:flex;
    align-items:center;

    gap:12px;

    width:min(400px,100%);

    margin-top:30px;

}


.home-hero-controls button {

    width:40px;
    height:40px;

    display:grid;
    place-items:center;

    flex-shrink:0;

    border:
        1px solid rgba(31,26,23,.13);

    border-radius:50%;

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

    color:
        var(--home-black);

    cursor:pointer;

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

}


.home-hero-controls button:hover {

    transform:
        translateY(-2px);

    border-color:
        var(--home-hero-tone);

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

}


.home-hero-track {

    position:relative;

    flex:1;

    height:2px;

    overflow:hidden;

    background:
        rgba(31,26,23,.12);

}


.home-hero-track div {

    width:0;
    height:100%;

    background:
        var(--home-hero-deep);

}


@keyframes homeHeroProgress {

    from {
        width:0;
    }

    to {
        width:100%;
    }

}


.home-hero-number {

    display:flex;
    align-items:baseline;

    gap:3px;

    min-width:53px;

    color:
        rgba(31,26,23,.42);

    font-size:.67rem;
    font-weight:700;

}


.home-hero-number strong {

    color:
        var(--home-hero-deep);

    font-size:.9rem;

}


/* ==========================================================
   HERO VISUAL
   ========================================================== */

.home-hero-visual {

    position:relative;

    height:100%;
    min-height:640px;

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

}


/* ==========================================================
   HERO AURA
   ========================================================== */

.home-hero-aura {

    position:absolute;

    width:540px;
    height:540px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            color-mix(
                in srgb,
                var(--home-hero-tone) 25%,
                transparent
            ),
            color-mix(
                in srgb,
                var(--home-hero-atmosphere) 22%,
                transparent
            ) 42%,
            transparent 70%
        );

    filter:blur(5px);

    transition:
        transform .55s ease,
        background .9s ease;

}


.home-hero-aura::after {

    content:"";

    position:absolute;
    inset:13%;

    border-radius:50%;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--home-hero-tone) 25%,
            transparent
        );

    box-shadow:

        0 0 0 28px
        color-mix(
            in srgb,
            var(--home-hero-atmosphere) 15%,
            transparent
        ),

        0 0 0 74px
        color-mix(
            in srgb,
            var(--home-hero-atmosphere) 10%,
            transparent
        );

}


/* ==========================================================
   HERO ORBITS
   ========================================================== */

.home-hero-orbit {

    position:absolute;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--home-hero-tone) 20%,
            transparent
        );

    border-radius:50%;

    transition:
        transform .4s ease,
        border-color .7s ease;

    pointer-events:none;

}


.orbit-one {

    width:520px;
    height:250px;

    transform:
        rotate(-18deg);

}


.orbit-two {

    width:470px;
    height:470px;

    opacity:.55;

}


/* ==========================================================
   HERO PRODUCT STAGE
   ========================================================== */

.home-hero-product-stage {

    position:relative;
    z-index:4;

    width:min(500px,80%);
    height:590px;

}


.home-hero-product {

    position:absolute;
    inset:0;

    display:grid;
    place-items:center;

    opacity:0;
    visibility:hidden;

    transform:
        translateY(25px)
        scale(.93);

    transition:
        opacity .6s ease,
        transform .8s cubic-bezier(.2,.75,.2,1),
        visibility .6s;

}


.home-hero-product.is-active {

    opacity:1;
    visibility:visible;

    transform:
        translateY(0)
        scale(1);

}


.home-hero-product img {

    position:relative;
    z-index:3;

    width:min(430px,100%);
    height:550px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 34px 45px rgba(0,0,0,.16)
        );

    transition:
        transform .8s cubic-bezier(.2,.75,.2,1);

}


.home-hero-product-halo {

    position:absolute;

    width:320px;
    height:320px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            color-mix(
                in srgb,
                var(--home-hero-tone) 31%,
                transparent
            ),
            transparent 68%
        );

    filter:blur(22px);

    transition:
        background .8s ease;

}


/* ==========================================================
   CURRENT OBJECT
   ========================================================== */

.home-hero-product-index {

    position:absolute;

    right:1%;
    bottom:15%;

    display:flex;
    flex-direction:column;

    gap:7px;

    align-items:flex-end;
    text-align:right;

}


.home-hero-product-index span {

    color:
        rgba(31,26,23,.37);

    font-size:.57rem;
    font-weight:700;
    letter-spacing:.17em;

}


.home-hero-product-index strong {

    color:
        var(--home-hero-deep);

    font-size:.72rem;
    font-weight:800;
    letter-spacing:.08em;

    transition:
        color .8s ease;

}


.home-hero-visual-index {

    position:absolute;

    right:-1%;
    top:8%;

    color:
        var(--home-hero-tone);

    opacity:.16;

    font-size:
        clamp(6rem,11vw,10rem);

    font-weight:600;
    line-height:.75;
    letter-spacing:-.09em;

    pointer-events:none;

    transition:
        color .8s ease;

}


/* ==========================================================
   HERO STATE ANIMATION
   ========================================================== */

.home-hero.is-changing
.home-hero-product.is-active img {

    animation:
        homeHeroProductEnter .75s cubic-bezier(.2,.75,.2,1);

}


.home-hero.is-changing
.home-hero-slide.is-active {

    animation:
        homeHeroTextEnter .7s cubic-bezier(.2,.75,.2,1);

}


@keyframes homeHeroProductEnter {

    from {

        opacity:.3;

        transform:
            translateY(35px)
            scale(.91);

    }

    to {

        opacity:1;

        transform:
            translateY(0)
            scale(1);

    }

}


@keyframes homeHeroTextEnter {

    from {

        opacity:.25;

        transform:
            translateY(18px);

    }

    to {

        opacity:1;

        transform:
            translateY(0);

    }

}


/* ==========================================================
   HERO BOTTOM
   ========================================================== */

.home-hero-bottom {

    position:absolute;

    left:4%;
    right:4%;
    bottom:20px;

    z-index:10;

    display:grid;

    grid-template-columns:
        auto 1fr auto;

    align-items:center;

    gap:17px;

    color:
        rgba(31,26,23,.35);

    font-size:.58rem;
    font-weight:700;
    letter-spacing:.18em;

}


.home-hero-bottom div {

    height:1px;

    background:
        rgba(31,26,23,.11);

}


/* ==========================================================
   IDENTITY STRIP
   ========================================================== */

.home-identity {

    overflow:hidden;

    border-top:
        1px solid var(--home-line);

    border-bottom:
        1px solid var(--home-line);

    background:#ffffff;

}


.home-identity-word {

    width:max-content;

    display:flex;
    align-items:center;

    gap:27px;

    padding:20px 0;

    color:
        rgba(31,26,23,.43);

    font-size:.68rem;
    font-weight:700;
    letter-spacing:.22em;

    animation:
        homeIdentityMove 32s linear infinite;

}


.home-identity-word i {

    color:
        var(--home-gold);

    font-style:normal;

}


@keyframes homeIdentityMove {

    from {
        transform:translateX(0);
    }

    to {
        transform:translateX(-35%);
    }

}


/* ==========================================================
   SHARED SECTION HEADINGS
   ========================================================== */

.home-overline {

    display:inline-block;

    margin-bottom:17px;

    color:
        var(--home-gold);

    font-size:.67rem;
    font-weight:800;
    letter-spacing:.19em;
    text-transform:uppercase;

}


.home-manifesto,
.home-worlds,
.home-universes,
.home-products,
.home-event,
.home-memories,
.home-testimonial {

    position:relative;

}


/* ==========================================================
   MANIFESTO
   ========================================================== */

.home-manifesto {

    padding:150px 0;

    background:#ffffff;

}


.home-manifesto-meta {

    display:grid;

    grid-template-columns:
        auto 1fr auto;

    align-items:center;

    gap:15px;

    margin-bottom:40px;

    color:
        rgba(31,26,23,.35);

    font-size:.67rem;
    font-weight:700;
    letter-spacing:.17em;

}


.home-manifesto-meta div {

    height:1px;

    background:
        var(--home-line);

}


.home-manifesto-copy {

    max-width:1000px;

}


.home-manifesto-copy > p {

    margin-bottom:25px;

    color:
        var(--home-gold);

    font-size:.72rem;
    font-weight:800;
    letter-spacing:.17em;
    text-transform:uppercase;

}


.home-manifesto-copy h2 {

    margin:0;

    font-size:
        clamp(4.1rem,7vw,8rem);

    line-height:.88;

}


.home-manifesto-copy h2 span {

    display:block;

    color:
        rgba(31,26,23,.34);

    font-weight:500;

}


.home-manifesto-footer {

    display:grid;

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

    margin-top:65px;

    border-top:
        1px solid var(--home-line);

}


.home-manifesto-footer span {

    padding:18px 0;

    color:
        rgba(31,26,23,.49);

    font-size:.72rem;
    font-weight:600;
    letter-spacing:.09em;

}


/* ==========================================================
   WORLDS
   BZZWORLD + A21
   CARDS CLAROS / PREMIUM
   ========================================================== */

.home-worlds {

    padding:80px 0 150px;

    background:
        var(--home-ivory);

}


.home-worlds-header {

    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:30px;

    margin-bottom:55px;

}


.home-worlds-header h2,
.home-universes-head h2,
.home-products-head h2,
.home-event-intro h2,
.home-memory-head h2 {

    margin:0;

    font-size:
        clamp(3rem,5vw,5.4rem);

    line-height:.93;

}


.home-worlds-header h2 span,
.home-universes-head h2 span,
.home-products-head h2 span,
.home-event-intro h2 span,
.home-memory-head h2 span {

    display:block;

    color:
        rgba(31,26,23,.34);

    font-weight:500;

}


.home-worlds-header p {

    margin:0;

    color:
        rgba(31,26,23,.48);

    font-size:.83rem;

}


/* ==========================================================
   WORLD GRID
   ========================================================== */

.home-world-grid {

    display:grid;

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

    gap:23px;

}


/* ==========================================================
   BASE WORLD CARD
   ========================================================== */

.home-world {

    --world-tone:#c6a35a;
    --world-soft:#f6efe2;
    --world-deep:#23201d;

    position:relative;

    min-height:590px;

    overflow:hidden;

    border:
        1px solid rgba(31,26,23,.09);

    border-radius:31px;

    color:
        var(--world-deep);

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            var(--world-soft) 100%
        );

    box-shadow:
        0 20px 50px rgba(23,23,23,.055);

    isolation:isolate;

    transition:
        transform .45s cubic-bezier(.2,.75,.2,1),
        box-shadow .45s ease,
        border-color .45s ease;

}


.home-world:hover {

    transform:
        translateY(-7px);

    border-color:
        color-mix(
            in srgb,
            var(--world-tone) 38%,
            rgba(31,26,23,.09)
        );

    box-shadow:
        0 30px 65px rgba(23,23,23,.10);

}


/* ==========================================================
   BZZWORLD CARD
   ========================================================== */

.home-world-bzzworld,
.home-world-bzz {

    --world-tone:#c6a35a;
    --world-soft:#faf5ea;
    --world-deep:#1f1c18;

}


/* ==========================================================
   A21 CARD
   ========================================================== */

.home-world-a21 {

    --world-tone:#8b6bb3;
    --world-soft:#f5effb;
    --world-deep:#26202f;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f5effb 100%
        );

}


/* ==========================================================
   WORLD IMAGE AREA
   ========================================================== */

.home-world-image {

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:58%;

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

    z-index:1;

    overflow:hidden;

}


/*
   Os logótipos BZZWORLD e A21 precisam de aparecer claros,
   sem o overlay preto usado na versão anterior.
*/

.home-world-image img {

    width:
        min(78%,430px);

    height:
        min(260px,58%);

    object-fit:contain;

    object-position:center;

    opacity:1;

    filter:
        drop-shadow(
            0 20px 30px rgba(0,0,0,.08)
        );

    transform:
        translateY(-2px)
        scale(1);

    transition:
        transform .75s cubic-bezier(.2,.75,.2,1),
        filter .45s ease;

}


.home-world:hover
.home-world-image img {

    transform:
        translateY(-7px)
        scale(1.035);

    filter:
        drop-shadow(
            0 25px 38px rgba(0,0,0,.12)
        );

}


/* ==========================================================
   WORLD GLOW
   ========================================================== */

.home-world-glow {

    position:absolute;
    inset:0;

    background:

        radial-gradient(
            360px circle at 50% 26%,
            color-mix(
                in srgb,
                var(--world-tone) 13%,
                transparent
            ),
            transparent 68%
        );

    z-index:0;

    pointer-events:none;

}


/* ==========================================================
   WORLD LIGHT DEPTH
   ========================================================== */

.home-world::after {

    content:"";

    position:absolute;

    inset:0;

    z-index:2;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,.03) 34%,
            rgba(255,255,255,.74) 67%,
            rgba(255,255,255,.98) 100%
        );

}


/* A21 */
.home-world-a21::after {

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0) 0%,
            rgba(247,241,253,.06) 36%,
            rgba(247,241,253,.78) 67%,
            rgba(247,241,253,.99) 100%
        );

}


/* ==========================================================
   WORLD NUMBER
   ========================================================== */

.home-world-number {

    position:absolute;

    top:28px;
    left:28px;

    z-index:5;

    color:
        rgba(31,26,23,.46);

    font-size:.66rem;
    font-weight:700;
    letter-spacing:.18em;

}


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

.home-world-content {

    position:absolute;

    left:30px;
    right:30px;
    bottom:30px;

    z-index:5;

}


.home-world-content > span {

    color:
        color-mix(
            in srgb,
            var(--world-tone) 78%,
            #24201c
        );

    font-size:.62rem;
    font-weight:800;
    letter-spacing:.17em;

}


.home-world-content h3 {

    margin:
        14px 0 16px;

    color:
        var(--world-deep);

    font-size:
        clamp(2.8rem,4vw,4.8rem);

    line-height:.9;

}


.home-world-content p {

    max-width:430px;

    margin:
        0 0 23px;

    color:
        rgba(31,26,23,.60);

    font-size:.89rem;
    line-height:1.67;

}


.home-world-content a {

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

    gap:9px;

    color:
        var(--world-deep);

    font-size:.73rem;
    font-weight:800;
    letter-spacing:.08em;

    transition:
        color .3s ease,
        transform .3s ease;

}


.home-world-content a:hover {

    color:
        color-mix(
            in srgb,
            var(--world-tone) 72%,
            #171717
        );

}


.home-world-content a span {

    transition:
        transform .3s ease;

}


.home-world-content a:hover span {

    transform:
        translate(4px,-4px);

}


/* ==========================================================
   UNIVERSES
   ========================================================== */

.home-universes {

    padding:
        130px 0 150px;

    background:#ffffff;

}


.home-universes-head {

    max-width:920px;

    margin-bottom:62px;

}


.home-universe-list {

    border-top:
        1px solid var(--home-line);

}


.home-universe {

    display:grid;

    grid-template-columns:
        .12fr 1.2fr 1fr;

    gap:25px;

    align-items:center;

    min-height:170px;

    padding:27px 0;

    border-bottom:
        1px solid var(--home-line);

    transition:
        padding .35s ease,
        background .35s ease,
        border-color .35s ease;

}


.home-universe:hover {

    padding-left:18px;
    padding-right:18px;

    background:
        var(--home-ivory);

}


.home-universe > span {

    color:
        var(--home-gold);

    font-size:.66rem;
    font-weight:800;

}


.home-universe small {

    display:block;

    margin-bottom:8px;

    color:
        rgba(31,26,23,.4);

    font-size:.63rem;
    font-weight:700;
    letter-spacing:.14em;

}


.home-universe h3 {

    margin:0;

    font-size:
        clamp(2.2rem,3.2vw,4rem);

    line-height:.92;

}


.home-universe p {

    max-width:420px;

    margin:0;

    color:
        rgba(31,26,23,.57);

    font-size:.88rem;
    line-height:1.68;

}


/* ==========================================================
   PRODUCTS
   ========================================================== */

.home-products {

    padding:
        90px 0 160px;

    background:
        var(--home-ivory);

}


.home-products-head {

    display:flex;

    justify-content:space-between;
    align-items:flex-end;

    gap:30px;

    margin-bottom:58px;

}


.home-minimal-button {

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

    gap:10px;

    min-height:50px;

    padding:0 18px;

    border:
        1px solid rgba(31,26,23,.14);

    border-radius:999px;

    background:
        transparent;

    color:
        var(--home-black);

    font-size:.74rem;
    font-weight:700;

    cursor:pointer;

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

}


.home-minimal-button:hover {

    transform:
        translateY(-3px);

    background:
        var(--home-black);

    color:#ffffff;

    border-color:
        var(--home-black);

}


/* ==========================================================
   PRODUCT GALLERY
   ========================================================== */

.home-product-gallery {

    display:grid;

    grid-template-columns:
        1.25fr .75fr .75fr .75fr;

    gap:18px;

}


/* ==========================================================
   FEATURE PRODUCT
   ========================================================== */

.home-feature-product {

    --card-tone:#b8924a;
    --card-atmosphere:#efe3c8;

    position:relative;

    min-height:560px;

    overflow:hidden;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    padding:21px;

    border:
        1px solid rgba(31,26,23,.08);

    border-radius:30px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            color-mix(
                in srgb,
                var(--card-atmosphere) 43%,
                #ffffff
            ) 100%
        );

    cursor:pointer;

    transition:
        transform .45s cubic-bezier(.2,.75,.2,1),
        box-shadow .45s ease,
        border-color .45s ease;

}


.home-feature-product:hover {

    transform:
        translateY(-9px);

    border-color:
        color-mix(
            in srgb,
            var(--card-tone) 40%,
            rgba(31,26,23,.08)
        );

    box-shadow:
        0 30px 60px rgba(0,0,0,.09);

}


.home-feature-large {

    min-height:650px;

}


.home-feature-top {

    position:relative;
    z-index:2;

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

    color:
        rgba(31,26,23,.40);

    font-size:.61rem;
    font-weight:750;
    letter-spacing:.15em;

}


.home-feature-top span:last-child {

    color:
        var(--card-tone);

}


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

.home-feature-image {

    position:relative;

    flex:1;

    min-height:300px;

    display:flex;

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

}


.home-feature-aura {

    position:absolute;

    width:230px;
    height:230px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            color-mix(
                in srgb,
                var(--card-tone) 27%,
                transparent
            ),
            transparent 70%
        );

    filter:blur(12px);

}


.home-feature-image img {

    position:relative;
    z-index:2;

    width:92%;
    height:310px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 22px 28px rgba(0,0,0,.12)
        );

    transition:
        transform .55s cubic-bezier(.2,.75,.2,1);

}


.home-feature-product:hover
.home-feature-image img {

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

}


/* ==========================================================
   FEATURE INFO
   ========================================================== */

.home-feature-info {

    position:relative;
    z-index:2;

}


.home-feature-info small {

    color:
        rgba(31,26,23,.41);

    font-size:.61rem;
    font-weight:750;
    letter-spacing:.14em;

}


.home-feature-info h3 {

    margin:
        8px 0 8px;

    font-size:2.15rem;
    line-height:.9;

}


.home-feature-info p {

    margin:0;

    color:
        rgba(31,26,23,.56);

    font-size:.77rem;
    line-height:1.55;

}


.home-feature-info > span {

    display:inline-flex;

    margin-top:18px;

    color:
        var(--card-tone);

    font-size:.71rem;
    font-weight:800;

}


/* ==========================================================
   EVENT
   ========================================================== */

.home-event {

    padding:
        120px 0 160px;

    background:#ffffff;

}


.home-event-intro {

    margin-bottom:55px;

}


.home-event-card {

    display:grid;

    grid-template-columns:
        1.05fr .95fr;

    min-height:625px;

    overflow:hidden;

    border:
        1px solid rgba(31,26,23,.1);

    border-radius:34px;

    background:#faf7f1;

    box-shadow:
        0 30px 65px rgba(0,0,0,.06);

}


.home-event-poster {

    position:relative;

    min-height:625px;

    overflow:hidden;

    background:#ebe6dc;

}


.home-event-poster img {

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform 1s cubic-bezier(.2,.75,.2,1);

}


.home-event-card:hover
.home-event-poster img {

    transform:
        scale(1.035);

}


.home-event-poster::after {

    content:"";

    position:absolute;
    inset:0;

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

}


.home-event-poster-label {

    position:absolute;

    left:27px;
    bottom:24px;

    z-index:4;

    color:#ffffff;

    font-size:.66rem;
    font-weight:800;
    letter-spacing:.18em;

}


.home-event-details {

    display:flex;
    flex-direction:column;

    padding:
        50px 50px 43px;

}


.home-event-number {

    display:flex;
    align-items:baseline;

    gap:7px;

    color:#171717;

    font-size:
        clamp(4.3rem,7vw,6.7rem);

    font-weight:600;
    line-height:.76;
    letter-spacing:-.07em;

    white-space:nowrap;

}


.home-event-number span {

    color:
        var(--home-gold);

    font-size:.46em;
    font-weight:500;
    letter-spacing:-.03em;

}


.home-event-month {

    display:block;

    margin-top:18px;

    color:
        rgba(31,26,23,.45);

    font-size:.68rem;
    font-weight:800;
    letter-spacing:.19em;

}


.home-event-details h3 {

    max-width:520px;

    margin:
        31px 0 15px;

    font-size:
        clamp(2.2rem,3.7vw,4rem);

    line-height:.92;

}


.home-event-details > p {

    max-width:470px;

    margin:0;

    color:
        rgba(31,26,23,.59);

    font-size:.87rem;
    line-height:1.7;

}


.home-event-info {

    display:grid;
    grid-template-columns:1fr;

    gap:0;

    margin-top:31px;

    border-top:
        1px solid rgba(31,26,23,.11);

}


.home-event-info > div {

    padding:17px 0;

    border-bottom:
        1px solid rgba(31,26,23,.09);

}


.home-event-info span {

    display:block;

    margin-bottom:6px;

    color:
        rgba(31,26,23,.38);

    font-size:.58rem;
    font-weight:800;
    letter-spacing:.16em;

}


.home-event-info strong {

    display:block;

    color:#242424;

    font-size:.8rem;
    font-weight:700;
    line-height:1.45;

}


.home-event-details
.home-action-dark {

    margin-top:auto;

}


.home-action-dark {

    border:
        1px solid #232323;

    background:#232323;

    color:#ffffff;

}


.home-action-dark:hover {

    background:
        var(--home-gold);

    border-color:
        var(--home-gold);

}


/* ==========================================================
   MEMORIES
   ========================================================== */

.home-memories {

    padding:
        110px 0 160px;

    background:
        var(--home-ivory);

}


.home-memory-head {

    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:30px;

    margin-bottom:55px;

}


.home-memory-count {

    display:flex;
    align-items:baseline;

    gap:5px;

    color:
        rgba(31,26,23,.42);

}


.home-memory-count strong {

    color:
        var(--home-black);

    font-size:2rem;

}


.home-memory-count span {

    font-size:.68rem;
    font-weight:700;

}


.home-memory-wrap {

    display:grid;

    grid-template-columns:
        1.32fr .68fr;

    min-height:655px;

    overflow:hidden;

    border-radius:33px;

    background:#171717;

}


/* ==========================================================
   MEMORY STAGE
   ========================================================== */

.home-memory-stage {

    position:relative;

    min-height:655px;

    overflow:hidden;

}


.home-memory-slide {

    position:absolute;
    inset:0;

    opacity:0;
    visibility:hidden;

    transition:
        opacity .8s ease,
        visibility .8s ease;

}


.home-memory-slide.is-active {

    opacity:1;
    visibility:visible;

}


.home-memory-slide img {

    width:100%;
    height:100%;

    object-fit:cover;

    transform:
        scale(1.03);

    transition:
        transform 1.1s cubic-bezier(.2,.75,.2,1);

}


.home-memory-slide.is-active img {

    transform:
        scale(1);

}


.home-memory-slide::after {

    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02),
            rgba(0,0,0,.76)
        );

}


/* ==========================================================
   MEMORY CAPTION
   ========================================================== */

.home-memory-caption {

    position:absolute;

    left:30px;
    right:30px;
    bottom:30px;

    z-index:3;

    display:flex;
    flex-direction:column;

    gap:8px;

    color:#ffffff;

}


.home-memory-caption span {

    color:
        var(--home-gold);

    font-size:.63rem;
    font-weight:800;
    letter-spacing:.17em;

}


.home-memory-caption strong {

    max-width:630px;

    font-size:
        clamp(2.3rem,4vw,4.2rem);

    line-height:.9;

}


/* ==========================================================
   MEMORY NAV
   ========================================================== */

.home-memory-nav {

    position:absolute;

    right:25px;
    top:25px;

    z-index:5;

    display:flex;

    gap:8px;

}


.home-memory-nav button {

    width:42px;
    height:42px;

    display:grid;
    place-items:center;

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

    border-radius:50%;

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

    color:#ffffff;

    backdrop-filter:
        blur(10px);

    cursor:pointer;

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

}


.home-memory-nav button:hover {

    transform:
        translateY(-2px);

    border-color:
        rgba(198,163,90,.65);

    background:
        rgba(198,163,90,.14);

}


/* ==========================================================
   MEMORY SIDE
   ========================================================== */

.home-memory-side {

    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    padding:42px;

    color:#ffffff;

}


.home-memory-side > span {

    margin-bottom:15px;

    color:
        var(--home-gold);

    font-size:.62rem;
    font-weight:800;
    letter-spacing:.18em;

}


.home-memory-side strong {

    max-width:360px;

    color:#ffffff;

    font-size:
        clamp(2.1rem,3.2vw,3.7rem);

    line-height:.95;

}


.home-memory-side p {

    max-width:350px;

    margin:
        24px 0 0;

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

    font-size:.8rem;
    line-height:1.7;

}


/* ==========================================================
   TESTIMONIAL
   ========================================================== */

.home-testimonial {

    padding:
        140px 0 170px;

    background:#ffffff;

}


.home-testimonial .home-container {

    display:grid;

    grid-template-columns:
        .18fr 1fr;

    gap:35px;

}


.home-testimonial-mark {

    color:
        var(--home-gold);

    font-size:8rem;
    line-height:.5;

}


.home-testimonial-main {

    max-width:980px;

}


.home-testimonial-main blockquote {

    margin:0;

    font-size:
        clamp(3rem,5.5vw,6.2rem);

    line-height:.92;
    letter-spacing:-.055em;

}


.home-testimonial-main blockquote em {

    color:
        rgba(31,26,23,.38);

    font-style:normal;

}


/* ==========================================================
   TESTIMONIAL PERSON
   ========================================================== */

.home-testimonial-person {

    display:flex;

    align-items:center;

    gap:17px;

    margin-top:52px;

}


.home-testimonial-photo {

    position:relative;

    width:92px;
    height:108px;

    overflow:hidden;

    border-radius:24px;

    flex-shrink:0;

    background:
        var(--home-ivory);

    box-shadow:
        0 17px 30px rgba(0,0,0,.10);

}


.home-testimonial-photo img {

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:
        50% 24%;

    transform:
        scale(1.08);

}


.home-testimonial-person > div:last-child {

    display:flex;
    flex-direction:column;

    gap:4px;

}


.home-testimonial-person strong {

    font-size:.87rem;
    font-weight:800;

}


.home-testimonial-person span {

    color:
        rgba(31,26,23,.42);

    font-size:.7rem;

}


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

.home-final {

    position:relative;

    min-height:630px;

    display:flex;
    align-items:center;

    overflow:hidden;

    background:#171717;

    color:#ffffff;

}


.home-final-light {

    position:absolute;

    width:620px;
    height:620px;

    right:-170px;
    top:-220px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,163,90,.30),
            transparent 68%
        );

    filter:blur(6px);

}


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

.home-final-content {

    position:relative;
    z-index:2;

    max-width:940px;

    padding:
        120px 0 70px;

}


.home-final-content h2 {

    margin:0;

    font-size:
        clamp(4rem,7.7vw,8rem);

    line-height:.87;

    color:#ffffff;

}


.home-final-content h2 span {

    display:block;

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

    font-weight:500;

}


.home-final-content p {

    max-width:600px;

    margin:
        30px 0 0;

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

    font-size:.94rem;
    line-height:1.75;

}


.home-final-actions {

    display:flex;

    flex-wrap:wrap;

    gap:11px;

    margin-top:35px;

}


.home-final .home-action-primary {

    background:
        var(--home-gold);

    border-color:
        var(--home-gold);

    color:
        #171717;

}


.home-final .home-action-primary:hover {

    background:#d2b979;
    border-color:#d2b979;

}


/* ==========================================================
   FINAL FOOTER
   ========================================================== */

.home-final-footer {

    position:relative;
    z-index:3;

    display:grid;

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

    gap:15px;

    padding:21px 0;

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

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

    font-size:.57rem;
    font-weight:700;
    letter-spacing:.13em;

}


.home-final-footer span:last-child {

    text-align:right;

}


/* ==========================================================
   DARK BACKGROUND CONTRAST
   Garante que elementos dourados e de identidade
   continuam visíveis em superfícies escuras.
   ========================================================== */

.home-final .home-overline,
.home-memory-side > span,
.home-memory-caption span {

    color:
        #d9bb77;

}


.home-final a,
.home-final button {

    text-shadow:
        none;

}


.home-final .home-action-secondary {

    border-color:
        rgba(255,255,255,.20);

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

    color:#ffffff;

}


.home-final .home-action-secondary:hover {

    border-color:
        var(--home-gold);

    background:
        rgba(198,163,90,.10);

}


.home-memory-nav button {

    color:#ffffff;

}


.home-memory-side strong {

    color:#ffffff;

}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:1100px){

    .home-hero-container {

        grid-template-columns:
            1fr 1fr;

    }


    .home-hero-slide h1 {

        font-size:
            clamp(3.7rem,6vw,5.8rem);

    }


    .home-hero-product-stage {

        height:520px;

    }


    .home-product-gallery {

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

    }


    .home-feature-large {

        grid-row:
            span 2;

    }

}


/* ==========================================================
   TABLET / SMALL LAPTOP
   ========================================================== */

@media (max-width:850px){

    .home-hero {

        height:auto;
        min-height:930px;

    }


    .home-hero-container {

        width:min(700px,92%);

        min-height:930px;
        height:auto;

        grid-template-columns:1fr;

        gap:20px;

        padding:
            90px 0 105px;

    }


    .home-hero-content {

        min-height:330px;

    }


    .home-hero-visual {

        min-height:450px;
        height:450px;

    }


    .home-hero-product-stage {

        width:min(420px,80%);
        height:450px;

    }


    .home-hero-product img {

        width:380px;
        height:420px;

    }


    .home-hero-aura {

        width:420px;
        height:420px;

    }


    .home-world-grid {

        grid-template-columns:1fr;

    }


    .home-world {

        min-height:540px;

    }


    .home-universe {

        grid-template-columns:
            .12fr 1fr;

    }


    .home-universe p {

        grid-column:2;

    }


    .home-product-gallery {

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

    }


    .home-event-card {

        grid-template-columns:1fr;

    }


    .home-event-poster {

        min-height:470px;

    }


    .home-memory-wrap {

        grid-template-columns:1fr;

    }


    .home-memory-side {

        min-height:290px;

    }


    .home-testimonial .home-container {

        grid-template-columns:1fr;

    }


    .home-testimonial-mark {

        font-size:5.2rem;

    }


    .home-final-footer {

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

    }

}


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

@media (max-width:600px){

    .home-container {

        width:
            calc(100% - 32px);

    }


    .home-hero {

        min-height:880px;

    }


    .home-hero-container {

        width:
            calc(100% - 28px);

        min-height:880px;

        padding:
            80px 0 95px;

    }


    .home-hero-slide h1 {

        font-size:
            clamp(3.15rem,14vw,4.65rem);

        line-height:.9;

    }


    .home-hero-slide p {

        max-width:100%;

        margin-top:24px;

        font-size:.87rem;
        line-height:1.7;

    }


    .home-hero-pretitle {

        max-width:300px;

        line-height:1.5;

    }


    .home-hero-actions {

        margin-top:28px;

    }


    .home-action {

        min-height:49px;

        padding-inline:17px;

        font-size:.71rem;

    }


    .home-hero-controls {

        width:100%;

        margin-top:25px;

    }


    .home-hero-visual {

        min-height:345px;
        height:345px;

    }


    .home-hero-product-stage {

        width:315px;
        height:340px;

    }


    .home-hero-product img {

        width:290px;
        height:315px;

    }


    .home-hero-product-halo {

        width:215px;
        height:215px;

    }


    .home-hero-aura {

        width:320px;
        height:320px;

    }


    .home-hero-orbit {

        opacity:.65;

    }


    .orbit-one {

        width:310px;
        height:145px;

    }


    .orbit-two {

        width:290px;
        height:290px;

    }


    .home-hero-product-index {

        right:0;
        bottom:3%;

    }


    .home-hero-visual-index {

        right:2%;
        top:3%;

        font-size:5.7rem;

    }


    .home-hero-bottom {

        left:15px;
        right:15px;
        bottom:13px;

        font-size:.49rem;
        letter-spacing:.1em;

    }


    .home-identity-word {

        font-size:.57rem;

        gap:19px;

        padding:16px 0;

    }


    .home-manifesto,
    .home-worlds,
    .home-universes,
    .home-products,
    .home-event,
    .home-memories,
    .home-testimonial {

        padding-top:80px;
        padding-bottom:100px;

    }


    .home-manifesto-copy h2 {

        font-size:
            clamp(3.15rem,14vw,4.8rem);

    }


    .home-manifesto-footer {

        grid-template-columns:
            1fr 1fr;

    }


    .home-manifesto-footer span {

        border-bottom:
            1px solid var(--home-line);

    }


    .home-worlds-header,
    .home-products-head,
    .home-memory-head {

        display:block;

    }


    .home-worlds-header p {

        margin-top:19px;

    }


    .home-world {

        min-height:485px;

        border-radius:27px;

    }


    .home-world-image {

        height:55%;

    }


    .home-world-image img {

        width:76%;
        height:210px;

    }


    .home-world-content {

        left:24px;
        right:24px;
        bottom:24px;

    }


    .home-world-content h3 {

        font-size:2.6rem;

    }


    .home-world-content p {

        font-size:.82rem;

        line-height:1.6;

    }


    .home-world-number {

        top:23px;
        left:23px;

    }


    .home-universe {

        grid-template-columns:
            1fr .15fr;

        gap:12px;

        padding:23px 0;

    }


    .home-universe > span {

        display:none;

    }


    .home-universe h3 {

        font-size:2.1rem;

    }


    .home-universe p {

        grid-column:
            1 / -1;

    }


    .home-product-gallery {

        grid-template-columns:
            1fr;

    }


    .home-feature-product,
    .home-feature-large {

        min-height:555px;

        grid-row:auto;

    }


    .home-feature-large {

        min-height:605px;

    }


    .home-feature-image img {

        height:300px;

    }


    .home-event-card {

        border-radius:27px;

    }


    .home-event-poster {

        min-height:360px;

    }


    .home-event-details {

        padding:
            34px 25px 28px;

    }


    .home-event-number {

        font-size:4.4rem;

    }


    .home-event-month {

        font-size:.6rem;
        margin-top:15px;

    }


    .home-event-details h3 {

        font-size:2.3rem;
        margin-top:27px;

    }


    .home-memory-stage {

        min-height:430px;

    }


    .home-memory-side {

        min-height:270px;

        padding:
            31px 25px;

    }


    .home-memory-caption {

        left:23px;
        right:23px;
        bottom:23px;

    }


    .home-testimonial-main blockquote {

        font-size:2.75rem;

    }


    .home-testimonial-photo {

        width:84px;
        height:100px;

    }


    .home-final {

        min-height:570px;

    }


    .home-final-content {

        padding:
            95px 0 50px;

    }


    .home-final-content h2 {

        font-size:
            clamp(3.45rem,14vw,5rem);

    }


    .home-final-footer {

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

    }


    .home-final-footer span:last-child {

        text-align:left;

    }

}


/* ==========================================================
   VERY SMALL MOBILE
   ========================================================== */

@media (max-width:390px){

    .home-hero-slide h1 {

        font-size:
            2.95rem;

    }


    .home-hero-product-stage {

        width:290px;

    }


    .home-world-content h3 {

        font-size:2.35rem;

    }


    .home-event-number {

        font-size:3.9rem;

    }


    .home-testimonial-main blockquote {

        font-size:2.45rem;

    }

}


/* ==========================================================
   ACCESSIBILITY
   ========================================================== */

@media (prefers-reduced-motion:reduce){

    .home-page *,
    .home-page *::before,
    .home-page *::after {

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;

    }

}

/* ==========================================================
   AD LIFESTYLE V2
   ALPHA SPIN STRAW
   PAGE COMPONENTS
   ========================================================== */

.page-alpha-spin-straw{

    --straw-green:#07543F;
    --straw-green-deep:#0D3F32;
    --straw-green-mid:#146B50;

    --straw-gold:#C6A04D;
    --straw-gold-deep:#92702F;

    --straw-black:#151515;
    --straw-silver:#BFC3C1;
    --straw-white:#F7F7F5;

    --straw-ink:#17382F;
    --straw-muted:#64756F;

    --straw-line:rgba(7,84,63,.14);

    --straw-shadow:
        0 24px 70px rgba(13,63,50,.12);

    --straw-shadow-heavy:
        0 34px 100px rgba(7,84,63,.23);

    --straw-radius:30px;

    color:var(--straw-ink);
}

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

.page-alpha-spin-straw .straw-hero{

    position:relative;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 17% 22%,
            rgba(198,160,77,.18),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 18%,
            rgba(20,107,80,.18),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #F8FAF8 0%,
            #EEF4F0 48%,
            #E2ECE7 100%
        );

}

.page-alpha-spin-straw .straw-hero-atmosphere{

    position:absolute;
    inset:0;
    pointer-events:none;

}

.page-alpha-spin-straw .straw-orb{

    position:absolute;

    border-radius:50%;

    filter:blur(70px);

    opacity:.44;

}

.page-alpha-spin-straw .straw-orb-1{

    width:360px;
    height:360px;

    left:-130px;
    top:-110px;

    background:
        rgba(7,84,63,.12);

}

.page-alpha-spin-straw .straw-orb-2{

    width:300px;
    height:300px;

    right:4%;
    top:10%;

    background:
        rgba(198,160,77,.14);

}

.page-alpha-spin-straw .straw-orb-3{

    width:420px;
    height:420px;

    left:42%;
    bottom:-220px;

    background:
        rgba(20,107,80,.08);

}

.page-alpha-spin-straw .straw-orbit{

    position:absolute;

    border:
        1px solid
        rgba(7,84,63,.09);

    border-radius:50%;

}

.page-alpha-spin-straw .straw-orbit-1{

    width:560px;
    height:560px;

    right:-210px;
    top:-170px;

}

.page-alpha-spin-straw .straw-orbit-2{

    width:390px;
    height:390px;

    right:-115px;
    top:-85px;

    border-color:
        rgba(198,160,77,.14);

}

.page-alpha-spin-straw .straw-hero .container{

    position:relative;
    z-index:2;

}

/* ==========================================================
   HERO TEXT
   ========================================================== */

.page-alpha-spin-straw .straw-eyebrow{

    display:block;

    margin-top:18px;

    color:
        var(--straw-green-mid);

    font-size:.76rem;

    font-weight:900;

    letter-spacing:.18em;

    text-transform:uppercase;

}

.page-alpha-spin-straw .hero-title{

    max-width:770px;

    color:
        var(--straw-green-deep)
        !important;

}

.page-alpha-spin-straw .hero-title span{

    display:block;

    background:
        linear-gradient(
            90deg,
            var(--straw-green),
            var(--straw-green-mid),
            var(--straw-gold)
        );

    -webkit-background-clip:text;
    background-clip:text;

    color:
        transparent
        !important;

}

.page-alpha-spin-straw .hero-sub{

    max-width:690px;

    color:
        #586B64
        !important;

}

.page-alpha-spin-straw .straw-hero-pills{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin:25px 0;

}

.page-alpha-spin-straw .straw-hero-pills span{

    padding:9px 14px;

    border:
        1px solid
        rgba(7,84,63,.10);

    border-radius:999px;

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

    color:
        var(--straw-green-deep);

    font-size:.78rem;

    font-weight:800;

    box-shadow:
        0 8px 24px
        rgba(7,84,63,.06);

}

.page-alpha-spin-straw .straw-hero-meta{

    display:flex;

    flex-wrap:wrap;

    gap:28px;

    margin-top:35px;

}

.page-alpha-spin-straw .straw-hero-meta div{

    display:flex;

    flex-direction:column;

    gap:4px;

}

.page-alpha-spin-straw .straw-hero-meta strong{

    color:
        var(--straw-green-deep);

    font-size:1.05rem;

}

.page-alpha-spin-straw .straw-hero-meta span{

    color:#788781;

    font-size:.76rem;

}

/* ==========================================================
   HERO PRODUCT
   ========================================================== */

.page-alpha-spin-straw .straw-hero-product{

    position:relative;

    min-height:540px;

    display:flex;

    align-items:center;

    justify-content:center;

    isolation:isolate;

}

.page-alpha-spin-straw .straw-hero-product img{

    position:relative;

    z-index:4;

    width:min(430px,82%);

    max-height:560px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 36px 48px
            rgba(7,84,63,.23)
        );

}

.page-alpha-spin-straw .straw-product-aura{

    position:absolute;

    width:390px;
    height:390px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,160,77,.20),
            rgba(7,84,63,.08) 48%,
            transparent 72%
        );

    filter:blur(5px);

}

.page-alpha-spin-straw .straw-product-ring{

    position:absolute;

    border-radius:50%;

    z-index:1;

}

.page-alpha-spin-straw .straw-product-ring-1{

    width:450px;
    height:450px;

    border:
        1px solid
        rgba(7,84,63,.17);

    box-shadow:
        inset 0 0 70px
        rgba(198,160,77,.10),

        0 0 70px
        rgba(7,84,63,.08);

}

.page-alpha-spin-straw .straw-product-ring-2{

    width:560px;
    height:560px;

    border:
        1px solid
        rgba(198,160,77,.11);

}

.page-alpha-spin-straw .straw-product-grid{

    position:absolute;

    width:430px;
    height:430px;

    border-radius:50%;

    background:
        linear-gradient(
            transparent 49.7%,
            rgba(7,84,63,.06) 50%,
            transparent 50.3%
        ),
        linear-gradient(
            90deg,
            transparent 49.7%,
            rgba(198,160,77,.08) 50%,
            transparent 50.3%
        );

    background-size:54px 54px;

    opacity:.25;

    z-index:0;

    transform:rotate(22deg);

}

.page-alpha-spin-straw .straw-product-caption{

    position:absolute;

    z-index:5;

    left:50%;
    bottom:38px;

    transform:translateX(-50%);

    display:flex;

    align-items:center;

    gap:10px;

    padding:10px 15px;

    border:
        1px solid
        rgba(7,84,63,.12);

    border-radius:999px;

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

    backdrop-filter:blur(14px);

    white-space:nowrap;

}

.page-alpha-spin-straw .straw-product-caption span{

    color:
        var(--straw-green-mid);

    font-size:.69rem;

    font-weight:900;

    letter-spacing:.17em;

}

.page-alpha-spin-straw .straw-product-caption strong{

    color:
        var(--straw-gold-deep);

    font-size:.74rem;

    letter-spacing:.20em;

}

/* ==========================================================
   GENERAL
   ========================================================== */

.page-alpha-spin-straw .section-title{

    color:
        var(--straw-green-deep)
        !important;

}

.page-alpha-spin-straw .section-title span{

    color:
        var(--straw-green-mid)
        !important;

}

.page-alpha-spin-straw .lead{

    color:
        #5C6E68
        !important;

}

.page-alpha-spin-straw .label{

    color:
        var(--straw-green)
        !important;

}

/* ==========================================================
   OVERVIEW
   ========================================================== */

.page-alpha-spin-straw .straw-overview-section{

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F8FBF9 100%
        );

}

.page-alpha-spin-straw .straw-overview-grid{

    display:grid;

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

    gap:16px;

    margin-top:42px;

}

.page-alpha-spin-straw .straw-overview-card{

    position:relative;

    min-height:245px;

    padding:28px;

    border:
        1px solid
        var(--straw-line);

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F5F9F6
        );

    box-shadow:
        0 14px 40px
        rgba(7,84,63,.06);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}

.page-alpha-spin-straw .straw-overview-card:hover{

    transform:translateY(-6px);

    box-shadow:
        0 24px 58px
        rgba(7,84,63,.11);

    border-color:
        rgba(198,160,77,.28);

}

.page-alpha-spin-straw .straw-card-number{

    display:block;

    color:
        rgba(7,84,63,.16);

    font-size:.72rem;

    font-weight:900;

    letter-spacing:.14em;

}

.page-alpha-spin-straw .straw-card-icon{

    width:48px;
    height:48px;

    display:flex;

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

    margin-top:25px;

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(7,84,63,.10),
            rgba(198,160,77,.12)
        );

    color:
        var(--straw-green);

    font-size:1.35rem;

}

.page-alpha-spin-straw .straw-overview-card h3{

    margin-top:20px;

    color:
        var(--straw-green-deep);

    font-size:1.2rem;

}

.page-alpha-spin-straw .straw-overview-card p{

    margin-top:9px;

    color:#65766F;

    line-height:1.7;

    font-size:.9rem;

}

.page-alpha-spin-straw .straw-note{

    display:grid;

    grid-template-columns:46px 1fr;

    gap:15px;

    margin-top:25px;

    padding:22px;

    border:
        1px solid
        rgba(7,84,63,.10);

    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            rgba(7,84,63,.045),
            rgba(198,160,77,.06)
        );

}

.page-alpha-spin-straw .straw-note-icon{

    width:40px;
    height:40px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--straw-green);

    color:#FFFFFF;

    font-weight:900;

}

.page-alpha-spin-straw .straw-note strong{

    color:
        var(--straw-green-deep);

}

.page-alpha-spin-straw .straw-note p{

    margin-top:5px;

    color:#687A73;

    line-height:1.65;

}

/* ==========================================================
   DARK EXPERIENCE
   ========================================================== */

.page-alpha-spin-straw .straw-dark-section{

    background:
        radial-gradient(
            circle at 18% 20%,
            rgba(20,107,80,.30),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 15%,
            rgba(198,160,77,.12),
            transparent 24%
        ),
        linear-gradient(
            135deg,
            #0D3F32 0%,
            #07543F 52%,
            #123F35 100%
        );

}

.page-alpha-spin-straw .straw-dark-section .section-title{

    color:#FFFFFF !important;

}

.page-alpha-spin-straw .straw-dark-section .section-title span{

    color:#D7B66A !important;

}

.page-alpha-spin-straw .straw-dark-section .lead{

    color:#D1DED9 !important;

}

.page-alpha-spin-straw .straw-label-light{

    color:#E2C47A !important;

}

.page-alpha-spin-straw .straw-experience-grid{

    display:grid;

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

    gap:18px;

    margin-top:42px;

}

.page-alpha-spin-straw .straw-experience-card{

    padding:30px;

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

    border-radius:26px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.035)
        );

    backdrop-filter:blur(15px);

    box-shadow:
        0 18px 44px
        rgba(0,0,0,.13);

}

.page-alpha-spin-straw .straw-experience-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.page-alpha-spin-straw .straw-experience-top span{

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

    font-size:.73rem;

    font-weight:900;

    letter-spacing:.15em;

}

.page-alpha-spin-straw .straw-experience-top i{

    width:35px;
    height:35px;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(198,160,77,.14);

    color:
        #E2C47A;

    font-style:normal;

}

.page-alpha-spin-straw .straw-experience-card h3{

    margin-top:22px;

    color:#FFFFFF;

    font-size:1.3rem;

}

.page-alpha-spin-straw .straw-experience-card p{

    margin-top:9px;

    color:#C8D7D1;

    line-height:1.7;

}

/* ==========================================================
   BENEFITS
   ========================================================== */

.page-alpha-spin-straw .straw-benefits-section{

    background:#FFFFFF;

}

.page-alpha-spin-straw .straw-section-heading{

    display:grid;

    grid-template-columns:
        1fr .9fr;

    gap:50px;

    align-items:end;

}

.page-alpha-spin-straw .straw-benefit-grid{

    display:grid;

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

    gap:16px;

    margin-top:40px;

}

.page-alpha-spin-straw .straw-benefit-card{

    padding:27px;

    border:
        1px solid
        rgba(7,84,63,.11);

    border-radius:24px;

    background:#F7FAF8;

    box-shadow:
        0 14px 35px
        rgba(7,84,63,.055);

}

.page-alpha-spin-straw .straw-benefit-head{

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.page-alpha-spin-straw .straw-benefit-head span{

    color:
        rgba(7,84,63,.22);

    font-size:.72rem;

    font-weight:900;

    letter-spacing:.15em;

}

.page-alpha-spin-straw .straw-benefit-head i{

    width:34px;
    height:34px;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(7,84,63,.09);

    color:
        var(--straw-green);

    font-style:normal;

    font-weight:900;

}

.page-alpha-spin-straw .straw-benefit-card h3{

    margin-top:22px;

    color:
        var(--straw-green-deep);

    font-size:1.22rem;

}

.page-alpha-spin-straw .straw-benefit-card p{

    margin-top:9px;

    color:#697972;

    line-height:1.7;

    font-size:.9rem;

}

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

.page-alpha-spin-straw .straw-more-panel{

    max-height:0;

    opacity:0;

    visibility:hidden;

    overflow:hidden;

    margin-top:0;

    transform:translateY(-8px);

    transition:
        max-height .65s cubic-bezier(.2,.75,.2,1),
        opacity .35s ease,
        transform .45s ease,
        margin-top .45s ease,
        visibility .65s ease;

}

.page-alpha-spin-straw .straw-more-panel.is-open{

    max-height:5000px;

    opacity:1;

    visibility:visible;

    margin-top:16px;

    transform:translateY(0);

}

.page-alpha-spin-straw .straw-benefit-grid .straw-more-panel{

    grid-column:1 / -1;

    display:grid;

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

    gap:16px;

}

.page-alpha-spin-straw
.straw-benefit-grid
.straw-more-panel
.straw-benefit-card{

    margin:0;

}

.page-alpha-spin-straw .straw-more-toggle{

    display:inline-flex;

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

    gap:10px;

    min-height:44px;

    margin-top:22px;

    padding:10px 15px;

    border:
        1px solid
        rgba(7,84,63,.18);

    border-radius:999px;

    background:#FFFFFF;

    color:
        var(--straw-green-deep);

    font:inherit;

    font-size:.78rem;

    font-weight:900;

    cursor:pointer;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;

}

.page-alpha-spin-straw .straw-more-toggle:hover{

    transform:translateY(-2px);

    border-color:
        rgba(198,160,77,.45);

    box-shadow:
        0 12px 28px
        rgba(7,84,63,.08);

}

.page-alpha-spin-straw .straw-more-toggle i{

    width:25px;
    height:25px;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(7,84,63,.08);

    color:
        var(--straw-green);

    font-style:normal;

    transition:
        transform .35s ease,
        background .35s ease;

}

.page-alpha-spin-straw .straw-more-toggle.is-open i{

    transform:rotate(45deg);

    background:
        rgba(198,160,77,.15);

    color:
        var(--straw-gold-deep);

}

.page-alpha-spin-straw .straw-more-toggle-light{

    background:#F7FAF8;

}

/* ==========================================================
   PRODUCT DETAIL
   NOVA SECÇÃO
   IMAGEM À ESQUERDA + INFORMAÇÃO À DIREITA
   ========================================================== */

.page-alpha-spin-straw .straw-technology-section{

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 8% 30%,
            rgba(20,107,80,.08),
            transparent 26%
        ),
        radial-gradient(
            circle at 92% 70%,
            rgba(198,160,77,.09),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #F6FAF7 0%,
            #FFFFFF 100%
        );

}

/* ==========================================================
   PRODUCT DETAIL GRID
   ========================================================== */

.page-alpha-spin-straw .straw-product-detail-grid{

    display:grid;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(0, 1.05fr);

    gap:70px;

    align-items:center;

}

/* ==========================================================
   PRODUCT DETAIL VISUAL
   ========================================================== */

.page-alpha-spin-straw .straw-product-detail-visual{

    position:relative;

    min-width:0;

}

.page-alpha-spin-straw .straw-product-detail-frame{

    position:relative;

    min-height:560px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    isolation:isolate;

    border:
        1px solid
        rgba(7,84,63,.10);

    border-radius:36px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(198,160,77,.17),
            transparent 27%
        ),
        radial-gradient(
            circle at 50% 52%,
            rgba(20,107,80,.10),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            #FFFFFF,
            #EEF5F1
        );

    box-shadow:
        0 30px 75px
        rgba(7,84,63,.10);

}

/* ==========================================================
   DETAIL ORB
   ========================================================== */

.page-alpha-spin-straw .straw-detail-orb{

    position:absolute;

    width:410px;
    height:410px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,160,77,.17),
            rgba(7,84,63,.075) 46%,
            transparent 72%
        );

    filter:blur(5px);

    z-index:0;

}

/* ==========================================================
   DETAIL RINGS
   ========================================================== */

.page-alpha-spin-straw .straw-detail-ring{

    position:absolute;

    border-radius:50%;

    z-index:1;

    pointer-events:none;

}

.page-alpha-spin-straw .straw-detail-ring-1{

    width:420px;
    height:420px;

    border:
        1px solid
        rgba(7,84,63,.13);

    box-shadow:
        inset 0 0 70px
        rgba(198,160,77,.07),

        0 0 55px
        rgba(7,84,63,.05);

}

.page-alpha-spin-straw .straw-detail-ring-2{

    width:530px;
    height:530px;

    border:
        1px dashed
        rgba(198,160,77,.15);

    animation:
        strawDetailRotation
        28s
        linear
        infinite;

}

@keyframes strawDetailRotation{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

/* ==========================================================
   DETAIL GRID DECORATION
   ========================================================== */

.page-alpha-spin-straw .straw-detail-grid{

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
        linear-gradient(
            transparent 49.7%,
            rgba(7,84,63,.045) 50%,
            transparent 50.3%
        ),
        linear-gradient(
            90deg,
            transparent 49.7%,
            rgba(198,160,77,.065) 50%,
            transparent 50.3%
        );

    background-size:
        52px 52px;

    opacity:.28;

    transform:rotate(17deg);

    z-index:0;

}

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

.page-alpha-spin-straw .straw-product-detail-image{

    position:relative;

    z-index:4;

    width:min(72%,430px);

    max-height:500px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 35px 48px
            rgba(7,84,63,.20)
        )
        drop-shadow(
            0 8px 18px
            rgba(0,0,0,.08)
        );

    transition:
        transform .6s cubic-bezier(.2,.8,.2,1),
        filter .4s ease;

}

.page-alpha-spin-straw
.straw-product-detail-frame:hover
.straw-product-detail-image{

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

    filter:
        drop-shadow(
            0 44px 56px
            rgba(7,84,63,.24)
        )
        drop-shadow(
            0 10px 20px
            rgba(0,0,0,.09)
        );

}

/* ==========================================================
   DETAIL CAPTION
   ========================================================== */

.page-alpha-spin-straw .straw-detail-caption{

    position:absolute;

    z-index:6;

    left:50%;
    bottom:28px;

    transform:
        translateX(-50%);

    display:flex;

    align-items:center;

    gap:10px;

    padding:10px 16px;

    border:
        1px solid
        rgba(7,84,63,.12);

    border-radius:999px;

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

    backdrop-filter:
        blur(16px);

    box-shadow:
        0 10px 25px
        rgba(7,84,63,.08);

    white-space:nowrap;

}

.page-alpha-spin-straw .straw-detail-caption span{

    color:
        var(--straw-green-mid);

    font-size:.68rem;

    font-weight:900;

    letter-spacing:.17em;

}

.page-alpha-spin-straw .straw-detail-caption strong{

    color:
        var(--straw-gold-deep);

    font-size:.74rem;

    letter-spacing:.19em;

}

/* ==========================================================
   PRODUCT DETAIL COPY
   ========================================================== */

.page-alpha-spin-straw .straw-product-detail-copy{

    position:relative;

    min-width:0;

}

.page-alpha-spin-straw .straw-product-detail-copy .section-title{

    max-width:650px;

}

/* ==========================================================
   PRODUCT SPECS
   ========================================================== */

.page-alpha-spin-straw .straw-product-specs{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:11px;

    margin-top:30px;

}

.page-alpha-spin-straw .straw-product-spec{

    display:grid;

    grid-template-columns:
        38px 1fr;

    gap:11px;

    align-items:center;

    min-height:72px;

    padding:13px 14px;

    border:
        1px solid
        rgba(7,84,63,.09);

    border-radius:17px;

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

    box-shadow:
        0 9px 24px
        rgba(7,84,63,.045);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

}

.page-alpha-spin-straw .straw-product-spec:hover{

    transform:
        translateY(-3px);

    border-color:
        rgba(198,160,77,.30);

    box-shadow:
        0 15px 30px
        rgba(7,84,63,.07);

}

.page-alpha-spin-straw .straw-product-spec-number{

    width:34px;
    height:34px;

    display:flex;

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

    border-radius:11px;

    background:
        linear-gradient(
            135deg,
            rgba(7,84,63,.10),
            rgba(198,160,77,.12)
        );

    color:
        var(--straw-green);

    font-size:.62rem;

    font-weight:900;

}

.page-alpha-spin-straw .straw-product-spec div{

    min-width:0;

}

.page-alpha-spin-straw .straw-product-spec strong{

    display:block;

    color:
        var(--straw-green-deep);

    font-size:.76rem;

    font-weight:900;

    letter-spacing:.04em;

}

.page-alpha-spin-straw .straw-product-spec div span{

    display:block;

    margin-top:3px;

    color:#718078;

    font-size:.72rem;

    line-height:1.45;

}

/* ==========================================================
   PRODUCT HIGHLIGHT
   ========================================================== */

.page-alpha-spin-straw .straw-product-highlight{

    display:grid;

    grid-template-columns:
        45px 1fr;

    gap:14px;

    align-items:start;

    margin-top:23px;

    padding:20px;

    border:
        1px solid
        rgba(198,160,77,.22);

    border-radius:21px;

    background:
        linear-gradient(
            135deg,
            rgba(198,160,77,.075),
            rgba(7,84,63,.035)
        );

}

.page-alpha-spin-straw .straw-product-highlight-icon{

    width:40px;
    height:40px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--straw-green);

    color:#FFFFFF;

    font-size:.95rem;

    box-shadow:
        0 10px 22px
        rgba(7,84,63,.12);

}

.page-alpha-spin-straw .straw-product-highlight strong{

    display:block;

    color:
        var(--straw-green-deep);

    font-size:.9rem;

}

.page-alpha-spin-straw .straw-product-highlight p{

    margin-top:5px;

    color:#6C7C75;

    line-height:1.65;

    font-size:.82rem;

}

/* ==========================================================
   USE
   ========================================================== */

.page-alpha-spin-straw .straw-use-section{

    background:#FFFFFF;

}

.page-alpha-spin-straw .straw-use-grid{

    display:grid;

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

    gap:16px;

    margin-top:42px;

}

.page-alpha-spin-straw .straw-use-step{

    display:grid;

    grid-template-columns:68px 1fr;

    gap:18px;

    align-items:start;

    padding:25px;

    border:
        1px solid
        rgba(7,84,63,.10);

    border-radius:24px;

    background:#F8FBF9;

}

.page-alpha-spin-straw .straw-use-number{

    width:58px;
    height:58px;

    display:flex;

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

    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            var(--straw-green),
            var(--straw-green-mid)
        );

    color:#FFFFFF;

    font-size:.83rem;

    font-weight:900;

    box-shadow:
        0 12px 24px
        rgba(7,84,63,.15);

}

.page-alpha-spin-straw .straw-use-step h3{

    color:
        var(--straw-green-deep);

    font-size:1.08rem;

}

.page-alpha-spin-straw .straw-use-step p{

    margin-top:6px;

    color:#687A73;

    line-height:1.65;

    font-size:.88rem;

}

.page-alpha-spin-straw .straw-use-note{

    padding:24px;

    border-radius:22px;

    border:
        1px solid
        rgba(198,160,77,.24);

    background:
        linear-gradient(
            135deg,
            rgba(198,160,77,.08),
            rgba(7,84,63,.04)
        );

}

.page-alpha-spin-straw .straw-use-note strong{

    color:
        var(--straw-green-deep);

}

.page-alpha-spin-straw .straw-use-note p{

    margin-top:6px;

    color:#697A73;

    line-height:1.7;

}

/* ==========================================================
   CLAIMS
   ========================================================== */

.page-alpha-spin-straw .straw-claims-section{

    background:#F4F8F5;

}

.page-alpha-spin-straw .straw-claims-box{

    display:grid;

    grid-template-columns:58px 1fr;

    gap:20px;

    padding:34px;

    border:
        1px solid
        rgba(198,160,77,.25);

    border-radius:30px;

    background:
        linear-gradient(
            135deg,
            #FFFFFF,
            #F8F7EF
        );

    box-shadow:
        var(--straw-shadow);

}

.page-alpha-spin-straw .straw-claims-icon{

    width:50px;
    height:50px;

    display:flex;

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

    border-radius:16px;

    background:
        linear-gradient(
            135deg,
            var(--straw-gold),
            var(--straw-gold-deep)
        );

    color:#FFFFFF;

    font-size:1.1rem;

    font-weight:900;

}

.page-alpha-spin-straw .straw-claims-box h2{

    margin-top:8px;

    color:
        var(--straw-green-deep);

    font-size:
        clamp(
            1.7rem,
            3vw,
            2.35rem
        );

    line-height:1.15;

}

.page-alpha-spin-straw .straw-claims-box h2 span{

    color:
        var(--straw-green-mid);

}

.page-alpha-spin-straw .straw-claims-box p{

    margin-top:13px;

    color:#65766F;

    line-height:1.8;

}

.page-alpha-spin-straw .straw-claims-box p strong{

    color:
        var(--straw-green-deep);

}

/* ==========================================================
   FAQ
   ========================================================== */

.page-alpha-spin-straw .straw-faq-section{

    background:#FFFFFF;

}

.page-alpha-spin-straw .straw-faq-list{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-top:40px;

}

.page-alpha-spin-straw .straw-faq-item{

    overflow:hidden;

    border:
        1px solid
        rgba(7,84,63,.11);

    border-radius:21px;

    background:#F8FBF9;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;

}

.page-alpha-spin-straw .straw-faq-item:hover{

    border-color:
        rgba(7,84,63,.22);

}

.page-alpha-spin-straw .straw-faq-item.active{

    transform:
        translateY(-2px);

    border-color:
        rgba(198,160,77,.35);

    box-shadow:
        0 16px 40px
        rgba(7,84,63,.08);

}

.page-alpha-spin-straw .straw-faq-question{

    width:100%;

    display:grid;

    grid-template-columns:
        44px minmax(0,1fr) 34px;

    align-items:center;

    gap:14px;

    padding:18px 20px;

    border:0;

    background:transparent;

    color:
        var(--straw-green-deep);

    font:inherit;

    font-weight:800;

    text-align:left;

    cursor:pointer;

}

.page-alpha-spin-straw .straw-faq-number{

    width:34px;
    height:34px;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(7,84,63,.08);

    color:
        var(--straw-green);

    font-size:.66rem;

    font-weight:900;

    letter-spacing:.08em;

}

.page-alpha-spin-straw .straw-faq-text{

    line-height:1.5;

}

.page-alpha-spin-straw .straw-faq-plus{

    width:30px;
    height:30px;

    display:flex;

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

    border-radius:50%;

    background:
        rgba(198,160,77,.12);

    color:
        var(--straw-gold-deep);

    font-size:1.1rem;

    font-weight:600;

    transition:
        transform .35s ease,
        background .35s ease;

}

.page-alpha-spin-straw
.straw-faq-item.active
.straw-faq-plus{

    transform:
        rotate(45deg);

    background:
        rgba(7,84,63,.10);

}

.page-alpha-spin-straw .straw-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:
        max-height .4s ease;

}

.page-alpha-spin-straw .straw-faq-answer p{

    padding:
        0 20px 20px 78px;

    color:#667870;

    line-height:1.75;

    font-size:.9rem;

}

/* ==========================================================
   DISCLAIMER
   ========================================================== */

.page-alpha-spin-straw .straw-disclaimer{

    padding:28px 0;

    background:
        linear-gradient(
            180deg,
            #F2F6F3,
            #EEF3F0
        );

}

.page-alpha-spin-straw .straw-disclaimer-box{

    display:grid;

    grid-template-columns:42px 1fr;

    gap:15px;

    align-items:start;

    padding:21px;

    border:
        1px solid
        rgba(7,84,63,.09);

    border-radius:20px;

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

}

.page-alpha-spin-straw .straw-disclaimer-mark{

    width:34px;
    height:34px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--straw-green);

    color:#FFFFFF;

    font-size:.8rem;

    font-weight:900;

}

.page-alpha-spin-straw .straw-disclaimer-box strong{

    color:
        var(--straw-green-deep);

}

.page-alpha-spin-straw .straw-disclaimer-box p{

    margin-top:5px;

    color:#687970;

    line-height:1.7;

    font-size:.85rem;

}

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

.page-alpha-spin-straw .straw-cta-section{

    background:
        radial-gradient(
            circle at 16% 18%,
            rgba(198,160,77,.16),
            transparent 24%
        ),
        linear-gradient(
            135deg,
            #0D3F32,
            #07543F 52%,
            #0D3F32
        );

}

.page-alpha-spin-straw .straw-cta-box{

    display:grid;

    grid-template-columns:
        1fr auto;

    gap:40px;

    align-items:center;

    padding:48px;

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

    border-radius:32px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.025)
        );

    box-shadow:
        0 24px 70px
        rgba(0,0,0,.18);

    backdrop-filter:blur(14px);

}

.page-alpha-spin-straw .straw-cta-box h2{

    margin-top:10px;

    color:#FFFFFF;

    font-size:
        clamp(
            2rem,
            4vw,
            3.4rem
        );

    line-height:1.05;

}

.page-alpha-spin-straw .straw-cta-box h2 span{

    color:#D8B96D;

}

.page-alpha-spin-straw .straw-cta-box p{

    max-width:650px;

    margin-top:13px;

    color:#C7D7D1;

    line-height:1.7;

}

.page-alpha-spin-straw .straw-cta-actions{

    display:flex;

    flex-direction:column;

    gap:10px;

    min-width:220px;

}

.page-alpha-spin-straw .straw-btn-primary{

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

    background:
        linear-gradient(
            135deg,
            var(--straw-green),
            var(--straw-green-mid)
        )
        !important;

    color:#FFFFFF !important;

    box-shadow:
        0 14px 32px
        rgba(0,0,0,.16)
        !important;

}

.page-alpha-spin-straw .straw-btn-glass{

    border-color:
        rgba(7,84,63,.17)
        !important;

    color:
        var(--straw-green-deep)
        !important;

    background:
        rgba(255,255,255,.76)
        !important;

}

.page-alpha-spin-straw .straw-btn-dark{

    color:#FFFFFF !important;

    border-color:
        rgba(255,255,255,.18)
        !important;

    background:
        rgba(255,255,255,.055)
        !important;

}

/* ==========================================================
   FOCUS
   ========================================================== */

.page-alpha-spin-straw button:focus-visible{

    outline:
        3px solid
        rgba(198,160,77,.42);

    outline-offset:3px;

}

/* ==========================================================
   RESPONSIVE — TABLET
   ========================================================== */

@media(max-width:1050px){

    .page-alpha-spin-straw
    .straw-overview-grid{

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

    }

    .page-alpha-spin-straw
    .straw-experience-grid{

        grid-template-columns:1fr;

    }

    .page-alpha-spin-straw
    .straw-benefit-grid{

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

    }

    .page-alpha-spin-straw
    .straw-benefit-grid
    .straw-more-panel{

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

    }

    .page-alpha-spin-straw
    .straw-section-heading{

        grid-template-columns:1fr;

        gap:20px;

    }

    .page-alpha-spin-straw
    .straw-product-detail-grid{

        grid-template-columns:1fr;

        gap:45px;

    }

    .page-alpha-spin-straw
    .straw-product-detail-frame{

        min-height:500px;

    }

    .page-alpha-spin-straw
    .straw-use-grid{

        grid-template-columns:1fr;

    }

    .page-alpha-spin-straw
    .straw-cta-box{

        grid-template-columns:1fr;

    }

    .page-alpha-spin-straw
    .straw-cta-actions{

        flex-direction:row;

        flex-wrap:wrap;

    }

}

/* ==========================================================
   RESPONSIVE — MOBILE LARGE
   ========================================================== */

@media(max-width:760px){

    .page-alpha-spin-straw
    .straw-hero-product{

        min-height:410px;

    }

    .page-alpha-spin-straw
    .straw-hero-product img{

        width:min(350px,86%);

    }

    .page-alpha-spin-straw
    .straw-product-ring-1{

        width:300px;
        height:300px;

    }

    .page-alpha-spin-straw
    .straw-product-ring-2{

        width:370px;
        height:370px;

    }

    .page-alpha-spin-straw
    .straw-product-grid{

        width:300px;
        height:300px;

    }

    .page-alpha-spin-straw
    .straw-product-caption{

        bottom:10px;

    }

    .page-alpha-spin-straw
    .straw-overview-grid,
    .page-alpha-spin-straw
    .straw-benefit-grid,
    .page-alpha-spin-straw
    .straw-benefit-grid
    .straw-more-panel{

        grid-template-columns:1fr;

    }

    /* -----------------------------------------
       PRODUCT DETAIL MOBILE
       ----------------------------------------- */

    .page-alpha-spin-straw
    .straw-product-detail-grid{

        grid-template-columns:1fr;

        gap:35px;

    }

    .page-alpha-spin-straw
    .straw-product-detail-frame{

        min-height:430px;

        border-radius:28px;

    }

    .page-alpha-spin-straw
    .straw-product-detail-image{

        width:min(74%,360px);

        max-height:390px;

    }

    .page-alpha-spin-straw
    .straw-detail-ring-1{

        width:320px;
        height:320px;

    }

    .page-alpha-spin-straw
    .straw-detail-ring-2{

        width:400px;
        height:400px;

    }

    .page-alpha-spin-straw
    .straw-detail-grid{

        width:320px;
        height:320px;

    }

    .page-alpha-spin-straw
    .straw-detail-orb{

        width:320px;
        height:320px;

    }

    .page-alpha-spin-straw
    .straw-product-specs{

        grid-template-columns:1fr;

    }

    .page-alpha-spin-straw
    .straw-claims-box{

        grid-template-columns:1fr;

    }

    .page-alpha-spin-straw
    .straw-cta-actions{

        flex-direction:column;

    }

}

/* ==========================================================
   RESPONSIVE — MOBILE
   ========================================================== */

@media(max-width:520px){

    .page-alpha-spin-straw
    .straw-hero-pills{

        gap:7px;

    }

    .page-alpha-spin-straw
    .straw-hero-pills span{

        padding:7px 10px;

        font-size:.68rem;

    }

    .page-alpha-spin-straw
    .straw-hero-meta{

        gap:18px;

    }

    .page-alpha-spin-straw
    .straw-overview-card,
    .page-alpha-spin-straw
    .straw-benefit-card,
    .page-alpha-spin-straw
    .straw-experience-card{

        padding:23px;

    }

    .page-alpha-spin-straw
    .straw-product-detail-frame{

        min-height:370px;

        border-radius:24px;

    }

    .page-alpha-spin-straw
    .straw-product-detail-image{

        width:74%;

    }

    .page-alpha-spin-straw
    .straw-detail-ring-1{

        width:275px;
        height:275px;

    }

    .page-alpha-spin-straw
    .straw-detail-ring-2{

        width:340px;
        height:340px;

    }

    .page-alpha-spin-straw
    .straw-detail-grid{

        width:275px;
        height:275px;

        background-size:
            40px 40px;

    }

    .page-alpha-spin-straw
    .straw-detail-orb{

        width:270px;
        height:270px;

    }

    .page-alpha-spin-straw
    .straw-detail-caption{

        bottom:18px;

        padding:8px 12px;

    }

    .page-alpha-spin-straw
    .straw-product-spec{

        min-height:68px;

    }

    .page-alpha-spin-straw
    .straw-product-highlight{

        grid-template-columns:40px 1fr;

        padding:17px;

    }

    .page-alpha-spin-straw
    .straw-tech-panel{

        min-height:320px;

    }

    .page-alpha-spin-straw
    .straw-faq-question{

        grid-template-columns:
            36px minmax(0,1fr) 30px;

        gap:10px;

        padding:16px;

    }

    .page-alpha-spin-straw
    .straw-faq-answer p{

        padding:
            0 16px 18px 16px;

    }

    .page-alpha-spin-straw
    .straw-cta-box{

        padding:30px;

    }

}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media(prefers-reduced-motion:reduce){

    .page-alpha-spin-straw *,
    .page-alpha-spin-straw *::before,
    .page-alpha-spin-straw *::after{

        scroll-behavior:auto !important;

        transition-duration:.01ms !important;

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

    }

}


/* ==========================================================
   AD LIFESTYLE V2
   MINOSEED — PREMIUM PRODUCT PAGE
   Modelo visual inspirado no iSMART S3
   ========================================================== */

.page-minoseed{

    --mino-white:#FFFFFF;

    --mino-cream:#FBF8F0;
    --mino-soft:#F6F2E8;
    --mino-mist:#F1EBDD;

    --mino-green:#6A8B57;
    --mino-green-dark:#3F6238;
    --mino-green-light:#A8C096;

    --mino-gold:#C9A45B;
    --mino-gold-light:#E2C987;
    --mino-gold-dark:#967633;

    --mino-brown:#6D543C;
    --mino-deep:#2F3A2B;

    --mino-text:#4F574A;
    --mino-muted:#7E8579;

    --mino-line:rgba(83,100,64,.13);

    --mino-shadow:
        0 24px 78px rgba(67,63,43,.10);

    --mino-shadow-heavy:
        0 32px 90px rgba(50,43,24,.23);

    --mino-radius:32px;
    --mino-radius-sm:21px;


    color:
        var(--mino-text);

    background:
        var(--mino-white);

    font-family:
        Inter,
        "Avenir Next",
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;
}


/* ==========================================================
   RESET LOCAL
   ========================================================== */

.page-minoseed *{
    box-sizing:border-box;
}

.page-minoseed button,
.page-minoseed input,
.page-minoseed textarea,
.page-minoseed select{
    font:inherit;
}

.page-minoseed img{
    display:block;
    max-width:100%;
}

.page-minoseed p{
    margin:0;
}


/* ==========================================================
   COMMON TYPE
   ========================================================== */

.page-minoseed .section-title{

    max-width:920px;
    margin:0;

    color:
        var(--mino-deep) !important;

    font-size:
        clamp(
            2.25rem,
            4.9vw,
            4.65rem
        );

    line-height:1.01;

    letter-spacing:-.055em;

    font-weight:900;
}

.page-minoseed .section-title span{

    display:block;

    margin-top:.08em;

    color:
        var(--mino-green) !important;
}

.page-minoseed .lead{

    max-width:760px;

    margin-top:22px;

    color:#697064 !important;

    font-size:1.04rem;

    line-height:1.82;
}

.page-minoseed .section-center{

    max-width:940px;

    margin-inline:auto;

    text-align:center;
}

.page-minoseed .label,
.page-minoseed .eyebrow{

    color:
        var(--mino-green-dark) !important;

    font-size:.69rem;

    font-weight:900;

    letter-spacing:.20em;

    text-transform:uppercase;
}

.page-minoseed .eyebrow{

    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-bottom:17px;
}

.page-minoseed .eyebrow::before{

    content:"";

    width:28px;

    height:1px;

    background:
        currentColor;

    opacity:.65;
}

.page-minoseed .minoseed-section-heading{

    max-width:900px;

    margin:
        0 auto 42px;
}

.page-minoseed
.minoseed-section-heading h2{

    margin:0;

    color:
        var(--mino-deep);

    font-size:
        clamp(
            2.3rem,
            4.9vw,
            4.7rem
        );

    line-height:1.01;

    letter-spacing:-.055em;

    font-weight:900;
}

.page-minoseed
.minoseed-section-heading h2 span{

    display:block;

    color:
        var(--mino-green);
}

.page-minoseed
.minoseed-section-heading p{

    max-width:760px;

    margin-top:24px;

    color:#70776A;

    font-size:1rem;

    line-height:1.92;
}


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

.page-minoseed .btn{

    width:auto !important;

    min-height:49px;

    padding:
        0 20px !important;

    border-radius:
        14px !important;

    font-size:.82rem !important;

    font-weight:850 !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.page-minoseed .btn:hover{
    transform:translateY(-2px);
}

.page-minoseed .btn-primary{

    border:
        1px solid transparent !important;

    background:
        linear-gradient(
            135deg,
            var(--mino-deep),
            var(--mino-green-dark)
        ) !important;

    color:
        #FFFFFF !important;

    box-shadow:
        0 14px 30px
        rgba(53,78,44,.20);
}

.page-minoseed .btn-glass{

    border:
        1px solid
        rgba(83,100,64,.15) !important;

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

    color:
        var(--mino-deep) !important;
}


/* ==========================================================
   MORE
   ========================================================== */

.page-minoseed .minoseed-more-wrap{
    margin-top:30px;
}

.page-minoseed .minoseed-more-toggle{

    display:inline-flex;

    width:max-content !important;

    max-width:100%;

    min-height:40px;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:
        0 14px !important;

    border:
        1px solid
        rgba(83,100,64,.15) !important;

    border-radius:
        999px !important;

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

    color:
        var(--mino-green-dark) !important;

    box-shadow:
        none !important;

    font-size:.70rem !important;

    font-weight:900 !important;
}

.page-minoseed .minoseed-more-toggle:hover{

    background:
        #FFFFFF !important;
}

.page-minoseed .minoseed-more-toggle i{

    font-style:normal;

    font-size:1rem;

    line-height:1;

    transition:
        transform .25s ease;
}

.page-minoseed
.minoseed-more-toggle.active
i{

    transform:
        rotate(45deg);
}

.page-minoseed .minoseed-more-panel{

    max-height:0;

    overflow:hidden;

    opacity:0;

    visibility:hidden;

    transition:
        max-height .55s cubic-bezier(.22,.61,.36,1),
        opacity .30s ease,
        visibility 0s linear .55s;
}

.page-minoseed
.minoseed-more-panel.active{

    opacity:1;

    visibility:visible;

    transition:
        max-height .58s cubic-bezier(.22,.61,.36,1),
        opacity .35s ease,
        visibility 0s linear 0s;
}


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

.page-minoseed .minoseed-hero{

    position:relative;

    min-height:
        min(860px,92vh);

    display:flex;

    align-items:center;

    overflow:hidden;

    isolation:isolate;

    background:

        radial-gradient(
            circle at 18% 18%,
            rgba(215,205,167,.55),
            transparent 33%
        ),

        radial-gradient(
            circle at 82% 31%,
            rgba(106,139,87,.10),
            transparent 26%
        ),

        linear-gradient(
            135deg,
            #FFFFFF,
            #FAF7EE 54%,
            #EDE7D4
        );
}

.page-minoseed
.minoseed-hero::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-2;

    background:

        linear-gradient(
            rgba(89,105,70,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(89,105,70,.025) 1px,
            transparent 1px
        );

    background-size:
        52px 52px;

    mask-image:
        linear-gradient(
            to bottom,
            #000,
            transparent 88%
        );
}

.page-minoseed
.minoseed-hero-atmosphere{

    position:absolute;

    inset:0;

    z-index:-1;

    pointer-events:none;
}

.page-minoseed .minoseed-orb{

    position:absolute;

    border-radius:50%;

    filter:
        blur(70px);
}

.page-minoseed .minoseed-orb-1{

    width:460px;
    height:460px;

    left:-190px;
    top:-170px;

    background:
        rgba(106,139,87,.13);

    animation:
        minoFloatOne
        14s
        ease-in-out
        infinite;
}

.page-minoseed .minoseed-orb-2{

    width:390px;
    height:390px;

    right:-100px;
    top:10%;

    background:
        rgba(201,164,91,.11);

    animation:
        minoFloatTwo
        17s
        ease-in-out
        infinite;
}

.page-minoseed .minoseed-orbit{

    position:absolute;

    border-radius:50%;

    border:
        1px solid
        rgba(83,100,64,.10);
}

.page-minoseed .minoseed-orbit-1{

    width:500px;
    height:500px;

    right:4%;
    top:7%;

    transform:
        rotate(20deg)
        scaleY(.58);

    animation:
        minoOrbit
        28s
        linear
        infinite;
}

.page-minoseed .minoseed-orbit-2{

    width:640px;
    height:640px;

    right:-5%;
    top:-7%;

    transform:
        rotate(-15deg)
        scaleY(.58);

    border-color:
        rgba(201,164,91,.11);

    animation:
        minoOrbit
        38s
        linear
        infinite reverse;
}


/* ==========================================================
   HERO — CORRECÇÃO DE ENQUADRAMENTO
   ========================================================== */

.page-minoseed
.minoseed-hero-grid{

    position:relative;

    z-index:2;

    width:
        min(
            1220px,
            calc(100% - 96px)
        );

    margin-inline:auto;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.88fr);

    gap:72px;

    align-items:center;

    padding:
        82px 0 72px;
}

.page-minoseed
.minoseed-hero-copy{

    width:100%;

    max-width:650px;

    padding-left:16px;

    justify-self:start;
}

.page-minoseed
.minoseed-eyebrow{

    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-bottom:18px;

    color:
        var(--mino-gold-dark);

    font-size:.69rem;

    font-weight:900;

    letter-spacing:.20em;

    text-transform:uppercase;
}

.page-minoseed
.minoseed-eyebrow::before{

    content:"";

    width:28px;
    height:1px;

    background:
        currentColor;

    opacity:.65;
}

.page-minoseed
.minoseed-hero-copy h1{

    max-width:680px;

    margin:0;

    color:
        var(--mino-deep);

    font-size:
        clamp(
            4.4rem,
            7.2vw,
            7.3rem
        );

    line-height:.84;

    letter-spacing:-.075em;

    font-weight:900;
}

.page-minoseed
.minoseed-hero-copy h1 span{

    display:block;

    background:
        linear-gradient(
            100deg,
            var(--mino-deep),
            var(--mino-green) 52%,
            var(--mino-gold-dark)
        );

    -webkit-background-clip:text;

    background-clip:text;

    -webkit-text-fill-color:transparent;
}

.page-minoseed
.minoseed-hero-description{

    max-width:590px;

    margin-top:30px;

    color:#66705F;

    font-size:1.06rem;

    line-height:1.86;
}

.page-minoseed
.minoseed-hero-pills{

    max-width:600px;

    display:flex;

    flex-wrap:wrap;

    gap:9px;

    margin-top:26px;
}

.page-minoseed
.minoseed-hero-pill{

    min-height:34px;

    display:inline-flex;

    align-items:center;

    padding:
        0 12px;

    border:
        1px solid
        rgba(83,100,64,.12);

    border-radius:999px;

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

    color:
        var(--mino-green-dark);

    font-size:.65rem;

    font-weight:850;
}

.page-minoseed
.minoseed-hero-actions{

    display:flex;

    flex-wrap:wrap;

    gap:13px;

    margin-top:34px;
}


/* ==========================================================
   HERO PRODUCT
   ========================================================== */

.page-minoseed
.minoseed-hero-product{

    width:100%;

    min-height:590px;

    position:relative;

    display:grid;

    place-items:center;

    justify-self:end;

    transform:
        translateX(8px);
}

.page-minoseed
.minoseed-product-aura{

    position:absolute;

    width:74%;

    aspect-ratio:1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(201,164,91,.14),
            rgba(106,139,87,.08) 34%,
            transparent 71%
        );

    filter:
        blur(10px);

    animation:
        minoPulse
        5.8s
        ease-in-out
        infinite;
}

.page-minoseed
.minoseed-product-ring{

    position:absolute;

    width:82%;

    aspect-ratio:1;

    border-radius:50%;

    border:
        1px solid
        rgba(106,139,87,.17);

    box-shadow:

        0 0 0 32px
        rgba(214,204,167,.08),

        0 0 0 66px
        rgba(201,164,91,.045);
}

.page-minoseed
.minoseed-product-grid{

    width:100%;

    min-height:560px;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    z-index:5;
}

.page-minoseed
.minoseed-product-grid img{

    position:relative;

    z-index:5;

    display:block;

    width:auto;
    height:auto;

    max-width:500px;
    max-height:570px;

    object-fit:contain;

    object-position:center;

    opacity:1 !important;

    filter:
        drop-shadow(
            0 26px 38px
            rgba(52,44,26,.18)
        ) !important;

    transform:
        translate3d(
            8px,
            0,
            0
        );

    backface-visibility:hidden;

    image-rendering:auto;
}

.page-minoseed
.minoseed-product-caption{

    position:absolute;

    right:2%;

    bottom:5%;

    z-index:7;

    display:flex;

    flex-direction:column;

    gap:2px;

    padding:
        9px 12px;

    border:
        1px solid
        rgba(83,100,64,.10);

    border-radius:999px;

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

    backdrop-filter:
        blur(12px);
}

.page-minoseed
.minoseed-product-caption strong{

    color:
        var(--mino-deep);

    font-size:.66rem;

    letter-spacing:.14em;
}

.page-minoseed
.minoseed-product-caption span{

    color:
        var(--mino-green);

    font-size:.54rem;

    font-weight:850;

    letter-spacing:.13em;
}


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

.page-minoseed
.minoseed-product-grid.image-error::after,
.page-minoseed
.minoseed-product-card-visual.image-error::after,
.page-minoseed
.minoseed-benefits-frame.image-error::after{

    content:
        "Imagem não encontrada — verificar caminho do ficheiro";

    position:absolute;

    left:50%;

    bottom:28px;

    transform:
        translateX(-50%);

    width:max-content;

    max-width:84%;

    padding:
        8px 11px;

    border-radius:999px;

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

    border:
        1px solid
        rgba(83,100,64,.11);

    color:#7B8174;

    font-size:.59rem;

    font-weight:800;

    text-align:center;

    z-index:20;
}


/* ==========================================================
   OVERVIEW
   ========================================================== */

.page-minoseed
.minoseed-overview-section{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #FBF9F2
        );
}

.page-minoseed
.minoseed-overview-grid{

    display:grid;

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

    gap:14px;

    margin-top:46px;
}

.page-minoseed
.minoseed-overview-card{

    min-height:240px;

    padding:24px;

    border:
        1px solid
        var(--mino-line);

    border-radius:24px;

    background:#FFFFFF;

    box-shadow:
        0 14px 42px
        rgba(67,63,43,.055);
}

.page-minoseed
.minoseed-card-number{

    display:block;

    color:
        rgba(83,100,64,.19);

    font-size:.67rem;

    font-weight:900;

    letter-spacing:.14em;
}

.page-minoseed
.minoseed-card-icon{

    width:40px;
    height:40px;

    display:grid;

    place-items:center;

    margin-top:19px;

    border-radius:13px;

    background:
        #EEF3E9;

    color:
        var(--mino-green-dark);

    font-weight:900;
}

.page-minoseed
.minoseed-overview-card h3{

    margin-top:21px;

    color:
        var(--mino-deep);

    font-size:1.15rem;

    line-height:1.15;

    letter-spacing:-.02em;
}

.page-minoseed
.minoseed-overview-card p{

    margin-top:12px;

    color:#7B8177;

    font-size:.81rem;

    line-height:1.78;
}

.page-minoseed
.minoseed-overview-note{

    margin-top:19px;

    padding:
        18px 20px;

    border:
        1px solid
        var(--mino-line);

    border-radius:18px;

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

.page-minoseed
.minoseed-overview-note strong{

    color:
        var(--mino-deep);

    font-size:.83rem;
}

.page-minoseed
.minoseed-overview-note p{

    margin-top:4px;

    color:#7A8075;

    font-size:.74rem;

    line-height:1.65;
}


/* ==========================================================
   COMPOSITION
   ========================================================== */

.page-minoseed
.minoseed-composition{

    background:#FFFFFF;
}

.page-minoseed
.minoseed-composition-grid{

    display:grid;

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

    gap:15px;

    margin-top:46px;
}

.page-minoseed
.minoseed-composition-card{

    min-height:290px;

    padding:25px;

    border:
        1px solid
        var(--mino-line);

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F5F1E6
        );

    box-shadow:
        0 18px 50px
        rgba(67,63,43,.06);
}

.page-minoseed
.minoseed-composition-number{

    color:
        rgba(83,100,64,.16);

    font-size:.65rem;

    font-weight:900;

    letter-spacing:.17em;
}

.page-minoseed
.minoseed-composition-symbol{

    width:46px;
    height:46px;

    display:grid;

    place-items:center;

    margin-top:24px;

    border-radius:15px;

    background:
        #EEF3E9;

    color:
        var(--mino-green-dark);

    font-size:1.12rem;

    font-weight:900;
}

.page-minoseed
.minoseed-composition-label{

    display:block;

    margin-top:27px;

    color:
        var(--mino-gold-dark);

    font-size:.61rem;

    font-weight:900;

    letter-spacing:.12em;

    text-transform:uppercase;
}

.page-minoseed
.minoseed-composition-card h3{

    margin-top:7px;

    color:
        var(--mino-deep);

    font-size:1.18rem;

    line-height:1.12;
}

.page-minoseed
.minoseed-composition-card p{

    margin-top:12px;

    color:#797F74;

    font-size:.80rem;

    line-height:1.78;
}


/* ==========================================================
   DETAILS
   ========================================================== */

.page-minoseed
.minoseed-detail-grid{

    display:grid;

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

    gap:14px;

    margin-top:16px;
}

.page-minoseed
.minoseed-detail-card{

    padding:23px;

    border:
        1px solid
        rgba(83,100,64,.11);

    border-radius:21px;

    background:
        #FAF8F1;
}

.page-minoseed
.minoseed-detail-card-wide{

    grid-column:
        span 3;
}

.page-minoseed
.minoseed-detail-card h3{

    margin-top:11px;

    color:
        var(--mino-deep);

    font-size:1.12rem;
}

.page-minoseed
.minoseed-detail-card p{

    margin-top:8px;

    color:#777D72;

    font-size:.82rem;

    line-height:1.68;
}

.page-minoseed
.minoseed-detail-list{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-top:15px;

    padding:16px;

    border:
        1px solid
        rgba(83,100,64,.09);

    border-radius:16px;

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

.page-minoseed
.minoseed-detail-item{

    display:flex;

    gap:9px;

    align-items:flex-start;
}

.page-minoseed
.minoseed-check{

    flex:
        0 0 22px;

    width:22px;
    height:22px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        rgba(106,139,87,.12);

    color:
        var(--mino-green-dark);

    font-size:.62rem;

    font-weight:900;
}

.page-minoseed
.minoseed-detail-item
> span:last-child{

    color:#73796E;

    font-size:.76rem;

    line-height:1.58;
}


/* ==========================================================
   BENEFITS
   ========================================================== */

.page-minoseed
.minoseed-benefits{

    background:
        #F8F5ED;
}

.page-minoseed
.minoseed-benefits-grid{

    display:grid;

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

    gap:64px;

    align-items:center;
}

.page-minoseed
.minoseed-benefits-frame{

    position:relative;

    min-height:560px;

    display:grid;

    place-items:center;

    overflow:hidden;

    border-radius:34px;

    background:

        radial-gradient(
            circle at 50% 45%,
            rgba(106,139,87,.09),
            rgba(214,204,167,.25) 36%,
            transparent 70%
        ),

        linear-gradient(
            145deg,
            #FFFFFF,
            #EEE9DB
        );

    box-shadow:
        var(--mino-shadow);
}

.page-minoseed
.minoseed-benefits-aura{

    position:absolute;

    width:76%;

    aspect-ratio:1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.96),
            transparent 68%
        );
}

.page-minoseed
.minoseed-benefits-ring{

    position:absolute;

    width:64%;

    aspect-ratio:1;

    border-radius:50%;

    border:
        1px solid
        rgba(106,139,87,.17);
}

.page-minoseed
.minoseed-benefits-frame img{

    position:relative;

    z-index:3;

    width:auto;

    max-width:440px;

    max-height:500px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 26px 38px
            rgba(0,0,0,.17)
        );
}

.page-minoseed
.minoseed-benefit-checks{

    display:flex;

    flex-direction:column;

    gap:16px;

    margin-top:32px;
}

.page-minoseed
.minoseed-benefit-check{

    display:flex;

    align-items:center;

    gap:12px;

    min-height:34px;
}

.page-minoseed
.minoseed-benefit-check > span{

    width:27px;
    height:27px;

    flex:
        0 0 27px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        rgba(106,139,87,.12);

    color:
        var(--mino-green-dark);

    font-size:.74rem;

    font-weight:900;
}

.page-minoseed
.minoseed-benefit-check p{

    color:#5F685A;

    font-size:.90rem;

    line-height:1.62;
}


/* ==========================================================
   PRODUCT
   ========================================================== */

.page-minoseed
.minoseed-product-section{

    background:#FFFFFF;
}

.page-minoseed
.minoseed-product-card{

    display:grid;

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

    overflow:hidden;

    margin-top:46px;

    border:
        1px solid
        var(--mino-line);

    border-radius:31px;

    background:#FFFFFF;

    box-shadow:
        var(--mino-shadow);
}

.page-minoseed
.minoseed-product-card-visual{

    position:relative;

    min-height:560px;

    display:grid;

    place-items:center;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 50% 44%,
            rgba(201,164,91,.10),
            transparent 48%
        ),

        linear-gradient(
            145deg,
            #FBF9F2,
            #EEE8D8
        );
}

.page-minoseed
.minoseed-detail-aura{

    position:absolute;

    width:78%;

    aspect-ratio:1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.80),
            transparent 66%
        );
}

.page-minoseed
.minoseed-detail-ring{

    position:absolute;

    width:68%;

    aspect-ratio:1;

    border-radius:50%;

    border:
        1px solid
        rgba(106,139,87,.15);

    box-shadow:
        0 0 0 28px
        rgba(214,204,167,.065);
}

.page-minoseed
.minoseed-product-detail-grid{

    position:relative;

    z-index:5;

    width:100%;

    min-height:500px;

    display:grid;

    place-items:center;

    padding:30px;
}

.page-minoseed
.minoseed-product-detail-image{

    position:relative;

    z-index:5;

    display:block;

    width:auto;
    height:auto;

    max-width:470px;

    max-height:490px;

    object-fit:contain;

    object-position:center;

    opacity:1 !important;

    filter:
        drop-shadow(
            0 28px 40px
            rgba(0,0,0,.17)
        ) !important;
}

.page-minoseed
.minoseed-detail-caption{

    position:absolute;

    right:22px;

    bottom:20px;

    z-index:7;

    color:
        rgba(83,100,64,.56);

    font-size:.61rem;

    font-weight:900;

    letter-spacing:.16em;
}

.page-minoseed
.minoseed-product-card-copy{

    padding:
        48px 48px 52px;
}

.page-minoseed
.minoseed-product-card-copy h3{

    margin-top:17px;

    color:
        var(--mino-deep);

    font-size:2.15rem;

    line-height:1.03;

    letter-spacing:-.04em;

    font-weight:900;
}

.page-minoseed
.minoseed-product-card-copy h3 span{

    display:block;

    margin-top:6px;

    color:
        var(--mino-green);
}

.page-minoseed
.minoseed-product-card-copy > p{

    margin-top:24px;

    color:#6E7569;

    font-size:.91rem;

    line-height:1.86;
}

.page-minoseed
.minoseed-product-spec-list{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-top:30px;
}

.page-minoseed
.minoseed-product-spec{

    display:flex;

    align-items:baseline;

    justify-content:space-between;

    gap:15px;

    padding-bottom:12px;

    border-bottom:
        1px solid
        rgba(83,100,64,.09);
}

.page-minoseed
.minoseed-product-spec span{

    color:#93998E;

    font-size:.65rem;

    font-weight:800;

    letter-spacing:.05em;

    text-transform:uppercase;
}

.page-minoseed
.minoseed-product-spec strong{

    color:
        var(--mino-deep);

    font-size:.78rem;

    text-align:right;
}

.page-minoseed
.minoseed-card-buy{

    margin-top:34px;
}


/* ==========================================================
   ROUTINE
   ========================================================== */

.page-minoseed
.minoseed-routine{

    background:#FFFFFF;
}

.page-minoseed
.minoseed-routine-list{

    position:relative;

    margin-top:43px;
}

.page-minoseed
.minoseed-routine-list::before{

    content:"";

    position:absolute;

    left:21px;

    top:0;
    bottom:0;

    width:1px;

    background:
        linear-gradient(
            var(--mino-line),
            transparent
        );
}

.page-minoseed
.minoseed-routine-step{

    position:relative;

    display:grid;

    grid-template-columns:
        44px
        minmax(0,1fr);

    gap:18px;

    padding-bottom:27px;
}

.page-minoseed
.minoseed-routine-number{

    position:relative;

    z-index:2;

    width:44px;
    height:44px;

    display:grid;

    place-items:center;

    border:
        1px solid
        rgba(83,100,64,.14);

    border-radius:50%;

    background:#FFFFFF;

    color:
        var(--mino-green-dark);

    font-size:.68rem;

    font-weight:900;

    box-shadow:
        0 8px 23px
        rgba(67,63,43,.06);
}

.page-minoseed
.minoseed-routine-step h3{

    color:
        var(--mino-deep);

    font-size:1.06rem;
}

.page-minoseed
.minoseed-routine-step p{

    margin-top:5px;

    color:#747B70;

    font-size:.81rem;

    line-height:1.68;
}

.page-minoseed
.minoseed-routine-note{

    margin-top:29px;

    padding:
        17px 18px;

    border:
        1px solid
        var(--mino-line);

    border-radius:18px;

    background:
        #F8F5ED;
}

.page-minoseed
.minoseed-routine-note p{

    margin-top:7px;

    color:#787F74;

    font-size:.75rem;

    line-height:1.65;
}


/* ==========================================================
   EXPERIENCE
   ========================================================== */

.page-minoseed
.minoseed-experience{

    background:
        #F8F5ED;
}

.page-minoseed
.minoseed-experience-grid{

    display:grid;

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

    gap:15px;

    margin-top:46px;
}

.page-minoseed
.minoseed-experience-card{

    min-height:225px;

    padding:24px;

    border:
        1px solid
        var(--mino-line);

    border-radius:23px;

    background:#FFFFFF;

    box-shadow:
        0 15px 43px
        rgba(67,63,43,.05);
}

.page-minoseed
.minoseed-experience-icon{

    width:44px;
    height:44px;

    display:grid;

    place-items:center;

    border-radius:14px;

    background:
        #EEF3E9;

    color:
        var(--mino-green-dark);

    font-size:1.08rem;

    font-weight:900;
}

.page-minoseed
.minoseed-experience-number{

    display:block;

    margin-top:20px;

    color:
        var(--mino-gold-dark);

    font-size:.58rem;

    font-weight:900;

    letter-spacing:.15em;
}

.page-minoseed
.minoseed-experience-card h3{

    margin-top:7px;

    color:
        var(--mino-deep);

    font-size:1.14rem;
}

.page-minoseed
.minoseed-experience-card p{

    margin-top:9px;

    color:#767D72;

    font-size:.79rem;

    line-height:1.72;
}


/* ==========================================================
   FAQ
   ========================================================== */

.page-minoseed
.minoseed-faq-section{

    background:
        #F8F5ED;
}

.page-minoseed
.minoseed-faq-list{

    display:flex;

    flex-direction:column;

    gap:9px;

    margin-top:42px;
}

.page-minoseed
.minoseed-faq-item{

    overflow:hidden;

    border:
        1px solid
        rgba(83,100,64,.12);

    border-radius:19px;

    background:#FFFFFF;

    transition:
        box-shadow .28s ease,
        border-color .28s ease;
}

.page-minoseed
.minoseed-faq-item.active{

    border-color:
        rgba(106,139,87,.25);

    box-shadow:
        0 16px 43px
        rgba(67,63,43,.075);
}

.page-minoseed
.minoseed-faq-question{

    width:100%;

    min-height:72px;

    display:grid;

    grid-template-columns:
        38px
        minmax(0,1fr)
        32px;

    gap:12px;

    align-items:center;

    padding:
        12px 15px;

    border:0;

    background:transparent;

    color:
        var(--mino-deep);

    text-align:left;
}

.page-minoseed
.minoseed-faq-question:hover{

    background:
        #FCFBF7;
}

.page-minoseed
.minoseed-faq-number{

    width:31px;
    height:31px;

    display:grid;

    place-items:center;

    border-radius:10px;

    background:
        #EEF3E9;

    color:
        var(--mino-green-dark);

    font-size:.60rem;

    font-weight:900;
}

.page-minoseed
.minoseed-faq-text{

    color:
        var(--mino-deep);

    font-size:.88rem;

    line-height:1.45;

    font-weight:850;
}

.page-minoseed
.minoseed-faq-plus{

    width:29px;
    height:29px;

    display:grid;

    place-items:center;

    border:
        1px solid
        rgba(83,100,64,.12);

    border-radius:50%;

    color:
        var(--mino-green-dark);

    font-size:.96rem;
}

.page-minoseed
.minoseed-faq-item.active
.minoseed-faq-plus{

    background:
        var(--mino-deep);

    color:#FFFFFF;
}

.page-minoseed
.minoseed-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:
        max-height .44s
        cubic-bezier(.22,.61,.36,1);
}

.page-minoseed
.minoseed-faq-answer p{

    padding:
        0 17px 19px 66px;

    color:#747A70;

    font-size:.82rem;

    line-height:1.72;
}


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

.page-minoseed
.minoseed-information-section{

    padding-top:0;

    background:
        #F8F5ED;
}

.page-minoseed
.minoseed-information-box{

    display:grid;

    grid-template-columns:
        40px
        minmax(0,1fr);

    gap:14px;

    padding:
        22px 23px;

    border:
        1px solid
        rgba(83,100,64,.12);

    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            #FFFFFF,
            #F0EBDD
        );
}

.page-minoseed
.minoseed-information-icon{

    width:37px;
    height:37px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        #EAF0E5;

    color:
        var(--mino-deep);

    font-weight:900;
}

.page-minoseed
.minoseed-information-box h2{

    margin-top:9px;

    color:
        var(--mino-deep);

    font-size:1.38rem;

    line-height:1.1;

    letter-spacing:-.025em;
}

.page-minoseed
.minoseed-information-box p{

    margin-top:8px;

    color:#777E72;

    font-size:.76rem;

    line-height:1.68;
}


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

.page-minoseed
.minoseed-cta-section{

    position:relative;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 50% -15%,
            rgba(201,164,91,.12),
            transparent 28%
        ),

        linear-gradient(
            140deg,
            #1F281B,
            #3B4D31
        );
}

.page-minoseed
.minoseed-cta-box{

    position:relative;

    z-index:2;

    max-width:920px;

    margin-inline:auto;

    padding:
        78px 30px 82px;

    text-align:center;
}

.page-minoseed
.minoseed-label-light{

    color:
        var(--mino-gold-light);

    font-size:.63rem;

    font-weight:900;

    letter-spacing:.19em;
}

.page-minoseed
.minoseed-cta-box h2{

    margin-top:17px;

    color:#FFFFFF;

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

    line-height:.96;

    letter-spacing:-.055em;

    font-weight:900;
}

.page-minoseed
.minoseed-cta-box h2 span{

    display:block;

    margin-top:.10em;

    color:
        #E6E4D1;
}

.page-minoseed
.minoseed-cta-box > p{

    max-width:650px;

    margin:
        21px auto 0;

    color:#D1D8C9;

    font-size:.96rem;

    line-height:1.78;
}

.page-minoseed
.minoseed-cta-actions{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:12px;

    margin-top:29px;
}

.page-minoseed
.minoseed-cta-actions
.btn-glass{

    border-color:
        rgba(255,255,255,.16) !important;

    background:
        rgba(255,255,255,.045) !important;

    color:#FFFFFF !important;
}

.page-minoseed
.minoseed-cta-disclaimer{

    margin-top:
        22px !important;

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

    font-size:
        .67rem !important;

    line-height:
        1.6 !important;
}


/* ==========================================================
   DARK MODE
   ========================================================== */

body.dark .page-minoseed,
body[data-theme="dark"] .page-minoseed,
[data-theme="dark"] .page-minoseed,
.dark .page-minoseed{

    --mino-white:#111510;

    --mino-soft:#141914;
    --mino-mist:#171C17;

    --mino-deep:#F1F5EC;

    --mino-text:#DCE4D8;
    --mino-muted:#B8C2B3;

    --mino-line:
        rgba(226,235,220,.10);

    background:
        #111510;

    color:
        #DCE4D8;
}


body.dark
.page-minoseed
.minoseed-hero,
body[data-theme="dark"]
.page-minoseed
.minoseed-hero,
[data-theme="dark"]
.page-minoseed
.minoseed-hero,
.dark
.page-minoseed
.minoseed-hero{

    background:

        radial-gradient(
            circle at 16% 17%,
            rgba(106,139,87,.12),
            transparent 31%
        ),

        radial-gradient(
            circle at 82% 28%,
            rgba(201,164,91,.06),
            transparent 24%
        ),

        linear-gradient(
            135deg,
            #111510,
            #172016 58%,
            #263020
        );
}


body.dark
.page-minoseed
.minoseed-hero-copy h1,
body[data-theme="dark"]
.page-minoseed
.minoseed-hero-copy h1,
[data-theme="dark"]
.page-minoseed
.minoseed-hero-copy h1,
.dark
.page-minoseed
.minoseed-hero-copy h1{

    color:#F4F7F1;
}


body.dark
.page-minoseed
.minoseed-hero-description,
body[data-theme="dark"]
.page-minoseed
.minoseed-hero-description,
[data-theme="dark"]
.page-minoseed
.minoseed-hero-description,
.dark
.page-minoseed
.minoseed-hero-description{

    color:#BCC7B7;
}


body.dark
.page-minoseed
.minoseed-hero-pill,
body[data-theme="dark"]
.page-minoseed
.minoseed-hero-pill,
[data-theme="dark"]
.page-minoseed
.minoseed-hero-pill,
.dark
.page-minoseed
.minoseed-hero-pill{

    border-color:
        rgba(255,255,255,.09);

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

    color:#DDE8D8;
}


body.dark
.page-minoseed
.minoseed-overview-section,
body[data-theme="dark"]
.page-minoseed
.minoseed-overview-section,
[data-theme="dark"]
.page-minoseed
.minoseed-overview-section,
.dark
.page-minoseed
.minoseed-overview-section,
body.dark
.page-minoseed
.minoseed-overview-card,
body[data-theme="dark"]
.page-minoseed
.minoseed-overview-card,
[data-theme="dark"]
.page-minoseed
.minoseed-overview-card,
.dark
.page-minoseed
.minoseed-overview-card{

    background:#141914;
}


body.dark
.page-minoseed
.minoseed-composition,
body[data-theme="dark"]
.page-minoseed
.minoseed-composition,
[data-theme="dark"]
.page-minoseed
.minoseed-composition,
.dark
.page-minoseed
.minoseed-composition,
body.dark
.page-minoseed
.minoseed-product-section,
body[data-theme="dark"]
.page-minoseed
.minoseed-product-section,
[data-theme="dark"]
.page-minoseed
.minoseed-product-section,
.dark
.page-minoseed
.minoseed-product-section,
body.dark
.page-minoseed
.minoseed-routine,
body[data-theme="dark"]
.page-minoseed
.minoseed-routine,
[data-theme="dark"]
.page-minoseed
.minoseed-routine,
.dark
.page-minoseed
.minoseed-routine{

    background:#111510;
}


body.dark
.page-minoseed
.minoseed-benefits,
body[data-theme="dark"]
.page-minoseed
.minoseed-benefits,
[data-theme="dark"]
.page-minoseed
.minoseed-benefits,
.dark
.page-minoseed
.minoseed-benefits,
body.dark
.page-minoseed
.minoseed-experience,
body[data-theme="dark"]
.page-minoseed
.minoseed-experience,
[data-theme="dark"]
.page-minoseed
.minoseed-experience,
.dark
.page-minoseed
.minoseed-experience,
body.dark
.page-minoseed
.minoseed-faq-section,
body[data-theme="dark"]
.page-minoseed
.minoseed-faq-section,
[data-theme="dark"]
.page-minoseed
.minoseed-faq-section,
.dark
.page-minoseed
.minoseed-faq-section,
body.dark
.page-minoseed
.minoseed-information-section,
body[data-theme="dark"]
.page-minoseed
.minoseed-information-section,
[data-theme="dark"]
.page-minoseed
.minoseed-information-section,
.dark
.page-minoseed
.minoseed-information-section{

    background:#151A15;
}


body.dark
.page-minoseed
.minoseed-section-heading h2,
body.dark
.page-minoseed
.section-title,
body.dark
.page-minoseed
.minoseed-overview-card h3,
body.dark
.page-minoseed
.minoseed-composition-card h3,
body.dark
.page-minoseed
.minoseed-detail-card h3,
body.dark
.page-minoseed
.minoseed-product-card-copy h3,
body.dark
.page-minoseed
.minoseed-routine-step h3,
body.dark
.page-minoseed
.minoseed-experience-card h3,
body.dark
.page-minoseed
.minoseed-faq-text,
body.dark
.page-minoseed
.minoseed-information-box h2{

    color:#F0F4EC !important;
}


body.dark
.page-minoseed
.minoseed-section-heading p,
body.dark
.page-minoseed
.lead,
body.dark
.page-minoseed
.minoseed-overview-card p,
body.dark
.page-minoseed
.minoseed-composition-card p,
body.dark
.page-minoseed
.minoseed-detail-card p,
body.dark
.page-minoseed
.minoseed-detail-item > span:last-child,
body.dark
.page-minoseed
.minoseed-product-card-copy > p,
body.dark
.page-minoseed
.minoseed-product-spec span,
body.dark
.page-minoseed
.minoseed-routine-step p,
body.dark
.page-minoseed
.minoseed-experience-card p,
body.dark
.page-minoseed
.minoseed-faq-answer p,
body.dark
.page-minoseed
.minoseed-information-box p{

    color:#B9C3B4 !important;
}


body.dark
.page-minoseed
.minoseed-overview-note,
body.dark
.page-minoseed
.minoseed-detail-card,
body.dark
.page-minoseed
.minoseed-detail-list,
body.dark
.page-minoseed
.minoseed-experience-card,
body.dark
.page-minoseed
.minoseed-certificate,
body.dark
.page-minoseed
.minoseed-routine-note,
body.dark
.page-minoseed
.minoseed-information-box,
body.dark
.page-minoseed
.minoseed-faq-item{

    background:
        #1A211A;

    border-color:
        rgba(226,235,220,.09);
}


body.dark
.page-minoseed
.minoseed-product-card{

    background:
        #1A211A;

    border-color:
        rgba(226,235,220,.09);
}


body.dark
.page-minoseed
.minoseed-product-card-visual{

    background:

        radial-gradient(
            circle at 50% 44%,
            rgba(106,139,87,.08),
            transparent 48%
        ),

        linear-gradient(
            145deg,
            #172017,
            #202A20
        );
}


body.dark
.page-minoseed
.minoseed-benefits-frame{

    background:

        radial-gradient(
            circle at 50% 45%,
            rgba(106,139,87,.07),
            rgba(201,164,91,.06) 36%,
            transparent 70%
        ),

        linear-gradient(
            145deg,
            #171D17,
            #232C22
        );
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1120px){

    .page-minoseed
    .minoseed-hero-grid{

        width:
            min(
                100%,
                calc(100% - 64px)
            );

        grid-template-columns:
            minmax(0,1fr)
            minmax(350px,.82fr);

        gap:44px;

        padding:
            72px 0 64px;
    }


    .page-minoseed
    .minoseed-hero-copy{

        padding-left:8px;
    }


    .page-minoseed
    .minoseed-hero-copy h1{

        font-size:
            clamp(
                4rem,
                7.5vw,
                6.4rem
            );
    }


    .page-minoseed
    .minoseed-hero-product{

        min-height:540px;

        transform:
            translateX(0);
    }


    .page-minoseed
    .minoseed-product-grid{

        min-height:500px;
    }


    .page-minoseed
    .minoseed-product-grid img{

        max-width:440px;

        max-height:520px;

        transform:
            translate3d(0,0,0);
    }


    .page-minoseed
    .minoseed-overview-grid,
    .page-minoseed
    .minoseed-composition-grid{

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


    .page-minoseed
    .minoseed-benefits-grid{

        gap:40px;
    }


    .page-minoseed
    .minoseed-experience-grid{

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


    .page-minoseed
    .minoseed-detail-grid{

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


    .page-minoseed
    .minoseed-detail-card-wide{

        grid-column:
            span 2;
    }
}


@media(max-width:900px){

    .page-minoseed
    .minoseed-hero{

        min-height:auto;
    }


    .page-minoseed
    .minoseed-hero-grid{

        width:
            min(
                720px,
                calc(100% - 36px)
            );

        grid-template-columns:1fr;

        gap:28px;

        padding:
            64px 0 56px;
    }


    .page-minoseed
    .minoseed-hero-copy{

        max-width:700px;

        padding-left:0;

        margin-inline:auto;

        text-align:center;
    }


    .page-minoseed
    .minoseed-eyebrow{

        justify-content:center;
    }


    .page-minoseed
    .minoseed-hero-copy h1{

        margin-inline:auto;

        font-size:
            clamp(
                4rem,
                12vw,
                6rem
            );
    }


    .page-minoseed
    .minoseed-hero-description{

        margin-inline:auto;
    }


    .page-minoseed
    .minoseed-hero-pills,
    .page-minoseed
    .minoseed-hero-actions{

        justify-content:center;

        margin-inline:auto;
    }


    .page-minoseed
    .minoseed-hero-product{

        width:
            min(
                680px,
                100%
            );

        min-height:470px;

        margin-inline:auto;

        transform:none;
    }


    .page-minoseed
    .minoseed-benefits-grid{

        grid-template-columns:
            1fr;
    }


    .page-minoseed
    .minoseed-product-card{

        grid-template-columns:
            1fr;
    }


    .page-minoseed
    .minoseed-product-card-visual{

        min-height:510px;
    }


    .page-minoseed
    .minoseed-experience-grid{

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


@media(max-width:680px){

    .page-minoseed
    .section-title,
    .page-minoseed
    .minoseed-section-heading h2{

        font-size:
            clamp(
                2.05rem,
                9vw,
                3.4rem
            );
    }


    .page-minoseed
    .lead{

        font-size:.95rem;

        line-height:1.76;
    }


    .page-minoseed
    .minoseed-hero-grid{

        width:
            calc(100% - 32px);

        gap:22px;

        padding:
            50px 0 44px;
    }


    .page-minoseed
    .minoseed-hero-copy h1{

        font-size:
            clamp(
                3.45rem,
                15vw,
                5.3rem
            );
    }


    .page-minoseed
    .minoseed-hero-description{

        max-width:560px;

        margin-top:24px;

        font-size:.97rem;

        line-height:1.78;
    }


    .page-minoseed
    .minoseed-hero-pills{

        margin-top:23px;

        gap:8px;
    }


    .page-minoseed
    .minoseed-hero-actions{

        flex-direction:column;

        align-items:stretch;

        margin-top:29px;

        gap:11px;
    }


    .page-minoseed
    .minoseed-hero-actions .btn{

        width:100% !important;
    }


    .page-minoseed
    .minoseed-hero-product{

        min-height:380px;
    }


    .page-minoseed
    .minoseed-product-grid{

        min-height:350px;
    }


    .page-minoseed
    .minoseed-product-grid img{

        max-width:310px;

        max-height:370px;
    }


    .page-minoseed
    .minoseed-product-caption{

        display:none;
    }


    .page-minoseed
    .minoseed-overview-grid,
    .page-minoseed
    .minoseed-composition-grid,
    .page-minoseed
    .minoseed-experience-grid{

        grid-template-columns:
            1fr;
    }


    .page-minoseed
    .minoseed-detail-grid{

        grid-template-columns:
            1fr;
    }


    .page-minoseed
    .minoseed-detail-card-wide{

        grid-column:auto;
    }


    .page-minoseed
    .minoseed-product-card-visual{

        min-height:390px;
    }


    .page-minoseed
    .minoseed-product-detail-grid{

        min-height:360px;

        padding:
            20px 10px 38px;
    }


    .page-minoseed
    .minoseed-product-detail-image{

        max-width:320px;

        max-height:360px;
    }


    .page-minoseed
    .minoseed-product-card-copy{

        padding:
            34px 25px 38px;
    }


    .page-minoseed
    .minoseed-product-card-copy > p{

        margin-top:20px;

        line-height:1.78;
    }


    .page-minoseed
    .minoseed-benefit-checks{

        margin-top:27px;

        gap:13px;
    }


    .page-minoseed
    .minoseed-information-box{

        grid-template-columns:
            34px
            minmax(0,1fr);
    }


    .page-minoseed
    .minoseed-faq-question{

        grid-template-columns:
            34px
            minmax(0,1fr)
            28px;

        gap:9px;

        min-height:65px;

        padding:
            10px 11px;
    }


    .page-minoseed
    .minoseed-faq-text{

        font-size:.82rem;
    }


    .page-minoseed
    .minoseed-faq-answer p{

        padding:
            0 13px 19px 54px;

        font-size:.77rem;
    }


    .page-minoseed
    .minoseed-cta-box{

        padding:
            58px 18px 63px;
    }
}


@media(max-width:430px){

    .page-minoseed
    .minoseed-hero-grid{

        width:
            calc(100% - 24px);

        padding:
            44px 0 38px;
    }


    .page-minoseed
    .minoseed-hero-copy h1{

        font-size:
            3rem;
    }


    .page-minoseed
    .minoseed-hero-product{

        min-height:320px;
    }


    .page-minoseed
    .minoseed-product-grid{

        min-height:295px;
    }


    .page-minoseed
    .minoseed-product-grid img{

        max-width:270px;

        max-height:315px;
    }


    .page-minoseed
    .minoseed-more-toggle{

        max-width:
            calc(100vw - 44px);
    }


    .page-minoseed
    .minoseed-product-card-copy h3{

        font-size:1.82rem;
    }
}


/* ==========================================================
   MOTION
   ========================================================== */

@keyframes minoFloatOne{

    0%,100%{
        transform:
            translate3d(0,0,0);
    }

    50%{
        transform:
            translate3d(15px,-11px,0);
    }
}


@keyframes minoFloatTwo{

    0%,100%{
        transform:
            translate3d(0,0,0);
    }

    50%{
        transform:
            translate3d(-18px,17px,0);
    }
}


@keyframes minoOrbit{

    from{
        rotate:0deg;
    }

    to{
        rotate:360deg;
    }
}


@keyframes minoPulse{

    0%,100%{

        transform:
            scale(.96);

        opacity:.72;
    }

    50%{

        transform:
            scale(1.04);

        opacity:1;
    }
}


@media(prefers-reduced-motion:reduce){

    .page-minoseed *{

        animation-duration:
            .001ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .001ms !important;

        scroll-behavior:
            auto !important;
    }
}


/* ==========================================================
   FINAL HERO REFINEMENT
   Mantém o Hero centralizado e respirado
   ========================================================== */

.page-minoseed
.minoseed-hero-grid{

    width:
        min(
            1220px,
            calc(100% - 96px)
        );

    margin-inline:auto;

    gap:72px;
}


@media(max-width:1120px){

    .page-minoseed
    .minoseed-hero-grid{

        width:
            min(
                100%,
                calc(100% - 64px)
            );

        gap:44px;
    }
}


@media(max-width:900px){

    .page-minoseed
    .minoseed-hero-grid{

        width:
            min(
                720px,
                calc(100% - 36px)
            );

        gap:28px;
    }

    .page-minoseed
    .minoseed-hero-copy{

        padding-left:0;
    }
}


@media(max-width:680px){

    .page-minoseed
    .minoseed-hero-grid{

        width:
            calc(100% - 32px);

        gap:22px;
    }
}


@media(max-width:430px){

    .page-minoseed
    .minoseed-hero-grid{

        width:
            calc(100% - 24px);
    }
}


/* ==========================================================
   AD LIFESTYLE V2
   EVADOR — PREMIUM PRODUCT PAGE
   Modelo visual inspirado directamente no iSMART S3
   ========================================================== */

.page-evador{

    --evador-white:#FFFFFF;
    --evador-cream:#FBF8F2;
    --evador-soft:#F7F2EA;
    --evador-mist:#F1E9DE;

    --evador-gold:#B78A3F;
    --evador-gold-light:#D9BC80;
    --evador-gold-dark:#866325;

    --evador-brown:#6D5035;
    --evador-brown-dark:#463321;

    --evador-rose:#B88F8F;
    --evador-rose-light:#D8BABA;

    --evador-deep:#30251D;
    --evador-graphite:#27221E;

    --evador-text:#574D44;
    --evador-muted:#83796F;

    --evador-line:rgba(104,78,46,.13);

    --evador-shadow:
        0 24px 78px rgba(71,52,32,.10);

    --evador-shadow-heavy:
        0 32px 90px rgba(47,32,20,.24);

    --evador-radius:32px;
    --evador-radius-sm:21px;

    color:
        var(--evador-text);

    background:
        var(--evador-white);

    font-family:
        Inter,
        "Avenir Next",
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;
}


/* ==========================================================
   RESET LOCAL
   ========================================================== */

.page-evador *{
    box-sizing:border-box;
}

.page-evador button,
.page-evador input,
.page-evador textarea,
.page-evador select{
    font:inherit;
}

.page-evador img{
    display:block;
    max-width:100%;
}

.page-evador p{
    margin:0;
}


/* ==========================================================
   COMMON TYPE
   ========================================================== */

.page-evador .section-title{

    max-width:920px;

    margin:0;

    color:
        var(--evador-deep) !important;

    font-size:
        clamp(
            2.25rem,
            4.9vw,
            4.65rem
        );

    line-height:1.01;

    letter-spacing:-.055em;

    font-weight:900;
}

.page-evador .section-title span{

    display:block;

    margin-top:.08em;

    color:
        var(--evador-gold) !important;
}

.page-evador .lead{

    max-width:760px;

    margin-top:22px;

    color:#6B6259 !important;

    font-size:1.04rem;

    line-height:1.82;
}

.page-evador .section-center{

    max-width:940px;

    margin-inline:auto;

    text-align:center;
}

.page-evador .label,
.page-evador .eyebrow{

    color:
        var(--evador-gold-dark) !important;

    font-size:.69rem;

    font-weight:900;

    letter-spacing:.20em;

    text-transform:uppercase;
}

.page-evador .eyebrow{

    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-bottom:17px;
}

.page-evador .eyebrow::before{

    content:"";

    width:28px;

    height:1px;

    background:
        currentColor;

    opacity:.65;
}

.page-evador .evador-section-heading{

    max-width:900px;

    margin:
        0 auto 42px;
}

.page-evador .evador-section-heading h2{

    margin:0;

    color:
        var(--evador-deep);

    font-size:
        clamp(
            2.3rem,
            4.9vw,
            4.7rem
        );

    line-height:1.01;

    letter-spacing:-.055em;

    font-weight:900;
}

.page-evador .evador-section-heading h2 span{

    display:block;

    color:
        var(--evador-gold);
}

.page-evador .evador-section-heading p{

    max-width:760px;

    margin-top:24px;

    color:#70675E;

    font-size:1rem;

    line-height:1.92;
}


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

.page-evador .btn{

    width:auto !important;

    min-height:49px;

    padding:
        0 20px !important;

    border-radius:
        14px !important;

    font-size:.82rem !important;

    font-weight:850 !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.page-evador .btn:hover{
    transform:translateY(-2px);
}

.page-evador .btn-primary{

    border:
        1px solid transparent !important;

    background:
        linear-gradient(
            135deg,
            var(--evador-brown-dark),
            var(--evador-gold-dark)
        ) !important;

    color:
        #FFFFFF !important;

    box-shadow:
        0 14px 30px
        rgba(79,52,28,.20);
}

.page-evador .btn-glass{

    border:
        1px solid
        rgba(104,78,46,.15) !important;

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

    color:
        var(--evador-deep) !important;
}


/* ==========================================================
   MORE
   ========================================================== */

.page-evador .evador-more-wrap{
    margin-top:30px;
}

.page-evador .evador-more-toggle{

    display:inline-flex;

    width:max-content !important;

    max-width:100%;

    min-height:40px;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:
        0 14px !important;

    border:
        1px solid
        rgba(104,78,46,.15) !important;

    border-radius:
        999px !important;

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

    color:
        var(--evador-brown-dark) !important;

    box-shadow:
        none !important;

    font-size:.70rem !important;

    font-weight:900 !important;
}

.page-evador .evador-more-toggle:hover{

    background:
        #FFFFFF !important;
}

.page-evador .evador-more-toggle i{

    font-style:normal;

    font-size:1rem;

    line-height:1;

    transition:
        transform .25s ease;
}

.page-evador
.evador-more-toggle.active
i{

    transform:
        rotate(45deg);
}

.page-evador .evador-more-panel{

    max-height:0;

    overflow:hidden;

    opacity:0;

    visibility:hidden;

    transition:
        max-height .55s cubic-bezier(.22,.61,.36,1),
        opacity .30s ease,
        visibility 0s linear .55s;
}

.page-evador
.evador-more-panel.active{

    opacity:1;

    visibility:visible;

    transition:
        max-height .58s cubic-bezier(.22,.61,.36,1),
        opacity .35s ease,
        visibility 0s linear 0s;
}


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

.page-evador .evador-hero{

    position:relative;

    min-height:
        min(860px,92vh);

    display:flex;

    align-items:center;

    overflow:hidden;

    isolation:isolate;

    background:

        radial-gradient(
            circle at 18% 18%,
            rgba(218,202,176,.65),
            transparent 33%
        ),

        radial-gradient(
            circle at 82% 30%,
            rgba(183,138,63,.10),
            transparent 26%
        ),

        linear-gradient(
            135deg,
            #FFFFFF,
            #FBF7F0 55%,
            #E9DECD
        );
}

.page-evador .evador-hero::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-2;

    background:

        linear-gradient(
            rgba(104,78,46,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(104,78,46,.025) 1px,
            transparent 1px
        );

    background-size:
        52px 52px;

    mask-image:
        linear-gradient(
            to bottom,
            #000,
            transparent 88%
        );
}

.page-evador .evador-hero-atmosphere{

    position:absolute;

    inset:0;

    z-index:-1;

    pointer-events:none;
}

.page-evador .evador-orb{

    position:absolute;

    border-radius:50%;

    filter:
        blur(70px);
}

.page-evador .evador-orb-1{

    width:460px;
    height:460px;

    left:-190px;
    top:-170px;

    background:
        rgba(183,138,63,.12);

    animation:
        evadorFloatOne
        14s
        ease-in-out
        infinite;
}

.page-evador .evador-orb-2{

    width:390px;
    height:390px;

    right:-100px;
    top:10%;

    background:
        rgba(184,143,143,.10);

    animation:
        evadorFloatTwo
        17s
        ease-in-out
        infinite;
}

.page-evador .evador-orbit{

    position:absolute;

    border-radius:50%;

    border:
        1px solid
        rgba(104,78,46,.10);
}

.page-evador .evador-orbit-1{

    width:500px;
    height:500px;

    right:4%;
    top:7%;

    transform:
        rotate(20deg)
        scaleY(.58);

    animation:
        evadorOrbit
        28s
        linear
        infinite;
}

.page-evador .evador-orbit-2{

    width:640px;
    height:640px;

    right:-5%;
    top:-7%;

    transform:
        rotate(-15deg)
        scaleY(.58);

    border-color:
        rgba(183,138,63,.11);

    animation:
        evadorOrbit
        38s
        linear
        infinite reverse;
}


/* ==========================================================
   HERO — CORRECÇÃO DE ENQUADRAMENTO
   ========================================================== */

.page-evador
.evador-hero-grid{

    position:relative;

    z-index:2;

    width:
        min(
            1220px,
            calc(100% - 96px)
        );

    margin-inline:auto;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.88fr);

    gap:72px;

    align-items:center;

    padding:
        82px 0 72px;
}

.page-evador
.evador-hero-copy{

    width:100%;

    max-width:650px;

    padding-left:16px;

    justify-self:start;
}

.page-evador
.evador-eyebrow{

    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-bottom:18px;

    color:
        var(--evador-gold-dark);

    font-size:.69rem;

    font-weight:900;

    letter-spacing:.20em;

    text-transform:uppercase;
}

.page-evador
.evador-eyebrow::before{

    content:"";

    width:28px;
    height:1px;

    background:
        currentColor;

    opacity:.65;
}

.page-evador
.evador-hero-copy h1{

    max-width:680px;

    margin:0;

    color:
        var(--evador-deep);

    font-size:
        clamp(
            4.4rem,
            7.2vw,
            7.3rem
        );

    line-height:.84;

    letter-spacing:-.075em;

    font-weight:900;
}

.page-evador
.evador-hero-copy h1 span{

    display:block;

    background:
        linear-gradient(
            100deg,
            var(--evador-deep),
            var(--evador-gold) 52%,
            var(--evador-rose)
        );

    -webkit-background-clip:text;

    background-clip:text;

    -webkit-text-fill-color:transparent;
}

.page-evador
.evador-hero-description{

    max-width:590px;

    margin-top:30px;

    color:#675D53;

    font-size:1.06rem;

    line-height:1.86;
}

.page-evador
.evador-hero-pills{

    max-width:600px;

    display:flex;

    flex-wrap:wrap;

    gap:9px;

    margin-top:26px;
}

.page-evador
.evador-hero-pill{

    min-height:34px;

    display:inline-flex;

    align-items:center;

    padding:
        0 12px;

    border:
        1px solid
        rgba(104,78,46,.12);

    border-radius:999px;

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

    color:
        var(--evador-brown);

    font-size:.65rem;

    font-weight:850;
}

.page-evador
.evador-hero-actions{

    display:flex;

    flex-wrap:wrap;

    gap:13px;

    margin-top:34px;
}


/* ==========================================================
   HERO PRODUCT
   ========================================================== */

.page-evador
.evador-hero-product{

    width:100%;

    min-height:590px;

    position:relative;

    display:grid;

    place-items:center;

    justify-self:end;

    transform:
        translateX(8px);
}

.page-evador
.evador-product-aura{

    position:absolute;

    width:74%;

    aspect-ratio:1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(183,138,63,.15),
            rgba(184,143,143,.08) 34%,
            transparent 71%
        );

    filter:
        blur(10px);

    animation:
        evadorPulse
        5.8s
        ease-in-out
        infinite;
}

.page-evador
.evador-product-ring{

    position:absolute;

    width:82%;

    aspect-ratio:1;

    border-radius:50%;

    border:
        1px solid
        rgba(183,138,63,.19);

    box-shadow:

        0 0 0 32px
        rgba(218,202,176,.08),

        0 0 0 66px
        rgba(183,138,63,.045);
}

.page-evador
.evador-product-grid{

    width:100%;

    min-height:560px;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    z-index:5;
}

.page-evador
.evador-product-grid img{

    position:relative;

    z-index:5;

    display:block;

    width:auto;
    height:auto;

    max-width:500px;
    max-height:570px;

    object-fit:contain;

    object-position:center;

    opacity:1 !important;

    filter:
        drop-shadow(
            0 26px 38px
            rgba(47,32,20,.18)
        ) !important;

    transform:
        translate3d(
            8px,
            0,
            0
        );

    backface-visibility:hidden;

    image-rendering:auto;
}

.page-evador
.evador-product-caption{

    position:absolute;

    right:2%;

    bottom:5%;

    z-index:7;

    display:flex;

    flex-direction:column;

    gap:2px;

    padding:
        9px 12px;

    border:
        1px solid
        rgba(104,78,46,.10);

    border-radius:999px;

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

    backdrop-filter:
        blur(12px);
}

.page-evador
.evador-product-caption strong{

    color:
        var(--evador-deep);

    font-size:.66rem;

    letter-spacing:.14em;
}

.page-evador
.evador-product-caption span{

    color:
        var(--evador-gold);

    font-size:.54rem;

    font-weight:850;

    letter-spacing:.13em;
}


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

.page-evador
.evador-product-grid.image-error::after,
.page-evador
.evador-product-card-visual.image-error::after,
.page-evador
.evador-identity-frame.image-error::after{

    content:
        "Imagem não encontrada — verificar caminho do ficheiro";

    position:absolute;

    left:50%;

    bottom:28px;

    transform:
        translateX(-50%);

    width:max-content;

    max-width:84%;

    padding:
        8px 11px;

    border-radius:999px;

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

    border:
        1px solid
        rgba(104,78,46,.11);

    color:#7B7167;

    font-size:.59rem;

    font-weight:800;

    text-align:center;

    z-index:20;
}


/* ==========================================================
   OVERVIEW
   ========================================================== */

.page-evador
.evador-overview-section{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #FBF7F1
        );
}

.page-evador
.evador-overview-grid{

    display:grid;

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

    gap:14px;

    margin-top:46px;
}

.page-evador
.evador-overview-card{

    min-height:240px;

    padding:24px;

    border:
        1px solid
        var(--evador-line);

    border-radius:24px;

    background:#FFFFFF;

    box-shadow:
        0 14px 42px
        rgba(71,52,32,.06);
}

.page-evador
.evador-card-number{

    display:block;

    color:
        rgba(104,78,46,.19);

    font-size:.67rem;

    font-weight:900;

    letter-spacing:.14em;
}

.page-evador
.evador-card-icon{

    width:40px;
    height:40px;

    display:grid;

    place-items:center;

    margin-top:19px;

    border-radius:13px;

    background:
        #F4EEDF;

    color:
        var(--evador-gold-dark);

    font-weight:900;
}

.page-evador
.evador-overview-card h3{

    margin-top:21px;

    color:
        var(--evador-deep);

    font-size:1.15rem;

    line-height:1.15;

    letter-spacing:-.02em;
}

.page-evador
.evador-overview-card p{

    margin-top:12px;

    color:#7B7168;

    font-size:.81rem;

    line-height:1.78;
}

.page-evador
.evador-overview-note{

    margin-top:19px;

    padding:
        18px 20px;

    border:
        1px solid
        var(--evador-line);

    border-radius:18px;

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

.page-evador
.evador-overview-note strong{

    color:
        var(--evador-deep);

    font-size:.83rem;
}

.page-evador
.evador-overview-note p{

    margin-top:4px;

    color:#7A7067;

    font-size:.74rem;

    line-height:1.65;
}


/* ==========================================================
   FRAGRANCE
   ========================================================== */

.page-evador
.evador-fragrance{

    background:#FFFFFF;
}

.page-evador
.evador-fragrance-grid{

    display:grid;

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

    gap:15px;

    margin-top:46px;
}

.page-evador
.evador-fragrance-card{

    min-height:290px;

    padding:25px;

    border:
        1px solid
        var(--evador-line);

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F7F1E7
        );

    box-shadow:
        0 18px 50px
        rgba(71,52,32,.06);
}

.page-evador
.evador-fragrance-number{

    color:
        rgba(104,78,46,.16);

    font-size:.65rem;

    font-weight:900;

    letter-spacing:.17em;
}

.page-evador
.evador-fragrance-symbol{

    width:46px;
    height:46px;

    display:grid;

    place-items:center;

    margin-top:24px;

    border-radius:15px;

    background:
        #F4EEDF;

    color:
        var(--evador-gold-dark);

    font-size:1.12rem;

    font-weight:900;
}

.page-evador
.evador-fragrance-label{

    display:block;

    margin-top:27px;

    color:
        var(--evador-gold-dark);

    font-size:.61rem;

    font-weight:900;

    letter-spacing:.12em;

    text-transform:uppercase;
}

.page-evador
.evador-fragrance-card h3{

    margin-top:7px;

    color:
        var(--evador-deep);

    font-size:1.18rem;

    line-height:1.12;
}

.page-evador
.evador-fragrance-card p{

    margin-top:12px;

    color:#797067;

    font-size:.80rem;

    line-height:1.78;
}


/* ==========================================================
   DETAILS
   ========================================================== */

.page-evador
.evador-detail-grid{

    display:grid;

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

    gap:14px;

    margin-top:16px;
}

.page-evador
.evador-detail-card{

    padding:23px;

    border:
        1px solid
        rgba(104,78,46,.11);

    border-radius:21px;

    background:
        #FAF7F0;
}

.page-evador
.evador-detail-card-wide{

    grid-column:
        span 3;
}

.page-evador
.evador-detail-card h3{

    margin-top:11px;

    color:
        var(--evador-deep);

    font-size:1.12rem;
}

.page-evador
.evador-detail-card p{

    margin-top:8px;

    color:#776D63;

    font-size:.82rem;

    line-height:1.68;
}

.page-evador
.evador-detail-list{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-top:15px;

    padding:16px;

    border:
        1px solid
        rgba(104,78,46,.09);

    border-radius:16px;

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

.page-evador
.evador-detail-item{

    display:flex;

    gap:9px;

    align-items:flex-start;
}

.page-evador
.evador-check{

    flex:
        0 0 22px;

    width:22px;
    height:22px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        rgba(183,138,63,.13);

    color:
        var(--evador-gold-dark);

    font-size:.62rem;

    font-weight:900;
}

.page-evador
.evador-detail-item
> span:last-child{

    color:#756B62;

    font-size:.76rem;

    line-height:1.58;
}


/* ==========================================================
   IDENTITY
   ========================================================== */

.page-evador
.evador-identity{

    background:
        #F9F5EE;
}

.page-evador
.evador-identity-grid{

    display:grid;

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

    gap:64px;

    align-items:center;
}

.page-evador
.evador-identity-frame{

    position:relative;

    min-height:560px;

    display:grid;

    place-items:center;

    overflow:hidden;

    border-radius:34px;

    background:

        radial-gradient(
            circle at 50% 45%,
            rgba(183,138,63,.10),
            rgba(218,202,176,.25) 36%,
            transparent 70%
        ),

        linear-gradient(
            145deg,
            #FFFFFF,
            #EEE4D4
        );

    box-shadow:
        var(--evador-shadow);
}

.page-evador
.evador-identity-aura{

    position:absolute;

    width:76%;

    aspect-ratio:1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.96),
            transparent 68%
        );
}

.page-evador
.evador-identity-ring{

    position:absolute;

    width:64%;

    aspect-ratio:1;

    border-radius:50%;

    border:
        1px solid
        rgba(183,138,63,.18);
}

.page-evador
.evador-identity-frame img{

    position:relative;

    z-index:3;

    width:auto;

    max-width:440px;

    max-height:500px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 26px 38px
            rgba(0,0,0,.17)
        );
}

.page-evador
.evador-benefit-checks{

    display:flex;

    flex-direction:column;

    gap:16px;

    margin-top:32px;
}

.page-evador
.evador-benefit-check{

    display:flex;

    align-items:center;

    gap:12px;

    min-height:34px;
}

.page-evador
.evador-benefit-check > span{

    width:27px;
    height:27px;

    flex:
        0 0 27px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        rgba(183,138,63,.12);

    color:
        var(--evador-gold-dark);

    font-size:.74rem;

    font-weight:900;
}

.page-evador
.evador-benefit-check p{

    color:#62594F;

    font-size:.90rem;

    line-height:1.62;
}

.page-evador
.evador-identity-note{

    margin-top:30px;

    padding:
        18px 20px;

    border:
        1px solid
        var(--evador-line);

    border-radius:18px;

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

    display:flex;

    flex-direction:column;

    gap:6px;
}

.page-evador
.evador-identity-note strong{

    color:
        var(--evador-deep);

    font-size:1.05rem;
}


/* ==========================================================
   BENEFITS
   ========================================================== */

.page-evador
.evador-benefits{

    background:#FFFFFF;
}

.page-evador
.evador-benefits-grid{

    display:grid;

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

    gap:15px;

    margin-top:46px;
}

.page-evador
.evador-benefit-card{

    min-height:220px;

    padding:25px;

    border:
        1px solid
        var(--evador-line);

    border-radius:23px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F7F1E8
        );

    box-shadow:
        0 15px 43px
        rgba(71,52,32,.05);
}

.page-evador
.evador-benefit-card:nth-child(4){

    grid-column:
        span 3;
}

.page-evador
.evador-benefit-code{

    display:inline-flex;

    min-height:32px;

    align-items:center;

    padding:
        0 11px;

    border-radius:999px;

    background:
        #F3EBDD;

    color:
        var(--evador-gold-dark);

    font-size:.63rem;

    font-weight:900;

    letter-spacing:.15em;
}

.page-evador
.evador-benefit-card h3{

    margin-top:28px;

    color:
        var(--evador-deep);

    font-size:1.28rem;
}

.page-evador
.evador-benefit-card p{

    margin-top:8px;

    color:#776D63;

    font-size:.79rem;

    line-height:1.72;
}

.page-evador
.evador-benefits-note{

    margin-top:16px;

    padding:
        21px 23px;

    border:
        1px solid
        var(--evador-line);

    border-radius:20px;

    background:
        #FAF6EF;
}

.page-evador
.evador-benefits-note h3{

    margin-top:8px;

    color:
        var(--evador-deep);

    font-size:1.15rem;
}

.page-evador
.evador-benefits-note p{

    margin-top:7px;

    color:#777067;

    font-size:.79rem;

    line-height:1.70;
}


/* ==========================================================
   PRODUCT
   ========================================================== */

.page-evador
.evador-product-section{

    background:#FFFFFF;
}

.page-evador
.evador-product-card{

    display:grid;

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

    overflow:hidden;

    margin-top:46px;

    border:
        1px solid
        var(--evador-line);

    border-radius:31px;

    background:#FFFFFF;

    box-shadow:
        var(--evador-shadow);
}

.page-evador
.evador-product-card-visual{

    position:relative;

    min-height:560px;

    display:grid;

    place-items:center;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 50% 44%,
            rgba(183,138,63,.10),
            transparent 48%
        ),

        linear-gradient(
            145deg,
            #FBF8F2,
            #EEE3D3
        );
}

.page-evador
.evador-detail-aura{

    position:absolute;

    width:78%;

    aspect-ratio:1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.80),
            transparent 66%
        );
}

.page-evador
.evador-detail-ring{

    position:absolute;

    width:68%;

    aspect-ratio:1;

    border-radius:50%;

    border:
        1px solid
        rgba(183,138,63,.15);

    box-shadow:
        0 0 0 28px
        rgba(218,202,176,.065);
}

.page-evador
.evador-product-detail-grid{

    position:relative;

    z-index:5;

    width:100%;

    min-height:500px;

    display:grid;

    place-items:center;

    padding:30px;
}

.page-evador
.evador-product-detail-image{

    position:relative;

    z-index:5;

    display:block;

    width:auto;
    height:auto;

    max-width:470px;

    max-height:490px;

    object-fit:contain;

    object-position:center;

    opacity:1 !important;

    filter:
        drop-shadow(
            0 28px 40px
            rgba(0,0,0,.17)
        ) !important;
}

.page-evador
.evador-detail-caption{

    position:absolute;

    right:22px;

    bottom:20px;

    z-index:7;

    color:
        rgba(104,78,46,.56);

    font-size:.61rem;

    font-weight:900;

    letter-spacing:.16em;
}

.page-evador
.evador-product-card-copy{

    padding:
        48px 48px 52px;
}

.page-evador
.evador-product-card-copy h3{

    margin-top:17px;

    color:
        var(--evador-deep);

    font-size:2.15rem;

    line-height:1.03;

    letter-spacing:-.04em;

    font-weight:900;
}

.page-evador
.evador-product-card-copy h3 span{

    display:block;

    margin-top:6px;

    color:
        var(--evador-gold);
}

.page-evador
.evador-product-card-copy > p{

    margin-top:24px;

    color:#6E645A;

    font-size:.91rem;

    line-height:1.86;
}

.page-evador
.evador-product-spec-list{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-top:30px;
}

.page-evador
.evador-product-spec{

    display:flex;

    align-items:baseline;

    justify-content:space-between;

    gap:15px;

    padding-bottom:12px;

    border-bottom:
        1px solid
        rgba(104,78,46,.09);
}

.page-evador
.evador-product-spec span{

    color:#958A80;

    font-size:.65rem;

    font-weight:800;

    letter-spacing:.05em;

    text-transform:uppercase;
}

.page-evador
.evador-product-spec strong{

    color:
        var(--evador-deep);

    font-size:.78rem;

    text-align:right;
}

.page-evador
.evador-card-buy{

    margin-top:34px;
}


/* ==========================================================
   ROUTINE
   ========================================================== */

.page-evador
.evador-routine{

    background:
        #FBF8F2;
}

.page-evador
.evador-routine-list{

    position:relative;

    margin-top:43px;
}

.page-evador
.evador-routine-list::before{

    content:"";

    position:absolute;

    left:21px;

    top:0;
    bottom:0;

    width:1px;

    background:
        linear-gradient(
            var(--evador-line),
            transparent
        );
}

.page-evador
.evador-routine-step{

    position:relative;

    display:grid;

    grid-template-columns:
        44px
        minmax(0,1fr);

    gap:18px;

    padding-bottom:27px;
}

.page-evador
.evador-routine-number{

    position:relative;

    z-index:2;

    width:44px;
    height:44px;

    display:grid;

    place-items:center;

    border:
        1px solid
        rgba(104,78,46,.14);

    border-radius:50%;

    background:#FFFFFF;

    color:
        var(--evador-brown-dark);

    font-size:.68rem;

    font-weight:900;

    box-shadow:
        0 8px 23px
        rgba(71,52,32,.06);
}

.page-evador
.evador-routine-step h3{

    color:
        var(--evador-deep);

    font-size:1.06rem;
}

.page-evador
.evador-routine-step p{

    margin-top:5px;

    color:#747068;

    font-size:.81rem;

    line-height:1.68;
}


/* ==========================================================
   EXPERIENCE
   ========================================================== */

.page-evador
.evador-experience{

    background:
        #F8F4ED;
}

.page-evador
.evador-experience-grid{

    display:grid;

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

    gap:15px;

    margin-top:46px;
}

.page-evador
.evador-experience-card{

    min-height:225px;

    padding:24px;

    border:
        1px solid
        var(--evador-line);

    border-radius:23px;

    background:#FFFFFF;

    box-shadow:
        0 15px 43px
        rgba(71,52,32,.05);
}

.page-evador
.evador-experience-icon{

    width:44px;
    height:44px;

    display:grid;

    place-items:center;

    border-radius:14px;

    background:
        #F3EBDD;

    color:
        var(--evador-gold-dark);

    font-size:1.08rem;

    font-weight:900;
}

.page-evador
.evador-experience-number{

    display:block;

    margin-top:20px;

    color:
        var(--evador-gold-dark);

    font-size:.58rem;

    font-weight:900;

    letter-spacing:.15em;
}

.page-evador
.evador-experience-card h3{

    margin-top:7px;

    color:
        var(--evador-deep);

    font-size:1.14rem;
}

.page-evador
.evador-experience-card p{

    margin-top:9px;

    color:#766D64;

    font-size:.79rem;

    line-height:1.72;
}


/* ==========================================================
   FAQ
   ========================================================== */

.page-evador
.evador-faq-section{

    background:
        #F8F4ED;
}

.page-evador
.evador-faq-list{

    display:flex;

    flex-direction:column;

    gap:9px;

    margin-top:42px;
}

.page-evador
.evador-faq-item{

    overflow:hidden;

    border:
        1px solid
        rgba(104,78,46,.12);

    border-radius:19px;

    background:#FFFFFF;

    transition:
        box-shadow .28s ease,
        border-color .28s ease;
}

.page-evador
.evador-faq-item.active{

    border-color:
        rgba(183,138,63,.28);

    box-shadow:
        0 16px 43px
        rgba(71,52,32,.075);
}

.page-evador
.evador-faq-question{

    width:100%;

    min-height:72px;

    display:grid;

    grid-template-columns:
        38px
        minmax(0,1fr)
        32px;

    gap:12px;

    align-items:center;

    padding:
        12px 15px;

    border:0;

    background:transparent;

    color:
        var(--evador-deep);

    text-align:left;
}

.page-evador
.evador-faq-question:hover{

    background:
        #FCFAF6;
}

.page-evador
.evador-faq-number{

    width:31px;
    height:31px;

    display:grid;

    place-items:center;

    border-radius:10px;

    background:
        #F4EEDF;

    color:
        var(--evador-gold-dark);

    font-size:.60rem;

    font-weight:900;
}

.page-evador
.evador-faq-text{

    color:
        var(--evador-deep);

    font-size:.88rem;

    line-height:1.45;

    font-weight:850;
}

.page-evador
.evador-faq-plus{

    width:29px;
    height:29px;

    display:grid;

    place-items:center;

    border:
        1px solid
        rgba(104,78,46,.12);

    border-radius:50%;

    color:
        var(--evador-gold-dark);

    font-size:.96rem;
}

.page-evador
.evador-faq-item.active
.evador-faq-plus{

    background:
        var(--evador-deep);

    color:#FFFFFF;
}

.page-evador
.evador-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:
        max-height .44s
        cubic-bezier(.22,.61,.36,1);
}

.page-evador
.evador-faq-answer p{

    padding:
        0 17px 19px 66px;

    color:#756C63;

    font-size:.82rem;

    line-height:1.72;
}


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

.page-evador
.evador-information-section{

    padding-top:0;

    background:
        #F8F4ED;
}

.page-evador
.evador-information-box{

    display:grid;

    grid-template-columns:
        40px
        minmax(0,1fr);

    gap:14px;

    padding:
        22px 23px;

    border:
        1px solid
        rgba(104,78,46,.12);

    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            #FFFFFF,
            #F1E9DC
        );
}

.page-evador
.evador-information-icon{

    width:37px;
    height:37px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        #F0E6D6;

    color:
        var(--evador-deep);

    font-weight:900;
}

.page-evador
.evador-information-box h2{

    margin-top:9px;

    color:
        var(--evador-deep);

    font-size:1.38rem;

    line-height:1.1;

    letter-spacing:-.025em;
}

.page-evador
.evador-information-box p{

    margin-top:8px;

    color:#777067;

    font-size:.76rem;

    line-height:1.68;
}


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

.page-evador
.evador-cta-section{

    position:relative;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 50% -15%,
            rgba(183,138,63,.13),
            transparent 28%
        ),

        linear-gradient(
            140deg,
            #2E2218,
            #5A4228
        );
}

.page-evador
.evador-cta-box{

    position:relative;

    z-index:2;

    max-width:920px;

    margin-inline:auto;

    padding:
        78px 30px 82px;

    text-align:center;
}

.page-evador
.evador-label-light{

    color:
        var(--evador-gold-light);

    font-size:.63rem;

    font-weight:900;

    letter-spacing:.19em;
}

.page-evador
.evador-cta-box h2{

    margin-top:17px;

    color:#FFFFFF;

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

    line-height:.96;

    letter-spacing:-.055em;

    font-weight:900;
}

.page-evador
.evador-cta-box h2 span{

    display:block;

    margin-top:.10em;

    color:
        #E6D9C2;
}

.page-evador
.evador-cta-box > p{

    max-width:650px;

    margin:
        21px auto 0;

    color:#D7CABB;

    font-size:.96rem;

    line-height:1.78;
}

.page-evador
.evador-cta-actions{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:12px;

    margin-top:29px;
}

.page-evador
.evador-cta-actions
.btn-glass{

    border-color:
        rgba(255,255,255,.16) !important;

    background:
        rgba(255,255,255,.045) !important;

    color:#FFFFFF !important;
}

.page-evador
.evador-cta-disclaimer{

    margin-top:
        22px !important;

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

    font-size:
        .67rem !important;

    line-height:
        1.6 !important;
}


/* ==========================================================
   DARK MODE
   ========================================================== */

body.dark .page-evador,
body[data-theme="dark"] .page-evador,
[data-theme="dark"] .page-evador,
.dark .page-evador{

    --evador-white:#14110E;
    --evador-soft:#17130F;
    --evador-mist:#1A1611;

    --evador-deep:#F3EFE7;

    --evador-text:#DDD5C9;
    --evador-muted:#BDB3A6;

    --evador-line:
        rgba(236,224,209,.10);

    background:
        #14110E;

    color:
        #DDD5C9;
}


body.dark
.page-evador
.evador-hero,
body[data-theme="dark"]
.page-evador
.evador-hero,
[data-theme="dark"]
.page-evador
.evador-hero,
.dark
.page-evador
.evador-hero{

    background:

        radial-gradient(
            circle at 16% 17%,
            rgba(183,138,63,.10),
            transparent 31%
        ),

        radial-gradient(
            circle at 82% 28%,
            rgba(184,143,143,.06),
            transparent 24%
        ),

        linear-gradient(
            135deg,
            #14110E,
            #1B1712 58%,
            #2B2118
        );
}


body.dark
.page-evador
.evador-hero-copy h1,
body[data-theme="dark"]
.page-evador
.evador-hero-copy h1,
[data-theme="dark"]
.page-evador
.evador-hero-copy h1,
.dark
.page-evador
.evador-hero-copy h1{

    color:#F6F2EA;
}


body.dark
.page-evador
.evador-hero-description,
body[data-theme="dark"]
.page-evador
.evador-hero-description,
[data-theme="dark"]
.page-evador
.evador-hero-description,
.dark
.page-evador
.evador-hero-description{

    color:#C3B9AD;
}


body.dark
.page-evador
.evador-hero-pill,
body[data-theme="dark"]
.page-evador
.evador-hero-pill,
[data-theme="dark"]
.page-evador
.evador-hero-pill,
.dark
.page-evador
.evador-hero-pill{

    border-color:
        rgba(255,255,255,.09);

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

    color:#E5D9C9;
}


body.dark
.page-evador
.evador-overview-section,
body[data-theme="dark"]
.page-evador
.evador-overview-section,
[data-theme="dark"]
.page-evador
.evador-overview-section,
.dark
.page-evador
.evador-overview-section,
body.dark
.page-evador
.evador-overview-card,
body[data-theme="dark"]
.page-evador
.evador-overview-card,
[data-theme="dark"]
.page-evador
.evador-overview-card,
.dark
.page-evador
.evador-overview-card{

    background:#17130F;
}


body.dark
.page-evador
.evador-fragrance,
body[data-theme="dark"]
.page-evador
.evador-fragrance,
[data-theme="dark"]
.page-evador
.evador-fragrance,
.dark
.page-evador
.evador-fragrance,
body.dark
.page-evador
.evador-product-section,
body[data-theme="dark"]
.page-evador
.evador-product-section,
[data-theme="dark"]
.page-evador
.evador-product-section,
.dark
.page-evador
.evador-product-section,
body.dark
.page-evador
.evador-routine,
body[data-theme="dark"]
.page-evador
.evador-routine,
[data-theme="dark"]
.page-evador
.evador-routine,
.dark
.page-evador
.evador-routine{

    background:#14110E;
}


body.dark
.page-evador
.evador-identity,
body[data-theme="dark"]
.page-evador
.evador-identity,
[data-theme="dark"]
.page-evador
.evador-identity,
.dark
.page-evador
.evador-identity,
body.dark
.page-evador
.evador-benefits,
body[data-theme="dark"]
.page-evador
.evador-benefits,
[data-theme="dark"]
.page-evador
.evador-benefits,
.dark
.page-evador
.evador-benefits,
body.dark
.page-evador
.evador-experience,
body[data-theme="dark"]
.page-evador
.evador-experience,
[data-theme="dark"]
.page-evador
.evador-experience,
.dark
.page-evador
.evador-experience,
body.dark
.page-evador
.evador-faq-section,
body[data-theme="dark"]
.page-evador
.evador-faq-section,
[data-theme="dark"]
.page-evador
.evador-faq-section,
.dark
.page-evador
.evador-faq-section,
body.dark
.page-evador
.evador-information-section,
body[data-theme="dark"]
.page-evador
.evador-information-section,
[data-theme="dark"]
.page-evador
.evador-information-section,
.dark
.page-evador
.evador-information-section{

    background:#18140F;
}


body.dark
.page-evador
.evador-section-heading h2,
body.dark
.page-evador
.section-title,
body.dark
.page-evador
.evador-overview-card h3,
body.dark
.page-evador
.evador-fragrance-card h3,
body.dark
.page-evador
.evador-detail-card h3,
body.dark
.page-evador
.evador-benefit-card h3,
body.dark
.page-evador
.evador-product-card-copy h3,
body.dark
.page-evador
.evador-routine-step h3,
body.dark
.page-evador
.evador-experience-card h3,
body.dark
.page-evador
.evador-faq-text,
body.dark
.page-evador
.evador-information-box h2{

    color:
        #F2EDE3 !important;
}


body.dark
.page-evador
.evador-section-heading p,
body.dark
.page-evador
.lead,
body.dark
.page-evador
.evador-overview-card p,
body.dark
.page-evador
.evador-fragrance-card p,
body.dark
.page-evador
.evador-detail-card p,
body.dark
.page-evador
.evador-detail-item > span:last-child,
body.dark
.page-evador
.evador-benefit-card p,
body.dark
.page-evador
.evador-benefits-note p,
body.dark
.page-evador
.evador-product-card-copy > p,
body.dark
.page-evador
.evador-product-spec span,
body.dark
.page-evador
.evador-routine-step p,
body.dark
.page-evador
.evador-experience-card p,
body.dark
.page-evador
.evador-faq-answer p,
body.dark
.page-evador
.evador-information-box p{

    color:
        #BDB3A7 !important;
}


body.dark
.page-evador
.evador-overview-note,
body.dark
.page-evador
.evador-detail-card,
body.dark
.page-evador
.evador-detail-list,
body.dark
.page-evador
.evador-benefit-card,
body.dark
.page-evador
.evador-benefits-note,
body.dark
.page-evador
.evador-identity-note,
body.dark
.page-evador
.evador-experience-card,
body.dark
.page-evador
.evador-information-box,
body.dark
.page-evador
.evador-faq-item{

    background:
        #1D1813;

    border-color:
        rgba(236,224,209,.09);
}


body.dark
.page-evador
.evador-product-card{

    background:
        #1D1813;

    border-color:
        rgba(236,224,209,.09);
}


body.dark
.page-evador
.evador-product-card-visual{

    background:

        radial-gradient(
            circle at 50% 44%,
            rgba(183,138,63,.08),
            transparent 48%
        ),

        linear-gradient(
            145deg,
            #19140F,
            #241B13
        );
}


body.dark
.page-evador
.evador-identity-frame{

    background:

        radial-gradient(
            circle at 50% 45%,
            rgba(183,138,63,.06),
            rgba(184,143,143,.05) 36%,
            transparent 70%
        ),

        linear-gradient(
            145deg,
            #19140F,
            #241C14
        );
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1120px){

    .page-evador
    .evador-hero-grid{

        width:
            min(
                100%,
                calc(100% - 64px)
            );

        grid-template-columns:
            minmax(0,1fr)
            minmax(350px,.82fr);

        gap:44px;

        padding:
            72px 0 64px;
    }


    .page-evador
    .evador-hero-copy{

        padding-left:8px;
    }


    .page-evador
    .evador-hero-copy h1{

        font-size:
            clamp(
                4rem,
                7.5vw,
                6.4rem
            );
    }


    .page-evador
    .evador-hero-product{

        min-height:540px;

        transform:
            translateX(0);
    }


    .page-evador
    .evador-product-grid{

        min-height:500px;
    }


    .page-evador
    .evador-product-grid img{

        max-width:440px;

        max-height:520px;

        transform:
            translate3d(0,0,0);
    }


    .page-evador
    .evador-overview-grid,
    .page-evador
    .evador-fragrance-grid{

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


    .page-evador
    .evador-identity-grid{

        gap:40px;
    }


    .page-evador
    .evador-benefits-grid{

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


    .page-evador
    .evador-benefit-card:nth-child(4){

        grid-column:
            span 2;
    }


    .page-evador
    .evador-experience-grid{

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


    .page-evador
    .evador-detail-grid{

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


    .page-evador
    .evador-detail-card-wide{

        grid-column:
            span 2;
    }
}


@media(max-width:900px){

    .page-evador
    .evador-hero{

        min-height:auto;
    }


    .page-evador
    .evador-hero-grid{

        width:
            min(
                720px,
                calc(100% - 36px)
            );

        grid-template-columns:1fr;

        gap:28px;

        padding:
            64px 0 56px;
    }


    .page-evador
    .evador-hero-copy{

        max-width:700px;

        padding-left:0;

        margin-inline:auto;

        text-align:center;
    }


    .page-evador
    .evador-eyebrow{

        justify-content:center;
    }


    .page-evador
    .evador-hero-copy h1{

        margin-inline:auto;

        font-size:
            clamp(
                4rem,
                12vw,
                6rem
            );
    }


    .page-evador
    .evador-hero-description{

        margin-inline:auto;
    }


    .page-evador
    .evador-hero-pills,
    .page-evador
    .evador-hero-actions{

        justify-content:center;

        margin-inline:auto;
    }


    .page-evador
    .evador-hero-product{

        width:
            min(
                680px,
                100%
            );

        min-height:470px;

        margin-inline:auto;

        transform:none;
    }


    .page-evador
    .evador-identity-grid{

        grid-template-columns:
            1fr;
    }


    .page-evador
    .evador-product-card{

        grid-template-columns:
            1fr;
    }


    .page-evador
    .evador-product-card-visual{

        min-height:510px;
    }
}


@media(max-width:680px){

    .page-evador
    .section-title,
    .page-evador
    .evador-section-heading h2{

        font-size:
            clamp(
                2.05rem,
                9vw,
                3.4rem
            );
    }


    .page-evador
    .lead{

        font-size:.95rem;

        line-height:1.76;
    }


    .page-evador
    .evador-hero-grid{

        width:
            calc(100% - 32px);

        gap:22px;

        padding:
            50px 0 44px;
    }


    .page-evador
    .evador-hero-copy h1{

        font-size:
            clamp(
                3.45rem,
                15vw,
                5.3rem
            );
    }


    .page-evador
    .evador-hero-description{

        max-width:560px;

        margin-top:24px;

        font-size:.97rem;

        line-height:1.78;
    }


    .page-evador
    .evador-hero-pills{

        margin-top:23px;

        gap:8px;
    }


    .page-evador
    .evador-hero-actions{

        flex-direction:column;

        align-items:stretch;

        margin-top:29px;

        gap:11px;
    }


    .page-evador
    .evador-hero-actions
    .btn{

        width:100% !important;
    }


    .page-evador
    .evador-hero-product{

        min-height:380px;
    }


    .page-evador
    .evador-product-grid{

        min-height:350px;
    }


    .page-evador
    .evador-product-grid img{

        max-width:310px;

        max-height:370px;
    }


    .page-evador
    .evador-product-caption{

        display:none;
    }


    .page-evador
    .evador-overview-grid,
    .page-evador
    .evador-fragrance-grid,
    .page-evador
    .evador-benefits-grid,
    .page-evador
    .evador-experience-grid{

        grid-template-columns:
            1fr;
    }


    .page-evador
    .evador-benefit-card:nth-child(4){

        grid-column:auto;
    }


    .page-evador
    .evador-detail-grid{

        grid-template-columns:
            1fr;
    }


    .page-evador
    .evador-detail-card-wide{

        grid-column:auto;
    }


    .page-evador
    .evador-identity-frame{

        min-height:390px;
    }


    .page-evador
    .evador-identity-frame img{

        max-width:310px;

        max-height:350px;
    }


    .page-evador
    .evador-product-card-visual{

        min-height:390px;
    }


    .page-evador
    .evador-product-detail-grid{

        min-height:360px;

        padding:
            20px 10px 38px;
    }


    .page-evador
    .evador-product-detail-image{

        max-width:320px;

        max-height:360px;
    }


    .page-evador
    .evador-product-card-copy{

        padding:
            34px 25px 38px;
    }


    .page-evador
    .evador-product-card-copy > p{

        margin-top:20px;

        line-height:1.78;
    }


    .page-evador
    .evador-benefit-checks{

        margin-top:27px;

        gap:13px;
    }


    .page-evador
    .evador-information-box{

        grid-template-columns:
            34px
            minmax(0,1fr);
    }


    .page-evador
    .evador-faq-question{

        grid-template-columns:
            34px
            minmax(0,1fr)
            28px;

        gap:9px;

        min-height:65px;

        padding:
            10px 11px;
    }


    .page-evador
    .evador-faq-text{

        font-size:.82rem;
    }


    .page-evador
    .evador-faq-answer p{

        padding:
            0 13px 19px 54px;

        font-size:.77rem;
    }


    .page-evador
    .evador-cta-box{

        padding:
            58px 18px 63px;
    }
}


@media(max-width:430px){

    .page-evador
    .evador-hero-grid{

        width:
            calc(100% - 24px);

        padding:
            44px 0 38px;
    }


    .page-evador
    .evador-hero-copy h1{

        font-size:
            3rem;
    }


    .page-evador
    .evador-hero-product{

        min-height:320px;
    }


    .page-evador
    .evador-product-grid{

        min-height:295px;
    }


    .page-evador
    .evador-product-grid img{

        max-width:270px;

        max-height:315px;
    }


    .page-evador
    .evador-more-toggle{

        max-width:
            calc(100vw - 44px);
    }


    .page-evador
    .evador-product-card-copy h3{

        font-size:1.82rem;
    }
}


/* ==========================================================
   MOTION
   ========================================================== */

@keyframes evadorFloatOne{

    0%,100%{
        transform:
            translate3d(0,0,0);
    }

    50%{
        transform:
            translate3d(15px,-11px,0);
    }
}


@keyframes evadorFloatTwo{

    0%,100%{
        transform:
            translate3d(0,0,0);
    }

    50%{
        transform:
            translate3d(-18px,17px,0);
    }
}


@keyframes evadorOrbit{

    from{
        rotate:0deg;
    }

    to{
        rotate:360deg;
    }
}


@keyframes evadorPulse{

    0%,100%{

        transform:
            scale(.96);

        opacity:.72;
    }

    50%{

        transform:
            scale(1.04);

        opacity:1;
    }
}


@media(prefers-reduced-motion:reduce){

    .page-evador *{

        animation-duration:
            .001ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .001ms !important;

        scroll-behavior:
            auto !important;
    }
}


/* ==========================================================
   AD LIFESTYLE V2
   EZENO — PREMIUM ORAL CARE PRODUCT PAGE
   Modelo visual inspirado directamente no iSMART S3
   Identidade: Herbal / Oral Care / Green + Gold
   ========================================================== */

.page-ezeno{

    --ezeno-white:#FFFFFF;

    --ezeno-cream:#FBFAF5;
    --ezeno-soft:#F4F7EF;
    --ezeno-mist:#EAF0E3;

    --ezeno-green:#618A4F;
    --ezeno-green-light:#9CC08A;
    --ezeno-green-dark:#315A36;

    --ezeno-gold:#C49A4C;
    --ezeno-gold-light:#E3CA8D;
    --ezeno-gold-dark:#8D6A2E;

    --ezeno-deep:#233629;
    --ezeno-graphite:#202B23;

    --ezeno-text:#475A4C;
    --ezeno-muted:#768277;

    --ezeno-line:
        rgba(66,94,70,.13);

    --ezeno-shadow:
        0 24px 78px
        rgba(41,66,45,.10);

    --ezeno-shadow-heavy:
        0 32px 90px
        rgba(25,43,29,.24);

    --ezeno-radius:32px;
    --ezeno-radius-sm:21px;


    color:
        var(--ezeno-text);

    background:
        var(--ezeno-white);

    font-family:
        Inter,
        "Avenir Next",
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;
}


/* ==========================================================
   RESET LOCAL
   ========================================================== */

.page-ezeno *{
    box-sizing:border-box;
}

.page-ezeno button,
.page-ezeno input,
.page-ezeno textarea,
.page-ezeno select{
    font:inherit;
}

.page-ezeno img{
    display:block;
    max-width:100%;
}

.page-ezeno p{
    margin:0;
}


/* ==========================================================
   COMMON TYPE
   ========================================================== */

.page-ezeno .section-title{

    max-width:920px;

    margin:0;

    color:
        var(--ezeno-deep) !important;

    font-size:
        clamp(
            2.25rem,
            4.9vw,
            4.65rem
        );

    line-height:1.01;

    letter-spacing:-.055em;

    font-weight:900;
}

.page-ezeno .section-title span{

    display:block;

    margin-top:.08em;

    color:
        var(--ezeno-green) !important;
}

.page-ezeno .lead{

    max-width:760px;

    margin-top:22px;

    color:#68756A !important;

    font-size:1.04rem;

    line-height:1.82;
}

.page-ezeno .section-center{

    max-width:940px;

    margin-inline:auto;

    text-align:center;
}

.page-ezeno .label,
.page-ezeno .eyebrow{

    color:
        var(--ezeno-green-dark) !important;

    font-size:.69rem;

    font-weight:900;

    letter-spacing:.20em;

    text-transform:uppercase;
}

.page-ezeno .eyebrow{

    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-bottom:17px;
}

.page-ezeno .eyebrow::before{

    content:"";

    width:28px;
    height:1px;

    background:
        currentColor;

    opacity:.65;
}

.page-ezeno .ezeno-section-heading{

    max-width:900px;

    margin:
        0 auto 42px;
}

.page-ezeno
.ezeno-section-heading h2{

    margin:0;

    color:
        var(--ezeno-deep);

    font-size:
        clamp(
            2.3rem,
            4.9vw,
            4.7rem
        );

    line-height:1.01;

    letter-spacing:-.055em;

    font-weight:900;
}

.page-ezeno
.ezeno-section-heading h2 span{

    display:block;

    color:
        var(--ezeno-green);
}

.page-ezeno
.ezeno-section-heading p{

    max-width:760px;

    margin-top:24px;

    color:#6D796F;

    font-size:1rem;

    line-height:1.92;
}


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

.page-ezeno .btn{

    width:auto !important;

    min-height:49px;

    padding:
        0 20px !important;

    border-radius:
        14px !important;

    font-size:.82rem !important;

    font-weight:850 !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.page-ezeno .btn:hover{
    transform:translateY(-2px);
}

.page-ezeno .btn-primary{

    border:
        1px solid transparent !important;

    background:
        linear-gradient(
            135deg,
            var(--ezeno-deep),
            var(--ezeno-green-dark)
        ) !important;

    color:
        #FFFFFF !important;

    box-shadow:
        0 14px 30px
        rgba(37,68,43,.20);
}

.page-ezeno .btn-glass{

    border:
        1px solid
        rgba(66,94,70,.15) !important;

    background:
        rgba(255,255,255,.64) !important;

    color:
        var(--ezeno-deep) !important;
}


/* ==========================================================
   MORE
   ========================================================== */

.page-ezeno .ezeno-more-wrap{
    margin-top:30px;
}

.page-ezeno .ezeno-more-toggle{

    display:inline-flex;

    width:max-content !important;

    max-width:100%;

    min-height:40px;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:
        0 14px !important;

    border:
        1px solid
        rgba(66,94,70,.15) !important;

    border-radius:
        999px !important;

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

    color:
        var(--ezeno-green-dark) !important;

    box-shadow:
        none !important;

    font-size:.70rem !important;

    font-weight:900 !important;
}

.page-ezeno .ezeno-more-toggle:hover{

    background:
        #FFFFFF !important;
}

.page-ezeno .ezeno-more-toggle i{

    font-style:normal;

    font-size:1rem;

    line-height:1;

    transition:
        transform .25s ease;
}

.page-ezeno
.ezeno-more-toggle.active
i{

    transform:
        rotate(45deg);
}

.page-ezeno .ezeno-more-panel{

    max-height:0;

    overflow:hidden;

    opacity:0;

    visibility:hidden;

    transition:
        max-height .55s
        cubic-bezier(.22,.61,.36,1),
        opacity .30s ease,
        visibility 0s linear .55s;
}

.page-ezeno
.ezeno-more-panel.active{

    opacity:1;

    visibility:visible;

    transition:
        max-height .58s
        cubic-bezier(.22,.61,.36,1),
        opacity .35s ease,
        visibility 0s linear 0s;
}


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

.page-ezeno .ezeno-hero{

    position:relative;

    min-height:
        min(860px,92vh);

    display:flex;

    align-items:center;

    overflow:hidden;

    isolation:isolate;

    background:

        radial-gradient(
            circle at 18% 18%,
            rgba(194,211,181,.58),
            transparent 33%
        ),

        radial-gradient(
            circle at 82% 31%,
            rgba(196,154,76,.10),
            transparent 26%
        ),

        linear-gradient(
            135deg,
            #FFFFFF,
            #F4F8F1 55%,
            #DDE8D4
        );
}

.page-ezeno
.ezeno-hero::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-2;

    background:

        linear-gradient(
            rgba(66,94,70,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(66,94,70,.025) 1px,
            transparent 1px
        );

    background-size:
        52px 52px;

    mask-image:
        linear-gradient(
            to bottom,
            #000,
            transparent 88%
        );
}

.page-ezeno
.ezeno-hero-atmosphere{

    position:absolute;

    inset:0;

    z-index:-1;

    pointer-events:none;
}

.page-ezeno .ezeno-orb{

    position:absolute;

    border-radius:50%;

    filter:
        blur(70px);
}

.page-ezeno .ezeno-orb-1{

    width:460px;
    height:460px;

    left:-190px;
    top:-170px;

    background:
        rgba(97,138,79,.12);

    animation:
        ezenoFloatOne
        14s
        ease-in-out
        infinite;
}

.page-ezeno .ezeno-orb-2{

    width:390px;
    height:390px;

    right:-100px;
    top:10%;

    background:
        rgba(196,154,76,.10);

    animation:
        ezenoFloatTwo
        17s
        ease-in-out
        infinite;
}

.page-ezeno .ezeno-orbit{

    position:absolute;

    border-radius:50%;

    border:
        1px solid
        rgba(66,94,70,.10);
}

.page-ezeno .ezeno-orbit-1{

    width:500px;
    height:500px;

    right:4%;
    top:7%;

    transform:
        rotate(20deg)
        scaleY(.58);

    animation:
        ezenoOrbit
        28s
        linear
        infinite;
}

.page-ezeno .ezeno-orbit-2{

    width:640px;
    height:640px;

    right:-5%;
    top:-7%;

    transform:
        rotate(-15deg)
        scaleY(.58);

    border-color:
        rgba(196,154,76,.11);

    animation:
        ezenoOrbit
        38s
        linear
        infinite reverse;
}


/* ==========================================================
   HERO — CORRECÇÃO DE ENQUADRAMENTO
   ========================================================== */

.page-ezeno
.ezeno-hero-grid{

    position:relative;

    z-index:2;

    width:
        min(
            1220px,
            calc(100% - 96px)
        );

    margin-inline:auto;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.88fr);

    gap:72px;

    align-items:center;

    padding:
        82px 0 72px;
}

.page-ezeno
.ezeno-hero-copy{

    width:100%;

    max-width:650px;

    padding-left:16px;

    justify-self:start;
}

.page-ezeno
.ezeno-eyebrow{

    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-bottom:18px;

    color:
        var(--ezeno-green-dark);

    font-size:.69rem;

    font-weight:900;

    letter-spacing:.20em;

    text-transform:uppercase;
}

.page-ezeno
.ezeno-eyebrow::before{

    content:"";

    width:28px;
    height:1px;

    background:
        currentColor;

    opacity:.65;
}

.page-ezeno
.ezeno-hero-copy h1{

    max-width:680px;

    margin:0;

    color:
        var(--ezeno-deep);

    font-size:
        clamp(
            4.4rem,
            7.2vw,
            7.3rem
        );

    line-height:.84;

    letter-spacing:-.075em;

    font-weight:900;
}

.page-ezeno
.ezeno-hero-copy h1 span{

    display:block;

    background:
        linear-gradient(
            100deg,
            var(--ezeno-deep),
            var(--ezeno-green) 48%,
            var(--ezeno-gold-dark)
        );

    -webkit-background-clip:text;

    background-clip:text;

    -webkit-text-fill-color:transparent;
}

.page-ezeno
.ezeno-hero-description{

    max-width:590px;

    margin-top:30px;

    color:#637064;

    font-size:1.06rem;

    line-height:1.86;
}

.page-ezeno
.ezeno-hero-pills{

    max-width:600px;

    display:flex;

    flex-wrap:wrap;

    gap:9px;

    margin-top:26px;
}

.page-ezeno
.ezeno-hero-pill{

    min-height:34px;

    display:inline-flex;

    align-items:center;

    padding:
        0 12px;

    border:
        1px solid
        rgba(66,94,70,.12);

    border-radius:999px;

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

    color:
        var(--ezeno-green-dark);

    font-size:.65rem;

    font-weight:850;
}

.page-ezeno
.ezeno-hero-actions{

    display:flex;

    flex-wrap:wrap;

    gap:13px;

    margin-top:34px;
}


/* ==========================================================
   HERO PRODUCT
   ========================================================== */

.page-ezeno
.ezeno-hero-product{

    width:100%;

    min-height:590px;

    position:relative;

    display:grid;

    place-items:center;

    justify-self:end;

    transform:
        translateX(8px);
}

.page-ezeno
.ezeno-product-aura{

    position:absolute;

    width:74%;

    aspect-ratio:1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(97,138,79,.14),
            rgba(196,154,76,.08) 34%,
            transparent 71%
        );

    filter:
        blur(10px);

    animation:
        ezenoPulse
        5.8s
        ease-in-out
        infinite;
}

.page-ezeno
.ezeno-product-ring{

    position:absolute;

    width:82%;

    aspect-ratio:1;

    border-radius:50%;

    border:
        1px solid
        rgba(97,138,79,.18);

    box-shadow:

        0 0 0 32px
        rgba(194,211,181,.08),

        0 0 0 66px
        rgba(196,154,76,.045);
}

.page-ezeno
.ezeno-product-grid{

    width:100%;

    min-height:560px;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    z-index:5;
}

.page-ezeno
.ezeno-product-grid img{

    position:relative;

    z-index:5;

    display:block;

    width:auto;
    height:auto;

    max-width:500px;
    max-height:570px;

    object-fit:contain;

    object-position:center;

    opacity:1 !important;

    filter:
        drop-shadow(
            0 26px 38px
            rgba(27,46,30,.18)
        ) !important;

    transform:
        translate3d(
            8px,
            0,
            0
        );

    backface-visibility:hidden;

    image-rendering:auto;
}

.page-ezeno
.ezeno-product-caption{

    position:absolute;

    right:2%;

    bottom:5%;

    z-index:7;

    display:flex;

    flex-direction:column;

    gap:2px;

    padding:
        9px 12px;

    border:
        1px solid
        rgba(66,94,70,.10);

    border-radius:999px;

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

    backdrop-filter:
        blur(12px);
}

.page-ezeno
.ezeno-product-caption strong{

    color:
        var(--ezeno-deep);

    font-size:.66rem;

    letter-spacing:.14em;
}

.page-ezeno
.ezeno-product-caption span{

    color:
        var(--ezeno-gold-dark);

    font-size:.54rem;

    font-weight:850;

    letter-spacing:.13em;
}


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

.page-ezeno
.ezeno-product-grid.image-error::after,
.page-ezeno
.ezeno-product-card-visual.image-error::after,
.page-ezeno
.ezeno-benefits-frame.image-error::after{

    content:
        "Imagem não encontrada — verificar caminho do ficheiro";

    position:absolute;

    left:50%;

    bottom:28px;

    transform:
        translateX(-50%);

    width:max-content;

    max-width:84%;

    padding:
        8px 11px;

    border-radius:999px;

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

    border:
        1px solid
        rgba(66,94,70,.11);

    color:#747E75;

    font-size:.59rem;

    font-weight:800;

    text-align:center;

    z-index:20;
}


/* ==========================================================
   OVERVIEW
   ========================================================== */

.page-ezeno
.ezeno-overview-section{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F7F9F4
        );
}

.page-ezeno
.ezeno-overview-grid{

    display:grid;

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

    gap:14px;

    margin-top:46px;
}

.page-ezeno
.ezeno-overview-card{

    min-height:240px;

    padding:24px;

    border:
        1px solid
        var(--ezeno-line);

    border-radius:24px;

    background:#FFFFFF;

    box-shadow:
        0 14px 42px
        rgba(41,66,45,.055);
}

.page-ezeno
.ezeno-card-number{

    display:block;

    color:
        rgba(66,94,70,.19);

    font-size:.67rem;

    font-weight:900;

    letter-spacing:.14em;
}

.page-ezeno
.ezeno-card-icon{

    width:40px;
    height:40px;

    display:grid;

    place-items:center;

    margin-top:19px;

    border-radius:13px;

    background:
        #EDF3E8;

    color:
        var(--ezeno-green-dark);

    font-weight:900;
}

.page-ezeno
.ezeno-overview-card h3{

    margin-top:21px;

    color:
        var(--ezeno-deep);

    font-size:1.15rem;

    line-height:1.15;

    letter-spacing:-.02em;
}

.page-ezeno
.ezeno-overview-card p{

    margin-top:12px;

    color:#778179;

    font-size:.81rem;

    line-height:1.78;
}

.page-ezeno
.ezeno-overview-note{

    margin-top:19px;

    padding:
        18px 20px;

    border:
        1px solid
        var(--ezeno-line);

    border-radius:18px;

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

.page-ezeno
.ezeno-overview-note strong{

    color:
        var(--ezeno-deep);

    font-size:.83rem;
}

.page-ezeno
.ezeno-overview-note p{

    margin-top:4px;

    color:#788178;

    font-size:.74rem;

    line-height:1.65;
}


/* ==========================================================
   ORAL CARE
   ========================================================== */

.page-ezeno
.ezeno-care{

    background:#FFFFFF;
}

.page-ezeno
.ezeno-care-grid{

    display:grid;

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

    gap:15px;

    margin-top:46px;
}

.page-ezeno
.ezeno-care-card{

    min-height:290px;

    padding:25px;

    border:
        1px solid
        var(--ezeno-line);

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F1F5EC
        );

    box-shadow:
        0 18px 50px
        rgba(41,66,45,.06);
}

.page-ezeno
.ezeno-care-number{

    color:
        rgba(66,94,70,.16);

    font-size:.65rem;

    font-weight:900;

    letter-spacing:.17em;
}

.page-ezeno
.ezeno-care-icon{

    width:46px;
    height:46px;

    display:grid;

    place-items:center;

    margin-top:24px;

    border-radius:15px;

    background:
        #EDF3E8;

    color:
        var(--ezeno-green-dark);

    font-size:1.12rem;

    font-weight:900;
}

.page-ezeno
.ezeno-care-label{

    display:block;

    margin-top:27px;

    color:
        var(--ezeno-gold-dark);

    font-size:.61rem;

    font-weight:900;

    letter-spacing:.12em;

    text-transform:uppercase;
}

.page-ezeno
.ezeno-care-card h3{

    margin-top:7px;

    color:
        var(--ezeno-deep);

    font-size:1.18rem;

    line-height:1.12;
}

.page-ezeno
.ezeno-care-card p{

    margin-top:12px;

    color:#778179;

    font-size:.80rem;

    line-height:1.78;
}


/* ==========================================================
   DETAILS
   ========================================================== */

.page-ezeno
.ezeno-detail-grid{

    display:grid;

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

    gap:14px;

    margin-top:16px;
}

.page-ezeno
.ezeno-detail-card{

    padding:23px;

    border:
        1px solid
        rgba(66,94,70,.11);

    border-radius:21px;

    background:
        #F8FAF5;
}

.page-ezeno
.ezeno-detail-card-wide{

    grid-column:
        span 3;
}

.page-ezeno
.ezeno-detail-card h3{

    margin-top:11px;

    color:
        var(--ezeno-deep);

    font-size:1.12rem;
}

.page-ezeno
.ezeno-detail-card p{

    margin-top:8px;

    color:#778077;

    font-size:.82rem;

    line-height:1.68;
}

.page-ezeno
.ezeno-detail-list{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-top:15px;

    padding:16px;

    border:
        1px solid
        rgba(66,94,70,.09);

    border-radius:16px;

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

.page-ezeno
.ezeno-detail-item{

    display:flex;

    gap:9px;

    align-items:flex-start;
}

.page-ezeno
.ezeno-check{

    flex:
        0 0 22px;

    width:22px;
    height:22px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        rgba(97,138,79,.12);

    color:
        var(--ezeno-green-dark);

    font-size:.62rem;

    font-weight:900;
}

.page-ezeno
.ezeno-detail-item
> span:last-child{

    color:#747D75;

    font-size:.76rem;

    line-height:1.58;
}


/* ==========================================================
   INGREDIENTS
   ========================================================== */

.page-ezeno
.ezeno-ingredients{

    background:
        #F8FAF5;
}

.page-ezeno
.ezeno-ingredients-grid{

    display:grid;

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

    gap:15px;

    margin-top:46px;
}

.page-ezeno
.ezeno-ingredient-card{

    min-height:300px;

    padding:25px;

    border:
        1px solid
        var(--ezeno-line);

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #EEF4E8
        );

    box-shadow:
        0 18px 50px
        rgba(41,66,45,.05);
}

.page-ezeno
.ezeno-ingredient-number{

    color:
        rgba(66,94,70,.16);

    font-size:.65rem;

    font-weight:900;

    letter-spacing:.17em;
}

.page-ezeno
.ezeno-ingredient-symbol{

    width:50px;
    height:50px;

    display:grid;

    place-items:center;

    margin-top:23px;

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            #EAF1E4,
            #F5EDDA
        );

    color:
        var(--ezeno-green-dark);

    font-size:1rem;

    font-weight:900;
}

.page-ezeno
.ezeno-ingredient-label{

    display:block;

    margin-top:25px;

    color:
        var(--ezeno-gold-dark);

    font-size:.61rem;

    font-weight:900;

    letter-spacing:.12em;
}

.page-ezeno
.ezeno-ingredient-card h3{

    margin-top:7px;

    color:
        var(--ezeno-deep);

    font-size:1.18rem;

    line-height:1.12;
}

.page-ezeno
.ezeno-ingredient-card p{

    margin-top:12px;

    color:#778179;

    font-size:.80rem;

    line-height:1.78;
}

.page-ezeno
.ezeno-formulation-card{

    margin-top:16px;

    padding:
        23px 25px;

    border:
        1px solid
        var(--ezeno-line);

    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            #FFFFFF,
            #EEF3E8
        );
}

.page-ezeno
.ezeno-formulation-card h3{

    margin-top:10px;

    color:
        var(--ezeno-deep);

    font-size:1.20rem;
}

.page-ezeno
.ezeno-formulation-card p{

    margin-top:8px;

    color:#727B73;

    font-size:.79rem;

    line-height:1.72;
}

.page-ezeno
.ezeno-formulation-tags{

    display:flex;

    flex-wrap:wrap;

    gap:9px;

    margin-top:17px;
}

.page-ezeno
.ezeno-formulation-tags span{

    display:inline-flex;

    min-height:31px;

    align-items:center;

    padding:
        0 11px;

    border:
        1px solid
        rgba(66,94,70,.10);

    border-radius:999px;

    background:
        #F6F8F3;

    color:
        var(--ezeno-green-dark);

    font-size:.63rem;

    font-weight:850;
}


/* ==========================================================
   BENEFITS
   ========================================================== */

.page-ezeno
.ezeno-benefits{

    background:
        #FFFFFF;
}

.page-ezeno
.ezeno-benefits-grid{

    display:grid;

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

    gap:64px;

    align-items:center;
}

.page-ezeno
.ezeno-benefits-frame{

    position:relative;

    min-height:560px;

    display:grid;

    place-items:center;

    overflow:hidden;

    border-radius:34px;

    background:

        radial-gradient(
            circle at 50% 45%,
            rgba(97,138,79,.10),
            rgba(196,154,76,.10) 36%,
            transparent 70%
        ),

        linear-gradient(
            145deg,
            #FBFCF8,
            #EAEFE3
        );

    box-shadow:
        var(--ezeno-shadow);
}

.page-ezeno
.ezeno-benefits-aura{

    position:absolute;

    width:76%;

    aspect-ratio:1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.96),
            transparent 68%
        );
}

.page-ezeno
.ezeno-benefits-ring{

    position:absolute;

    width:64%;

    aspect-ratio:1;

    border-radius:50%;

    border:
        1px solid
        rgba(97,138,79,.17);
}

.page-ezeno
.ezeno-benefits-frame img{

    position:relative;

    z-index:3;

    width:auto;

    max-width:440px;

    max-height:500px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 26px 38px
            rgba(27,46,30,.17)
        );
}

.page-ezeno
.ezeno-benefit-checks{

    display:flex;

    flex-direction:column;

    gap:16px;

    margin-top:32px;
}

.page-ezeno
.ezeno-benefit-check{

    display:flex;

    align-items:center;

    gap:12px;

    min-height:34px;
}

.page-ezeno
.ezeno-benefit-check > span{

    width:27px;
    height:27px;

    flex:
        0 0 27px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        rgba(97,138,79,.12);

    color:
        var(--ezeno-green-dark);

    font-size:.74rem;

    font-weight:900;
}

.page-ezeno
.ezeno-benefit-check p{

    color:#5C6A60;

    font-size:.90rem;

    line-height:1.62;
}


/* ==========================================================
   PRODUCT
   ========================================================== */

.page-ezeno
.ezeno-product-section{

    background:
        #F8FAF5;
}

.page-ezeno
.ezeno-product-card{

    display:grid;

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

    overflow:hidden;

    margin-top:46px;

    border:
        1px solid
        var(--ezeno-line);

    border-radius:31px;

    background:#FFFFFF;

    box-shadow:
        var(--ezeno-shadow);
}

.page-ezeno
.ezeno-product-card-visual{

    position:relative;

    min-height:560px;

    display:grid;

    place-items:center;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 50% 44%,
            rgba(97,138,79,.10),
            transparent 48%
        ),

        linear-gradient(
            145deg,
            #FAFCF7,
            #E8EFE2
        );
}

.page-ezeno
.ezeno-detail-aura{

    position:absolute;

    width:78%;

    aspect-ratio:1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.82),
            transparent 66%
        );
}

.page-ezeno
.ezeno-detail-ring{

    position:absolute;

    width:68%;

    aspect-ratio:1;

    border-radius:50%;

    border:
        1px solid
        rgba(97,138,79,.15);

    box-shadow:
        0 0 0 28px
        rgba(196,154,76,.055);
}

.page-ezeno
.ezeno-product-detail-grid{

    position:relative;

    z-index:5;

    width:100%;

    min-height:500px;

    display:grid;

    place-items:center;

    padding:30px;
}

.page-ezeno
.ezeno-product-detail-image{

    position:relative;

    z-index:5;

    display:block;

    width:auto;
    height:auto;

    max-width:470px;

    max-height:490px;

    object-fit:contain;

    object-position:center;

    opacity:1 !important;

    filter:
        drop-shadow(
            0 28px 40px
            rgba(27,46,30,.17)
        ) !important;
}

.page-ezeno
.ezeno-detail-caption{

    position:absolute;

    right:22px;

    bottom:20px;

    z-index:7;

    color:
        rgba(66,94,70,.56);

    font-size:.61rem;

    font-weight:900;

    letter-spacing:.16em;
}

.page-ezeno
.ezeno-product-card-copy{

    padding:
        48px 48px 52px;
}

.page-ezeno
.ezeno-product-card-copy h3{

    margin-top:17px;

    color:
        var(--ezeno-deep);

    font-size:2.15rem;

    line-height:1.03;

    letter-spacing:-.04em;

    font-weight:900;
}

.page-ezeno
.ezeno-product-card-copy h3 span{

    display:block;

    margin-top:6px;

    color:
        var(--ezeno-green);
}

.page-ezeno
.ezeno-product-card-copy > p{

    margin-top:24px;

    color:#6E7970;

    font-size:.91rem;

    line-height:1.86;
}

.page-ezeno
.ezeno-product-spec-list{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-top:30px;
}

.page-ezeno
.ezeno-product-spec{

    display:flex;

    align-items:baseline;

    justify-content:space-between;

    gap:15px;

    padding-bottom:12px;

    border-bottom:
        1px solid
        rgba(66,94,70,.09);
}

.page-ezeno
.ezeno-product-spec span{

    color:#929B94;

    font-size:.65rem;

    font-weight:800;

    letter-spacing:.05em;

    text-transform:uppercase;
}

.page-ezeno
.ezeno-product-spec strong{

    color:
        var(--ezeno-deep);

    font-size:.78rem;

    text-align:right;
}

.page-ezeno
.ezeno-card-buy{

    margin-top:34px;
}


/* ==========================================================
   TECHNOLOGY
   ========================================================== */

.page-ezeno
.ezeno-technology{

    position:relative;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 87% 12%,
            rgba(196,154,76,.09),
            transparent 25%
        ),

        linear-gradient(
            140deg,
            #182A20,
            #284635
        );
}

.page-ezeno
.ezeno-technology::before{

    content:"EZENO";

    position:absolute;

    right:3vw;

    top:-42px;

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

    font-size:
        11rem;

    line-height:1;

    font-weight:900;
}

.page-ezeno
.ezeno-heading-dark h2{

    color:
        #FFFFFF !important;
}

.page-ezeno
.ezeno-heading-dark h2 span{

    color:
        #CFE0C4 !important;
}

.page-ezeno
.ezeno-heading-dark p{

    color:
        #C6D4CA;
}

.page-ezeno
.ezeno-heading-dark .eyebrow{

    color:
        var(--ezeno-gold-light) !important;
}

.page-ezeno
.ezeno-technology-grid{

    display:grid;

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

    gap:14px;

    margin-top:46px;
}

.page-ezeno
.ezeno-technology-card{

    min-height:225px;

    padding:24px;

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

    border-radius:22px;

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

    backdrop-filter:
        blur(14px);
}

.page-ezeno
.ezeno-technology-card > span{

    color:
        #88A693;

    font-size:.64rem;

    font-weight:900;

    letter-spacing:.15em;
}

.page-ezeno
.ezeno-technology-icon{

    width:42px;
    height:42px;

    display:grid;

    place-items:center;

    margin-top:22px;

    border-radius:14px;

    background:
        rgba(201,219,198,.08);

    color:
        var(--ezeno-gold-light);

    font-size:1rem;
}

.page-ezeno
.ezeno-technology-card h3{

    margin-top:22px;

    color:#FFFFFF;

    font-size:1.12rem;

    line-height:1.1;
}

.page-ezeno
.ezeno-technology-card p{

    margin-top:8px;

    color:#C1CEC5;

    font-size:.76rem;

    line-height:1.67;
}

.page-ezeno
.ezeno-technology-feature{

    display:grid;

    grid-template-columns:
        minmax(200px,.32fr)
        minmax(0,.68fr);

    gap:28px;

    align-items:center;

    margin-top:16px;

    padding:
        29px 30px;

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

    border-radius:27px;

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

    backdrop-filter:
        blur(14px);
}

.page-ezeno
.ezeno-technology-number{

    color:#FFFFFF;

    font-size:3.7rem;

    line-height:.9;

    letter-spacing:-.06em;

    font-weight:900;
}

.page-ezeno
.ezeno-technology-feature > div:last-child > span{

    color:
        var(--ezeno-gold-light);

    font-size:.62rem;

    font-weight:900;

    letter-spacing:.16em;
}

.page-ezeno
.ezeno-technology-feature p{

    margin-top:7px;

    color:#C5D2C8;

    font-size:.82rem;

    line-height:1.70;
}

.page-ezeno
.ezeno-technology-stats{

    display:grid;

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

    gap:14px;

    margin-top:15px;
}

.page-ezeno
.ezeno-technology-stat{

    min-height:130px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:22px;

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

    border-radius:21px;

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

.page-ezeno
.ezeno-technology-stat strong{

    color:#FFFFFF;

    font-size:2rem;

    line-height:1;

    letter-spacing:-.04em;
}

.page-ezeno
.ezeno-technology-stat span{

    margin-top:8px;

    color:#B9C8BD;

    font-size:.70rem;

    line-height:1.5;
}


/* ==========================================================
   CERTIFICATIONS
   ========================================================== */

.page-ezeno
.ezeno-certifications{

    background:
        #F8FAF5;
}

.page-ezeno
.ezeno-certification-grid{

    display:grid;

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

    gap:15px;

    margin-top:46px;
}

.page-ezeno
.ezeno-certificate{

    min-height:190px;

    display:grid;

    grid-template-columns:
        52px
        minmax(0,1fr);

    gap:15px;

    align-items:start;

    padding:23px;

    border:
        1px solid
        var(--ezeno-line);

    border-radius:23px;

    background:
        #FFFFFF;

    box-shadow:
        0 15px 43px
        rgba(41,66,45,.05);
}

.page-ezeno
.ezeno-certificate-number{

    width:44px;
    height:44px;

    display:grid;

    place-items:center;

    border-radius:14px;

    background:
        #ECF3E7;

    color:
        var(--ezeno-green-dark);

    font-size:.68rem;

    font-weight:900;
}

.page-ezeno
.ezeno-certificate-label{

    color:
        var(--ezeno-gold-dark);

    font-size:.58rem;

    font-weight:900;

    letter-spacing:.15em;

    text-transform:uppercase;
}

.page-ezeno
.ezeno-certificate h3{

    margin-top:7px;

    color:
        var(--ezeno-deep);

    font-size:1rem;

    line-height:1.15;
}

.page-ezeno
.ezeno-certificate p{

    margin-top:8px;

    color:#788078;

    font-size:.76rem;

    line-height:1.65;
}

.page-ezeno
.ezeno-certification-note{

    margin-top:18px;

    padding:
        17px 18px;

    border:
        1px solid
        var(--ezeno-line);

    border-radius:18px;

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

.page-ezeno
.ezeno-certification-note p{

    margin-top:7px;

    color:#798179;

    font-size:.75rem;

    line-height:1.65;
}


/* ==========================================================
   ROUTINE
   ========================================================== */

.page-ezeno
.ezeno-routine{

    background:#FFFFFF;
}

.page-ezeno
.ezeno-routine-list{

    position:relative;

    margin-top:43px;
}

.page-ezeno
.ezeno-routine-list::before{

    content:"";

    position:absolute;

    left:21px;

    top:0;
    bottom:0;

    width:1px;

    background:
        linear-gradient(
            var(--ezeno-line),
            transparent
        );
}

.page-ezeno
.ezeno-routine-step{

    position:relative;

    display:grid;

    grid-template-columns:
        44px
        minmax(0,1fr);

    gap:18px;

    padding-bottom:27px;
}

.page-ezeno
.ezeno-routine-number{

    position:relative;

    z-index:2;

    width:44px;
    height:44px;

    display:grid;

    place-items:center;

    border:
        1px solid
        rgba(66,94,70,.14);

    border-radius:50%;

    background:#FFFFFF;

    color:
        var(--ezeno-green-dark);

    font-size:.68rem;

    font-weight:900;

    box-shadow:
        0 8px 23px
        rgba(41,66,45,.06);
}

.page-ezeno
.ezeno-routine-step h3{

    color:
        var(--ezeno-deep);

    font-size:1.06rem;
}

.page-ezeno
.ezeno-routine-step p{

    margin-top:5px;

    color:#747D75;

    font-size:.81rem;

    line-height:1.68;
}

.page-ezeno
.ezeno-routine-note{

    margin-top:29px;

    padding:
        17px 18px;

    border:
        1px solid
        var(--ezeno-line);

    border-radius:18px;

    background:
        #F6F9F2;
}

.page-ezeno
.ezeno-routine-note p{

    margin-top:7px;

    color:#788178;

    font-size:.75rem;

    line-height:1.65;
}


/* ==========================================================
   EXPERIENCE
   ========================================================== */

.page-ezeno
.ezeno-experience{

    background:
        #F6F9F2;
}

.page-ezeno
.ezeno-experience-grid{

    display:grid;

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

    gap:15px;

    margin-top:46px;
}

.page-ezeno
.ezeno-experience-card{

    min-height:225px;

    padding:24px;

    border:
        1px solid
        var(--ezeno-line);

    border-radius:23px;

    background:#FFFFFF;

    box-shadow:
        0 15px 43px
        rgba(41,66,45,.05);
}

.page-ezeno
.ezeno-experience-icon{

    width:44px;
    height:44px;

    display:grid;

    place-items:center;

    border-radius:14px;

    background:
        #ECF3E7;

    color:
        var(--ezeno-green-dark);

    font-size:1.08rem;

    font-weight:900;
}

.page-ezeno
.ezeno-experience-number{

    display:block;

    margin-top:20px;

    color:
        var(--ezeno-gold-dark);

    font-size:.58rem;

    font-weight:900;

    letter-spacing:.15em;
}

.page-ezeno
.ezeno-experience-card h3{

    margin-top:7px;

    color:
        var(--ezeno-deep);

    font-size:1.14rem;
}

.page-ezeno
.ezeno-experience-card p{

    margin-top:9px;

    color:#767F77;

    font-size:.79rem;

    line-height:1.72;
}


/* ==========================================================
   FAQ
   ========================================================== */

.page-ezeno
.ezeno-faq-section{

    background:
        #F6F9F2;
}

.page-ezeno
.ezeno-faq-list{

    display:flex;

    flex-direction:column;

    gap:9px;

    margin-top:42px;
}

.page-ezeno
.ezeno-faq-item{

    overflow:hidden;

    border:
        1px solid
        rgba(66,94,70,.12);

    border-radius:19px;

    background:#FFFFFF;

    transition:
        box-shadow .28s ease,
        border-color .28s ease;
}

.page-ezeno
.ezeno-faq-item.active{

    border-color:
        rgba(97,138,79,.28);

    box-shadow:
        0 16px 43px
        rgba(41,66,45,.075);
}

.page-ezeno
.ezeno-faq-question{

    width:100%;

    min-height:72px;

    display:grid;

    grid-template-columns:
        38px
        minmax(0,1fr)
        32px;

    gap:12px;

    align-items:center;

    padding:
        12px 15px;

    border:0;

    background:transparent;

    color:
        var(--ezeno-deep);

    text-align:left;
}

.page-ezeno
.ezeno-faq-question:hover{

    background:
        #FBFCF8;
}

.page-ezeno
.ezeno-faq-number{

    width:31px;
    height:31px;

    display:grid;

    place-items:center;

    border-radius:10px;

    background:
        #ECF3E7;

    color:
        var(--ezeno-green-dark);

    font-size:.60rem;

    font-weight:900;
}

.page-ezeno
.ezeno-faq-text{

    color:
        var(--ezeno-deep);

    font-size:.88rem;

    line-height:1.45;

    font-weight:850;
}

.page-ezeno
.ezeno-faq-plus{

    width:29px;
    height:29px;

    display:grid;

    place-items:center;

    border:
        1px solid
        rgba(66,94,70,.12);

    border-radius:50%;

    color:
        var(--ezeno-green-dark);

    font-size:.96rem;
}

.page-ezeno
.ezeno-faq-item.active
.ezeno-faq-plus{

    background:
        var(--ezeno-deep);

    color:#FFFFFF;
}

.page-ezeno
.ezeno-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:
        max-height .44s
        cubic-bezier(.22,.61,.36,1);
}

.page-ezeno
.ezeno-faq-answer p{

    padding:
        0 17px 19px 66px;

    color:#747D75;

    font-size:.82rem;

    line-height:1.72;
}


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

.page-ezeno
.ezeno-information-section{

    padding-top:0;

    background:
        #F6F9F2;
}

.page-ezeno
.ezeno-information-box{

    display:grid;

    grid-template-columns:
        40px
        minmax(0,1fr);

    gap:14px;

    padding:
        22px 23px;

    border:
        1px solid
        rgba(66,94,70,.12);

    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            #FFFFFF,
            #EDF3E7
        );
}

.page-ezeno
.ezeno-information-icon{

    width:37px;
    height:37px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        #E8F0E2;

    color:
        var(--ezeno-deep);

    font-weight:900;
}

.page-ezeno
.ezeno-information-box h2{

    margin-top:9px;

    color:
        var(--ezeno-deep);

    font-size:1.38rem;

    line-height:1.1;

    letter-spacing:-.025em;
}

.page-ezeno
.ezeno-information-box p{

    margin-top:8px;

    color:#778078;

    font-size:.76rem;

    line-height:1.68;
}


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

.page-ezeno
.ezeno-cta-section{

    position:relative;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 50% -15%,
            rgba(196,154,76,.12),
            transparent 28%
        ),

        linear-gradient(
            140deg,
            #16251B,
            #315338
        );
}

.page-ezeno
.ezeno-cta-box{

    position:relative;

    z-index:2;

    max-width:920px;

    margin-inline:auto;

    padding:
        78px 30px 82px;

    text-align:center;
}

.page-ezeno
.ezeno-label-light{

    color:
        var(--ezeno-gold-light);

    font-size:.63rem;

    font-weight:900;

    letter-spacing:.19em;
}

.page-ezeno
.ezeno-cta-box h2{

    margin-top:17px;

    color:#FFFFFF;

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

    line-height:.96;

    letter-spacing:-.055em;

    font-weight:900;
}

.page-ezeno
.ezeno-cta-box h2 span{

    display:block;

    margin-top:.10em;

    color:
        #D7E5CE;
}

.page-ezeno
.ezeno-cta-box > p{

    max-width:650px;

    margin:
        21px auto 0;

    color:#C7D5CA;

    font-size:.96rem;

    line-height:1.78;
}

.page-ezeno
.ezeno-cta-actions{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:12px;

    margin-top:29px;
}

.page-ezeno
.ezeno-cta-actions
.btn-glass{

    border-color:
        rgba(255,255,255,.16) !important;

    background:
        rgba(255,255,255,.045) !important;

    color:#FFFFFF !important;
}

.page-ezeno
.ezeno-cta-disclaimer{

    margin-top:
        22px !important;

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

    font-size:
        .67rem !important;

    line-height:
        1.6 !important;
}


/* ==========================================================
   DARK MODE
   ========================================================== */

body.dark .page-ezeno,
body[data-theme="dark"] .page-ezeno,
[data-theme="dark"] .page-ezeno,
.dark .page-ezeno{

    --ezeno-white:#10150F;
    --ezeno-soft:#121911;
    --ezeno-mist:#182017;

    --ezeno-deep:#F1F5EE;

    --ezeno-text:#DBE4DA;
    --ezeno-muted:#B5C0B4;

    --ezeno-line:
        rgba(226,235,223,.10);

    background:
        #10150F;

    color:
        #DBE4DA;
}


body.dark
.page-ezeno
.ezeno-hero,
body[data-theme="dark"]
.page-ezeno
.ezeno-hero,
[data-theme="dark"]
.page-ezeno
.ezeno-hero,
.dark
.page-ezeno
.ezeno-hero{

    background:

        radial-gradient(
            circle at 16% 17%,
            rgba(97,138,79,.11),
            transparent 31%
        ),

        radial-gradient(
            circle at 82% 28%,
            rgba(196,154,76,.06),
            transparent 24%
        ),

        linear-gradient(
            135deg,
            #10150F,
            #172119 58%,
            #243326
        );
}


body.dark
.page-ezeno
.ezeno-hero-copy h1,
body[data-theme="dark"]
.page-ezeno
.ezeno-hero-copy h1,
[data-theme="dark"]
.page-ezeno
.ezeno-hero-copy h1,
.dark
.page-ezeno
.ezeno-hero-copy h1{

    color:#F4F7F2;
}


body.dark
.page-ezeno
.ezeno-hero-description,
body[data-theme="dark"]
.page-ezeno
.ezeno-hero-description,
[data-theme="dark"]
.page-ezeno
.ezeno-hero-description,
.dark
.page-ezeno
.ezeno-hero-description{

    color:#BDC9BF;
}


body.dark
.page-ezeno
.ezeno-hero-pill,
body[data-theme="dark"]
.page-ezeno
.ezeno-hero-pill,
[data-theme="dark"]
.page-ezeno
.ezeno-hero-pill,
.dark
.page-ezeno
.ezeno-hero-pill{

    border-color:
        rgba(255,255,255,.09);

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

    color:#DCE8DC;
}


body.dark
.page-ezeno
.ezeno-overview-section,
body[data-theme="dark"]
.page-ezeno
.ezeno-overview-section,
[data-theme="dark"]
.page-ezeno
.ezeno-overview-section,
.dark
.page-ezeno
.ezeno-overview-section,
body.dark
.page-ezeno
.ezeno-overview-card,
body[data-theme="dark"]
.page-ezeno
.ezeno-overview-card,
[data-theme="dark"]
.page-ezeno
.ezeno-overview-card,
.dark
.page-ezeno
.ezeno-overview-card{

    background:#141B14;
}


body.dark
.page-ezeno
.ezeno-care,
body[data-theme="dark"]
.page-ezeno
.ezeno-care,
[data-theme="dark"]
.page-ezeno
.ezeno-care,
.dark
.page-ezeno
.ezeno-care,
body.dark
.page-ezeno
.ezeno-product-section,
body[data-theme="dark"]
.page-ezeno
.ezeno-product-section,
[data-theme="dark"]
.page-ezeno
.ezeno-product-section,
.dark
.page-ezeno
.ezeno-product-section,
body.dark
.page-ezeno
.ezeno-routine,
body[data-theme="dark"]
.page-ezeno
.ezeno-routine,
[data-theme="dark"]
.page-ezeno
.ezeno-routine,
.dark
.page-ezeno
.ezeno-routine{

    background:#10150F;
}


body.dark
.page-ezeno
.ezeno-ingredients,
body[data-theme="dark"]
.page-ezeno
.ezeno-ingredients,
[data-theme="dark"]
.page-ezeno
.ezeno-ingredients,
.dark
.page-ezeno
.ezeno-ingredients,
body.dark
.page-ezeno
.ezeno-benefits,
body[data-theme="dark"]
.page-ezeno
.ezeno-benefits,
[data-theme="dark"]
.page-ezeno
.ezeno-benefits,
.dark
.page-ezeno
.ezeno-benefits,
body.dark
.page-ezeno
.ezeno-certifications,
body[data-theme="dark"]
.page-ezeno
.ezeno-certifications,
[data-theme="dark"]
.page-ezeno
.ezeno-certifications,
.dark
.page-ezeno
.ezeno-certifications,
body.dark
.page-ezeno
.ezeno-experience,
body[data-theme="dark"]
.page-ezeno
.ezeno-experience,
[data-theme="dark"]
.page-ezeno
.ezeno-experience,
.dark
.page-ezeno
.ezeno-experience,
body.dark
.page-ezeno
.ezeno-faq-section,
body[data-theme="dark"]
.page-ezeno
.ezeno-faq-section,
[data-theme="dark"]
.page-ezeno
.ezeno-faq-section,
.dark
.page-ezeno
.ezeno-faq-section,
body.dark
.page-ezeno
.ezeno-information-section,
body[data-theme="dark"]
.page-ezeno
.ezeno-information-section,
[data-theme="dark"]
.page-ezeno
.ezeno-information-section,
.dark
.page-ezeno
.ezeno-information-section{

    background:#141A14;
}


body.dark
.page-ezeno
.ezeno-section-heading h2,
body.dark
.page-ezeno
.section-title,
body.dark
.page-ezeno
.ezeno-overview-card h3,
body.dark
.page-ezeno
.ezeno-care-card h3,
body.dark
.page-ezeno
.ezeno-detail-card h3,
body.dark
.page-ezeno
.ezeno-ingredient-card h3,
body.dark
.page-ezeno
.ezeno-formulation-card h3,
body.dark
.page-ezeno
.ezeno-product-card-copy h3,
body.dark
.page-ezeno
.ezeno-certificate h3,
body.dark
.page-ezeno
.ezeno-routine-step h3,
body.dark
.page-ezeno
.ezeno-experience-card h3,
body.dark
.page-ezeno
.ezeno-faq-text,
body.dark
.page-ezeno
.ezeno-information-box h2{

    color:
        #F0F4EE !important;
}


body.dark
.page-ezeno
.ezeno-section-heading p,
body.dark
.page-ezeno
.lead,
body.dark
.page-ezeno
.ezeno-overview-card p,
body.dark
.page-ezeno
.ezeno-care-card p,
body.dark
.page-ezeno
.ezeno-detail-card p,
body.dark
.page-ezeno
.ezeno-detail-item > span:last-child,
body.dark
.page-ezeno
.ezeno-ingredient-card p,
body.dark
.page-ezeno
.ezeno-formulation-card p,
body.dark
.page-ezeno
.ezeno-product-card-copy > p,
body.dark
.page-ezeno
.ezeno-product-spec span,
body.dark
.page-ezeno
.ezeno-certificate p,
body.dark
.page-ezeno
.ezeno-routine-step p,
body.dark
.page-ezeno
.ezeno-routine-note p,
body.dark
.page-ezeno
.ezeno-experience-card p,
body.dark
.page-ezeno
.ezeno-faq-answer p,
body.dark
.page-ezeno
.ezeno-information-box p{

    color:
        #B8C3B9 !important;
}


body.dark
.page-ezeno
.ezeno-overview-note,
body.dark
.page-ezeno
.ezeno-detail-card,
body.dark
.page-ezeno
.ezeno-detail-list,
body.dark
.page-ezeno
.ezeno-ingredient-card,
body.dark
.page-ezeno
.ezeno-formulation-card,
body.dark
.page-ezeno
.ezeno-certificate,
body.dark
.page-ezeno
.ezeno-routine-note,
body.dark
.page-ezeno
.ezeno-information-box,
body.dark
.page-ezeno
.ezeno-faq-item{

    background:
        #1A211A;

    border-color:
        rgba(226,235,223,.09);
}


body.dark
.page-ezeno
.ezeno-product-card{

    background:
        #1A211A;

    border-color:
        rgba(226,235,223,.09);
}


body.dark
.page-ezeno
.ezeno-product-card-visual{

    background:

        radial-gradient(
            circle at 50% 44%,
            rgba(97,138,79,.08),
            transparent 48%
        ),

        linear-gradient(
            145deg,
            #162017,
            #202B20
        );
}


body.dark
.page-ezeno
.ezeno-benefits-frame{

    background:

        radial-gradient(
            circle at 50% 45%,
            rgba(97,138,79,.07),
            rgba(196,154,76,.06) 36%,
            transparent 70%
        ),

        linear-gradient(
            145deg,
            #161E16,
            #232D22
        );
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1120px){

    .page-ezeno
    .ezeno-hero-grid{

        width:
            min(
                100%,
                calc(100% - 64px)
            );

        grid-template-columns:
            minmax(0,1fr)
            minmax(350px,.82fr);

        gap:44px;

        padding:
            72px 0 64px;
    }


    .page-ezeno
    .ezeno-hero-copy{

        padding-left:8px;
    }


    .page-ezeno
    .ezeno-hero-copy h1{

        font-size:
            clamp(
                4rem,
                7.5vw,
                6.4rem
            );
    }


    .page-ezeno
    .ezeno-hero-product{

        min-height:540px;

        transform:
            translateX(0);
    }


    .page-ezeno
    .ezeno-product-grid{

        min-height:500px;
    }


    .page-ezeno
    .ezeno-product-grid img{

        max-width:440px;

        max-height:520px;

        transform:
            translate3d(0,0,0);
    }


    .page-ezeno
    .ezeno-overview-grid,
    .page-ezeno
    .ezeno-care-grid,
    .page-ezeno
    .ezeno-ingredients-grid{

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


    .page-ezeno
    .ezeno-benefits-grid{

        gap:40px;
    }


    .page-ezeno
    .ezeno-technology-grid,
    .page-ezeno
    .ezeno-experience-grid{

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


    .page-ezeno
    .ezeno-certification-grid{

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


    .page-ezeno
    .ezeno-detail-grid{

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


    .page-ezeno
    .ezeno-detail-card-wide{

        grid-column:
            span 2;
    }
}


@media(max-width:900px){

    .page-ezeno
    .ezeno-hero{

        min-height:auto;
    }


    .page-ezeno
    .ezeno-hero-grid{

        width:
            min(
                720px,
                calc(100% - 36px)
            );

        grid-template-columns:1fr;

        gap:28px;

        padding:
            64px 0 56px;
    }


    .page-ezeno
    .ezeno-hero-copy{

        max-width:700px;

        padding-left:0;

        margin-inline:auto;

        text-align:center;
    }


    .page-ezeno
    .ezeno-eyebrow{

        justify-content:center;
    }


    .page-ezeno
    .ezeno-hero-copy h1{

        margin-inline:auto;

        font-size:
            clamp(
                4rem,
                12vw,
                6rem
            );
    }


    .page-ezeno
    .ezeno-hero-description{

        margin-inline:auto;
    }


    .page-ezeno
    .ezeno-hero-pills,
    .page-ezeno
    .ezeno-hero-actions{

        justify-content:center;

        margin-inline:auto;
    }


    .page-ezeno
    .ezeno-hero-product{

        width:
            min(
                680px,
                100%
            );

        min-height:470px;

        margin-inline:auto;

        transform:none;
    }


    .page-ezeno
    .ezeno-benefits-grid{

        grid-template-columns:
            1fr;
    }


    .page-ezeno
    .ezeno-product-card{

        grid-template-columns:
            1fr;
    }


    .page-ezeno
    .ezeno-product-card-visual{

        min-height:510px;
    }


    .page-ezeno
    .ezeno-technology-feature{

        grid-template-columns:
            1fr;
    }
}


@media(max-width:680px){

    .page-ezeno
    .section-title,
    .page-ezeno
    .ezeno-section-heading h2{

        font-size:
            clamp(
                2.05rem,
                9vw,
                3.4rem
            );
    }


    .page-ezeno
    .lead{

        font-size:.95rem;

        line-height:1.76;
    }


    .page-ezeno
    .ezeno-hero-grid{

        width:
            calc(100% - 32px);

        gap:22px;

        padding:
            50px 0 44px;
    }


    .page-ezeno
    .ezeno-hero-copy h1{

        font-size:
            clamp(
                3.45rem,
                15vw,
                5.3rem
            );
    }


    .page-ezeno
    .ezeno-hero-description{

        max-width:560px;

        margin-top:24px;

        font-size:.97rem;

        line-height:1.78;
    }


    .page-ezeno
    .ezeno-hero-pills{

        margin-top:23px;

        gap:8px;
    }


    .page-ezeno
    .ezeno-hero-actions{

        flex-direction:column;

        align-items:stretch;

        margin-top:29px;

        gap:11px;
    }


    .page-ezeno
    .ezeno-hero-actions
    .btn{

        width:100% !important;
    }


    .page-ezeno
    .ezeno-hero-product{

        min-height:380px;
    }


    .page-ezeno
    .ezeno-product-grid{

        min-height:350px;
    }


    .page-ezeno
    .ezeno-product-grid img{

        max-width:310px;

        max-height:370px;
    }


    .page-ezeno
    .ezeno-product-caption{

        display:none;
    }


    .page-ezeno
    .ezeno-overview-grid,
    .page-ezeno
    .ezeno-care-grid,
    .page-ezeno
    .ezeno-ingredients-grid,
    .page-ezeno
    .ezeno-technology-grid,
    .page-ezeno
    .ezeno-certification-grid,
    .page-ezeno
    .ezeno-experience-grid{

        grid-template-columns:
            1fr;
    }


    .page-ezeno
    .ezeno-detail-grid{

        grid-template-columns:
            1fr;
    }


    .page-ezeno
    .ezeno-detail-card-wide{

        grid-column:auto;
    }


    .page-ezeno
    .ezeno-formulation-tags{

        gap:7px;
    }


    .page-ezeno
    .ezeno-benefits-frame{

        min-height:390px;
    }


    .page-ezeno
    .ezeno-benefits-frame img{

        max-width:310px;

        max-height:350px;
    }


    .page-ezeno
    .ezeno-product-card-visual{

        min-height:390px;
    }


    .page-ezeno
    .ezeno-product-detail-grid{

        min-height:360px;

        padding:
            20px 10px 38px;
    }


    .page-ezeno
    .ezeno-product-detail-image{

        max-width:320px;

        max-height:360px;
    }


    .page-ezeno
    .ezeno-product-card-copy{

        padding:
            34px 25px 38px;
    }


    .page-ezeno
    .ezeno-product-card-copy > p{

        margin-top:20px;

        line-height:1.78;
    }


    .page-ezeno
    .ezeno-benefit-checks{

        margin-top:27px;

        gap:13px;
    }


    .page-ezeno
    .ezeno-information-box{

        grid-template-columns:
            34px
            minmax(0,1fr);
    }


    .page-ezeno
    .ezeno-faq-question{

        grid-template-columns:
            34px
            minmax(0,1fr)
            28px;

        gap:9px;

        min-height:65px;

        padding:
            10px 11px;
    }


    .page-ezeno
    .ezeno-faq-text{

        font-size:.82rem;
    }


    .page-ezeno
    .ezeno-faq-answer p{

        padding:
            0 13px 19px 54px;

        font-size:.77rem;
    }


    .page-ezeno
    .ezeno-cta-box{

        padding:
            58px 18px 63px;
    }
}


@media(max-width:430px){

    .page-ezeno
    .ezeno-hero-grid{

        width:
            calc(100% - 24px);

        padding:
            44px 0 38px;
    }


    .page-ezeno
    .ezeno-hero-copy h1{

        font-size:
            3rem;
    }


    .page-ezeno
    .ezeno-hero-product{

        min-height:320px;
    }


    .page-ezeno
    .ezeno-product-grid{

        min-height:295px;
    }


    .page-ezeno
    .ezeno-product-grid img{

        max-width:270px;

        max-height:315px;
    }


    .page-ezeno
    .ezeno-more-toggle{

        max-width:
            calc(100vw - 44px);
    }


    .page-ezeno
    .ezeno-product-card-copy h3{

        font-size:1.82rem;
    }


    .page-ezeno
    .ezeno-technology-number{

        font-size:3rem;
    }
}


/* ==========================================================
   MOTION
   ========================================================== */

@keyframes ezenoFloatOne{

    0%,100%{
        transform:
            translate3d(0,0,0);
    }

    50%{
        transform:
            translate3d(15px,-11px,0);
    }
}


@keyframes ezenoFloatTwo{

    0%,100%{
        transform:
            translate3d(0,0,0);
    }

    50%{
        transform:
            translate3d(-18px,17px,0);
    }
}


@keyframes ezenoOrbit{

    from{
        rotate:0deg;
    }

    to{
        rotate:360deg;
    }
}


@keyframes ezenoPulse{

    0%,100%{

        transform:
            scale(.96);

        opacity:.72;
    }

    50%{

        transform:
            scale(1.04);

        opacity:1;
    }
}


@media(prefers-reduced-motion:reduce){

    .page-ezeno *{

        animation-duration:
            .001ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .001ms !important;

        scroll-behavior:
            auto !important;
    }
}


/* ==========================================================
   AD LIFESTYLE V2
   ALPHA VMAX — PREMIUM PRODUCT PAGE
   Modelo visual: iSMART S3 / AlphaMeta
   Escala tipográfica e espaçamentos harmonizados
   Namespace isolado: .page-alpha
   ========================================================== */

.page-alpha{
    --alpha-white:#FFFFFF;
    --alpha-ice:#D6E5F0;
    --alpha-mist:#EFF5F9;
    --alpha-soft:#F6F9FB;
    --alpha-blue:#3D607C;
    --alpha-steel:#7894B0;
    --alpha-deep:#1A2C3B;
    --alpha-graphite:#202B34;
    --alpha-gold:#C6A15B;
    --alpha-gold-light:#E3CD98;
    --alpha-gold-dark:#8C6B33;
    --alpha-text:#344757;
    --alpha-muted:#6C7C89;
    --alpha-line:rgba(57,91,119,.13);
    --alpha-shadow:0 24px 78px rgba(24,42,58,.10);
    --alpha-shadow-heavy:0 32px 90px rgba(11,24,34,.22);
    --alpha-radius:32px;
    --alpha-radius-sm:21px;
    --alpha-ease:cubic-bezier(.22,.61,.36,1);
    color:var(--alpha-text);
    background:var(--alpha-white);
    font-family:Inter,"Avenir Next","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

.page-alpha *{box-sizing:border-box;}
.page-alpha button,.page-alpha input,.page-alpha textarea,.page-alpha select{font:inherit;}
.page-alpha img{display:block;max-width:100%;}
.page-alpha p{margin:0;}
.page-alpha h1,.page-alpha h2,.page-alpha h3{margin:0;}

.page-alpha .section{
    position:relative;
    padding:112px 0;
    overflow:hidden;
}

.page-alpha .container{
    width:min(1220px,calc(100% - 96px));
    margin-inline:auto;
    position:relative;
    z-index:2;
}

.page-alpha .container-sm{
    width:min(900px,calc(100% - 96px));
    margin-inline:auto;
    position:relative;
    z-index:2;
}

.page-alpha .alpha-section-heading-center{
    text-align:center;
}

/* ==========================================================
   COMMON TYPE
   ========================================================== */

.page-alpha .section-title{
    max-width:920px;
    font-size:clamp(2.25rem,4.9vw,4.65rem);
    line-height:.98;
    letter-spacing:-.055em;
    font-weight:900;
    color:var(--alpha-deep);
}

.page-alpha .section-title span{
    display:block;
    margin-top:.08em;
    color:var(--alpha-steel);
}

.page-alpha .lead{
    max-width:760px;
    margin-top:22px;
    color:#647584;
    font-size:1.04rem;
    line-height:1.82;
}

.page-alpha .section-center{
    max-width:940px;
    margin-inline:auto;
    text-align:center;
}

.page-alpha .label,
.page-alpha .eyebrow{
    color:var(--alpha-blue);
    font-size:.69rem;
    font-weight:900;
    letter-spacing:.20em;
    text-transform:uppercase;
}

.page-alpha .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:17px;
}

.page-alpha .eyebrow::before{
    content:"";
    width:28px;
    height:1px;
    background:currentColor;
    opacity:.65;
}

.page-alpha .alpha-section-heading{
    max-width:900px;
    margin:0 auto 42px;
}

.page-alpha .alpha-section-heading-center{text-align:center;}

.page-alpha .alpha-section-heading h2{
    margin:0;
    color:var(--alpha-deep);
    font-size:clamp(2.3rem,4.9vw,4.7rem);
    line-height:.98;
    letter-spacing:-.055em;
    font-weight:900;
}

.page-alpha .alpha-section-heading h2 span{
    display:block;
    color:var(--alpha-steel);
}

.page-alpha .alpha-section-heading p{
    max-width:760px;
    margin-top:20px;
    color:#697B89;
    font-size:1rem;
    line-height:1.82;
}

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

.page-alpha .btn{
    width:auto!important;
    min-height:49px;
    padding:0 20px!important;
    border-radius:14px!important;
    font-size:.82rem!important;
    font-weight:850!important;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;
}

.page-alpha .btn:hover{transform:translateY(-2px);}

.page-alpha .btn-primary{
    border:1px solid transparent!important;
    background:linear-gradient(135deg,var(--alpha-deep),var(--alpha-blue))!important;
    color:#FFFFFF!important;
    box-shadow:0 14px 30px rgba(24,42,58,.20);
}

.page-alpha .btn-glass{
    border:1px solid rgba(24,42,58,.14)!important;
    background:rgba(255,255,255,.55)!important;
    color:var(--alpha-deep)!important;
}

.page-alpha .btn:focus-visible,
.page-alpha .alpha-more-toggle:focus-visible,
.page-alpha .alpha-faq-question:focus-visible{
    outline:3px solid rgba(120,148,176,.42);
    outline-offset:3px;
}

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

.page-alpha .alpha-hero{
    position:relative;
    min-height:min(860px,92vh);
    display:flex;
    align-items:center;
    overflow:hidden;
    isolation:isolate;
    background:
        radial-gradient(circle at 18% 18%,rgba(201,217,233,.78),transparent 33%),
        radial-gradient(circle at 82% 32%,rgba(198,161,91,.08),transparent 26%),
        linear-gradient(135deg,#FFFFFF,#F1F7FA 54%,#DBE9F2);
}

.page-alpha .alpha-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(rgba(57,91,119,.027) 1px,transparent 1px),
        linear-gradient(90deg,rgba(57,91,119,.027) 1px,transparent 1px);
    background-size:52px 52px;
    mask-image:linear-gradient(to bottom,#000,transparent 88%);
}

.page-alpha .alpha-hero-grid{
    width:min(1220px,calc(100% - 96px));
    margin-inline:auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);
    gap:72px;
    align-items:center;
    padding-block:82px 72px;
    position:relative;
    z-index:2;
}

.page-alpha .alpha-hero-copy{
    grid-column:1;
    grid-row:1;
    max-width:680px;
    padding-left:0;
    min-width:0;
}

.page-alpha .alpha-hero-copy .alpha-eyebrow{margin-bottom:18px;}

.page-alpha .alpha-hero-title{
    margin:0;
    color:var(--alpha-deep);
    font-size:clamp(4rem,8vw,7.8rem);
    line-height:.82;
    letter-spacing:-.075em;
    font-weight:900;
}

.page-alpha .alpha-hero-title span{
    display:block;
    background:linear-gradient(100deg,var(--alpha-deep),var(--alpha-steel) 58%,var(--alpha-gold));
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.page-alpha .alpha-hero-description{
    max-width:620px;
    margin-top:32px;
    color:#5F7180;
    font-size:1.08rem;
    line-height:1.90;
}

.page-alpha .alpha-hero-pills{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:28px;
}

.page-alpha .alpha-hero-pill{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    padding:0 12px;
    border:1px solid rgba(57,91,119,.11);
    border-radius:999px;
    background:rgba(255,255,255,.62);
    color:var(--alpha-blue);
    font-size:.65rem;
    font-weight:850;
}

.page-alpha .alpha-hero-pill::before{
    content:"";
    width:6px;
    height:6px;
    margin-right:8px;
    border-radius:50%;
    background:var(--alpha-gold);
}

.page-alpha .alpha-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

.page-alpha .alpha-hero-meta{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-top:31px;
    max-width:640px;
}

.page-alpha .alpha-hero-meta > div{
    padding:12px 14px;
    border-top:1px solid rgba(57,91,119,.11);
}

.page-alpha .alpha-hero-meta strong{
    display:block;
    color:var(--alpha-deep);
    font-size:.75rem;
    font-weight:900;
}

.page-alpha .alpha-hero-meta span{
    display:block;
    margin-top:4px;
    color:#7B8995;
    font-size:.62rem;
    line-height:1.50;
}

/* ==========================================================
   HERO ATMOSPHERE
   ========================================================== */

.page-alpha .alpha-hero-atmosphere{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:-1;
}

.page-alpha .alpha-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(60px);
}

.page-alpha .alpha-orb-1{
    width:460px;
    height:460px;
    left:-190px;
    top:-170px;
    background:rgba(120,148,176,.16);
}

.page-alpha .alpha-orb-2{
    width:360px;
    height:360px;
    right:-80px;
    top:12%;
    background:rgba(198,161,91,.08);
}

.page-alpha .alpha-orbit{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(57,91,119,.09);
}

.page-alpha .alpha-orbit-1{
    width:520px;
    height:250px;
    right:-90px;
    top:23%;
    transform:rotate(18deg);
}

.page-alpha .alpha-orbit-2{
    width:680px;
    height:310px;
    right:-170px;
    top:13%;
    transform:rotate(-16deg);
    border-color:rgba(198,161,91,.10);
}

/* ==========================================================
   HERO PRODUCT
   ========================================================== */

.page-alpha .alpha-hero-product{
    grid-column:2;
    grid-row:1;
    position:relative;
    min-height:610px;
    display:grid;
    place-items:center;
}

.page-alpha .alpha-product-aura{
    position:absolute;
    width:70%;
    aspect-ratio:1;
    border-radius:50%;
    background:radial-gradient(circle,rgba(61,96,124,.14),rgba(120,148,176,.08) 34%,transparent 70%);
    filter:blur(10px);
    animation:alphaPulse 5.8s ease-in-out infinite;
}

.page-alpha .alpha-product-ring{
    position:absolute;
    width:78%;
    aspect-ratio:1;
    border-radius:50%;
    border:1px solid rgba(120,148,176,.18);
    box-shadow:0 0 0 32px rgba(201,217,233,.08),0 0 0 66px rgba(201,217,233,.045);
}

.page-alpha .alpha-product-ring-2{
    width:91%;
    border-style:dashed;
    border-color:rgba(198,161,91,.17);
    animation:alphaOrbit 28s linear infinite;
}

.page-alpha .alpha-product-grid{
    position:absolute;
    width:100%;
    aspect-ratio:1;
    background:
        linear-gradient(rgba(57,91,119,.027) 1px,transparent 1px),
        linear-gradient(90deg,rgba(57,91,119,.027) 1px,transparent 1px);
    background-size:28px 28px;
    transform:rotate(45deg);
    mask-image:radial-gradient(circle,#000,transparent 68%);
}

.page-alpha .alpha-hero-product-image{
    position:relative;
    z-index:5;
    display:block;
    width:auto;
    height:auto;
    max-width:430px;
    max-height:550px;
    object-fit:contain;
    object-position:center;
    opacity:1!important;
    filter:drop-shadow(0 26px 38px rgba(0,0,0,.17))!important;
}

.page-alpha .alpha-product-caption{
    position:absolute;
    right:4%;
    bottom:6%;
    z-index:7;
    display:flex;
    flex-direction:column;
    gap:2px;
    padding:9px 12px;
    border:1px solid rgba(24,42,58,.10);
    border-radius:999px;
    background:rgba(255,255,255,.52);
    backdrop-filter:blur(12px);
}

.page-alpha .alpha-product-caption strong{
    color:var(--alpha-deep);
    font-size:.66rem;
    letter-spacing:.14em;
}

.page-alpha .alpha-product-caption span{
    color:var(--alpha-steel);
    font-size:.54rem;
    font-weight:850;
    letter-spacing:.13em;
}

.page-alpha .alpha-hero-product.image-error::after,
.page-alpha .alpha-product-detail-frame.image-error::after,
.page-alpha .alpha-benefits-frame.image-error::after{
    content:"Imagem não encontrada — verificar caminho do ficheiro";
    position:absolute;
    left:50%;
    bottom:28px;
    transform:translateX(-50%);
    width:max-content;
    max-width:84%;
    padding:8px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(57,91,119,.11);
    color:#71818D;
    font-size:.59rem;
    font-weight:800;
    text-align:center;
}

@keyframes alphaPulse{
    0%,100%{transform:scale(.96);opacity:.72;}
    50%{transform:scale(1.04);opacity:1;}
}

@keyframes alphaOrbit{
    from{rotate:0deg;}
    to{rotate:360deg;}
}

/* ==========================================================
   OVERVIEW
   ========================================================== */

.page-alpha .alpha-overview-section{
    background:linear-gradient(180deg,#FFFFFF,#F7FAFC);
}

.page-alpha .alpha-overview-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:46px;
}

.page-alpha .alpha-overview-card{
    min-height:240px;
    padding:24px;
    border:1px solid var(--alpha-line);
    border-radius:24px;
    background:#FFFFFF;
    box-shadow:0 14px 42px rgba(24,42,58,.06);
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}

.page-alpha .alpha-overview-card:hover{
    transform:translateY(-5px);
    box-shadow:0 21px 46px rgba(24,42,58,.10);
    border-color:rgba(57,91,119,.20);
}

.page-alpha .alpha-card-number{
    display:block;
    color:rgba(57,91,119,.18);
    font-size:.67rem;
    font-weight:900;
    letter-spacing:.14em;
}

.page-alpha .alpha-card-icon{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    margin-top:19px;
    border-radius:13px;
    background:#EDF4F8;
    color:var(--alpha-gold-dark);
    font-size:1rem;
    font-weight:900;
}

.page-alpha .alpha-overview-card h3{
    margin-top:21px;
    color:var(--alpha-deep);
    font-size:1.15rem;
    line-height:1.15;
}

.page-alpha .alpha-overview-card p{
    margin-top:9px;
    color:#74828F;
    font-size:.81rem;
    line-height:1.70;
}

.page-alpha .alpha-overview-note{
    margin-top:19px;
    padding:18px 20px;
    border:1px solid var(--alpha-line);
    border-radius:18px;
    background:rgba(255,255,255,.75);
}

.page-alpha .alpha-overview-note strong{
    color:var(--alpha-deep);
    font-size:.83rem;
}

.page-alpha .alpha-overview-note p{
    margin-top:4px;
    color:#778692;
    font-size:.74rem;
    line-height:1.65;
}

/* ==========================================================
   COMPOSITION
   ========================================================== */

.page-alpha .alpha-composition{background:#FFFFFF;}

.page-alpha .alpha-composition-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:15px;
}

.page-alpha .alpha-composition-card{
    min-height:290px;
    padding:25px;
    border:1px solid var(--alpha-line);
    border-radius:24px;
    background:linear-gradient(145deg,#FFFFFF,#F2F7FA);
    box-shadow:0 18px 50px rgba(24,42,58,.07);
}

.page-alpha .alpha-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.page-alpha .alpha-card-symbol{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:#EAF2F7;
    color:var(--alpha-blue);
    font-style:normal;
    font-size:1.05rem;
}

.page-alpha .alpha-composition-label{
    display:block;
    margin-top:27px;
    color:var(--alpha-blue);
    font-size:.61rem;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.page-alpha .alpha-composition-card h3{
    margin-top:7px;
    color:var(--alpha-deep);
    font-size:1.18rem;
    line-height:1.12;
}

.page-alpha .alpha-composition-card p{
    margin-top:9px;
    color:#778692;
    font-size:.80rem;
    line-height:1.69;
}

/* ==========================================================
   MORE / DETAILS
   ========================================================== */

.page-alpha .alpha-more-wrap{
    margin-top:21px;
}

.page-alpha .alpha-more-toggle{
    display:inline-flex;
    width:max-content!important;
    min-height:40px;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 14px!important;
    border:1px solid rgba(57,91,119,.15)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.68)!important;
    color:var(--alpha-blue)!important;
    box-shadow:none!important;
    font-size:.70rem!important;
    font-weight:900!important;
}

.page-alpha .alpha-more-toggle i{
    font-style:normal;
    font-size:1rem;
    line-height:1;
    transition:transform .25s ease;
}

.page-alpha .alpha-more-toggle.active i{
    transform:rotate(45deg);
}

.page-alpha .alpha-more-panel{
    max-height:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transition:max-height .55s var(--alpha-ease),opacity .30s ease,visibility 0s linear .55s;
}

.page-alpha .alpha-more-panel.active{
    opacity:1;
    visibility:visible;
    transition:max-height .58s var(--alpha-ease),opacity .35s ease,visibility 0s linear 0s;
}

.page-alpha .alpha-detail-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:16px;
}

.page-alpha .alpha-detail-card{
    padding:23px;
    border:1px solid var(--alpha-line);
    border-radius:21px;
    background:#F7FAFC;
}

.page-alpha .alpha-detail-card h3{
    margin-top:11px;
    color:var(--alpha-deep);
    font-size:1.12rem;
}

.page-alpha .alpha-detail-card p{
    margin-top:7px;
    color:#768591;
    font-size:.82rem;
    line-height:1.68;
}

.page-alpha .alpha-detail-card:nth-child(5){grid-column:1/-1;}

.page-alpha .alpha-detail-list{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:15px;
}

.page-alpha .alpha-detail-item{
    display:flex;
    gap:9px;
    align-items:flex-start;
}

.page-alpha .alpha-detail-check{
    flex:0 0 22px;
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(61,96,124,.10);
    color:var(--alpha-blue);
    font-size:.62rem;
    font-weight:900;
}

.page-alpha .alpha-detail-item > span:last-child{
    color:#73828E;
    font-size:.76rem;
    line-height:1.58;
}

/* ==========================================================
   BENEFITS
   ========================================================== */

.page-alpha .alpha-benefits{background:#F6F9FB;}

.page-alpha .alpha-benefits-grid{
    display:grid;
    grid-template-columns:minmax(420px,.88fr) minmax(0,1fr);
    gap:72px;
    align-items:center;
}

.page-alpha .alpha-benefits-intro{
    max-width:650px;
    margin-top:22px;
    color:#6B7D8B;
    font-size:1rem;
    line-height:1.82;
}

.page-alpha .alpha-benefit-checks{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:28px;
}

.page-alpha .alpha-benefit-check{
    display:flex;
    align-items:center;
    gap:10px;
}

.page-alpha .alpha-benefit-check > span{
    width:27px;
    height:27px;
    flex:0 0 27px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(61,135,74,.10);
    color:#286736;
    font-size:.74rem;
    font-weight:900;
}

.page-alpha .alpha-benefit-check p{
    color:#516777;
    font-size:.86rem;
    line-height:1.5;
}

.page-alpha .alpha-benefits-visual{
    grid-column:1;
    grid-row:1;
}

.page-alpha .alpha-benefits-copy{
    grid-column:2;
    grid-row:1;
    min-width:0;
}

.page-alpha .alpha-benefits-frame{
    position:relative;
    min-height:560px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:34px;
    background:
        radial-gradient(circle at 50% 44%,rgba(57,91,119,.10),rgba(201,217,233,.24) 36%,transparent 70%),
        linear-gradient(145deg,#FFFFFF,#E9F1F5);
    box-shadow:var(--alpha-shadow);
}

.page-alpha .alpha-benefits-aura{
    position:absolute;
    width:76%;
    aspect-ratio:1;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.96),transparent 68%);
}

.page-alpha .alpha-benefits-ring{
    position:absolute;
    width:64%;
    aspect-ratio:1;
    border-radius:50%;
    border:1px solid rgba(120,148,176,.17);
}

.page-alpha .alpha-benefits-grid-decoration{
    position:absolute;
    width:82%;
    aspect-ratio:1;
    background:
        linear-gradient(rgba(57,91,119,.027) 1px,transparent 1px),
        linear-gradient(90deg,rgba(57,91,119,.027) 1px,transparent 1px);
    background-size:25px 25px;
    transform:rotate(45deg);
    mask-image:radial-gradient(circle,#000,transparent 68%);
}

.page-alpha .alpha-benefits-frame img{
    position:relative;
    z-index:3;
    max-width:430px;
    max-height:500px;
    object-fit:contain;
    filter:drop-shadow(0 26px 38px rgba(0,0,0,.17));
}

/* ==========================================================
   PRODUCT DETAIL
   ========================================================== */

.page-alpha .alpha-product-section{background:#FFFFFF;}

.page-alpha .alpha-product-detail-grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:64px;
    align-items:center;
}

.page-alpha .alpha-product-detail-frame{
    position:relative;
    min-height:500px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:34px;
    background:
        radial-gradient(circle at 50% 44%,rgba(201,217,233,.50),transparent 46%),
        linear-gradient(145deg,#F7FBFD,#E7F0F5);
    box-shadow:var(--alpha-shadow);
}

.page-alpha .alpha-detail-aura{
    position:absolute;
    width:74%;
    aspect-ratio:1;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.95),transparent 68%);
}

.page-alpha .alpha-detail-ring{
    position:absolute;
    width:65%;
    aspect-ratio:1;
    border-radius:50%;
    border:1px solid rgba(120,148,176,.18);
}

.page-alpha .alpha-detail-ring-secondary{
    width:84%;
    border-style:dashed;
    border-color:rgba(198,161,91,.17);
    animation:alphaOrbit 30s linear infinite reverse;
}

.page-alpha .alpha-detail-grid-decoration{
    position:absolute;
    width:85%;
    aspect-ratio:1;
    background:
        linear-gradient(rgba(57,91,119,.027) 1px,transparent 1px),
        linear-gradient(90deg,rgba(57,91,119,.027) 1px,transparent 1px);
    background-size:25px 25px;
    transform:rotate(45deg);
    mask-image:radial-gradient(circle,#000,transparent 68%);
}

.page-alpha .alpha-product-detail-image{
    position:relative;
    z-index:4;
    width:auto;
    max-width:400px;
    max-height:460px;
    object-fit:contain;
    filter:drop-shadow(0 25px 36px rgba(0,0,0,.16));
}

.page-alpha .alpha-detail-caption{
    position:absolute;
    right:20px;
    bottom:18px;
    z-index:7;
    display:flex;
    flex-direction:column;
    gap:2px;
    padding:9px 12px;
    border:1px solid rgba(24,42,58,.10);
    border-radius:999px;
    background:rgba(255,255,255,.52);
    backdrop-filter:blur(12px);
}

.page-alpha .alpha-detail-caption strong{
    color:var(--alpha-deep);
    font-size:.61rem;
    letter-spacing:.14em;
}

.page-alpha .alpha-detail-caption span{
    color:var(--alpha-steel);
    font-size:.52rem;
    font-weight:850;
    letter-spacing:.12em;
}

.page-alpha .alpha-product-detail-copy h3{
    margin-top:16px;
    color:var(--alpha-deep);
    font-size:2rem;
    line-height:1;
    letter-spacing:-.04em;
    font-weight:900;
}

.page-alpha .alpha-product-spec-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:29px;
}

.page-alpha .alpha-product-spec{
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px;
    border:1px solid var(--alpha-line);
    border-radius:16px;
    background:#F7FAFC;
}

.page-alpha .alpha-product-spec > span{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:var(--alpha-blue);
    color:#FFFFFF;
    font-size:.63rem;
    font-weight:900;
}

.page-alpha .alpha-product-spec strong{
    display:block;
    color:var(--alpha-deep);
    font-size:.80rem;
}

.page-alpha .alpha-product-spec small{
    display:block;
    margin-top:3px;
    color:#788894;
    font-size:.71rem;
    line-height:1.45;
}

/* ==========================================================
   INGREDIENT FEATURES
   ========================================================== */

.page-alpha .alpha-ingredients{
    background:linear-gradient(180deg,#F6F9FB,#FFFFFF);
}

.page-alpha .alpha-ingredients-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.page-alpha .alpha-ingredient-feature{
    min-height:260px;
    padding:28px;
    position:relative;
    overflow:hidden;
    border:1px solid var(--alpha-line);
    border-radius:27px;
    background:#FFFFFF;
    box-shadow:0 15px 40px rgba(24,42,58,.06);
}

.page-alpha .alpha-ingredient-feature.large{
    min-height:330px;
    grid-row:span 2;
    background:
        radial-gradient(circle at 85% 12%,rgba(61,96,124,.10),transparent 29%),
        linear-gradient(145deg,#FFFFFF,#EEF5FA);
}

.page-alpha .alpha-ingredient-feature.wide{
    grid-column:1/-1;
    min-height:230px;
    background:linear-gradient(145deg,#FFFFFF,#F8F3E8);
}

.page-alpha .alpha-feature-number{
    position:absolute;
    right:25px;
    top:24px;
    color:rgba(57,91,119,.18);
    font-size:.67rem;
    font-weight:900;
    letter-spacing:.14em;
}

.page-alpha .alpha-feature-symbol{
    width:66px;
    height:66px;
    display:grid;
    place-items:center;
    margin-bottom:26px;
    border-radius:20px;
    background:#EAF2F7;
    color:var(--alpha-blue);
    font-size:1.20rem;
    font-weight:900;
}

.page-alpha .alpha-ingredient-feature .label{font-size:.61rem;}

.page-alpha .alpha-ingredient-feature h3{
    margin-top:8px;
    color:var(--alpha-deep);
    font-size:1.45rem;
    line-height:1.1;
}

.page-alpha .alpha-ingredient-feature p{
    max-width:560px;
    margin-top:10px;
    color:#758592;
    font-size:.86rem;
    line-height:1.76;
}

.page-alpha .alpha-ingredient-note{
    margin-top:18px;
    padding:19px 21px;
    display:flex;
    align-items:flex-start;
    gap:15px;
    border:1px solid var(--alpha-line);
    border-radius:18px;
    background:rgba(255,255,255,.82);
}

.page-alpha .alpha-ingredient-note > span{
    flex:none;
    padding:8px 10px;
    border-radius:9px;
    background:rgba(198,161,91,.10);
    color:var(--alpha-gold-dark);
    font-size:.60rem;
    font-weight:900;
    letter-spacing:.12em;
}

.page-alpha .alpha-ingredient-note p{
    color:#778692;
    font-size:.78rem;
    line-height:1.63;
}

/* ==========================================================
   USAGE
   ========================================================== */

.page-alpha .alpha-usage{background:#FFFFFF;}

.page-alpha .alpha-usage-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.page-alpha .alpha-usage-step{
    min-height:240px;
    padding:24px;
    border:1px solid var(--alpha-line);
    border-radius:23px;
    background:linear-gradient(145deg,#FFFFFF,#F4F8FB);
    box-shadow:0 12px 34px rgba(24,42,58,.055);
}

.page-alpha .alpha-usage-number{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:var(--alpha-blue);
    color:#FFFFFF;
    font-size:.68rem;
    font-weight:900;
}

.page-alpha .alpha-usage-step h3{
    margin-top:24px;
    color:var(--alpha-deep);
    font-size:1.04rem;
}

.page-alpha .alpha-usage-step p{
    margin-top:8px;
    color:#74838F;
    font-size:.80rem;
    line-height:1.68;
}

.page-alpha .alpha-usage-note{
    margin-top:18px;
    padding:20px 22px;
    border-left:3px solid var(--alpha-gold);
    border-radius:0 16px 16px 0;
    background:#F8FAFC;
}

.page-alpha .alpha-usage-note .label{font-size:.61rem;}
.page-alpha .alpha-usage-note p{margin-top:9px;color:#74838F;font-size:.78rem;line-height:1.68;}

/* ==========================================================
   PERFORMANCE
   ========================================================== */

.page-alpha .alpha-performance{
    background:
        radial-gradient(circle at 14% 20%,rgba(120,148,176,.12),transparent 28%),
        linear-gradient(180deg,#EFF5F9,#EAF2F7);
}

.page-alpha .alpha-performance-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.page-alpha .alpha-performance-card{
    min-height:245px;
    padding:28px;
    border:1px solid rgba(57,91,119,.10);
    border-radius:27px;
    background:rgba(255,255,255,.78);
    box-shadow:0 18px 42px rgba(24,42,58,.08);
    backdrop-filter:blur(13px);
}

.page-alpha .alpha-performance-letter{
    width:67px;
    height:67px;
    display:grid;
    place-items:center;
    border-radius:20px;
    background:linear-gradient(145deg,var(--alpha-deep),var(--alpha-blue));
    color:#FFFFFF;
    font-size:1.40rem;
    font-weight:900;
}

.page-alpha .alpha-performance-card h3{
    margin-top:25px;
    color:var(--alpha-deep);
    font-size:1.18rem;
}

.page-alpha .alpha-performance-card p{
    margin-top:9px;
    color:#728391;
    font-size:.83rem;
    line-height:1.70;
}

.page-alpha .alpha-performance-feature{
    margin-top:18px;
    padding:28px;
    border-radius:27px;
    background:
        radial-gradient(circle at 89% 16%,rgba(198,161,91,.18),transparent 24%),
        linear-gradient(135deg,#123148,#1F4969);
    box-shadow:0 25px 55px rgba(13,34,50,.18);
}

.page-alpha .alpha-performance-feature .label{color:#78AC82;}

.page-alpha .alpha-performance-feature h3{
    margin-top:13px;
    color:#FFFFFF;
    font-size:1.50rem;
}

.page-alpha .alpha-performance-feature p{
    max-width:900px;
    margin-top:9px;
    color:#C8D6DF;
    font-size:.88rem;
    line-height:1.76;
}

/* ==========================================================
   FAQ
   ========================================================== */

.page-alpha .alpha-faq{background:#F6F9FB;}

.page-alpha .alpha-faq-list{
    display:flex;
    flex-direction:column;
    gap:9px;
    margin-top:42px;
}

.page-alpha .alpha-faq-item{
    overflow:hidden;
    border:1px solid rgba(57,91,119,.12);
    border-radius:19px;
    background:#FFFFFF;
    transition:box-shadow .28s ease,border-color .28s ease;
}

.page-alpha .alpha-faq-item.active{
    border-color:rgba(61,96,124,.24);
    box-shadow:0 16px 43px rgba(24,42,58,.075);
}

.page-alpha .alpha-faq-question{
    width:100%;
    min-height:72px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 32px;
    gap:12px;
    align-items:center;
    padding:12px 15px;
    border:0;
    background:transparent;
    color:var(--alpha-deep);
    text-align:left;
    cursor:pointer;
}

.page-alpha .alpha-faq-question:hover{background:#F8FBFD;}

.page-alpha .alpha-faq-number{
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#EEF4F8;
    color:var(--alpha-blue);
    font-size:.60rem;
    font-weight:900;
}

.page-alpha .alpha-faq-text{
    color:var(--alpha-deep);
    font-size:.88rem;
    line-height:1.45;
    font-weight:850;
}

.page-alpha .alpha-faq-plus{
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    border:1px solid rgba(57,91,119,.12);
    border-radius:50%;
    color:var(--alpha-blue);
    font-size:.96rem;
    transition:transform .25s ease,background .25s ease,color .25s ease;
}

.page-alpha .alpha-faq-item.active .alpha-faq-plus{
    background:var(--alpha-deep);
    color:#FFFFFF;
}

.page-alpha .alpha-faq-answer{
    max-height:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transition:max-height .44s cubic-bezier(.22,.61,.36,1),opacity .25s ease,visibility 0s linear .44s;
}

.page-alpha .alpha-faq-item.active .alpha-faq-answer{
    max-height:900px;
    opacity:1;
    visibility:visible;
    transition:max-height .52s cubic-bezier(.22,.61,.36,1),opacity .28s ease,visibility 0s linear 0s;
}

.page-alpha .alpha-faq-answer p{
    padding:0 17px 20px 66px;
    color:#526A79;
    font-size:.84rem;
    line-height:1.82;
}

.page-alpha .alpha-faq-item.active .alpha-faq-answer p{
    color:#405968;
}

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

.page-alpha .alpha-information-section{
    padding-top:0;
    background:#F6F9FB;
}

.page-alpha .alpha-information-box{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:14px;
    padding:22px 23px;
    border:1px solid rgba(57,91,119,.12);
    border-radius:22px;
    background:linear-gradient(135deg,#FFFFFF,#EEF4F8);
}

.page-alpha .alpha-information-icon{
    width:37px;
    height:37px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#EAF1F5;
    color:var(--alpha-deep);
    font-weight:900;
}

.page-alpha .alpha-information-box h2{
    margin-top:9px;
    color:var(--alpha-deep);
    font-size:1.38rem;
    line-height:1.1;
    letter-spacing:-.025em;
}

.page-alpha .alpha-information-box p{
    margin-top:8px;
    color:#778691;
    font-size:.76rem;
    line-height:1.68;
}

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

.page-alpha .alpha-cta{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% -15%,rgba(198,161,91,.09),transparent 28%),
        linear-gradient(140deg,#0E1921,#1B3447);
}

.page-alpha .alpha-cta-box{
    position:relative;
    z-index:2;
    max-width:920px;
    margin-inline:auto;
    padding:70px 30px 74px;
    text-align:center;
}

.page-alpha .alpha-label-light{
    color:var(--alpha-gold-light);
    font-size:.63rem;
    font-weight:900;
    letter-spacing:.19em;
}

.page-alpha .alpha-cta-box h2{
    margin-top:17px;
    color:#FFFFFF;
    font-size:clamp(2.6rem,5vw,5rem);
    line-height:.96;
    letter-spacing:-.055em;
    font-weight:900;
}

.page-alpha .alpha-cta-box h2 span{
    display:block;
    margin-top:.10em;
    color:var(--alpha-ice);
}

.page-alpha .alpha-cta-box p{
    max-width:650px;
    margin:21px auto 0;
    color:#C3D1DA;
    font-size:.96rem;
    line-height:1.78;
}

.page-alpha .alpha-cta-actions{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:29px;
}

.page-alpha .alpha-cta-actions .alpha-btn-dark{
    border-color:rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.045)!important;
    color:#FFFFFF!important;
}

/* ==========================================================
   DARK MODE
   ========================================================== */

body.dark .page-alpha,
body[data-theme="dark"] .page-alpha,
[data-theme="dark"] .page-alpha,
.dark .page-alpha{
    --alpha-white:#0F1921;
    --alpha-ice:#C6D7E5;
    --alpha-mist:#111D26;
    --alpha-soft:#111D26;
    --alpha-blue:#6F9FC6;
    --alpha-steel:#91AABD;
    --alpha-deep:#F1F6F9;
    --alpha-text:#DCE7EE;
    --alpha-muted:#AFBEC9;
    --alpha-line:rgba(218,231,240,.10);
    background:#0F1921;
    color:#DCE7EE;
}

body.dark .page-alpha .alpha-hero,
body[data-theme="dark"] .page-alpha .alpha-hero,
[data-theme="dark"] .page-alpha .alpha-hero,
.dark .page-alpha .alpha-hero{
    background:
        radial-gradient(circle at 16% 17%,rgba(120,148,176,.16),transparent 31%),
        radial-gradient(circle at 82% 28%,rgba(198,161,91,.05),transparent 24%),
        linear-gradient(135deg,#0F1921,#14252F 58%,#17313B);
}

body.dark .page-alpha .alpha-hero-description,
body[data-theme="dark"] .page-alpha .alpha-hero-description,
[data-theme="dark"] .page-alpha .alpha-hero-description,
.dark .page-alpha .alpha-hero-description,
body.dark .page-alpha .alpha-section-heading p,
body[data-theme="dark"] .page-alpha .alpha-section-heading p,
[data-theme="dark"] .page-alpha .alpha-section-heading p,
.dark .page-alpha .alpha-section-heading p,
body.dark .page-alpha .lead,
body[data-theme="dark"] .page-alpha .lead,
[data-theme="dark"] .page-alpha .lead,
.dark .page-alpha .lead{
    color:#B7C6D0;
}

body.dark .page-alpha .alpha-overview-section,
body[data-theme="dark"] .page-alpha .alpha-overview-section,
[data-theme="dark"] .page-alpha .alpha-overview-section,
.dark .page-alpha .alpha-overview-section,
body.dark .page-alpha .alpha-composition,
body[data-theme="dark"] .page-alpha .alpha-composition,
[data-theme="dark"] .page-alpha .alpha-composition,
.dark .page-alpha .alpha-composition,
body.dark .page-alpha .alpha-product-section,
body[data-theme="dark"] .page-alpha .alpha-product-section,
[data-theme="dark"] .page-alpha .alpha-product-section,
.dark .page-alpha .alpha-product-section,
body.dark .page-alpha .alpha-usage,
body[data-theme="dark"] .page-alpha .alpha-usage,
[data-theme="dark"] .page-alpha .alpha-usage,
.dark .page-alpha .alpha-usage{
    background:#0F1921;
}

body.dark .page-alpha .alpha-benefits,
body[data-theme="dark"] .page-alpha .alpha-benefits,
[data-theme="dark"] .page-alpha .alpha-benefits,
.dark .page-alpha .alpha-benefits,
body.dark .page-alpha .alpha-ingredients,
body[data-theme="dark"] .page-alpha .alpha-ingredients,
[data-theme="dark"] .page-alpha .alpha-ingredients,
.dark .page-alpha .alpha-ingredients,
body.dark .page-alpha .alpha-faq,
body[data-theme="dark"] .page-alpha .alpha-faq,
[data-theme="dark"] .page-alpha .alpha-faq,
.dark .page-alpha .alpha-faq{
    background:#101A23;
}

body.dark .page-alpha .alpha-overview-card,
body[data-theme="dark"] .page-alpha .alpha-overview-card,
[data-theme="dark"] .page-alpha .alpha-overview-card,
.dark .page-alpha .alpha-overview-card,
body.dark .page-alpha .alpha-composition-card,
body[data-theme="dark"] .page-alpha .alpha-composition-card,
[data-theme="dark"] .page-alpha .alpha-composition-card,
.dark .page-alpha .alpha-composition-card,
body.dark .page-alpha .alpha-detail-card,
body[data-theme="dark"] .page-alpha .alpha-detail-card,
[data-theme="dark"] .page-alpha .alpha-detail-card,
.dark .page-alpha .alpha-detail-card,
body.dark .page-alpha .alpha-usage-step,
body[data-theme="dark"] .page-alpha .alpha-usage-step,
[data-theme="dark"] .page-alpha .alpha-usage-step,
.dark .page-alpha .alpha-usage-step,
body.dark .page-alpha .alpha-faq-item,
body[data-theme="dark"] .page-alpha .alpha-faq-item,
[data-theme="dark"] .page-alpha .alpha-faq-item,
.dark .page-alpha .alpha-faq-item{
    background:#16242E;
    border-color:rgba(217,231,242,.09);
}

body.dark .page-alpha .alpha-detail-card,
body[data-theme="dark"] .page-alpha .alpha-detail-card,
[data-theme="dark"] .page-alpha .alpha-detail-card,
.dark .page-alpha .alpha-detail-card{
    background:#182833;
}

body.dark .page-alpha .alpha-product-spec,
body[data-theme="dark"] .page-alpha .alpha-product-spec,
[data-theme="dark"] .page-alpha .alpha-product-spec,
.dark .page-alpha .alpha-product-spec{
    background:#14232D;
    border-color:rgba(218,231,240,.08);
}

body.dark .page-alpha .alpha-hero-pill,
body[data-theme="dark"] .page-alpha .alpha-hero-pill,
[data-theme="dark"] .page-alpha .alpha-hero-pill,
.dark .page-alpha .alpha-hero-pill{
    border-color:rgba(255,255,255,.09);
    background:rgba(255,255,255,.05);
    color:#D7E5EC;
}

body.dark .page-alpha .alpha-product-caption,
body[data-theme="dark"] .page-alpha .alpha-product-caption,
[data-theme="dark"] .page-alpha .alpha-product-caption,
.dark .page-alpha .alpha-product-caption,
body.dark .page-alpha .alpha-detail-caption,
body[data-theme="dark"] .page-alpha .alpha-detail-caption,
[data-theme="dark"] .page-alpha .alpha-detail-caption,
.dark .page-alpha .alpha-detail-caption{
    background:rgba(9,23,35,.76);
    border-color:rgba(218,231,240,.09);
}

body.dark .page-alpha .alpha-product-detail-frame,
body[data-theme="dark"] .page-alpha .alpha-product-detail-frame,
[data-theme="dark"] .page-alpha .alpha-product-detail-frame,
.dark .page-alpha .alpha-product-detail-frame,
body.dark .page-alpha .alpha-benefits-frame,
body[data-theme="dark"] .page-alpha .alpha-benefits-frame,
[data-theme="dark"] .page-alpha .alpha-benefits-frame,
.dark .page-alpha .alpha-benefits-frame{
    background:
        radial-gradient(circle at 50% 44%,rgba(120,148,176,.10),transparent 48%),
        linear-gradient(145deg,#14232D,#19303B);
}

body.dark .page-alpha .alpha-performance-card,
body[data-theme="dark"] .page-alpha .alpha-performance-card,
[data-theme="dark"] .page-alpha .alpha-performance-card,
.dark .page-alpha .alpha-performance-card{
    background:rgba(18,35,47,.80);
    border-color:rgba(218,231,240,.09);
}

body.dark .page-alpha .alpha-faq-question:hover,
body[data-theme="dark"] .page-alpha .alpha-faq-question:hover,
[data-theme="dark"] .page-alpha .alpha-faq-question:hover,
.dark .page-alpha .alpha-faq-question:hover{
    background:#182A35;
}

body.dark .page-alpha .alpha-faq-answer p,
body[data-theme="dark"] .page-alpha .alpha-faq-answer p,
[data-theme="dark"] .page-alpha .alpha-faq-answer p,
.dark .page-alpha .alpha-faq-answer p{
    color:#D3E0E7;
}

body.dark .page-alpha .alpha-overview-card p,
body[data-theme="dark"] .page-alpha .alpha-overview-card p,
[data-theme="dark"] .page-alpha .alpha-overview-card p,
.dark .page-alpha .alpha-overview-card p,
body.dark .page-alpha .alpha-composition-card p,
body[data-theme="dark"] .page-alpha .alpha-composition-card p,
[data-theme="dark"] .page-alpha .alpha-composition-card p,
.dark .page-alpha .alpha-composition-card p,
body.dark .page-alpha .alpha-detail-card p,
body[data-theme="dark"] .page-alpha .alpha-detail-card p,
[data-theme="dark"] .page-alpha .alpha-detail-card p,
.dark .page-alpha .alpha-detail-card p,
body.dark .page-alpha .alpha-ingredient-feature p,
body[data-theme="dark"] .page-alpha .alpha-ingredient-feature p,
[data-theme="dark"] .page-alpha .alpha-ingredient-feature p,
.dark .page-alpha .alpha-ingredient-feature p,
body.dark .page-alpha .alpha-ingredient-note p,
body[data-theme="dark"] .page-alpha .alpha-ingredient-note p,
[data-theme="dark"] .page-alpha .alpha-ingredient-note p,
.dark .page-alpha .alpha-ingredient-note p,
body.dark .page-alpha .alpha-usage-step p,
body[data-theme="dark"] .page-alpha .alpha-usage-step p,
[data-theme="dark"] .page-alpha .alpha-usage-step p,
.dark .page-alpha .alpha-usage-step p,
body.dark .page-alpha .alpha-performance-card p,
body[data-theme="dark"] .page-alpha .alpha-performance-card p,
[data-theme="dark"] .page-alpha .alpha-performance-card p,
.dark .page-alpha .alpha-performance-card p,
body.dark .page-alpha .alpha-product-spec p,
body[data-theme="dark"] .page-alpha .alpha-product-spec p,
[data-theme="dark"] .page-alpha .alpha-product-spec p,
.dark .page-alpha .alpha-product-spec p{
    color:#C7D4DD;
}

body.dark .page-alpha .alpha-overview-note p,
body[data-theme="dark"] .page-alpha .alpha-overview-note p,
[data-theme="dark"] .page-alpha .alpha-overview-note p,
.dark .page-alpha .alpha-overview-note p,
body.dark .page-alpha .alpha-information-box p,
body[data-theme="dark"] .page-alpha .alpha-information-box p,
[data-theme="dark"] .page-alpha .alpha-information-box p,
.dark .page-alpha .alpha-information-box p{
    color:#B9C9D3;
}

body.dark .page-alpha .alpha-information-section,
body[data-theme="dark"] .page-alpha .alpha-information-section,
[data-theme="dark"] .page-alpha .alpha-information-section,
.dark .page-alpha .alpha-information-section{
    background:#101A23;
}

/* ==========================================================
   RESPONSIVE — 1120
   ========================================================== */

@media(max-width:1120px){

    .page-alpha .container,
    .page-alpha .container-sm,
    .page-alpha .alpha-hero-grid{
        width:min(1120px,calc(100% - 64px));
        margin-inline:auto;
    }

    .page-alpha .alpha-hero-grid{
        grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);
        gap:28px;
    }

    .page-alpha .alpha-overview-grid,
    .page-alpha .alpha-composition-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .page-alpha .alpha-usage-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .page-alpha .alpha-detail-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .page-alpha .alpha-detail-card:nth-child(5){grid-column:1/-1;}
}

/* ==========================================================
   RESPONSIVE — 900
   ========================================================== */

@media(max-width:900px){

    .page-alpha .section{padding:92px 0;}

    .page-alpha .alpha-hero{min-height:auto;}

    .page-alpha .alpha-hero-grid{
        width:min(760px,calc(100% - 48px));
        margin-inline:auto;
        grid-template-columns:1fr;
        gap:34px;
        padding-block:66px 58px;
    }

    .page-alpha .alpha-hero-copy{
        grid-column:1;
        grid-row:2;
        max-width:760px;
        padding-left:0;
        margin-inline:auto;
        text-align:center;
    }

    .page-alpha .alpha-eyebrow{justify-content:center;}
    .page-alpha .alpha-hero-description{margin-inline:auto;}
    .page-alpha .alpha-hero-pills,.page-alpha .alpha-hero-actions{justify-content:center;}

    .page-alpha .alpha-hero-product{
        grid-column:1;
        grid-row:1;
        width:min(720px,100%);
        min-height:500px;
        margin-inline:auto;
    }

    .page-alpha .alpha-section-heading{
        max-width:760px;
    }

    .page-alpha .alpha-benefits-grid,
    .page-alpha .alpha-product-detail-grid{
        grid-template-columns:1fr;
        gap:40px;
    }

    .page-alpha .alpha-benefits-visual{
        grid-column:1;
        grid-row:1;
    }

    .page-alpha .alpha-benefits-copy{
        grid-column:1;
        grid-row:2;
        max-width:760px;
        margin-inline:auto;
        text-align:center;
    }

    .page-alpha .alpha-benefit-checks{
        text-align:left;
    }

    .page-alpha .alpha-benefits-visual{
        max-width:700px;
        width:100%;
        margin-inline:auto;
    }

    .page-alpha .alpha-product-detail-copy{text-align:center;}
    .page-alpha .alpha-product-detail-copy .label{justify-content:center;}

    .page-alpha .alpha-performance-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .page-alpha .alpha-cta-box{
        padding-inline:20px;
    }
}

/* ==========================================================
   RESPONSIVE — 680
   ========================================================== */

@media(max-width:680px){

    .page-alpha .container,
    .page-alpha .container-sm,
    .page-alpha .alpha-hero-grid{
        width:min(calc(100% - 32px),560px);
        margin-inline:auto;
    }

    .page-alpha .section{padding:78px 0;}

    .page-alpha .section-title,
    .page-alpha .alpha-section-heading h2{
        font-size:clamp(2.05rem,9vw,3.4rem);
    }

    .page-alpha .lead{font-size:.95rem;line-height:1.76;}

    .page-alpha .alpha-hero-grid{
        padding-block:51px 48px;
    }

    .page-alpha .alpha-hero-title{
        font-size:clamp(3.35rem,16vw,5.4rem);
    }

    .page-alpha .alpha-hero-description{font-size:.98rem;}

    .page-alpha .alpha-hero-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .page-alpha .alpha-hero-actions .btn{width:100%!important;}

    .page-alpha .alpha-hero-meta{
        grid-template-columns:1fr;
        text-align:left;
        max-width:600px;
        margin-inline:auto;
    }

    .page-alpha .alpha-hero-meta > div{
        display:grid;
        grid-template-columns:110px minmax(0,1fr);
        gap:12px;
        padding:11px 0;
    }

    .page-alpha .alpha-hero-product{min-height:390px;}

    .page-alpha .alpha-hero-product-image{
        max-width:310px;
        max-height:390px;
    }

    .page-alpha .alpha-product-caption{display:none;}

    .page-alpha .alpha-overview-grid,
    .page-alpha .alpha-composition-grid,
    .page-alpha .alpha-detail-grid,
    .page-alpha .alpha-ingredients-grid,
    .page-alpha .alpha-usage-grid,
    .page-alpha .alpha-performance-grid{
        grid-template-columns:1fr;
    }

    .page-alpha .alpha-detail-card:nth-child(5){grid-column:auto;}

    .page-alpha .alpha-ingredient-feature.large{
        grid-row:auto;
        min-height:285px;
    }

    .page-alpha .alpha-ingredient-feature.wide{grid-column:auto;}

    .page-alpha .alpha-product-detail-frame,
    .page-alpha .alpha-benefits-frame{
        min-height:390px;
    }

    .page-alpha .alpha-product-detail-image,
    .page-alpha .alpha-benefits-frame img{
        max-width:310px;
        max-height:370px;
    }

    .page-alpha .alpha-product-spec-grid{
        grid-template-columns:1fr;
        text-align:left;
    }

    .page-alpha .alpha-cta-box{
        padding:58px 18px 63px;
    }

    .page-alpha .alpha-cta-box h2{
        font-size:clamp(2.45rem,10vw,3.7rem);
    }

    .page-alpha .alpha-cta-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .page-alpha .alpha-cta-actions .btn{width:100%;}

    .page-alpha .alpha-disclaimer{padding-bottom:78px;}
}

/* ==========================================================
   RESPONSIVE — 430
   ========================================================== */

@media(max-width:430px){

    .page-alpha .container,
    .page-alpha .container-sm,
    .page-alpha .alpha-hero-grid{
        width:calc(100% - 24px);
        margin-inline:auto;
    }

    .page-alpha .alpha-hero-title{font-size:3.05rem;}

    .page-alpha .alpha-eyebrow{
        font-size:.60rem;
        letter-spacing:.13em;
    }

    .page-alpha .alpha-hero-product{min-height:330px;}

    .page-alpha .alpha-hero-product-image{
        max-width:270px;
        max-height:310px;
    }

    .page-alpha .alpha-product-detail-frame,
    .page-alpha .alpha-benefits-frame{
        min-height:340px;
    }

    .page-alpha .alpha-product-detail-image,
    .page-alpha .alpha-benefits-frame img{
        max-width:270px;
        max-height:315px;
    }

    .page-alpha .alpha-faq-question{
        grid-template-columns:34px minmax(0,1fr) 28px;
        gap:9px;
        min-height:65px;
        padding:10px 11px;
    }

    .page-alpha .alpha-faq-text{font-size:.81rem;}

    .page-alpha .alpha-faq-answer p{
        padding-left:54px;
        padding-right:13px;
        font-size:.76rem;
    }

    .page-alpha .alpha-ingredient-note{flex-direction:column;}
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media(prefers-reduced-motion:reduce){
    .page-alpha *{
        animation-duration:.001ms!important;
        animation-iteration-count:1!important;
        transition-duration:.001ms!important;
        scroll-behavior:auto!important;
    }
}

/* ==========================================================
   AD LIFESTYLE V2
   ZENBRU — PREMIUM FUNCTIONAL COFFEE
   Visual Architecture — AlphaMeta / iSMART S3
   ========================================================== */

.page-zenbru{

    --zenbru-white:#FFFFFF;
    --zenbru-cream:#FBF7F1;
    --zenbru-sand:#F3E8DB;
    --zenbru-soft:#F7F1EA;

    --zenbru-brown:#4B2E22;
    --zenbru-brown-2:#6B4938;
    --zenbru-coffee:#825B43;
    --zenbru-caramel:#A47759;

    --zenbru-gold:#C5A46D;
    --zenbru-gold-light:#E3CC9E;
    --zenbru-gold-dark:#8B6A39;

    --zenbru-ink:#2D2824;
    --zenbru-text:#4C433D;
    --zenbru-muted:#776D65;

    --zenbru-line:rgba(76,67,61,.13);

    --zenbru-shadow:
        0 24px 75px rgba(55,37,25,.10);

    --zenbru-shadow-heavy:
        0 34px 95px rgba(55,37,25,.18);

    --zenbru-radius:30px;
    --zenbru-radius-sm:20px;

    --zenbru-ease:
        cubic-bezier(.22,.61,.36,1);
}


/* ==========================================================
   BASE
   ========================================================== */

.page-zenbru{
    position:relative;
    width:100%;
    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBF7F1 48%,
            #FFFFFF 100%
        );

    color:var(--zenbru-text);
}

.page-zenbru *,
.page-zenbru *::before,
.page-zenbru *::after{
    box-sizing:border-box;
}

.page-zenbru img{
    display:block;
    max-width:100%;
}

.page-zenbru button{
    font:inherit;
}

.page-zenbru .container{
    position:relative;
    z-index:2;

    width:min(
        1220px,
        calc(100% - 96px)
    );

    margin-inline:auto;
}

.page-zenbru .container-sm{
    position:relative;
    z-index:2;

    width:min(
        900px,
        calc(100% - 96px)
    );

    margin-inline:auto;
}


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

.page-zenbru .section{
    position:relative;

    padding:
        112px 0;

    overflow:hidden;
}

.page-zenbru .section-sm{
    position:relative;

    padding:
        88px 0;

    overflow:hidden;
}

.page-zenbru .label{

    display:inline-flex;
    align-items:center;
    gap:9px;

    margin-bottom:17px;

    color:var(--zenbru-gold-dark);

    font-size:.69rem;
    font-weight:900;

    letter-spacing:.18em;
    text-transform:uppercase;
}

.page-zenbru .label::before{

    content:"";

    width:24px;
    height:1px;

    background:
        var(--zenbru-gold);

    opacity:.7;
}

.page-zenbru h1,
.page-zenbru h2,
.page-zenbru h3,
.page-zenbru p{
    margin-top:0;
}

.page-zenbru .lead{

    max-width:650px;

    color:
        #6D625A;

    font-size:
        1.04rem;

    line-height:
        1.82;
}

.page-zenbru .zenbru-section-heading{

    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,.82fr);

    gap:60px;

    align-items:end;

    margin-bottom:50px;
}

.page-zenbru .zenbru-section-heading-center{
    display:block;
    text-align:center;
}

.page-zenbru .zenbru-section-heading-center > div{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.page-zenbru .zenbru-section-heading > p{

    margin:0;

    color:#746A62;

    font-size:.90rem;
    line-height:1.82;
}

.page-zenbru .zenbru-section-heading h2{

    margin:0;

    max-width:760px;

    color:
        var(--zenbru-brown);

    font-size:
        clamp(
            2.35rem,
            5vw,
            4.75rem
        );

    line-height:
        .95;

    letter-spacing:
        -.055em;

    font-weight:
        900;
}

.page-zenbru .zenbru-section-heading h2 span{
    color:
        var(--zenbru-coffee);
}

.page-zenbru .zenbru-note{

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

    margin-top:26px;
    padding:20px 22px;

    border:
        1px solid
        rgba(131,91,67,.12);

    border-radius:
        var(--zenbru-radius-sm);

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

    box-shadow:
        0 15px 45px rgba(55,37,25,.055);
}

.page-zenbru .zenbru-note-icon{

    width:42px;
    height:42px;

    flex:0 0 auto;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            var(--zenbru-gold),
            var(--zenbru-gold-dark)
        );

    color:#FFFFFF;

    font-size:.82rem;
    font-weight:900;
}

.page-zenbru .zenbru-note strong{

    display:block;

    margin-bottom:4px;

    color:var(--zenbru-brown);

    font-size:.84rem;
    font-weight:900;
}

.page-zenbru .zenbru-note p{

    margin:0;

    color:#776D65;

    font-size:.78rem;
    line-height:1.65;
}


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

.page-zenbru .zenbru-hero{

    position:relative;

    min-height:
        calc(100vh - 72px);

    display:flex;
    align-items:center;

    padding:
        20px 0 70px;

    background:
        radial-gradient(
            circle at 74% 44%,
            rgba(197,164,109,.11),
            transparent 28%
        ),
        radial-gradient(
            circle at 18% 30%,
            rgba(130,91,67,.07),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #FBF7F1 64%,
            #F5ECE3 100%
        );
}

.page-zenbru .zenbru-hero-atmosphere{
    position:absolute;
    inset:0;

    pointer-events:none;
    overflow:hidden;
}

.page-zenbru .zenbru-orb{
    position:absolute;

    border-radius:50%;

    filter:
        blur(2px);

    opacity:.45;

    animation:
        zenbruFloat
        9s
        ease-in-out
        infinite alternate;
}

.page-zenbru .zenbru-orb-1{

    width:360px;
    height:360px;

    top:-120px;
    right:8%;

    background:
        radial-gradient(
            circle at center,
            rgba(227,204,158,.28),
            rgba(227,204,158,0)
        );
}

.page-zenbru .zenbru-orb-2{

    width:300px;
    height:300px;

    left:-100px;
    bottom:-70px;

    background:
        radial-gradient(
            circle at center,
            rgba(130,91,67,.15),
            rgba(130,91,67,0)
        );

    animation-direction:alternate-reverse;
}




.page-zenbru .zenbru-orbit{

    position:absolute;

    border:
        1px solid
        rgba(130,91,67,.09);

    border-radius:50%;

    transform:rotate(-20deg);

    animation:
        zenbruOrbit
        18s
        linear
        infinite;
}

.page-zenbru .zenbru-orbit-1{
    width:600px;
    height:250px;

    right:-110px;
    top:25%;
}

.page-zenbru .zenbru-orbit-2{
    width:470px;
    height:190px;

    right:-35px;
    top:32%;

    animation-duration:24s;
    animation-direction:reverse;
}

.page-zenbru .zenbru-hero-grid{

    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.90fr);

    gap:54px;

    align-items:center;

    min-height:
        710px;
}

.page-zenbru .zenbru-hero-copy{

    max-width:680px;

    padding:
        10px 0 20px;
}

.page-zenbru .zenbru-eyebrow{

    display:inline-flex;
    align-items:center;
    gap:9px;

    margin-bottom:18px;

    color:var(--zenbru-gold-dark);

    font-size:.70rem;
    font-weight:900;

    letter-spacing:.18em;
    text-transform:uppercase;
}

.page-zenbru .zenbru-eyebrow::before{

    content:"";

    width:31px;
    height:1px;

    background:
        var(--zenbru-gold);
}

.page-zenbru .zenbru-hero-copy h1{

    margin:0;

    color:var(--zenbru-brown);

    font-size:
        clamp(
            4.15rem,
            8vw,
            7.65rem
        );

    line-height:.82;

    letter-spacing:-.078em;

    font-weight:900;
}

.page-zenbru .zenbru-hero-copy h1 span{

    display:block;

    background:
        linear-gradient(
            105deg,
            var(--zenbru-brown),
            var(--zenbru-coffee) 50%,
            var(--zenbru-gold-dark)
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
}

.page-zenbru .zenbru-hero-description{

    max-width:620px;

    margin:
        27px 0 0;

    color:#625750;

    font-size:
        1.08rem;

    line-height:
        1.84;
}

.page-zenbru .zenbru-hero-pills{

    display:flex;
    flex-wrap:wrap;

    gap:9px;

    margin-top:24px;
}

.page-zenbru .zenbru-hero-pill{

    min-height:35px;

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

    padding:
        0 13px;

    border:
        1px solid
        rgba(130,91,67,.12);

    border-radius:999px;

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

    color:
        var(--zenbru-brown-2);

    font-size:
        .66rem;

    font-weight:
        850;

    letter-spacing:.01em;

    box-shadow:
        0 8px 24px
        rgba(55,37,25,.035);
}

.page-zenbru .zenbru-hero-actions{

    display:flex;
    flex-wrap:wrap;
    gap:11px;

    margin-top:25px;
}

.page-zenbru .zenbru-hero-actions .btn{

    min-height:50px;

    padding:
        0 21px;

    border-radius:
        14px;

    font-size:
        .73rem;

    font-weight:
        900;

    letter-spacing:.03em;
}

.page-zenbru .zenbru-hero-meta{

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

    gap:16px;

    max-width:590px;

    margin-top:30px;
}

.page-zenbru .zenbru-hero-meta > div{

    padding:
        0 16px;

    border-left:
        1px solid
        rgba(130,91,67,.16);
}

.page-zenbru .zenbru-hero-meta > div:first-child{
    border-left:0;
    padding-left:0;
}

.page-zenbru .zenbru-hero-meta strong{

    display:block;

    margin-bottom:4px;

    color:var(--zenbru-brown);

    font-size:.72rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.page-zenbru .zenbru-hero-meta span{

    display:block;

    color:#82766E;

    font-size:.70rem;
    line-height:1.55;
}

.page-zenbru .zenbru-hero-product{

    position:relative;

    width:100%;
    min-height:650px;

    display:grid;
    place-items:center;
}

.page-zenbru .zenbru-product-grid{

    position:absolute;

    width:440px;
    height:440px;

    border-radius:50%;

    background-image:
        linear-gradient(
            rgba(130,91,67,.06) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(130,91,67,.06) 1px,
            transparent 1px
        );

    background-size:
        26px 26px;

    -webkit-mask-image:
        radial-gradient(
            circle,
            #000 25%,
            transparent 75%
        );

    mask-image:
        radial-gradient(
            circle,
            #000 25%,
            transparent 75%
        );

    transform:rotate(12deg);

    opacity:.72;
}

.page-zenbru .zenbru-product-aura{

    position:absolute;

    width:480px;
    height:480px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(197,164,109,.17),
            rgba(197,164,109,.06) 34%,
            transparent 69%
        );

    filter:
        blur(1px);
}

.page-zenbru .zenbru-product-ring{

    position:absolute;

    border:
        1px solid
        rgba(130,91,67,.16);

    border-radius:50%;

    transform:rotate(-13deg);
}

.page-zenbru .zenbru-product-ring-1{
    width:520px;
    height:520px;
}

.page-zenbru .zenbru-product-ring-2{

    width:385px;
    height:385px;

    border-color:
        rgba(197,164,109,.22);

    transform:rotate(24deg);
}

.page-zenbru .zenbru-hero-product-image{

    position:relative;
    z-index:3;

    width:
        min(
            430px,
            83%
        );

    max-height:575px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 30px 48px
            rgba(55,37,25,.19)
        );

    transform:
        translateY(-3px);

    transition:
        transform .45s var(--zenbru-ease),
        filter .45s var(--zenbru-ease);
}

.page-zenbru .zenbru-hero-product:hover
.zenbru-hero-product-image{

    transform:
        translateY(-11px)
        scale(1.015);

    filter:
        drop-shadow(
            0 38px 60px
            rgba(55,37,25,.23)
        );
}

.page-zenbru .zenbru-product-caption{

    position:absolute;
    z-index:4;

    right:8%;
    bottom:8%;

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

    color:var(--zenbru-brown);

    line-height:1.05;

    text-align:right;
}

.page-zenbru .zenbru-product-caption span{

    font-size:.58rem;
    letter-spacing:.18em;
    font-weight:900;
}

.page-zenbru .zenbru-product-caption strong{

    font-size:.71rem;
    letter-spacing:.13em;
    font-weight:900;
}


/* ==========================================================
   OVERVIEW
   ========================================================== */

.page-zenbru .zenbru-overview{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #FBF7F1
        );
}

.page-zenbru .zenbru-overview-grid{

    display:grid;

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

    gap:17px;
}

.page-zenbru .zenbru-overview-card{

    position:relative;

    min-height:270px;

    padding:
        25px 23px 23px;

    border:
        1px solid
        rgba(130,91,67,.12);

    border-radius:
        var(--zenbru-radius);

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

    box-shadow:
        var(--zenbru-shadow);

    overflow:hidden;

    transition:
        transform .38s var(--zenbru-ease),
        box-shadow .38s var(--zenbru-ease),
        border-color .38s var(--zenbru-ease);
}

.page-zenbru .zenbru-overview-card:hover{

    transform:
        translateY(-6px);

    box-shadow:
        0 30px 78px
        rgba(55,37,25,.13);

    border-color:
        rgba(130,91,67,.22);
}

.page-zenbru .zenbru-card-number{

    position:absolute;

    top:18px;
    right:19px;

    color:
        rgba(130,91,67,.24);

    font-size:.64rem;
    font-weight:900;
    letter-spacing:.15em;
}

.page-zenbru .zenbru-card-icon{

    width:46px;
    height:46px;

    display:grid;
    place-items:center;

    margin-bottom:22px;

    border-radius:15px;

    background:
        linear-gradient(
            145deg,
            #F4E7D9,
            #FBF7F1
        );

    border:
        1px solid
        rgba(130,91,67,.08);

    color:
        var(--zenbru-coffee);

    font-size:1.05rem;
}

.page-zenbru .zenbru-card-label{

    display:block;

    margin-bottom:9px;

    color:
        var(--zenbru-gold-dark);

    font-size:.58rem;
    font-weight:900;
    letter-spacing:.17em;
    text-transform:uppercase;
}

.page-zenbru .zenbru-overview-card h3{

    margin-bottom:10px;

    color:
        var(--zenbru-brown);

    font-size:
        1.10rem;

    line-height:
        1.12;

    letter-spacing:-.02em;

    font-weight:900;
}

.page-zenbru .zenbru-overview-card p{

    margin:0;

    color:
        #70665E;

    font-size:
        .77rem;

    line-height:
        1.72;
}


/* ==========================================================
   COMPOSITION
   ========================================================== */

.page-zenbru .zenbru-composition{

    background:
        #FFFFFF;
}

.page-zenbru .zenbru-composition-grid{

    display:grid;

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

    gap:17px;
}

.page-zenbru .zenbru-composition-card{

    position:relative;

    min-height:290px;

    padding:
        28px 25px;

    border-radius:
        var(--zenbru-radius);

    border:
        1px solid
        rgba(130,91,67,.14);

    background:
        linear-gradient(
            145deg,
            #FFFDFB,
            #F7EEE6
        );

    box-shadow:
        var(--zenbru-shadow);

    overflow:hidden;

    transition:
        transform .38s var(--zenbru-ease),
        box-shadow .38s var(--zenbru-ease);
}

.page-zenbru .zenbru-composition-card:hover{

    transform:
        translateY(-6px);

    box-shadow:
        0 31px 78px
        rgba(55,37,25,.13);
}

.page-zenbru .zenbru-composition-number{

    position:absolute;

    top:21px;
    right:22px;

    color:
        rgba(130,91,67,.22);

    font-size:.63rem;
    font-weight:900;
    letter-spacing:.15em;
}

.page-zenbru .zenbru-composition-symbol{

    width:58px;
    height:58px;

    display:grid;
    place-items:center;

    margin-bottom:23px;

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            #E9D3C1,
            #FBF7F1
        );

    color:
        var(--zenbru-brown);

    font-size:1.28rem;
}

.page-zenbru .zenbru-composition-label{

    display:block;

    margin-bottom:9px;

    color:
        var(--zenbru-gold-dark);

    font-size:.58rem;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.page-zenbru .zenbru-composition-card h3{

    margin-bottom:10px;

    color:
        var(--zenbru-brown);

    font-size:
        1.27rem;

    letter-spacing:-.03em;

    font-weight:900;
}

.page-zenbru .zenbru-composition-card p{

    margin:0;

    color:
        #6E625A;

    font-size:.79rem;
    line-height:1.72;
}


/* ==========================================================
   MORE
   ========================================================== */

.page-zenbru .zenbru-more-wrap{

    margin-top:27px;
}

.page-zenbru .zenbru-more-toggle{

    width:100%;

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

    gap:16px;

    min-height:58px;

    padding:
        0 18px 0 20px;

    border:
        1px solid
        rgba(130,91,67,.16);

    border-radius:
        17px;

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

    color:
        var(--zenbru-brown);

    cursor:pointer;

    font-size:
        .74rem;

    font-weight:
        900;

    letter-spacing:
        .02em;

    transition:
        background .3s ease,
        border-color .3s ease,
        transform .3s var(--zenbru-ease);
}

.page-zenbru .zenbru-more-toggle:hover{

    transform:
        translateY(-2px);

    border-color:
        rgba(130,91,67,.30);

    background:#FFFFFF;
}

.page-zenbru .zenbru-more-toggle i{

    width:33px;
    height:33px;

    display:grid;
    place-items:center;

    flex:0 0 auto;

    border-radius:50%;

    background:
        #F3E7DC;

    color:
        var(--zenbru-brown);

    font-style:normal;

    font-size:.95rem;

    transition:
        transform .3s ease;
}

.page-zenbru .zenbru-more-toggle.active i{

    transform:
        rotate(45deg);

}

.page-zenbru .zenbru-more-panel{

    max-height:0;

    overflow:hidden;

    opacity:0;

    visibility:hidden;

    transition:
        max-height .5s var(--zenbru-ease),
        opacity .25s ease,
        visibility .25s ease;
}

.page-zenbru .zenbru-more-panel.active{

    opacity:1;
    visibility:visible;

    padding-top:18px;
}

.page-zenbru .zenbru-detail-grid{

    display:grid;

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

    gap:16px;
}

.page-zenbru .zenbru-detail-card{

    padding:
        23px 22px;

    border:
        1px solid
        rgba(130,91,67,.11);

    border-radius:
        var(--zenbru-radius-sm);

    background:
        #F9F3EE;

    color:
        var(--zenbru-ink);

    box-shadow:
        0 15px 45px
        rgba(55,37,25,.055);
}

.page-zenbru .zenbru-detail-card .label{

    margin-bottom:11px;

    font-size:.59rem;
}

.page-zenbru .zenbru-detail-card h3{

    margin-bottom:9px;

    color:
        var(--zenbru-brown);

    font-size:
        1.10rem;

    font-weight:
        900;

    letter-spacing:-.02em;
}

.page-zenbru .zenbru-detail-card > p{

    margin-bottom:15px;

    color:
        #665C55;

    font-size:
        .77rem;

    line-height:
        1.72;
}

.page-zenbru .zenbru-detail-list{

    display:grid;

    gap:8px;
}

.page-zenbru .zenbru-detail-item{

    display:grid;

    grid-template-columns:
        22px minmax(0,1fr);

    gap:8px;

    align-items:start;

    color:
        #5F544C;

    font-size:
        .72rem;

    line-height:
        1.55;
}

.page-zenbru .zenbru-detail-item > span:first-child{

    width:22px;
    height:22px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:
        rgba(130,91,67,.10);

    color:
        var(--zenbru-brown-2);

    font-size:.66rem;
    font-weight:900;
}


/* ==========================================================
   BENEFITS
   ========================================================== */

.page-zenbru .zenbru-benefits{

    background:
        linear-gradient(
            180deg,
            #FBF7F1 0%,
            #FFFFFF 100%
        );
}

.page-zenbru .zenbru-benefits-grid{

    display:grid;

    grid-template-columns:
        minmax(0,.96fr)
        minmax(0,1fr);

    gap:78px;

    align-items:center;
}

.page-zenbru .zenbru-benefits-visual{

    min-height:600px;

    display:grid;
    place-items:center;
}

.page-zenbru .zenbru-benefits-frame{

    position:relative;

    width:100%;
    min-height:560px;

    display:grid;
    place-items:center;

    border-radius:
        34px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(197,164,109,.16),
            transparent 47%
        ),
        linear-gradient(
            145deg,
            #F8EEE5,
            #FFFDFC
        );

    border:
        1px solid
        rgba(130,91,67,.10);

    box-shadow:
        var(--zenbru-shadow-heavy);

    overflow:hidden;
}

.page-zenbru .zenbru-benefits-aura{

    position:absolute;

    width:430px;
    height:430px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(197,164,109,.17),
            transparent 68%
        );
}

.page-zenbru .zenbru-benefits-ring{

    position:absolute;

    width:470px;
    height:470px;

    border:
        1px solid
        rgba(130,91,67,.14);

    border-radius:50%;
}

.page-zenbru .zenbru-benefits-frame img{

    position:relative;
    z-index:3;

    width:
        min(
            420px,
            84%
        );

    max-height:510px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 28px 48px
            rgba(55,37,25,.18)
        );
}

.page-zenbru .zenbru-benefits-copy{

    max-width:620px;
}

.page-zenbru .zenbru-benefits-copy h2{

    margin:0 0 22px;

    color:
        var(--zenbru-brown);

    font-size:
        clamp(
            2.45rem,
            5.1vw,
            4.8rem
        );

    line-height:.93;

    letter-spacing:-.06em;

    font-weight:900;
}

.page-zenbru .zenbru-benefits-copy h2 span{
    display:block;

    color:
        var(--zenbru-coffee);
}

.page-zenbru .zenbru-benefits-copy .lead{
    margin-bottom:24px;
}

.page-zenbru .zenbru-benefit-checks{

    display:grid;

    gap:10px;

    margin-top:15px;
}

.page-zenbru .zenbru-benefit-check{

    display:grid;

    grid-template-columns:
        29px minmax(0,1fr);

    gap:10px;

    align-items:center;

    min-height:46px;

    color:
        #514740;

    font-size:
        .78rem;

    line-height:
        1.5;
}

.page-zenbru .zenbru-benefit-check > span{

    width:29px;
    height:29px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:
        #E9D7C6;

    color:
        var(--zenbru-brown);

    font-size:.70rem;
    font-weight:900;
}

.page-zenbru .zenbru-benefit-check p{
    margin:0;
}


/* ==========================================================
   PRODUCT DETAIL
   ========================================================== */

.page-zenbru .zenbru-product-section{

    background:
        #FFFFFF;
}

.page-zenbru .zenbru-product-detail-grid{

    display:grid;

    grid-template-columns:
        minmax(0,.96fr)
        minmax(0,1fr);

    gap:78px;

    align-items:center;
}

.page-zenbru .zenbru-product-detail-frame{

    position:relative;

    min-height:600px;

    display:grid;
    place-items:center;

    overflow:hidden;

    border-radius:
        34px;

    background:
        radial-gradient(
            circle at 50% 44%,
            rgba(130,91,67,.08),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #FCF5EE,
            #FFFDFC
        );

    border:
        1px solid
        rgba(130,91,67,.10);

    box-shadow:
        var(--zenbru-shadow);
}

.page-zenbru .zenbru-detail-aura{

    position:absolute;

    width:430px;
    height:430px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(197,164,109,.16),
            transparent 67%
        );
}

.page-zenbru .zenbru-detail-ring{

    position:absolute;

    width:480px;
    height:480px;

    border:
        1px solid
        rgba(130,91,67,.14);

    border-radius:50%;

    transform:
        rotate(-11deg);
}

.page-zenbru .zenbru-detail-decoration{

    position:absolute;

    width:280px;
    height:280px;

    border:
        1px solid
        rgba(197,164,109,.14);

    border-radius:50%;

    transform:
        rotate(19deg);
}

.page-zenbru .zenbru-product-detail-image{

    position:relative;
    z-index:3;

    width:
        min(
            430px,
            84%
        );

    max-height:520px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 27px 47px
            rgba(55,37,25,.17)
        );
}

.page-zenbru .zenbru-detail-caption{

    position:absolute;

    left:23px;
    bottom:21px;

    color:
        rgba(75,46,34,.68);

    font-size:
        .58rem;

    letter-spacing:
        .16em;

    font-weight:900;
}

.page-zenbru .zenbru-product-detail-copy h2{

    margin:0 0 23px;

    color:
        var(--zenbru-brown);

    font-size:
        clamp(
            2.45rem,
            5vw,
            4.75rem
        );

    line-height:
        .94;

    letter-spacing:
        -.06em;

    font-weight:
        900;
}

.page-zenbru .zenbru-product-detail-copy h2 span{
    display:block;

    color:
        var(--zenbru-coffee);
}

.page-zenbru .zenbru-product-specs{

    display:grid;

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

    gap:10px;

    margin-top:25px;
}

.page-zenbru .zenbru-product-spec{

    display:grid;

    grid-template-columns:
        28px minmax(0,1fr);

    gap:10px;

    align-items:start;

    min-height:76px;

    padding:
        14px 13px;

    border:
        1px solid
        rgba(130,91,67,.11);

    border-radius:
        17px;

    background:
        #FBF7F3;
}

.page-zenbru .zenbru-product-spec-number{

    width:28px;
    height:28px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:
        #ECDDCF;

    color:
        var(--zenbru-brown);

    font-size:.62rem;
    font-weight:900;
}

.page-zenbru .zenbru-product-spec strong{

    display:block;

    margin-bottom:4px;

    color:
        var(--zenbru-brown);

    font-size:.70rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.page-zenbru .zenbru-product-spec span{

    display:block;

    color:
        #71665D;

    font-size:
        .69rem;

    line-height:
        1.52;
}

.page-zenbru .zenbru-product-highlight{

    display:grid;

    grid-template-columns:
        44px minmax(0,1fr);

    gap:13px;

    align-items:start;

    margin-top:20px;

    padding:
        18px;

    border:
        1px solid
        rgba(130,91,67,.12);

    border-radius:
        20px;

    background:
        linear-gradient(
            145deg,
            #FAF0E8,
            #FFFDFC
        );
}

.page-zenbru .zenbru-product-highlight > span{

    width:44px;
    height:44px;

    display:grid;
    place-items:center;

    border-radius:14px;

    background:
        #EBD7C4;

    color:
        var(--zenbru-brown);

    font-size:1rem;
}

.page-zenbru .zenbru-product-highlight strong{

    display:block;

    margin-bottom:5px;

    color:
        var(--zenbru-brown);

    font-size:.81rem;
    font-weight:900;
}

.page-zenbru .zenbru-product-highlight p{

    margin:0;

    color:
        #73675F;

    font-size:
        .73rem;

    line-height:
        1.65;
}


/* ==========================================================
   INGREDIENTS / ORIGINS
   ========================================================== */

.page-zenbru .zenbru-ingredients{

    background:
        #FBF7F1;
}

.page-zenbru .zenbru-ingredients-grid{

    display:grid;

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

    gap:17px;
}

.page-zenbru .zenbru-origin-card{

    min-height:255px;

    padding:
        25px;

    border:
        1px solid
        rgba(130,91,67,.12);

    border-radius:
        var(--zenbru-radius);

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

    box-shadow:
        var(--zenbru-shadow);
}

.page-zenbru .zenbru-origin-code{

    width:54px;
    height:54px;

    display:grid;
    place-items:center;

    margin-bottom:21px;

    border:
        1px solid
        rgba(130,91,67,.13);

    border-radius:17px;

    background:
        linear-gradient(
            145deg,
            #F0DFD0,
            #FFF9F4
        );

    color:
        var(--zenbru-brown);

    font-size:
        .76rem;

    font-weight:
        900;

    letter-spacing:
        .04em;
}

.page-zenbru .zenbru-origin-card .label{

    margin-bottom:9px;
    font-size:.56rem;
}

.page-zenbru .zenbru-origin-card h3{

    margin-bottom:10px;

    color:
        var(--zenbru-brown);

    font-size:
        1.18rem;

    font-weight:
        900;
}

.page-zenbru .zenbru-origin-card p{

    margin:0;

    color:
        #71665D;

    font-size:
        .76rem;

    line-height:
        1.72;
}


/* ==========================================================
   ROUTINE
   ========================================================== */

.page-zenbru .zenbru-routine{

    background:
        #FFFFFF;
}

.page-zenbru .zenbru-routine-grid{

    display:grid;

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

    gap:15px;

    margin-top:43px;
}

.page-zenbru .zenbru-routine-step{

    position:relative;

    min-height:235px;

    padding:
        26px 22px;

    border:
        1px solid
        rgba(130,91,67,.11);

    border-radius:
        var(--zenbru-radius);

    background:
        linear-gradient(
            145deg,
            #FFFDFC,
            #F8EFE7
        );

    box-shadow:
        var(--zenbru-shadow);

    transition:
        transform .38s var(--zenbru-ease);
}

.page-zenbru .zenbru-routine-step:hover{
    transform:
        translateY(-5px);
}

.page-zenbru .zenbru-routine-number{

    display:inline-grid;
    place-items:center;

    width:39px;
    height:39px;

    margin-bottom:28px;

    border-radius:50%;

    background:
        #EBD8C6;

    color:
        var(--zenbru-brown);

    font-size:
        .65rem;

    font-weight:
        900;
}

.page-zenbru .zenbru-routine-step h3{

    margin-bottom:9px;

    color:
        var(--zenbru-brown);

    font-size:
        1.08rem;

    font-weight:
        900;
}

.page-zenbru .zenbru-routine-step p{

    margin:0;

    color:
        #71665D;

    font-size:
        .74rem;

    line-height:
        1.70;
}

.page-zenbru .zenbru-routine-note{

    margin-top:22px;
    padding:18px 20px;

    border:
        1px solid
        rgba(130,91,67,.12);

    border-radius:
        18px;

    background:
        #FBF7F3;
}

.page-zenbru .zenbru-routine-note .label{

    margin-bottom:7px;
    font-size:.56rem;
}

.page-zenbru .zenbru-routine-note p{

    margin:0;

    color:
        #6B6058;

    font-size:
        .74rem;

    line-height:
        1.65;
}


/* ==========================================================
   EXPERIENCE
   ========================================================== */

.page-zenbru .zenbru-experience{

    background:
        linear-gradient(
            180deg,
            #FBF7F1,
            #FFFFFF
        );
}

.page-zenbru .zenbru-experience-grid{

    display:grid;

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

    gap:17px;
}

.page-zenbru .zenbru-experience-card{

    min-height:240px;

    padding:
        26px 24px;

    border:
        1px solid
        rgba(130,91,67,.12);

    border-radius:
        var(--zenbru-radius);

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

    box-shadow:
        var(--zenbru-shadow);

    transition:
        transform .38s var(--zenbru-ease),
        box-shadow .38s var(--zenbru-ease);
}

.page-zenbru .zenbru-experience-card:hover{

    transform:
        translateY(-6px);

    box-shadow:
        0 30px 75px rgba(55,37,25,.12);
}

.page-zenbru .zenbru-experience-card > span{

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

    width:37px;
    height:37px;

    margin-bottom:33px;

    border-radius:50%;

    background:
        #EBD9C7;

    color:
        var(--zenbru-brown);

    font-size:
        .64rem;

    font-weight:
        900;
}

.page-zenbru .zenbru-experience-card h3{

    margin-bottom:8px;

    color:
        var(--zenbru-brown);

    font-size:
        1.15rem;

    font-weight:
        900;
}

.page-zenbru .zenbru-experience-card p{

    margin:0;

    color:
        #73685F;

    font-size:
        .76rem;

    line-height:
        1.72;
}


/* ==========================================================
   FAQ
   ========================================================== */

.page-zenbru .zenbru-faq{

    background:
        #FFFFFF;
}

.page-zenbru .zenbru-faq-list{

    margin-top:45px;

    border-top:
        1px solid
        rgba(130,91,67,.13);
}

.page-zenbru .zenbru-faq-item{

    border-bottom:
        1px solid
        rgba(130,91,67,.13);

    transition:
        background .25s ease;
}

.page-zenbru .zenbru-faq-item.active{
    background:
        rgba(130,91,67,.025);
}

.page-zenbru .zenbru-faq-question{

    width:100%;
    min-height:77px;

    display:grid;

    grid-template-columns:
        42px
        minmax(0,1fr)
        35px;

    gap:14px;

    align-items:center;

    padding:
        14px 0;

    border:0;

    background:transparent;

    color:
        var(--zenbru-brown);

    text-align:left;

    cursor:pointer;
}

.page-zenbru .zenbru-faq-number{

    width:31px;
    height:31px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:
        #F1E5DA;

    color:
        var(--zenbru-brown);

    font-size:
        .61rem;

    font-weight:
        900;
}

.page-zenbru .zenbru-faq-text{

    color:
        var(--zenbru-brown);

    font-size:
        .88rem;

    line-height:
        1.45;

    font-weight:
        900;
}

.page-zenbru .zenbru-faq-plus{

    width:31px;
    height:31px;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(130,91,67,.16);

    border-radius:50%;

    color:
        var(--zenbru-brown);

    font-size:
        1rem;

    transition:
        transform .3s ease,
        background .3s ease;
}

.page-zenbru .zenbru-faq-item.active .zenbru-faq-plus{

    transform:
        rotate(45deg);

    background:
        #F1E5DA;
}

.page-zenbru .zenbru-faq-answer{

    max-height:0;

    overflow:hidden;

    opacity:0;

    transition:
        max-height .45s var(--zenbru-ease),
        opacity .25s ease;
}

.page-zenbru .zenbru-faq-item.active .zenbru-faq-answer{

    opacity:1;

}

.page-zenbru .zenbru-faq-answer p{

    max-width:740px;

    margin:
        0 0 24px 56px;

    padding-right:30px;

    color:
        #655A52;

    font-size:
        .82rem;

    line-height:
        1.78;
}


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

.page-zenbru .zenbru-information{

    background:
        #FBF7F1;
}

.page-zenbru .zenbru-information-box{

    display:grid;

    grid-template-columns:
        58px minmax(0,1fr);

    gap:20px;

    align-items:start;

    padding:
        33px;

    border:
        1px solid
        rgba(130,91,67,.13);

    border-radius:
        var(--zenbru-radius);

    background:
        linear-gradient(
            135deg,
            #FBF4EC,
            #FFFDFC
        );

    box-shadow:
        var(--zenbru-shadow);
}

.page-zenbru .zenbru-information-icon{

    width:52px;
    height:52px;

    display:grid;
    place-items:center;

    border-radius:16px;

    background:
        #E7D3C0;

    color:
        var(--zenbru-brown);

    font-size:1rem;
    font-weight:900;
}

.page-zenbru .zenbru-information-box h2{

    margin:0 0 12px;

    color:
        var(--zenbru-brown);

    font-size:
        clamp(
            1.65rem,
            3vw,
            2.75rem
        );

    line-height:
        1;

    letter-spacing:
        -.045em;

    font-weight:
        900;
}

.page-zenbru .zenbru-information-box p{

    max-width:820px;

    margin:0;

    color:
        #6F645B;

    font-size:
        .78rem;

    line-height:
        1.78;
}


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

.page-zenbru .zenbru-cta{

    padding-top:
        84px;

    background:
        #FFFFFF;
}

.page-zenbru .zenbru-cta-box{

    display:grid;

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

    gap:40px;

    align-items:center;

    padding:
        43px 45px;

    border-radius:
        32px;

    background:
        linear-gradient(
            135deg,
            #4B2E22,
            #6E4B38
        );

    box-shadow:
        0 32px 90px
        rgba(55,37,25,.23);

    overflow:hidden;

    position:relative;
}

.page-zenbru .zenbru-cta-box::before{

    content:"";

    position:absolute;

    width:360px;
    height:360px;

    right:-120px;
    top:-150px;

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

    border-radius:50%;
}

.page-zenbru .zenbru-label-light{

    display:inline-block;

    margin-bottom:14px;

    color:
        #E9D9BE;

    font-size:
        .64rem;

    font-weight:
        900;

    letter-spacing:
        .16em;

    text-transform:
        uppercase;
}

.page-zenbru .zenbru-cta-box h2{

    position:relative;

    margin:0;

    max-width:700px;

    color:#FFFFFF;

    font-size:
        clamp(
            2.25rem,
            5vw,
            4.6rem
        );

    line-height:
        .95;

    letter-spacing:
        -.06em;

    font-weight:
        900;
}

.page-zenbru .zenbru-cta-box h2 span{

    display:block;

    color:
        #E8D5B3;
}

.page-zenbru .zenbru-cta-box p{

    position:relative;

    max-width:650px;

    margin:
        18px 0 0;

    color:
        #E3D6CB;

    font-size:
        .78rem;

    line-height:
        1.75;
}

.page-zenbru .zenbru-cta-actions{

    position:relative;

    display:flex;
    flex-wrap:wrap;
    gap:10px;

    justify-content:flex-end;
}

.page-zenbru .zenbru-cta-actions .btn{

    min-height:49px;

    padding:
        0 19px;

    border-radius:
        14px;

    font-size:
        .70rem;

    font-weight:
        900;
}


/* ==========================================================
   DARK MODE
   ========================================================== */

html[data-theme="dark"] .page-zenbru,
body[data-theme="dark"] .page-zenbru,
.dark .page-zenbru,
body.dark .page-zenbru{

    --zenbru-white:#11100F;
    --zenbru-cream:#151210;
    --zenbru-sand:#211A16;
    --zenbru-soft:#191513;

    --zenbru-brown:#F0E6DD;
    --zenbru-brown-2:#D8C7B9;
    --zenbru-coffee:#D6B28A;

    --zenbru-gold:#D7B77E;
    --zenbru-gold-light:#E6D0A5;
    --zenbru-gold-dark:#C39D5C;

    --zenbru-ink:#F3EBE5;
    --zenbru-text:#D7CCC3;
    --zenbru-muted:#A99C93;

    --zenbru-line:rgba(240,230,221,.12);

    --zenbru-shadow:
        0 24px 75px rgba(0,0,0,.22);

    --zenbru-shadow-heavy:
        0 34px 95px rgba(0,0,0,.30);

    background:
        linear-gradient(
            180deg,
            #11100F,
            #151210 55%,
            #11100F
        );
}

html[data-theme="dark"] .page-zenbru .zenbru-hero,
body[data-theme="dark"] .page-zenbru .zenbru-hero,
.dark .page-zenbru .zenbru-hero,
body.dark .page-zenbru .zenbru-hero{

    background:
        radial-gradient(
            circle at 74% 44%,
            rgba(215,183,126,.10),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #11100F 0%,
            #171311 60%,
            #1D1713 100%
        );
}

html[data-theme="dark"] .page-zenbru .zenbru-hero-description,
body[data-theme="dark"] .page-zenbru .zenbru-hero-description,
.dark .page-zenbru .zenbru-hero-description,
body.dark .page-zenbru .zenbru-hero-description{

    color:#C9BDB4;
}

html[data-theme="dark"] .page-zenbru .zenbru-hero-pill,
body[data-theme="dark"] .page-zenbru .zenbru-hero-pill,
.dark .page-zenbru .zenbru-hero-pill,
body.dark .page-zenbru .zenbru-hero-pill{

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

    border-color:
        rgba(240,230,221,.10);

    color:
        #E0D3C8;
}

html[data-theme="dark"] .page-zenbru .zenbru-hero-meta span,
body[data-theme="dark"] .page-zenbru .zenbru-hero-meta span,
.dark .page-zenbru .zenbru-hero-meta span,
body.dark .page-zenbru .zenbru-hero-meta span{

    color:#AFA198;
}

html[data-theme="dark"] .page-zenbru .zenbru-overview,
body[data-theme="dark"] .page-zenbru .zenbru-overview,
html[data-theme="dark"] .page-zenbru .zenbru-composition,
body[data-theme="dark"] .page-zenbru .zenbru-composition,
html[data-theme="dark"] .page-zenbru .zenbru-product-section,
body[data-theme="dark"] .page-zenbru .zenbru-product-section,
html[data-theme="dark"] .page-zenbru .zenbru-faq,
body[data-theme="dark"] .page-zenbru .zenbru-faq,
html[data-theme="dark"] .page-zenbru .zenbru-routine,
body[data-theme="dark"] .page-zenbru .zenbru-routine{

    background:
        #11100F;
}

html[data-theme="dark"] .page-zenbru .zenbru-benefits,
body[data-theme="dark"] .page-zenbru .zenbru-benefits,
html[data-theme="dark"] .page-zenbru .zenbru-experience,
body[data-theme="dark"] .page-zenbru .zenbru-experience{

    background:
        #151210;
}

html[data-theme="dark"] .page-zenbru .zenbru-ingredients,
body[data-theme="dark"] .page-zenbru .zenbru-ingredients,
html[data-theme="dark"] .page-zenbru .zenbru-information,
body[data-theme="dark"] .page-zenbru .zenbru-information{

    background:
        #151210;
}

html[data-theme="dark"] .page-zenbru .zenbru-overview-card,
body[data-theme="dark"] .page-zenbru .zenbru-overview-card,
html[data-theme="dark"] .page-zenbru .zenbru-experience-card,
body[data-theme="dark"] .page-zenbru .zenbru-experience-card,
html[data-theme="dark"] .page-zenbru .zenbru-origin-card,
body[data-theme="dark"] .page-zenbru .zenbru-origin-card{

    background:
        #191513;

    border-color:
        rgba(240,230,221,.09);
}

html[data-theme="dark"] .page-zenbru .zenbru-composition-card,
body[data-theme="dark"] .page-zenbru .zenbru-composition-card,
html[data-theme="dark"] .page-zenbru .zenbru-routine-step,
body[data-theme="dark"] .page-zenbru .zenbru-routine-step{

    background:
        linear-gradient(
            145deg,
            #1D1713,
            #181310
        );

    border-color:
        rgba(240,230,221,.09);
}

html[data-theme="dark"] .page-zenbru .zenbru-detail-card,
body[data-theme="dark"] .page-zenbru .zenbru-detail-card,
html[data-theme="dark"] .page-zenbru .zenbru-product-spec,
body[data-theme="dark"] .page-zenbru .zenbru-product-spec,
html[data-theme="dark"] .page-zenbru .zenbru-routine-note,
body[data-theme="dark"] .page-zenbru .zenbru-routine-note{

    background:
        #1B1512;

    border-color:
        rgba(240,230,221,.09);
}

html[data-theme="dark"] .page-zenbru .zenbru-detail-card > p,
body[data-theme="dark"] .page-zenbru .zenbru-detail-card > p,
html[data-theme="dark"] .page-zenbru .zenbru-detail-item,
body[data-theme="dark"] .page-zenbru .zenbru-detail-item,
html[data-theme="dark"] .page-zenbru .zenbru-product-spec span,
body[data-theme="dark"] .page-zenbru .zenbru-product-spec span,
html[data-theme="dark"] .page-zenbru .zenbru-routine-step p,
body[data-theme="dark"] .page-zenbru .zenbru-routine-step p,
html[data-theme="dark"] .page-zenbru .zenbru-experience-card p,
body[data-theme="dark"] .page-zenbru .zenbru-experience-card p,
html[data-theme="dark"] .page-zenbru .zenbru-origin-card p,
body[data-theme="dark"] .page-zenbru .zenbru-origin-card p,
html[data-theme="dark"] .page-zenbru .zenbru-faq-answer p,
body[data-theme="dark"] .page-zenbru .zenbru-faq-answer p{

    color:
        #C2B6AD;
}

html[data-theme="dark"] .page-zenbru .zenbru-note,
body[data-theme="dark"] .page-zenbru .zenbru-note,
html[data-theme="dark"] .page-zenbru .zenbru-more-toggle,
body[data-theme="dark"] .page-zenbru .zenbru-more-toggle,
html[data-theme="dark"] .page-zenbru .zenbru-product-highlight,
body[data-theme="dark"] .page-zenbru .zenbru-product-highlight{

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

    border-color:
        rgba(240,230,221,.09);
}

html[data-theme="dark"] .page-zenbru .zenbru-note p,
body[data-theme="dark"] .page-zenbru .zenbru-note p{

    color:#AFA29A;
}

html[data-theme="dark"] .page-zenbru .zenbru-more-toggle:hover,
body[data-theme="dark"] .page-zenbru .zenbru-more-toggle:hover{

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

html[data-theme="dark"] .page-zenbru .zenbru-more-toggle i,
body[data-theme="dark"] .page-zenbru .zenbru-more-toggle i{

    background:#2A211C;
    color:#F0E6DD;
}

html[data-theme="dark"] .page-zenbru .zenbru-product-detail-frame,
body[data-theme="dark"] .page-zenbru .zenbru-product-detail-frame,
html[data-theme="dark"] .page-zenbru .zenbru-benefits-frame,
body[data-theme="dark"] .page-zenbru .zenbru-benefits-frame{

    background:
        radial-gradient(
            circle at 50% 44%,
            rgba(215,183,126,.08),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #1B1512,
            #231A15
        );

    border-color:
        rgba(240,230,221,.09);
}

html[data-theme="dark"] .page-zenbru .zenbru-faq-item{

    border-color:
        rgba(240,230,221,.10);
}

html[data-theme="dark"] .page-zenbru .zenbru-faq-number,
body[data-theme="dark"] .page-zenbru .zenbru-faq-number{

    background:#2A211C;
    color:#EEDFCF;
}

html[data-theme="dark"] .page-zenbru .zenbru-faq-question,
body[data-theme="dark"] .page-zenbru .zenbru-faq-question{

    color:#F1E8E1;
}

html[data-theme="dark"] .page-zenbru .zenbru-faq-plus,
body[data-theme="dark"] .page-zenbru .zenbru-faq-plus{

    border-color:
        rgba(240,230,221,.14);

    color:#F1E8E1;
}

html[data-theme="dark"] .page-zenbru .zenbru-faq-item.active{

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

html[data-theme="dark"] .page-zenbru .zenbru-information-box,
body[data-theme="dark"] .page-zenbru .zenbru-information-box{

    background:
        linear-gradient(
            135deg,
            #1B1512,
            #241A15
        );

    border-color:
        rgba(240,230,221,.09);
}

html[data-theme="dark"] .page-zenbru .zenbru-information-box p,
body[data-theme="dark"] .page-zenbru .zenbru-information-box p{

    color:#BEB1A7;
}


/* ==========================================================
   ANIMATION
   ========================================================== */

@keyframes zenbruFloat{

    from{
        transform:
            translate3d(0,0,0)
            scale(1);
    }

    to{
        transform:
            translate3d(18px,14px,0)
            scale(1.035);
    }

}

@keyframes zenbruOrbit{

    from{
        transform:
            rotate(-20deg);
    }

    to{
        transform:
            rotate(340deg);
    }

}


/* ==========================================================
   FOCUS
   ========================================================== */

.page-zenbru button:focus-visible,
.page-zenbru a:focus-visible{

    outline:
        3px solid
        rgba(197,164,109,.45);

    outline-offset:
        3px;
}


/* ==========================================================
   1120 PX
   ========================================================== */

@media(max-width:1120px){

    .page-zenbru .zenbru-hero-grid{

        grid-template-columns:
            minmax(0,1fr)
            minmax(360px,.84fr);

        gap:32px;
    }

    .page-zenbru .zenbru-overview-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .page-zenbru .zenbru-benefits-grid,
    .page-zenbru .zenbru-product-detail-grid{

        gap:45px;
    }

    .page-zenbru .zenbru-routine-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* ==========================================================
   900 PX
   ========================================================== */

@media(max-width:900px){

    .page-zenbru .container,
    .page-zenbru .container-sm{

        width:
            min(
                100%,
                calc(100% - 48px)
            );
    }

    .page-zenbru .section{
        padding:
            92px 0;
    }

    .page-zenbru .zenbru-hero{

        min-height:auto;

        padding:
            78px 0 66px;
    }

    .page-zenbru .zenbru-hero-grid{

        grid-template-columns:
            1fr;

        min-height:auto;

        text-align:center;

        padding:
            0;
    }

    .page-zenbru .zenbru-hero-copy{

        max-width:760px;

        margin-inline:auto;
    }

    .page-zenbru .zenbru-eyebrow{

        justify-content:center;
    }

    .page-zenbru .zenbru-hero-description{

        margin-inline:auto;
    }

    .page-zenbru .zenbru-hero-pills,
    .page-zenbru .zenbru-hero-actions{

        justify-content:center;
    }

    .page-zenbru .zenbru-hero-meta{

        margin-inline:auto;

        text-align:left;
    }

    .page-zenbru .zenbru-hero-product{

        width:
            min(
                720px,
                100%
            );

        min-height:550px;

        margin-top:4px;
        margin-inline:auto;
    }

    .page-zenbru .zenbru-benefits-grid,
    .page-zenbru .zenbru-product-detail-grid{

        grid-template-columns:
            1fr;

        gap:44px;
    }

    .page-zenbru .zenbru-benefits-visual{

        max-width:720px;
        width:100%;
        margin-inline:auto;
    }

    .page-zenbru .zenbru-benefits-copy,
    .page-zenbru .zenbru-product-detail-copy{

        max-width:760px;
        margin-inline:auto;
    }

    .page-zenbru .zenbru-section-heading{

        grid-template-columns:
            1fr;

        gap:23px;
    }

    .page-zenbru .zenbru-section-heading-center{

        max-width:760px;
        margin-inline:auto;
    }

    .page-zenbru .zenbru-composition-grid,
    .page-zenbru .zenbru-ingredients-grid,
    .page-zenbru .zenbru-experience-grid{

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

    .page-zenbru .zenbru-detail-grid{

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

    .page-zenbru .zenbru-cta-box{

        grid-template-columns:
            1fr;

        gap:28px;

        padding:
            37px 34px;
    }

    .page-zenbru .zenbru-cta-actions{

        justify-content:flex-start;
    }

}


/* ==========================================================
   680 PX
   ========================================================== */

@media(max-width:680px){

    .page-zenbru .container,
    .page-zenbru .container-sm{

        width:
            calc(100% - 36px);
    }

    .page-zenbru .section{
        padding:
            78px 0;
    }

    .page-zenbru .zenbru-section-heading h2{

        font-size:
            clamp(
                2.08rem,
                9vw,
                3.35rem
            );
    }

    .page-zenbru .zenbru-hero-copy h1{

        font-size:
            clamp(
                3.60rem,
                16vw,
                5.55rem
            );
    }

    .page-zenbru .zenbru-hero-description{

        font-size:
            .98rem;

        line-height:
            1.76;
    }

    .page-zenbru .zenbru-hero-pills,
    .page-zenbru .zenbru-hero-actions{

        max-width:520px;

        margin-inline:auto;
    }

    .page-zenbru .zenbru-hero-actions{

        flex-direction:column;
        align-items:stretch;
    }

    .page-zenbru .zenbru-hero-actions .btn{

        width:100%;
    }

    .page-zenbru .zenbru-hero-meta{

        width:100%;

        grid-template-columns:
            1fr;

        gap:12px;

        text-align:center;
    }

    .page-zenbru .zenbru-hero-meta > div,
    .page-zenbru .zenbru-hero-meta > div:first-child{

        padding:
            0 0 12px;

        border-left:0;

        border-bottom:
            1px solid
            rgba(130,91,67,.12);
    }

    .page-zenbru .zenbru-hero-meta > div:last-child{

        padding-bottom:0;

        border-bottom:0;
    }

    .page-zenbru .zenbru-hero-product{

        min-height:420px;
    }

    .page-zenbru .zenbru-product-aura{

        width:350px;
        height:350px;
    }

    .page-zenbru .zenbru-product-ring-1{

        width:385px;
        height:385px;
    }

    .page-zenbru .zenbru-product-ring-2{

        width:290px;
        height:290px;
    }

    .page-zenbru .zenbru-product-grid{

        width:350px;
        height:350px;
    }

    .page-zenbru .zenbru-product-caption{

        right:3%;
        bottom:4%;
    }

    .page-zenbru .zenbru-product-caption strong{

        font-size:.60rem;
    }

    .page-zenbru .zenbru-overview-grid,
    .page-zenbru .zenbru-composition-grid,
    .page-zenbru .zenbru-ingredients-grid,
    .page-zenbru .zenbru-experience-grid,
    .page-zenbru .zenbru-detail-grid,
    .page-zenbru .zenbru-product-specs,
    .page-zenbru .zenbru-routine-grid{

        grid-template-columns:
            1fr;
    }

    .page-zenbru .zenbru-overview-card,
    .page-zenbru .zenbru-composition-card,
    .page-zenbru .zenbru-origin-card,
    .page-zenbru .zenbru-routine-step,
    .page-zenbru .zenbru-experience-card{

        min-height:auto;
    }

    .page-zenbru .zenbru-benefits-frame,
    .page-zenbru .zenbru-product-detail-frame{

        min-height:430px;
    }

    .page-zenbru .zenbru-benefits-frame img,
    .page-zenbru .zenbru-product-detail-image{

        width:
            min(
                330px,
                84%
            );

        max-height:390px;
    }

    .page-zenbru .zenbru-benefits-copy h2,
    .page-zenbru .zenbru-product-detail-copy h2{

        font-size:
            clamp(
                2.22rem,
                9vw,
                3.55rem
            );
    }

    .page-zenbru .zenbru-section-heading > p{

        font-size:.78rem;
    }

    .page-zenbru .zenbru-note,
    .page-zenbru .zenbru-information-box{

        grid-template-columns:
            1fr;

        display:grid;

    }

    .page-zenbru .zenbru-note-icon{

        margin-bottom:0;
    }

    .page-zenbru .zenbru-faq-question{

        grid-template-columns:
            35px
            minmax(0,1fr)
            31px;

        gap:10px;

        min-height:72px;
    }

    .page-zenbru .zenbru-faq-number{

        width:29px;
        height:29px;
    }

    .page-zenbru .zenbru-faq-text{

        font-size:.78rem;
    }

    .page-zenbru .zenbru-faq-answer p{

        margin-left:45px;
        padding-right:20px;

        font-size:.76rem;
    }

    .page-zenbru .zenbru-cta-box{

        padding:
            30px 24px;

        border-radius:25px;
    }

    .page-zenbru .zenbru-cta-actions{

        flex-direction:column;
        align-items:stretch;
    }

    .page-zenbru .zenbru-cta-actions .btn{

        width:100%;
    }

}


/* ==========================================================
   430 PX
   ========================================================== */

@media(max-width:430px){

    .page-zenbru .container,
    .page-zenbru .container-sm{

        width:
            calc(100% - 28px);
    }

    .page-zenbru .section{
        padding:
            68px 0;
    }

    .page-zenbru .zenbru-hero{

        padding:
            67px 0 56px;
    }

    .page-zenbru .zenbru-hero-copy h1{

        font-size:
            clamp(
                3.20rem,
                17vw,
                4.75rem
            );
    }

    .page-zenbru .zenbru-hero-product{

        min-height:365px;
    }

    .page-zenbru .zenbru-product-grid{

        width:300px;
        height:300px;
    }

    .page-zenbru .zenbru-product-aura{

        width:300px;
        height:300px;
    }

    .page-zenbru .zenbru-product-ring-1{

        width:330px;
        height:330px;
    }

    .page-zenbru .zenbru-product-ring-2{

        width:250px;
        height:250px;
    }

    .page-zenbru .zenbru-benefits-frame,
    .page-zenbru .zenbru-product-detail-frame{

        min-height:360px;

        border-radius:
            25px;
    }

    .page-zenbru .zenbru-benefits-frame img,
    .page-zenbru .zenbru-product-detail-image{

        width:
            min(
                275px,
                83%
            );

        max-height:320px;
    }

    .page-zenbru .zenbru-detail-caption{

        left:17px;
        bottom:15px;

        font-size:.51rem;
    }

    .page-zenbru .zenbru-information-box{

        padding:
            25px 20px;
    }

}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media(prefers-reduced-motion:reduce){

    .page-zenbru .zenbru-orb,
    .page-zenbru .zenbru-orbit,
    .page-zenbru .reveal,
    .page-zenbru .floating{

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

}


/* ==========================================================
   AD LIFESTYLE V2
   ANGEL.CSS
   Premium Angel Moon Product Page
   Modelo estrutural: EVADOR / iSMART S3
   ========================================================== */


/* ==========================================================
   01 — ROOT
   ========================================================== */

.page-angel {

    --angel-white: #fffdfd;
    --angel-cream: #fbf5f3;
    --angel-soft: #f5e9e7;
    --angel-blush: #eedbd9;

    --angel-rose: #b77d82;
    --angel-rose-light: #d7adaf;
    --angel-rose-dark: #824f57;
    --angel-rose-deep: #683f46;

    --angel-gold: #c4a06a;
    --angel-gold-light: #dbc18f;
    --angel-gold-dark: #8d6b39;

    --angel-cocoa: #302426;
    --angel-brown: #594648;
    --angel-text: #675658;
    --angel-muted: #8c7a7b;

    --angel-line: rgba(82,59,62,.12);
    --angel-line-strong: rgba(82,59,62,.19);

    --angel-shadow:
        0 24px 78px rgba(70,43,47,.09);

    --angel-shadow-soft:
        0 12px 35px rgba(70,43,47,.06);

    --angel-shadow-heavy:
        0 32px 90px rgba(50,30,34,.21);

    --angel-radius: 30px;
    --angel-radius-sm: 21px;
    --angel-radius-xs: 15px;

    --angel-ease:
        cubic-bezier(.22,1,.36,1);

    min-height: 100vh;

    position: relative;

    color:
        var(--angel-text);

    background:
        var(--angel-white);

    font-family:
        Inter,
        "Avenir Next",
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    line-height:
        1.65;

    isolation:
        isolate;

    overflow:
        hidden;
}


/* ==========================================================
   02 — RESET
   ========================================================== */

.page-angel *,
.page-angel *::before,
.page-angel *::after {

    box-sizing:
        border-box;
}

.page-angel img {

    display:
        block;

    max-width:
        100%;
}

.page-angel button {

    font:
        inherit;
}

.page-angel a {

    color:
        inherit;

    text-decoration:
        none;
}

.page-angel section {

    position:
        relative;
}


/* ==========================================================
   03 — CONTAINERS
   ========================================================== */

.page-angel .container {

    position:
        relative;

    width:
        min(
            1160px,
            calc(100% - 48px)
        );

    margin-inline:
        auto;

    z-index:
        2;
}

.page-angel .container-sm {

    position:
        relative;

    width:
        min(
            880px,
            calc(100% - 48px)
        );

    margin-inline:
        auto;
}


/* ==========================================================
   04 — SECTIONS
   ========================================================== */

.page-angel .section {

    position:
        relative;

    padding:
        108px 0;
}


/* ==========================================================
   05 — TYPOGRAPHY
   ========================================================== */

.page-angel .label,
.page-angel .eyebrow {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    color:
        var(--angel-gold-dark);

    font-size:
        .68rem;

    font-weight:
        850;

    line-height:
        1;

    letter-spacing:
        .16em;

    text-transform:
        uppercase;
}

.page-angel .eyebrow::before {

    content:
        "";

    width:
        29px;

    height:
        1px;

    background:
        currentColor;

    opacity:
        .72;
}

.page-angel .section-center {

    text-align:
        center;
}

.page-angel .section-title {

    max-width:
        790px;

    margin:
        13px auto 0;

    color:
        var(--angel-cocoa);

    font-size:
        clamp(
            2.2rem,
            4vw,
            3.55rem
        );

    line-height:
        1.01;

    letter-spacing:
        -.055em;

    font-weight:
        780;
}

.page-angel .section-title span,
.page-angel h2 span,
.page-angel h3 span {

    color:
        var(--angel-rose-dark);
}

.page-angel .lead {

    max-width:
        700px;

    margin:
        18px auto 0;

    color:
        var(--angel-text);

    font-size:
        .95rem;

    line-height:
        1.82;
}

.page-angel .angel-section-heading {

    width:
        100%;

    margin:
        0 auto 50px;

    text-align:
        left;
}

.page-angel .angel-section-heading > h2 {

    max-width:
        780px;

    margin:
        13px 0 0;

    color:
        var(--angel-cocoa);

    font-size:
        clamp(
            2.2rem,
            4vw,
            3.55rem
        );

    line-height:
        1.02;

    letter-spacing:
        -.055em;
}

.page-angel .angel-section-heading > p {

    max-width:
        690px;

    margin:
        18px 0 0;

    color:
        var(--angel-text);

    font-size:
        .95rem;

    line-height:
        1.82;
}

.page-angel .angel-section-heading.section-center > h2,
.page-angel .angel-section-heading.section-center > p {

    margin-inline:
        auto;

    text-align:
        center;
}


/* ==========================================================
   06 — BUTTONS
   ========================================================== */

.page-angel .btn {

    min-height:
        50px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    padding:
        0 22px;

    border:
        1px solid transparent;

    border-radius:
        999px;

    cursor:
        pointer;

    position:
        relative;

    overflow:
        hidden;

    font-size:
        .81rem;

    font-weight:
        780;

    transition:
        transform .45s var(--angel-ease),
        background .45s ease,
        border-color .45s ease,
        box-shadow .45s ease,
        color .45s ease;
}

.page-angel .btn:hover {

    transform:
        translateY(-3px);
}

.page-angel .btn-primary {

    color:
        #fff;

    background:
        linear-gradient(
            135deg,
            var(--angel-rose),
            var(--angel-rose-dark)
        );

    box-shadow:
        0 15px 34px
        rgba(130,79,87,.22);
}

.page-angel .btn-primary:hover {

    box-shadow:
        0 20px 43px
        rgba(130,79,87,.29);
}

.page-angel .btn-glass {

    color:
        var(--angel-brown);

    border-color:
        var(--angel-line-strong);

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

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);
}

.page-angel .btn-glass:hover {

    color:
        var(--angel-rose-dark);

    border-color:
        rgba(183,125,130,.35);

    background:
        #fff;
}


/* ==========================================================
   07 — HERO
   ========================================================== */

.page-angel .angel-hero {

    min-height:
        755px;

    display:
        flex;

    align-items:
        center;

    padding:
        72px 0 88px;

    overflow:
        hidden;

    background:

        radial-gradient(
            circle at 9% 18%,
            rgba(239,218,216,.78),
            transparent 29%
        ),

        radial-gradient(
            circle at 87% 18%,
            rgba(196,160,106,.09),
            transparent 24%
        ),

        linear-gradient(
            135deg,
            #fffdfd 0%,
            #fbf5f3 57%,
            #f1dfdc 100%
        );
}

.page-angel .angel-hero::after {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    background-image:

        linear-gradient(
            rgba(93,67,70,.024) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(93,67,70,.024) 1px,
            transparent 1px
        );

    background-size:
        58px 58px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.65),
            transparent 92%
        );

    pointer-events:
        none;
}

.page-angel .angel-hero-grid {

    display:
        grid;

    grid-template-columns:
        minmax(0,.84fr)
        minmax(500px,1.16fr);

    align-items:
        center;

    gap:
        22px;
}

.page-angel .angel-hero-copy {

    position:
        relative;

    z-index:
        3;

    max-width:
        590px;
}

.page-angel .angel-eyebrow {

    margin-bottom:
        23px;
}

.page-angel .angel-hero-copy h1 {

    margin:
        0;

    color:
        var(--angel-cocoa);

    font-size:
        clamp(
            3.5rem,
            6vw,
            5.8rem
        );

    line-height:
        .90;

    letter-spacing:
        -.075em;

    font-weight:
        800;
}

.page-angel .angel-hero-copy h1 span {

    display:
        block;

    color:
        var(--angel-rose-dark);
}

.page-angel .angel-hero-description {

    max-width:
        550px;

    margin:
        28px 0 0;

    color:
        var(--angel-text);

    font-size:
        clamp(
            .98rem,
            1.35vw,
            1.08rem
        );

    line-height:
        1.82;
}

.page-angel .angel-hero-pills {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin-top:
        24px;
}

.page-angel .angel-hero-pill {

    padding:
        8px 12px;

    border:
        1px solid var(--angel-line);

    border-radius:
        999px;

    color:
        var(--angel-brown);

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

    font-size:
        .65rem;

    font-weight:
        760;
}

.page-angel .angel-hero-actions {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        10px;

    margin-top:
        30px;
}


/* ==========================================================
   08 — HERO PRODUCT
   ========================================================== */

.page-angel .angel-hero-product {

    min-height:
        600px;

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    overflow:
        visible;
}

.page-angel .angel-product-aura {

    position:
        absolute;

    width:
        580px;

    height:
        580px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(239,218,216,.87),
            rgba(239,218,216,.30) 42%,
            transparent 70%
        );

    animation:
        angelAura 8s ease-in-out infinite;

    pointer-events:
        none;
}

.page-angel .angel-product-ring {

    position:
        absolute;

    width:
        505px;

    height:
        505px;

    border:
        1px solid rgba(183,125,130,.17);

    border-radius:
        50%;

    box-shadow:
        0 0 0 35px rgba(183,125,130,.025),
        0 0 0 75px rgba(183,125,130,.015);

    animation:
        angelRing 18s linear infinite;

    pointer-events:
        none;
}

.page-angel .angel-product-grid {

    width:
        min(100%,540px);

    height:
        600px;

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    overflow:
        visible;
}

.page-angel .angel-product-grid::before {

    content:
        "";

    position:
        absolute;

    width:
        430px;

    height:
        430px;

    left:
        50%;

    top:
        50%;

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

    border-radius:
        50%;

    background-image:

        linear-gradient(
            rgba(130,79,86,.042) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(130,79,86,.042) 1px,
            transparent 1px
        );

    background-size:
        29px 29px;

    mask-image:
        radial-gradient(
            circle,
            black 8%,
            transparent 70%
        );

    z-index:
        0;

    pointer-events:
        none;
}

/*
   Imagem real do Hero.
   Sem filtro, sem blur, sem rotação e sem animação sobre a imagem.
   Mantém a proporção original do ficheiro e fica centrada como
   nos restantes Heroes de produto.
*/
.page-angel .angel-product-grid .angel-product-image {

    position:
        relative;

    z-index:
        3;

    display:
        block;

    width:
        auto;

    height:
        auto;

    max-width:
        100%;

    max-height:
        560px;

    margin:
        0 auto;

    padding:
        0;

    object-fit:
        contain;

    object-position:
        center center;

    opacity:
        1 !important;

    visibility:
        visible !important;

    filter:
        none !important;

    -webkit-filter:
        none !important;

    mix-blend-mode:
        normal !important;

    transform:
        none !important;

    -webkit-transform:
        none !important;

    animation:
        none !important;

    -webkit-animation:
        none !important;

    backface-visibility:
        visible;

    -webkit-backface-visibility:
        visible;

    image-rendering:
        auto;
}

.page-angel .angel-product-caption {

    position:
        absolute;

    z-index:
        5;

    right:
        5%;

    bottom:
        32px;

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

    padding:
        9px 13px;

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

    border-radius:
        14px;

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

    box-shadow:
        0 12px 28px rgba(65,42,45,.08);

    backdrop-filter:
        blur(13px);

    -webkit-backdrop-filter:
        blur(13px);
}

.page-angel .angel-product-caption strong {

    color:
        var(--angel-rose-dark);

    font-size:
        .58rem;

    letter-spacing:
        .13em;
}

.page-angel .angel-product-caption span {

    color:
        var(--angel-muted);

    font-size:
        .50rem;

    letter-spacing:
        .11em;
}


/* ==========================================================
   09 — OVERVIEW
   ========================================================== */

.page-angel .angel-overview-section {

    background:
        #fff;
}

.page-angel .angel-overview-grid {

    display:
        grid;

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

    gap:
        15px;
}

.page-angel .angel-overview-card {

    min-height:
        220px;

    padding:
        26px 24px;

    position:
        relative;

    border:
        1px solid var(--angel-line);

    border-radius:
        var(--angel-radius-sm);

    background:
        linear-gradient(
            145deg,
            #fff,
            #fcf6f4
        );

    box-shadow:
        var(--angel-shadow-soft);

    transition:
        transform .45s var(--angel-ease),
        box-shadow .45s ease,
        border-color .45s ease;
}

.page-angel .angel-overview-card:hover {

    transform:
        translateY(-7px);

    border-color:
        rgba(183,125,130,.28);

    box-shadow:
        var(--angel-shadow);
}

.page-angel .angel-card-number {

    position:
        absolute;

    right:
        19px;

    top:
        18px;

    color:
        var(--angel-gold-dark);

    font-size:
        .56rem;

    font-weight:
        850;

    letter-spacing:
        .12em;
}

.page-angel .angel-card-icon {

    width:
        45px;

    height:
        45px;

    display:
        grid;

    place-items:
        center;

    margin-bottom:
        28px;

    border-radius:
        13px;

    color:
        var(--angel-rose-dark);

    background:
        #f4e3e1;

    font-size:
        1.08rem;
}

.page-angel .angel-overview-card h3 {

    margin:
        0;

    color:
        var(--angel-cocoa);

    font-size:
        .98rem;

    font-weight:
        800;
}

.page-angel .angel-overview-card p {

    margin:
        8px 0 0;

    color:
        var(--angel-muted);

    font-size:
        .75rem;

    line-height:
        1.72;
}

.page-angel .angel-overview-note {

    max-width:
        900px;

    margin:
        28px auto 0;

    padding:
        21px 25px;

    border:
        1px solid var(--angel-line);

    border-radius:
        18px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #fcf7f5
        );

    text-align:
        center;
}

.page-angel .angel-overview-note strong {

    display:
        block;

    color:
        var(--angel-cocoa);

    font-size:
        .83rem;
}

.page-angel .angel-overview-note p {

    max-width:
        700px;

    margin:
        6px auto 0;

    color:
        var(--angel-muted);

    font-size:
        .70rem;

    line-height:
        1.72;
}


/* ==========================================================
   10 — TECHNOLOGY
   ========================================================== */

.page-angel .angel-technology {

    background:
        linear-gradient(
            180deg,
            #fbf5f3,
            #f6eae8
        );
}

.page-angel .angel-technology-grid {

    display:
        grid;

    grid-template-columns:
        minmax(410px,.88fr)
        minmax(0,1.12fr);

    align-items:
        center;

    gap:
        65px;
}

.page-angel .angel-technology-visual {

    min-height:
        535px;

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid rgba(183,125,130,.13);

    border-radius:
        var(--angel-radius);

    background:
        radial-gradient(
            circle,
            #fff 0%,
            #f3dfdc 100%
        );

    overflow:
        hidden;

    box-shadow:
        var(--angel-shadow-soft);
}

.page-angel .angel-tech-aura {

    position:
        absolute;

    width:
        380px;

    height:
        380px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(183,125,130,.15),
            transparent 70%
        );
}

.page-angel .angel-tech-ring {

    position:
        absolute;

    width:
        410px;

    height:
        410px;

    border:
        1px solid rgba(183,125,130,.14);

    border-radius:
        50%;
}

.page-angel .angel-tech-image-frame {

    position:
        relative;

    z-index:
        2;

    width:
        min(100%,430px);

    height:
        500px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;
}

.page-angel .angel-tech-product-image {

    width:
        min(100%,400px);

    max-height:
        480px;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0 27px 30px
            rgba(65,42,45,.16)
        );
}

.page-angel .angel-tech-caption {

    position:
        absolute;

    left:
        26px;

    bottom:
        24px;

    z-index:
        3;

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

    padding:
        9px 12px;

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

    border-radius:
        12px;

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

    backdrop-filter:
        blur(12px);
}

.page-angel .angel-tech-caption strong {

    color:
        var(--angel-rose-dark);

    font-size:
        .57rem;

    letter-spacing:
        .12em;
}

.page-angel .angel-tech-caption span {

    color:
        var(--angel-muted);

    font-size:
        .49rem;

    letter-spacing:
        .09em;
}

.page-angel .angel-technology-copy {

    max-width:
        520px;
}

.page-angel .angel-technology-card {

    display:
        grid;

    grid-template-columns:
        33px minmax(0,1fr);

    align-items:
        start;

    gap:
        14px;

    min-height:
        78px;

    padding:
        17px 19px;

    margin-bottom:
        9px;

    border:
        1px solid var(--angel-line);

    border-radius:
        16px;

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

    transition:
        transform .4s var(--angel-ease),
        box-shadow .4s ease,
        border-color .4s ease;
}

.page-angel .angel-technology-card:hover {

    transform:
        translateX(4px);

    border-color:
        rgba(183,125,130,.27);

    box-shadow:
        var(--angel-shadow-soft);
}

.page-angel .angel-technology-number {

    width:
        32px;

    height:
        32px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        10px;

    color:
        #fff;

    background:
        var(--angel-rose-dark);

    font-size:
        .55rem;

    font-weight:
        850;
}

.page-angel .angel-technology-card h3 {

    margin:
        0;

    color:
        var(--angel-cocoa);

    font-size:
        .85rem;
}

.page-angel .angel-technology-card p {

    margin:
        5px 0 0;

    color:
        var(--angel-muted);

    font-size:
        .70rem;

    line-height:
        1.65;
}


/* ==========================================================
   11 — MORE PANELS
   ========================================================== */

.page-angel .angel-more-wrap {

    margin-top:
        16px;
}

.page-angel .angel-more-toggle {

    min-height:
        43px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    padding:
        0 15px;

    border:
        1px solid var(--angel-line-strong);

    border-radius:
        999px;

    color:
        var(--angel-brown);

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

    cursor:
        pointer;

    font-size:
        .69rem;

    font-weight:
        790;

    transition:
        transform .35s var(--angel-ease),
        border-color .35s ease,
        color .35s ease,
        background .35s ease;
}

.page-angel .angel-more-toggle:hover {

    transform:
        translateY(-2px);

    color:
        var(--angel-rose-dark);

    border-color:
        rgba(183,125,130,.34);

    background:
        #fff;
}

.page-angel .angel-more-toggle i {

    font-style:
        normal;

    font-size:
        .90rem;

    transition:
        transform .35s ease;
}

.page-angel .angel-more-toggle.active i {

    transform:
        rotate(45deg);
}

.page-angel .angel-more-panel {

    max-height:
        0;

    opacity:
        0;

    overflow:
        hidden;

    transition:
        max-height .55s var(--angel-ease),
        opacity .35s ease;
}

.page-angel .angel-more-panel.active {

    opacity:
        1;
}

.page-angel .angel-layer-grid {

    display:
        grid;

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

    gap:
        8px;

    margin-top:
        13px;
}

.page-angel .angel-layer-card {

    display:
        grid;

    grid-template-columns:
        29px minmax(0,1fr);

    align-items:
        center;

    gap:
        9px;

    padding:
        10px;

    border:
        1px solid var(--angel-line);

    border-radius:
        11px;

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

.page-angel .angel-layer-card > span {

    width:
        28px;

    height:
        28px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        8px;

    color:
        #fff;

    background:
        var(--angel-rose-dark);

    font-size:
        .51rem;

    font-weight:
        850;
}

.page-angel .angel-layer-card strong {

    display:
        block;

    color:
        var(--angel-cocoa);

    font-size:
        .65rem;
}

.page-angel .angel-layer-card small {

    display:
        block;

    margin-top:
        2px;

    color:
        var(--angel-muted);

    font-size:
        .57rem;

    line-height:
        1.45;
}

.page-angel .angel-technology-note {

    margin-top:
        12px;

    padding:
        13px 15px;

    border:
        1px solid var(--angel-line);

    border-radius:
        12px;

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

.page-angel .angel-technology-note strong {

    color:
        var(--angel-cocoa);

    font-size:
        .67rem;
}

.page-angel .angel-technology-note p {

    margin:
        4px 0 0;

    color:
        var(--angel-muted);

    font-size:
        .62rem;

    line-height:
        1.68;
}


/* ==========================================================
   12 — IDENTITY
   ========================================================== */

.page-angel .angel-identity {

    background:
        #fff;
}

.page-angel .angel-identity-grid {

    display:
        grid;

    grid-template-columns:
        minmax(390px,.95fr)
        minmax(0,1.05fr);

    align-items:
        center;

    gap:
        76px;
}

.page-angel .angel-identity-frame {

    min-height:
        535px;

    position:
        relative;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid var(--angel-line);

    border-radius:
        var(--angel-radius);

    background:
        radial-gradient(
            circle,
            #fff,
            #f4e4e1
        );

    overflow:
        hidden;
}

.page-angel .angel-identity-aura {

    position:
        absolute;

    width:
        390px;

    height:
        390px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(183,125,130,.15),
            transparent 70%
        );
}

.page-angel .angel-identity-ring {

    position:
        absolute;

    width:
        410px;

    height:
        410px;

    border:
        1px solid rgba(183,125,130,.13);

    border-radius:
        50%;
}

.page-angel .angel-identity-frame img {

    position:
        relative;

    z-index:
        2;

    width:
        min(82%,420px);

    max-height:
        500px;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0 26px 30px
            rgba(66,43,46,.15)
        );
}

.page-angel .angel-identity-copy {

    max-width:
        560px;
}

.page-angel .angel-identity-copy .section-title {

    margin:
        13px 0 0;

    text-align:
        left;
}

.page-angel .angel-identity-copy .lead {

    margin:
        20px 0 0;

    text-align:
        left;
}

.page-angel .angel-benefit-checks {

    display:
        grid;

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

    gap:
        9px 24px;

    margin-top:
        25px;
}

.page-angel .angel-benefit-check {

    display:
        flex;

    align-items:
        center;

    gap:
        9px;
}

.page-angel .angel-benefit-check span {

    flex:
        0 0 auto;

    width:
        20px;

    height:
        20px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    color:
        #fff;

    background:
        var(--angel-rose);

    font-size:
        .60rem;
}

.page-angel .angel-benefit-check p {

    margin:
        0;

    color:
        var(--angel-brown);

    font-size:
        .72rem;

    font-weight:
        720;
}

.page-angel .angel-identity-note {

    margin-top:
        26px;

    padding-top:
        18px;

    border-top:
        1px solid var(--angel-line);
}

.page-angel .angel-identity-note strong {

    display:
        block;

    margin-top:
        7px;

    color:
        var(--angel-cocoa);

    font-size:
        .85rem;
}


/* ==========================================================
   13 — BENEFITS
   ========================================================== */

.page-angel .angel-benefits {

    background:
        linear-gradient(
            180deg,
            #fbf5f3,
            #f6eae8
        );
}

.page-angel .angel-benefits-grid {

    display:
        grid;

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

    gap:
        15px;
}

.page-angel .angel-benefit-card {

    min-height:
        205px;

    padding:
        26px;

    border:
        1px solid var(--angel-line);

    border-radius:
        var(--angel-radius-sm);

    background:
        linear-gradient(
            145deg,
            #fff,
            #fcf7f5
        );

    box-shadow:
        var(--angel-shadow-soft);

    transition:
        transform .45s var(--angel-ease),
        box-shadow .45s ease,
        border-color .45s ease;
}

.page-angel .angel-benefit-card:hover {

    transform:
        translateY(-7px);

    border-color:
        rgba(183,125,130,.27);

    box-shadow:
        var(--angel-shadow);
}

.page-angel .angel-benefit-code {

    margin-bottom:
        33px;

    color:
        var(--angel-gold-dark);

    font-size:
        .57rem;

    font-weight:
        850;

    letter-spacing:
        .14em;
}

.page-angel .angel-benefit-card h3 {

    margin:
        0;

    color:
        var(--angel-cocoa);

    font-size:
        .96rem;
}

.page-angel .angel-benefit-card p {

    margin:
        8px 0 0;

    color:
        var(--angel-muted);

    font-size:
        .74rem;

    line-height:
        1.70;
}

.page-angel .angel-benefits-note {

    max-width:
        900px;

    margin:
        28px auto 0;

    padding:
        23px 27px;

    border:
        1px solid var(--angel-line);

    border-radius:
        20px;

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

    text-align:
        center;
}

.page-angel .angel-benefits-note h3 {

    margin:
        9px 0 0;

    color:
        var(--angel-cocoa);

    font-size:
        .89rem;
}

.page-angel .angel-benefits-note p {

    max-width:
        760px;

    margin:
        7px auto 0;

    color:
        var(--angel-muted);

    font-size:
        .70rem;

    line-height:
        1.74;
}


/* ==========================================================
   14 — PRODUCT CARD
   ========================================================== */

.page-angel .angel-product-section {

    background:
        #fff;
}

.page-angel .angel-product-card {

    display:
        grid;

    grid-template-columns:
        minmax(430px,1fr)
        minmax(0,.90fr);

    border:
        1px solid var(--angel-line);

    border-radius:
        var(--angel-radius);

    background:
        linear-gradient(
            145deg,
            #fff,
            #fcf6f4
        );

    overflow:
        hidden;

    box-shadow:
        var(--angel-shadow-soft);
}

.page-angel .angel-product-card-visual {

    min-height:
        580px;

    position:
        relative;

    display:
        grid;

    place-items:
        center;

    background:
        radial-gradient(
            circle,
            #fff,
            #f2dfdc
        );
}

.page-angel .angel-detail-aura {

    position:
        absolute;

    width:
        390px;

    height:
        390px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(183,125,130,.16),
            transparent 70%
        );
}

.page-angel .angel-detail-ring {

    position:
        absolute;

    width:
        420px;

    height:
        420px;

    border:
        1px solid rgba(183,125,130,.13);

    border-radius:
        50%;
}

.page-angel .angel-product-detail-grid {

    min-height:
        540px;

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;
}

.page-angel .angel-product-detail-image {

    width:
        min(100%,430px);

    max-height:
        510px;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0 28px 31px
            rgba(66,43,46,.16)
        );
}

.page-angel .angel-detail-caption {

    position:
        absolute;

    left:
        27px;

    bottom:
        24px;

    z-index:
        3;

    padding:
        9px 12px;

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

    border-radius:
        12px;

    color:
        var(--angel-rose-dark);

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

    font-size:
        .57rem;

    font-weight:
        820;

    letter-spacing:
        .11em;
}

.page-angel .angel-product-card-copy {

    padding:
        58px 50px;

    align-self:
        center;
}

.page-angel .angel-product-card-copy h3 {

    max-width:
        450px;

    margin:
        14px 0 0;

    color:
        var(--angel-cocoa);

    font-size:
        clamp(
            1.85rem,
            3vw,
            2.65rem
        );

    line-height:
        1.03;

    letter-spacing:
        -.045em;
}

.page-angel .angel-product-card-copy > p {

    max-width:
        475px;

    margin:
        18px 0 0;

    color:
        var(--angel-text);

    font-size:
        .83rem;

    line-height:
        1.80;
}

.page-angel .angel-product-spec-list {

    display:
        grid;

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

    gap:
        9px;

    margin-top:
        24px;
}

.page-angel .angel-product-spec {

    padding:
        14px;

    border:
        1px solid var(--angel-line);

    border-radius:
        14px;

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

.page-angel .angel-product-spec span {

    display:
        block;

    color:
        var(--angel-muted);

    font-size:
        .56rem;

    font-weight:
        800;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;
}

.page-angel .angel-product-spec strong {

    display:
        block;

    margin-top:
        4px;

    color:
        var(--angel-cocoa);

    font-size:
        .70rem;
}

.page-angel .angel-card-buy {
    margin-top:
        19px;
}


/* ==========================================================
   15 — ROUTINE
   ========================================================== */

.page-angel .angel-routine {

    background:
        linear-gradient(
            180deg,
            #fbf5f3,
            #f6e9e7
        );
}

.page-angel .angel-routine .angel-section-heading {

    max-width:
        700px;

    margin:
        0 auto 44px;

    text-align:
        center;
}

.page-angel .angel-routine .angel-section-heading h2 {

    margin:
        13px auto 0;

    color:
        var(--angel-cocoa);
}

.page-angel .angel-routine .angel-section-heading p {

    margin:
        17px auto 0;
}

.page-angel .angel-routine-list {

    display:
        grid;

    gap:
        10px;
}

.page-angel .angel-routine-step {

    display:
        grid;

    grid-template-columns:
        54px minmax(0,1fr);

    align-items:
        center;

    gap:
        17px;

    padding:
        18px 20px;

    border:
        1px solid var(--angel-line);

    border-radius:
        17px;

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

.page-angel .angel-routine-number {

    width:
        46px;

    height:
        46px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        14px;

    color:
        #fff;

    background:
        var(--angel-rose-dark);

    font-size:
        .64rem;

    font-weight:
        850;
}

.page-angel .angel-routine-step h3 {

    margin:
        0;

    color:
        var(--angel-cocoa);

    font-size:
        .87rem;
}

.page-angel .angel-routine-step p {

    margin:
        5px 0 0;

    color:
        var(--angel-muted);

    font-size:
        .71rem;

    line-height:
        1.65;
}

.page-angel .angel-routine-list
.angel-more-panel {

    margin-top:
        0;
}


/* ==========================================================
   16 — EXPERIENCE
   ========================================================== */

.page-angel .angel-experience {

    background:
        #fff;
}

.page-angel .angel-experience-grid {

    display:
        grid;

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

    gap:
        15px;

    margin-top:
        50px;
}

.page-angel .angel-experience-card {

    min-height:
        212px;

    padding:
        25px;

    border:
        1px solid var(--angel-line);

    border-radius:
        20px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #fcf6f4
        );

    box-shadow:
        var(--angel-shadow-soft);

    transition:
        transform .45s var(--angel-ease),
        box-shadow .45s ease;
}

.page-angel .angel-experience-card:hover {

    transform:
        translateY(-6px);

    box-shadow:
        var(--angel-shadow);
}

.page-angel .angel-experience-icon {

    width:
        42px;

    height:
        42px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        13px;

    color:
        var(--angel-rose-dark);

    background:
        #f4e3e1;

    font-size:
        1rem;
}

.page-angel .angel-experience-number {

    display:
        block;

    margin-top:
        22px;

    color:
        var(--angel-gold-dark);

    font-size:
        .54rem;

    font-weight:
        850;

    letter-spacing:
        .13em;
}

.page-angel .angel-experience-card h3 {

    margin:
        7px 0 0;

    color:
        var(--angel-cocoa);

    font-size:
        .92rem;
}

.page-angel .angel-experience-card p {

    margin:
        7px 0 0;

    color:
        var(--angel-muted);

    font-size:
        .71rem;

    line-height:
        1.69;
}


/* ==========================================================
   17 — VARIANTS
   ========================================================== */

.page-angel .angel-variants {

    background:
        linear-gradient(
            180deg,
            #fbf5f3,
            #f7ece9
        );
}

.page-angel .angel-variants-grid {

    display:
        grid;

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

    gap:
        18px;
}

.page-angel .angel-variant-card {

    overflow:
        hidden;

    border:
        1px solid var(--angel-line);

    border-radius:
        var(--angel-radius);

    background:
        #fff;

    box-shadow:
        var(--angel-shadow-soft);

    transition:
        transform .45s var(--angel-ease),
        box-shadow .45s ease,
        border-color .45s ease;
}

.page-angel .angel-variant-card:hover {

    transform:
        translateY(-7px);

    border-color:
        rgba(183,125,130,.28);

    box-shadow:
        var(--angel-shadow);
}

.page-angel .angel-variant-image {

    min-height:
        340px;

    display:
        grid;

    place-items:
        center;

    padding:
        30px;

    background:
        radial-gradient(
            circle,
            rgba(238,217,215,.45),
            transparent 70%
        );
}

.page-angel .angel-variant-image img {

    width:
        min(100%,250px);

    height:
        285px;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0 20px 22px
            rgba(66,43,46,.11)
        );

    transition:
        transform .65s var(--angel-ease);
}

.page-angel .angel-variant-card:hover
.angel-variant-image img {

    transform:
        translateY(-5px)
        scale(1.02);
}

.page-angel .angel-variant-content {

    padding:
        20px 22px 25px;
}

.page-angel .angel-variant-tag {

    display:
        inline-flex;

    padding:
        6px 9px;

    border-radius:
        999px;

    color:
        var(--angel-rose-dark);

    background:
        var(--angel-blush);

    font-size:
        .56rem;

    font-weight:
        850;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;
}

.page-angel .angel-variant-content h3 {

    margin:
        10px 0 0;

    color:
        var(--angel-cocoa);

    font-size:
        1rem;
}

.page-angel .angel-variant-content p {

    margin:
        6px 0 0;

    color:
        var(--angel-muted);

    font-size:
        .72rem;

    line-height:
        1.65;
}


/* ==========================================================
   18 — CERTIFICATIONS
   ========================================================== */

.page-angel .angel-certifications {

    background:
        #fff;
}

.page-angel .angel-certifications-grid {

    display:
        grid;

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

    gap:
        16px;
}

.page-angel .angel-certification-card {

    overflow:
        hidden;

    padding:
        10px;

    border:
        1px solid var(--angel-line);

    border-radius:
        21px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #fcf7f5
        );

    box-shadow:
        var(--angel-shadow-soft);

    transition:
        transform .45s var(--angel-ease),
        border-color .45s ease,
        box-shadow .45s ease;
}

.page-angel .angel-certification-card:hover {

    transform:
        translateY(-6px);

    border-color:
        rgba(183,125,130,.28);

    box-shadow:
        var(--angel-shadow);
}

.page-angel .angel-certification-image-wrap {

    min-height:
        300px;

    position:
        relative;

    display:
        grid;

    place-items:
        center;

    padding:
        12px;

    border-radius:
        15px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #f4e6e3
        );

    overflow:
        hidden;
}

.page-angel .angel-certification-image-wrap img {

    width:
        100%;

    height:
        285px;

    object-fit:
        contain;

    border-radius:
        7px;
}

.page-angel .angel-certification-placeholder {

    position:
        absolute;

    inset:
        12px;

    display:
        none;

    align-items:
        center;

    justify-content:
        center;

    padding:
        20px;

    border:
        1px dashed var(--angel-line-strong);

    border-radius:
        9px;

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

    text-align:
        center;
}

.page-angel .angel-certification-placeholder strong {

    display:
        block;

    color:
        var(--angel-brown);

    font-size:
        .74rem;
}

.page-angel .angel-certification-placeholder span {

    display:
        block;

    margin-top:
        5px;

    color:
        var(--angel-muted);

    font-size:
        .62rem;
}

.page-angel .angel-certification-content {

    padding:
        15px 7px 8px;
}

.page-angel .angel-certification-type {

    display:
        block;

    margin-bottom:
        6px;

    color:
        var(--angel-gold-dark);

    font-size:
        .54rem;

    font-weight:
        850;

    letter-spacing:
        .12em;
}

.page-angel .angel-certification-content h3 {

    margin:
        0;

    color:
        var(--angel-cocoa);

    font-size:
        .81rem;
}

.page-angel .angel-certification-link {

    display:
        inline-flex;

    margin-top:
        9px;

    color:
        var(--angel-rose-dark);

    font-size:
        .63rem;

    font-weight:
        820;
}

.page-angel .angel-certification-link:hover {
    text-decoration:
        underline;
}

.page-angel .angel-certification-link.is-disabled {

    opacity:
        .38;

    pointer-events:
        none;
}


/* ==========================================================
   19 — FAQ
   ========================================================== */

.page-angel .angel-faq-section {

    background:
        linear-gradient(
            180deg,
            #fbf5f3,
            #f6ebe8
        );
}

.page-angel .angel-faq-section
.angel-section-heading {

    max-width:
        680px;

    margin:
        0 0 43px;
}

.page-angel .angel-faq-list {

    display:
        grid;

    gap:
        9px;
}

.page-angel .angel-faq-item {

    border:
        1px solid var(--angel-line);

    border-radius:
        18px;

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

    overflow:
        hidden;

    transition:
        border-color .35s ease,
        box-shadow .35s ease;
}

.page-angel .angel-faq-item.active {

    border-color:
        rgba(183,125,130,.29);

    box-shadow:
        var(--angel-shadow-soft);
}

.page-angel .angel-faq-question {

    width:
        100%;

    display:
        grid;

    grid-template-columns:
        38px minmax(0,1fr) 24px;

    align-items:
        center;

    gap:
        13px;

    padding:
        19px 20px;

    border:
        0;

    color:
        var(--angel-cocoa);

    background:
        transparent;

    cursor:
        pointer;

    text-align:
        left;
}

.page-angel .angel-faq-number {

    color:
        var(--angel-gold-dark);

    font-size:
        .56rem;

    font-weight:
        850;

    letter-spacing:
        .10em;
}

.page-angel .angel-faq-text {

    font-size:
        .79rem;

    font-weight:
        780;
}

.page-angel .angel-faq-plus {

    color:
        var(--angel-rose-dark);

    font-size:
        1.12rem;

    text-align:
        center;

    transition:
        transform .35s ease;
}

.page-angel .angel-faq-item.active
.angel-faq-plus {

    transform:
        rotate(180deg);
}

.page-angel .angel-faq-answer {

    max-height:
        0;

    overflow:
        hidden;

    transition:
        max-height .48s var(--angel-ease);
}

.page-angel .angel-faq-answer p {

    margin:
        0;

    padding:
        0 20px 21px 71px;

    color:
        var(--angel-muted);

    font-size:
        .71rem;

    line-height:
        1.77;
}


/* ==========================================================
   20 — INFORMATION
   ========================================================== */

.page-angel .angel-information-section {

    background:
        #fff;
}

.page-angel .angel-information-box {

    max-width:
        940px;

    margin:
        auto;

    display:
        grid;

    grid-template-columns:
        52px minmax(0,1fr);

    gap:
        18px;

    padding:
        30px;

    border:
        1px solid var(--angel-line);

    border-radius:
        var(--angel-radius);

    background:
        linear-gradient(
            145deg,
            #fff,
            #fcf7f5
        );

    box-shadow:
        var(--angel-shadow-soft);
}

.page-angel .angel-information-icon {

    width:
        52px;

    height:
        52px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        16px;

    color:
        #fff;

    background:
        linear-gradient(
            145deg,
            var(--angel-gold),
            var(--angel-gold-dark)
        );

    font-weight:
        850;
}

.page-angel .angel-information-box h2 {

    max-width:
        700px;

    margin:
        11px 0 0;

    color:
        var(--angel-cocoa);

    font-size:
        clamp(
            1.7rem,
            3vw,
            2.45rem
        );

    line-height:
        1.07;

    letter-spacing:
        -.04em;
}

.page-angel .angel-information-box h2 span {
    color:
        var(--angel-rose-dark);
}

.page-angel .angel-information-box p {

    max-width:
        770px;

    margin:
        14px 0 0;

    color:
        var(--angel-muted);

    font-size:
        .73rem;

    line-height:
        1.76;
}


/* ==========================================================
   21 — CTA
   ========================================================== */

.page-angel .angel-cta-section {

    background:
        #fff;
}

.page-angel .angel-cta-box {

    position:
        relative;

    overflow:
        hidden;

    padding:
        82px 40px 88px;

    border-radius:
        34px;

    color:
        #fff;

    background:
        linear-gradient(
            135deg,
            #794b53,
            #a86e74 51%,
            #87643e
        );

    box-shadow:
        var(--angel-shadow-heavy);

    text-align:
        center;
}

.page-angel .angel-cta-box::before {

    content:
        "";

    position:
        absolute;

    width:
        550px;

    height:
        550px;

    right:
        -230px;

    top:
        -290px;

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

    border-radius:
        50%;

    box-shadow:
        0 0 0 55px rgba(255,255,255,.023),
        0 0 0 105px rgba(255,255,255,.015);

    pointer-events:
        none;
}

.page-angel .angel-label-light {

    position:
        relative;

    z-index:
        2;

    display:
        inline-block;

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

    font-size:
        .62rem;

    font-weight:
        850;

    letter-spacing:
        .16em;
}

.page-angel .angel-cta-box h2 {

    position:
        relative;

    z-index:
        2;

    max-width:
        780px;

    margin:
        15px auto 0;

    color:
        #fff;

    font-size:
        clamp(
            2.5rem,
            5vw,
            4.3rem
        );

    line-height:
        .97;

    letter-spacing:
        -.055em;
}

.page-angel .angel-cta-box h2 span {
    color:
        #ead0cf;
}

.page-angel .angel-cta-box > p {

    position:
        relative;

    z-index:
        2;

    max-width:
        650px;

    margin:
        19px auto 0;

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

    font-size:
        .85rem;

    line-height:
        1.75;
}

.page-angel .angel-cta-actions {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        10px;

    margin-top:
        29px;
}

.page-angel .angel-cta-box .btn-primary {

    color:
        var(--angel-rose-dark);

    background:
        #fff;
}

.page-angel .angel-cta-box .btn-glass {

    color:
        #fff;

    border-color:
        rgba(255,255,255,.28);

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

.page-angel .angel-cta-disclaimer {

    position:
        relative;

    z-index:
        2;

    margin-top:
        21px !important;

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

    font-size:
        .59rem !important;
}


/* ==========================================================
   22 — RESPONSIVE 1120
   ========================================================== */

@media (max-width:1120px){

    .page-angel .container,
    .page-angel .container-sm {

        width:
            min(100% - 38px,1050px);
    }

    .page-angel .angel-hero-grid {

        grid-template-columns:
            minmax(0,.92fr)
            minmax(390px,1.08fr);
    }

    .page-angel .angel-overview-grid,
    .page-angel .angel-benefits-grid {

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

    .page-angel .angel-certifications-grid {

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

    .page-angel .angel-product-card {

        grid-template-columns:
            minmax(390px,1fr)
            minmax(0,.95fr);
    }

}


/* ==========================================================
   23 — RESPONSIVE 900
   ========================================================== */

@media (max-width:900px){

    .page-angel .section {
        padding:
            84px 0;
    }

    .page-angel .angel-hero {

        min-height:
            auto;

        padding:
            67px 0 75px;
    }

    .page-angel .angel-hero-grid,
    .page-angel .angel-technology-grid,
    .page-angel .angel-identity-grid {

        grid-template-columns:
            1fr;
    }

    .page-angel .angel-hero-copy {

        max-width:
            720px;

        margin-inline:
            auto;

        text-align:
            center;
    }

    .page-angel .angel-hero-description {
        margin-inline:
            auto;
    }

    .page-angel .angel-hero-pills,
    .page-angel .angel-hero-actions {
        justify-content:
            center;
    }

    .page-angel .angel-hero-product {
        min-height:
            500px;
    }

    .page-angel .angel-technology .angel-section-heading,
    .page-angel .angel-benefits .angel-section-heading,
    .page-angel .angel-product-section .angel-section-heading,
    .page-angel .angel-routine .angel-section-heading {

        max-width:
            700px;

        margin-inline:
            auto;

        text-align:
            center;
    }

    .page-angel .angel-technology .angel-section-heading h2,
    .page-angel .angel-benefits .angel-section-heading h2,
    .page-angel .angel-product-section .angel-section-heading h2,
    .page-angel .angel-routine .angel-section-heading h2 {

        margin-inline:
            auto;
    }

    .page-angel .angel-technology .angel-section-heading p,
    .page-angel .angel-benefits .angel-section-heading p,
    .page-angel .angel-product-section .angel-section-heading p,
    .page-angel .angel-routine .angel-section-heading p {

        margin-inline:
            auto;
    }

    .page-angel .angel-technology-copy {

        width:
            min(100%,650px);

        margin-inline:
            auto;
    }

    .page-angel .angel-technology-visual {

        width:
            min(100%,650px);

        margin-inline:
            auto;
    }

    .page-angel .angel-identity-copy {

        width:
            min(100%,650px);

        margin-inline:
            auto;
    }

    .page-angel .angel-identity-copy .section-title,
    .page-angel .angel-identity-copy .lead {

        text-align:
            center;

        margin-inline:
            auto;
    }

    .page-angel .angel-benefit-checks {

        max-width:
            520px;

        margin-inline:
            auto;
    }

    .page-angel .angel-identity-note {
        text-align:
            center;
    }

    .page-angel .angel-product-card {

        grid-template-columns:
            1fr;
    }

    .page-angel .angel-product-card-copy {

        padding:
            43px 38px;

        max-width:
            700px;

        margin-inline:
            auto;
    }

    .page-angel .angel-experience-grid {

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

    .page-angel .angel-variants-grid {

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

    .page-angel .angel-variant-card:last-child {

        grid-column:
            1 / -1;

        width:
            min(100%,420px);

        margin-inline:
            auto;
    }

}


/* ==========================================================
   24 — RESPONSIVE 680
   ========================================================== */

@media (max-width:680px){

    .page-angel .container,
    .page-angel .container-sm {

        width:
            min(100% - 28px,620px);
    }

    .page-angel .section {

        padding:
            68px 0;
    }

    .page-angel .section-title,
    .page-angel .angel-section-heading > h2 {

        font-size:
            2.20rem;
    }

    .page-angel .lead,
    .page-angel .angel-section-heading > p {

        font-size:
            .87rem;
    }

    .page-angel .angel-hero {

        padding:
            53px 0 59px;
    }

    .page-angel .angel-hero-copy h1 {

        font-size:
            clamp(
                2.85rem,
                13vw,
                4rem
            );
    }

    .page-angel .angel-hero-description {

        font-size:
            .90rem;
    }

    .page-angel .angel-hero-actions {

        flex-direction:
            column;

        width:
            min(100%,330px);

        margin-inline:
            auto;
    }

    .page-angel .angel-hero-actions .btn {

        width:
            100%;
    }

    .page-angel .angel-hero-product {

        min-height:
            395px;
    }

    .page-angel .angel-product-aura {

        width:
            350px;

        height:
            350px;
    }

    .page-angel .angel-product-ring {

        width:
            330px;

        height:
            330px;
    }

    .page-angel .angel-product-grid {

        min-height:
            385px;
    }

    .page-angel .angel-product-grid::before {

        width:
            275px;

        height:
            275px;
    }

    .page-angel .angel-product-image {

        width:
            min(100%,330px);

        max-height:
            390px;
    }

    .page-angel .angel-product-caption {

        right:
            50%;

        bottom:
            5px;

        transform:
            translateX(50%);
    }

    .page-angel .angel-overview-grid,
    .page-angel .angel-benefits-grid,
    .page-angel .angel-experience-grid,
    .page-angel .angel-variants-grid,
    .page-angel .angel-certifications-grid {

        grid-template-columns:
            1fr;
    }

    .page-angel .angel-overview-card,
    .page-angel .angel-benefit-card,
    .page-angel .angel-experience-card,
    .page-angel .angel-variant-card,
    .page-angel .angel-certification-card {

        width:
            min(100%,430px);

        margin-inline:
            auto;
    }

    .page-angel .angel-technology-visual {

        min-height:
            380px;
    }

    .page-angel .angel-tech-image-frame {

        height:
            370px;
    }

    .page-angel .angel-tech-product-image {

        max-height:
            360px;
    }

    .page-angel .angel-layer-grid {

        grid-template-columns:
            1fr;
    }

    .page-angel .angel-identity-frame {

        min-height:
            390px;
    }

    .page-angel .angel-identity-frame img {

        max-height:
            380px;
    }

    .page-angel .angel-benefit-checks {

        grid-template-columns:
            1fr;

        width:
            fit-content;

        margin-inline:
            auto;
    }

    .page-angel .angel-product-card-visual {

        min-height:
            400px;
    }

    .page-angel .angel-product-detail-grid {

        min-height:
            380px;
    }

    .page-angel .angel-product-detail-image {

        max-height:
            375px;
    }

    .page-angel .angel-product-card-copy {

        padding:
            37px 25px;
    }

    .page-angel .angel-product-spec-list {

        grid-template-columns:
            1fr;
    }

    .page-angel .angel-faq-question {

        grid-template-columns:
            30px minmax(0,1fr) 20px;

        padding:
            17px 15px;
    }

    .page-angel .angel-faq-answer p {

        padding:
            0 15px 19px 58px;
    }

    .page-angel .angel-information-box {

        grid-template-columns:
            1fr;
    }

    .page-angel .angel-cta-box {

        padding:
            68px 23px 73px;
    }

    .page-angel .angel-cta-actions {

        flex-direction:
            column;

        width:
            min(100%,330px);

        margin-inline:
            auto;
    }

    .page-angel .angel-cta-actions .btn {

        width:
            100%;
    }

}


/* ==========================================================
   25 — RESPONSIVE 430
   ========================================================== */

@media (max-width:430px){

    .page-angel .container,
    .page-angel .container-sm {

        width:
            min(100% - 22px,390px);
    }

    .page-angel .section {

        padding:
            58px 0;
    }

    .page-angel .section-title,
    .page-angel .angel-section-heading > h2 {

        font-size:
            2rem;
    }

    .page-angel .angel-hero-copy h1 {

        font-size:
            2.55rem;
    }

    .page-angel .angel-hero-product {

        min-height:
            335px;
    }

    .page-angel .angel-product-aura {

        width:
            285px;

        height:
            285px;
    }

    .page-angel .angel-product-ring {

        width:
            270px;

        height:
            270px;
    }

    .page-angel .angel-product-grid {

        min-height:
            330px;
    }

    .page-angel .angel-product-grid::before {

        width:
            225px;

        height:
            225px;
    }

    .page-angel .angel-product-image {

        width:
            min(100%,280px);

        max-height:
            335px;
    }

    .page-angel .angel-product-caption {

        bottom:
            2px;

        font-size:
            .54rem;
    }

    .page-angel .angel-technology-visual,
    .page-angel .angel-identity-frame,
    .page-angel .angel-product-card-visual {

        min-height:
            325px;
    }

    .page-angel .angel-tech-image-frame {

        height:
            320px;
    }

    .page-angel .angel-tech-product-image {

        max-height:
            310px;
    }

    .page-angel .angel-identity-frame img {

        max-height:
            315px;
    }

    .page-angel .angel-product-detail-grid {

        min-height:
            315px;
    }

    .page-angel .angel-product-detail-image {

        max-height:
            310px;
    }

    .page-angel .angel-certification-image-wrap {

        min-height:
            270px;
    }

    .page-angel .angel-certification-image-wrap img {

        height:
            260px;
    }

}


/* ==========================================================
   26 — REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce){

    .page-angel *,
    .page-angel *::before,
    .page-angel *::after {

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}


/* ==========================================================
   27 — ANIMATIONS
   ========================================================== */

@keyframes angelAura {

    0%,
    100% {

        transform:
            scale(1);

        opacity:
            .84;
    }

    50% {

        transform:
            scale(1.055);

        opacity:
            1;
    }

}

@keyframes angelRing {

    from {

        transform:
            rotate(0deg);
    }

    to {

        transform:
            rotate(360deg);
    }

}

@keyframes angelFloat {

    0%,
    100% {

        transform:
            translate3d(5px,0,0);
    }

    50% {

        transform:
            translate3d(5px,-9px,0);
    }

}

/* ==========================================================
   ANGEL MOON — CORRECÇÕES FINAIS
   Apenas os elementos solicitados
   ========================================================== */


/* ==========================================================
   01 — HERO
   Correcção final da imagem principal do Hero
   ========================================================== */

.page-angel .angel-product-grid .angel-product-image {

    opacity:
        1 !important;

    visibility:
        visible !important;

    filter:
        none !important;

    -webkit-filter:
        none !important;

    mix-blend-mode:
        normal !important;

    transform:
        none !important;

    -webkit-transform:
        none !important;

    animation:
        none !important;

    -webkit-animation:
        none !important;
}

.page-angel .angel-product-grid::before {

    z-index:
        0;

    pointer-events:
        none;
}

.page-angel .angel-product-grid .angel-product-image {

    z-index:
        3;
}


/* ==========================================================
   02 — BOTÕES
   Retira formato excessivamente circular
   ========================================================== */

.page-angel .btn {

    min-height:
        48px;

    padding:
        0 19px;

    border-radius:
        11px;

    font-size:
        .80rem;

    font-weight:
        780;

    letter-spacing:
        -.01em;
}

.page-angel .btn-primary {

    border-radius:
        11px;
}

.page-angel .btn-glass {

    border-radius:
        11px;
}


/* ==========================================================
   03 — VISÃO GERAL
   Centralização absoluta do bloco
   ========================================================== */

.page-angel .angel-overview-section
.angel-section-heading {

    width:
        min(100%, 800px);

    margin-left:
        auto;

    margin-right:
        auto;

    text-align:
        center !important;
}

.page-angel .angel-overview-section
.angel-section-heading .label {

    display:
        inline-flex;

    justify-content:
        center;

    width:
        auto;

    margin-left:
        auto;

    margin-right:
        auto;
}

.page-angel .angel-overview-section
.angel-section-heading .section-title {

    width:
        100%;

    margin-left:
        auto;

    margin-right:
        auto;

    text-align:
        center !important;
}

.page-angel .angel-overview-section
.angel-section-heading .lead {

    width:
        100%;

    max-width:
        700px;

    margin-left:
        auto;

    margin-right:
        auto;

    text-align:
        center !important;
}

.page-angel .angel-overview-section
.angel-overview-grid {

    width:
        100%;

    margin-left:
        auto;

    margin-right:
        auto;
}


/* ==========================================================
   04 — BLOCO DE ESPECIFICAÇÕES
   Separação correcta dos conteúdos
   ========================================================== */

.page-angel .angel-product-spec-list {

    width:
        100%;

    display:
        grid;

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

    align-items:
        stretch;

    gap:
        10px;

    margin-top:
        24px;
}

.page-angel .angel-product-spec {

    min-width:
        0;

    min-height:
        68px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    justify-content:
        center;

    gap:
        5px;

    padding:
        13px 15px;

    border:
        1px solid var(--angel-line);

    border-radius:
        13px;

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

    overflow:
        hidden;
}

.page-angel .angel-product-spec span {

    display:
        block !important;

    width:
        100%;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--angel-muted);

    font-size:
        .55rem;

    line-height:
        1.2;

    font-weight:
        800;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;

    white-space:
        nowrap;
}

.page-angel .angel-product-spec strong {

    display:
        block !important;

    width:
        100%;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--angel-cocoa);

    font-size:
        .74rem;

    line-height:
        1.35;

    font-weight:
        800;

    white-space:
        normal;

    overflow-wrap:
        anywhere;
}


/* ==========================================================
   05 — VER MAIS CARACTERÍSTICAS
   Texto + símbolo perfeitamente separados
   ========================================================== */

.page-angel .angel-product-card-copy
.angel-more-wrap {

    width:
        100%;

    margin-top:
        17px;
}

.page-angel .angel-product-card-copy
.angel-more-toggle {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    min-height:
        42px;

    padding:
        0 15px;

    border-radius:
        10px;

    white-space:
        nowrap;

    line-height:
        1;

    vertical-align:
        middle;
}

.page-angel .angel-more-toggle span {

    display:
        inline-block;

    margin:
        0;

    line-height:
        1.2;
}

.page-angel .angel-more-toggle i {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        15px;

    height:
        15px;

    margin:
        0;

    padding:
        0;

    font-size:
        .88rem;

    line-height:
        1;

    font-style:
        normal;

    transform-origin:
        center;

    flex:
        0 0 15px;
}

.page-angel .angel-more-toggle.active i {

    transform:
        rotate(45deg);
}


/* ==========================================================
   06 — PAINEL ABERTO
   Mantém a informação dentro da estrutura
   ========================================================== */

.page-angel .angel-product-card-copy
.angel-more-panel {

    width:
        100%;

    max-width:
        100%;

    overflow:
        hidden;
}

.page-angel .angel-product-card-copy
.angel-detail-list {

    width:
        100%;

    display:
        grid;

    grid-template-columns:
        1fr;

    gap:
        7px;

    margin-top:
        12px;

    padding:
        15px;

    border:
        1px solid var(--angel-line);

    border-radius:
        14px;

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

.page-angel .angel-product-card-copy
.angel-detail-item {

    width:
        100%;

    display:
        flex;

    align-items:
        flex-start;

    gap:
        8px;

    margin:
        0;

    color:
        var(--angel-muted);

    font-size:
        .68rem;

    line-height:
        1.60;
}

.page-angel .angel-product-card-copy
.angel-detail-item > span:last-child {

    min-width:
        0;

    flex:
        1;

    overflow-wrap:
        anywhere;
}


/* ==========================================================
   07 — BOTÃO ADQUIRIR
   ========================================================== */

.page-angel .angel-card-buy {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        auto;

    min-height:
        48px;

    margin-top:
        18px;

    padding:
        0 19px;

    border-radius:
        11px;
}


/* ==========================================================
   08 — RESPONSIVO DAS ESPECIFICAÇÕES
   ========================================================== */

@media (max-width:680px){

    .page-angel .angel-product-spec-list {

        grid-template-columns:
            1fr;

        gap:
            9px;
    }

    .page-angel .angel-product-spec {

        min-height:
            64px;
    }

    .page-angel .angel-product-card-copy
    .angel-more-toggle {

        min-height:
            42px;
    }

}


/* ==========================================================
   09 — HERO MOBILE
   Mantém a imagem limpa e nítida
   ========================================================== */

@media (max-width:680px){

    .page-angel .angel-hero-product-image {

        filter:
            drop-shadow(
                0 20px 23px
                rgba(55,35,39,.14)
            ) !important;

        opacity:
            1 !important;

        mix-blend-mode:
            normal !important;
    }

}


/* ==========================================================
   10 — MOBILE PEQUENO
   ========================================================== */

@media (max-width:430px){

    .page-angel .btn {

        min-height:
            47px;

        border-radius:
            10px;

        padding:
            0 17px;
    }

    .page-angel .angel-product-spec {

        min-height:
            62px;

        padding:
            12px 14px;
    }

}


/* ==========================================================
   ANGEL MOON — HERO PRODUCT IMAGE
   Igual ao tratamento dos outros produtos
   ========================================================== */

.page-angel .angel-hero-product {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 560px;
    overflow: visible;
    isolation: isolate;
}

.page-angel .angel-product-grid {
    position: relative;
    width: 100%;
    height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    isolation: isolate;
}

/* Remove qualquer camada que possa esbranquiçar a imagem */
.page-angel .angel-product-grid::before,
.page-angel .angel-product-grid::after {
    pointer-events: none;
}

/* Imagem principal */
.page-angel .angel-product-image {
    position: relative;
    z-index: 10;

    display: block;
    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 540px;

    object-fit: contain;
    object-position: center;

    margin: 0 auto;
    padding: 0;

    opacity: 1 !important;
    visibility: visible !important;

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

    mix-blend-mode: normal !important;
    transform: none !important;
    rotate: none !important;
    scale: 1 !important;

    background: transparent !important;

    image-rendering: auto;
    backface-visibility: visible;
    -webkit-backface-visibility: visible;

    transition: none;
}

/* Evita qualquer animação/rotação herdada */
.page-angel .angel-hero-product-image,
.page-angel .angel-product-image {
    transform-origin: center center !important;
    animation: none !important;
}

/* Aura fica atrás da imagem */
.page-angel .angel-product-aura {
    z-index: 1;
    pointer-events: none;
}

/* Anéis ficam atrás da imagem */
.page-angel .angel-product-ring {
    z-index: 2;
    pointer-events: none;
}

/* Grelha decorativa fica atrás da imagem */
.page-angel .angel-product-grid {
    z-index: 3;
}

/* A imagem fica sempre por cima dos elementos decorativos */
.page-angel .angel-product-grid .angel-product-image {
    z-index: 10;
}

/* Caption abaixo, sem interferir na imagem */
.page-angel .angel-product-caption {
    position: relative;
    z-index: 12;
    margin-top: 18px;
}

/* ==========================================================
   RESPONSIVO
   ========================================================== */

@media (max-width: 900px) {
    .page-angel .angel-hero-product {
        min-height: 470px;
    }

    .page-angel .angel-product-grid {
        height: 470px;
    }

    .page-angel .angel-product-image {
        max-width: 88%;
        max-height: 450px;
    }
}

@media (max-width: 680px) {
    .page-angel .angel-hero-product {
        min-height: 400px;
    }

    .page-angel .angel-product-grid {
        height: 400px;
    }

    .page-angel .angel-product-image {
        max-width: 82%;
        max-height: 380px;
    }
}



```css
/* ==========================================================
   AD LIFESTYLE V2
   PRODUCTS.CSS
   Premium Product Universe
   Master Pattern: EVENTS PAGE
   Editorial / Immersive / Luxury
   Scope: .products-page
   ========================================================== */

/* ==========================================================
   ROOT
   ========================================================== */

.page-products,
.products-page{

    --products-black:#171B1F;
    --products-black-soft:#252B31;

    --products-gold:#C6A15B;
    --products-gold-light:#E9D7A9;

    --products-white:#FFFFFF;
    --products-ivory:#F8F7F3;

    --products-gray:#69747E;
    --products-border:rgba(23,27,31,.09);

    --products-green:#4BA66A;

    color:var(--products-black);

    overflow:hidden;

    background:
        var(--products-white);

}

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

.products-page .products-container{

    width:
        min(
            100% - 48px,
            1280px
        );

    margin:
        0 auto;

}

.products-page .section{

    position:relative;

    padding:
        105px 0;

}

.products-page .section-sm{

    position:relative;

    padding:
        82px 0;

}

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

.products-page .products-button{

    position:relative;

    min-height:50px;

    display:inline-flex;

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

    gap:12px;

    padding:
        0 20px;

    border-radius:
        999px;

    border:
        1px solid transparent;

    font-family:inherit;

    font-size:.72rem;

    font-weight:900;

    letter-spacing:.08em;

    text-transform:uppercase;

    cursor:pointer;

    overflow:hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease;

}

.products-page .products-button:hover{

    transform:
        translateY(-2px);

}

.products-page .products-button svg{

    width:18px;
    height:18px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;

    flex:none;

    transition:
        transform .25s ease;

}

.products-page .products-button:hover svg{

    transform:
        translateX(3px);

}

.products-page .products-button-gold{

    background:
        linear-gradient(
            135deg,
            var(--products-gold),
            #8F713C
        );

    color:#FFFFFF;

    box-shadow:
        0 16px 35px
        rgba(198,161,91,.19);

}

.products-page .products-button-gold:hover{

    box-shadow:
        0 20px 42px
        rgba(198,161,91,.27);

}

.products-page .products-button-outline{

    background:
        transparent;

    color:
        var(--products-black);

    border-color:
        rgba(23,27,31,.17);

}

.products-page .products-button-outline:hover{

    background:
        rgba(23,27,31,.045);

    border-color:
        rgba(198,161,91,.55);

}

.products-page .products-button-dark{

    background:
        var(--products-black);

    color:#FFFFFF;

    box-shadow:
        0 16px 35px
        rgba(23,27,31,.14);

}

.products-page .products-button-dark:hover{

    background:
        #252B31;

}

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

.products-page .products-eyebrow{

    color:
        #A1814B;

    font-size:.68rem;

    font-weight:900;

    letter-spacing:.18em;

    text-transform:uppercase;

}

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

.products-page .products-hero{

    position:relative;

    min-height:
        min(850px,94vh);

    overflow:hidden;

    background:
        var(--products-black);

    isolation:isolate;

}

.products-page .products-hero-background{

    position:absolute;

    inset:0;

    z-index:0;

    background:

        radial-gradient(
            circle at 72% 42%,
            color-mix(
                in srgb,
                var(--hero-atmosphere)
                62%,
                transparent
            ) 0%,
            transparent 38%
        ),

        linear-gradient(
            135deg,
            #F9F8F4 0%,
            #F3F0E8 45%,
            #E9E4D8 100%
        );

}

.products-page .products-hero-overlay{

    position:absolute;

    inset:0;

    z-index:1;

    background:

        linear-gradient(
            90deg,
            rgba(17,21,24,.94) 0%,
            rgba(17,21,24,.79) 30%,
            rgba(17,21,24,.38) 56%,
            rgba(17,21,24,.12) 78%,
            rgba(17,21,24,.23) 100%
        ),

        linear-gradient(
            0deg,
            rgba(17,21,24,.52),
            transparent 45%
        );

    pointer-events:none;

}

.products-page .products-hero-glow{

    position:absolute;

    z-index:2;

    width:700px;
    height:700px;

    right:4%;
    top:50%;

    transform:
        translateY(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            color-mix(
                in srgb,
                var(--hero-tone)
                19%,
                transparent
            ),
            transparent 68%
        );

    filter:
        blur(8px);

    pointer-events:none;

}

.products-page .products-hero-container{

    position:relative;

    z-index:4;

    min-height:
        min(850px,94vh);

    display:flex;

    flex-direction:column;

}

.products-page .products-hero-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    padding-top:31px;

}

.products-page .products-hero-brand{

    display:flex;

    align-items:center;

    gap:12px;

}

.products-page .products-hero-brand img{

    width:38px;
    height:38px;

    object-fit:contain;

}

.products-page .products-hero-brand strong{

    display:block;

    color:#FFFFFF;

    font-size:.72rem;

    letter-spacing:.16em;

}

.products-page .products-hero-brand span{

    display:block;

    margin-top:2px;

    color:#A7B0B7;

    font-size:.55rem;

    font-weight:800;

    letter-spacing:.12em;

}

.products-page .products-hero-index{

    display:flex;

    flex-direction:column;

    align-items:flex-end;

}

.products-page .products-hero-index span{

    color:#99A2A8;

    font-size:.57rem;

    font-weight:900;

    letter-spacing:.17em;

}

.products-page .products-hero-index strong{

    margin-top:4px;

    color:#FFFFFF;

    font-size:.9rem;

}

.products-page .products-hero-main{

    flex:1;

    display:grid;

    grid-template-columns:
        minmax(0,.95fr)
        minmax(480px,1.05fr);

    align-items:center;

    gap:40px;

    padding:
        42px 0 78px;

}

.products-page .products-hero-content{

    max-width:700px;

    padding:
        35px 0 10px;

}

.products-page .products-slide-number{

    margin-top:18px;

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

    font-size:.68rem;

    font-weight:900;

    letter-spacing:.16em;

}

.products-page .products-hero-kicker{

    margin-top:18px;

    color:
        var(--products-gold-light);

    font-size:.68rem;

    font-weight:900;

    letter-spacing:.16em;

}

.products-page .products-hero h1{

    max-width:740px;

    margin-top:16px;

    color:#FFFFFF;

    font-size:
        clamp(3.3rem,6.4vw,6.8rem);

    line-height:.91;

    letter-spacing:-.055em;

}

.products-page .products-hero h1 span{

    display:block;

    color:
        var(--products-gold-light);

}

.products-page .products-hero h1.is-text-changing{

    animation:
        productsTextIn .48s ease both;

}

@keyframes productsTextIn{

    from{

        opacity:0;

        transform:
            translateY(12px);

    }

    to{

        opacity:1;

        transform:
            translateY(0);

    }

}

.products-page .products-hero-category{

    margin-top:24px;

    color:
        #D9DDE1;

    font-size:.68rem;

    font-weight:900;

    letter-spacing:.13em;

}

.products-page .products-hero-content > p{

    max-width:620px;

    margin-top:15px;

    color:#CBD1D5;

    font-size:
        clamp(.98rem,1.35vw,1.08rem);

    line-height:1.8;

}

.products-page .products-hero-tags{

    display:flex;

    flex-wrap:wrap;

    gap:7px;

    margin-top:21px;

}

.products-page .products-hero-tags span{

    padding:
        7px 10px;

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

    border-radius:999px;

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

    color:#D8DEE1;

    font-size:.59rem;

    font-weight:800;

    letter-spacing:.08em;

}

.products-page .products-hero-actions{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:27px;

}

.products-page .products-hero-actions .products-button-outline{

    color:#FFFFFF;

    border-color:
        rgba(255,255,255,.18);

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

}

.products-page .products-hero-actions .products-button-outline:hover{

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

    border-color:
        rgba(198,161,91,.48);

}

.products-page .products-hero-meta{

    display:flex;

    flex-wrap:wrap;

    gap:0;

    margin-top:36px;

    padding-top:21px;

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

    max-width:650px;

}

.products-page .products-hero-meta div{

    min-width:135px;

    padding-right:25px;

    margin-right:25px;

    border-right:
        1px solid
        rgba(255,255,255,.09);

}

.products-page .products-hero-meta div:last-child{

    margin-right:0;

    border-right:0;

}

.products-page .products-hero-meta strong{

    display:block;

    color:#FFFFFF;

    font-size:.82rem;

}

.products-page .products-hero-meta span{

    display:block;

    margin-top:5px;

    color:#919BA2;

    font-size:.57rem;

    font-weight:900;

    letter-spacing:.10em;

    text-transform:uppercase;

}

.products-page .products-hero-product{

    position:relative;

    min-height:530px;

    display:flex;

    align-items:center;

    justify-content:center;

    isolation:isolate;

}

.products-page .products-hero-product-orbit{

    position:absolute;

    width:
        min(560px,42vw);

    aspect-ratio:1;

    border-radius:50%;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--hero-tone)
            34%,
            rgba(255,255,255,.08)
        );

    box-shadow:
        0 0 0 30px
        rgba(255,255,255,.015),
        0 0 0 75px
        rgba(255,255,255,.012);

    animation:
        productsOrbit 18s linear infinite;

}

@keyframes productsOrbit{

    from{
        transform:
            rotate(0deg);
    }

    to{
        transform:
            rotate(360deg);
    }

}

.products-page .products-hero-product-image{

    position:relative;

    z-index:3;

    width:
        min(560px,43vw);

    height:
        min(560px,56vh);

    display:flex;

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

    transition:
        opacity .32s ease,
        transform .42s cubic-bezier(.2,.7,.2,1),
        filter .32s ease;

}

.products-page .products-hero-product-image.is-changing{

    opacity:0;

    transform:
        translateY(14px)
        scale(.965);

    filter:
        blur(4px);

}

.products-page .products-hero-product-image img{

    position:relative;

    z-index:2;

    width:100%;
    height:100%;

    object-fit:contain;

    filter:
        drop-shadow(
            0 35px 35px
            rgba(0,0,0,.20)
        );

    transform:
        scale(1.08);

}

.products-page .products-hero-image-glow{

    position:absolute;

    inset:16%;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            color-mix(
                in srgb,
                var(--hero-tone)
                23%,
                transparent
            ),
            transparent 70%
        );

    filter:
        blur(18px);

}

.products-page .products-hero-product-shadow{

    position:absolute;

    bottom:8%;

    left:50%;

    width:280px;
    height:42px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        rgba(0,0,0,.32);

    filter:
        blur(20px);

}

.products-page .products-hero-label{

    position:absolute;

    right:4%;
    bottom:7%;

    z-index:5;

    display:flex;

    flex-direction:column;

    align-items:flex-end;

}

.products-page .products-hero-label span{

    color:#8B959C;

    font-size:.55rem;

    font-weight:900;

    letter-spacing:.14em;

}

.products-page .products-hero-label strong{

    margin-top:4px;

    color:#FFFFFF;

    font-size:.82rem;

}

.products-page .products-hero-controls{

    display:flex;

    align-items:center;

    gap:18px;

    padding-bottom:19px;

}

.products-page .products-slide-progress{

    flex:1;

    height:2px;

    overflow:hidden;

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

}

.products-page .products-slide-progress span{

    display:block;

    width:0;

    height:100%;

    background:
        var(--products-gold);

    transform-origin:left center;

}

@keyframes productsProgress{

    from{
        width:0;
    }

    to{
        width:100%;
    }

}

.products-page .products-slide-controls{

    display:flex;

    gap:7px;

}

.products-page .products-slide-controls button{

    width:40px;
    height:40px;

    display:flex;

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

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

    border-radius:50%;

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

    color:#FFFFFF;

    cursor:pointer;

    transition:
        .25s ease;

}

.products-page .products-slide-controls button:hover{

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

    border-color:
        rgba(198,161,91,.45);

}

.products-page .products-slide-controls svg{

    width:17px;
    height:17px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;

}

.products-page .products-slide-name{

    min-width:145px;

    color:#AAB2B7;

    font-size:.61rem;

    font-weight:900;

    letter-spacing:.10em;

    text-align:right;

    text-transform:uppercase;

}

.products-page .products-thumbs{

    display:flex;

    align-items:center;

    gap:9px;

    padding:
        0 0 29px;

    overflow-x:auto;

    scrollbar-width:none;

}

.products-page .products-thumbs::-webkit-scrollbar{

    display:none;

}

.products-page .products-thumb{

    position:relative;

    flex:none;

    width:67px;
    height:57px;

    overflow:hidden;

    padding:0;

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

    border-radius:12px;

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

    cursor:pointer;

    opacity:.58;

    transition:
        opacity .25s ease,
        transform .25s ease,
        border-color .25s ease;

}

.products-page .products-thumb:hover{

    opacity:.82;

    transform:
        translateY(-2px);

}

.products-page .products-thumb.active{

    opacity:1;

    border-color:
        var(--products-gold);

    box-shadow:
        0 0 0 1px
        rgba(198,161,91,.15);

}

.products-page .products-thumb img{

    width:100%;
    height:100%;

    object-fit:contain;

    padding:6px;

}

.products-page .products-thumb span{

    position:absolute;

    right:6px;
    bottom:4px;

    color:#FFFFFF;

    font-size:.5rem;

    font-weight:900;

    text-shadow:
        0 1px 5px rgba(0,0,0,.45);

}

/* ==========================================================
   INTRODUCTION
   ========================================================== */

.products-page .products-introduction{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F8F7F3
        );

}

.products-page .products-introduction-inner{

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(320px,.8fr);

    gap:90px;

    align-items:end;

}

.products-page .products-introduction-inner h2{

    max-width:760px;

    margin-top:14px;

    color:
        var(--products-black);

    font-size:
        clamp(2.3rem,4.6vw,5rem);

    line-height:.98;

    letter-spacing:-.045em;

}

.products-page .products-introduction-inner h2 span{

    display:block;

    color:
        var(--products-gold);

}

.products-page .products-introduction-inner > div:last-child{

    padding-bottom:5px;

}

.products-page .products-introduction-inner p{

    color:#6C7780;

    font-size:.98rem;

    line-height:1.82;

}

.products-page .products-introduction-inner p + p{

    margin-top:14px;

}

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

.products-page .products-section-heading{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:45px;

}

.products-page .products-section-heading h2{

    max-width:760px;

    margin-top:14px;

    color:
        var(--products-black);

    font-size:
        clamp(2.25rem,4.6vw,4.5rem);

    line-height:.98;

    letter-spacing:-.045em;

}

.products-page .products-section-heading h2 span{

    color:
        var(--products-gold);

}

.products-page .products-section-heading > p{

    max-width:420px;

    color:#727D85;

    font-size:.9rem;

    line-height:1.7;

}

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

.products-page .products-categories{

    background:
        #FFFFFF;

}

.products-page .products-category-grid{

    display:grid;

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

    gap:12px;

    margin-top:50px;

}

.products-page .products-category-card{

    position:relative;

    min-height:255px;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    padding:24px;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F6F4EF
        );

    cursor:pointer;

    opacity:0;

    transform:
        translateY(22px);

    transition:
        opacity .55s ease,
        transform .55s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}

.products-page .products-category-card.products-visible{

    opacity:1;

    transform:
        translateY(0);

}

.products-page .products-category-card:hover{

    transform:
        translateY(-6px);

    border-color:
        rgba(198,161,91,.24);

    box-shadow:
        0 24px 55px
        rgba(23,27,31,.08);

}

.products-page .products-category-number{

    color:
        #B2945E;

    font-size:.67rem;

    font-weight:900;

    letter-spacing:.15em;

}

.products-page .products-category-copy{

    margin-top:40px;

}

.products-page .products-category-copy > span{

    color:#A1A8AD;

    font-size:.57rem;

    font-weight:900;

    letter-spacing:.12em;

}

.products-page .products-category-copy h3{

    margin-top:7px;

    color:
        var(--products-black);

    font-size:
        1.12rem;

    letter-spacing:-.02em;

}

.products-page .products-category-copy p{

    margin-top:8px;

    color:#748089;

    font-size:.76rem;

    line-height:1.55;

}

.products-page .products-category-arrow{

    align-self:flex-end;

    width:37px;
    height:37px;

    display:flex;

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

    border:
        1px solid
        rgba(23,27,31,.10);

    border-radius:50%;

    color:
        var(--products-black);

    background:#FFFFFF;

    transition:
        transform .25s ease,
        color .25s ease,
        border-color .25s ease;

}

.products-page .products-category-card:hover
.products-category-arrow{

    transform:
        translateX(3px);

    color:
        #98793F;

    border-color:
        rgba(198,161,91,.40);

}

.products-page .products-category-arrow svg{

    width:16px;
    height:16px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.6;

    stroke-linecap:round;
    stroke-linejoin:round;

}

/* ==========================================================
   CATALOGUE
   ========================================================== */

.products-page .products-catalogue{

    background:
        #F6F6F4;

}

.products-page .products-catalogue-tools{

    display:grid;

    grid-template-columns:
        minmax(280px,.55fr)
        minmax(0,1fr);

    gap:15px;

    margin-top:40px;

}

.products-page .products-search{

    position:relative;

    display:flex;

    align-items:center;

    min-height:52px;

    border:
        1px solid
        rgba(23,27,31,.10);

    border-radius:999px;

    background:#FFFFFF;

}

.products-page .products-search > svg{

    width:18px;
    height:18px;

    margin-left:17px;

    flex:none;

    fill:none;

    stroke:
        #7A858D;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;

}

.products-page .products-search input{

    width:100%;

    min-width:0;

    padding:
        0 13px;

    border:0;

    outline:0;

    background:transparent;

    color:
        var(--products-black);

    font-family:inherit;

    font-size:.82rem;

}

.products-page .products-search input::placeholder{

    color:#9BA3A8;

}

.products-page .products-search button{

    flex:none;

    width:38px;
    height:38px;

    margin-right:7px;

    border:0;

    border-radius:50%;

    background:
        #F3F3F1;

    color:#7E878D;

    cursor:pointer;

    font-size:1.15rem;

}

.products-page .products-category-filters{

    display:flex;

    flex-wrap:wrap;

    justify-content:flex-end;

    gap:7px;

}

.products-page .products-filter{

    min-height:42px;

    padding:
        0 14px;

    border:
        1px solid
        rgba(23,27,31,.10);

    border-radius:999px;

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

    color:#69747C;

    font-family:inherit;

    font-size:.62rem;

    font-weight:900;

    letter-spacing:.05em;

    cursor:pointer;

    transition:
        .25s ease;

}

.products-page .products-filter:hover{

    border-color:
        rgba(198,161,91,.35);

    color:
        var(--products-black);

}

.products-page .products-filter.active{

    background:
        var(--products-black);

    border-color:
        var(--products-black);

    color:#FFFFFF;

}

.products-page .products-results-bar{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    margin-top:24px;

    padding-top:19px;

    border-top:
        1px solid
        rgba(23,27,31,.08);

}

.products-page .products-results-info{

    color:#7B858C;

    font-size:.68rem;

    font-weight:900;

    letter-spacing:.09em;

    text-transform:uppercase;

}

.products-page .products-results-reset{

    border:0;

    background:transparent;

    color:
        #9A7B47;

    font-family:inherit;

    font-size:.63rem;

    font-weight:900;

    letter-spacing:.08em;

    text-transform:uppercase;

    cursor:pointer;

}

.products-page .products-results-reset:hover{

    color:
        var(--products-black);

}

/* ==========================================================
   PRODUCT GRID
   ========================================================== */

.products-page .products-grid{

    display:grid;

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

    gap:17px;

    margin-top:27px;

}

.products-page .products-card{

    display:grid;

    grid-template-columns:
        minmax(210px,.86fr)
        minmax(0,1.14fr);

    overflow:hidden;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:27px;

    background:#FFFFFF;

    box-shadow:
        0 16px 45px
        rgba(23,27,31,.05);

    cursor:pointer;

    opacity:0;

    transform:
        translateY(24px);

    transition:
        opacity .6s ease,
        transform .6s ease,
        box-shadow .35s ease;

}

.products-page .products-card.products-visible{

    opacity:1;

    transform:
        translateY(0);

}

.products-page .products-card.product-hidden{

    display:none;

}

.products-page .products-card:hover{

    box-shadow:
        0 25px 65px
        rgba(23,27,31,.10);

    transform:
        translateY(-4px);

}

.products-page .products-card-image{

    position:relative;

    min-height:330px;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 50% 42%,
            var(--card-atmosphere),
            transparent 65%
        ),

        linear-gradient(
            150deg,
            #F9F8F5,
            #F0EEE8
        );

    isolation:isolate;

}

.products-page .products-card-number{

    position:absolute;

    z-index:4;

    top:15px;
    left:16px;

    color:
        #9D8355;

    font-size:.62rem;

    font-weight:900;

    letter-spacing:.12em;

}

.products-page .products-card-glow{

    position:absolute;

    z-index:0;

    width:220px;
    height:220px;

    left:50%;
    top:50%;

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

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            color-mix(
                in srgb,
                var(--card-tone)
                21%,
                transparent
            ),
            transparent 68%
        );

    filter:
        blur(5px);

}

.products-page .products-card-frame{

    position:absolute;

    inset:24px;

    z-index:1;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--card-tone)
            20%,
            transparent
        );

    border-radius:20px;

}

.products-page .products-card-image img{

    position:relative;

    z-index:2;

    width:100%;
    height:100%;

    min-height:330px;

    padding:28px;

    object-fit:contain;

    transition:
        transform .55s ease;

    filter:
        drop-shadow(
            0 18px 24px
            rgba(0,0,0,.10)
        );

}

.products-page .products-card:hover
.products-card-image img{

    transform:
        scale(1.045);

}

.products-page .products-card-category{

    position:absolute;

    z-index:4;

    left:14px;
    bottom:14px;

    padding:
        7px 9px;

    border-radius:999px;

    background:
        rgba(23,27,31,.79);

    backdrop-filter:
        blur(8px);

    color:#FFFFFF;

    font-size:.53rem;

    font-weight:900;

    letter-spacing:.09em;

}

.products-page .products-card-content{

    display:flex;

    flex-direction:column;

    padding:
        26px 27px 25px;

}

.products-page .products-card-topline{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

}

.products-page .products-card-topline span{

    color:#969FA5;

    font-size:.58rem;

    font-weight:900;

    letter-spacing:.13em;

}

.products-page .products-card-label{

    margin-top:23px;

    color:
        #A8864D;

    font-size:.61rem;

    font-weight:900;

    letter-spacing:.13em;

    text-transform:uppercase;

}

.products-page .products-card h3{

    margin-top:8px;

    color:
        var(--products-black);

    font-size:
        clamp(1.45rem,2vw,2rem);

    line-height:1.05;

    letter-spacing:-.035em;

}

.products-page .products-card p{

    margin-top:12px;

    color:#717C84;

    font-size:.82rem;

    line-height:1.68;

}

.products-page .products-card-tags{

    display:flex;

    flex-wrap:wrap;

    gap:6px;

    margin-top:17px;

}

.products-page .products-card-tags span{

    padding:
        6px 8px;

    border-radius:999px;

    background:
        #F3F2EE;

    color:#727C83;

    font-size:.55rem;

    font-weight:900;

    letter-spacing:.06em;

}

.products-page .products-card-button{

    display:inline-flex;

    align-items:center;

    align-self:flex-start;

    gap:9px;

    margin-top:auto;
    padding-top:22px;

    border:0;

    background:transparent;

    color:
        var(--products-black);

    font-family:inherit;

    font-size:.64rem;

    font-weight:900;

    letter-spacing:.08em;

    text-transform:uppercase;

    cursor:pointer;

}

.products-page .products-card-button svg{

    width:17px;
    height:17px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.6;

    stroke-linecap:round;
    stroke-linejoin:round;

    transition:
        transform .25s ease;

}

.products-page .products-card-button:hover svg{

    transform:
        translateX(4px);

}

.products-page .products-empty{

    display:none;

    padding:
        75px 20px;

    text-align:center;

}

.products-page .products-empty.visible{

    display:block;

}

.products-page .products-empty-icon{

    width:58px;
    height:58px;

    display:flex;

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

    margin:0 auto 19px;

    border:
        1px solid
        rgba(198,161,91,.28);

    border-radius:50%;

    background:#FFFFFF;

    color:
        #9E7D46;

}

.products-page .products-empty-icon svg{

    width:22px;
    height:22px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.6;

    stroke-linecap:round;
    stroke-linejoin:round;

}

.products-page .products-empty strong{

    color:
        var(--products-black);

    font-size:1.15rem;

}

.products-page .products-empty p{

    max-width:420px;

    margin:
        9px auto 20px;

    color:#78838B;

    font-size:.83rem;

    line-height:1.6;

}

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

.products-page .products-featured{

    background:
        #FFFFFF;

}

.products-page .products-featured-header{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:35px;

    margin-bottom:34px;

}

.products-page .products-featured-header h2{

    margin-top:13px;

    color:
        var(--products-black);

    font-size:
        clamp(2.2rem,4.3vw,4.2rem);

    line-height:.98;

    letter-spacing:-.045em;

}

.products-page .products-featured-header h2 span{

    display:block;

    color:
        var(--products-gold);

}

.products-page .products-featured-badge{

    padding:
        9px 12px;

    border-radius:999px;

    background:
        #F2EEE5;

    color:
        #8B7040;

    font-size:.58rem;

    font-weight:900;

    letter-spacing:.09em;

}

.products-page .products-featured-box{

    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,1.06fr)
        minmax(0,.94fr);

    overflow:hidden;

    border-radius:34px;

    border:
        1px solid
        rgba(198,161,91,.11);

    background:

        radial-gradient(
            circle at 25% 45%,
            color-mix(
                in srgb,
                var(--featured-atmosphere)
                56%,
                transparent
            ),
            transparent 42%
        ),

        linear-gradient(
            135deg,
            #F8F6F0,
            #EEEAE1
        );

    box-shadow:
        0 25px 75px
        rgba(23,27,31,.09);

}

.products-page .products-featured-image{

    position:relative;

    min-height:500px;

    display:flex;

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

    overflow:hidden;

}

.products-page .products-featured-orbit{

    position:absolute;

    width:355px;
    height:355px;

    border-radius:50%;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--featured-tone)
            27%,
            transparent
        );

    box-shadow:
        0 0 0 25px
        rgba(255,255,255,.17);

    animation:
        featuredFloat 8s ease-in-out infinite;

}

@keyframes featuredFloat{

    0%,
    100%{
        transform:
            scale(1)
            translateY(0);
    }

    50%{
        transform:
            scale(1.025)
            translateY(-7px);
    }

}

.products-page .products-featured-image img{

    position:relative;

    z-index:2;

    width:80%;
    height:80%;

    object-fit:contain;

    filter:
        drop-shadow(
            0 25px 32px
            rgba(0,0,0,.13)
        );

}

.products-page .products-featured-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:
        54px 52px;

}

.products-page .products-featured-label{

    color:#9B7C45;

    font-size:.65rem;

    font-weight:900;

    letter-spacing:.16em;

}

.products-page .products-featured-content h2{

    margin-top:12px;

    color:
        var(--products-black);

    font-size:
        clamp(2.1rem,4vw,4rem);

    line-height:.98;

    letter-spacing:-.045em;

}

.products-page .products-featured-content h2 span{

    display:block;

    margin-top:7px;

    color:
        #AA8950;

}

.products-page .products-featured-content p{

    max-width:540px;

    margin-top:18px;

    color:#6F7A82;

    line-height:1.78;

}

.products-page .products-featured-tags{

    display:flex;

    flex-wrap:wrap;

    gap:7px;

    margin-top:21px;

}

.products-page .products-featured-tags span{

    padding:
        7px 9px;

    border-radius:999px;

    background:#FFFFFF;

    color:#707A82;

    font-size:.56rem;

    font-weight:900;

    letter-spacing:.07em;

}

.products-page .products-featured-content .products-button{

    align-self:flex-start;

    margin-top:28px;

}

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

.products-page .products-philosophy{

    background:
        #F6F6F4;

}

.products-page .products-philosophy-heading{

    max-width:820px;

}

.products-page .products-philosophy-heading h2{

    margin-top:13px;

    color:
        var(--products-black);

    font-size:
        clamp(2.25rem,4.5vw,4.5rem);

    line-height:.98;

    letter-spacing:-.045em;

}

.products-page .products-philosophy-heading h2 span{

    display:block;

    color:
        var(--products-gold);

}

.products-page .products-philosophy-heading p{

    max-width:620px;

    margin-top:18px;

    color:#717C84;

    line-height:1.75;

}

.products-page .products-philosophy-grid{

    display:grid;

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

    gap:13px;

    margin-top:46px;

}

.products-page .products-philosophy-card{

    min-height:225px;

    padding:27px;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:23px;

    background:#FFFFFF;

    opacity:0;

    transform:
        translateY(24px);

    transition:
        opacity .55s ease,
        transform .55s ease,
        box-shadow .3s ease;

}

.products-page .products-philosophy-card.products-visible{

    opacity:1;

    transform:
        translateY(0);

}

.products-page .products-philosophy-card:hover{

    transform:
        translateY(-5px);

    box-shadow:
        0 22px 55px
        rgba(23,27,31,.08);

}

.products-page .products-philosophy-card > span{

    color:
        #B3935A;

    font-size:.69rem;

    font-weight:900;

    letter-spacing:.15em;

}

.products-page .products-philosophy-card h3{

    margin-top:50px;

    color:
        var(--products-black);

    font-size:1.28rem;

}

.products-page .products-philosophy-card p{

    margin-top:9px;

    color:#76818A;

    font-size:.8rem;

    line-height:1.62;

}

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

.products-page .products-cta{

    background:
        #FFFFFF;

}

.products-page .products-cta-box{

    position:relative;

    display:grid;

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

    align-items:center;

    gap:38px;

    overflow:hidden;

    padding:
        54px 48px;

    border-radius:32px;

    background:
        linear-gradient(
            135deg,
            #1B2024,
            #30383F
        );

    box-shadow:
        0 30px 85px
        rgba(23,27,31,.17);

}

.products-page .products-cta-box::after{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    right:-240px;
    top:-280px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.17),
            transparent 70%
        );

    pointer-events:none;

}

.products-page .products-cta-logo{

    position:relative;

    z-index:2;

    width:64px;
    height:64px;

    display:flex;

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

}

.products-page .products-cta-logo img{

    width:100%;
    height:100%;

    object-fit:contain;

}

.products-page .products-cta-content{

    position:relative;

    z-index:2;

}

.products-page .products-cta-content .products-eyebrow{

    color:
        var(--products-gold-light);

}

.products-page .products-cta-content h2{

    margin-top:10px;

    color:#FFFFFF;

    font-size:
        clamp(2rem,4vw,3.65rem);

    line-height:.98;

    letter-spacing:-.04em;

}

.products-page .products-cta-content h2 span{

    color:
        var(--products-gold-light);

}

.products-page .products-cta-content p{

    max-width:650px;

    margin-top:12px;

    color:#CBD2D7;

    font-size:.84rem;

    line-height:1.7;

}

.products-page .products-cta-actions{

    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    gap:9px;

    min-width:210px;

}

.products-page .products-cta-actions
.products-button-outline{

    color:#FFFFFF;

    border-color:
        rgba(255,255,255,.18);

}

.products-page .products-cta-actions
.products-button-outline:hover{

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

    border-color:
        rgba(198,161,91,.40);

}

/* ==========================================================
   REVEAL INITIAL STATE
   ========================================================== */

.products-page .products-reveal{

    opacity:0;

    transform:
        translateY(22px);

    transition:
        opacity .65s ease,
        transform .65s ease;

}

.products-page .products-reveal.products-visible{

    opacity:1;

    transform:
        translateY(0);

}

/* ==========================================================
   RIPPLE
   ========================================================== */

.products-page .ripple{

    position:absolute;

    border-radius:50%;

    transform:
        scale(0);

    animation:
        productsRipple .55s linear;

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

    pointer-events:none;

}

@keyframes productsRipple{

    to{

        transform:
            scale(3);

        opacity:0;

    }

}

/* ==========================================================
   RESPONSIVE — 1200
   ========================================================== */

@media(max-width:1200px){

    .products-page .products-category-grid{

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

    }

    .products-page .products-grid{

        grid-template-columns:
            1fr;

    }

    .products-page .products-hero-main{

        grid-template-columns:
            minmax(0,.95fr)
            minmax(380px,.85fr);

    }

    .products-page .products-hero-product-image{

        width:
            min(500px,44vw);

        height:
            min(500px,54vh);

    }

}

/* ==========================================================
   RESPONSIVE — 1000
   ========================================================== */

@media(max-width:1000px){

    .products-page .products-hero{

        min-height:780px;

    }

    .products-page .products-hero-container{

        min-height:780px;

    }

    .products-page .products-hero-main{

        grid-template-columns:
            1fr;

        align-items:center;

        padding:
            45px 0 60px;

    }

    .products-page .products-hero-content{

        max-width:760px;

        padding-top:10px;

    }

    .products-page .products-hero-product{

        position:absolute;

        width:48%;

        right:-2%;

        bottom:75px;

        min-height:400px;

    }

    .products-page .products-hero-content{

        position:relative;

        z-index:5;

        max-width:62%;

    }

    .products-page .products-hero-product-image{

        width:100%;
        height:420px;

    }

    .products-page .products-hero-product-orbit{

        width:340px;

    }

    .products-page .products-catalogue-tools{

        grid-template-columns:
            1fr;

    }

    .products-page .products-category-filters{

        justify-content:flex-start;

    }

    .products-page .products-introduction-inner{

        grid-template-columns:
            1fr;

        gap:32px;

    }

    .products-page .products-featured-box{

        grid-template-columns:
            1fr;

    }

    .products-page .products-featured-image{

        min-height:390px;

    }

    .products-page .products-featured-content{

        padding:
            40px;

    }

    .products-page .products-cta-box{

        grid-template-columns:
            auto
            1fr;

    }

    .products-page .products-cta-actions{

        grid-column:
            1 / -1;

        flex-direction:row;

        justify-content:flex-start;

    }

}

/* ==========================================================
   RESPONSIVE — 800
   ========================================================== */

@media(max-width:800px){

    .products-page .products-container{

        width:
            min(
                100% - 34px,
                700px
            );

    }

    .products-page .section{

        padding:
            80px 0;

    }

    .products-page .section-sm{

        padding:
            65px 0;

    }

    .products-page .products-hero{

        min-height:850px;

    }

    .products-page .products-hero-container{

        min-height:850px;

    }

    .products-page .products-hero-top{

        padding-top:24px;

    }

    .products-page .products-hero-main{

        display:block;

        padding-top:35px;

    }

    .products-page .products-hero-content{

        max-width:100%;

    }

    .products-page .products-hero-product{

        position:relative;

        width:100%;

        right:auto;

        bottom:auto;

        min-height:370px;

        margin-top:-15px;

    }

    .products-page .products-hero-product-image{

        width:min(430px,80vw);

        height:380px;

    }

    .products-page .products-hero-label{

        right:7%;

        bottom:3%;

    }

    .products-page .products-hero-meta{

        gap:0;

        margin-top:28px;

    }

    .products-page .products-category-grid{

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

    }

    .products-page .products-section-heading{

        align-items:flex-start;

        flex-direction:column;

        gap:18px;

    }

    .products-page .products-section-heading > p{

        max-width:600px;

    }

    .products-page .products-card{

        grid-template-columns:
            205px 1fr;

    }

    .products-page .products-philosophy-grid{

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

    }

    .products-page .products-cta-box{

        padding:
            43px 30px;

    }

}

/* ==========================================================
   RESPONSIVE — 600
   ========================================================== */

@media(max-width:600px){

    .products-page .products-container{

        width:
            calc(
                100% - 28px
            );

    }

    .products-page .section{

        padding:
            68px 0;

    }

    .products-page .section-sm{

        padding:
            56px 0;

    }

    .products-page .products-hero{

        min-height:850px;

    }

    .products-page .products-hero-container{

        min-height:850px;

    }

    .products-page .products-hero-index{

        display:none;

    }

    .products-page .products-hero-brand img{

        width:34px;
        height:34px;

    }

    .products-page .products-hero-brand strong{

        font-size:.65rem;

    }

    .products-page .products-hero-main{

        padding-top:28px;

    }

    .products-page .products-slide-number{

        margin-top:15px;

    }

    .products-page .products-hero-kicker{

        font-size:.58rem;

        letter-spacing:.12em;

    }

    .products-page .products-hero h1{

        margin-top:13px;

        font-size:
            clamp(
                2.65rem,
                13vw,
                4.3rem
            );

    }

    .products-page .products-hero-category{

        margin-top:18px;

        font-size:.59rem;

    }

    .products-page .products-hero-content > p{

        font-size:.9rem;

        line-height:1.68;

    }

    .products-page .products-hero-tags{

        margin-top:16px;

    }

    .products-page .products-hero-actions{

        flex-direction:column;

        align-items:stretch;

    }

    .products-page .products-hero-actions .products-button{

        width:100%;

    }

    .products-page .products-hero-product{

        min-height:300px;

        margin-top:-5px;

    }

    .products-page .products-hero-product-image{

        width:min(360px,90vw);

        height:320px;

    }

    .products-page .products-hero-product-orbit{

        width:280px;

    }

    .products-page .products-hero-product-shadow{

        width:210px;

    }

    .products-page .products-hero-label{

        right:3%;

        bottom:0;

    }

    .products-page .products-hero-label span{

        font-size:.48rem;

    }

    .products-page .products-hero-label strong{

        font-size:.67rem;

    }

    .products-page .products-hero-meta{

        margin-top:22px;

        padding-top:17px;

    }

    .products-page .products-hero-meta div{

        min-width:0;

        flex:1;

        padding-right:12px;

        margin-right:12px;

    }

    .products-page .products-hero-meta strong{

        font-size:.67rem;

    }

    .products-page .products-hero-meta span{

        font-size:.48rem;

    }

    .products-page .products-hero-controls{

        gap:9px;

        padding-bottom:14px;

    }

    .products-page .products-slide-name{

        display:none;

    }

    .products-page .products-slide-progress{

        min-width:0;

    }

    .products-page .products-thumbs{

        gap:6px;

        padding-bottom:20px;

    }

    .products-page .products-thumb{

        width:58px;
        height:50px;

    }

    .products-page .products-introduction-inner h2,
    .products-page .products-section-heading h2,
    .products-page .products-featured-header h2,
    .products-page .products-philosophy-heading h2{

        font-size:
            clamp(
                2rem,
                10vw,
                3.4rem
            );

    }

    .products-page .products-category-grid{

        grid-template-columns:
            1fr;

        gap:10px;

        margin-top:35px;

    }

    .products-page .products-category-card{

        min-height:190px;

    }

    .products-page .products-category-copy{

        margin-top:23px;

    }

    .products-page .products-catalogue-tools{

        margin-top:30px;

    }

    .products-page .products-category-filters{

        gap:6px;

    }

    .products-page .products-filter{

        min-height:38px;

        padding:
            0 11px;

        font-size:.56rem;

    }

    .products-page .products-results-bar{

        align-items:flex-start;

        flex-direction:column;

        gap:9px;

    }

    .products-page .products-card{

        grid-template-columns:
            1fr;

    }

    .products-page .products-card-image{

        min-height:270px;

    }

    .products-page .products-card-image img{

        min-height:270px;

    }

    .products-page .products-card-content{

        padding:
            22px 20px 21px;

    }

    .products-page .products-card h3{

        font-size:1.45rem;

    }

    .products-page .products-featured-header{

        align-items:flex-start;

        flex-direction:column;

        gap:13px;

    }

    .products-page .products-featured-image{

        min-height:300px;

    }

    .products-page .products-featured-image img{

        width:83%;
        height:83%;

    }

    .products-page .products-featured-orbit{

        width:250px;
        height:250px;

    }

    .products-page .products-featured-content{

        padding:
            31px 22px 30px;

    }

    .products-page .products-featured-content h2{

        font-size:
            clamp(
                1.95rem,
                9vw,
                3rem
            );

    }

    .products-page .products-featured-content p{

        font-size:.86rem;

    }

    .products-page .products-philosophy-grid{

        grid-template-columns:
            1fr;

        gap:10px;

        margin-top:31px;

    }

    .products-page .products-philosophy-card{

        min-height:185px;

    }

    .products-page .products-philosophy-card h3{

        margin-top:33px;

    }

    .products-page .products-cta-box{

        grid-template-columns:
            1fr;

        gap:22px;

        padding:
            35px 23px;

        border-radius:27px;

    }

    .products-page .products-cta-logo{

        width:54px;
        height:54px;

    }

    .products-page .products-cta-actions{

        grid-column:auto;

        flex-direction:column;

        min-width:0;

    }

    .products-page .products-cta-actions
    .products-button{

        width:100%;

    }

}

/* ==========================================================
   ACCESSIBILITY / REDUCED MOTION
   ========================================================== */

@media(prefers-reduced-motion:reduce){

    .products-page *,
    .products-page *::before,
    .products-page *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        scroll-behavior:auto !important;

        transition-duration:.01ms !important;

    }

}


   ```css
/* ==========================================================
   AD LIFESTYLE V2
   SERVICES.CSS
   Premium Services & Ecosystem Experience
   Master Pattern: EVENTS PAGE
   Editorial / Immersive / Luxury
   Scope: .page-services
   ========================================================== */

/* ==========================================================
   ROOT
   ========================================================== */

.page-services{

    --services-black:#171B1F;
    --services-black-soft:#252B31;

    --services-gold:#C6A15B;
    --services-gold-light:#E9D7A9;
    --services-gold-soft:#F3EBDD;

    --services-white:#FFFFFF;
    --services-ivory:#F8F7F3;

    --services-gray:#69747E;
    --services-gray-light:#8B959D;

    --services-border:
        rgba(23,27,31,.09);

    --services-green:#4BA66A;

    color:
        var(--services-black);

    overflow:hidden;

    background:
        #FFFFFF;

}

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

.page-services .container{

    width:
        min(
            100% - 48px,
            1280px
        );

    margin:
        0 auto;

}

.page-services .container-sm{

    width:
        min(
            100% - 48px,
            860px
        );

    margin:
        0 auto;

}

/* ==========================================================
   SECTIONS
   ========================================================== */

.page-services .section{

    position:relative;

    padding:
        105px 0;

}

.page-services .section-sm{

    position:relative;

    padding:
        82px 0;

}

/* ==========================================================
   GENERIC TEXT
   ========================================================== */

.page-services .text{

    color:
        #717C84;

    line-height:
        1.75;

}

.page-services .text-lg{

    color:
        #69747D;

    font-size:
        1rem;

    line-height:
        1.82;

}

/* ==========================================================
   LABELS
   ========================================================== */

.page-services .label{

    display:inline-block;

    color:
        #A1814B;

    font-size:
        .68rem;

    font-weight:
        900;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;

}

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

.page-services .section-center{

    text-align:
        center;

    margin-left:
        auto;

    margin-right:
        auto;

}

.page-services .section-title{

    margin-top:
        14px;

    color:
        var(--services-black);

    font-size:
        clamp(2.3rem,4.7vw,4.7rem);

    line-height:
        .98;

    letter-spacing:
        -.045em;

}

.page-services .section-title span{

    display:block;

    color:
        var(--services-gold);

}

.page-services .lead{

    max-width:
        720px;

    margin:
        18px auto 0;

    color:
        #707B83;

    font-size:
        .96rem;

    line-height:
        1.82;

}

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

.page-services .services-hero{

    position:relative;

    min-height:
        min(820px,93vh);

    overflow:hidden;

    background:
        var(--services-black);

    isolation:isolate;

}

.page-services .services-hero-backdrop{

    position:absolute;

    inset:0;

    z-index:0;

    background:

        radial-gradient(
            circle at 75% 42%,
            rgba(198,161,91,.17),
            transparent 34%
        ),

        radial-gradient(
            circle at 56% 72%,
            rgba(255,255,255,.045),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #111518 0%,
            #1B2125 48%,
            #30373D 100%
        );

}

.page-services .services-hero-backdrop::before{

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            90deg,
            rgba(13,17,20,.95) 0%,
            rgba(13,17,20,.82) 38%,
            rgba(13,17,20,.48) 63%,
            rgba(13,17,20,.18) 100%
        ),

        linear-gradient(
            0deg,
            rgba(13,17,20,.50),
            transparent 45%
        );

}

.page-services .services-hero-glow{

    position:absolute;

    z-index:1;

    width:560px;
    height:560px;

    border-radius:
        50%;

    pointer-events:none;

    filter:
        blur(8px);

}

.page-services .services-hero-glow.glow-one{

    right:
        2%;

    top:
        18%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.16),
            transparent 68%
        );

    animation:
        servicesHeroGlowOne
        9s ease-in-out infinite;

}

.page-services .services-hero-glow.glow-two{

    left:
        35%;

    bottom:
        -35%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.055),
            transparent 70%
        );

    animation:
        servicesHeroGlowTwo
        12s ease-in-out infinite;

}

@keyframes servicesHeroGlowOne{

    0%,
    100%{
        transform:
            translate3d(0,0,0)
            scale(1);
    }

    50%{
        transform:
            translate3d(-18px,12px,0)
            scale(1.06);
    }

}

@keyframes servicesHeroGlowTwo{

    0%,
    100%{
        transform:
            translate3d(0,0,0)
            scale(1);
    }

    50%{
        transform:
            translate3d(30px,-20px,0)
            scale(1.08);
    }

}

.page-services .services-hero-grid{

    position:relative;

    z-index:3;

    min-height:
        min(820px,93vh);

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.85fr);

    align-items:center;

    gap:
        55px;

}

.page-services .services-hero-content{

    max-width:
        760px;

    padding:
        70px 0 55px;

}

.page-services .services-hero .label{

    color:
        var(--services-gold-light);

}

.page-services .services-eyebrow{

    display:block;

    margin-top:
        15px;

    color:
        #AEB7BD;

    font-size:
        .63rem;

    font-weight:
        900;

    letter-spacing:
        .18em;

}

.page-services .services-hero .hero-title{

    margin-top:
        17px;

    color:
        #FFFFFF;

    font-size:
        clamp(3.1rem,6.4vw,6.7rem);

    line-height:
        .91;

    letter-spacing:
        -.055em;

}

.page-services .services-hero .hero-title span{

    display:block;

    color:
        var(--services-gold-light);

}

.page-services .services-hero .hero-sub{

    max-width:
        660px;

    margin-top:
        25px;

    color:
        #CBD2D6;

    font-size:
        clamp(.98rem,1.35vw,1.08rem);

    line-height:
        1.82;

}

.page-services .hero-actions{

    display:flex;

    flex-wrap:wrap;

    gap:
        11px;

    margin-top:
        28px;

}

.page-services .hero-actions.center{

    justify-content:center;

}

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

.page-services .btn{

    min-height:
        50px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:
        0 20px;

    border-radius:
        999px;

    font-family:inherit;

    font-size:
        .70rem;

    font-weight:
        900;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;

    cursor:pointer;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease;

}

.page-services .btn:hover{

    transform:
        translateY(-2px);

}

.page-services .btn-primary{

    border:
        1px solid
        transparent;

    background:
        linear-gradient(
            135deg,
            var(--services-gold),
            #8F713C
        );

    color:
        #FFFFFF;

    box-shadow:
        0 15px 35px
        rgba(198,161,91,.19);

}

.page-services .btn-primary:hover{

    box-shadow:
        0 20px 42px
        rgba(198,161,91,.27);

}

.page-services .btn-glass{

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

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

    color:
        #FFFFFF;

    backdrop-filter:
        blur(10px);

}

.page-services .btn-glass:hover{

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

    border-color:
        rgba(198,161,91,.42);

}

/* ==========================================================
   HERO STATS
   ========================================================== */

.page-services .services-hero-stats{

    display:flex;

    align-items:flex-start;

    flex-wrap:wrap;

    margin-top:
        38px;

    padding-top:
        21px;

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

}

.page-services .services-hero-stats div{

    min-width:
        150px;

    padding-right:
        24px;

    margin-right:
        24px;

    border-right:
        1px solid
        rgba(255,255,255,.09);

}

.page-services .services-hero-stats div:last-child{

    border-right:
        0;

    margin-right:
        0;

}

.page-services .services-hero-stats strong{

    display:block;

    color:
        #FFFFFF;

    font-size:
        .75rem;

    letter-spacing:
        .10em;

}

.page-services .services-hero-stats span{

    display:block;

    margin-top:
        5px;

    color:
        #8D989F;

    font-size:
        .59rem;

    line-height:
        1.5;

}

/* ==========================================================
   HERO VISUAL
   ========================================================== */

.page-services .services-hero-visual-wrap{

    display:flex;

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

}

.page-services .services-hero-visual{

    position:relative;

    width:
        min(560px,44vw);

    aspect-ratio:
        1;

    display:flex;

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

}

.page-services .services-logo-orbit{

    position:absolute;

    left:50%;
    top:50%;

    border-radius:
        50%;

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

    border:
        1px solid
        rgba(198,161,91,.30);

}

.page-services .orbit-one{

    width:
        78%;

    height:
        78%;

    animation:
        servicesOrbitOne
        20s linear infinite;

}

.page-services .orbit-two{

    width:
        58%;

    height:
        58%;

    border-color:
        rgba(255,255,255,.12);

    animation:
        servicesOrbitTwo
        15s linear infinite reverse;

}

.page-services .orbit-three{

    width:
        91%;

    height:
        91%;

    border-color:
        rgba(255,255,255,.06);

    border-style:
        dashed;

    animation:
        servicesOrbitThree
        27s linear infinite;

}

@keyframes servicesOrbitOne{

    from{
        transform:
            translate(-50%,-50%)
            rotate(0deg);
    }

    to{
        transform:
            translate(-50%,-50%)
            rotate(360deg);
    }

}

@keyframes servicesOrbitTwo{

    from{
        transform:
            translate(-50%,-50%)
            rotate(0deg);
    }

    to{
        transform:
            translate(-50%,-50%)
            rotate(-360deg);
    }

}

@keyframes servicesOrbitThree{

    from{
        transform:
            translate(-50%,-50%)
            rotate(0deg);
    }

    to{
        transform:
            translate(-50%,-50%)
            rotate(360deg);
    }

}

.page-services .services-logo-core{

    position:relative;

    z-index:4;

    width:
        218px;
    height:
        218px;

    display:flex;

    flex-direction:column;

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

    border:
        1px solid
        rgba(198,161,91,.28);

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.10),
            rgba(255,255,255,.025) 60%,
            transparent 70%
        );

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

        inset 0 0 40px
        rgba(255,255,255,.035);

    backdrop-filter:
        blur(14px);

    animation:
        servicesCoreFloat
        6s ease-in-out infinite;

}

@keyframes servicesCoreFloat{

    0%,
    100%{

        transform:
            translateY(0);

    }

    50%{

        transform:
            translateY(-8px);

    }

}

.page-services .services-logo-mark{

    width:
        56px;
    height:
        56px;

    display:flex;

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

}

.page-services .services-logo-mark img{

    width:
        100%;
    height:
        100%;

    object-fit:
        contain;

}

.page-services .services-logo-core > strong{

    margin-top:
        12px;

    color:
        #FFFFFF;

    font-size:
        .72rem;

    letter-spacing:
        .18em;

}

.page-services .services-logo-core > span{

    margin-top:
        4px;

    color:
        var(--services-gold-light);

    font-size:
        .53rem;

    font-weight:
        900;

    letter-spacing:
        .17em;

}

.page-services .services-logo-core > small{

    margin-top:
        8px;

    color:
        #89949B;

    font-size:
        .50rem;

    letter-spacing:
        .07em;

}

.page-services .services-floating-card{

    position:absolute;

    z-index:6;

    min-width:
        132px;

    padding:
        12px 14px;

    display:flex;

    align-items:center;

    gap:
        10px;

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

    border-radius:
        14px;

    background:
        rgba(24,29,33,.68);

    backdrop-filter:
        blur(13px);

    box-shadow:
        0 15px 40px
        rgba(0,0,0,.18);

}

.page-services .services-floating-card span{

    color:
        var(--services-gold-light);

    font-size:
        .57rem;

    font-weight:
        900;

    letter-spacing:
        .08em;

}

.page-services .services-floating-card strong{

    color:
        #FFFFFF;

    font-size:
        .68rem;

}

.page-services .services-floating-card.card-one{

    left:
        3%;

    top:
        22%;

    animation:
        servicesFloatingOne
        6s ease-in-out infinite;

}

.page-services .services-floating-card.card-two{

    right:
        2%;

    bottom:
        22%;

    animation:
        servicesFloatingTwo
        7s ease-in-out infinite;

}

@keyframes servicesFloatingOne{

    0%,
    100%{
        transform:
            translateY(0);
    }

    50%{
        transform:
            translateY(-10px);
    }

}

@keyframes servicesFloatingTwo{

    0%,
    100%{
        transform:
            translateY(0);
    }

    50%{
        transform:
            translateY(9px);
    }

}

/* ==========================================================
   INTRO
   ========================================================== */

.page-services .services-intro{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F8F7F3
        );

}

.page-services .services-intro-grid{

    display:grid;

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

    gap:
        15px;

}

.page-services .services-intro-card{

    position:relative;

    min-height:
        255px;

    padding:
        28px;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:
        24px;

    background:
        #FFFFFF;

    box-shadow:
        0 16px 45px
        rgba(23,27,31,.04);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;

}

.page-services .services-intro-card:hover{

    transform:
        translateY(-5px);

    border-color:
        rgba(198,161,91,.27);

    box-shadow:
        0 24px 58px
        rgba(23,27,31,.08);

}

.page-services .services-card-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.page-services .services-card-number{

    color:
        #A98A51;

    font-size:
        .65rem;

    font-weight:
        900;

    letter-spacing:
        .15em;

}

.page-services .services-card-mark{

    width:
        37px;
    height:
        37px;

    display:flex;

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

    border:
        1px solid
        rgba(198,161,91,.25);

    border-radius:
        50%;

    background:
        #F8F4EA;

    color:
        #9A7B47;

    font-size:
        .64rem;

    font-weight:
        900;

}

.page-services .services-intro-card h3{

    margin-top:
        46px;

    color:
        var(--services-black);

    font-size:
        1.35rem;

}

.page-services .services-intro-card p{

    margin-top:
        9px;

    color:
        #737E86;

    font-size:
        .82rem;

    line-height:
        1.68;

}

/* ==========================================================
   FOCUS
   ========================================================== */

.page-services .services-focus{

    background:
        #FFFFFF;

}

.page-services .services-focus-grid{

    display:grid;

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

    gap:
        17px;

}

.page-services .services-focus-card{

    overflow:hidden;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:
        28px;

    background:
        #FFFFFF;

    box-shadow:
        0 20px 58px
        rgba(23,27,31,.06);

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}

.page-services .services-focus-card:hover{

    transform:
        translateY(-5px);

    box-shadow:
        0 28px 70px
        rgba(23,27,31,.10);

}

.page-services .services-focus-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:
        20px 23px;

    border-bottom:
        1px solid
        rgba(23,27,31,.07);

}

.page-services .services-focus-top span{

    color:
        #9A7B47;

    font-size:
        .59rem;

    font-weight:
        900;

    letter-spacing:
        .14em;

}

.page-services .services-focus-top strong{

    color:
        #8D969D;

    font-size:
        .60rem;

    letter-spacing:
        .15em;

}

.page-services .services-focus-body{

    display:grid;

    grid-template-columns:
        38% 62%;

    min-height:
        450px;

}

.page-services .services-focus-image{

    position:relative;

    display:flex;

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

    overflow:hidden;

    min-height:
        450px;

    background:

        radial-gradient(
            circle,
            #FFF1D0,
            transparent 62%
        ),

        linear-gradient(
            145deg,
            #F8F7F3,
            #EEEAE2
        );

}

.page-services .services-focus-card.evolution
.services-focus-image{

    background:

        radial-gradient(
            circle,
            rgba(198,161,91,.17),
            transparent 62%
        ),

        linear-gradient(
            145deg,
            #F6F5F2,
            #E9E7E0
        );

}

.page-services .services-focus-image img{

    position:relative;

    z-index:2;

    width:
        82%;
    height:
        82%;

    object-fit:
        contain;

    padding:
        22px;

    filter:
        drop-shadow(
            0 22px 25px
            rgba(0,0,0,.12)
        );

    transition:
        transform .5s ease;

}

.page-services .services-focus-card:hover
.services-focus-image img{

    transform:
        scale(1.055);

}

.page-services .academy-image img{

    width:
        76%;
    height:
        76%;

}

.page-services .services-focus-image-overlay{

    position:absolute;

    inset:0;

    z-index:1;

    background:
        linear-gradient(
            180deg,
            transparent 56%,
            rgba(23,27,31,.23) 100%
        );

}

.page-services .services-focus-image > span{

    position:absolute;

    left:
        16px;
    bottom:
        16px;

    z-index:4;

    padding:
        7px 10px;

    border-radius:
        999px;

    background:
        rgba(23,27,31,.77);

    backdrop-filter:
        blur(8px);

    color:
        #FFFFFF;

    font-size:
        .55rem;

    font-weight:
        900;

    letter-spacing:
        .10em;

}

.page-services .services-focus-copy{

    display:flex;

    flex-direction:column;

    padding:
        31px;

}

.page-services .services-focus-icon{

    width:
        40px;
    height:
        40px;

    display:flex;

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

    border-radius:
        50%;

    background:
        #F4F0E7;

    color:
        #9B7D49;

    font-size:
        .68rem;

    font-weight:
        900;

}

.page-services .services-focus-copy h3{

    max-width:
        440px;

    margin-top:
        18px;

    color:
        var(--services-black);

    font-size:
        clamp(1.65rem,2.7vw,2.45rem);

    line-height:
        1.03;

    letter-spacing:
        -.03em;

}

.page-services .services-focus-copy p{

    margin-top:
        13px;

    color:
        #6F7A82;

    font-size:
        .84rem;

    line-height:
        1.75;

}

.page-services .services-chip-row{

    display:flex;

    flex-wrap:wrap;

    gap:
        6px;

    margin-top:
        19px;

}

.page-services .services-chip-row span{

    padding:
        6px 8px;

    border-radius:
        999px;

    background:
        #F4F3EF;

    color:
        #6F7981;

    font-size:
        .54rem;

    font-weight:
        900;

    letter-spacing:
        .06em;

}

.page-services .services-text-button{

    display:inline-flex;

    align-items:center;

    gap:
        8px;

    align-self:
        flex-start;

    margin-top:
        auto;
    padding-top:
        22px;

    border:
        0;

    background:
        transparent;

    color:
        var(--services-black);

    font-family:
        inherit;

    font-size:
        .64rem;

    font-weight:
        900;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;

    cursor:pointer;

}

.page-services .services-text-button span{

    transition:
        transform .25s ease;

}

.page-services .services-text-button:hover span{

    transform:
        translateX(4px);

}

/* ==========================================================
   WELLNESS
   ========================================================== */

.page-services .services-wellness{

    background:
        #F6F6F4;

}

.page-services .services-wellness-split{

    display:grid;

    grid-template-columns:
        minmax(0,.92fr)
        minmax(0,1.08fr);

    gap:
        60px;

    align-items:center;

}

.page-services .services-wellness .section-title{

    max-width:
        700px;

}

.page-services .services-feature-list{

    display:flex;

    flex-direction:column;

    gap:
        0;

    margin-top:
        30px;

}

.page-services .services-feature{

    display:grid;

    grid-template-columns:
        42px 1fr;

    gap:
        14px;

    padding:
        17px 0;

    border-top:
        1px solid
        rgba(23,27,31,.09);

}

.page-services .services-feature-number{

    color:
        #A68852;

    font-size:
        .62rem;

    font-weight:
        900;

    letter-spacing:
        .12em;

    padding-top:
        3px;

}

.page-services .services-feature strong{

    color:
        var(--services-black);

    font-size:
        .86rem;

}

.page-services .services-feature p{

    margin-top:
        5px;

    color:
        #78828A;

    font-size:
        .76rem;

    line-height:
        1.6;

}

.page-services .services-wellness
.btn-primary{

    align-self:
        flex-start;

    margin-top:
        25px;

}

.page-services .services-wellness-showcase{

    position:relative;

    min-height:
        560px;

    overflow:hidden;

    border-radius:
        31px;

    border:
        1px solid
        rgba(198,161,91,.13);

    background:

        radial-gradient(
            circle at 50% 44%,
            rgba(198,161,91,.12),
            transparent 43%
        ),

        linear-gradient(
            145deg,
            #FFFFFF,
            #ECE9E1
        );

    box-shadow:
        0 27px 75px
        rgba(23,27,31,.09);

}

.page-services .services-wellness-main{

    position:absolute;

    left:
        50%;
    top:
        50%;

    width:
        61%;

    height:
        74%;

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

    display:flex;

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

}

.page-services .services-wellness-main::before{

    content:"";

    position:absolute;

    width:
        76%;

    aspect-ratio:
        1;

    border-radius:
        50%;

    border:
        1px solid
        rgba(198,161,91,.25);

    box-shadow:
        0 0 0 27px
        rgba(255,255,255,.32);

}

.page-services .services-wellness-main img{

    position:relative;

    z-index:2;

    width:
        100%;
    height:
        100%;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0 30px 30px
            rgba(0,0,0,.13)
        );

}

.page-services .services-wellness-main > span{

    position:absolute;

    right:
        4%;
    top:
        2%;

    z-index:3;

    padding:
        7px 9px;

    border-radius:
        999px;

    background:
        rgba(23,27,31,.78);

    color:
        #FFFFFF;

    font-size:
        .53rem;

    font-weight:
        900;

    letter-spacing:
        .10em;

}

.page-services .services-product-float{

    position:absolute;

    z-index:5;

    display:flex;

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

    width:
        115px;
    height:
        115px;

    border-radius:
        20px;

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

    border:
        1px solid
        rgba(23,27,31,.08);

    box-shadow:
        0 18px 45px
        rgba(23,27,31,.12);

    backdrop-filter:
        blur(10px);

}

.page-services .services-product-float img{

    width:
        86%;
    height:
        86%;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0 12px 15px
            rgba(0,0,0,.09)
        );

}

.page-services .services-product-float.float-one{

    left:
        8%;

    top:
        20%;

    animation:
        servicesProductFloatOne
        7s ease-in-out infinite;

}

.page-services .services-product-float.float-two{

    right:
        8%;

    bottom:
        20%;

    animation:
        servicesProductFloatTwo
        8s ease-in-out infinite;

}

@keyframes servicesProductFloatOne{

    0%,
    100%{
        transform:
            translateY(0)
            rotate(-3deg);
    }

    50%{
        transform:
            translateY(-9px)
            rotate(1deg);
    }

}

@keyframes servicesProductFloatTwo{

    0%,
    100%{
        transform:
            translateY(0)
            rotate(3deg);
    }

    50%{
        transform:
            translateY(10px)
            rotate(-1deg);
    }

}

.page-services .services-wellness-caption{

    position:absolute;

    left:
        24px;
    right:
        24px;
    bottom:
        21px;

    z-index:5;

    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:
        20px;

    padding-top:
        17px;

    border-top:
        1px solid
        rgba(23,27,31,.10);

}

.page-services .services-wellness-caption strong{

    color:
        #9B7D49;

    font-size:
        .58rem;

    font-weight:
        900;

    letter-spacing:
        .15em;

}

.page-services .services-wellness-caption span{

    color:
        #879198;

    font-size:
        .61rem;

}

/* ==========================================================
   ACADEMY
   ========================================================== */

.page-services .services-academy{

    background:
        #FFFFFF;

}

.page-services .services-academy-panel{

    display:grid;

    grid-template-columns:
        minmax(0,1.04fr)
        minmax(380px,.96fr);

    overflow:hidden;

    border-radius:
        32px;

    border:
        1px solid
        rgba(198,161,91,.13);

    background:

        linear-gradient(
            145deg,
            #F8F6F1,
            #ECE9E1
        );

    box-shadow:
        0 26px 75px
        rgba(23,27,31,.09);

}

.page-services .services-academy-content{

    padding:
        51px;

}

.page-services .services-academy-content .text-lg{

    max-width:
        670px;

    margin-top:
        18px;

}

.page-services .services-academy-list{

    display:grid;

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

    gap:
        0 24px;

    margin-top:
        30px;

}

.page-services .services-academy-feature{

    display:grid;

    grid-template-columns:
        34px 1fr;

    gap:
        10px;

    padding:
        16px 0;

    border-top:
        1px solid
        rgba(23,27,31,.08);

}

.page-services .services-academy-feature > span{

    color:
        #A28650;

    font-size:
        .61rem;

    font-weight:
        900;

}

.page-services .services-academy-feature strong{

    color:
        var(--services-black);

    font-size:
        .80rem;

}

.page-services .services-academy-feature p{

    margin-top:
        4px;

    color:
        #78828A;

    font-size:
        .69rem;

    line-height:
        1.55;

}

.page-services .services-academy-visual{

    position:relative;

    min-height:
        530px;

    display:flex;

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

    overflow:hidden;

    background:

        radial-gradient(
            circle at 50% 50%,
            rgba(198,161,91,.16),
            transparent 45%
        ),

        #1A2024;

}

.page-services .services-academy-visual::before{

    content:"";

    position:absolute;

    inset:
        13%;

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

    border-radius:
        50%;

}

.page-services .services-academy-orbit{

    position:absolute;

    width:
        75%;

    aspect-ratio:
        1;

    border-radius:
        50%;

    border:
        1px solid
        rgba(198,161,91,.28);

    animation:
        servicesAcademyOrbit
        18s linear infinite;

}

@keyframes servicesAcademyOrbit{

    from{
        transform:
            rotate(0deg);
    }

    to{
        transform:
            rotate(360deg);
    }

}

.page-services .services-academy-logo{

    position:relative;

    z-index:4;

    width:
        250px;
    height:
        250px;

    display:flex;

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

    border-radius:
        50%;

    border:
        1px solid
        rgba(198,161,91,.31);

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.09),
            rgba(255,255,255,.015) 64%,
            transparent
        );

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

    backdrop-filter:
        blur(10px);

}

.page-services .services-academy-logo img{

    width:
        70%;
    height:
        70%;

    object-fit:
        contain;

}

.page-services .services-academy-line{

    position:absolute;

    z-index:5;

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

    font-size:
        .55rem;

    font-weight:
        900;

    letter-spacing:
        .18em;

}

.page-services .services-academy-line.line-one{

    top:
        19%;

    left:
        17%;

}

.page-services .services-academy-line.line-two{

    right:
        14%;

    top:
        32%;

}

.page-services .services-academy-line.line-three{

    left:
        18%;

    bottom:
        20%;

    color:
        var(--services-gold-light);

}

/* ==========================================================
   BRIDGE
   ========================================================== */

.page-services .services-bridge{

    background:
        #F6F6F4;

}

.page-services .services-bridge-flow{

    display:grid;

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

    align-items:center;

    gap:
        15px;

}

.page-services .bridge-node{

    min-height:
        185px;

    padding:
        24px;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:
        22px;

    background:
        #FFFFFF;

    box-shadow:
        0 15px 42px
        rgba(23,27,31,.045);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}

.page-services .bridge-node:hover{

    transform:
        translateY(-5px);

    box-shadow:
        0 23px 55px
        rgba(23,27,31,.08);

}

.page-services .bridge-node > span{

    color:
        #AB8C54;

    font-size:
        .62rem;

    font-weight:
        900;

    letter-spacing:
        .15em;

}

.page-services .bridge-node strong{

    display:block;

    margin-top:
        39px;

    color:
        var(--services-black);

    font-size:
        1.10rem;

}

.page-services .bridge-node p{

    margin-top:
        7px;

    color:
        #77818A;

    font-size:
        .75rem;

    line-height:
        1.55;

}

.page-services .bridge-line{

    width:
        35px;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(198,161,91,.65),
            transparent
        );

}

/* ==========================================================
   CAMPAIGNS
   ========================================================== */

.page-services .services-campaigns{

    background:
        #FFFFFF;

}

.page-services .grid{

    display:grid;

    gap:
        14px;

}

.page-services .grid-3{

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

}

.page-services .card{

    position:relative;

    min-height:
        205px;

    padding:
        26px;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:
        23px;

    background:
        #FFFFFF;

    box-shadow:
        0 15px 40px
        rgba(23,27,31,.045);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;

}

.page-services .card:hover{

    transform:
        translateY(-5px);

    border-color:
        rgba(198,161,91,.24);

    box-shadow:
        0 24px 55px
        rgba(23,27,31,.08);

}

.page-services .services-campaign-card > span{

    color:
        #AC8D56;

    font-size:
        .62rem;

    font-weight:
        900;

    letter-spacing:
        .14em;

}

.page-services .services-campaign-card h3{

    margin-top:
        42px;

    color:
        var(--services-black);

    font-size:
        1.15rem;

}

.page-services .services-campaign-card p{

    margin-top:
        8px;

    color:
        #77828A;

    font-size:
        .78rem;

    line-height:
        1.62;

}

/* ==========================================================
   INTERNATIONAL
   ========================================================== */

.page-services .services-international{

    background:
        #F6F6F4;

}

.page-services .services-global{

    display:grid;

    grid-template-columns:
        minmax(0,.98fr)
        minmax(400px,1.02fr);

    align-items:center;

    gap:
        50px;

}

.page-services .services-global-content{

    padding:
        10px 0;

}

.page-services .services-global-content .text-lg{

    max-width:
        650px;

    margin-top:
        18px;

}

.page-services .services-global-points{

    display:flex;

    flex-direction:column;

    margin-top:
        27px;

}

.page-services .services-global-point{

    display:grid;

    grid-template-columns:
        36px 1fr;

    gap:
        12px;

    padding:
        16px 0;

    border-top:
        1px solid
        rgba(23,27,31,.08);

}

.page-services .services-global-point > span{

    width:
        29px;
    height:
        29px;

    display:flex;

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

    border-radius:
        50%;

    background:
        #EEE9DE;

    color:
        #927540;

    font-size:
        .67rem;

    font-weight:
        900;

}

.page-services .services-global-point strong{

    color:
        var(--services-black);

    font-size:
        .82rem;

}

.page-services .services-global-point p{

    margin-top:
        4px;

    color:
        #77818A;

    font-size:
        .73rem;

    line-height:
        1.62;

}

.page-services .services-global-visual{

    min-height:
        480px;

    display:flex;

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

}

.page-services .global-orbit{

    position:relative;

    width:
        min(470px,40vw);

    aspect-ratio:
        1;

    display:flex;

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

    border-radius:
        50%;

}

.page-services .global-ring{

    position:absolute;

    border-radius:
        50%;

    border:
        1px solid
        rgba(198,161,91,.24);

}

.page-services .global-ring.ring-one{

    width:
        72%;

    height:
        72%;

}

.page-services .global-ring.ring-two{

    width:
        94%;

    height:
        94%;

    border-style:
        dashed;

    animation:
        servicesGlobalRing
        24s linear infinite;

}

@keyframes servicesGlobalRing{

    from{
        transform:
            rotate(0deg);
    }

    to{
        transform:
            rotate(360deg);
    }

}

.page-services .global-core{

    position:relative;

    z-index:4;

    width:
        160px;
    height:
        160px;

    display:flex;

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

    border:
        1px solid
        rgba(198,161,91,.31);

    border-radius:
        50%;

    background:
        #1B2024;

    box-shadow:
        0 25px 60px
        rgba(0,0,0,.18);

}

.page-services .global-core img{

    width:
        62%;

    height:
        62%;

    object-fit:
        contain;

}

.page-services .global-point{

    position:absolute;

    z-index:6;

    width:
        45px;
    height:
        45px;

    display:flex;

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

    border:
        1px solid
        rgba(198,161,91,.26);

    border-radius:
        50%;

    background:
        #FFFFFF;

    color:
        #8D7141;

    font-size:
        .56rem;

    font-weight:
        900;

    box-shadow:
        0 12px 35px
        rgba(23,27,31,.09);

}

.page-services .global-point.p1{

    top:
        15%;

    left:
        22%;

}

.page-services .global-point.p2{

    right:
        13%;

    top:
        42%;

}

.page-services .global-point.p3{

    left:
        18%;

    bottom:
        16%;

}

/* ==========================================================
   OPPORTUNITY
   ========================================================== */

.page-services .services-opportunity{

    background:
        #FFFFFF;

}

.page-services .services-opportunity-grid{

    display:grid;

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

    gap:
        17px;

}

.page-services .services-opportunity-card{

    display:grid;

    grid-template-columns:
        210px 1fr;

    overflow:hidden;

    min-height:
        260px;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:
        25px;

    background:
        #FFFFFF;

    box-shadow:
        0 17px 50px
        rgba(23,27,31,.06);

    transition:
        transform .32s ease,
        box-shadow .32s ease;

}

.page-services .services-opportunity-card:hover{

    transform:
        translateY(-5px);

    box-shadow:
        0 25px 65px
        rgba(23,27,31,.10);

}

.page-services .services-opportunity-image{

    position:relative;

    display:flex;

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

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #F8F6F0,
            #ECEAE4
        );

}

.page-services .services-opportunity-image img{

    width:
        85%;
    height:
        85%;

    object-fit:
        contain;

    padding:
        18px;

    filter:
        drop-shadow(
            0 18px 22px
            rgba(0,0,0,.10)
        );

}

.page-services .services-opportunity-content{

    display:flex;

    flex-direction:column;

    padding:
        26px;

}

.page-services .services-opportunity-content > span{

    color:
        #A1814B;

    font-size:
        .61rem;

    font-weight:
        900;

    letter-spacing:
        .14em;

}

.page-services .services-opportunity-content h3{

    margin-top:
        9px;

    color:
        var(--services-black);

    font-size:
        1.55rem;

}

.page-services .services-opportunity-content p{

    margin-top:
        10px;

    color:
        #737E86;

    font-size:
        .79rem;

    line-height:
        1.66;

}

.page-services .services-opportunity-arrow{

    margin-top:
        auto;

    padding-top:
        20px;

    color:
        #A1814B;

    font-size:
        1.15rem;

}

.page-services .services-opportunity-note{

    display:grid;

    grid-template-columns:
        110px 1fr;

    gap:
        20px;

    margin-top:
        20px;

    padding:
        20px 22px;

    border:
        1px solid
        rgba(198,161,91,.16);

    border-radius:
        18px;

    background:
        #F8F5ED;

}

.page-services .services-opportunity-note > span{

    color:
        #957744;

    font-size:
        .58rem;

    font-weight:
        900;

    letter-spacing:
        .14em;

}

.page-services .services-opportunity-note p{

    color:
        #737D84;

    font-size:
        .75rem;

    line-height:
        1.65;

}

/* ==========================================================
   PROCESS
   ========================================================== */

.page-services .services-process{

    background:
        #F6F6F4;

}

.page-services .services-process-timeline{

    position:relative;

    max-width:
        940px;

    margin:
        50px auto 0;

}

.page-services .services-process-timeline::before{

    content:"";

    position:absolute;

    left:
        27px;

    top:
        20px;

    bottom:
        20px;

    width:
        1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(198,161,91,.45) 8%,
            rgba(198,161,91,.45) 92%,
            transparent
        );

}

.page-services .services-process-item{

    position:relative;

    display:grid;

    grid-template-columns:
        55px 1fr;

    gap:
        17px;

    padding:
        14px 0 27px;

}

.page-services .services-process-item:last-child{

    padding-bottom:
        0;

}

.page-services .services-process-item .timeline-dot{

    position:relative;

    z-index:3;

    width:
        54px;
    height:
        54px;

    display:flex;

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

    border-radius:
        50%;

    border:
        1px solid
        rgba(198,161,91,.34);

    background:
        #FFFFFF;

    color:
        #977946;

    font-size:
        .66rem;

    font-weight:
        900;

    box-shadow:
        0 12px 28px
        rgba(23,27,31,.07);

}

.page-services .services-process-item .timeline-content{

    padding:
        8px 0;

}

.page-services .services-process-item .timeline-content > span{

    color:
        #A1814B;

    font-size:
        .57rem;

    font-weight:
        900;

    letter-spacing:
        .14em;

}

.page-services .services-process-item .timeline-content h3{

    margin-top:
        7px;

    color:
        var(--services-black);

    font-size:
        1.18rem;

}

.page-services .services-process-item .timeline-content p{

    max-width:
        690px;

    margin-top:
        5px;

    color:
        #76818A;

    font-size:
        .77rem;

    line-height:
        1.65;

}

/* ==========================================================
   FAQ
   ========================================================== */

.page-services .services-faq{

    background:
        #FFFFFF;

}

.page-services .faq{

    border-top:
        1px solid
        rgba(23,27,31,.09);

}

.page-services .faq-item{

    border-bottom:
        1px solid
        rgba(23,27,31,.09);

}

.page-services .faq-question{

    width:
        100%;

    min-height:
        72px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:
        20px;

    padding:
        0;

    border:
        0;

    background:
        transparent;

    color:
        var(--services-black);

    font-family:
        inherit;

    font-size:
        .88rem;

    font-weight:
        700;

    text-align:
        left;

    cursor:pointer;

}

.page-services .faq-question-icon{

    width:
        31px;
    height:
        31px;

    flex:none;

    display:flex;

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

    border:
        1px solid
        rgba(198,161,91,.24);

    border-radius:
        50%;

    color:
        #9A7B47;

    font-size:
        1rem;

    transition:
        transform .3s ease,
        background .3s ease;

}

.page-services .faq-answer{

    display:grid;

    grid-template-rows:
        0fr;

    transition:
        grid-template-rows .35s ease;

}

.page-services .faq-answer > p{

    min-height:
        0;

    overflow:hidden;

    color:
        #737E86;

    font-size:
        .80rem;

    line-height:
        1.78;

}

.page-services .faq-item.active
.faq-answer{

    grid-template-rows:
        1fr;

}

.page-services .faq-item.active
.faq-answer > p{

    padding:
        0 55px 22px 0;

}

.page-services .faq-item.active
.faq-question-icon{

    transform:
        rotate(45deg);

    background:
        #F3EEDF;

}

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

.page-services .services-cta{

    background:
        #FFFFFF;

}

.page-services .services-final-showcase{

    position:relative;

    overflow:hidden;

    min-height:
        450px;

    display:flex;

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

    border-radius:
        34px;

    background:
        linear-gradient(
            135deg,
            #1A1F23,
            #30383F
        );

    box-shadow:
        0 30px 85px
        rgba(23,27,31,.17);

}

.page-services .services-cta-glow{

    position:absolute;

    width:
        620px;
    height:
        620px;

    left:
        50%;
    top:
        -380px;

    transform:
        translateX(-50%);

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.18),
            transparent 69%
        );

}

.page-services .services-cta-decoration{

    position:absolute;

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

    border-radius:
        50%;

}

.page-services .services-cta-decoration.decoration-one{

    width:
        360px;
    height:
        360px;

    right:
        -145px;
    bottom:
        -180px;

}

.page-services .services-cta-decoration.decoration-two{

    width:
        230px;
    height:
        230px;

    left:
        -90px;
    top:
        -105px;

}

.page-services .services-final-showcase .showcase-content{

    position:relative;

    z-index:3;

    width:
        min(100% - 40px,850px);

    padding:
        70px 20px;

}

.page-services .services-cta-logo{

    width:
        64px;
    height:
        64px;

    display:flex;

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

    margin:
        0 auto 16px;

}

.page-services .services-cta-logo img{

    width:
        100%;
    height:
        100%;

    object-fit:
        contain;

}

.page-services .services-final-showcase .badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:
        8px 11px;

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

    border-radius:
        999px;

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

    color:
        var(--services-gold-light);

    font-size:
        .59rem;

    font-weight:
        900;

    letter-spacing:
        .13em;

    text-transform:
        uppercase;

}

.page-services .services-final-showcase
.section-title{

    color:
        #FFFFFF;

    font-size:
        clamp(2.3rem,5vw,4.7rem);

}

.page-services .services-final-showcase
.section-title span{

    color:
        var(--services-gold-light);

}

.page-services .services-final-showcase
.lead{

    color:
        #CBD2D6;

}

.page-services .services-final-showcase
.btn-glass{

    color:
        #FFFFFF;

    border-color:
        rgba(255,255,255,.17);

}

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

.page-services .reveal,
.page-services .reveal-left,
.page-services .reveal-right,
.page-services .services-reveal{

    opacity:
        0;

    transition:
        opacity .65s ease,
        transform .65s ease;

}

.page-services .reveal{

    transform:
        translateY(24px);

}

.page-services .reveal-left{

    transform:
        translateX(-26px);

}

.page-services .reveal-right{

    transform:
        translateX(26px);

}

.page-services .reveal.visible,
.page-services .reveal-left.visible,
.page-services .reveal-right.visible,
.page-services .services-reveal.services-visible{

    opacity:
        1;

    transform:
        translate3d(0,0,0);

}

/* ==========================================================
   DELAYS
   ========================================================== */

.page-services .delay-1{

    transition-delay:
        .08s;

}

.page-services .delay-2{

    transition-delay:
        .16s;

}

.page-services .delay-3{

    transition-delay:
        .24s;

}

/* ==========================================================
   RIPPLE
   ========================================================== */

.page-services .ripple{

    position:absolute;

    pointer-events:none;

    border-radius:
        50%;

    transform:
        scale(0);

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

    animation:
        servicesRipple .55s linear;

}

@keyframes servicesRipple{

    to{

        transform:
            scale(3);

        opacity:
            0;

    }

}

/* ==========================================================
   RESPONSIVE 1200
   ========================================================== */

@media(max-width:1200px){

    .page-services .services-hero-grid{

        grid-template-columns:
            minmax(0,1fr)
            minmax(360px,.75fr);

    }

    .page-services .services-hero-visual{

        width:
            min(500px,40vw);

    }

    .page-services .services-focus-body{

        grid-template-columns:
            40% 60%;

    }

    .page-services .services-category-grid{

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

    }

}

/* ==========================================================
   RESPONSIVE 1000
   ========================================================== */

@media(max-width:1000px){

    .page-services .services-hero{

        min-height:
            780px;

    }

    .page-services .services-hero-grid{

        min-height:
            780px;

        grid-template-columns:
            1fr;

        gap:
            0;

    }

    .page-services .services-hero-content{

        max-width:
            700px;

        padding:
            60px 0 0;

    }

    .page-services .services-hero-visual-wrap{

        position:absolute;

        right:
            -5%;

        bottom:
            -2%;

        width:
            48%;

        opacity:
            .90;

    }

    .page-services .services-hero-visual{

        width:
            100%;

    }

    .page-services .services-focus-body{

        grid-template-columns:
            1fr;

    }

    .page-services .services-focus-image{

        min-height:
            340px;

    }

    .page-services .services-focus-copy{

        min-height:
            360px;

    }

    .page-services .services-wellness-split{

        grid-template-columns:
            1fr;

    }

    .page-services .services-wellness-showcase{

        min-height:
            500px;

    }

    .page-services .services-academy-panel{

        grid-template-columns:
            1fr;

    }

    .page-services .services-academy-visual{

        min-height:
            400px;

    }

    .page-services .services-bridge-flow{

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

    }

    .page-services .bridge-line{

        display:none;

    }

    .page-services .services-global{

        grid-template-columns:
            1fr;

    }

    .page-services .services-global-visual{

        min-height:
            380px;

    }

    .page-services .global-orbit{

        width:
            min(430px,55vw);

    }

    .page-services .services-opportunity-grid{

        grid-template-columns:
            1fr;

    }

    .page-services .grid-3{

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

    }

    .page-services .services-cta-box{

        grid-template-columns:
            1fr;

    }

}

/* ==========================================================
   RESPONSIVE 800
   ========================================================== */

@media(max-width:800px){

    .page-services .container{

        width:
            min(
                100% - 34px,
                700px
            );

    }

    .page-services .container-sm{

        width:
            min(
                100% - 34px,
                700px
            );

    }

    .page-services .section{

        padding:
            80px 0;

    }

    .page-services .section-sm{

        padding:
            65px 0;

    }

    .page-services .services-hero{

        min-height:
            830px;

    }

    .page-services .services-hero-grid{

        min-height:
            830px;

    }

    .page-services .services-hero-content{

        padding-top:
            45px;

    }

    .page-services .services-hero-visual-wrap{

        position:relative;

        right:auto;
        bottom:auto;

        width:
            100%;

        margin-top:
            -35px;

    }

    .page-services .services-hero-visual{

        width:
            min(460px,80vw);

        margin:
            0 auto;

    }

    .page-services .services-hero .hero-title{

        font-size:
            clamp(
                2.9rem,
                10vw,
                5rem
            );

    }

    .page-services .services-hero-stats{

        gap:
            0;

        margin-top:
            28px;

    }

    .page-services .services-hero-stats div{

        min-width:
            0;

        flex:
            1;

        padding-right:
            12px;

        margin-right:
            12px;

    }

    .page-services .services-intro-grid{

        grid-template-columns:
            1fr;

    }

    .page-services .services-focus-grid{

        grid-template-columns:
            1fr;

    }

    .page-services .services-academy-list{

        grid-template-columns:
            1fr;

    }

    .page-services .services-opportunity-card{

        grid-template-columns:
            170px 1fr;

    }

    .page-services .grid-3{

        grid-template-columns:
            1fr;

    }

    .page-services .services-opportunity-note{

        grid-template-columns:
            1fr;

        gap:
            8px;

    }

    .page-services .services-process-timeline{

        margin-top:
            35px;

    }

    .page-services .services-final-showcase
    .showcase-content{

        width:
            min(
                100% - 24px,
                700px
            );

        padding:
            58px 12px;

    }

}

/* ==========================================================
   RESPONSIVE 600
   ========================================================== */

@media(max-width:600px){

    .page-services .container{

        width:
            calc(
                100% - 28px
            );

    }

    .page-services .container-sm{

        width:
            calc(
                100% - 28px
            );

    }

    .page-services .section{

        padding:
            68px 0;

    }

    .page-services .section-sm{

        padding:
            55px 0;

    }

    .page-services .section-title{

        font-size:
            clamp(
                2rem,
                10vw,
                3.3rem
            );

    }

    /* HERO */

    .page-services .services-hero{

        min-height:
            820px;

    }

    .page-services .services-hero-grid{

        min-height:
            820px;

    }

    .page-services .services-hero-content{

        padding-top:
            32px;

    }

    .page-services .services-eyebrow{

        font-size:
            .56rem;

        letter-spacing:
            .12em;

    }

    .page-services .services-hero .hero-title{

        margin-top:
            13px;

        font-size:
            clamp(
                2.65rem,
                13vw,
                4.25rem
            );

    }

    .page-services .services-hero .hero-sub{

        margin-top:
            18px;

        font-size:
            .88rem;

        line-height:
            1.70;

    }

    .page-services .hero-actions{

        flex-direction:
            column;

        align-items:
            stretch;

    }

    .page-services .hero-actions .btn{

        width:
            100%;

    }

    .page-services .services-hero-stats{

        margin-top:
            25px;

    }

    .page-services .services-hero-stats strong{

        font-size:
            .61rem;

    }

    .page-services .services-hero-stats span{

        font-size:
            .48rem;

    }

    .page-services .services-hero-visual-wrap{

        margin-top:
            -5px;

    }

    .page-services .services-hero-visual{

        width:
            min(
                360px,
                88vw
            );

    }

    .page-services .services-logo-core{

        width:
            172px;
        height:
            172px;

    }

    .page-services .services-logo-core > strong{

        font-size:
            .60rem;

    }

    .page-services .services-logo-core > span{

        font-size:
            .45rem;

    }

    .page-services .services-logo-core > small{

        font-size:
            .42rem;

        text-align:
            center;

        padding:
            0 18px;

    }

    .page-services .services-logo-mark{

        width:
            43px;
        height:
            43px;

    }

    .page-services .services-floating-card{

        min-width:
            100px;

        padding:
            9px 10px;

    }

    .page-services .services-floating-card.card-one{

        left:
            0;

    }

    .page-services .services-floating-card.card-two{

        right:
            0;

    }

    /* INTRO */

    .page-services .services-intro-card{

        min-height:
            215px;

        padding:
            23px;

    }

    .page-services .services-intro-card h3{

        margin-top:
            34px;

    }

    /* FOCUS */

    .page-services .services-focus-top{

        padding:
            17px;

    }

    .page-services .services-focus-image{

        min-height:
            285px;

    }

    .page-services .services-focus-copy{

        min-height:
            0;

        padding:
            24px 21px 25px;

    }

    .page-services .services-focus-copy h3{

        font-size:
            1.72rem;

    }

    /* WELLNESS */

    .page-services .services-feature-list{

        margin-top:
            22px;

    }

    .page-services .services-feature{

        grid-template-columns:
            35px 1fr;

        gap:
            9px;

        padding:
            14px 0;

    }

    .page-services .services-feature strong{

        font-size:
            .79rem;

    }

    .page-services .services-feature p{

        font-size:
            .70rem;

    }

    .page-services .services-wellness-showcase{

        min-height:
            410px;

    }

    .page-services .services-wellness-main{

        width:
            75%;

        height:
            68%;

    }

    .page-services .services-product-float{

        width:
            86px;
        height:
            86px;

        border-radius:
            15px;

    }

    .page-services .services-product-float.float-one{

        left:
            4%;

        top:
            19%;

    }

    .page-services .services-product-float.float-two{

        right:
            4%;

        bottom:
            20%;

    }

    .page-services .services-wellness-caption{

        left:
            17px;
        right:
            17px;
        bottom:
            16px;

    }

    .page-services .services-wellness-caption span{

        font-size:
            .50rem;

        text-align:
            right;

    }

    /* ACADEMY */

    .page-services .services-academy-content{

        padding:
            30px 22px;

    }

    .page-services .services-academy-visual{

        min-height:
            330px;

    }

    .page-services .services-academy-logo{

        width:
            175px;
        height:
            175px;

    }

    /* BRIDGE */

    .page-services .services-bridge-flow{

        grid-template-columns:
            1fr;

        gap:
            9px;

    }

    .page-services .bridge-node{

        min-height:
            155px;

    }

    .page-services .bridge-node strong{

        margin-top:
            28px;

    }

    /* GLOBAL */

    .page-services .services-global-visual{

        min-height:
            320px;

    }

    .page-services .global-orbit{

        width:
            min(
                330px,
                80vw
            );

    }

    .page-services .global-core{

        width:
            120px;
        height:
            120px;

    }

    .page-services .global-point{

        width:
            38px;
        height:
            38px;

        font-size:
            .50rem;

    }

    /* OPPORTUNITY */

    .page-services .services-opportunity-card{

        grid-template-columns:
            1fr;

    }

    .page-services .services-opportunity-image{

        min-height:
            235px;

    }

    .page-services .services-opportunity-content{

        padding:
            22px;

    }

    /* PROCESS */

    .page-services .services-process-timeline::before{

        left:
            21px;

    }

    .page-services .services-process-item{

        grid-template-columns:
            43px 1fr;

        gap:
            11px;

    }

    .page-services .services-process-item .timeline-dot{

        width:
            42px;
        height:
            42px;

        font-size:
            .58rem;

    }

    .page-services .services-process-item
    .timeline-content{

        padding-top:
            3px;

    }

    .page-services .services-process-item
    .timeline-content h3{

        font-size:
            1rem;

    }

    .page-services .services-process-item
    .timeline-content p{

        font-size:
            .70rem;

    }

    /* FAQ */

    .page-services .faq-question{

        min-height:
            68px;

        font-size:
            .78rem;

    }

    .page-services .faq-question-icon{

        width:
            28px;
        height:
            28px;

        font-size:
            .9rem;

    }

    .page-services .faq-item.active
    .faq-answer > p{

        padding:
            0 35px 18px 0;

    }

    /* CTA */

    .page-services .services-final-showcase{

        min-height:
            420px;

        border-radius:
            27px;

    }

    .page-services .services-final-showcase
    .showcase-content{

        padding:
            48px 10px;

    }

    .page-services .services-cta-logo{

        width:
            52px;
        height:
            52px;

    }

    .page-services .services-final-showcase
    .section-title{

        font-size:
            clamp(
                2rem,
                10vw,
                3.25rem
            );

    }

}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media(prefers-reduced-motion:reduce){

    .page-services *,
    .page-services *::before,
    .page-services *::after{

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;

        scroll-behavior:
            auto !important;

    }

}


```css
/* ==========================================================
   AD LIFESTYLE V2
   CONTACT.CSS
   Premium Contact & Concierge Experience
   Master Pattern: EVENTS PAGE
   ----------------------------------------------------------
   IMPORTANTE:
   Os elementos permanecem visíveis mesmo sem JavaScript,
   IntersectionObserver ou animações.
   ========================================================== */

.contact-page{

    --contact-black:#171B1F;
    --contact-black-soft:#252B31;

    --contact-gold:#C6A15B;
    --contact-gold-dark:#8F713C;
    --contact-gold-light:#E9D7A9;
    --contact-gold-soft:#F3EBDD;

    --contact-white:#FFFFFF;
    --contact-ivory:#F8F7F3;

    --contact-gray:#69747E;
    --contact-gray-light:#8A959D;

    --contact-green:#4BA66A;

    --contact-border:
        rgba(23,27,31,.09);

    color:
        var(--contact-black);

    background:
        #FFFFFF;

    overflow:hidden;

}

/* ==========================================================
   CONTAINERS
   ========================================================== */

.contact-page .contact-container{

    width:
        min(
            calc(100% - 48px),
            1280px
        );

    margin:
        0 auto;

}

.contact-page .contact-section-heading{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:40px;

}

.contact-page .contact-section-heading-center{

    align-items:center;

}

.contact-page .contact-section-heading > div{

    min-width:0;

}

.contact-page .contact-section-heading > p{

    max-width:430px;

    margin:0;

    color:
        #747F87;

    font-size:.88rem;

    line-height:1.75;

}

.contact-page .contact-section-heading-center > p{

    margin-top:17px;

}

/* ==========================================================
   SECTIONS
   ========================================================== */

.contact-page .section{

    position:relative;

    padding:
        105px 0;

}

/* ==========================================================
   TYPOGRAPHY
   ========================================================== */

.contact-page .contact-eyebrow{

    display:block;

    color:
        #A1814B;

    font-size:.67rem;

    font-weight:900;

    letter-spacing:.18em;

    text-transform:uppercase;

}

.contact-page .section-title,
.contact-page .contact-section-heading h2,
.contact-page .contact-location-header h2,
.contact-page .contact-digital-copy h2,
.contact-page .contact-form-intro h2{

    margin-top:13px;

    color:
        var(--contact-black);

    font-size:
        clamp(2.25rem,4.6vw,4.7rem);

    line-height:.98;

    letter-spacing:-.045em;

}

.contact-page .section-title span,
.contact-page .contact-section-heading h2 span,
.contact-page .contact-location-header h2 span,
.contact-page .contact-digital-copy h2 span,
.contact-page .contact-form-intro h2 span{

    display:block;

    color:
        var(--contact-gold);

}

.contact-page .lead{

    max-width:760px;

    margin:
        18px auto 0;

    color:
        #717C84;

    font-size:.96rem;

    line-height:1.82;

}

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

.contact-page .contact-button{

    position:relative;

    min-height:50px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:
        0 19px;

    border:
        1px solid transparent;

    border-radius:999px;

    font-family:inherit;

    font-size:.69rem;

    font-weight:900;

    letter-spacing:.08em;

    text-transform:uppercase;

    cursor:pointer;

    overflow:hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease;

}

.contact-page .contact-button:hover{

    transform:
        translateY(-2px);

}

.contact-page .contact-button svg{

    width:17px;
    height:17px;

    flex:none;

    fill:none;

    stroke:currentColor;

    stroke-width:1.6;

    stroke-linecap:round;

    stroke-linejoin:round;

}

.contact-page .contact-button-gold{

    background:
        linear-gradient(
            135deg,
            var(--contact-gold),
            var(--contact-gold-dark)
        );

    color:#FFFFFF;

    box-shadow:
        0 15px 35px
        rgba(198,161,91,.18);

}

.contact-page .contact-button-gold:hover{

    box-shadow:
        0 20px 44px
        rgba(198,161,91,.27);

}

.contact-page .contact-button-outline{

    background:
        transparent;

    color:
        var(--contact-black);

    border-color:
        rgba(23,27,31,.16);

}

.contact-page .contact-button-outline:hover{

    background:
        rgba(198,161,91,.055);

    border-color:
        rgba(198,161,91,.45);

}

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

.contact-page .contact-hero{

    position:relative;

    min-height:
        min(850px,94vh);

    overflow:hidden;

    background:
        #171B1F;

    isolation:isolate;

}

.contact-page .contact-hero-background{

    position:absolute;

    inset:0;

    z-index:0;

    background:

        radial-gradient(
            circle at 78% 40%,
            rgba(198,161,91,.17),
            transparent 34%
        ),

        radial-gradient(
            circle at 55% 75%,
            rgba(255,255,255,.045),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #111518 0%,
            #1B2125 48%,
            #30383F 100%
        );

}

.contact-page .contact-hero-background::after{

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            90deg,
            rgba(13,17,20,.95) 0%,
            rgba(13,17,20,.83) 35%,
            rgba(13,17,20,.45) 62%,
            rgba(13,17,20,.12) 100%
        ),

        linear-gradient(
            0deg,
            rgba(13,17,20,.58),
            transparent 48%
        );

}

.contact-page .contact-hero-glow{

    position:absolute;

    z-index:1;

    width:620px;
    height:620px;

    border-radius:50%;

    pointer-events:none;

    filter:
        blur(7px);

}

.contact-page .contact-hero-glow.glow-one{

    right:
        -5%;

    top:
        5%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.15),
            transparent 70%
        );

    animation:
        contactHeroGlowOne
        9s ease-in-out infinite;

}

.contact-page .contact-hero-glow.glow-two{

    left:
        28%;

    bottom:
        -42%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.045),
            transparent 70%
        );

    animation:
        contactHeroGlowTwo
        12s ease-in-out infinite;

}

@keyframes contactHeroGlowOne{

    0%,
    100%{
        transform:
            translate3d(0,0,0)
            scale(1);
    }

    50%{
        transform:
            translate3d(-18px,12px,0)
            scale(1.06);
    }

}

@keyframes contactHeroGlowTwo{

    0%,
    100%{
        transform:
            translate3d(0,0,0)
            scale(1);
    }

    50%{
        transform:
            translate3d(25px,-18px,0)
            scale(1.08);
    }

}

.contact-page .contact-hero-container{

    position:relative;

    z-index:4;

    width:
        min(
            calc(100% - 48px),
            1280px
        );

    min-height:
        min(850px,94vh);

    margin:
        0 auto;

    display:flex;

    align-items:center;

}

.contact-page .contact-hero-main{

    width:100%;

    display:grid;

    grid-template-columns:
        minmax(0,.96fr)
        minmax(460px,1.04fr);

    align-items:center;

    gap:45px;

    padding:
        70px 0 62px;

}

.contact-page .contact-hero-content{

    max-width:
        740px;

}

.contact-page .contact-hero .contact-eyebrow{

    color:
        var(--contact-gold-light);

}

.contact-page .contact-hero-kicker{

    display:block;

    margin-top:
        15px;

    color:
        #B4BCC2;

    font-size:.61rem;

    font-weight:900;

    letter-spacing:.18em;

}

.contact-page .contact-hero h1{

    max-width:
        740px;

    margin-top:
        17px;

    color:
        #FFFFFF;

    font-size:
        clamp(
            3.25rem,
            6.5vw,
            6.8rem
        );

    line-height:.91;

    letter-spacing:-.055em;

}

.contact-page .contact-hero h1 span{

    display:block;

    color:
        var(--contact-gold-light);

}

.contact-page .contact-hero-content > p{

    max-width:
        655px;

    margin-top:
        25px;

    color:
        #CDD3D7;

    font-size:
        clamp(
            .98rem,
            1.35vw,
            1.08rem
        );

    line-height:
        1.82;

}

.contact-page .contact-hero-actions{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:
        27px;

}

.contact-page .contact-hero-actions
.contact-button-outline{

    color:#FFFFFF;

    border-color:
        rgba(255,255,255,.18);

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

}

.contact-page .contact-hero-actions
.contact-button-outline:hover{

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

    border-color:
        rgba(198,161,91,.46);

}

.contact-page .contact-hero-meta{

    display:flex;

    flex-wrap:wrap;

    margin-top:
        36px;

    padding-top:
        21px;

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

}

.contact-page .contact-meta-item{

    min-width:
        150px;

    display:flex;

    align-items:center;

    gap:10px;

    padding:
        0 22px 0 0;

    margin:
        0 22px 0 0;

    border-right:
        1px solid
        rgba(255,255,255,.09);

}

.contact-page .contact-meta-item:last-child{

    margin-right:
        0;

    border-right:
        0;

}

.contact-page .contact-meta-item > div{

    display:flex;

    flex-direction:column;

}

.contact-page .contact-meta-item strong{

    color:#FFFFFF;

    font-size:.70rem;

}

.contact-page .contact-meta-item small{

    margin-top:5px;

    color:#89949B;

    font-size:.56rem;

}

.contact-page .contact-status-dot{

    width:8px;

    height:8px;

    flex:none;

    border-radius:50%;

    background:
        var(--contact-gold);

    box-shadow:
        0 0 0 6px
        rgba(198,161,91,.10);

}

/* ==========================================================
   HERO VISUAL
   ========================================================== */

.contact-page .contact-hero-visual-area{

    display:flex;

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

}

.contact-page .contact-hero-visual{

    position:relative;

    width:
        min(
            570px,
            44vw
        );

    aspect-ratio:
        1;

    display:flex;

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

}

.contact-page .contact-hero-frame{

    position:absolute;

    width:73%;
    height:73%;

    border:
        1px solid
        rgba(198,161,91,.23);

    border-radius:50%;

    box-shadow:
        0 0 0 30px
        rgba(255,255,255,.012),

        0 0 0 72px
        rgba(255,255,255,.008);

    animation:
        contactHeroOrbit
        18s linear infinite;

}

@keyframes contactHeroOrbit{

    from{
        transform:
            rotate(0deg);
    }

    to{
        transform:
            rotate(360deg);
    }

}

.contact-page .contact-hero-image-main{

    position:relative;

    z-index:3;

    width:
        76%;

    height:
        76%;

    display:flex;

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

    overflow:hidden;

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

    border-radius:28px;

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

    box-shadow:
        0 28px 75px
        rgba(0,0,0,.24);

    backdrop-filter:
        blur(9px);

}

.contact-page .contact-hero-image-main::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        radial-gradient(
            circle at center,
            rgba(198,161,91,.13),
            transparent 68%
        );

}

.contact-page .contact-hero-image-main img{

    position:relative;

    z-index:2;

    width:100%;
    height:100%;

    object-fit:contain;

    filter:
        drop-shadow(
            0 28px 35px
            rgba(0,0,0,.22)
        );

}

.contact-page .contact-hero-floating{

    position:absolute;

    z-index:6;

    width:92px;
    height:92px;

    display:flex;

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

    overflow:hidden;

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

    border-radius:18px;

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

    box-shadow:
        0 18px 45px
        rgba(0,0,0,.18);

    backdrop-filter:
        blur(13px);

}

.contact-page .contact-hero-floating img{

    width:82%;
    height:82%;

    object-fit:contain;

    filter:
        drop-shadow(
            0 10px 15px
            rgba(0,0,0,.15)
        );

}

.contact-page .contact-hero-floating.floating-one{

    left:
        1%;

    top:
        18%;

    animation:
        contactFloatOne
        7s ease-in-out infinite;

}

.contact-page .contact-hero-floating.floating-two{

    right:
        1%;

    top:
        29%;

    animation:
        contactFloatTwo
        8s ease-in-out infinite;

}

.contact-page .contact-hero-floating.floating-three{

    left:
        10%;

    bottom:
        9%;

    animation:
        contactFloatThree
        9s ease-in-out infinite;

}

@keyframes contactFloatOne{

    0%,
    100%{
        transform:
            translateY(0)
            rotate(-3deg);
    }

    50%{
        transform:
            translateY(-10px)
            rotate(1deg);
    }

}

@keyframes contactFloatTwo{

    0%,
    100%{
        transform:
            translateY(0)
            rotate(3deg);
    }

    50%{
        transform:
            translateY(9px)
            rotate(-1deg);
    }

}

@keyframes contactFloatThree{

    0%,
    100%{
        transform:
            translateY(0)
            rotate(2deg);
    }

    50%{
        transform:
            translateY(-8px)
            rotate(-2deg);
    }

}

.contact-page .contact-hero-visual-label{

    position:absolute;

    z-index:7;

    right:
        2%;

    bottom:
        6%;

    display:flex;

    flex-direction:column;

    align-items:flex-end;

}

.contact-page .contact-hero-visual-label span{

    color:
        #8D989F;

    font-size:
        .52rem;

    font-weight:
        900;

    letter-spacing:
        .15em;

}

.contact-page .contact-hero-visual-label strong{

    margin-top:
        4px;

    color:#FFFFFF;

    font-size:
        .67rem;

    letter-spacing:
        .08em;

}

.contact-page .contact-hero-bottom{

    position:absolute;

    left:50%;

    bottom:
        25px;

    z-index:6;

    transform:
        translateX(-50%);

}

.contact-page .contact-hero-scroll{

    display:flex;

    align-items:center;

    gap:9px;

    border:0;

    background:transparent;

    color:
        #8F9AA1;

    font-family:inherit;

    font-size:
        .58rem;

    font-weight:900;

    letter-spacing:.11em;

    text-transform:uppercase;

    cursor:pointer;

}

.contact-page .contact-hero-scroll span{

    width:7px;
    height:7px;

    border:
        1px solid
        var(--contact-gold);

    border-radius:50%;

    animation:
        contactScrollDot
        1.8s ease-in-out infinite;

}

@keyframes contactScrollDot{

    0%,
    100%{
        transform:
            translateY(0);
        opacity:.55;
    }

    50%{
        transform:
            translateY(5px);
        opacity:1;
    }

}

/* ==========================================================
   CONTACT HUB
   ========================================================== */

.contact-page .contact-hub{

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F8F7F3
        );

}

.contact-page .contact-hub-grid{

    display:grid;

    grid-template-columns:
        minmax(0,1.04fr)
        minmax(320px,.96fr);

    gap:16px;

    margin-top:
        47px;

}

.contact-page .contact-hub-main{

    overflow:hidden;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:
        29px;

    background:
        #FFFFFF;

    box-shadow:
        0 22px 65px
        rgba(23,27,31,.07);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}

.contact-page .contact-hub-main:hover{

    transform:
        translateY(-5px);

    box-shadow:
        0 28px 75px
        rgba(23,27,31,.10);

}

.contact-page .contact-hub-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:
        19px 23px;

    border-bottom:
        1px solid
        rgba(23,27,31,.07);

}

.contact-page .contact-hub-top > span:first-child{

    color:
        #9B7C48;

    font-size:
        .58rem;

    font-weight:
        900;

    letter-spacing:
        .14em;

}

.contact-page .contact-online{

    display:flex;

    align-items:center;

    gap:7px;

    color:
        #718079;

    font-size:
        .55rem;

    font-weight:
        900;

    letter-spacing:
        .10em;

}

.contact-page .contact-online i{

    width:7px;
    height:7px;

    border-radius:50%;

    background:
        var(--contact-green);

    box-shadow:
        0 0 0 5px
        rgba(75,166,106,.09);

}

.contact-page .contact-hub-body{

    min-height:
        425px;

    padding:
        39px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    background:

        radial-gradient(
            circle at 89% 12%,
            rgba(198,161,91,.11),
            transparent 30%
        ),

        #FFFFFF;

}

.contact-page .contact-hub-icon{

    width:57px;
    height:57px;

    display:flex;

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

    border:
        1px solid
        rgba(198,161,91,.27);

    border-radius:
        18px;

    background:
        #F8F5EC;

    color:
        #947542;

}

.contact-page .contact-hub-icon svg{

    width:25px;
    height:25px;

    fill:currentColor;

    stroke:none;

}

.contact-page .contact-card-label{

    margin-top:
        29px;

    color:
        #A1814B;

    font-size:
        .59rem;

    font-weight:
        900;

    letter-spacing:
        .15em;

    text-transform:
        uppercase;

}

.contact-page .contact-hub-body h3{

    margin-top:
        8px;

    color:
        var(--contact-black);

    font-size:
        clamp(2rem,4vw,3.3rem);

    line-height:
        1;

    letter-spacing:
        -.04em;

}

.contact-page .contact-hub-body > strong{

    margin-top:
        8px;

    color:
        #8A6F42;

    font-size:
        .90rem;

}

.contact-page .contact-hub-body > p{

    max-width:
        600px;

    margin-top:
        13px;

    color:
        #747F87;

    font-size:
        .82rem;

    line-height:
        1.72;

}

.contact-page .contact-hub-body .contact-button{

    align-self:
        flex-start;

    margin-top:
        25px;

}

.contact-page .contact-hub-side{

    display:flex;

    flex-direction:column;

    gap:
        11px;

}

.contact-page .contact-hub-mini{

    min-height:
        134px;

    display:flex;

    align-items:center;

    gap:
        15px;

    padding:
        19px;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:
        20px;

    background:
        #FFFFFF;

    box-shadow:
        0 13px 38px
        rgba(23,27,31,.045);

    cursor:pointer;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;

}

.contact-page .contact-hub-mini:hover{

    transform:
        translateY(-3px);

    border-color:
        rgba(198,161,91,.24);

    box-shadow:
        0 20px 48px
        rgba(23,27,31,.07);

}

.contact-page .contact-hub-mini-icon{

    width:
        45px;

    height:
        45px;

    flex:none;

    display:flex;

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

    border:
        1px solid
        rgba(198,161,91,.20);

    border-radius:
        14px;

    background:
        #F7F4ED;

    color:
        #987945;

}

.contact-page .contact-hub-mini-icon svg{

    width:
        20px;

    height:
        20px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.6;

    stroke-linecap:round;

    stroke-linejoin:round;

}

.contact-page .contact-hub-mini-content{

    min-width:0;

    display:flex;

    flex-direction:column;

}

.contact-page .contact-hub-mini-content > span{

    color:
        #99A1A7;

    font-size:
        .56rem;

}

.contact-page .contact-hub-mini-content h3{

    margin-top:
        4px;

    color:
        var(--contact-black);

    font-size:
        .92rem;

}

.contact-page .contact-hub-mini-content strong{

    margin-top:
        3px;

    color:
        #8C7043;

    font-size:
        .69rem;

    white-space:
        nowrap;

    overflow:
        hidden;

    text-overflow:
        ellipsis;

}

.contact-page .contact-hub-mini-arrow{

    margin-left:auto;

    color:
        #9A7B47;

}

.contact-page .contact-hub-mini-arrow svg{

    width:
        17px;

    height:
        17px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.6;

    stroke-linecap:round;

    stroke-linejoin:round;

}

/* ==========================================================
   DIRECT CHANNELS
   ========================================================== */

.contact-page .contact-direct{

    background:
        #FFFFFF;

}

.contact-page .contact-channel-grid{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:
        14px;

    margin-top:
        41px;

}

.contact-page .contact-channel-card{

    position:relative;

    min-height:
        275px;

    padding:
        27px;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:
        24px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F7F6F2
        );

    cursor:pointer;

    transition:
        transform .32s ease,
        box-shadow .32s ease,
        border-color .32s ease;

}

.contact-page .contact-channel-card:hover{

    transform:
        translateY(-5px);

    border-color:
        rgba(198,161,91,.25);

    box-shadow:
        0 23px 58px
        rgba(23,27,31,.08);

}

.contact-page .contact-channel-icon{

    width:
        49px;

    height:
        49px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:
        1px solid
        rgba(198,161,91,.24);

    border-radius:
        15px;

    background:
        #F7F3E9;

    color:
        #927441;

}

.contact-page .contact-channel-icon svg{

    width:
        22px;

    height:
        22px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.6;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}

.contact-page .contact-channel-card:nth-child(1)
.contact-channel-icon svg{

    fill:
        currentColor;

    stroke:none;

}

.contact-page .contact-channel-label{

    display:block;

    margin-top:
        29px;

    color:
        #A1814B;

    font-size:
        .57rem;

    font-weight:
        900;

    letter-spacing:
        .15em;

}

.contact-page .contact-channel-card h3{

    margin-top:
        7px;

    color:
        var(--contact-black);

    font-size:
        1.42rem;

}

.contact-page .contact-channel-card > strong{

    display:block;

    margin-top:
        7px;

    color:
        #8B7042;

    font-size:
        .73rem;

    line-height:
        1.5;

}

.contact-page .contact-channel-card > p{

    max-width:
        330px;

    margin-top:
        8px;

    color:
        #77828A;

    font-size:
        .75rem;

    line-height:
        1.62;

}

.contact-page .contact-channel-arrow{

    position:absolute;

    right:
        21px;

    bottom:
        20px;

    width:
        34px;

    height:
        34px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:
        1px solid
        rgba(23,27,31,.09);

    border-radius:
        50%;

    background:
        #FFFFFF;

    color:
        var(--contact-black);

    transition:
        transform .25s ease,
        border-color .25s ease,
        color .25s ease;

}

.contact-page .contact-channel-card:hover
.contact-channel-arrow{

    transform:
        translateX(3px);

    color:
        #927441;

    border-color:
        rgba(198,161,91,.37);

}

.contact-page .contact-channel-arrow svg{

    width:
        15px;

    height:
        15px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.6;

    stroke-linecap:round;

    stroke-linejoin:round;

}

/* ==========================================================
   DIGITAL
   ========================================================== */

.contact-page .contact-digital{

    background:
        #F6F6F4;

}

.contact-page .contact-digital-panel{

    display:grid;

    grid-template-columns:
        minmax(0,.90fr)
        minmax(360px,1.10fr);

    gap:
        50px;

    align-items:center;

    padding:
        53px;

    overflow:hidden;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:
        31px;

    background:
        linear-gradient(
            135deg,
            #1A2024,
            #30383E
        );

    box-shadow:
        0 28px 80px
        rgba(23,27,31,.15);

}

.contact-page .contact-digital-copy .contact-eyebrow{

    color:
        var(--contact-gold-light);

}

.contact-page .contact-digital-copy h2{

    color:
        #FFFFFF;

}

.contact-page .contact-digital-copy h2 span{

    color:
        var(--contact-gold-light);

}

.contact-page .contact-digital-copy > p{

    max-width:
        580px;

    margin-top:
        18px;

    color:
        #C8CFD4;

    font-size:
        .88rem;

    line-height:
        1.78;

}

.contact-page .contact-digital-status{

    display:inline-flex;

    align-items:center;

    gap:
        9px;

    margin-top:
        21px;

    padding:
        8px 10px;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:
        999px;

    background:
        rgba(255,255,255,.035);

}

.contact-page .contact-digital-status i{

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        var(--contact-green);

}

.contact-page .contact-digital-status strong{

    color:
        #D6DCE0;

    font-size:
        .55rem;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;

}

.contact-page .contact-social-links{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:
        9px;

}

.contact-page .contact-social-link{

    min-height:
        98px;

    display:flex;

    align-items:center;

    gap:
        12px;

    padding:
        15px;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:
        17px;

    background:
        rgba(255,255,255,.045);

    text-decoration:
        none;

    transition:
        transform .28s ease,
        background .28s ease,
        border-color .28s ease;

}

.contact-page .contact-social-link:hover{

    transform:
        translateY(-3px);

    background:
        rgba(255,255,255,.08);

    border-color:
        rgba(198,161,91,.34);

}

.contact-page .contact-social-icon{

    width:
        41px;

    height:
        41px;

    flex:none;

    display:flex;

    align-items:center;
    justify-content:center;

    border:
        1px solid
        rgba(198,161,91,.19);

    border-radius:
        12px;

    background:
        rgba(255,255,255,.045);

    color:
        var(--contact-gold-light);

}

.contact-page .contact-social-icon svg{

    width:
        19px;

    height:
        19px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.5;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}

.contact-page .contact-social-link:nth-child(4)
.contact-social-icon svg{

    fill:
        currentColor;

    stroke:none;

}

.contact-page .contact-social-info{

    min-width:
        0;

    display:flex;

    flex-direction:column;

}

.contact-page .contact-social-info strong{

    color:#FFFFFF;

    font-size:.76rem;

}

.contact-page .contact-social-info small{

    margin-top:
        4px;

    color:#98A3A9;

    font-size:.57rem;

    overflow:
        hidden;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;

}

.contact-page .contact-social-arrow{

    margin-left:auto;

    color:
        #8F9AA1;

}

.contact-page .contact-social-arrow svg{

    width:
        16px;

    height:
        16px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.5;

    stroke-linecap:round;

    stroke-linejoin:round;

}

/* ==========================================================
   LOCATION
   ========================================================== */

.contact-page .contact-location{

    background:
        #FFFFFF;

}

.contact-page .contact-location-header{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:
        30px;

}

.contact-page .contact-location-badge{

    display:inline-flex;

    align-items:center;

    gap:
        8px;

    padding:
        9px 12px;

    border-radius:
        999px;

    background:
        #F3EFE6;

    color:
        #8A6E3F;

    font-size:
        .57rem;

    font-weight:
        900;

    letter-spacing:
        .08em;

}

.contact-page .contact-location-badge svg{

    width:
        14px;

    height:
        14px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.6;

}

.contact-page .contact-location-grid{

    display:grid;

    grid-template-columns:
        minmax(330px,.82fr)
        minmax(0,1.18fr);

    gap:
        17px;

    margin-top:
        37px;

}

.contact-page .contact-location-info{

    padding:
        35px;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:
        27px;

    background:
        #F8F6F0;

}

.contact-page .contact-location-heading{

    display:flex;

    align-items:center;

    gap:
        13px;

}

.contact-page .contact-location-symbol{

    width:
        50px;

    height:
        50px;

    flex:none;

    display:flex;

    align-items:center;
    justify-content:center;

    border:
        1px solid
        rgba(198,161,91,.23);

    border-radius:
        15px;

    background:
        #FFFFFF;

    color:
        #947643;

}

.contact-page .contact-location-symbol svg{

    width:
        22px;

    height:
        22px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.6;

    stroke-linecap:round;

    stroke-linejoin:round;

}

.contact-page .contact-location-heading > div:last-child{

    min-width:0;

}

.contact-page .contact-location-heading > div:last-child > span{

    color:
        #9D7D49;

    font-size:
        .55rem;

    font-weight:
        900;

    letter-spacing:
        .14em;

}

.contact-page .contact-location-heading h3{

    margin-top:
        4px;

    color:
        var(--contact-black);

    font-size:
        1.22rem;

}

.contact-page .contact-location-divider{

    height:
        1px;

    margin:
        25px 0;

    background:
        rgba(23,27,31,.08);

}

.contact-page .contact-location-items{

    display:flex;

    flex-direction:
        column;

}

.contact-page .contact-location-item{

    display:grid;

    grid-template-columns:
        35px 1fr;

    gap:
        10px;

    padding:
        14px 0;

    border-bottom:
        1px solid
        rgba(23,27,31,.07);

}

.contact-page .contact-location-item:first-child{

    padding-top:0;

}

.contact-page .contact-location-item:last-child{

    border-bottom:
        0;

}

.contact-page .contact-location-item-icon{

    width:
        31px;

    height:
        31px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:
        50%;

    background:
        #ECE8DF;

    color:
        #937542;

}

.contact-page .contact-location-item-icon svg{

    width:
        15px;

    height:
        15px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.5;

    stroke-linecap:round;

    stroke-linejoin:round;

}

.contact-page .contact-location-item > div:last-child{

    display:flex;

    flex-direction:
        column;

}

.contact-page .contact-location-item > div:last-child > span{

    color:
        #9A7B47;

    font-size:
        .55rem;

    font-weight:
        900;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;

}

.contact-page .contact-location-item strong{

    margin-top:
        4px;

    color:
        var(--contact-black);

    font-size:
        .75rem;

}

.contact-page .contact-location-item p{

    margin-top:
        3px;

    color:
        #7A848B;

    font-size:
        .67rem;

}

.contact-page .contact-location-info >
.contact-button{

    margin-top:
        22px;

}

.contact-page .contact-map-card{

    overflow:hidden;

    border:
        1px solid
        rgba(23,27,31,.09);

    border-radius:
        27px;

    background:
        #FFFFFF;

    box-shadow:
        0 20px 58px
        rgba(23,27,31,.07);

}

.contact-page .contact-map-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:
        15px;

    padding:
        17px 20px;

    border-bottom:
        1px solid
        rgba(23,27,31,.07);

}

.contact-page .contact-map-header > div{

    display:flex;

    flex-direction:
        column;

}

.contact-page .contact-map-header > div > span{

    color:
        #9A7B47;

    font-size:
        .51rem;

    font-weight:
        900;

    letter-spacing:
        .14em;

}

.contact-page .contact-map-header > div > strong{

    margin-top:
        4px;

    color:
        var(--contact-black);

    font-size:
        .78rem;

}

.contact-page .contact-map-live{

    display:flex;

    align-items:center;

    gap:
        7px;

    color:
        #7B8780;

    font-size:
        .53rem;

    font-weight:
        900;

    letter-spacing:
        .10em;

}

.contact-page .contact-map-live i{

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        var(--contact-green);

}

.contact-page .contact-map-frame{

    position:relative;

    height:
        445px;

    overflow:hidden;

    background:
        #E8E6E0;

}

.contact-page .contact-map-frame iframe{

    display:block;

    width:
        100%;

    height:
        100%;

    border:
        0;

    filter:
        saturate(.72)
        contrast(.96);

}

.contact-page .contact-map-marker{

    position:absolute;

    left:
        50%;

    top:
        50%;

    width:
        46px;

    height:
        46px;

    display:flex;

    align-items:center;
    justify-content:center;

    transform:
        translate(-50%,-100%)
        rotate(-45deg);

    border:
        2px solid
        #FFFFFF;

    border-radius:
        50%
        50%
        50%
        0;

    background:
        var(--contact-gold);

    color:
        #FFFFFF;

    box-shadow:
        0 12px 30px
        rgba(0,0,0,.22);

    pointer-events:
        none;

}

.contact-page .contact-map-marker svg{

    width:
        20px;

    height:
        20px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    rotate:
        45deg;

}

.contact-page .contact-map-footer{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:
        10px;

    padding:
        14px 18px;

}

.contact-page .contact-map-footer > div{

    display:flex;

    align-items:center;

    gap:
        7px;

    color:
        #707B83;

    font-size:
        .58rem;

}

.contact-page .contact-map-footer svg{

    width:
        15px;

    height:
        15px;

    flex:none;

    fill:none;

    stroke:
        #9A7B47;

    stroke-width:
        1.5;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}

/* ==========================================================
   MESSAGE / FORM
   ========================================================== */

.contact-page .contact-message{

    background:
        #F6F6F4;

}

.contact-page .contact-form-shell{

    display:grid;

    grid-template-columns:
        minmax(0,.82fr)
        minmax(420px,1.18fr);

    overflow:hidden;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:
        31px;

    background:
        #FFFFFF;

    box-shadow:
        0 25px 75px
        rgba(23,27,31,.08);

}

.contact-page .contact-form-intro{

    padding:
        47px;

    background:
        linear-gradient(
            145deg,
            #F8F5ED,
            #ECE9E1
        );

}

.contact-page .contact-form-intro > p{

    max-width:
        500px;

    margin-top:
        18px;

    color:
        #707B83;

    font-size:
        .86rem;

    line-height:
        1.78;

}

.contact-page .contact-form-process{

    display:flex;

    flex-direction:
        column;

    margin-top:
        32px;

}

.contact-page .contact-form-step{

    display:grid;

    grid-template-columns:
        35px 1fr;

    gap:
        11px;

    padding:
        17px 0;

    border-top:
        1px solid
        rgba(23,27,31,.08);

}

.contact-page .contact-form-step > span{

    color:
        #9E7E4A;

    font-size:
        .59rem;

    font-weight:
        900;

}

.contact-page .contact-form-step strong{

    color:
        var(--contact-black);

    font-size:
        .78rem;

}

.contact-page .contact-form-step p{

    margin-top:
        4px;

    color:
        #7A858C;

    font-size:
        .68rem;

    line-height:
        1.55;

}

.contact-page .contact-form-panel{

    padding:
        39px;

    background:
        #FFFFFF;

}

.contact-page .contact-form-panel-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:
        20px;

    padding-bottom:
        15px;

    border-bottom:
        1px solid
        rgba(23,27,31,.08);

}

.contact-page .contact-form-panel-top span{

    color:
        #A1814B;

    font-size:
        .55rem;

    font-weight:
        900;

    letter-spacing:
        .14em;

}

.contact-page .contact-form{

    margin-top:
        22px;

}

.contact-page .contact-form-row{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:
        13px;

}

.contact-page .contact-field{

    display:flex;

    flex-direction:
        column;

    gap:
        7px;

    margin-top:
        15px;

}

.contact-page .contact-form-row
.contact-field{

    margin-top:
        0;

}

.contact-page .contact-field label{

    color:
        #6E7980;

    font-size:
        .60rem;

    font-weight:
        900;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;

}

.contact-page .contact-field input,
.contact-page .contact-field select,
.contact-page .contact-field textarea{

    width:
        100%;

    border:
        1px solid
        rgba(23,27,31,.11);

    border-radius:
        13px;

    background:
        #FAFAF8;

    color:
        var(--contact-black);

    font-family:
        inherit;

    font-size:
        .78rem;

    outline:
        none;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease;

}

.contact-page .contact-field input,
.contact-page .contact-field select{

    height:
        48px;

    padding:
        0 13px;

}

.contact-page .contact-field textarea{

    min-height:
        130px;

    padding:
        13px;

    resize:
        vertical;

    line-height:
        1.6;

}

.contact-page .contact-field input::placeholder,
.contact-page .contact-field textarea::placeholder{

    color:
        #A0A7AC;

}

.contact-page .contact-field input:focus,
.contact-page .contact-field select:focus,
.contact-page .contact-field textarea:focus{

    border-color:
        rgba(198,161,91,.55);

    background:
        #FFFFFF;

    box-shadow:
        0 0 0 4px
        rgba(198,161,91,.08);

}

.contact-page .contact-form-invalid
.contact-field input:invalid,
.contact-page .contact-form-invalid
.contact-field select:invalid,
.contact-page .contact-form-invalid
.contact-field textarea:invalid{

    border-color:
        rgba(170,78,67,.45);

}

.contact-page .contact-form-bottom{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:
        17px;

    margin-top:
        23px;

    padding-top:
        19px;

    border-top:
        1px solid
        rgba(23,27,31,.08);

}

.contact-page .contact-form-bottom > span{

    display:flex;

    align-items:center;

    gap:
        7px;

    max-width:
        280px;

    color:
        #8A949A;

    font-size:
        .58rem;

    line-height:
        1.5;

}

.contact-page .contact-form-bottom > span svg{

    width:
        16px;

    height:
        16px;

    flex:none;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.5;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}

.contact-page .contact-form-feedback{

    min-height:
        20px;

    margin-top:
        12px;

    color:
        #737F86;

    font-size:
        .66rem;

    line-height:
        1.5;

}

.contact-page .contact-form-feedback:not(.contact-feedback-visible){

    visibility:
        hidden;

}

.contact-page .contact-form-feedback.contact-feedback-error{

    color:
        #A65347;

}

.contact-page .contact-form-feedback.contact-feedback-success{

    color:
        #4E8B61;

}

.contact-page .contact-form-feedback.contact-feedback-info{

    color:
        #8C7043;

}

/* ==========================================================
   FAQ
   ========================================================== */

.contact-page .contact-faq{

    background:
        #FFFFFF;

}

.contact-page .contact-faq-container{

    max-width:
        920px;

}

.contact-page .contact-faq-list{

    margin-top:
        43px;

    border-top:
        1px solid
        rgba(23,27,31,.09);

}

.contact-page .contact-faq-item{

    border-bottom:
        1px solid
        rgba(23,27,31,.09);

}

.contact-page .contact-faq-question{

    width:
        100%;

    min-height:
        74px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:
        20px;

    padding:
        0;

    border:
        0;

    background:
        transparent;

    color:
        var(--contact-black);

    font-family:
        inherit;

    font-size:
        .87rem;

    font-weight:
        700;

    text-align:
        left;

    cursor:pointer;

}

.contact-page .contact-faq-question > span:first-child{

    padding-right:
        20px;

}

.contact-page .contact-faq-plus{

    width:
        32px;

    height:
        32px;

    flex:none;

    display:flex;

    align-items:center;
    justify-content:center;

    border:
        1px solid
        rgba(198,161,91,.25);

    border-radius:
        50%;

    background:
        #FBFAF7;

    color:
        #967744;

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease;

}

.contact-page .contact-faq-plus svg{

    width:
        15px;

    height:
        15px;

    fill:none;

    stroke:
        currentColor;

    stroke-width:
        1.6;

    stroke-linecap:
        round;

}

.contact-page .contact-faq-answer{

    display:grid;

    grid-template-rows:
        0fr;

    transition:
        grid-template-rows .35s ease;

}

.contact-page .contact-faq-answer > p{

    min-height:
        0;

    overflow:hidden;

    padding-right:
        70px;

    color:
        #76818A;

    font-size:
        .79rem;

    line-height:
        1.8;

}

.contact-page .contact-faq-item.active
.contact-faq-answer{

    grid-template-rows:
        1fr;

}

.contact-page .contact-faq-item.active
.contact-faq-answer > p{

    padding-bottom:
        23px;

}

.contact-page .contact-faq-item.active
.contact-faq-plus{

    transform:
        rotate(45deg);

    border-color:
        rgba(198,161,91,.42);

    background:
        #F3EFE5;

}

/* ==========================================================
   FINAL CTA
   ========================================================== */

.contact-page .contact-final{

    background:
        #FFFFFF;

}

.contact-page .contact-final-panel{

    position:relative;

    min-height:
        475px;

    display:flex;

    align-items:center;
    justify-content:center;

    overflow:hidden;

    border-radius:
        34px;

    background:
        linear-gradient(
            135deg,
            #1A1F23,
            #30383F
        );

    box-shadow:
        0 30px 85px
        rgba(23,27,31,.17);

}

.contact-page .contact-final-orbit{

    position:absolute;

    border:
        1px solid
        rgba(198,161,91,.15);

    border-radius:
        50%;

    pointer-events:
        none;

}

.contact-page .contact-final-orbit.orbit-one{

    width:
        570px;

    height:
        570px;

    left:
        50%;

    top:
        -330px;

    transform:
        translateX(-50%);

}

.contact-page .contact-final-orbit.orbit-two{

    width:
        760px;

    height:
        760px;

    left:
        50%;

    top:
        -425px;

    transform:
        translateX(-50%);

    border-color:
        rgba(255,255,255,.05);

}

.contact-page .contact-final-content{

    position:relative;

    z-index:
        4;

    width:
        min(
            calc(100% - 45px),
            820px
        );

    padding:
        70px 20px;

    text-align:
        center;

}

.contact-page .contact-final-logo{

    width:
        62px;

    height:
        62px;

    margin:
        0 auto 17px;

}

.contact-page .contact-final-logo img{

    width:
        100%;

    height:
        100%;

    object-fit:
        contain;

}

.contact-page .contact-final-content > span{

    color:
        var(--contact-gold-light);

    font-size:
        .60rem;

    font-weight:
        900;

    letter-spacing:
        .17em;

}

.contact-page .contact-final-content h2{

    max-width:
        850px;

    margin:
        15px auto 0;

    color:
        #FFFFFF;

    font-size:
        clamp(
            2.35rem,
            5vw,
            4.8rem
        );

    line-height:
        .98;

    letter-spacing:
        -.045em;

}

.contact-page .contact-final-content h2 strong{

    display:block;

    color:
        var(--contact-gold-light);

    font-weight:
        inherit;

}

.contact-page .contact-final-content p{

    max-width:
        650px;

    margin:
        18px auto 0;

    color:
        #CAD1D5;

    font-size:
        .89rem;

    line-height:
        1.76;

}

.contact-page .contact-final-content
.contact-button{

    margin-top:
        27px;

}

/* ==========================================================
   REVEAL — SEGURO
   ==========================================================
   NÃO escondemos os elementos.
   As classes existem apenas para permitir movimento.
   ========================================================== */

.contact-page .contact-reveal,
.contact-page .contact-reveal-left,
.contact-page .contact-reveal-right{

    opacity:
        1;

    transform:
        none;

    visibility:
        visible;

}

.contact-page .contact-reveal.contact-visible{

    animation:
        contactFadeUp
        .65s ease both;

}

.contact-page .contact-reveal-left.contact-visible{

    animation:
        contactFadeLeft
        .65s ease both;

}

.contact-page .contact-reveal-right.contact-visible{

    animation:
        contactFadeRight
        .65s ease both;

}

@keyframes contactFadeUp{

    from{
        opacity:.35;
        transform:
            translateY(18px);
    }

    to{
        opacity:1;
        transform:
            translateY(0);
    }

}

@keyframes contactFadeLeft{

    from{
        opacity:.35;
        transform:
            translateX(-20px);
    }

    to{
        opacity:1;
        transform:
            translateX(0);
    }

}

@keyframes contactFadeRight{

    from{
        opacity:.35;
        transform:
            translateX(20px);
    }

    to{
        opacity:1;
        transform:
            translateX(0);
    }

}

/* ==========================================================
   FOCUS
   ========================================================== */

.contact-page button:focus-visible,
.contact-page a:focus-visible,
.contact-page input:focus-visible,
.contact-page select:focus-visible,
.contact-page textarea:focus-visible{

    outline:
        2px solid
        rgba(198,161,91,.80);

    outline-offset:
        3px;

}

/* ==========================================================
   RESPONSIVE 1200
   ========================================================== */

@media(max-width:1200px){

    .contact-page .contact-hero-main{

        grid-template-columns:
            minmax(0,1fr)
            minmax(400px,.86fr);

    }

    .contact-page .contact-hero-visual{

        width:
            min(
                510px,
                42vw
            );

    }

}

/* ==========================================================
   RESPONSIVE 1000
   ========================================================== */

@media(max-width:1000px){

    .contact-page .contact-hero{

        min-height:
            790px;

    }

    .contact-page .contact-hero-container{

        min-height:
            790px;

    }

    .contact-page .contact-hero-main{

        grid-template-columns:
            1fr;

        gap:
            5px;

        padding:
            55px 0 45px;

    }

    .contact-page .contact-hero-content{

        position:
            relative;

        z-index:
            6;

        max-width:
            700px;

    }

    .contact-page .contact-hero-visual-area{

        position:absolute;

        right:
            -4%;

        bottom:
            -1%;

        width:
            52%;

        opacity:
            .78;

    }

    .contact-page .contact-hero-visual{

        width:
            100%;

    }

    .contact-page .contact-hub-grid{

        grid-template-columns:
            1fr;

    }

    .contact-page .contact-channel-grid{

        grid-template-columns:
            repeat(3,minmax(0,1fr));

    }

    .contact-page .contact-digital-panel{

        grid-template-columns:
            1fr;

    }

    .contact-page .contact-location-grid{

        grid-template-columns:
            1fr;

    }

    .contact-page .contact-form-shell{

        grid-template-columns:
            1fr;

    }

}

/* ==========================================================
   RESPONSIVE 800
   ========================================================== */

@media(max-width:800px){

    .contact-page .contact-container{

        width:
            min(
                calc(100% - 34px),
                700px
            );

    }

    .contact-page .section{

        padding:
            80px 0;

    }

    .contact-page .contact-section-heading{

        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            15px;

    }

    .contact-page .contact-section-heading > p{

        max-width:
            620px;

    }

    .contact-page .contact-hero{

        min-height:
            850px;

    }

    .contact-page .contact-hero-container{

        min-height:
            850px;

    }

    .contact-page .contact-hero-main{

        padding:
            45px 0 40px;

    }

    .contact-page .contact-hero h1{

        font-size:
            clamp(
                2.95rem,
                10vw,
                5.2rem
            );

    }

    .contact-page .contact-hero-content > p{

        font-size:
            .91rem;

    }

    .contact-page .contact-hero-visual-area{

        position:
            relative;

        right:
            auto;

        bottom:
            auto;

        width:
            100%;

        margin-top:
            -20px;

        opacity:
            .92;

    }

    .contact-page .contact-hero-visual{

        width:
            min(
                450px,
                82vw
            );

        margin:
            0 auto;

    }

    .contact-page .contact-channel-grid{

        grid-template-columns:
            1fr;

    }

    .contact-page .contact-digital-panel{

        padding:
            39px;

    }

    .contact-page .contact-location-header{

        align-items:
            flex-start;

        flex-direction:
            column;

    }

    .contact-page .contact-form-bottom{

        align-items:
            flex-start;

        flex-direction:
            column;

    }

}

/* ==========================================================
   RESPONSIVE 600
   ========================================================== */

@media(max-width:600px){

    .contact-page .contact-container{

        width:
            calc(
                100% - 28px
            );

    }

    .contact-page .section{

        padding:
            68px 0;

    }

    .contact-page .section-title,
    .contact-page .contact-section-heading h2,
    .contact-page .contact-location-header h2,
    .contact-page .contact-digital-copy h2,
    .contact-page .contact-form-intro h2{

        font-size:
            clamp(
                2rem,
                10vw,
                3.35rem
            );

    }

    /* HERO */

    .contact-page .contact-hero{

        min-height:
            835px;

    }

    .contact-page .contact-hero-container{

        min-height:
            835px;

    }

    .contact-page .contact-hero-main{

        padding:
            34px 0 30px;

    }

    .contact-page .contact-hero-kicker{

        font-size:
            .55rem;

        letter-spacing:
            .12em;

    }

    .contact-page .contact-hero h1{

        margin-top:
            13px;

        font-size:
            clamp(
                2.62rem,
                13vw,
                4.3rem
            );

    }

    .contact-page .contact-hero-content > p{

        margin-top:
            17px;

        font-size:
            .88rem;

        line-height:
            1.70;

    }

    .contact-page .contact-hero-actions{

        flex-direction:
            column;

        align-items:
            stretch;

    }

    .contact-page .contact-hero-actions
    .contact-button{

        width:
            100%;

    }

    .contact-page .contact-hero-meta{

        display:grid;

        grid-template-columns:
            1fr 1fr;

    }

    .contact-page .contact-meta-item{

        min-width:
            0;

        padding:
            9px 10px 9px 0;

        margin:
            0;

        border-right:
            1px solid
            rgba(255,255,255,.09);

    }

    .contact-page .contact-meta-item:nth-child(2){

        padding-left:
            10px;

        border-right:
            0;

    }

    .contact-page .contact-meta-item:nth-child(3){

        grid-column:
            1 / -1;

        margin-top:
            4px;

        padding-left:
            0;

        padding-top:
            13px;

        border-top:
            1px solid
            rgba(255,255,255,.09);

        border-right:
            0;

    }

    .contact-page .contact-hero-visual{

        width:
            min(
                350px,
                90vw
            );

    }

    .contact-page .contact-hero-image-main{

        border-radius:
            23px;

    }

    .contact-page .contact-hero-floating{

        width:
            70px;

        height:
            70px;

        border-radius:
            14px;

    }

    .contact-page .contact-hero-visual-label{

        right:
            0;

        bottom:
            1%;

    }

    .contact-page .contact-hero-visual-label strong{

        font-size:
            .57rem;

    }

    .contact-page .contact-hero-bottom{

        bottom:
            18px;

    }

    /* HUB */

    .contact-page .contact-hub-body{

        min-height:
            360px;

        padding:
            29px 23px;

    }

    .contact-page .contact-hub-body h3{

        font-size:
            2rem;

    }

    .contact-page .contact-hub-mini{

        min-height:
            112px;

        padding:
            15px;

    }

    /* CHANNELS */

    .contact-page .contact-channel-card{

        min-height:
            245px;

        padding:
            23px;

    }

    /* DIGITAL */

    .contact-page .contact-digital-panel{

        padding:
            29px 21px;

        border-radius:
            26px;

    }

    .contact-page .contact-social-links{

        grid-template-columns:
            1fr;

    }

    /* LOCATION */

    .contact-page .contact-location-info{

        padding:
            27px 21px;

    }

    .contact-page .contact-map-frame{

        height:
            340px;

    }

    .contact-page .contact-map-footer{

        grid-template-columns:
            1fr;

    }

    /* FORM */

    .contact-page .contact-form-intro{

        padding:
            29px 22px;

    }

    .contact-page .contact-form-panel{

        padding:
            27px 21px;

    }

    .contact-page .contact-form-row{

        grid-template-columns:
            1fr;

    }

    .contact-page .contact-form-row
    .contact-field{

        margin-top:
            15px;

    }

    .contact-page .contact-form-bottom
    .contact-button{

        width:
            100%;

    }

    /* FAQ */

    .contact-page .contact-faq-list{

        margin-top:
            31px;

    }

    .contact-page .contact-faq-question{

        min-height:
            68px;

        font-size:
            .78rem;

    }

    .contact-page .contact-faq-plus{

        width:
            29px;

        height:
            29px;

    }

    .contact-page .contact-faq-answer > p{

        padding-right:
            35px;

        font-size:
            .72rem;

    }

    /* CTA */

    .contact-page .contact-final-panel{

        min-height:
            410px;

        border-radius:
            27px;

    }

    .contact-page .contact-final-content{

        width:
            calc(
                100% - 24px
            );

        padding:
            50px 10px;

    }

    .contact-page .contact-final-logo{

        width:
            53px;

        height:
            53px;

    }

    .contact-page .contact-final-content h2{

        font-size:
            clamp(
                2rem,
                10vw,
                3.3rem
            );

    }

    .contact-page .contact-final-content p{

        font-size:
            .82rem;

    }

    .contact-page .contact-final-content
    .contact-button{

        width:
            100%;

    }

}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media(prefers-reduced-motion:reduce){

    .contact-page *,
    .contact-page *::before,
    .contact-page *::after{

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;

        scroll-behavior:
            auto !important;

    }

}

/* ==========================================================
   AD LIFESTYLE V2
   ABOUT PAGE
   Premium / Editorial / Institutional
   Visual system aligned with EVENTS master
   IMPORTANT:
   Tudo está isolado dentro de .about-page
   ========================================================== */


/* ==========================================================
   01. ROOT
   ========================================================== */

.about-page{

    --about-black:#171B1F;
    --about-black-soft:#252B31;

    --about-gold:#C6A15B;
    --about-gold-light:#E9D7A9;

    --about-white:#FFFFFF;
    --about-ivory:#F8F7F3;

    --about-gray:#69747E;
    --about-gray-soft:#87909A;

    --about-text:#252A2E;
    --about-text-soft:#68717A;

    --about-border:rgba(23,27,31,.09);
    --about-border-strong:rgba(23,27,31,.15);

    --about-gold-border:rgba(198,161,91,.30);
    --about-gold-soft:rgba(198,161,91,.10);

    --about-radius-sm:14px;
    --about-radius-md:20px;
    --about-radius-lg:28px;
    --about-radius-xl:34px;

    --about-shadow-sm:
        0 10px 30px rgba(18,22,25,.055);

    --about-shadow-md:
        0 18px 48px rgba(18,22,25,.085);

    --about-shadow-lg:
        0 30px 80px rgba(18,22,25,.14);

    --about-transition:
        .35s cubic-bezier(.2,.7,.2,1);

    color:var(--about-text);
    background:var(--about-ivory);

    overflow:clip;

    font-synthesis:none;
}

.about-page *,
.about-page *::before,
.about-page *::after{
    box-sizing:border-box;
}

.about-page img{
    max-width:100%;
}

.about-page a{
    color:inherit;
}

.about-page button{
    font:inherit;
}

.about-page section{
    position:relative;
    scroll-margin-top:90px;
}

.about-page .about-container{

    width:min(
        calc(100% - 48px),
        1280px
    );

    margin:0 auto;
}


/* ==========================================================
   02. MICRO TYPOGRAPHY
   ========================================================== */

.about-page .about-eyebrow{

    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-bottom:18px;

    color:var(--about-gold);

    font-size:11px;
    font-weight:800;

    letter-spacing:.18em;
    line-height:1.4;

    text-transform:uppercase;
}

.about-page .about-eyebrow::before{

    content:"";

    width:26px;
    height:1px;

    background:currentColor;
}

.about-page .about-section-label{

    display:flex;
    align-items:center;
    gap:12px;

    padding-top:7px;
}

.about-page .about-section-label strong{

    font-size:11px;
    font-weight:800;

    color:var(--about-gold);

    letter-spacing:.10em;
}

.about-page .about-section-label span{

    color:var(--about-gray);

    font-size:10px;
    font-weight:800;

    letter-spacing:.15em;

    text-transform:uppercase;
}


/* ==========================================================
   03. BUTTON SYSTEM
   Same language as EVENTS
   ========================================================== */

.about-page .about-button{

    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:12px;

    min-height:52px;

    padding:0 22px;

    border-radius:999px;

    border:1px solid transparent;

    font-size:12px;
    font-weight:800;

    letter-spacing:.07em;
    text-transform:uppercase;

    text-decoration:none;

    cursor:pointer;

    overflow:hidden;

    transition:
        transform var(--about-transition),
        box-shadow var(--about-transition),
        border-color var(--about-transition),
        background var(--about-transition),
        color var(--about-transition);
}

.about-page .about-button span{
    position:relative;
    z-index:2;
}

.about-page .about-button svg{

    position:relative;
    z-index:2;

    width:18px;
    height:18px;

    flex:none;

    fill:none;

    stroke:currentColor;

    stroke-width:1.8;

    stroke-linecap:round;
    stroke-linejoin:round;

    transition:
        transform var(--about-transition);
}

.about-page .about-button:hover{
    transform:translateY(-2px);
}

.about-page .about-button:hover svg{
    transform:translateX(3px);
}

.about-page .about-button-gold{

    color:#171B1F;

    background:
        linear-gradient(
            135deg,
            #E3CA91 0%,
            var(--about-gold) 100%
        );

    box-shadow:
        0 10px 24px rgba(198,161,91,.20);
}

.about-page .about-button-gold:hover{

    box-shadow:
        0 15px 34px rgba(198,161,91,.27);
}

.about-page .about-button-outline{

    color:#FFFFFF;

    border-color:
        rgba(255,255,255,.28);

    background:
        rgba(255,255,255,.045);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.about-page .about-button-outline:hover{

    border-color:
        rgba(255,255,255,.55);

    background:
        rgba(255,255,255,.10);
}

.about-page .about-button-dark{

    color:#FFFFFF;

    border-color:
        rgba(23,27,31,.85);

    background:var(--about-black);

    box-shadow:
        0 12px 26px rgba(23,27,31,.14);
}

.about-page .about-button-dark:hover{

    background:
        var(--about-black-soft);

    box-shadow:
        0 16px 34px rgba(23,27,31,.20);
}


/* ==========================================================
   04. HERO
   ========================================================== */

.about-page .about-hero{

    min-height:
        min(860px, 92vh);

    color:#FFFFFF;

    background:
        var(--about-black);

    isolation:isolate;

    overflow:hidden;
}

.about-page .about-hero-bg{

    position:absolute;
    inset:0;

    z-index:-2;

    background:

        radial-gradient(
            circle at 76% 40%,
            rgba(198,161,91,.17),
            transparent 28%
        ),

        radial-gradient(
            circle at 18% 75%,
            rgba(255,255,255,.035),
            transparent 28%
        ),

        linear-gradient(
            120deg,
            #13171A 0%,
            #171B1F 48%,
            #20272D 100%
        );
}

.about-page .about-hero-bg::after{

    content:"";

    position:absolute;
    inset:0;

    opacity:.22;

    background-image:
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size:
        72px 72px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 90%
        );

    pointer-events:none;
}

.about-page .about-hero-container{

    min-height:
        min(860px, 92vh);

    display:flex;
    flex-direction:column;
}

.about-page .about-hero-top{

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:24px;

    padding-top:24px;

    color:
        rgba(255,255,255,.64);

    font-size:10px;
    font-weight:800;

    letter-spacing:.16em;

    text-transform:uppercase;

    border-bottom:
        1px solid rgba(255,255,255,.09);

    padding-bottom:18px;
}

.about-page .about-hero-main{

    flex:1;

    display:grid;

    grid-template-columns:
        minmax(0, 1.04fr)
        minmax(420px, .96fr);

    align-items:center;

    gap:70px;

    padding:
        76px 0 72px;
}

.about-page .about-hero-copy{

    max-width:760px;
}

.about-page .about-hero-copy h1{

    max-width:730px;

    margin:0;

    color:#FFFFFF;

    font-size:
        clamp(
            3.2rem,
            6.8vw,
            7rem
        );

    font-weight:650;

    line-height:.94;

    letter-spacing:-.055em;
}

.about-page .about-hero-copy h1 span{

    display:block;

    color:var(--about-gold-light);
}

.about-page .about-hero-copy p{

    max-width:650px;

    margin:
        30px 0 0;

    color:
        rgba(255,255,255,.68);

    font-size:
        clamp(15px, 1.5vw, 18px);

    line-height:1.78;
}

.about-page .about-hero-actions{

    display:flex;
    align-items:center;

    flex-wrap:wrap;

    gap:12px;

    margin-top:34px;
}


/* ==========================================================
   05. HERO VISUAL
   ========================================================== */

.about-page .about-hero-visual{

    position:relative;

    min-height:620px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:20px;
}

.about-page .about-hero-image-wrap{

    position:relative;

    width:min(
        100%,
        510px
    );

    min-height:620px;

    display:flex;
    align-items:flex-end;
    justify-content:center;
}

.about-page .about-hero-image{

    position:relative;

    width:100%;
    height:620px;

    display:flex;
    align-items:flex-end;
    justify-content:center;

    border-radius:
        var(--about-radius-xl);

    border:
        1px solid rgba(198,161,91,.25);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.97),
            rgba(243,238,229,.91)
        );

    overflow:hidden;

    box-shadow:
        var(--about-shadow-lg);

    transition:
        transform .45s cubic-bezier(.2,.7,.2,1);
}

.about-page .about-hero-image::before{

    content:"";

    position:absolute;

    width:430px;
    height:430px;

    top:50px;
    left:50%;

    transform:translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.20),
            transparent 70%
        );

    filter:blur(3px);

    pointer-events:none;
}

.about-page .about-hero-image::after{

    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(18,20,22,.14),
            transparent 36%
        );

    pointer-events:none;
}

.about-page .about-hero-image img{

    position:relative;
    z-index:2;

    display:block;

    width:100%;
    height:620px;

    object-fit:contain;
    object-position:center bottom;

    filter:
        drop-shadow(
            0 24px 34px rgba(0,0,0,.16)
        );
}

.about-page .about-hero-image-accent{

    position:absolute;

    width:240px;
    height:240px;

    right:-55px;
    bottom:-70px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.22),
            transparent 68%
        );

    filter:blur(8px);

    pointer-events:none;
}


/* ==========================================================
   06. HERO BRAND CARD
   ========================================================== */

.about-page .about-hero-brand-card{

    position:absolute;

    left:0;
    bottom:72px;

    z-index:4;

    width:260px;

    display:grid;

    grid-template-columns:auto 1fr auto;

    align-items:center;

    gap:12px;

    padding:14px 15px;

    border-radius:18px;

    background:
        rgba(255,255,255,.94);

    border:
        1px solid rgba(198,161,91,.26);

    box-shadow:
        0 18px 42px rgba(0,0,0,.22);

    color:var(--about-black);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

.about-page .about-hero-logo{

    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:11px;

    overflow:hidden;

    background:#FFFFFF;
}

.about-page .about-hero-logo img{

    display:block;

    width:30px;
    height:30px;

    object-fit:contain;
}

.about-page .about-hero-brand-copy{

    min-width:0;

    display:flex;
    flex-direction:column;
}

.about-page .about-hero-brand-copy span{

    font-size:11px;
    font-weight:900;

    letter-spacing:.10em;
}

.about-page .about-hero-brand-copy small{

    margin-top:2px;

    color:var(--about-gray);

    font-size:9px;
    font-weight:700;

    letter-spacing:.08em;
}

.about-page .about-hero-brand-card > strong{

    color:var(--about-gold);

    font-size:12px;
    font-weight:900;

    letter-spacing:.08em;
}


/* ==========================================================
   07. HERO CAPTION
   ========================================================== */

.about-page .about-hero-caption{

    position:absolute;

    right:0;
    bottom:0;

    z-index:4;

    display:flex;
    align-items:center;

    gap:12px;

    max-width:230px;

    padding:14px 16px;

    border-left:
        1px solid rgba(198,161,91,.55);

    color:
        rgba(255,255,255,.75);
}

.about-page .about-hero-caption > span{

    width:28px;
    height:1px;

    flex:none;

    background:
        var(--about-gold);
}

.about-page .about-hero-caption p{

    margin:0;

    font-size:10px;
    font-weight:700;

    line-height:1.45;

    letter-spacing:.10em;

    text-transform:uppercase;
}

.about-page .about-hero-bottom{

    display:grid;

    grid-template-columns:1fr auto 1fr;

    align-items:center;

    gap:24px;

    padding:
        0 0 24px;

    color:
        rgba(255,255,255,.43);

    font-size:9px;
    font-weight:800;

    letter-spacing:.15em;

    text-transform:uppercase;
}

.about-page .about-hero-bottom > :last-child{
    text-align:right;
}

.about-page .about-hero-scroll{

    display:inline-flex;
    align-items:center;

    gap:10px;

    color:
        rgba(255,255,255,.60);
}

.about-page .about-hero-scroll i{

    position:relative;

    display:block;

    width:1px;
    height:24px;

    background:
        var(--about-gold);
}

.about-page .about-hero-scroll i::after{

    content:"";

    position:absolute;

    left:-2px;
    bottom:0;

    width:5px;
    height:5px;

    border-right:1px solid var(--about-gold);
    border-bottom:1px solid var(--about-gold);

    transform:
        rotate(45deg);
}


/* ==========================================================
   08. MANIFESTO
   ========================================================== */

.about-page .about-manifesto{

    padding:115px 0 110px;

    background:
        var(--about-white);

    border-bottom:
        1px solid var(--about-border);
}

.about-page .about-manifesto-grid{

    display:grid;

    grid-template-columns:
        160px
        minmax(0, 1fr);

    gap:60px;
}

.about-page .about-manifesto-content{

    max-width:950px;
}

.about-page .about-manifesto-content h2{

    max-width:920px;

    margin:0;

    color:var(--about-black);

    font-size:
        clamp(
            2.7rem,
            6vw,
            6.2rem
        );

    font-weight:600;

    line-height:1.01;

    letter-spacing:-.055em;
}

.about-page .about-manifesto-content h2 em{

    color:var(--about-gold);

    font-style:normal;
}

.about-page .about-manifesto-content h2 strong{

    font-weight:650;
}

.about-page .about-manifesto-content p{

    max-width:690px;

    margin:
        30px 0 0;

    color:var(--about-text-soft);

    font-size:17px;

    line-height:1.78;
}


/* ==========================================================
   09. SECTION HEADINGS
   ========================================================== */

.about-page .about-section-heading{

    display:grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(300px, .75fr);

    align-items:end;

    gap:60px;

    margin-bottom:50px;
}

.about-page .about-section-heading h2,
.about-page .about-direction-heading h2,
.about-page .about-journey-heading h2{

    margin:0;

    color:var(--about-black);

    font-size:
        clamp(
            2.6rem,
            5vw,
            5.25rem
        );

    font-weight:600;

    line-height:1.02;

    letter-spacing:-.045em;
}

.about-page .about-section-heading h2 span,
.about-page .about-direction-heading h2 span,
.about-page .about-journey-heading h2 span{

    display:block;

    color:var(--about-gold);
}

.about-page .about-section-heading > p{

    margin:0;

    color:var(--about-text-soft);

    font-size:16px;

    line-height:1.75;
}


/* ==========================================================
   10. WHO WE ARE
   ========================================================== */

.about-page .about-who{

    padding:115px 0;

    background:
        var(--about-ivory);
}

.about-page .about-who-card{

    display:grid;

    grid-template-columns:
        80px
        minmax(190px, .7fr)
        minmax(0, 1.1fr);

    align-items:start;

    gap:34px;

    padding:38px 42px;

    border-radius:
        var(--about-radius-xl);

    border:
        1px solid var(--about-border);

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F7F5F0
        );

    box-shadow:
        var(--about-shadow-md);
}

.about-page .about-who-card-number{

    display:flex;
    align-items:center;
    justify-content:center;

    width:52px;
    height:52px;

    border-radius:16px;

    color:var(--about-gold);

    background:
        var(--about-gold-soft);

    border:
        1px solid var(--about-gold-border);

    font-size:12px;
    font-weight:900;
}

.about-page .about-who-card-title small{

    display:block;

    margin-bottom:10px;

    color:var(--about-gold);

    font-size:10px;
    font-weight:800;

    letter-spacing:.15em;

    text-transform:uppercase;
}

.about-page .about-who-card-title h3{

    margin:0;

    color:var(--about-black);

    font-size:clamp(2rem,3.2vw,3.4rem);

    font-weight:650;

    letter-spacing:-.04em;
}

.about-page .about-who-card-text{

    display:flex;
    flex-direction:column;

    gap:15px;
}

.about-page .about-who-card-text p{

    margin:0;

    color:var(--about-text-soft);

    font-size:15px;

    line-height:1.72;
}


/* ==========================================================
   11. ECOSYSTEM
   ========================================================== */

.about-page .about-ecosystem-intro{

    padding:115px 0 125px;

    background:
        var(--about-white);
}

.about-page .about-ecosystem-map{

    position:relative;

    display:grid;

    grid-template-columns:
        minmax(130px,1fr)
        minmax(60px,110px)
        110px
        minmax(60px,110px)
        minmax(130px,1fr);

    align-items:center;

    gap:16px;

    min-height:170px;

    padding:28px 24px;

    border-radius:
        var(--about-radius-xl);

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F6F2EA
        );

    border:
        1px solid var(--about-border);

    box-shadow:
        var(--about-shadow-sm);
}

.about-page .about-ecosystem-side{

    display:flex;
    flex-direction:column;

    gap:8px;
}

.about-page .about-ecosystem-side-right{
    text-align:right;
    align-items:flex-end;
}

.about-page .about-ecosystem-side small{

    color:var(--about-gold);

    font-size:10px;
    font-weight:900;

    letter-spacing:.16em;
}

.about-page .about-ecosystem-side strong{

    color:var(--about-black);

    font-size:14px;
    font-weight:900;

    letter-spacing:.18em;
}

.about-page .about-ecosystem-line{

    height:1px;

    background:
        var(--about-gold-border);
}

.about-page .about-ecosystem-core{

    position:relative;

    width:94px;
    height:94px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:auto;

    border-radius:50%;

    background:
        var(--about-black);

    border:
        1px solid rgba(198,161,91,.42);

    box-shadow:
        0 12px 30px rgba(23,27,31,.18);
}

.about-page .about-ecosystem-core::before{

    content:"";

    position:absolute;
    inset:-7px;

    border-radius:50%;

    border:
        1px solid rgba(198,161,91,.14);
}

.about-page .about-ecosystem-core img{

    width:56px;
    height:56px;

    object-fit:contain;

    filter:
        brightness(0)
        invert(1);
}


/* ==========================================================
   12. BRAND SECTIONS
   ========================================================== */

.about-page .about-brand{

    padding:120px 0;

    border-top:
        1px solid var(--about-border);
}

.about-page .about-brand-bzzworld{

    background:
        var(--about-ivory);
}

.about-page .about-brand-academy{

    background:
        var(--about-white);
}

.about-page .about-brand-grid{

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    align-items:center;

    gap:90px;
}

.about-page .about-brand-grid-reverse > .about-brand-content{
    order:1;
}

.about-page .about-brand-grid-reverse > .about-brand-visual{
    order:2;
}

.about-page .about-brand-visual{

    position:relative;

    min-height:510px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:40px;

    border-radius:
        var(--about-radius-xl);

    border:
        1px solid var(--about-border);

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F5F1E9
        );

    box-shadow:
        var(--about-shadow-md);

    overflow:hidden;
}

.about-page .about-brand-visual::before{

    content:"";

    position:absolute;

    width:360px;
    height:360px;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.16),
            transparent 70%
        );
}

.about-page .about-brand-number{

    position:absolute;

    top:23px;
    left:26px;

    z-index:3;

    color:var(--about-gold);

    font-size:10px;
    font-weight:900;

    letter-spacing:.15em;
}

.about-page .about-brand-category{

    position:absolute;

    right:26px;
    bottom:24px;

    z-index:3;

    color:var(--about-gray);

    font-size:10px;
    font-weight:800;

    letter-spacing:.15em;
}

.about-page .about-brand-image{

    position:relative;

    z-index:2;

    width:86%;
    height:420px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:25px;
}

.about-page .about-brand-image img{

    display:block;

    width:auto;
    max-width:100%;

    height:auto;
    max-height:390px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 20px 30px rgba(0,0,0,.13)
        );

    transition:
        transform var(--about-transition);
}

.about-page .about-brand-visual:hover
.about-brand-image img{

    transform:
        translateY(-5px)
        scale(1.015);
}

.about-page .about-brand-content{

    max-width:680px;
}

.about-page .about-brand-title{

    margin-bottom:11px;

    color:var(--about-gold);

    font-size:13px;
    font-weight:900;

    letter-spacing:.20em;
}

.about-page .about-brand-content h2{

    margin:0;

    color:var(--about-black);

    font-size:
        clamp(
            2.6rem,
            4.6vw,
            5rem
        );

    font-weight:600;

    line-height:1.02;

    letter-spacing:-.05em;
}

.about-page .about-brand-content > p{

    max-width:620px;

    margin:
        24px 0 0;

    color:var(--about-text-soft);

    font-size:16px;

    line-height:1.78;
}

.about-page .about-brand-list{

    display:flex;
    flex-wrap:wrap;

    gap:10px 24px;

    margin-top:28px;
}

.about-page .about-brand-list span{

    display:inline-flex;
    align-items:center;

    gap:8px;

    color:var(--about-black);

    font-size:12px;
    font-weight:800;

    letter-spacing:.05em;
}

.about-page .about-brand-list svg{

    width:16px;
    height:16px;

    fill:none;

    stroke:var(--about-gold);

    stroke-width:1.9;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.about-page .about-brand-link{

    display:inline-flex;
    align-items:center;

    gap:12px;

    margin-top:32px;

    padding-bottom:7px;

    color:var(--about-black);

    border-bottom:
        1px solid var(--about-gold-border);

    font-size:11px;
    font-weight:900;

    letter-spacing:.10em;

    text-decoration:none;
    text-transform:uppercase;

    transition:
        color var(--about-transition),
        gap var(--about-transition),
        border-color var(--about-transition);
}

.about-page .about-brand-link svg{

    width:17px;
    height:17px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.about-page .about-brand-link:hover{

    color:var(--about-gold);

    gap:16px;

    border-color:
        var(--about-gold);
}


/* ==========================================================
   13. LEADERSHIP
   ========================================================== */

.about-page .about-leadership{

    padding:125px 0;

    color:#FFFFFF;

    background:
        var(--about-black);

    overflow:hidden;
}

.about-page .about-leadership::before{

    content:"";

    position:absolute;

    width:540px;
    height:540px;

    right:-180px;
    top:-180px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.14),
            transparent 70%
        );

    pointer-events:none;
}

.about-page .about-leadership-grid{

    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,.92fr)
        minmax(0,1.08fr);

    align-items:center;

    gap:90px;
}

.about-page .about-leadership-image{

    position:relative;

    min-height:590px;

    display:flex;
    align-items:flex-end;
    justify-content:center;

    border-radius:
        var(--about-radius-xl);

    background:
        linear-gradient(
            145deg,
            #F8F7F3,
            #EAE4D8
        );

    border:
        1px solid rgba(198,161,91,.26);

    overflow:hidden;

    box-shadow:
        var(--about-shadow-lg);
}

.about-page .about-leadership-image::after{

    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(15,17,19,.16),
            transparent 44%
        );
}

.about-page .about-leadership-image img{

    position:relative;
    z-index:1;

    width:100%;
    height:590px;

    object-fit:contain;
    object-position:center bottom;
}

.about-page .about-leadership-image-info{

    position:absolute;

    left:24px;
    right:24px;
    bottom:24px;

    z-index:3;

    display:flex;
    flex-direction:column;

    gap:4px;

    padding:15px 17px;

    border-radius:16px;

    background:
        rgba(23,27,31,.82);

    border:
        1px solid rgba(255,255,255,.10);

    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
}

.about-page .about-leadership-image-info span{

    color:var(--about-gold-light);

    font-size:9px;
    font-weight:900;

    letter-spacing:.14em;
}

.about-page .about-leadership-image-info strong{

    color:#FFFFFF;

    font-size:14px;
    font-weight:800;

    letter-spacing:.05em;
}

.about-page .about-leadership-content{

    max-width:680px;
}

.about-page .about-leadership-content .about-eyebrow{

    color:var(--about-gold-light);
}

.about-page .about-leadership-content > small{

    display:block;

    color:
        rgba(255,255,255,.43);

    font-size:10px;
    font-weight:800;

    letter-spacing:.13em;
}

.about-page .about-leadership-content h2{

    margin:
        20px 0 0;

    font-size:
        clamp(
            3rem,
            6vw,
            6.5rem
        );

    line-height:.94;

    letter-spacing:-.055em;
}

.about-page .about-leadership-content h2 span{

    display:block;

    color:var(--about-gold-light);
}

.about-page .about-leadership-line{

    width:70px;
    height:1px;

    margin:
        28px 0 28px;

    background:
        var(--about-gold);
}

.about-page .about-leadership-content p{

    max-width:620px;

    margin:0 0 17px;

    color:
        rgba(255,255,255,.66);

    font-size:16px;

    line-height:1.78;
}

.about-page .about-leadership-signature{

    margin-top:34px;

    color:
        rgba(255,255,255,.40);

    font-size:10px;
    font-weight:900;

    letter-spacing:.16em;
}


/* ==========================================================
   14. DIRECTION
   ========================================================== */

.about-page .about-direction{

    padding:120px 0;

    background:
        var(--about-ivory);
}

.about-page .about-direction-heading{

    max-width:800px;

    margin-bottom:50px;
}

.about-page .about-direction-grid{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:16px;
}

.about-page .about-direction-grid article{

    position:relative;

    min-height:320px;

    display:flex;
    flex-direction:column;

    padding:30px;

    border-radius:
        var(--about-radius-lg);

    border:
        1px solid var(--about-border);

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FAF8F3
        );

    box-shadow:
        var(--about-shadow-sm);

    transition:
        transform var(--about-transition),
        box-shadow var(--about-transition),
        border-color var(--about-transition);
}

.about-page .about-direction-grid article:hover{

    transform:translateY(-5px);

    border-color:
        var(--about-gold-border);

    box-shadow:
        var(--about-shadow-md);
}

.about-page .about-direction-grid article > span{

    color:var(--about-gold);

    font-size:10px;
    font-weight:900;

    letter-spacing:.16em;
}

.about-page .about-direction-grid h3{

    margin:
        22px 0 14px;

    color:var(--about-black);

    font-size:28px;
    font-weight:650;

    letter-spacing:-.035em;
}

.about-page .about-direction-grid p{

    margin:0;

    color:var(--about-text-soft);

    font-size:14px;

    line-height:1.72;
}

.about-page .about-direction-main{

    background:
        linear-gradient(
            145deg,
            #1A2024,
            #252C32
        ) !important;

    border-color:
        rgba(198,161,91,.28) !important;
}

.about-page .about-direction-main h3{
    color:#FFFFFF;
}

.about-page .about-direction-main p{

    color:
        rgba(255,255,255,.66);
}

.about-page .about-direction-grid ul{

    display:flex;
    flex-direction:column;

    gap:11px;

    margin:0;
    padding:0;

    list-style:none;
}

.about-page .about-direction-grid li{

    display:flex;
    align-items:center;

    gap:9px;

    color:var(--about-text-soft);

    font-size:13px;
    font-weight:700;
}

.about-page .about-direction-grid li svg{

    width:16px;
    height:16px;

    flex:none;

    fill:none;

    stroke:var(--about-gold);

    stroke-width:1.8;

    stroke-linecap:round;
    stroke-linejoin:round;
}


/* ==========================================================
   15. JOURNEY
   ========================================================== */

.about-page .about-journey{

    padding:120px 0;

    background:
        var(--about-white);
}

.about-page .about-journey-heading{

    max-width:780px;

    margin-bottom:52px;
}

.about-page .about-journey-list{

    position:relative;

    border-top:
        1px solid var(--about-border-strong);
}

.about-page .about-journey-item{

    display:grid;

    grid-template-columns:
        90px
        minmax(170px,.45fr)
        minmax(0,1fr);

    align-items:center;

    gap:30px;

    min-height:145px;

    padding:
        25px 0;

    border-bottom:
        1px solid var(--about-border);

    transition:
        padding var(--about-transition),
        background var(--about-transition);
}

.about-page .about-journey-item:hover{

    padding-left:14px;
    padding-right:14px;

    background:
        linear-gradient(
            90deg,
            rgba(198,161,91,.045),
            transparent
        );
}

.about-page .about-journey-number{

    display:flex;
    align-items:center;
    justify-content:center;

    width:58px;
    height:58px;

    border-radius:50%;

    color:var(--about-gold);

    background:
        var(--about-white);

    border:
        1px solid var(--about-gold-border);

    font-size:11px;
    font-weight:900;
}

.about-page .about-journey-title small{

    display:block;

    color:var(--about-gold);

    font-size:9px;
    font-weight:900;

    letter-spacing:.14em;
}

.about-page .about-journey-title h3{

    margin:
        6px 0 0;

    color:var(--about-black);

    font-size:24px;
    font-weight:650;

    letter-spacing:-.03em;
}

.about-page .about-journey-text p{

    max-width:700px;

    margin:0;

    color:var(--about-text-soft);

    font-size:14px;

    line-height:1.72;
}


/* ==========================================================
   16. FUTURE
   ========================================================== */

.about-page .about-future{

    min-height:580px;

    display:flex;
    align-items:center;

    color:#FFFFFF;

    background:
        linear-gradient(
            120deg,
            #121619,
            #171B1F 58%,
            #22292E
        );

    overflow:hidden;
}

.about-page .about-future::before{

    content:"";

    position:absolute;

    width:600px;
    height:600px;

    right:-180px;
    top:-150px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.16),
            transparent 70%
        );
}

.about-page .about-future-mark{

    position:absolute;

    right:4vw;
    bottom:-70px;

    color:
        rgba(255,255,255,.025);

    font-size:
        clamp(
            14rem,
            28vw,
            32rem
        );

    font-weight:900;

    line-height:.8;

    letter-spacing:-.08em;

    pointer-events:none;

    user-select:none;
}

.about-page .about-future-content{

    position:relative;
    z-index:2;

    max-width:980px;

    padding:
        110px 0;
}

.about-page .about-future-content .about-eyebrow{
    color:var(--about-gold-light);
}

.about-page .about-future-content h2{

    margin:0;

    max-width:960px;

    color:#FFFFFF;

    font-size:
        clamp(
            3rem,
            6vw,
            6.4rem
        );

    font-weight:600;

    line-height:.98;

    letter-spacing:-.055em;
}

.about-page .about-future-content h2 span{

    display:block;

    color:var(--about-gold-light);
}

.about-page .about-future-content p{

    margin:
        30px 0 0;

    color:
        rgba(255,255,255,.57);

    font-size:15px;
    font-weight:700;

    line-height:1.9;

    letter-spacing:.10em;
    text-transform:uppercase;
}


/* ==========================================================
   17. CTA
   ========================================================== */

.about-page .about-cta{

    padding:105px 0;

    background:
        var(--about-ivory);
}

.about-page .about-cta-box{

    position:relative;

    display:grid;

    grid-template-columns:
        auto
        minmax(0,1fr)
        auto;

    align-items:center;

    gap:38px;

    padding:
        52px 54px;

    border-radius:
        var(--about-radius-xl);

    color:#FFFFFF;

    background:
        linear-gradient(
            135deg,
            #181D21 0%,
            #252C32 100%
        );

    border:
        1px solid rgba(198,161,91,.28);

    box-shadow:
        var(--about-shadow-lg);

    overflow:hidden;
}

.about-page .about-cta-box::before{

    content:"";

    position:absolute;

    width:330px;
    height:330px;

    right:-100px;
    top:-120px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.18),
            transparent 70%
        );
}

.about-page .about-cta-brand{

    position:relative;
    z-index:2;

    width:82px;
    height:82px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:22px;

    background:
        rgba(255,255,255,.95);

    border:
        1px solid rgba(198,161,91,.30);
}

.about-page .about-cta-brand img{

    width:58px;
    height:58px;

    object-fit:contain;
}

.about-page .about-cta-content{

    position:relative;
    z-index:2;

    max-width:650px;
}

.about-page .about-cta-content .about-eyebrow{
    margin-bottom:12px;

    color:var(--about-gold-light);
}

.about-page .about-cta-content h2{

    margin:0;

    font-size:
        clamp(
            2.2rem,
            4vw,
            4.6rem
        );

    font-weight:600;

    line-height:1.01;

    letter-spacing:-.045em;
}

.about-page .about-cta-content h2 span{

    color:var(--about-gold-light);
}

.about-page .about-cta-content p{

    margin:
        18px 0 0;

    color:
        rgba(255,255,255,.60);

    font-size:14px;

    line-height:1.7;
}

.about-page .about-cta-actions{

    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;

    gap:10px;

    min-width:210px;
}

.about-page .about-cta-actions .about-button{
    width:100%;
}


/* ==========================================================
   18. REVEAL
   IMPORTANT:
   Conteúdo permanece visível mesmo sem JS
   ========================================================== */

.about-page .about-manifesto-content,
.about-page .about-section-heading,
.about-page .about-who-card,
.about-page .about-ecosystem-map,
.about-page .about-brand,
.about-page .about-leadership-grid,
.about-page .about-direction-heading,
.about-page .about-direction-grid,
.about-page .about-journey-heading,
.about-page .about-journey-item,
.about-page .about-future-content,
.about-page .about-cta-box{

    opacity:1;

    visibility:visible;

    transform:none;
}

.about-page .about-is-visible{

    animation:
        aboutFadeUp .72s cubic-bezier(.2,.7,.2,1) both;
}

@keyframes aboutFadeUp{

    from{
        opacity:.72;
        transform:translateY(18px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}


/* ==========================================================
   19. DESKTOP INTERACTION
   ========================================================== */

@media (hover:hover) and (pointer:fine){

    .about-page .about-brand-image img{

        transition:
            transform .45s cubic-bezier(.2,.7,.2,1);
    }

    .about-page .about-brand-visual:hover
    .about-brand-image img{

        transform:
            translateY(-5px)
            scale(1.015);
    }

}


/* ==========================================================
   20. TABLET
   ========================================================== */

@media (max-width:1100px){

    .about-page .about-hero-main{

        grid-template-columns:
            minmax(0,1fr)
            minmax(360px,.78fr);

        gap:45px;
    }

    .about-page .about-hero-visual{
        min-height:540px;
    }

    .about-page .about-hero-image-wrap,
    .about-page .about-hero-image{
        height:540px;
        min-height:540px;
    }

    .about-page .about-hero-image img{
        height:540px;
    }

    .about-page .about-brand-grid,
    .about-page .about-leadership-grid{

        gap:55px;
    }

    .about-page .about-who-card{

        grid-template-columns:
            70px
            minmax(170px,.65fr)
            minmax(0,1fr);

        gap:25px;
    }

    .about-page .about-cta-box{

        grid-template-columns:
            auto
            minmax(0,1fr);

        gap:28px;
    }

    .about-page .about-cta-actions{

        grid-column:1 / -1;

        flex-direction:row;
        align-items:stretch;
    }

    .about-page .about-cta-actions .about-button{
        width:auto;
        flex:1;
    }

}


/* ==========================================================
   21. TABLET / SMALL
   ========================================================== */

@media (max-width:900px){

    .about-page .about-container{
        width:min(
            calc(100% - 38px),
            1280px
        );
    }

    .about-page .about-hero{
        min-height:auto;
    }

    .about-page .about-hero-container{
        min-height:auto;
    }

    .about-page .about-hero-main{

        grid-template-columns:1fr;

        padding:
            65px 0 70px;
    }

    .about-page .about-hero-copy{
        max-width:780px;
    }

    .about-page .about-hero-visual{

        max-width:650px;

        width:100%;

        min-height:560px;

        margin:0 auto;
    }

    .about-page .about-brand-grid,
    .about-page .about-leadership-grid{

        grid-template-columns:1fr;
    }

    .about-page .about-brand-grid-reverse > .about-brand-content{
        order:1;
    }

    .about-page .about-brand-grid-reverse > .about-brand-visual{
        order:2;
    }

    .about-page .about-brand-content{
        max-width:none;
    }

    .about-page .about-brand-visual{
        min-height:500px;
    }

    .about-page .about-leadership-content{
        max-width:none;
    }

    .about-page .about-direction-grid{
        grid-template-columns:1fr;
    }

    .about-page .about-direction-grid article{
        min-height:auto;
    }

    .about-page .about-ecosystem-map{
        grid-template-columns:
            1fr
            80px
            90px
            80px
            1fr;
    }

}


/* ==========================================================
   22. MOBILE
   ========================================================== */

@media (max-width:720px){

    .about-page .about-container{

        width:
            calc(100% - 28px);
    }

    .about-page .about-hero-top{

        padding-top:18px;
        padding-bottom:14px;

        font-size:8px;
    }

    .about-page .about-hero-main{

        padding:
            48px 0 52px;

        gap:40px;
    }

    .about-page .about-hero-copy h1{

        font-size:
            clamp(
                3rem,
                14vw,
                5rem
            );

        line-height:.93;
    }

    .about-page .about-hero-copy p{

        margin-top:22px;

        font-size:14px;

        line-height:1.68;
    }

    .about-page .about-hero-actions{

        align-items:stretch;
        flex-direction:column;

        margin-top:26px;
    }

    .about-page .about-button{

        width:100%;

        min-height:50px;

        padding:
            0 18px;

        font-size:10px;
    }

    .about-page .about-hero-visual{

        min-height:430px;

        padding:0;
    }

    .about-page .about-hero-image-wrap,
    .about-page .about-hero-image{

        width:100%;

        height:430px;
        min-height:430px;
    }

    .about-page .about-hero-image img{
        height:430px;
    }

    .about-page .about-hero-brand-card{

        left:8px;
        bottom:48px;

        width:
            calc(100% - 16px);

        grid-template-columns:
            auto
            1fr
            auto;

        padding:12px;
    }

    .about-page .about-hero-caption{

        display:none;
    }

    .about-page .about-hero-bottom{

        grid-template-columns:1fr auto 1fr;

        gap:10px;

        padding-bottom:18px;

        font-size:7px;

        letter-spacing:.10em;
    }

    .about-page .about-hero-bottom > :nth-child(3){
        text-align:right;
    }

    .about-page .about-manifesto,
    .about-page .about-who,
    .about-page .about-ecosystem-intro,
    .about-page .about-brand,
    .about-page .about-leadership,
    .about-page .about-direction,
    .about-page .about-journey{

        padding:
            78px 0;
    }

    .about-page .about-manifesto-grid{

        grid-template-columns:1fr;

        gap:26px;
    }

    .about-page .about-manifesto-content h2,
    .about-page .about-section-heading h2,
    .about-page .about-direction-heading h2,
    .about-page .about-journey-heading h2{

        font-size:
            clamp(
                2.35rem,
                11vw,
                4rem
            );
    }

    .about-page .about-manifesto-content p{

        font-size:14px;
    }

    .about-page .about-section-heading{

        grid-template-columns:1fr;

        gap:20px;

        margin-bottom:34px;
    }

    .about-page .about-section-heading > p{
        font-size:14px;
    }

    .about-page .about-who-card{

        grid-template-columns:1fr;

        gap:22px;

        padding:28px 24px;
    }

    .about-page .about-ecosystem-map{

        grid-template-columns:1fr;

        gap:16px;

        min-height:0;

        padding:28px 22px;
    }

    .about-page .about-ecosystem-line{

        width:100%;
    }

    .about-page .about-ecosystem-core{

        width:86px;
        height:86px;
    }

    .about-page .about-ecosystem-side-right{

        text-align:left;
        align-items:flex-start;
    }

    .about-page .about-brand-grid{
        gap:42px;
    }

    .about-page .about-brand-visual{

        min-height:360px;

        padding:25px;
    }

    .about-page .about-brand-image{

        height:310px;
    }

    .about-page .about-brand-image img{

        max-height:290px;
    }

    .about-page .about-brand-content h2{

        font-size:
            clamp(
                2.4rem,
                11vw,
                4rem
            );
    }

    .about-page .about-brand-content > p{

        font-size:14px;
    }

    .about-page .about-brand-list{

        flex-direction:column;

        gap:11px;
    }

    .about-page .about-brand-link{

        font-size:9px;
    }

    .about-page .about-leadership-image{

        min-height:420px;
    }

    .about-page .about-leadership-image img{

        height:420px;
    }

    .about-page .about-leadership-content h2{

        font-size:
            clamp(
                3rem,
                14vw,
                5rem
            );
    }

    .about-page .about-leadership-content p{

        font-size:14px;
    }

    .about-page .about-direction-grid article{

        padding:25px;

        min-height:0;
    }

    .about-page .about-direction-grid h3{
        font-size:24px;
    }

    .about-page .about-journey-item{

        grid-template-columns:
            58px
            1fr;

        gap:18px;

        min-height:0;

        padding:22px 0;
    }

    .about-page .about-journey-number{

        width:52px;
        height:52px;
    }

    .about-page .about-journey-title h3{
        font-size:21px;
    }

    .about-page .about-journey-text{

        grid-column:2;

        margin-top:-4px;
    }

    .about-page .about-journey-text p{
        font-size:13px;
    }

    .about-page .about-future{
        min-height:480px;
    }

    .about-page .about-future-content{

        padding:
            82px 0;
    }

    .about-page .about-future-content h2{

        font-size:
            clamp(
                2.7rem,
                12vw,
                4.4rem
            );
    }

    .about-page .about-future-content p{

        font-size:10px;
    }

    .about-page .about-cta{

        padding:
            70px 0;
    }

    .about-page .about-cta-box{

        grid-template-columns:1fr;

        gap:24px;

        padding:
            34px 24px;
    }

    .about-page .about-cta-actions{

        grid-column:auto;

        flex-direction:column;
    }

    .about-page .about-cta-actions .about-button{

        width:100%;
    }

    .about-page .about-cta-brand{

        width:68px;
        height:68px;

        border-radius:18px;
    }

    .about-page .about-cta-brand img{

        width:48px;
        height:48px;
    }

}


/* ==========================================================
   23. VERY SMALL MOBILE
   ========================================================== */

@media (max-width:430px){

    .about-page .about-hero-top span:last-child{
        display:none;
    }

    .about-page .about-hero-top{
        justify-content:flex-start;
    }

    .about-page .about-hero-copy h1{
        font-size:
            2.95rem;
    }

    .about-page .about-hero-bottom{
        grid-template-columns:1fr auto;
    }

    .about-page .about-hero-bottom > :last-child{
        display:none;
    }

    .about-page .about-hero-visual{
        min-height:390px;
    }

    .about-page .about-hero-image-wrap,
    .about-page .about-hero-image{
        height:390px;
        min-height:390px;
    }

    .about-page .about-hero-image img{
        height:390px;
    }

    .about-page .about-hero-brand-card{
        bottom:38px;
    }

    .about-page .about-brand-visual{
        min-height:320px;
    }

    .about-page .about-brand-image{
        height:270px;
    }

    .about-page .about-brand-image img{
        max-height:250px;
    }
}


/* ==========================================================
   24. REDUÇÃO DE MOVIMENTO
   ========================================================== */

@media (prefers-reduced-motion:reduce){

    .about-page *,
    .about-page *::before,
    .about-page *::after{

        scroll-behavior:auto !important;

        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;
    }

    .about-page .about-hero-image{
        transform:none !important;
    }

}


/* ==========================================================
   25. FALLBACK / SAFE IMAGE BEHAVIOUR
   ========================================================== */

.about-page img{

    background:transparent;
}

.about-page .about-hero-image img,
.about-page .about-brand-image img,
.about-page .about-leadership-image img{

    opacity:1;
    visibility:visible;
}


/* ==========================================================
   26. PRINT
   ========================================================== */

@media print{

    .about-page .about-hero,
    .about-page .about-leadership,
    .about-page .about-future{
        color:#000;
        background:#FFFFFF;
    }

    .about-page .about-hero-bg,
    .about-page .about-future-mark,
    .about-page .about-hero-caption{
        display:none;
    }

}

```css
/* ==========================================================
   AD LIFESTYLE V2
   CONTACT PAGE
   Premium / Editorial / Concierge
   MASTER SYSTEM: EVENTS

   IMPORTANTE:
   - Todas as regras estão isoladas em .contact-page
   - Cores críticas protegidas contra CSS global
   - Conteúdo sempre visível
   - Sem dependência visual do IntersectionObserver
   ========================================================== */


/* ==========================================================
   01. CONTACT ROOT
   ========================================================== */

.contact-page{

    --contact-black:#171B1F;
    --contact-black-soft:#252B31;
    --contact-black-deep:#111518;

    --contact-gold:#C6A15B;
    --contact-gold-light:#E9D7A9;

    --contact-white:#FFFFFF;
    --contact-ivory:#F8F7F3;

    --contact-text:#252A2E;
    --contact-text-soft:#68717A;
    --contact-text-muted:#8A929A;

    --contact-border:rgba(23,27,31,.09);
    --contact-border-strong:rgba(23,27,31,.15);

    --contact-gold-soft:rgba(198,161,91,.10);
    --contact-gold-border:rgba(198,161,91,.28);

    --contact-shadow-sm:
        0 10px 30px rgba(18,22,25,.055);

    --contact-shadow-md:
        0 18px 48px rgba(18,22,25,.09);

    --contact-shadow-lg:
        0 30px 80px rgba(18,22,25,.15);

    --contact-radius-sm:14px;
    --contact-radius-md:20px;
    --contact-radius-lg:28px;
    --contact-radius-xl:34px;

    --contact-transition:
        .35s cubic-bezier(.2,.7,.2,1);

    position:relative;

    min-width:0;

    display:block;

    color:var(--contact-text) !important;

    background:
        var(--contact-ivory) !important;

    overflow:clip;

    isolation:isolate;

    font-synthesis:none;
}

.contact-page *,
.contact-page *::before,
.contact-page *::after{
    box-sizing:border-box;
}

.contact-page img{
    max-width:100%;
}

.contact-page button,
.contact-page input,
.contact-page textarea,
.contact-page select{
    font:inherit;
}

.contact-page a{
    color:inherit;
}

.contact-page section{
    position:relative;
    scroll-margin-top:90px;
}


/* ==========================================================
   02. CONTAINER
   ========================================================== */

.contact-page .contact-container{

    width:min(
        calc(100% - 48px),
        1280px
    );

    margin-left:auto;
    margin-right:auto;
}


/* ==========================================================
   03. EYEBROW
   ========================================================== */

.contact-page .contact-eyebrow{

    display:inline-flex;
    align-items:center;

    gap:10px;

    margin-bottom:17px;

    color:
        var(--contact-gold) !important;

    font-size:10px;
    font-weight:900;

    line-height:1.4;

    letter-spacing:.18em;

    text-transform:uppercase;
}

.contact-page .contact-eyebrow::before{

    content:"";

    width:28px;
    height:1px;

    flex:none;

    background:
        currentColor !important;
}


/* ==========================================================
   04. BUTTONS
   ========================================================== */

.contact-page .contact-button{

    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:11px;

    min-height:52px;

    padding:
        0 22px;

    border:
        1px solid transparent;

    border-radius:999px;

    outline:none;

    color:inherit;

    font-size:11px;
    font-weight:900;

    line-height:1;

    letter-spacing:.075em;

    text-decoration:none;
    text-transform:uppercase;

    cursor:pointer;

    overflow:hidden;

    transition:
        transform var(--contact-transition),
        box-shadow var(--contact-transition),
        border-color var(--contact-transition),
        background var(--contact-transition),
        color var(--contact-transition);
}

.contact-page .contact-button > span,
.contact-page .contact-button svg{
    position:relative;
    z-index:3;
}

.contact-page .contact-button svg{

    width:18px;
    height:18px;

    flex:none;

    fill:none;

    stroke:currentColor;

    stroke-width:1.75;

    stroke-linecap:round;
    stroke-linejoin:round;

    transition:
        transform var(--contact-transition);
}

.contact-page .contact-button:hover{
    transform:translateY(-2px);
}

.contact-page .contact-button:hover svg{
    transform:translateX(3px);
}

.contact-page .contact-button:focus-visible{

    box-shadow:
        0 0 0 3px rgba(198,161,91,.28);
}

.contact-page .contact-button-gold{

    color:
        #171B1F !important;

    background:
        linear-gradient(
            135deg,
            #E3CA91 0%,
            #C6A15B 100%
        ) !important;

    border-color:
        rgba(198,161,91,.30) !important;

    box-shadow:
        0 10px 24px rgba(198,161,91,.20);
}

.contact-page .contact-button-gold:hover{

    color:#171B1F !important;

    background:
        linear-gradient(
            135deg,
            #E9D7A9 0%,
            #C6A15B 100%
        ) !important;

    box-shadow:
        0 15px 34px rgba(198,161,91,.28);
}

.contact-page .contact-button-outline{

    color:
        #FFFFFF !important;

    border-color:
        rgba(255,255,255,.28) !important;

    background:
        rgba(255,255,255,.045) !important;

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.contact-page .contact-button-outline:hover{

    color:#FFFFFF !important;

    border-color:
        rgba(255,255,255,.55) !important;

    background:
        rgba(255,255,255,.10) !important;
}


/* ==========================================================
   05. HERO
   ========================================================== */

.contact-page .contact-hero{

    position:relative;

    min-height:
        min(820px,92vh);

    display:flex;
    flex-direction:column;

    color:#FFFFFF !important;

    background:
        #171B1F !important;

    isolation:isolate;

    overflow:hidden;
}

.contact-page .contact-hero-background{

    position:absolute;
    inset:0;

    z-index:-3;

    opacity:1 !important;

    background:

        radial-gradient(
            circle at 78% 42%,
            rgba(198,161,91,.18),
            transparent 28%
        ),

        radial-gradient(
            circle at 18% 78%,
            rgba(255,255,255,.035),
            transparent 30%
        ),

        linear-gradient(
            120deg,
            #121619 0%,
            #171B1F 48%,
            #22282D 100%
        ) !important;
}

.contact-page .contact-hero-background::before{

    content:"";

    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.024) 1px,
            transparent 1px
        );

    background-size:
        72px 72px;

    opacity:.22;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 90%
        );

    pointer-events:none;
}

.contact-page .contact-hero-glow{

    position:absolute;

    width:540px;
    height:540px;

    right:-190px;
    top:-210px;

    z-index:-1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.15),
            transparent 68%
        ) !important;

    pointer-events:none;
}

.contact-page .contact-hero-container{

    width:min(
        calc(100% - 48px),
        1280px
    );

    min-height:
        min(820px,92vh);

    margin:0 auto;

    display:flex;
    flex-direction:column;
}

.contact-page .contact-hero-main{

    flex:1;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.84fr);

    align-items:center;

    gap:76px;

    padding:
        70px 0 75px;
}

.contact-page .contact-hero-content{

    max-width:740px;

    color:#FFFFFF !important;
}

.contact-page .contact-hero-content h1{

    max-width:720px;

    margin:0;

    color:
        #FFFFFF !important;

    font-size:
        clamp(
            3.3rem,
            7vw,
            7rem
        );

    font-weight:650;

    line-height:.93;

    letter-spacing:-.058em;
}

.contact-page .contact-hero-content h1 span{

    display:block;

    color:
        var(--contact-gold-light) !important;
}

.contact-page .contact-hero-content p{

    max-width:640px;

    margin:
        28px 0 0;

    color:
        rgba(255,255,255,.68) !important;

    font-size:
        clamp(15px,1.4vw,18px);

    line-height:1.78;
}

.contact-page .contact-hero-actions{

    display:flex;
    align-items:center;

    flex-wrap:wrap;

    gap:12px;

    margin-top:33px;
}

.contact-page .contact-hero-meta{

    display:flex;
    align-items:flex-start;

    flex-wrap:wrap;

    gap:28px 42px;

    margin-top:36px;

    padding-top:22px;

    border-top:
        1px solid rgba(255,255,255,.10);
}

.contact-page .contact-meta-item{

    display:flex;
    flex-direction:column;

    gap:4px;
}

.contact-page .contact-meta-item strong{

    color:
        rgba(255,255,255,.88) !important;

    font-size:11px;
    font-weight:800;
}

.contact-page .contact-meta-item small{

    color:
        rgba(255,255,255,.46) !important;

    font-size:10px;
    font-weight:700;
}

.contact-page .contact-meta-item:first-child{

    position:relative;

    padding-left:17px;
}

.contact-page .contact-status-dot{

    position:absolute;

    left:0;
    top:4px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:#71BA86 !important;

    box-shadow:
        0 0 0 5px rgba(113,186,134,.10);
}

.contact-page .contact-hero-visual-area{

    position:relative;

    width:100%;

    color:initial !important;
}

.contact-page .contact-hero-visual{

    position:relative;

    width:100%;
    min-height:600px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    border-radius:
        var(--contact-radius-xl);

    border:
        1px solid rgba(198,161,91,.28);

    background:
        linear-gradient(
            145deg,
            #FAF9F6,
            #ECE7DD
        ) !important;

    box-shadow:
        var(--contact-shadow-lg);
}

.contact-page .contact-hero-visual::before{

    content:"";

    position:absolute;

    width:440px;
    height:440px;

    left:50%;
    top:50%;

    transform:
        translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.18),
            transparent 70%
        );

    pointer-events:none;
}

.contact-page .contact-hero-visual::after{

    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(14,17,19,.14),
            transparent 38%
        );

    pointer-events:none;
}

.contact-page .contact-hero-visual img{

    position:relative;
    z-index:2;

    display:block;

    width:100%;
    height:600px;

    object-fit:contain;
    object-position:center center;

    opacity:1 !important;
    visibility:visible !important;

    filter:
        drop-shadow(
            0 24px 38px rgba(0,0,0,.16)
        );
}

.contact-page .contact-hero-bottom{

    width:min(
        calc(100% - 48px),
        1280px
    );

    margin:0 auto;

    padding-bottom:24px;
}

.contact-page .contact-hero-scroll{

    display:inline-flex;
    align-items:center;

    gap:12px;

    padding:0;

    border:0;

    color:
        rgba(255,255,255,.60) !important;

    background:
        transparent !important;

    font-size:9px;
    font-weight:900;

    letter-spacing:.16em;

    text-transform:uppercase;

    cursor:pointer;
}

.contact-page .contact-hero-scroll:hover{
    color:#FFFFFF !important;
}

.contact-page .contact-hero-scroll > span:first-child{

    width:30px;
    height:1px;

    background:
        var(--contact-gold) !important;
}


/* ==========================================================
   06. SECTION HEADINGS
   ========================================================== */

.contact-page .contact-section-heading{

    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(280px,.72fr);

    align-items:end;

    gap:60px;

    margin-bottom:48px;
}

.contact-page .contact-section-heading h2,
.contact-page .contact-location-header h2{

    margin:0;

    color:
        var(--contact-black) !important;

    font-size:
        clamp(
            2.7rem,
            5.2vw,
            5.4rem
        );

    font-weight:600;

    line-height:1.00;

    letter-spacing:-.05em;
}

.contact-page .contact-section-heading h2 span,
.contact-page .contact-location-header h2 span{

    display:block;

    color:
        var(--contact-gold) !important;
}

.contact-page .contact-section-heading > p{

    max-width:470px;

    margin:0;

    color:
        var(--contact-text-soft) !important;

    font-size:15px;

    line-height:1.75;
}


/* ==========================================================
   07. CONTACT HUB
   ========================================================== */

.contact-page .contact-hub{

    padding:115px 0;

    background:
        var(--contact-white) !important;

    color:
        var(--contact-text) !important;
}

.contact-page .contact-hub-grid{

    display:grid;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(340px,.92fr);

    gap:18px;
}

.contact-page .contact-hub-main{

    position:relative;

    min-height:470px;

    padding:34px 38px;

    display:flex;
    flex-direction:column;

    border-radius:
        var(--contact-radius-xl);

    background:
        linear-gradient(
            145deg,
            #1A2024,
            #252D33
        ) !important;

    border:
        1px solid rgba(198,161,91,.26);

    color:
        #FFFFFF !important;

    box-shadow:
        var(--contact-shadow-lg);

    overflow:hidden;

    isolation:isolate;
}

.contact-page .contact-hub-main::before{

    content:"";

    position:absolute;

    width:380px;
    height:380px;

    right:-120px;
    top:-120px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.18),
            transparent 68%
        );

    pointer-events:none;
}

.contact-page .contact-hub-top{

    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding-bottom:20px;

    border-bottom:
        1px solid rgba(255,255,255,.09);

    color:
        rgba(255,255,255,.46) !important;

    font-size:9px;
    font-weight:900;

    letter-spacing:.15em;

    text-transform:uppercase;
}

.contact-page .contact-online{

    display:inline-flex;
    align-items:center;

    gap:8px;

    color:
        rgba(255,255,255,.62) !important;
}

.contact-page .contact-online i{

    width:7px;
    height:7px;

    border-radius:50%;

    background:#71BA86 !important;
}

.contact-page .contact-hub-body{

    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    padding-top:35px;

    color:#FFFFFF !important;
}

.contact-page .contact-hub-icon{

    width:58px;
    height:58px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:25px;

    border-radius:17px;

    color:
        var(--contact-gold-light) !important;

    background:
        rgba(198,161,91,.10) !important;

    border:
        1px solid rgba(198,161,91,.30);
}

.contact-page .contact-hub-body .contact-card-label{

    color:
        var(--contact-gold-light) !important;
}

.contact-page .contact-hub-body h3{

    margin:
        10px 0 4px;

    color:
        #FFFFFF !important;

    font-size:
        clamp(2.4rem,4vw,4rem);

    font-weight:650;

    line-height:1;

    letter-spacing:-.045em;
}

.contact-page .contact-hub-body > strong{

    color:
        rgba(255,255,255,.74) !important;

    font-size:14px;
}

.contact-page .contact-hub-body > p{

    max-width:520px;

    margin:
        20px 0 28px;

    color:
        rgba(255,255,255,.60) !important;

    font-size:14px;

    line-height:1.72;
}


/* ==========================================================
   08. HUB MINI
   ========================================================== */

.contact-page .contact-hub-side{

    display:grid;

    grid-template-rows:
        repeat(3,minmax(0,1fr));

    gap:12px;
}

.contact-page .contact-hub-mini{

    position:relative;

    min-width:0;

    display:grid;

    grid-template-columns:auto minmax(0,1fr) auto;

    align-items:center;

    gap:16px;

    padding:
        22px 24px;

    border:
        1px solid var(--contact-border);

    border-radius:
        var(--contact-radius-md);

    color:
        var(--contact-text) !important;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FAF8F4
        ) !important;

    box-shadow:
        var(--contact-shadow-sm);

    transition:
        transform var(--contact-transition),
        border-color var(--contact-transition),
        box-shadow var(--contact-transition);
}

.contact-page .contact-hub-mini[role="button"]{
    cursor:pointer;
}

.contact-page .contact-hub-mini:hover{

    transform:translateX(4px);

    border-color:
        var(--contact-gold-border);

    box-shadow:
        var(--contact-shadow-md);
}

.contact-page .contact-hub-mini-icon{

    width:47px;
    height:47px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:14px;

    color:
        var(--contact-gold) !important;

    background:
        var(--contact-gold-soft) !important;

    border:
        1px solid var(--contact-gold-border);
}

.contact-page .contact-hub-mini-content{
    min-width:0;
}

.contact-page .contact-hub-mini-content > span{

    display:block;

    margin-bottom:4px;

    color:
        var(--contact-text-muted) !important;

    font-size:9px;
    font-weight:800;

    letter-spacing:.10em;

    text-transform:uppercase;
}

.contact-page .contact-hub-mini-content h3{

    margin:0;

    color:
        var(--contact-black) !important;

    font-size:18px;
    font-weight:700;
}

.contact-page .contact-hub-mini-content strong{

    display:block;

    margin-top:3px;

    overflow:hidden;

    color:
        var(--contact-text-soft) !important;

    font-size:12px;

    text-overflow:ellipsis;
    white-space:nowrap;
}

.contact-page .contact-hub-mini-arrow{

    width:35px;
    height:35px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex:none;

    border-radius:50%;

    color:
        var(--contact-gold) !important;

    background:
        rgba(198,161,91,.05) !important;

    border:
        1px solid var(--contact-gold-border);
}


/* ==========================================================
   09. DIRECT CHANNELS
   ========================================================== */

.contact-page .contact-direct{

    padding:115px 0;

    background:
        var(--contact-ivory) !important;

    color:
        var(--contact-text) !important;
}

.contact-page .contact-channel-grid{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:16px;
}

.contact-page .contact-channel-card{

    position:relative;

    min-height:330px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    padding:30px;

    border:
        1px solid var(--contact-border);

    border-radius:
        var(--contact-radius-lg);

    color:
        var(--contact-text) !important;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FAF8F4
        ) !important;

    box-shadow:
        var(--contact-shadow-sm);

    cursor:pointer;

    overflow:hidden;

    transition:
        transform var(--contact-transition),
        border-color var(--contact-transition),
        box-shadow var(--contact-transition);
}

.contact-page .contact-channel-card:hover{

    transform:translateY(-6px);

    border-color:
        var(--contact-gold-border);

    box-shadow:
        var(--contact-shadow-md);
}

.contact-page .contact-channel-icon{

    width:56px;
    height:56px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:25px;

    border-radius:16px;

    color:
        var(--contact-gold) !important;

    background:
        var(--contact-gold-soft) !important;

    border:
        1px solid var(--contact-gold-border);
}

.contact-page .contact-channel-card h3{

    margin:
        9px 0 7px;

    color:
        var(--contact-black) !important;

    font-size:28px;
    font-weight:650;

    line-height:1;
}

.contact-page .contact-channel-card strong{

    color:
        var(--contact-text-soft) !important;

    font-size:12px;
}

.contact-page .contact-channel-card p{

    max-width:420px;

    margin:
        17px 0 0;

    color:
        var(--contact-text-soft) !important;

    font-size:13px;

    line-height:1.68;
}

.contact-page .contact-channel-arrow{

    position:absolute;

    right:26px;
    bottom:25px;

    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:
        var(--contact-gold) !important;

    background:
        rgba(198,161,91,.05) !important;

    border:
        1px solid var(--contact-gold-border);
}


/* ==========================================================
   10. DIGITAL PRESENCE
   ========================================================== */

.contact-page .contact-digital{

    padding:115px 0;

    background:
        var(--contact-white) !important;
}

.contact-page .contact-digital-panel{

    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(380px,.85fr);

    align-items:stretch;

    gap:18px;

    padding:52px;

    border:
        1px solid rgba(198,161,91,.27);

    border-radius:
        var(--contact-radius-xl);

    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #181D21 0%,
            #252D33 100%
        ) !important;

    box-shadow:
        var(--contact-shadow-lg);

    overflow:hidden;

    isolation:isolate;
}

.contact-page .contact-digital-copy{

    position:relative;
    z-index:2;

    color:#FFFFFF !important;
}

.contact-page .contact-digital-copy h2{

    margin:0;

    color:
        #FFFFFF !important;

    font-size:
        clamp(
            2.8rem,
            5vw,
            5.4rem
        );

    font-weight:600;

    line-height:.98;

    letter-spacing:-.05em;
}

.contact-page .contact-digital-copy h2 span{

    display:block;

    color:
        var(--contact-gold-light) !important;
}

.contact-page .contact-digital-copy p{

    max-width:560px;

    margin:
        23px 0 0;

    color:
        rgba(255,255,255,.61) !important;

    font-size:15px;

    line-height:1.75;
}

.contact-page .contact-digital-status{

    display:inline-flex;
    align-items:center;

    gap:10px;

    margin-top:28px;

    padding:
        10px 13px;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius:999px;

    color:
        rgba(255,255,255,.72) !important;

    background:
        rgba(255,255,255,.035) !important;
}

.contact-page .contact-digital-status i{

    width:7px;
    height:7px;

    border-radius:50%;

    background:#71BA86 !important;
}

.contact-page .contact-social-links{

    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:10px;
}

.contact-page .contact-social-link{

    min-width:0;

    display:grid;

    grid-template-columns:auto minmax(0,1fr) auto;

    align-items:center;

    gap:12px;

    min-height:84px;

    padding:15px;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius:18px;

    color:
        #FFFFFF !important;

    background:
        rgba(255,255,255,.045) !important;

    text-decoration:none;

    transition:
        transform var(--contact-transition),
        border-color var(--contact-transition),
        background var(--contact-transition);
}

.contact-page .contact-social-link:hover{

    transform:translateY(-3px);

    border-color:
        rgba(198,161,91,.35);

    background:
        rgba(255,255,255,.075) !important;
}

.contact-page .contact-social-icon{

    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:13px;

    color:
        var(--contact-gold-light) !important;

    background:
        rgba(198,161,91,.10) !important;

    border:
        1px solid rgba(198,161,91,.20);
}

.contact-page .contact-social-info strong{
    color:#FFFFFF !important;
}

.contact-page .contact-social-info small{

    color:
        rgba(255,255,255,.43) !important;
}

.contact-page .contact-social-arrow{
    color:
        rgba(255,255,255,.50) !important;
}


/* ==========================================================
   11. LOCATION
   ========================================================== */

.contact-page .contact-location{

    padding:120px 0;

    background:
        var(--contact-ivory) !important;
}

.contact-page .contact-location-header{

    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:30px;

    margin-bottom:50px;
}

.contact-page .contact-location-badge{

    display:inline-flex;
    align-items:center;

    gap:9px;

    padding:
        11px 15px;

    border:
        1px solid var(--contact-gold-border);

    border-radius:999px;

    color:
        var(--contact-gold) !important;

    background:
        rgba(198,161,91,.05) !important;

    font-size:9px;
    font-weight:900;

    letter-spacing:.11em;

    text-transform:uppercase;
}

.contact-page .contact-location-grid{

    display:grid;

    grid-template-columns:
        minmax(340px,.78fr)
        minmax(0,1.22fr);

    gap:18px;
}

.contact-page .contact-location-info{

    display:flex;
    flex-direction:column;

    padding:
        34px 36px;

    border:
        1px solid var(--contact-border);

    border-radius:
        var(--contact-radius-xl);

    color:
        var(--contact-text) !important;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FAF8F4
        ) !important;

    box-shadow:
        var(--contact-shadow-sm);
}

.contact-page .contact-location-heading{

    display:flex;
    align-items:center;

    gap:16px;
}

.contact-page .contact-location-symbol{

    width:53px;
    height:53px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex:none;

    border-radius:16px;

    color:
        var(--contact-gold) !important;

    background:
        var(--contact-gold-soft) !important;

    border:
        1px solid var(--contact-gold-border);
}

.contact-page .contact-location-heading > div:last-child > span{

    color:
        var(--contact-gold) !important;

    font-size:9px;
    font-weight:900;

    letter-spacing:.14em;

    text-transform:uppercase;
}

.contact-page .contact-location-heading h3{

    margin:
        6px 0 0;

    color:
        var(--contact-black) !important;

    font-size:22px;
}

.contact-page .contact-location-divider{

    width:100%;
    height:1px;

    margin:
        28px 0;

    background:
        var(--contact-border) !important;
}

.contact-page .contact-location-items{

    display:flex;
    flex-direction:column;

    gap:20px;

    margin-bottom:30px;
}

.contact-page .contact-location-item{

    display:grid;

    grid-template-columns:auto minmax(0,1fr);

    gap:13px;
}

.contact-page .contact-location-item-icon{

    width:37px;
    height:37px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:11px;

    color:
        var(--contact-gold) !important;

    background:
        rgba(198,161,91,.07) !important;

    border:
        1px solid rgba(198,161,91,.17);
}

.contact-page .contact-location-item > div:last-child > span{

    color:
        var(--contact-text-muted) !important;

    font-size:9px;
    font-weight:900;

    letter-spacing:.11em;

    text-transform:uppercase;
}

.contact-page .contact-location-item strong{

    display:block;

    margin-top:4px;

    color:
        var(--contact-black) !important;

    font-size:14px;
}

.contact-page .contact-location-item p{

    margin:
        2px 0 0;

    color:
        var(--contact-text-soft) !important;

    font-size:12px;

    line-height:1.55;
}

.contact-page .contact-location-info > .contact-button{
    width:100%;
    margin-top:auto;
}


/* ==========================================================
   12. MAP
   ========================================================== */

.contact-page .contact-map-card{

    min-width:0;

    display:flex;
    flex-direction:column;

    overflow:hidden;

    border:
        1px solid rgba(23,27,31,.10);

    border-radius:
        var(--contact-radius-xl);

    color:#FFFFFF !important;

    background:
        #171B1F !important;

    box-shadow:
        var(--contact-shadow-md);

    isolation:isolate;
}

.contact-page .contact-map-header{

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    min-height:76px;

    padding:
        17px 22px;

    border-bottom:
        1px solid rgba(255,255,255,.08);

    background:
        #171B1F !important;

    color:#FFFFFF !important;
}

.contact-page .contact-map-header strong{
    color:#FFFFFF !important;
}

.contact-page .contact-map-header span{
    color:
        rgba(255,255,255,.40) !important;
}

.contact-page .contact-map-live{
    color:
        rgba(255,255,255,.54) !important;
}

.contact-page .contact-map-live i{

    width:7px;
    height:7px;

    border-radius:50%;

    background:#71BA86 !important;
}

.contact-page .contact-map-frame{

    position:relative;

    min-height:390px;

    overflow:hidden;

    background:#DCDDD9 !important;
}

.contact-page .contact-map-frame iframe{

    display:block;

    width:100%;
    height:100%;

    min-height:390px;

    border:0;
}

.contact-page .contact-map-marker{

    position:absolute;

    left:50%;
    top:50%;

    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    transform:
        translate(-50%,-100%);

    color:
        var(--contact-gold) !important;

    border-radius:50%;

    background:
        rgba(23,27,31,.90) !important;

    border:
        1px solid rgba(198,161,91,.45);

    box-shadow:
        0 10px 28px rgba(0,0,0,.24);

    pointer-events:none;
}

.contact-page .contact-map-footer{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:12px;

    padding:
        13px 17px;

    border-top:
        1px solid rgba(255,255,255,.08);

    color:
        rgba(255,255,255,.52) !important;

    background:
        #1D2327 !important;

    font-size:10px;
}


/* ==========================================================
   13. MESSAGE FORM
   ========================================================== */

.contact-page .contact-message{

    padding:120px 0;

    background:
        var(--contact-white) !important;
}

.contact-page .contact-form-shell{

    display:grid;

    grid-template-columns:
        minmax(300px,.74fr)
        minmax(0,1.26fr);

    gap:18px;
}

.contact-page .contact-form-intro{

    padding:
        40px 36px;

    border-radius:
        var(--contact-radius-xl);

    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            145deg,
            #181D21,
            #252C32
        ) !important;

    border:
        1px solid rgba(198,161,91,.24);

    box-shadow:
        var(--contact-shadow-md);
}

.contact-page .contact-form-intro h2{

    margin:0;

    color:#FFFFFF !important;

    font-size:
        clamp(
            2.8rem,
            4.7vw,
            5rem
        );

    font-weight:600;

    line-height:.98;

    letter-spacing:-.05em;
}

.contact-page .contact-form-intro h2 span{

    display:block;

    color:
        var(--contact-gold-light) !important;
}

.contact-page .contact-form-intro > p{

    margin:
        22px 0 0;

    color:
        rgba(255,255,255,.59) !important;

    font-size:14px;

    line-height:1.75;
}

.contact-page .contact-form-process{

    display:flex;
    flex-direction:column;

    gap:0;

    margin-top:40px;
}

.contact-page .contact-form-step{

    position:relative;

    display:grid;

    grid-template-columns:
        44px minmax(0,1fr);

    gap:14px;

    min-height:92px;

    padding-bottom:24px;
}

.contact-page .contact-form-step > span{

    width:43px;
    height:43px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:14px;

    color:
        var(--contact-gold-light) !important;

    background:
        rgba(198,161,91,.10) !important;

    border:
        1px solid rgba(198,161,91,.27);

    font-size:10px;
    font-weight:900;
}

.contact-page .contact-form-step strong{
    color:#FFFFFF !important;
}

.contact-page .contact-form-step p{

    margin:
        5px 0 0;

    color:
        rgba(255,255,255,.44) !important;

    font-size:11px;

    line-height:1.58;
}


/* ---------- form panel ---------- */

.contact-page .contact-form-panel{

    min-width:0;

    padding:
        34px;

    border:
        1px solid var(--contact-border);

    border-radius:
        var(--contact-radius-xl);

    color:
        var(--contact-text) !important;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FAF8F4
        ) !important;

    box-shadow:
        var(--contact-shadow-md);
}

.contact-page .contact-form-panel-top{

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding-bottom:17px;

    margin-bottom:25px;

    border-bottom:
        1px solid var(--contact-border);

    color:
        var(--contact-text-muted) !important;

    font-size:9px;
    font-weight:900;

    letter-spacing:.15em;

    text-transform:uppercase;
}

.contact-page .contact-form-panel-top > span:last-child{
    color:
        var(--contact-gold) !important;
}


/* ---------- fields ---------- */

.contact-page .contact-form{

    display:flex;
    flex-direction:column;

    gap:20px;
}

.contact-page .contact-form-row{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:16px;
}

.contact-page .contact-field{

    display:flex;
    flex-direction:column;

    min-width:0;

    gap:8px;
}

.contact-page .contact-field label{

    color:
        var(--contact-black) !important;

    font-size:10px;
    font-weight:900;

    letter-spacing:.09em;

    text-transform:uppercase;
}

.contact-page .contact-field input,
.contact-page .contact-field select,
.contact-page .contact-field textarea{

    width:100%;

    border:
        1px solid var(--contact-border-strong);

    border-radius:14px;

    outline:none;

    color:
        var(--contact-black) !important;

    background:
        #FFFFFF !important;

    font-size:14px;

    transition:
        border-color var(--contact-transition),
        box-shadow var(--contact-transition);
}

.contact-page .contact-field input,
.contact-page .contact-field select{

    min-height:51px;

    padding:
        0 15px;
}

.contact-page .contact-field textarea{

    min-height:145px;

    padding:
        14px 15px;

    resize:vertical;

    line-height:1.6;
}

.contact-page .contact-field input::placeholder,
.contact-page .contact-field textarea::placeholder{

    color:#A0A6AB !important;
}

.contact-page .contact-field input:focus,
.contact-page .contact-field select:focus,
.contact-page .contact-field textarea:focus{

    border-color:
        var(--contact-gold) !important;

    box-shadow:
        0 0 0 3px rgba(198,161,91,.10);
}

.contact-page .contact-form-bottom{

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding-top:3px;
}

.contact-page .contact-form-bottom > span{

    display:inline-flex;
    align-items:center;

    gap:8px;

    color:
        var(--contact-text-soft) !important;

    font-size:10px;
    font-weight:700;
}

.contact-page .contact-form-feedback{

    min-height:18px;

    color:
        var(--contact-text-soft) !important;

    font-size:11px;

    line-height:1.5;

    opacity:0;

    visibility:hidden;

    transition:
        opacity var(--contact-transition),
        visibility var(--contact-transition);
}

.contact-page .contact-form-feedback.contact-feedback-visible{

    opacity:1;

    visibility:visible;
}

.contact-page .contact-form-feedback.contact-feedback-error{

    color:#B45757 !important;
}


/* ==========================================================
   14. FAQ
   ========================================================== */

.contact-page .contact-faq{

    padding:
        115px 0 120px;

    background:
        var(--contact-ivory) !important;
}

.contact-page .contact-faq-container{
    max-width:1000px;
}

.contact-page .contact-faq .contact-section-heading{

    display:block;

    margin-bottom:42px;

    text-align:center;
}

.contact-page .contact-faq .contact-eyebrow{
    justify-content:center;
}

.contact-page .contact-faq-list{

    border-top:
        1px solid var(--contact-border-strong);
}

.contact-page .contact-faq-item{

    border-bottom:
        1px solid var(--contact-border);
}

.contact-page .contact-faq-question{

    width:100%;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:25px;

    min-height:88px;

    padding:
        0 4px;

    border:0;

    outline:none;

    color:
        var(--contact-black) !important;

    background:
        transparent !important;

    text-align:left;

    cursor:pointer;
}

.contact-page .contact-faq-question > span:first-child{

    color:
        var(--contact-black) !important;

    font-size:16px;
    font-weight:750;
}

.contact-page .contact-faq-plus{

    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex:none;

    border:
        1px solid var(--contact-gold-border);

    border-radius:50%;

    color:
        var(--contact-gold) !important;

    background:
        rgba(198,161,91,.04) !important;

    transition:
        transform var(--contact-transition),
        background var(--contact-transition);
}

.contact-page .contact-faq-item.active
.contact-faq-plus{

    transform:rotate(45deg);

    color:#FFFFFF !important;

    background:
        var(--contact-gold) !important;
}

.contact-page .contact-faq-answer{

    display:grid;

    grid-template-rows:
        0fr;

    opacity:0;

    transition:
        grid-template-rows .4s cubic-bezier(.2,.7,.2,1),
        opacity .3s ease;
}

.contact-page .contact-faq-answer > p{

    min-height:0;

    overflow:hidden;

    margin:0;

    color:
        var(--contact-text-soft) !important;

    font-size:14px;

    line-height:1.78;
}

.contact-page .contact-faq-item.active
.contact-faq-answer{

    grid-template-rows:
        1fr;

    opacity:1;
}

.contact-page .contact-faq-item.active
.contact-faq-answer > p{

    padding:
        0 55px 28px 4px;
}


/* ==========================================================
   15. FINAL CTA
   THIS IS THE AREA SHOWN IN THE SCREENSHOT
   ========================================================== */

.contact-page .contact-final{

    position:relative;

    padding:
        105px 0;

    background:
        var(--contact-white) !important;

    color:
        var(--contact-text) !important;
}

.contact-page .contact-final-panel{

    position:relative;

    min-height:440px;

    display:flex;
    align-items:center;

    padding:
        55px 65px;

    border:
        1px solid rgba(198,161,91,.30) !important;

    border-radius:
        var(--contact-radius-xl);

    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #171C20 0%,
            #252D33 100%
        ) !important;

    box-shadow:
        0 30px 80px rgba(18,22,25,.16);

    overflow:hidden;

    isolation:isolate;
}

.contact-page .contact-final-panel::before{

    content:"";

    position:absolute;
    inset:0;

    z-index:-2;

    background:
        radial-gradient(
            circle at 78% 42%,
            rgba(198,161,91,.12),
            transparent 32%
        ),

        linear-gradient(
            135deg,
            rgba(255,255,255,.015),
            transparent
        ) !important;

    pointer-events:none;
}

.contact-page .contact-final-orbit{

    position:absolute;

    width:500px;
    height:500px;

    right:-150px;
    top:-60px;

    z-index:-1;

    border-radius:50%;

    border:
        1px solid rgba(198,161,91,.16);

    box-shadow:
        0 0 0 32px rgba(198,161,91,.025),
        0 0 0 64px rgba(198,161,91,.014);

    pointer-events:none;
}

.contact-page .contact-final-orbit::before{

    content:"";

    position:absolute;

    width:275px;
    height:275px;

    left:50%;
    top:50%;

    transform:
        translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.18),
            transparent 70%
        );
}

.contact-page .contact-final-content{

    position:relative;

    z-index:5;

    max-width:850px;

    color:
        #FFFFFF !important;

    opacity:1 !important;

    visibility:visible !important;
}

.contact-page .contact-final-content > span{

    display:block;

    margin-bottom:14px;

    color:
        var(--contact-gold-light) !important;

    font-size:10px;
    font-weight:900;

    letter-spacing:.18em;

    text-transform:uppercase;
}

.contact-page .contact-final-content h2{

    max-width:840px;

    margin:0;

    color:
        #FFFFFF !important;

    font-size:
        clamp(
            2.9rem,
            6vw,
            6.6rem
        );

    font-weight:600;

    line-height:.96;

    letter-spacing:-.055em;
}

.contact-page .contact-final-content h2 strong{

    display:block;

    color:
        var(--contact-gold-light) !important;

    font-weight:600;
}

.contact-page .contact-final-content p{

    max-width:610px;

    margin:
        26px 0 30px;

    color:
        rgba(255,255,255,.61) !important;

    font-size:15px;

    line-height:1.75;
}

.contact-page .contact-final-content .contact-button{
    position:relative;
    z-index:10;
}


/* ==========================================================
   16. REVEAL
   NEVER HIDE CONTENT
   ========================================================== */

.contact-page .contact-hero-content,
.contact-page .contact-hero-visual-area,
.contact-page .contact-section-heading,
.contact-page .contact-hub-main,
.contact-page .contact-hub-side,
.contact-page .contact-channel-grid,
.contact-page .contact-digital-panel,
.contact-page .contact-location-header,
.contact-page .contact-location-grid,
.contact-page .contact-form-shell,
.contact-page .contact-faq-list,
.contact-page .contact-final-content{

    opacity:1 !important;

    visibility:visible !important;

    transform:none;
}

.contact-page .contact-visible{

    animation:
        contactFadeUp
        .68s
        cubic-bezier(.2,.7,.2,1)
        both;
}

@keyframes contactFadeUp{

    from{
        opacity:.82;
        transform:translateY(14px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}


/* ==========================================================
   17. RESPONSIVE — 1100
   ========================================================== */

@media (max-width:1100px){

    .contact-page .contact-hero-main{

        grid-template-columns:
            minmax(0,1fr)
            minmax(360px,.82fr);

        gap:45px;
    }

    .contact-page .contact-hero-visual{
        min-height:540px;
    }

    .contact-page .contact-hero-visual img{
        height:540px;
    }

    .contact-page .contact-hub-grid{

        grid-template-columns:
            minmax(0,1fr)
            minmax(320px,.76fr);
    }

    .contact-page .contact-digital-panel{

        grid-template-columns:
            minmax(0,1fr)
            minmax(320px,.82fr);

        padding:44px;
    }

    .contact-page .contact-location-grid{

        grid-template-columns:
            minmax(310px,.82fr)
            minmax(0,1.18fr);
    }

}


/* ==========================================================
   18. RESPONSIVE — 900
   ========================================================== */

@media (max-width:900px){

    .contact-page .contact-container,
    .contact-page .contact-hero-container,
    .contact-page .contact-hero-bottom{

        width:min(
            calc(100% - 38px),
            1280px
        );
    }

    .contact-page .contact-hero{

        min-height:auto;
    }

    .contact-page .contact-hero-container{
        min-height:auto;
    }

    .contact-page .contact-hero-main{

        grid-template-columns:1fr;

        gap:55px;

        padding:
            65px 0;
    }

    .contact-page .contact-hero-visual-area{

        width:min(
            100%,
            680px
        );

        margin:0 auto;
    }

    .contact-page .contact-hero-visual{

        min-height:560px;
    }

    .contact-page .contact-hero-visual img{
        height:560px;
    }

    .contact-page .contact-hub-grid{
        grid-template-columns:1fr;
    }

    .contact-page .contact-hub-side{

        grid-template-columns:
            repeat(3,minmax(0,1fr));

        grid-template-rows:none;
    }

    .contact-page .contact-digital-panel{
        grid-template-columns:1fr;
    }

    .contact-page .contact-social-links{

        grid-template-columns:
            repeat(4,minmax(0,1fr));
    }

    .contact-page .contact-location-grid{
        grid-template-columns:1fr;
    }

    .contact-page .contact-form-shell{
        grid-template-columns:1fr;
    }

    .contact-page .contact-section-heading{

        grid-template-columns:
            minmax(0,1fr)
            minmax(250px,.62fr);

        gap:35px;
    }

}


/* ==========================================================
   19. MOBILE — 720
   ========================================================== */

@media (max-width:720px){

    .contact-page .contact-container,
    .contact-page .contact-hero-container,
    .contact-page .contact-hero-bottom{

        width:
            calc(100% - 28px);
    }

    .contact-page .contact-hero-main{

        padding:
            48px 0 52px;

        gap:38px;
    }

    .contact-page .contact-hero-content h1{

        font-size:
            clamp(
                3rem,
                13vw,
                4.8rem
            );
    }

    .contact-page .contact-hero-actions{

        flex-direction:column;
        align-items:stretch;
    }

    .contact-page .contact-button{

        width:100%;

        min-height:50px;

        font-size:9px;
    }

    .contact-page .contact-hero-meta{

        gap:17px 28px;

        margin-top:28px;
    }

    .contact-page .contact-hero-visual{

        min-height:430px;

        border-radius:25px;
    }

    .contact-page .contact-hero-visual img{
        height:430px;
    }

    .contact-page .contact-hub,
    .contact-page .contact-direct,
    .contact-page .contact-digital,
    .contact-page .contact-location,
    .contact-page .contact-message{

        padding:
            78px 0;
    }

    .contact-page .contact-faq{

        padding:
            78px 0 82px;
    }

    .contact-page .contact-final{

        padding:
            70px 0;
    }

    .contact-page .contact-section-heading{

        grid-template-columns:1fr;

        gap:18px;

        margin-bottom:34px;
    }

    .contact-page .contact-section-heading h2,
    .contact-page .contact-location-header h2{

        font-size:
            clamp(
                2.35rem,
                11vw,
                4rem
            );
    }

    .contact-page .contact-hub-main{

        min-height:auto;

        padding:
            27px 23px;

        border-radius:25px;
    }

    .contact-page .contact-hub-side{

        grid-template-columns:1fr;
    }

    .contact-page .contact-channel-grid{

        grid-template-columns:1fr;
    }

    .contact-page .contact-channel-card{

        min-height:250px;

        padding:24px;

        border-radius:22px;
    }

    .contact-page .contact-digital-panel{

        padding:
            30px 22px;

        border-radius:25px;
    }

    .contact-page .contact-social-links{

        grid-template-columns:1fr;
    }

    .contact-page .contact-location-header{

        flex-direction:column;
        align-items:flex-start;
    }

    .contact-page .contact-location-info{

        padding:
            26px 22px;

        border-radius:25px;
    }

    .contact-page .contact-map-card{
        border-radius:25px;
    }

    .contact-page .contact-map-frame,
    .contact-page .contact-map-frame iframe{
        min-height:340px;
    }

    .contact-page .contact-map-footer{
        grid-template-columns:1fr;
    }

    .contact-page .contact-form-intro{
        padding:
            30px 23px;

        border-radius:25px;
    }

    .contact-page .contact-form-panel{

        padding:
            25px 20px;

        border-radius:25px;
    }

    .contact-page .contact-form-row{
        grid-template-columns:1fr;
    }

    .contact-page .contact-form-bottom{

        align-items:stretch;

        flex-direction:column;
    }

    .contact-page .contact-form-bottom .contact-button{
        width:100%;
    }

    .contact-page .contact-faq .contact-section-heading{
        text-align:left;
    }

    .contact-page .contact-faq .contact-eyebrow{
        justify-content:flex-start;
    }

    .contact-page .contact-faq-question{

        min-height:78px;

        gap:15px;
    }

    .contact-page .contact-faq-question > span:first-child{
        font-size:14px;
    }

    .contact-page .contact-faq-item.active
    .contact-faq-answer > p{

        padding:
            0 42px 24px 0;

        font-size:13px;
    }

    .contact-page .contact-final-panel{

        min-height:400px;

        padding:
            36px 24px;

        border-radius:25px;
    }

    .contact-page .contact-final-orbit{

        width:300px;
        height:300px;

        right:-150px;
        top:-80px;
    }

    .contact-page .contact-final-content h2{

        font-size:
            clamp(
                2.65rem,
                12vw,
                4.5rem
            );
    }

}


/* ==========================================================
   20. VERY SMALL — 430
   ========================================================== */

@media (max-width:430px){

    .contact-page .contact-hero-main{
        padding-top:35px;
    }

    .contact-page .contact-hero-visual{

        min-height:380px;

        border-radius:23px;
    }

    .contact-page .contact-hero-visual img{
        height:380px;
    }

    .contact-page .contact-final-panel{

        min-height:360px;

        padding:
            30px 20px;
    }

}


/* ==========================================================
   21. REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion:reduce){

    .contact-page *,
    .contact-page *::before,
    .contact-page *::after{

        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;
        scroll-behavior:auto !important;
    }

}


/* ==========================================================
   22. HARD VISIBILITY / COLOUR SAFETY
   ========================================================== */

.contact-page .contact-final-panel,
.contact-page .contact-hub-main,
.contact-page .contact-digital-panel,
.contact-page .contact-form-intro,
.contact-page .contact-map-card{

    opacity:1 !important;

    visibility:visible !important;
}

.contact-page .contact-final-panel h2,
.contact-page .contact-final-panel p,
.contact-page .contact-final-panel span,
.contact-page .contact-final-content,
.contact-page .contact-final-content *{

    color:inherit;
}

.contact-page .contact-final-panel{

    color:#FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #171C20,
            #252D33
        ) !important;
}

.contact-page .contact-final-panel h2{
    color:#FFFFFF !important;
}

.contact-page .contact-final-panel h2 strong{
    color:#E9D7A9 !important;
}

.contact-page .contact-final-panel p{
    color:rgba(255,255,255,.61) !important;
}

.contact-page .contact-final-panel > .contact-final-content > span{
    color:#E9D7A9 !important;
}


/* ==========================================================
   23. PRINT
   ========================================================== */

@media print{

    .contact-page .contact-hero,
    .contact-page .contact-hub-main,
    .contact-page .contact-digital-panel,
    .contact-page .contact-form-intro,
    .contact-page .contact-map-card,
    .contact-page .contact-final-panel{

        color:#000 !important;

        background:#FFFFFF !important;
    }

    .contact-page .contact-hero-background,
    .contact-page .contact-hero-glow,
    .contact-page .contact-final-orbit{

        display:none;
    }

}


```css id="k4o3ua"


```css id="qkqk1t"



/* ==========================================================
   EVENT GALLERIES / INTERNAL SLIDESHOW
   ========================================================== */

.page-events .events-gallery{

    position:relative;

    width:100%;
    height:100%;

    overflow:hidden;

    background:#171B1F;

}

.page-events .events-gallery-track{

    position:absolute;

    inset:0;

}

.page-events .events-gallery-slide{

    position:absolute;

    inset:0;

    opacity:0;
    visibility:hidden;

    transform:scale(1.025);

    transition:
        opacity .85s ease,
        visibility .85s ease,
        transform 5.6s ease;

}

.page-events .events-gallery-slide.active{

    opacity:1;
    visibility:visible;

    transform:scale(1);

}

.page-events .events-gallery-slide img{

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

}

.page-events .events-gallery-single{

    cursor:default;

}


/* ==========================================================
   GALLERY ARROWS
   ========================================================== */

.page-events .events-gallery-arrow{

    position:absolute;

    top:50%;

    z-index:8;

    width:40px;
    height:40px;

    display:flex;

    align-items:center;
    justify-content:center;

    transform:translateY(-50%);

    border:
        1px solid
        rgba(255,255,255,.20);

    border-radius:50%;

    background:
        rgba(23,27,31,.55);

    backdrop-filter:blur(8px);

    color:#FFFFFF;

    font-size:.95rem;

    cursor:pointer;

    opacity:0;

    transition:
        opacity .25s ease,
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;

}

.page-events .events-gallery:hover
.events-gallery-arrow{

    opacity:1;

}

.page-events .events-gallery-prev{

    left:16px;

}

.page-events .events-gallery-next{

    right:16px;

}

.page-events .events-gallery-arrow:hover{

    background:
        rgba(23,27,31,.78);

    border-color:
        rgba(198,161,91,.55);

}


/* ==========================================================
   GALLERY DOTS
   ========================================================== */

.page-events .events-gallery-dots{

    position:absolute;

    left:50%;
    bottom:15px;

    z-index:8;

    display:flex;

    align-items:center;

    gap:5px;

    transform:translateX(-50%);

    padding:
        7px 9px;

    border-radius:999px;

    background:
        rgba(23,27,31,.48);

    backdrop-filter:blur(9px);

}

.page-events .events-gallery-dots button{

    width:7px;
    height:7px;

    padding:0;

    border:0;

    border-radius:50%;

    background:
        rgba(255,255,255,.38);

    cursor:pointer;

    transition:
        width .3s ease,
        background .3s ease;

}

.page-events .events-gallery-dots button.active{

    width:22px;

    border-radius:999px;

    background:
        var(--events-gold);

}


/* ==========================================================
   NEXT EVENT GALLERY
   ========================================================== */

.page-events .events-next-image{

    overflow:hidden;

}

.page-events .events-next-image
.events-gallery{

    min-height:500px;

}


.page-events .events-next-date{

    z-index:10;

}


/* ==========================================================
   TICKET NOTE
   ========================================================== */

.page-events .events-ticket-note{

    display:inline-flex;

    align-items:center;

    width:max-content;

    max-width:100%;

    margin-top:20px;

    padding:
        10px 14px;

    border:
        1px solid
        rgba(198,161,91,.20);

    border-radius:999px;

    background:
        #F5F0E5;

    color:#806637;

    font-size:.70rem;

    font-weight:900;

    letter-spacing:.04em;

}

.page-events .venue-ticket-note{

    margin-top:23px;

}


/* ==========================================================
   NEXT EVENT — TWO DAYS
   ========================================================== */

.page-events .events-next-days{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:12px;

    margin-top:22px;

}

.page-events .events-next-day{

    padding:
        16px 17px;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:17px;

    background:
        #FAFAF8;

}

.page-events .events-next-day > span{

    display:block;

    color:#A1814B;

    font-size:.60rem;

    font-weight:900;

    letter-spacing:.14em;

}

.page-events .events-next-day strong{

    display:block;

    margin-top:6px;

    color:
        var(--events-black);

    font-size:.82rem;

    line-height:1.35;

}

.page-events .events-next-day em{

    display:block;

    margin-top:4px;

    color:#967541;

    font-style:normal;

    font-size:.69rem;

    font-weight:800;

}

.page-events .events-next-day p{

    margin-top:7px;

    color:#737D84;

    font-size:.76rem;

    line-height:1.5;

}


/* ==========================================================
   TIMELINE GALLERY
   ========================================================== */

.page-events .events-timeline-image{

    overflow:hidden;

}

.page-events .events-timeline-image
.events-gallery{

    min-height:250px;

}

.page-events .events-timeline-image
.events-status-badge{

    z-index:10;

}


/* ==========================================================
   VENUE GALLERY
   ========================================================== */

.page-events .events-venue-image{

    overflow:hidden;

}

.page-events .events-venue-image
.events-gallery{

    min-height:480px;

}


/* ==========================================================
   PROGRAM — TWO DAYS
   ========================================================== */

.page-events .events-program-list{

    margin-top:38px;

    border-top:
        1px solid
        rgba(23,27,31,.09);

}

.page-events .events-program-row{

    display:grid;

    grid-template-columns:
        55px
        185px
        125px
        1fr;

    gap:18px;

    align-items:center;

    min-height:82px;

    border-bottom:
        1px solid
        rgba(23,27,31,.08);

}

.page-events .events-program-row > strong{

    color:
        var(--events-black);

    font-size:.82rem;

    line-height:1.4;

}

.page-events .events-program-hour{

    color:#8C7041;

    font-size:.73rem;

    font-weight:900;

    white-space:nowrap;

}

.page-events .events-program-title{

    display:flex;

    flex-direction:column;

    gap:4px;

    color:#59656E;

    font-size:.84rem;

    line-height:1.45;

}

.page-events .events-program-title small{

    color:#929BA2;

    font-size:.70rem;

    line-height:1.4;

}


/* ==========================================================
   MODAL GALLERY
   ========================================================== */

.page-events .events-modal-image{

    overflow:hidden;

}

.page-events .events-modal-image
.events-gallery{

    height:330px;

}

.page-events .events-modal-image
.events-status-badge{

    z-index:10;

}


/* ==========================================================
   MODAL TWO-DAY PROGRAM
   ========================================================== */

.page-events .events-modal-days{

    margin-top:28px;

}

.page-events .events-modal-days h3{

    color:
        var(--events-black);

}

.page-events .events-modal-day{

    display:grid;

    grid-template-columns:
        55px
        1fr
        auto;

    gap:
        6px
        15px;

    align-items:center;

    margin-top:10px;

    padding:
        15px 16px;

    border:
        1px solid
        rgba(23,27,31,.07);

    border-radius:15px;

    background:#FAFAF8;

}

.page-events .events-modal-day > span{

    grid-row:
        span 2;

    color:#A1814B;

    font-size:.61rem;

    font-weight:900;

    letter-spacing:.12em;

}

.page-events .events-modal-day strong{

    color:
        var(--events-black);

    font-size:.78rem;

}

.page-events .events-modal-day em{

    color:#967541;

    font-size:.68rem;

    font-style:normal;

    font-weight:900;

}

.page-events .events-modal-day p{

    grid-column:
        2 / 4;

    color:#66727A;

    font-size:.80rem;

    line-height:1.45;

}

.page-events .events-modal-day small{

    grid-column:
        2 / 4;

    color:#929BA2;

    font-size:.68rem;

    line-height:1.45;

}


/* ==========================================================
   MOBILE GALLERY CONTROLS
   ========================================================== */

@media(max-width:800px){

    .page-events .events-gallery-arrow{

        opacity:1;

        width:36px;
        height:36px;

    }

    .page-events .events-next-image
    .events-gallery{

        min-height:380px;

    }

    .page-events .events-venue-image
    .events-gallery{

        min-height:340px;

    }

}


@media(max-width:600px){

    .page-events .events-gallery-prev{

        left:10px;

    }

    .page-events .events-gallery-next{

        right:10px;

    }

    .page-events .events-gallery-dots{

        bottom:11px;

        gap:4px;

    }

    .page-events .events-gallery-dots button{

        width:6px;
        height:6px;

    }

    .page-events .events-gallery-dots button.active{

        width:18px;

    }


    .page-events .events-next-days{

        grid-template-columns:1fr;

    }


    .page-events .events-program-row{

        grid-template-columns:
            38px
            1fr;

        gap:5px 12px;

        padding:
            15px 0;

        min-height:auto;

    }

    .page-events .events-program-row > strong{

        grid-column:2;

    }

    .page-events .events-program-hour{

        grid-column:2;

    }

    .page-events .events-program-title{

        grid-column:2;

    }


    .page-events .events-modal-image
    .events-gallery{

        height:230px;

    }


    .page-events .events-modal-day{

        grid-template-columns:
            45px
            1fr;

    }

    .page-events .events-modal-day > span{

        grid-row:
            span 3;

    }

    .page-events .events-modal-day em{

        grid-column:2;

    }

    .page-events .events-modal-day p,
    .page-events .events-modal-day small{

        grid-column:2;

    }

}


/* ==========================================================
   HERO — MANY SLIDES / MOBILE
   ========================================================== */

@media(max-width:600px){

    .page-events .events-slider-controls{

        gap:8px;

    }

    .page-events .events-slider-arrow{

        width:36px;
        height:36px;

    }

    .page-events .events-slider-dots{

        gap:4px;

    }

    .page-events .events-slider-dots button{

        width:15px;

    }

    .page-events .events-slider-dots button.active{

        width:29px;

    }

}



/* ==========================================================
   AD LIFESTYLE V2
   HOME.CSS
   Signature Brand Experience — Master Home
   ----------------------------------------------------------
   BASE:
   EVENTS.CSS visual language

   SCOPE:
   .home-page

   DESIGN GOALS:
   - zero accidental overlap
   - strong typographic hierarchy
   - highly readable hero
   - black editorial typography on warm light surface
   - dark premium visual stage for products
   - visible controls and dividers
   - spacious responsive system
   ========================================================== */

/* ==========================================================
   00. FOUNDATION
   ========================================================== */

.home-page{

    --home-black:#171B1F;
    --home-black-soft:#252B31;

    --home-gold:#C6A15B;
    --home-gold-deep:#8D6A32;
    --home-champagne:#E9D7A9;

    --home-white:#FFFFFF;
    --home-ivory:#F8F7F3;
    --home-sand:#F2EEE5;
    --home-gray:#69747E;
    --home-gray-dark:#4E5961;
    --home-gray-light:#8E989F;

    --home-border:rgba(23,27,31,.10);
    --home-border-soft:rgba(23,27,31,.07);

    --home-hero-tone:#C6A15B;
    --home-hero-atmosphere:#EFE3C8;
    --home-hero-deep:#5A4727;
    --home-hero-surface:#FFFFFF;

    color:var(--home-black);
    background:#FFFFFF;
    overflow:hidden;
    isolation:isolate;

}

.home-page,
.home-page *{

    box-sizing:border-box;

}

.home-page img{

    display:block;
    max-width:100%;

}

.home-page button,
.home-page input,
.home-page textarea,
.home-page select{

    font:inherit;

}

.home-page button{

    -webkit-tap-highlight-color:transparent;

}

.home-page a{

    color:inherit;
    text-decoration:none;

}

.home-page .home-container{

    width:min(1180px,calc(100% - 48px));
    margin:0 auto;

}

.home-page .section{

    padding:112px 0;

}

.home-page .section-sm{

    padding:92px 0;

}

/* ==========================================================
   01. REVEAL
   ========================================================== */

.home-page .reveal{

    opacity:0;
    transform:translateY(22px);

    transition:
        opacity .72s ease,
        transform .72s cubic-bezier(.22,.61,.36,1);

}

.home-page .reveal.is-visible{

    opacity:1;
    transform:none;

}

@media(prefers-reduced-motion:reduce){

    .home-page .reveal{

        opacity:1;
        transform:none;
        transition:none;

    }

}

/* ==========================================================
   02. COMMON LABELS
   ========================================================== */

.home-page .home-overline{

    display:block;

    color:#9A7D48;

    font-size:.64rem;
    font-weight:900;
    line-height:1.2;

    letter-spacing:.19em;
    text-transform:uppercase;

}

.home-page .home-section-marker{

    display:flex;
    align-items:center;
    gap:11px;

    color:#8A949B;

    font-size:.57rem;
    font-weight:900;
    letter-spacing:.15em;

}

.home-page .home-section-marker span:first-child{

    color:#9B7B45;

}

.home-page .home-section-marker i{

    display:block;

    width:64px;
    height:1px;

    background:rgba(23,27,31,.13);

}

.home-page .home-section-head{

    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:32px;

}

.home-page .home-section-head h2{

    max-width:760px;
    margin-top:12px;

    color:var(--home-black);

    font-size:clamp(2.6rem,5vw,5.2rem);
    line-height:.96;
    letter-spacing:-.052em;

}

.home-page .home-section-head h2 span{

    color:var(--home-gold-deep);

}

.home-page .home-section-head > p{

    max-width:340px;

    color:#707B83;

    font-size:.86rem;
    line-height:1.75;

}

/* ==========================================================
   03. HERO — MASTER LAYOUT
   ========================================================== */

.home-page .home-hero{

    position:relative;

    min-height:900px;

    overflow:hidden;

    background:var(--home-ivory);

    isolation:isolate;

}

/* warm light editorial base */

.home-page .home-hero-background{

    position:absolute;
    inset:0;
    z-index:-8;

    background:
        radial-gradient(
            circle at 72% 50%,
            var(--home-hero-atmosphere) 0%,
            rgba(255,255,255,0) 25%
        ),
        linear-gradient(
            90deg,
            #FBFAF7 0%,
            #F6F4EE 49%,
            #EDE9DF 100%
        );

    transition:background 1s ease;

}

/* dark premium visual side */

.home-page .home-hero-background::before{

    content:"";

    position:absolute;

    top:0;
    right:0;
    bottom:0;

    width:47%;

    background:
        radial-gradient(
            circle at 46% 48%,
            rgba(255,255,255,.055),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            #20262B 0%,
            #171B1F 100%
        );

    clip-path:
        polygon(
            13% 0,
            100% 0,
            100% 100%,
            0 100%
        );

}

/* readable transition line */

.home-page .home-hero-background::after{

    content:"";

    position:absolute;

    top:0;
    bottom:0;
    left:53%;

    width:1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(23,27,31,.11) 14%,
            rgba(23,27,31,.11) 86%,
            transparent
        );

}

.home-page .home-hero-atmosphere{

    position:absolute;

    inset:0;

    z-index:-7;

    pointer-events:none;

    background:
        radial-gradient(
            380px circle at
                var(--mouse-x,76%)
                var(--mouse-y,50%),
            rgba(255,255,255,.075),
            transparent 68%
        );

}

.home-page .home-hero-grid{

    position:absolute;

    inset:0;

    z-index:-6;

    opacity:.25;

    background-image:

        linear-gradient(
            rgba(255,255,255,.045) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.045) 1px,
            transparent 1px
        );

    background-size:74px 74px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.55),
            transparent 80%
        );

}

.home-page .home-hero-noise{

    position:absolute;

    inset:-50%;

    z-index:-5;

    opacity:.018;

    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");

    pointer-events:none;

}

.home-page .home-hero-backdrop{

    position:absolute;

    right:2%;
    top:18%;

    width:44vw;
    max-width:660px;
    height:62vh;

    z-index:-4;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(216,172,88,.08),
            transparent 69%
        );

    filter:blur(4px);

    pointer-events:none;

    transition:transform .25s ease;

}

.home-page .home-hero-container{

    position:relative;

    min-height:900px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

}

/* ==========================================================
   04. HERO — TOP BAR
   ========================================================== */

.home-page .home-hero-topline{

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:30px;

    padding-top:27px;

}

.home-page .home-brand-lockup{

    display:flex;

    align-items:center;

    gap:12px;

}

.home-page .home-brand-lockup img{

    width:43px;
    height:43px;

    object-fit:contain;

}

.home-page .home-brand-lockup div{

    display:flex;

    flex-direction:column;

    gap:3px;

}

.home-page .home-brand-lockup strong{

    color:var(--home-black);

    font-size:.70rem;
    font-weight:900;

    letter-spacing:.15em;

}

.home-page .home-brand-lockup span{

    color:#78838A;

    font-size:.56rem;

    letter-spacing:.10em;

}

.home-page .home-hero-edition{

    display:flex;

    align-items:center;

    gap:10px;

    color:#7D878D;

    font-size:.58rem;
    font-weight:900;

    letter-spacing:.14em;
    text-transform:uppercase;

}

.home-page .home-hero-edition strong{

    color:var(--home-gold-deep);

    font-size:.76rem;

}

/* ==========================================================
   05. HERO — MAIN
   ========================================================== */

.home-page .home-hero-main{

    display:grid;

    grid-template-columns:
        minmax(0,1.02fr)
        minmax(450px,.98fr);

    align-items:center;

    gap:50px;

    flex:1;

    min-height:0;

    padding:
        34px 0 45px;

}

/* ==========================================================
   06. HERO — COPY
   ========================================================== */

.home-page .home-hero-copy{

    position:relative;

    z-index:8;

    max-width:700px;

}

.home-page .home-hero-index-label{

    display:flex;

    align-items:center;

    gap:10px;

    color:#78838A;

    font-size:.58rem;

    font-weight:900;

    letter-spacing:.17em;

}

.home-page .home-hero-index-label span:first-child{

    color:var(--home-gold-deep);

}

.home-page .home-hero-index-label span:last-child{

    color:#626D75;

}

.home-page .home-hero-index-label i{

    display:block;

    width:70px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--home-gold),
            rgba(23,27,31,.16)
        );

}

.home-page .home-hero-content{

    position:relative;

    min-height:375px;

    margin-top:25px;

}

.home-page .home-hero-slide{

    position:absolute;

    top:0;
    left:0;

    width:100%;

    opacity:0;
    visibility:hidden;

    transform:
        translateY(17px);

    transition:
        opacity .58s ease,
        visibility .58s ease,
        transform .68s cubic-bezier(.22,.61,.36,1);

    pointer-events:none;

}

.home-page .home-hero-slide.is-active{

    opacity:1;
    visibility:visible;
    transform:none;

}

.home-page .home-hero-eyebrow{

    display:block;

    color:var(--home-gold-deep);

    font-size:.68rem;
    font-weight:900;

    letter-spacing:.22em;
    text-transform:uppercase;

}

.home-page .home-hero-pretitle{

    display:block;

    margin-top:13px;

    color:#5F6970;

    font-size:.64rem;
    font-weight:900;

    letter-spacing:.15em;

    line-height:1.4;

}

.home-page .home-hero-slide h1{

    max-width:720px;

    margin:17px 0 0;

    color:var(--home-black);

    font-size:
        clamp(
            4rem,
            6.1vw,
            7rem
        );

    line-height:.88;

    letter-spacing:-.066em;

    font-weight:850;

    text-wrap:balance;

}

.home-page .home-hero-slide h1 span{

    display:block;

    color:var(--home-gold-deep);

}

.home-page .home-hero-slide > p{

    max-width:525px;

    margin-top:25px;

    color:#58636B;

    font-size:1rem;

    line-height:1.74;

}

/* ==========================================================
   07. HERO — PRODUCT IDENTIFICATION
   ========================================================== */

.home-page .home-hero-product-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:20px;

    min-height:42px;

    padding:
        0 14px;

    border:
        1px solid
        rgba(23,27,31,.11);

    border-radius:999px;

    background:
        rgba(255,255,255,.78);

    box-shadow:
        0 9px 25px
        rgba(23,27,31,.06);

}

.home-page .home-hero-product-tag span{

    color:#8A7043;

    font-size:.57rem;

    font-weight:900;

    letter-spacing:.13em;

}

.home-page .home-hero-product-tag span::after{

    content:"";

    display:inline-block;

    width:4px;
    height:4px;

    margin:
        0 0 2px 10px;

    border-radius:50%;

    background:var(--home-gold);

}

.home-page .home-hero-product-tag strong{

    color:var(--home-black);

    font-size:.73rem;

    font-weight:900;

}

/* secondary phrase deliberately hidden */

.home-page .home-hero-phrase{

    display:none;

}

/* ==========================================================
   08. HERO — ACTIONS
   ========================================================== */

.home-page .home-hero-actions{

    display:flex;

    align-items:center;

    gap:13px;

    margin-top:27px;

}

.home-page .home-action{

    min-height:58px;

    display:inline-flex;

    align-items:center;

    justify-content:space-between;

    gap:24px;

    padding:
        0 22px;

    border:
        1px solid
        transparent;

    border-radius:999px;

    cursor:pointer;

    font-size:.74rem;
    font-weight:900;

    letter-spacing:.015em;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease;

}

.home-page .home-action:hover{

    transform:translateY(-2px);

}

.home-page .home-action-primary{

    min-width:222px;

    color:#FFFFFF;

    background:
        linear-gradient(
            135deg,
            #D5AD62,
            #A67D39
        );

    box-shadow:
        0 18px 38px
        rgba(166,125,57,.20);

}

.home-page .home-action-primary:hover{

    box-shadow:
        0 22px 48px
        rgba(166,125,57,.27);

}

.home-page .home-action-secondary{

    min-width:205px;

    color:var(--home-black);

    background:#FFFFFF;

    border-color:
        rgba(23,27,31,.15);

    box-shadow:
        0 9px 22px
        rgba(23,27,31,.055);

}

.home-page .home-action-secondary:hover{

    border-color:
        rgba(141,106,50,.42);

    background:#FFFDF8;

}

.home-page .home-action-dark{

    color:#FFFFFF;

    background:var(--home-black);

}

.home-page .home-action-light{

    color:var(--home-black);

    background:#FFFFFF;

    border-color:
        rgba(23,27,31,.13);

}

/* ==========================================================
   09. HERO — CONTROLS
   ========================================================== */

.home-page .home-hero-controls{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:24px;

}

.home-page .home-hero-controls > button{

    width:45px;
    height:45px;

    flex:0 0 45px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:
        1px solid
        rgba(23,27,31,.22);

    border-radius:50%;

    background:#FFFFFF;

    color:var(--home-black);

    box-shadow:
        0 8px 20px
        rgba(23,27,31,.08);

    font-size:1rem;
    font-weight:900;

    cursor:pointer;

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

}

.home-page .home-hero-controls > button:hover{

    transform:translateY(-2px);

    color:#FFFFFF;

    border-color:
        var(--home-gold-deep);

    background:
        var(--home-gold-deep);

    box-shadow:
        0 12px 28px
        rgba(141,106,50,.21);

}

.home-page .home-hero-progress{

    position:relative;

    width:
        min(250px,27vw);

    height:3px;

    overflow:hidden;

    background:
        rgba(23,27,31,.12);

}

.home-page .home-hero-progress::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        rgba(23,27,31,.07);

}

.home-page .home-hero-progress div{

    position:relative;

    z-index:2;

    width:0;

    height:100%;

    background:
        linear-gradient(
            90deg,
            #9B7637,
            #E2C37E
        );

}

@keyframes homeHeroProgress{

    from{
        width:0;
    }

    to{
        width:100%;
    }

}

.home-page .home-hero-number{

    display:flex;

    align-items:baseline;

    gap:5px;

    margin-left:5px;

    color:#7A858D;

    font-size:.66rem;

}

.home-page .home-hero-number strong{

    color:var(--home-black);

    font-size:1.28rem;

}

/* ==========================================================
   10. HERO — VISUAL
   ========================================================== */

.home-page .home-hero-visual{

    position:relative;

    min-height:640px;

    display:flex;

    align-items:center;
    justify-content:center;

    z-index:3;

    transition:
        transform .28s ease;

}

.home-page .home-hero-halo{

    position:absolute;

    width:570px;
    height:570px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.11),
            rgba(216,172,88,.07) 38%,
            transparent 70%
        );

    filter:blur(3px);

    transition:
        transform .35s ease;

}

.home-page .home-hero-halo-secondary{

    position:absolute;

    width:470px;
    height:470px;

    border:
        1px solid
        rgba(216,172,88,.27);

    border-radius:50%;

    box-shadow:
        0 0 80px
        rgba(216,172,88,.08),

        inset 0 0 70px
        rgba(255,255,255,.035);

    transition:
        transform .35s ease;

}

.home-page .home-hero-orbit{

    position:absolute;

    border:
        1px solid
        rgba(255,255,255,.11);

    border-radius:50%;

    pointer-events:none;

}

.home-page .home-hero-orbit.orbit-one{

    width:600px;
    height:190px;

    transform:
        rotate(-18deg);

}

.home-page .home-hero-orbit.orbit-two{

    width:500px;
    height:500px;

}

.home-page .home-hero-product-stage{

    position:relative;

    width:
        min(570px,45vw);

    height:590px;

    display:flex;

    align-items:center;
    justify-content:center;

    z-index:5;

    touch-action:pan-y;

}

.home-page .home-hero-product{

    position:absolute;

    inset:0;

    display:flex;

    align-items:center;
    justify-content:center;

    opacity:0;
    visibility:hidden;

    transform:
        translateY(16px)
        scale(.97);

    transition:
        opacity .72s ease,
        visibility .72s ease,
        transform .8s cubic-bezier(.22,.61,.36,1);

    pointer-events:none;

}

.home-page .home-hero-product.is-active{

    opacity:1;

    visibility:visible;

    transform:none;

}

.home-page .home-hero-product img{

    position:relative;

    z-index:4;

    width:auto;

    max-width:86%;
    max-height:515px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 35px 34px
            rgba(0,0,0,.34)
        );

}

.home-page .home-hero-product-shadow{

    position:absolute;

    left:50%;
    bottom:45px;

    width:280px;
    height:48px;

    transform:translateX(-50%);

    border-radius:50%;

    background:
        rgba(0,0,0,.45);

    filter:blur(22px);

}

.home-page .home-hero-product-glow{

    position:absolute;

    width:360px;
    height:360px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(240,210,138,.18),
            transparent 69%
        );

    filter:blur(10px);

}

/* ==========================================================
   11. HERO — OBJECT META
   ========================================================== */

.home-page .home-hero-object-meta{

    position:absolute;

    right:5px;
    bottom:37px;

    z-index:8;

    display:flex;

    flex-direction:column;

    align-items:flex-end;

    gap:4px;

    text-align:right;

}

.home-page .home-hero-object-meta span{

    color:#AEB7BC;

    font-size:.50rem;
    font-weight:900;

    letter-spacing:.14em;

}

.home-page .home-hero-object-meta strong{

    color:#FFFFFF;

    font-size:.78rem;

}

.home-page .home-hero-object-meta small{

    color:#A0AAB0;

    font-size:.56rem;

}

.home-page .home-hero-visual-index{

    position:absolute;

    top:8%;
    right:0;

    z-index:3;

    color:
        rgba(255,255,255,.12);

    font-size:5.8rem;

    font-weight:900;

    line-height:.8;

    letter-spacing:-.08em;

}

/* ==========================================================
   12. HERO — BOTTOM RAIL
   ========================================================== */

.home-page .home-hero-bottom-rail{

    display:none;

}

/* ==========================================================
   13. SIGNATURE RAIL
   ========================================================== */

.home-page .home-signature-rail{

    overflow:hidden;

    min-height:58px;

    border-bottom:
        1px solid
        rgba(23,27,31,.07);

    background:#FFFFFF;

}

.home-page .home-signature-track{

    min-height:58px;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:24px;

    white-space:nowrap;

    color:#737E85;

    font-size:.55rem;
    font-weight:900;

    letter-spacing:.17em;

}

.home-page .home-signature-track i{

    color:var(--home-gold);

    font-style:normal;

}

/* ==========================================================
   14. MANIFESTO
   ========================================================== */

.home-page .home-manifesto{

    background:#FFFFFF;

}

.home-page .home-manifesto-layout{

    display:grid;

    grid-template-columns:
        220px
        minmax(0,1fr);

    gap:60px;

    margin-top:70px;

}

.home-page .home-manifesto-lead{

    padding-top:14px;

}

.home-page .home-manifesto-copy h2{

    max-width:940px;

    color:var(--home-black);

    font-size:
        clamp(
            3rem,
            6.4vw,
            6.8rem
        );

    line-height:.91;

    letter-spacing:-.062em;

}

.home-page .home-manifesto-copy h2 span{

    display:block;

    color:var(--home-gold-deep);

}

.home-page .home-manifesto-copy p{

    max-width:680px;

    margin-top:28px;

    color:#6E7981;

    font-size:1rem;

    line-height:1.8;

}

.home-page .home-manifesto-foot{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:18px;

    margin-top:65px;

    padding-top:22px;

    border-top:
        1px solid
        rgba(23,27,31,.09);

}

.home-page .home-manifesto-foot span{

    color:#838D94;

    font-size:.61rem;
    font-weight:900;

    letter-spacing:.12em;

    text-transform:uppercase;

}

.home-page .home-manifesto-foot span:first-child{

    color:var(--home-black);

}

/* ==========================================================
   15. PILLARS
   ========================================================== */

.home-page .home-pillars{

    background:#F6F6F4;

}

.home-page .home-pillar-grid{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:18px;

    margin-top:43px;

}

.home-page .home-pillar{

    position:relative;

    overflow:hidden;

    min-height:535px;

    display:flex;

    flex-direction:column;
    justify-content:space-between;

    padding:28px;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:30px;

    background:#FFFFFF;

    box-shadow:
        0 20px 55px
        rgba(23,27,31,.055);

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}

.home-page .home-pillar:hover{

    transform:
        translateY(-5px);

    box-shadow:
        0 28px 68px
        rgba(23,27,31,.10);

}

.home-page .home-pillar-number{

    position:absolute;

    top:22px;
    right:25px;

    color:#9DA5AA;

    font-size:.61rem;
    font-weight:900;

    letter-spacing:.14em;

}

.home-page .home-pillar-visual{

    position:relative;

    height:285px;

    display:flex;

    align-items:center;
    justify-content:center;

}

.home-page .home-pillar-visual img{

    position:relative;

    z-index:2;

    max-width:68%;
    max-height:225px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 24px 29px
            rgba(23,27,31,.12)
        );

    transition:
        transform .45s ease;

}

.home-page .home-pillar:hover
.home-pillar-visual img{

    transform:
        translateY(-6px)
        scale(1.025);

}

.home-page .home-pillar-aura{

    position:absolute;

    width:285px;
    height:285px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            #EBE4D7,
            transparent 68%
        );

}

.home-page .home-pillar-bzz
.home-pillar-aura{

    background:
        radial-gradient(
            circle,
            #EFE1C6,
            transparent 68%
        );

}

.home-page .home-pillar-a21
.home-pillar-aura{

    background:
        radial-gradient(
            circle,
            #E5E8E3,
            transparent 68%
        );

}

.home-page .home-pillar-content > span{

    color:#9A7C48;

    font-size:.59rem;
    font-weight:900;

    letter-spacing:.16em;

}

.home-page .home-pillar-content h3{

    margin-top:10px;

    color:var(--home-black);

    font-size:2.3rem;

    letter-spacing:-.035em;

}

.home-page .home-pillar-content p{

    max-width:510px;

    margin-top:8px;

    color:#727D85;

    font-size:.84rem;

    line-height:1.7;

}

.home-page .home-pillar-content a{

    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-top:20px;

    color:var(--home-black);

    font-size:.69rem;
    font-weight:900;

}

.home-page .home-pillar-content a span{

    color:var(--home-gold-deep);

}

/* ==========================================================
   16. UNIVERSES
   ========================================================== */

.home-page .home-universes{

    background:#FFFFFF;

}

.home-page .home-universe-list{

    margin-top:50px;

    border-top:
        1px solid
        rgba(23,27,31,.09);

}

.home-page .home-universe{

    display:grid;

    grid-template-columns:
        75px
        minmax(220px,1fr)
        minmax(260px,.8fr)
        42px;

    align-items:center;

    gap:20px;

    min-height:137px;

    border-bottom:
        1px solid
        rgba(23,27,31,.09);

    transition:
        padding .3s ease,
        background .3s ease;

}

.home-page .home-universe:hover{

    padding:
        0 17px;

    background:#FBFAF7;

}

.home-page .home-universe-number{

    color:#A1814B;

    font-size:.61rem;
    font-weight:900;

    letter-spacing:.13em;

}

.home-page .home-universe small{

    color:#9A7D48;

    font-size:.59rem;
    font-weight:900;

    letter-spacing:.15em;

}

.home-page .home-universe h3{

    margin-top:6px;

    color:var(--home-black);

    font-size:1.9rem;

    letter-spacing:-.03em;

}

.home-page .home-universe p{

    color:#747F87;

    font-size:.83rem;

    line-height:1.6;

}

.home-page .home-universe-arrow{

    color:#9A7D48;

    font-size:1.1rem;

}

/* ==========================================================
   17. PRODUCTS
   ========================================================== */

.home-page .home-products{

    background:#F6F6F4;

}

.home-page .home-minimal-button{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:0;

    border:0;

    color:var(--home-black);

    background:transparent;

    cursor:pointer;

    font-size:.69rem;
    font-weight:900;

}

.home-page .home-minimal-button span{

    color:var(--home-gold-deep);

    transition:
        transform .25s ease;

}

.home-page .home-minimal-button:hover span{

    transform:
        translateX(4px);

}

.home-page .home-product-grid{

    display:grid;

    grid-template-columns:
        1.25fr
        repeat(4,1fr);

    gap:14px;

    margin-top:43px;

}

.home-page .home-product-card{

    position:relative;

    min-height:455px;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    cursor:pointer;

    border:
        1px solid
        rgba(23,27,31,.08);

    border-radius:25px;

    background:#FFFFFF;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}

.home-page .home-product-card:hover,
.home-page .home-product-card:focus-visible{

    transform:
        translateY(-6px);

    border-color:
        rgba(23,27,31,.14);

    box-shadow:
        0 28px 64px
        rgba(23,27,31,.09);

    outline:none;

}

.home-page .home-product-card-top{

    display:flex;

    align-items:center;
    justify-content:space-between;

    padding:
        19px 19px 0;

    color:#929BA1;

    font-size:.56rem;
    font-weight:900;

    letter-spacing:.14em;

}

.home-page .home-product-card-top span:first-child{

    color:var(--card-tone);

}

.home-page .home-product-card-image{

    position:relative;

    flex:1;

    min-height:255px;

    display:flex;

    align-items:center;
    justify-content:center;

    padding:22px;

}

.home-page .home-product-card-aura{

    position:absolute;

    width:240px;
    height:240px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            var(--card-atmosphere),
            transparent 68%
        );

}

.home-page .home-product-card img{

    position:relative;

    z-index:2;

    max-width:88%;
    max-height:235px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 23px 25px
            rgba(23,27,31,.12)
        );

    transition:
        transform .45s ease;

}

.home-page .home-product-card:hover img{

    transform:
        translateY(-4px)
        scale(1.035);

}

.home-page .home-product-card-info{

    padding:20px;

}

.home-page .home-product-card-info small{

    color:var(--card-tone);

    font-size:.57rem;
    font-weight:900;

    letter-spacing:.13em;

}

.home-page .home-product-card-info h3{

    margin-top:7px;

    color:var(--home-black);

    font-size:1.28rem;

    letter-spacing:-.02em;

}

.home-page .home-product-card-info p{

    margin-top:4px;

    color:#858F95;

    font-size:.72rem;

}

.home-page .home-product-card-info > span{

    display:flex;

    align-items:center;
    justify-content:space-between;

    margin-top:17px;

    padding-top:12px;

    border-top:
        1px solid
        rgba(23,27,31,.07);

    color:#707B83;

    font-size:.64rem;

    font-weight:900;

}

.home-page .home-product-card-info > span b{

    color:var(--card-tone);

    font-size:.82rem;

}

.home-page .home-product-card.is-featured{

    min-height:455px;

}

.home-page .home-product-card.is-featured
.home-product-card-info h3{

    font-size:1.55rem;

}

/* ==========================================================
   18. EVENT
   ========================================================== */

.home-page .home-event{

    background:#FFFFFF;

}

.home-page .home-event-intro{

    max-width:790px;

}

.home-page .home-event-intro h2{

    margin-top:12px;

    color:var(--home-black);

    font-size:
        clamp(
            3rem,
            6vw,
            6.1rem
        );

    line-height:.93;

    letter-spacing:-.06em;

}

.home-page .home-event-intro h2 span{

    display:block;

    color:var(--home-gold-deep);

}

.home-page .home-event-card{

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,.98fr);

    overflow:hidden;

    margin-top:46px;

    border:
        1px solid
        rgba(23,27,31,.09);

    border-radius:32px;

    background:#F7F5F0;

    box-shadow:
        0 28px 82px
        rgba(23,27,31,.09);

}

.home-page .home-event-gallery{

    position:relative;

    min-height:650px;

    overflow:hidden;

    background:#171B1F;

}

.home-page .home-event-gallery-track,
.home-page .home-event-slide{

    position:absolute;

    inset:0;

}

.home-page .home-event-slide{

    opacity:0;

    visibility:hidden;

    transform:
        scale(1.035);

    transition:
        opacity .8s ease,
        visibility .8s ease,
        transform 5.6s ease;

}

.home-page .home-event-slide.is-active{

    opacity:1;

    visibility:visible;

    transform:none;

}

.home-page .home-event-slide img{

    width:100%;
    height:100%;

    object-fit:cover;

}

.home-page .home-event-gallery-overlay{

    position:absolute;

    inset:0;

    z-index:2;

    background:
        linear-gradient(
            180deg,
            rgba(15,18,21,.25),
            transparent 38%,
            rgba(15,18,21,.74) 100%
        );

    pointer-events:none;

}

.home-page .home-event-gallery-top{

    position:absolute;

    top:23px;
    left:24px;
    right:24px;

    z-index:5;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

}

.home-page .home-event-gallery-top span{

    color:var(--home-champagne);

    font-size:.59rem;

    font-weight:900;

    letter-spacing:.15em;

}

.home-page .home-event-gallery-top strong{

    color:#FFFFFF;

    font-size:.73rem;

    letter-spacing:.04em;

}

.home-page .home-event-gallery-controls{

    position:absolute;

    left:24px;
    right:24px;
    bottom:23px;

    z-index:5;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:15px;

}

.home-page .home-event-gallery-controls > button{

    width:42px;
    height:42px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:
        1px solid
        rgba(255,255,255,.29);

    border-radius:50%;

    background:
        rgba(8,11,13,.70);

    color:#FFFFFF;

    font-weight:900;

    cursor:pointer;

}

.home-page .home-event-gallery-controls > div{

    display:flex;

    align-items:center;

    gap:5px;

}

.home-page .home-event-gallery-controls > div button{

    width:7px;
    height:7px;

    padding:0;

    border:0;

    border-radius:999px;

    background:
        rgba(255,255,255,.43);

    cursor:pointer;

    transition:
        width .25s ease,
        background .25s ease;

}

.home-page .home-event-gallery-controls > div button.active{

    width:24px;

    background:
        var(--home-champagne);

}

.home-page .home-event-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:48px;

}

.home-page .home-event-category{

    color:#9A7D48;

    font-size:.60rem;

    font-weight:900;

    letter-spacing:.17em;

}

.home-page .home-event-heading{

    display:grid;

    grid-template-columns:auto 1fr;

    align-items:start;

    gap:18px;

    margin-top:20px;

}

.home-page .home-event-date-big{

    color:var(--home-black);

    font-size:3rem;

    font-weight:900;

    line-height:.8;

    letter-spacing:-.07em;

}

.home-page .home-event-date-big span{

    color:var(--home-gold-deep);

    font-size:1.55rem;

}

.home-page .home-event-heading small{

    color:#A0814B;

    font-size:.60rem;

    font-weight:900;

    letter-spacing:.13em;

}

.home-page .home-event-heading h3{

    max-width:540px;

    margin-top:9px;

    color:var(--home-black);

    font-size:2.55rem;

    line-height:1.04;

    letter-spacing:-.042em;

}

.home-page .home-event-description{

    max-width:560px;

    margin-top:19px;

    color:#717C84;

    font-size:.88rem;

    line-height:1.78;

}

.home-page .home-event-meta-grid{

    display:grid;

    grid-template-columns:
        1.25fr .75fr;

    gap:14px;

    margin-top:28px;

    padding-top:22px;

    border-top:
        1px solid
        rgba(23,27,31,.09);

}

.home-page .home-event-meta-grid div{

    display:flex;

    flex-direction:column;

    gap:4px;

}

.home-page .home-event-meta-grid span{

    color:#9A7C48;

    font-size:.57rem;

    font-weight:900;

    letter-spacing:.13em;

}

.home-page .home-event-meta-grid strong{

    color:var(--home-black);

    font-size:.79rem;

    line-height:1.45;

}

.home-page .home-event-ticket{

    display:grid;

    grid-template-columns:1fr auto;

    gap:3px 16px;

    margin-top:23px;

    padding:15px 16px;

    border:
        1px solid
        rgba(198,161,91,.20);

    border-radius:17px;

    background:#F6F0E4;

}

.home-page .home-event-ticket span{

    grid-column:1;

    color:#977846;

    font-size:.57rem;

    font-weight:900;

    letter-spacing:.15em;

}

.home-page .home-event-ticket strong{

    grid-column:1;

    color:#63512F;

    font-size:.75rem;

}

.home-page .home-event-ticket small{

    grid-column:2;

    grid-row:1 / 3;

    align-self:center;

    color:#7F6537;

    font-size:1rem;

    font-weight:900;

}

.home-page .home-event-days{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:10px;

    margin-top:12px;

}

.home-page .home-event-day{

    padding:14px 15px;

    border:
        1px solid
        rgba(23,27,31,.07);

    border-radius:15px;

    background:#FFFFFF;

}

.home-page .home-event-day > span{

    color:#A1814B;

    font-size:.56rem;

    font-weight:900;

    letter-spacing:.14em;

}

.home-page .home-event-day strong{

    display:block;

    margin-top:6px;

    color:var(--home-black);

    font-size:.74rem;

    line-height:1.35;

}

.home-page .home-event-day em{

    display:block;

    margin-top:4px;

    color:#947443;

    font-size:.66rem;

    font-style:normal;

    font-weight:900;

}

.home-page .home-event-day p{

    margin-top:7px;

    color:#6D7880;

    font-size:.72rem;

    line-height:1.4;

}

.home-page .home-event-day small{

    display:block;

    margin-top:4px;

    color:#969FA5;

    font-size:.61rem;

    line-height:1.35;

}

.home-page .home-event-actions{

    margin-top:23px;

}

/* ==========================================================
   19. MEMORIES
   ========================================================== */

.home-page .home-memories{

    color:#FFFFFF;

    background:#171B1F;

}

.home-page .home-memories .home-overline{

    color:var(--home-champagne);

}

.home-page .home-memories .home-section-head h2{

    color:#FFFFFF;

}

.home-page .home-memories .home-section-head h2 span{

    color:var(--home-champagne);

}

.home-page .home-memory-counter{

    display:flex;

    align-items:baseline;

    gap:6px;

    color:#7F8A91;

}

.home-page .home-memory-counter strong{

    color:#FFFFFF;

    font-size:1.55rem;

}

.home-page .home-memory-counter span{

    font-size:.66rem;

}

.home-page .home-memory-layout{

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        275px;

    gap:18px;

    margin-top:45px;

}

.home-page .home-memory-stage{

    position:relative;

    min-height:610px;

    overflow:hidden;

    border-radius:29px;

    background:#0F1316;

}

.home-page .home-memory-slide{

    position:absolute;

    inset:0;

    opacity:0;
    visibility:hidden;

    transform:
        scale(1.025);

    transition:
        opacity .8s ease,
        visibility .8s ease,
        transform 5.2s ease;

}

.home-page .home-memory-slide.is-active{

    opacity:1;
    visibility:visible;
    transform:none;

}

.home-page .home-memory-slide::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            transparent 42%,
            rgba(10,13,15,.79) 100%
        );

}

.home-page .home-memory-slide img{

    width:100%;
    height:100%;

    object-fit:cover;

}

.home-page .home-memory-caption{

    position:absolute;

    left:27px;
    right:120px;
    bottom:28px;

    z-index:3;

    display:flex;

    flex-direction:column;

    gap:6px;

}

.home-page .home-memory-caption span{

    color:var(--home-champagne);

    font-size:.57rem;

    font-weight:900;

    letter-spacing:.15em;

}

.home-page .home-memory-caption strong{

    color:#FFFFFF;

    font-size:1.55rem;

    letter-spacing:-.02em;

}

.home-page .home-memory-controls{

    position:absolute;

    right:23px;
    bottom:23px;

    z-index:4;

    display:flex;

    gap:8px;

}

.home-page .home-memory-controls button{

    width:42px;
    height:42px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:
        1px solid
        rgba(255,255,255,.25);

    border-radius:50%;

    background:
        rgba(8,11,13,.70);

    color:#FFFFFF;

    cursor:pointer;

}

.home-page .home-memory-aside{

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    min-height:300px;

    padding:
        25px 10px 11px 13px;

    border-top:
        1px solid
        rgba(255,255,255,.11);

}

.home-page .home-memory-aside > span{

    color:var(--home-champagne);

    font-size:.56rem;

    font-weight:900;

    letter-spacing:.15em;

}

.home-page .home-memory-aside strong{

    margin-top:13px;

    color:#FFFFFF;

    font-size:1.55rem;

    line-height:1.13;

    letter-spacing:-.02em;

}

.home-page .home-memory-aside p{

    margin-top:15px;

    color:#949EA5;

    font-size:.78rem;

    line-height:1.72;

}

.home-page .home-memory-aside .home-minimal-button{

    margin-top:23px;

    color:#FFFFFF;

}

/* ==========================================================
   20. COMMUNITY VOICE
   ========================================================== */

.home-page .home-community{

    background:#F6F6F4;

}

.home-page .home-community-grid{

    display:grid;

    grid-template-columns:
        170px
        minmax(0,1fr);

    gap:40px;

    align-items:start;

}

.home-page .home-community-mark{

    color:var(--home-gold);

    font-size:8rem;

    line-height:.58;

    font-family:Georgia,serif;

}

.home-page .home-community-content{

    max-width:930px;

}

.home-page .home-community-content blockquote{

    margin-top:18px;

    color:var(--home-black);

    font-size:
        clamp(
            2.15rem,
            4.4vw,
            4.6rem
        );

    line-height:1.04;

    letter-spacing:-.05em;

}

.home-page .home-community-content blockquote em{

    color:var(--home-gold-deep);

    font-style:normal;

}

.home-page .home-community-person{

    display:flex;

    align-items:center;

    gap:13px;

    margin-top:28px;

}

.home-page .home-community-avatar{

    width:48px;
    height:48px;

    overflow:hidden;

    border-radius:50%;

    background:#E2E2DE;

}

.home-page .home-community-avatar img{

    width:100%;
    height:100%;

    object-fit:cover;

}

.home-page .home-community-person div:last-child{

    display:flex;

    flex-direction:column;

    gap:3px;

}

.home-page .home-community-person strong{

    color:var(--home-black);

    font-size:.80rem;

}

.home-page .home-community-person span{

    color:#7F8990;

    font-size:.65rem;

}

/* ==========================================================
   21. FINAL CTA
   ========================================================== */

.home-page .home-final{

    position:relative;

    overflow:hidden;

    color:#FFFFFF;

    background:
        linear-gradient(
            135deg,
            #171B1F 0%,
            #252D33 100%
        );

}

.home-page .home-final-light{

    position:absolute;

    width:650px;
    height:650px;

    left:50%;
    top:-445px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(198,161,91,.20),
            transparent 70%
        );

    pointer-events:none;

}

.home-page .home-final-grid{

    position:absolute;

    inset:0;

    opacity:.20;

    background-image:

        linear-gradient(
            rgba(255,255,255,.05) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.05) 1px,
            transparent 1px
        );

    background-size:74px 74px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.55),
            transparent 80%
        );

}

.home-page .home-final-content{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1050px;

    margin:0 auto;

    padding:
        92px 20px 100px;

    text-align:center;

}

.home-page .home-final-content .home-overline{

    width:max-content;

    max-width:100%;

    margin:0 auto;

    color:var(--home-champagne);

}

.home-page .home-final-content h2{

    width:100%;

    max-width:1000px;

    margin:
        19px auto 0;

    color:#FFFFFF;

    font-size:
        clamp(
            3.15rem,
            6.5vw,
            6.45rem
        );

    line-height:.92;

    letter-spacing:-.06em;

    text-align:center;

}

.home-page .home-final-content h2 span{

    display:block;

    color:var(--home-champagne);

}

.home-page .home-final-content p{

    width:100%;

    max-width:650px;

    margin:
        22px auto 0;

    color:#D0D7DB;

    font-size:.98rem;

    line-height:1.76;

    text-align:center;

}

.home-page .home-final-actions{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    width:100%;

    margin:
        32px auto 0;

}

.home-page .home-final-actions .home-action{

    min-width:238px;

    min-height:61px;

    font-size:.76rem;

}

.home-page .home-final-actions .home-action-primary{

    color:#FFFFFF;

    background:
        linear-gradient(
            135deg,
            #DAB36B,
            #AD833D
        );

    box-shadow:
        0 19px 45px
        rgba(198,161,91,.24);

}

.home-page .home-final-actions .home-action-secondary{

    color:#FFFFFF;

    background:
        rgba(255,255,255,.065);

    border-color:
        rgba(255,255,255,.30);

}

.home-page .home-final-actions .home-action-secondary:hover{

    background:
        rgba(255,255,255,.11);

    border-color:
        rgba(255,255,255,.50);

}

.home-page .home-final-footer{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        repeat(6,1fr);

    gap:16px;

    padding:
        22px 0 24px;

    border-top:
        1px solid
        rgba(255,255,255,.11);

    color:#99A3A9;

    font-size:.52rem;

    font-weight:900;

    letter-spacing:.12em;

}

.home-page .home-final-footer span:first-child,
.home-page .home-final-footer span:last-child{

    color:#E0E5E8;

}

/* ==========================================================
   22. LARGE DESKTOP
   ========================================================== */

@media(min-width:1400px){

    .home-page .home-hero-main{

        grid-template-columns:
            minmax(650px,1.08fr)
            minmax(480px,.92fr);

    }

    .home-page .home-hero-copy{

        max-width:790px;

    }

    .home-page .home-hero-slide h1{

        max-width:780px;

        font-size:
            clamp(
                4.6rem,
                5.15vw,
                6.8rem
            );

    }

}

/* ==========================================================
   23. TABLET 1100
   ========================================================== */

@media(max-width:1100px){

    .home-page .home-hero-main{

        grid-template-columns:
            minmax(480px,1fr)
            minmax(370px,.82fr);

        gap:25px;

    }

    .home-page .home-hero-slide h1{

        font-size:
            clamp(
                3.6rem,
                5.9vw,
                6rem
            );

    }

    .home-page .home-hero-product-stage{

        width:450px;
        height:545px;

    }

    .home-page .home-hero-product img{

        max-height:460px;

    }

    .home-page .home-product-grid{

        grid-template-columns:
            repeat(3,1fr);

    }

    .home-page .home-product-card.is-featured{

        grid-column:
            span 2;

    }

}

/* ==========================================================
   24. TABLET 900
   ========================================================== */

@media(max-width:900px){

    .home-page .home-hero{

        min-height:850px;

    }

    .home-page .home-hero-container{

        min-height:850px;

    }

    .home-page .home-hero-background::before{

        width:44%;

    }

    .home-page .home-hero-background::after{

        left:51%;

    }

    .home-page .home-hero-main{

        grid-template-columns:1fr;

        gap:0;

        padding:
            28px 0 35px;

    }

    .home-page .home-hero-copy{

        max-width:780px;

    }

    .home-page .home-hero-content{

        min-height:320px;

    }

    .home-page .home-hero-visual{

        position:absolute;

        right:-95px;
        bottom:35px;

        width:52vw;

        min-height:0;

        height:500px;

        opacity:.54;

        pointer-events:none;

    }

    .home-page .home-hero-product-stage{

        width:400px;
        height:455px;

    }

    .home-page .home-hero-product img{

        max-height:410px;

    }

    .home-page .home-hero-object-meta{

        right:20px;
        bottom:18px;

    }

    .home-page .home-hero-visual-index{

        right:20px;
        top:3%;

    }

    .home-page .home-pillar-grid{

        grid-template-columns:1fr;

    }

    .home-page .home-event-card{

        grid-template-columns:1fr;

    }

    .home-page .home-event-gallery{

        min-height:515px;

    }

    .home-page .home-memory-layout{

        grid-template-columns:1fr;

    }

    .home-page .home-memory-aside{

        min-height:240px;

        padding:
            25px 0 0;

    }

}

/* ==========================================================
   25. MOBILE SAFETY — 700
   ----------------------------------------------------------
   No absolute visual overlap.
   Hero becomes genuinely stacked.
   ========================================================== */

@media(max-width:700px){

    .home-page .home-container{

        width:
            calc(100% - 32px);

    }

    .home-page .section{

        padding:
            86px 0;

    }

    .home-page .section-sm{

        padding:
            74px 0;

    }

    .home-page .home-hero{

        min-height:
            1030px;

        background:
            #F5F2EB;

    }

    .home-page .home-hero-container{

        min-height:
            1030px;

    }

    .home-page .home-hero-background::before{

        top:55%;

        width:100%;

        height:45%;

        clip-path:none;

        background:
            linear-gradient(
                180deg,
                #20262B,
                #171B1F
            );

    }

    .home-page .home-hero-background::after{

        display:none;

    }

    .home-page .home-hero-topline{

        padding-top:18px;

    }

    .home-page .home-brand-lockup img{

        width:36px;
        height:36px;

    }

    .home-page .home-brand-lockup strong{

        font-size:.61rem;

    }

    .home-page .home-brand-lockup span{

        font-size:.51rem;

    }

    .home-page .home-hero-edition{

        display:none;

    }

    .home-page .home-hero-main{

        display:flex;

        flex-direction:column;

        align-items:stretch;

        justify-content:flex-start;

        gap:0;

        padding:
            24px 0 18px;

    }

    .home-page .home-hero-copy{

        width:100%;

        max-width:100%;

        flex:0 0 auto;

    }

    .home-page .home-hero-content{

        min-height:315px;

        margin-top:21px;

    }

    .home-page .home-hero-slide h1{

        max-width:100%;

        font-size:
            clamp(
                3rem,
                12.5vw,
                4.65rem
            );

        line-height:.90;

    }

    .home-page .home-hero-pretitle{

        max-width:390px;

        font-size:.57rem;

    }

    .home-page .home-hero-slide > p{

        max-width:360px;

        margin-top:20px;

        color:#58636B;

        font-size:.90rem;

    }

    .home-page .home-hero-product-tag{

        margin-top:17px;

    }

    .home-page .home-hero-actions{

        flex-direction:column;

        align-items:stretch;

        width:100%;

        margin-top:24px;

    }

    .home-page .home-hero-actions .home-action{

        width:100%;

        min-width:0;

        min-height:54px;

    }

    .home-page .home-hero-controls{

        position:relative;

        z-index:10;

        margin-top:18px;

    }

    .home-page .home-hero-controls > button{

        width:42px;
        height:42px;

        flex-basis:42px;

    }

    .home-page .home-hero-progress{

        width:
            min(
                145px,
                30vw
            );

    }

    .home-page .home-hero-visual{

        position:relative;

        right:auto;
        bottom:auto;

        width:100%;

        height:300px;

        min-height:300px;

        margin-top:8px;

        opacity:1;

        transform:none !important;

        pointer-events:none;

    }

    .home-page .home-hero-product-stage{

        width:100%;

        height:290px;

    }

    .home-page .home-hero-product img{

        max-width:72%;

        max-height:265px;

    }

    .home-page .home-hero-halo{

        width:360px;
        height:360px;

    }

    .home-page .home-hero-halo-secondary{

        width:290px;
        height:290px;

    }

    .home-page .home-hero-orbit.orbit-one{

        width:390px;
        height:125px;

    }

    .home-page .home-hero-orbit.orbit-two{

        width:320px;
        height:320px;

    }

    .home-page .home-hero-object-meta{

        right:15px;
        bottom:0;

    }

    .home-page .home-hero-visual-index{

        display:none;

    }

    .home-page .home-hero-bottom-rail{

        display:none;

    }

    .home-page .home-section-head{

        align-items:flex-start;

        flex-direction:column;

    }

    .home-page .home-section-head h2{

        font-size:
            clamp(
                2.4rem,
                10.7vw,
                4rem
            );

    }

    .home-page .home-manifesto-layout{

        grid-template-columns:1fr;

        gap:18px;

        margin-top:46px;

    }

    .home-page .home-manifesto-copy h2{

        font-size:
            clamp(
                2.8rem,
                11.5vw,
                4.5rem
            );

    }

    .home-page .home-manifesto-foot{

        grid-template-columns:
            1fr 1fr;

        margin-top:45px;

    }

    .home-page .home-pillar{

        min-height:485px;

        padding:23px;

    }

    .home-page .home-pillar-visual{

        height:230px;

    }

    .home-page .home-pillar-content h3{

        font-size:2rem;

    }

    .home-page .home-universe{

        grid-template-columns:
            50px
            1fr
            32px;

        gap:12px;

        min-height:120px;

        padding:0;

    }

    .home-page .home-universe:hover{

        padding:0;

    }

    .home-page .home-universe p{

        grid-column:
            2 / 4;

        padding-bottom:17px;

    }

    .home-page .home-product-grid{

        grid-template-columns:
            1fr 1fr;

    }

    .home-page .home-product-card,
    .home-page .home-product-card.is-featured{

        min-height:405px;

    }

    .home-page .home-product-card.is-featured{

        grid-column:
            span 2;

    }

    .home-page .home-event-gallery{

        min-height:430px;

    }

    .home-page .home-event-content{

        padding:
            31px 23px;

    }

    .home-page .home-event-heading h3{

        font-size:2rem;

    }

    .home-page .home-event-meta-grid{

        grid-template-columns:1fr;

    }

    .home-page .home-event-days{

        grid-template-columns:1fr;

    }

    .home-page .home-event-actions{

        flex-direction:column;

    }

    .home-page .home-event-actions .home-action{

        width:100%;

    }

    .home-page .home-memory-stage{

        min-height:465px;

    }

    .home-page .home-memory-caption{

        left:20px;

        right:110px;

        bottom:20px;

    }

    .home-page .home-memory-caption strong{

        font-size:1.28rem;

    }

    .home-page .home-community-grid{

        grid-template-columns:1fr;

        gap:8px;

    }

    .home-page .home-community-mark{

        font-size:5.8rem;

    }

    .home-page .home-community-content blockquote{

        font-size:
            clamp(
                2rem,
                9.2vw,
                3.5rem
            );

    }

    .home-page .home-final-content{

        padding:
            76px 16px 84px;

    }

    .home-page .home-final-content h2{

        font-size:
            clamp(
                2.65rem,
                10.7vw,
                4.4rem
            );

    }

    .home-page .home-final-actions{

        flex-direction:column;

        align-items:stretch;

        max-width:390px;

    }

    .home-page .home-final-actions .home-action{

        width:100%;

        min-width:0;

        min-height:57px;

    }

    .home-page .home-final-footer{

        grid-template-columns:
            repeat(2,1fr);

        gap:12px;

    }

}

/* ==========================================================
   26. MOBILE — 520
   ========================================================== */

@media(max-width:520px){

    .home-page .home-hero{

        min-height:1010px;

    }

    .home-page .home-hero-container{

        min-height:1010px;

    }

    .home-page .home-hero-content{

        min-height:310px;

    }

    .home-page .home-hero-visual{

        height:285px;

        min-height:285px;

        margin-top:5px;

    }

    .home-page .home-hero-product-stage{

        height:270px;

    }

    .home-page .home-hero-product img{

        max-width:70%;

        max-height:245px;

    }

    .home-page .home-hero-controls{

        flex-wrap:nowrap;

    }

    .home-page .home-product-grid{

        grid-template-columns:1fr;

    }

    .home-page .home-product-card.is-featured{

        grid-column:auto;

    }

    .home-page .home-event-gallery{

        min-height:345px;

    }

    .home-page .home-event-heading{

        grid-template-columns:1fr;

        gap:12px;

    }

    .home-page .home-event-heading h3{

        font-size:1.82rem;

    }

    .home-page .home-event-date-big{

        font-size:2.65rem;

    }

    .home-page .home-memory-stage{

        min-height:375px;

    }

    .home-page .home-memory-caption{

        left:18px;

        right:18px;

        bottom:18px;

    }

    .home-page .home-memory-controls{

        right:18px;

        bottom:18px;

    }

    .home-page .home-final-content h2{

        font-size:
            clamp(
                2.55rem,
                10.8vw,
                3.95rem
            );

    }

}

/* ==========================================================
   27. VERY SMALL — 420
   ========================================================== */

@media(max-width:420px){

    .home-page .home-hero{

        min-height:995px;

    }

    .home-page .home-hero-container{

        min-height:995px;

    }

    .home-page .home-hero-content{

        min-height:300px;

    }

    .home-page .home-hero-slide h1{

        font-size:
            clamp(
                2.65rem,
                12.4vw,
                3.45rem
            );

    }

    .home-page .home-hero-pretitle{

        max-width:300px;

        line-height:1.35;

    }

    .home-page .home-hero-controls{

        gap:7px;

    }

    .home-page .home-hero-controls > button{

        width:39px;
        height:39px;

        flex-basis:39px;

    }

    .home-page .home-hero-progress{

        width:72px;

    }

    .home-page .home-hero-number{

        margin-left:1px;

    }

    .home-page .home-hero-bottom-rail{

        display:none;

    }

}