/* =========================================================
   Philosophy Visual
========================================================= */

.philosophy-visual {
    position: relative;

    margin: 56px 0 72px;
    padding: 14px;

    border: 1px solid rgba(255, 215, 140, 0.34);
    border-radius: 2px;

    background:
        linear-gradient(
            135deg,
            rgba(40, 26, 8, 0.32),
            rgba(8, 14, 32, 0.52)
        );

    box-shadow:
        0 0 22px rgba(255, 210, 120, 0.12),
        0 0 72px rgba(255, 180, 60, 0.08),
        inset 0 0 24px rgba(255, 220, 160, 0.04);

    overflow: hidden;
}

.philosophy-visual::before {
    content: "";

    position: absolute;
    top: -1px;
    left: 0;

    width: 38%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(255, 235, 180, 0.95),
            rgba(255, 200, 120, 0.55),
            rgba(255, 255, 255, 0)
        );

    box-shadow:
        0 0 10px rgba(255, 220, 140, 0.28),
        0 0 24px rgba(255, 180, 60, 0.14);
}

.philosophy-visual img {
    display: block;

    width: 100%;
    height: auto;

    border-radius: 2px;
}


/* =========================================================
   Responsive
========================================================= */

@media (max-width: 768px) {

    .philosophy-visual {
        margin: 42px 0 56px;
        padding: 10px;
    }

}