/* ==========================================
   WPGLASSCO GLOBAL STYLES
   Cleaned Version
========================================== */

@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;600;700;800&display=swap');


/* ==========================================
   ROOT VARIABLES
========================================== */

:root {

    --wp-teal: #08E2A5;
    --wp-cyan: #00E5FF;
    --wp-purple: #B05CFF;
    --wp-pink: #FF4FD8;
    --wp-violet: #C084FC;

    --wp-dark: #050505;
    --wp-card: rgba(255,255,255,.04);

    --wp-border: rgba(255,255,255,.12);

    --wp-text-muted: rgba(255,255,255,.65);

}



/* ==========================================
   RESET
========================================== */


* {

    margin:0;
    padding:0;
    box-sizing:border-box;

}


html {

    scroll-behavior:smooth;

}


body {

    min-height:100vh;

    padding-top:100px;

    background-color:var(--wp-dark);

    background-image:url("../assets/images/stars.gif");

    background-size:cover;

    background-repeat:repeat;

    background-attachment:fixed;

    color:white;

    font-family:'Urbanist', sans-serif;

    overflow-x:hidden;

}



img {

    max-width:100%;

    display:block;

}



a {

    color:inherit;

    text-decoration:none;

}



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


#wp-header {

    position:fixed;

    top:0;

    left:0;

    width:100%;

    z-index:99999;

    background:
    linear-gradient(
        180deg,
        rgba(0,0,0,.96),
        rgba(8,8,12,.85),
        rgba(0,0,0,.35)
    );

    backdrop-filter:blur(18px);

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

}



#wp-header::after {

    content:"";

    position:absolute;

    bottom:0;

    left:0;

    width:100%;

    height:2px;

    background:
    linear-gradient(
        90deg,
        var(--wp-purple),
        var(--wp-cyan),
        var(--wp-teal),
        var(--wp-pink),
        var(--wp-purple)
    );

    background-size:300%;

    animation:wpGlow 8s linear infinite;

}



@keyframes wpGlow {

    from {

        background-position:0%;

    }


    to {

        background-position:300%;

    }

}



.wp-header-inner {

    max-width:1400px;

    height:100px;

    margin:auto;

    padding:0 35px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

}



/* LOGO */


.wp-logo img {

    height:120px;

    width:auto;

    transition:.3s ease;

}



.wp-logo:hover img {

    transform:scale(1.05);

    filter:
    drop-shadow(0 0 20px var(--wp-teal));

}



/* SEARCH */


.wp-search {

    flex:1;

    max-width:350px;

}



.wp-search input {

    width:100%;

    padding:12px 20px;

    border-radius:30px;

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

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

    color:white;

    outline:none;

    font-family:'Urbanist';

}



.wp-search input::placeholder {

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

}



.wp-search input:focus {

    border-color:var(--wp-cyan);

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

}



/* NAVIGATION */


.wp-menu {

    display:flex;

    align-items:center;

    gap:12px;

    list-style:none;

}



.wp-menu > li {

    position:relative;

}



.wp-menu > li > a {

    display:block;

    padding:15px;

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

    text-transform:uppercase;

    font-size:16px;

    font-weight:800;

    letter-spacing:.12em;

    transition:.25s ease;

}



.wp-menu > li > a:hover {

    color:var(--wp-teal);

    text-shadow:
    0 0 15px var(--wp-teal);

}



/* DROPDOWN */


.wp-dropdown {

    display:none;

    position:absolute;

    top:45px;

    left:50%;

    transform:translateX(-50%);

    min-width:230px;

    padding:10px 0;

    background:rgba(10,10,14,.96);

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

    border-radius:15px;

    backdrop-filter:blur(20px);

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

}



.wp-menu li:hover .wp-dropdown {

    display:block;

}



.wp-dropdown a {

    display:block;

    padding:12px 20px;

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

    text-transform:uppercase;

    font-size:15px;

}



.wp-dropdown a:hover {

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

    color:white;

}



/* HEADER ICONS */


.wp-actions {

    display:flex;

    gap:15px;

}



.wp-actions a {

    font-size:20px;

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

    transition:.25s ease;

}



.wp-actions a:hover {

    color:var(--wp-cyan);

    text-shadow:
    0 0 20px var(--wp-cyan);

}


/* MOBILE BUTTON */


.wp-mobile-toggle {

    display:none;

    background:none;

    border:none;

    color:white;

    font-size:25px;

}



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


.wp-btn {

    display:inline-block;

    padding:16px 35px;

    border-radius:40px;

    text-transform:uppercase;

    letter-spacing:.12em;

    font-weight:800;

    transition:.3s ease;

}



.wp-btn-primary {

    background:var(--wp-teal);

    color:black;

    box-shadow:
    0 0 20px rgba(8,226,165,.5);

}



.wp-btn-primary:hover {

    transform:translateY(-4px);

    box-shadow:
    0 0 40px rgba(8,226,165,.9);

}



.wp-btn-secondary {

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

    color:white;

}



.wp-btn-secondary:hover {

    border-color:var(--wp-cyan);

    color:var(--wp-cyan);

    box-shadow:
    0 0 25px rgba(0,229,255,.4);

}
/* ==========================================
   HERO SECTION
========================================== */


.wp-hero {

    min-height:calc(100vh - 100px);

    max-width:1400px;

    margin:auto;

    padding:80px 50px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:60px;

    overflow:hidden;

}



.wp-hero-content {

    max-width:650px;

}



.wp-hero-kicker,
.wp-section-kicker {

    color:var(--wp-teal);

    text-transform:uppercase;

    letter-spacing:.25em;

    font-size:14px;

    font-weight:700;

}



.wp-hero-kicker {

    margin-bottom:25px;

}



.wp-hero h1 {

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

    line-height:1;

    text-transform:uppercase;

    font-weight:800;

    margin-bottom:30px;

}



.wp-hero-text {

    color:var(--wp-text-muted);

    font-size:20px;

    line-height:1.6;

    max-width:520px;

}



.wp-hero-buttons {

    display:flex;

    gap:20px;

    margin-top:40px;

}



/* HERO IMAGE */


.wp-hero-image {

    width:50%;

    display:flex;

    justify-content:center;

    position:relative;

}



.wp-hero-image img {

    max-height:650px;

    object-fit:contain;

    position:relative;

    z-index:2;

    filter:
    drop-shadow(0 0 35px rgba(0,229,255,.5));

    animation:wpFloat 6s ease-in-out infinite;

}



.wp-glow {

    position:absolute;

    width:450px;

    height:450px;

    background:

    radial-gradient(
        circle,
        rgba(0,229,255,.35),
        rgba(176,92,255,.2),
        transparent 70%
    );

    filter:blur(50px);

}



@keyframes wpFloat {

    0%,100% {

        transform:translateY(0);

    }

    50% {

        transform:translateY(-20px);

    }

}



/* ==========================================
   COLLECTIONS
========================================== */


.wp-collections {

    max-width:1400px;

    margin:auto;

    padding:100px 50px;

}



.wp-section-header {

    text-align:center;

    max-width:700px;

    margin:0 auto 60px;

}



.wp-section-header h2 {

    margin:20px 0;

    font-size:clamp(36px,5vw,60px);

    text-transform:uppercase;

    font-weight:800;

}



.wp-section-header p {

    color:var(--wp-text-muted);

    font-size:18px;

    line-height:1.6;

}



.wp-collection-grid {

    display:grid;

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

    gap:30px;

}



.wp-collection-card {

    height:450px;

    position:relative;

    overflow:hidden;

    border-radius:25px;

    background:#080808;

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

    transition:.4s ease;

}



.wp-collection-card img {

    width:100%;

    height:100%;

    object-fit:cover;

    opacity:.75;

    transition:.5s ease;

}



.wp-card-overlay {

    position:absolute;

    inset:0;

    padding:35px;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    background:

    linear-gradient(
        transparent,
        rgba(0,0,0,.9)
    );

}



.wp-card-overlay h3 {

    font-size:32px;

    text-transform:uppercase;

}



.wp-card-overlay span {

    margin-top:10px;

    color:var(--wp-cyan);

    text-transform:uppercase;

    letter-spacing:.15em;

}



.wp-collection-card:hover {

    transform:translateY(-10px);

    border-color:var(--wp-teal);

    box-shadow:
    0 0 35px rgba(8,226,165,.35);

}



.wp-collection-card:hover img {

    transform:scale(1.08);

}



/* ==========================================
   STORY / EDUCATE
========================================== */


.wp-story {

    max-width:1400px;

    margin:auto;

    padding:120px 50px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}



.wp-story-content h2 {

    margin:25px 0;

    font-size:clamp(40px,5vw,70px);

    line-height:1;

    text-transform:uppercase;

}



.wp-story-content p {

    color:var(--wp-text-muted);

    font-size:20px;

    line-height:1.7;

    max-width:550px;

}



.wp-story-content .wp-btn {

    margin-top:35px;

}



.wp-story-grid {

    display:grid;

    gap:25px;

}



.wp-story-card {

    padding:30px;

    background:var(--wp-card);

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

    border-radius:20px;

    backdrop-filter:blur(15px);

    transition:.35s ease;

}



.wp-story-card:hover {

    transform:translateX(10px);

    border-color:var(--wp-cyan);

    box-shadow:
    0 0 30px rgba(0,229,255,.25);

}



.wp-icon {

    color:var(--wp-teal);

    font-size:35px;

    margin-bottom:15px;

}



.wp-story-card h3 {

    text-transform:uppercase;

    margin-bottom:10px;

}



.wp-story-card p {

    font-size:16px;

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

}



/* ==========================================
   FEATURED PIECES
========================================== */


.wp-featured {

    max-width:1500px;

    margin:auto;

    padding:120px 50px;

}



.wp-featured-grid {

    display:grid;

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

    gap:35px;

}



.wp-feature-card {

    position:relative;

    min-height:620px;

    overflow:hidden;

    border-radius:28px;

    background:#090909;

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

    transition:.45s ease;

}



.wp-feature-card img {

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s ease;

}



.wp-feature-overlay {

    position:absolute;

    inset:0;

    padding:40px;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    background:

    linear-gradient(
        transparent 20%,
        rgba(0,0,0,.92)
    );

}



.wp-feature-overlay h3 {

    font-size:34px;

    text-transform:uppercase;

    margin-bottom:15px;

}



.wp-feature-overlay p {

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

    line-height:1.7;

    margin-bottom:25px;

}



.wp-feature-overlay span {

    color:var(--wp-cyan);

    text-transform:uppercase;

    letter-spacing:.15em;

    font-weight:700;

}



.wp-feature-card:hover {

    transform:translateY(-12px);

    border-color:var(--wp-teal);

    box-shadow:
    0 0 45px rgba(8,226,165,.35);

}



.wp-feature-card:hover img {

    transform:scale(1.05);

}
/* ==========================================
   REVIEWS / SOCIAL PROOF
========================================== */


.wpg-proof {

    padding:120px 50px;

    background:#000;

}



.wpg-proof-inner {

    max-width:1200px;

    margin:auto;

}



.wpg-proof-label {

    color:var(--wp-teal);

    text-transform:uppercase;

    letter-spacing:.25em;

    font-size:12px;

    font-weight:700;

    margin-bottom:40px;

}



.wpg-proof-grid {

    display:grid;

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

    gap:20px;

}



.wpg-card {

    background:var(--wp-card);

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

    border-radius:20px;

    padding:30px;

    display:flex;

    flex-direction:column;

    gap:15px;

    transition:.3s ease;

}



.wpg-card:hover {

    transform:translateY(-8px);

    border-color:var(--wp-teal);

}



.wpg-card--ig:hover {

    border-color:var(--wp-purple);

}



.wpg-rating {

    display:flex;

    gap:5px;

    align-items:center;

}



.wpg-star {

    width:18px;

    height:18px;

    color:var(--wp-teal);

}



.wpg-rating-num {

    color:var(--wp-teal);

    font-weight:700;

}



.wpg-review-text {

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

    line-height:1.7;

    font-style:italic;

}



.wpg-source {

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:auto;

}



.wpg-source-badge {

    padding:5px 10px;

    border-radius:5px;

    font-size:11px;

    text-transform:uppercase;

    font-weight:700;

}



.wpg-source-badge.glasspass {

    background:var(--wp-teal);

    color:#000;

}



.wpg-source-badge.ig {

    background:var(--wp-purple);

    color:white;

}



.wpg-date {

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

    font-size:12px;

}



/* ==========================================
   WHOLESALE
========================================== */


.wp-wholesale {

    max-width:1400px;

    margin:auto;

    padding:120px 50px;

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:80px;

    align-items:center;

}



.wp-wholesale-content h2 {

    margin:25px 0;

    font-size:clamp(42px,5vw,68px);

    text-transform:uppercase;

    line-height:1.05;

}



.wp-wholesale-text {

    color:var(--wp-text-muted);

    font-size:20px;

    line-height:1.8;

    margin-bottom:40px;

}



.wp-wholesale-features {

    display:grid;

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

    gap:20px;

}



.wp-feature-item {

    padding:25px;

    background:var(--wp-card);

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

    border-radius:20px;

    display:flex;

    gap:15px;

    transition:.3s ease;

}



.wp-feature-item:hover {

    transform:translateY(-6px);

    border-color:var(--wp-teal);

    box-shadow:
    0 0 30px rgba(8,226,165,.2);

}



.wp-feature-item span {

    color:var(--wp-teal);

    font-size:25px;

}



.wp-feature-item h3 {

    text-transform:uppercase;

    margin-bottom:8px;

}



.wp-feature-item p {

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

    font-size:14px;

    line-height:1.5;

}



/* ==========================================
   WP GLASS CLUB
========================================== */


.wp-club {

    max-width:1400px;

    margin:auto;

    padding:120px 50px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}



.wp-club-content h2 {

    font-size:clamp(42px,5vw,70px);

    text-transform:uppercase;

    line-height:1;

    margin:25px 0;

}



.wp-club-content p {

    color:var(--wp-text-muted);

    font-size:20px;

    line-height:1.8;

}



.wp-club-grid {

    display:grid;

    gap:25px;

}



.wp-club-card {

    padding:35px;

    border-radius:25px;

    background:var(--wp-card);

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

    transition:.35s ease;

}



.wp-club-card:hover {

    transform:translateX(10px);

    border-color:var(--wp-purple);

    box-shadow:
    0 0 35px rgba(176,92,255,.3);

}



.wp-club-card span {

    color:var(--wp-teal);

    font-size:35px;

}



.wp-club-card h3 {

    margin:15px 0;

    text-transform:uppercase;

}



.wp-club-card p {

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

}



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


.wp-footer {

    margin-top:100px;

    padding:80px 50px 30px;

    background:

    linear-gradient(
        180deg,
        #050505,
        #020202
    );

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

}



.wp-footer-inner {

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1fr;

    gap:50px;

}



.wp-footer-brand img {

    width:220px;

    margin-bottom:20px;

}



.wp-footer-brand p {

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

    line-height:1.7;

    max-width:350px;

}



.wp-footer-socials {

    display:flex;

    gap:20px;

    margin-top:25px;

}



.wp-footer-socials a {

    color:var(--wp-teal);

    text-transform:uppercase;

    font-size:13px;

}



.wp-footer-links {

    display:flex;

    flex-direction:column;

    gap:15px;

}



.wp-footer-links h3 {

    text-transform:uppercase;

    letter-spacing:.15em;

}



.wp-footer-links a {

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

}



.wp-footer-links a:hover {

    color:var(--wp-cyan);

}



.wp-footer-bottom {

    max-width:1400px;

    margin:60px auto 0;

    padding-top:25px;

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

    display:flex;

    justify-content:space-between;

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

    font-size:13px;

    text-transform:uppercase;

}



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


@media(max-width:1100px){


.wp-hero {

    flex-direction:column;

    text-align:center;

}



.wp-hero-image {

    width:100%;

}



.wp-hero-text {

    margin:auto;

}



.wp-hero-buttons {

    justify-content:center;

    flex-wrap:wrap;

}



.wp-collection-grid,
.wp-featured-grid,
.wpg-proof-grid {

    grid-template-columns:1fr;

}



.wp-story,
.wp-wholesale,
.wp-club {

    grid-template-columns:1fr;

    text-align:center;

}



.wp-wholesale-features {

    grid-template-columns:1fr;

}



.wp-story-card:hover,
.wp-club-card:hover {

    transform:none;

}


.wp-footer-inner {

    grid-template-columns:1fr;

    text-align:center;

}



.wp-footer-brand p {

    margin:auto;

}



.wp-footer-socials {

    justify-content:center;

}



.wp-footer-bottom {

    flex-direction:column;

    text-align:center;

    gap:15px;

}



}



@media(max-width:1000px){


.wp-search,
.wp-menu {

    display:none;

}



.wp-mobile-toggle {

    display:block;

}



.wp-header-inner {

    padding:0 20px;

}



.wp-logo img {

    height:90px;

}


.wp-hero,
.wp-collections,
.wp-story,
.wp-featured,
.wp-wholesale,
.wp-club,
.wp-reviews {

    padding-left:25px;

    padding-right:25px;

}


}
/* Hide mobile menu until mobile navigation is rebuilt */
.wp-mobile-menu {
    display:none !important;
}

.wp-mobile-toggle {
    display:none !important;
}
/* ==========================================
SHOP HERO
========================================== */

.wp-shop-hero{

    min-height:85vh;

    max-width:1400px;

    margin:auto;

    padding:140px 60px 100px;

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:80px;

}

.wp-shop-hero-content h1{

    font-size:clamp(56px,7vw,92px);

    line-height:.95;

    margin:20px 0;

}

.wp-shop-text{

    max-width:620px;

    color:#bdbdbd;

    font-size:20px;

    line-height:1.8;

    margin-bottom:45px;

}

.wp-shop-hero-image{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

}

.wp-shop-hero-image img{

    width:100%;

    max-width:560px;

    position:relative;

    z-index:2;

    animation:floatGlass 8s ease-in-out infinite;

}

.wp-shop-glow{

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(0,229,255,.18),
    transparent 70%);

    filter:blur(40px);

    animation:pulseGlow 6s ease-in-out infinite;

}

@keyframes floatGlass{

    0%,100%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-14px);

    }

}

@keyframes pulseGlow{

    0%,100%{

        transform:scale(1);

        opacity:.8;

    }

    50%{

        transform:scale(1.15);

        opacity:1;

    }

}

@media(max-width:1000px){

    .wp-shop-hero{

        grid-template-columns:1fr;

        text-align:center;

        padding:120px 25px 80px;

        gap:50px;

    }

    .wp-shop-text{

        margin:auto auto 40px;

    }

}
.why-shop{
    padding:120px 8%;
    background:linear-gradient(180deg,#0d0d0d 0%,#090909 100%);
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:2rem;
    margin-top:4rem;
}

.why-card{
    padding:2rem;
    background:#111;
    border:1px solid #222;
    border-radius:16px;
    transition:.3s;
}

.why-card:hover{
    transform:translateY(-8px);
    border-color:var(--teal);
    box-shadow:0 0 30px rgba(17,215,200,.15);
}

.why-icon{
    font-size:2rem;
    color:var(--teal);
    margin-bottom:1rem;
}

.why-card h3{
    margin-bottom:.8rem;
}

.why-card p{
    color:#9f9f9f;
    line-height:1.7;
}

@media(max-width:900px){

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

}
/* FAQ PAGE */

.faq-page {
    padding-top: 120px;
}


.page-hero {
    text-align:center;
    max-width:800px;
    margin:auto;
    padding:60px 20px;
}


.page-hero h1 {
    font-size:3rem;
}


.faq-container {
    max-width:900px;
    margin:auto;
    padding:20px;
}


.faq-category {
    margin-bottom:60px;
}


.faq-category h2 {
    margin-bottom:25px;
}


.faq-item {
    border-bottom:1px solid rgba(255,255,255,.15);
}


.faq-question {
    width:100%;
    background:none;
    border:none;
    color:white;
    padding:20px 0;
    font-size:1.1rem;
    display:flex;
    justify-content:space-between;
    cursor:pointer;
}


.faq-answer {
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease;
    opacity:.8;
}


.faq-answer p {
    padding-bottom:20px;
}


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


.faq-item.active span {
    transform:rotate(45deg);
}


.faq-question span {
    transition:.3s;
}


.faq-cta {
    text-align:center;
    margin:80px 0;
    padding:40px;
}
/* ==========================================
   SHARED CONTENT SECTIONS
========================================== */

.section{
    max-width:1400px;
    margin:auto;
    padding:120px 50px;
}


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


.eyebrow{
    color:var(--wp-teal);
    text-transform:uppercase;
    letter-spacing:.25em;
    font-size:14px;
    font-weight:700;
}


.section h2{
    font-size:clamp(40px,5vw,65px);
    line-height:1;
    text-transform:uppercase;
    margin-bottom:30px;
}


.section p{
    color:var(--wp-text-muted);
    font-size:18px;
    line-height:1.8;
    margin-bottom:20px;
}


/* CARDS */

.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
    margin-top:50px;
}


.card{
    background:var(--wp-card);
    border:1px solid var(--wp-border);
    border-radius:20px;
    padding:35px;
    transition:.3s ease;
}


.card:hover{
    transform:translateY(-8px);
    border-color:var(--wp-teal);
    box-shadow:0 0 30px rgba(8,226,165,.25);
}


.card h3{
    margin-bottom:15px;
    text-transform:uppercase;
}


.card p{
    color:rgba(255,255,255,.65);
    font-size:16px;
}


/* PLACEHOLDERS */

.placeholder{
    min-height:400px;
    border-radius:25px;
    border:1px solid var(--wp-border);
    background:rgba(255,255,255,.04);
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}


.placeholder h3{
    font-size:30px;
    text-transform:uppercase;
}


.placeholder p{
    color:var(--wp-text-muted);
}


/* COMMUNITY BOX */

.community-box{
    background:rgba(255,255,255,.04);
    border:1px solid var(--wp-border);
    border-radius:25px;
    padding:60px;
    text-align:center;
}


.community{
    padding-bottom:150px;
}


.button{
    display:inline-block;
    margin-top:25px;
    padding:16px 35px;
    border-radius:40px;
    background:var(--wp-teal);
    color:#000;
    font-weight:800;
    text-transform:uppercase;
}


@media(max-width:900px){

.section{
    padding:80px 25px;
}

.section.split{
    grid-template-columns:1fr;
}

.community-box{
    padding:35px 20px;
}

}