.power-thoughts-page{

    padding:120px 60px;

    background:
    linear-gradient(rgba(244,239,231,0.95),
    rgba(244,239,231,0.95)),

    url("https://as2.ftcdn.net/v2/jpg/15/34/34/33/1000_F_1534343373_2iL69ib0BalQA7qNvC1nLe7foTiCKZFJ.jpg");

    min-height:100vh;
}

/* HEADER */

.power-header{

    text-align:center;
    max-width:800px;
    margin:auto auto 70px;
}

.power-header h1{

    font-size:60px;
    font-family:'Playfair Display', serif;

    color:#1c1c2e;

    margin:20px 0;
}

.sub-text{

    color:#555;
    line-height:1.8;
}

/* GRID */

.power-grid{

    display:grid;

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

    gap:30px;

    max-width:1200px;

    margin:auto;
}

/* CARD */

.power-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    text-decoration:none;

    transition:.4s;

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

.power-card:hover{

    transform:translateY(-8px);
}

/* IMAGE */

.power-image{

    position:relative;
}

.power-image img{

    width:100%;
    height:260px;
    object-fit:cover;
}

/* PLAY BUTTON */

.play-btn{

    position:absolute;

    top:50%;
    left:50%;

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

    width:70px;
    height:70px;

    border-radius:50%;

    background:#ff3d00;

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

    color:#fff;

    font-size:28px;
}

/* CONTENT */

.power-content{

    padding:25px;
}

.power-content h3{

    color:#1c1c2e;

    font-size:22px;

    line-height:1.4;
}

/* RESPONSIVE */

@media(max-width:992px){

    .power-grid{

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

    .power-header h1{

        font-size:42px;
    }
}

@media(max-width:600px){

    .power-grid{

        grid-template-columns:1fr;
    }

    .power-thoughts-page{

        padding:100px 20px;
    }

    .power-header h1{

        font-size:32px;
    }
}