@charset "UTF-8";

/*
 * Bloom Beauty School Premium Brand Version 10.1
 * Hero image differentiation + AquaMoon brand connection
 */

.hero-photo img{
    object-position:center 46% !important;
    filter:brightness(1.04) saturate(.92);
}

.hero-white-gradient{
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.99) 18%,
            rgba(255,255,255,.93) 32%,
            rgba(255,255,255,.69) 46%,
            rgba(255,255,255,.20) 66%,
            rgba(255,255,255,0) 82%
        ) !important;
}

.aquamoon{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 86% 22%,rgba(198,223,232,.72),transparent 28%),
        radial-gradient(circle at 75% 80%,rgba(232,215,241,.62),transparent 30%),
        linear-gradient(135deg,#fbfdff 0%,#f7f5fb 48%,#fff 100%);
}

.aquamoon::before{
    position:absolute;
    inset:0;
    content:"";
    pointer-events:none;
    background:
        linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.42) 48% 52%,transparent 52% 100%);
    opacity:.65;
}

.aquamoon-inner{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1.04fr .96fr;
    gap:clamp(52px,8vw,110px);
    align-items:center;
}

.aquamoon-copy h2{
    margin:0;
    color:var(--blue-deep);
    font-family:var(--serif);
    font-size:clamp(38px,4.8vw,64px);
    font-weight:500;
    line-height:1.45;
    letter-spacing:.055em;
}

.aquamoon-copy h2 span{
    display:block;
}

.aquamoon-copy>p:not(.section-en){
    max-width:650px;
    margin:26px 0 0;
    color:var(--muted);
    font-size:16px;
}

.aquamoon-points{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:28px 0 0;
}

.aquamoon-points span{
    padding:8px 15px;
    border:1px solid rgba(112,152,170,.28);
    border-radius:999px;
    background:rgba(255,255,255,.68);
    color:var(--blue-deep);
    font-size:12px;
    font-weight:700;
}

.aquamoon-copy .button{
    margin-top:32px;
}

.aquamoon-visual{
    position:relative;
    display:grid;
    min-height:470px;
    place-content:center;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.72);
    border-radius:50% 50% 44% 56% / 58% 48% 52% 42%;
    background:
        radial-gradient(circle at 38% 32%,rgba(255,255,255,.98),rgba(237,246,250,.88) 34%,rgba(211,226,239,.68) 62%,rgba(190,204,229,.42) 100%);
    box-shadow:
        inset 0 0 70px rgba(255,255,255,.88),
        0 30px 80px rgba(61,83,122,.16);
    text-align:center;
}

.moon-glow{
    position:absolute;
    width:270px;
    height:270px;
    border-radius:50%;
    background:
        radial-gradient(circle at 38% 35%,#fff 0%,#f5f7ff 42%,#dce7f3 68%,rgba(206,216,237,.28) 100%);
    box-shadow:0 0 80px rgba(255,255,255,.95);
}

.aquamoon-wordmark,
.aquamoon-sub{
    position:relative;
    z-index:2;
}

.aquamoon-wordmark{
    margin:0;
    color:#526d91;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(44px,5vw,72px);
    font-style:italic;
    letter-spacing:.06em;
    text-shadow:0 2px 18px rgba(255,255,255,.85);
}

.aquamoon-sub{
    margin:10px 0 0;
    color:#7b8293;
    font-family:Georgia,"Times New Roman",serif;
    font-size:11px;
    letter-spacing:.22em;
    text-transform:uppercase;
}

@media(max-width:900px){
    .hero-photo img{
        object-position:46% center !important;
    }

    .aquamoon-inner{
        grid-template-columns:1fr;
    }

    .aquamoon-visual{
        min-height:390px;
    }
}

@media(max-width:620px){
    .hero-photo img{
        object-position:52% center !important;
    }

    .aquamoon-copy h2{
        font-size:34px;
    }

    .aquamoon-copy h2 span{
        white-space:normal;
    }

    .aquamoon-points{
        display:grid;
        grid-template-columns:1fr;
    }

    .aquamoon-visual{
        min-height:320px;
    }

    .moon-glow{
        width:210px;
        height:210px;
    }
}