@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&family=Montserrat:wght@500;600&family=Noto+Serif:ital,wght@0,400;0,600;1,400&display=swap");

#bmq-emag {
    display: block !important;
    width: 100% !important;
    max-width: 1920px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #03153f !important;
    color: #222222 !important;
    font-family: Inter, Arial, sans-serif !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    text-align: left !important;
    line-height: 1.5 !important;
    font-size: 16px !important;
}

#bmq-emag *,
#bmq-emag *::before,
#bmq-emag *::after {
    box-sizing: border-box !important;
}

#bmq-emag img {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    float: none !important;
}

#bmq-emag .cover,
#bmq-emag .sapo-block {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #03153f;
}

#bmq-emag .cover-bg,
#bmq-emag .sapo-bg {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
}

#bmq-emag .cover-shell {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: none;
    mix-blend-mode: screen;
}

#bmq-emag .cover-orbit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    pointer-events: none;
    overflow: visible;
    transform: translateY(calc(138px - 10.67%));
}

#bmq-emag .rim-glint {
    fill: url(#bmq-glint);
    mix-blend-mode: screen;
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation: none;
}

#bmq-emag.js-ready.cover-play .rim-glint {
    animation: bmqGlint 3.2s ease-in-out infinite;
}

#bmq-emag.js-ready.cover-play .rim-glint:nth-child(1) { animation-delay: 1.95s; }
#bmq-emag.js-ready.cover-play .rim-glint:nth-child(2) { animation-delay: 2.5s; }
#bmq-emag.js-ready.cover-play .rim-glint:nth-child(3) { animation-delay: 3.2s; }
#bmq-emag.js-ready.cover-play .rim-glint:nth-child(4) { animation-delay: 3.85s; }
#bmq-emag.js-ready.cover-play .rim-glint:nth-child(5) { animation-delay: 2.9s; }

#bmq-emag .glint-bit {
    fill: url(#bmq-glint);
    mix-blend-mode: screen;
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation: none;
}

#bmq-emag.js-ready.cover-play .glint-bit {
    animation: bmqBit 2.6s ease-in-out infinite;
}

@keyframes bmqGlint {
    0%, 62%, 100% { opacity: 0; transform: scale(0.35); }
    8% { opacity: 1; transform: scale(1); }
    16% { opacity: 0.35; transform: scale(1.45); }
    26% { opacity: 0; transform: scale(0.5); }
}

@keyframes bmqBit {
    0%, 72%, 100% { opacity: 0; transform: scale(0.3); }
    8% { opacity: 1; transform: scale(1); }
    14% { opacity: 0.25; transform: scale(1.35); }
    22% { opacity: 0; transform: scale(0.25); }
}

#bmq-emag .cover-logo-wrap {
    position: absolute;
    left: 4.4%;
    top: 58px;
    z-index: 5;
    width: 18.68%;
    aspect-ratio: 388 / 123;
    overflow: hidden;
}

#bmq-emag .cover-logo {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill;
}

#bmq-emag .cover-num {
    position: absolute;
    left: -2.6%;
    top: calc(138px + 6.93%);
    z-index: 5;
    display: block !important;
    width: 46% !important;
    height: auto !important;
    max-width: none !important;
    mix-blend-mode: lighten;
}

#bmq-emag .cover-line {
    position: absolute;
    left: 0.1%;
    top: calc(138px + 38.73%);
    z-index: 5;
    display: block !important;
    width: 35.2% !important;
    height: auto !important;
    max-width: none !important;
    mix-blend-mode: lighten;
}

#bmq-emag .sapo-copy,
#bmq-emag .quote-copy {
    position: absolute;
    z-index: 2;
    display: block !important;
    height: auto !important;
    max-width: none !important;
}

#bmq-emag .sapo-copy {
    left: 19.36%;
    top: 4.93%;
    width: 61.7% !important;
}

#bmq-emag .quote-copy {
    left: 23.81%;
    top: 69.86%;
    width: 56.95% !important;
}

#bmq-emag.js-ready .cover-logo-wrap {
    opacity: 0;
    transform: translateY(16px);
}

#bmq-emag.js-ready .cover-num,
#bmq-emag.js-ready .cover-line,
#bmq-emag.js-ready .sapo-copy,
#bmq-emag.js-ready .quote-copy {
    opacity: 0;
    transform: translateY(18px);
}

#bmq-emag.js-ready.cover-play .cover-logo-wrap {
    animation: bmqLogoIn 0.7s 0.15s cubic-bezier(.22, 1, .36, 1) forwards;
}

#bmq-emag.js-ready.cover-play .cover-num {
    animation: bmqRunIn 0.85s 1.05s cubic-bezier(.22, 1, .36, 1) forwards;
}

#bmq-emag.js-ready.cover-play .cover-line {
    animation: bmqRiseIn 0.7s 2.05s cubic-bezier(.22, 1, .36, 1) forwards;
}

#bmq-emag.js-ready .sapo-block.is-in .sapo-copy {
    animation: bmqRiseIn 0.8s 0.1s cubic-bezier(.22, 1, .36, 1) forwards;
}

#bmq-emag.js-ready .quote-copy {
    transform: translateY(46px);
}

#bmq-emag.js-ready .sapo-block.is-in .quote-copy {
    animation: bmqRiseIn 0.85s 0.15s cubic-bezier(.22, 1, .36, 1) forwards;
}

#bmq-emag.js-ready .founder-copy {
    opacity: 0;
}

#bmq-emag.js-ready .founder-photo {
    opacity: 0;
    transform: translateY(32px);
}

#bmq-emag .founder.is-in .founder-copy {
    animation: bmqFade 0.8s ease forwards;
}

#bmq-emag .founder.is-in .founder-photo {
    animation: bmqRiseIn 0.85s 0.2s cubic-bezier(.22, 1, .36, 1) forwards;
}

@keyframes bmqLogoIn {
    to { opacity: 1; transform: translateY(0); }
}

@keyframes bmqRunIn {
    from { opacity: 0; transform: translateX(-78px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes bmqRiseIn {
    to { opacity: 1; transform: translateY(0); }
}

#bmq-emag.cover-done .cover-logo-wrap,
#bmq-emag.cover-done .cover-num,
#bmq-emag.cover-done .cover-line {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
    #bmq-emag .rim-glint,
    #bmq-emag .glint-bit {
        animation: none !important;
    }

    #bmq-emag .rim-glint,
    #bmq-emag .glint-bit {
        opacity: 0;
    }

#bmq-emag.js-ready .cover-logo-wrap,
#bmq-emag.js-ready .cover-num,
#bmq-emag.js-ready .cover-line,
#bmq-emag.js-ready .sapo-copy,
#bmq-emag.js-ready .quote-copy,
#bmq-emag.js-ready .founder-copy,
#bmq-emag.js-ready .founder-photo,
#bmq-emag.js-ready .pillar-card {
    opacity: 1;
    transform: none;
    animation: none !important;
}
}

#bmq-emag .founder {
    width: 100%;
    margin: 0;
    padding: 56px 0 64px;
    background: #011957;
}

#bmq-emag .founder-frame {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 450px;
    gap: 40px;
    align-items: start;
    width: min(820px, calc(100% - 48px));
    margin: 0 auto;
}

#bmq-emag .founder-copy p {
    margin: 0 0 18px;
    font-family: "Noto Serif", Georgia, serif !important;
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    color: #ffffff;
    text-align: justify;
}

#bmq-emag .founder-copy p:last-child {
    margin-bottom: 0;
}

#bmq-emag .founder-photo {
    position: relative;
    margin: 0;
    width: 450px;
}

#bmq-emag .founder-photo img {
    display: block !important;
    width: 450px !important;
    max-width: none !important;
    height: auto !important;
}

#bmq-emag .founder-photo figcaption {
    position: absolute;
    right: 14px;
    bottom: 12px;
    margin: 0;
    font-family: "Noto Serif", Georgia, serif !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    color: #f3f6fb;
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 860px) {
    #bmq-emag .founder-frame {
        grid-template-columns: 1fr;
        width: calc(100% - 36px);
    }

    #bmq-emag .founder-photo,
    #bmq-emag .founder-photo img {
        width: 100% !important;
        max-width: 450px;
    }

    #bmq-emag .founder-photo {
        margin: 0 auto;
    }
}

#bmq-emag .sec-head {
    margin: 0;
    padding: 24px 24px 8px;
    background: #021756;
    text-align: center;
}

#bmq-emag .sec-no {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 0 0 16px;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.16em;
    line-height: 1;
    color: #5369a2;
}

#bmq-emag .sec-no::before,
#bmq-emag .sec-no::after {
    content: "";
    width: 36px;
    height: 1px;
    background: #5369a2;
}

#bmq-emag .sec-kicker {
    margin: 0 0 8px;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(26px, 2.6vw, 38px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.04em;
    color: #f4f8fc;
    text-transform: uppercase;
}

#bmq-emag .sec-head h2 {
    margin: 0;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(36px, 3.6vw, 56px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.02em;
    color: #e0b163;
    text-transform: uppercase;
}

#bmq-emag .sec-infor {
    margin: 0;
    padding: 0;
    background: #021756;
}

#bmq-emag .sec-infor img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
}

#bmq-emag .logo-swap {
    position: relative;
    overflow: hidden;
}

#bmq-emag .logo-swap .logo-arrow {
    position: absolute;
    z-index: 2;
    left: 27.5%;
    top: 27%;
    width: 22% !important;
    max-width: none !important;
    height: auto !important;
    pointer-events: none;
}

#bmq-emag.js-ready .logo-swap .logo-arrow {
    opacity: 0;
}

#bmq-emag .logo-swap.is-in .logo-arrow {
    animation: bmqArrowRun 1.8s ease-in-out infinite;
}

@keyframes bmqArrowRun {
    0% {
        opacity: 0;
        transform: translate3d(-12%, 0, 0);
    }
    28%,
    72% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(12%, 0, 0);
    }
}

#bmq-emag .logo-orbit-light {
    display: block;
    position: absolute;
    z-index: 3;
    left: 72%;
    top: 54%;
    width: 46%;
    aspect-ratio: 1;
    pointer-events: none;
}

#bmq-emag .logo-orbit-light img {
    position: absolute;
    left: 50%;
    top: 0;
    width: 14% !important;
    max-width: none !important;
    height: auto !important;
    transform: translate(-50%, -50%) rotate(20deg);
    filter: blur(3px) saturate(0.75) brightness(1.15) drop-shadow(0 0 7px rgba(255, 190, 72, 0.5));
    mix-blend-mode: screen;
}

#bmq-emag .logo-orbit-light::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255, 229, 156, 1);
    box-shadow:
        -16px 7px 0 rgba(255, 192, 74, 0.85),
        13px 9px 0 rgba(255, 218, 132, 0.72),
        -5px 16px 0 rgba(255, 177, 50, 0.62),
        21px 4px 0 rgba(255, 226, 157, 0.55),
        -24px 14px 0 rgba(255, 188, 65, 0.48);
    transform: translate(-50%, -50%);
    filter: blur(0.45px) drop-shadow(0 0 3px rgba(255, 196, 78, 0.72));
}

#bmq-emag.js-ready .logo-orbit-light {
    opacity: 0;
}

#bmq-emag .logo-swap.is-in .logo-orbit-light {
    animation: bmqOrbitLight 2.7s linear infinite;
}

@keyframes bmqOrbitLight {
    0% {
        opacity: 0;
        left: 68.5%;
        top: 52.5%;
        transform: translate(-50%, -50%) rotate(-90deg);
    }
    10% {
        opacity: 0.42;
        left: 68.5%;
        top: 52.5%;
        transform: translate(-50%, -50%) rotate(-72deg);
    }
    50% {
        opacity: 0.42;
        left: 72%;
        top: 54%;
        transform: translate(-50%, -50%) rotate(0deg);
    }
    90% {
        opacity: 0.42;
        left: 72%;
        top: 54%;
        transform: translate(-50%, -50%) rotate(72deg);
    }
    100% {
        opacity: 0;
        left: 72%;
        top: 54%;
        transform: translate(-50%, -50%) rotate(90deg);
    }
}

#bmq-emag .logo-swap .logo-swap-old,
#bmq-emag .logo-swap .logo-swap-new {
    position: absolute;
    z-index: 1;
    height: auto !important;
    max-width: none !important;
}

#bmq-emag .logo-swap .logo-swap-old {
    left: 4%;
    top: 24%;
    width: 30% !important;
    transform-origin: center center;
}

#bmq-emag .logo-swap .logo-swap-new {
    left: 56%;
    top: 27%;
    width: 30% !important;
}

#bmq-emag.js-ready .logo-swap .logo-swap-old,
#bmq-emag.js-ready .logo-swap .logo-swap-new {
    opacity: 0;
}

#bmq-emag .logo-swap .logo-swap-new {
    z-index: 2;
}

#bmq-emag .logo-swap.is-in .logo-swap-old {
    animation: bmqLogoOld 5.2s linear forwards;
}

#bmq-emag .logo-swap.is-in .logo-swap-new {
    animation: bmqLogoNew 5.2s linear forwards;
}

@keyframes bmqLogoOld {
    0% { opacity: 0; transform: scale(1); }
    10% { opacity: 1; transform: scale(1); }
    40% { opacity: 1; transform: scale(1); }
    68% { opacity: 1; transform: scale(0.62); }
    100% { opacity: 1; transform: scale(0.62); }
}

@keyframes bmqLogoNew {
    0%, 34% {
        opacity: 0;
        left: 4%;
        top: 24%;
    }
    46% {
        opacity: 1;
        left: 4%;
        top: 24%;
    }
    100% {
        opacity: 1;
        left: 56%;
        top: 27%;
    }
}

#bmq-emag.js-ready .sec-head {
    opacity: 0;
    transform: translateY(24px);
}

#bmq-emag .sec-head.is-in {
    animation: bmqRiseIn 0.75s cubic-bezier(.22, 1, .36, 1) forwards;
}

#bmq-emag.js-ready .infor-shot img {
    opacity: 0;
}

#bmq-emag .infor-shot.is-in img {
    animation: bmqFade 1.15s ease forwards;
}

#bmq-emag .pair-block {
    margin: 0;
    padding: 36px 0 42px;
    background: #021756;
}

#bmq-emag .pair-frame {
    width: calc(100% - 48px);
    margin: 0 auto;
    padding: 14px 14px 22px;
    background: #031136;
    border: 1px solid #9a7844;
}

#bmq-emag .pair-photos {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 12px;
    align-items: stretch;
}

#bmq-emag .pair-shot {
    position: relative;
    overflow: hidden;
    min-height: 0;
}

#bmq-emag .pair-shot:first-child {
    aspect-ratio: 16 / 10;
}

#bmq-emag .pair-shot img {
    position: absolute;
    left: 0;
    top: 0;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    object-position: center center;
}

#bmq-emag .pair-zoom {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

#bmq-emag.js-ready .opal-block .pair-shot:first-child img {
    opacity: 0;
    transform: translateX(-34%);
}

#bmq-emag.js-ready .opal-block .pair-shot:last-child img {
    opacity: 0;
    transform: translateX(34%);
}

#bmq-emag .opal-block.is-in .pair-shot:first-child img {
    animation: bmqFromLeft 0.85s cubic-bezier(.22, 1, .36, 1) forwards;
}

#bmq-emag .opal-block.is-in .pair-shot:last-child img {
    animation: bmqFromRight 0.85s cubic-bezier(.22, 1, .36, 1) forwards;
}

#bmq-emag.js-ready .opal-block .pair-quote {
    opacity: 0;
}

#bmq-emag .opal-block.is-in .pair-quote {
    animation: bmqFade 0.7s 0.55s ease forwards;
}

#bmq-emag.pop-open {
    overflow: visible !important;
}

#bmq-emag .bmq-pop {
    position: fixed;
    inset: 0;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    background: rgba(2, 8, 28, 0.88);
}

#bmq-emag .bmq-pop[hidden] {
    display: none !important;
}

#bmq-emag .bmq-pop img {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: min(1100px, 90vw) !important;
    max-height: 84vh !important;
    object-fit: contain;
}

#bmq-emag .bmq-pop-x {
    position: absolute;
    top: 16px;
    right: 18px;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #f4f8fc;
    font-size: 32px;
    line-height: 40px;
    cursor: pointer;
}

#bmq-emag .pair-quote {
    margin: 18px 12px 0;
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
    color: #e8b56a;
    background-image: linear-gradient(180deg, #fce09e, #d0772b);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#bmq-emag .pair-copy {
    width: min(820px, calc(100% - 48px));
    margin: 22px auto 0;
    font-family: "Noto Serif", Georgia, serif !important;
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    color: #ffffff;
    text-align: justify;
}

#bmq-emag .trio-block {
    padding-top: 8px;
}

#bmq-emag .trio-photos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

#bmq-emag .trio-shot {
    position: relative;
    overflow: hidden;
    min-height: 0;
    aspect-ratio: 2.07 / 1;
}

#bmq-emag .trio-shot--tall {
    grid-column: 2;
    grid-row: 1 / span 2;
    aspect-ratio: auto;
}

#bmq-emag .trio-shot img {
    position: absolute;
    left: 0;
    top: 0;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    object-position: center center;
}

#bmq-emag .trio-block .pair-quote {
    margin-top: 28px;
}

#bmq-emag.js-ready .pair-copy,
#bmq-emag.js-ready .trio-shot,
#bmq-emag.js-ready .trio-block .pair-quote,
#bmq-emag.js-ready .sec-infor:not(.infor-shot):not(.logo-swap),
#bmq-emag.js-ready .speech-bg,
#bmq-emag.js-ready .finale-bg,
#bmq-emag.js-ready .sapo-bg {
    opacity: 0;
}

#bmq-emag .pair-copy.is-in,
#bmq-emag .trio-block .pair-quote.is-in,
#bmq-emag .sec-infor:not(.infor-shot):not(.logo-swap).is-in,
#bmq-emag .speech-bg.is-in,
#bmq-emag .finale-bg.is-in,
#bmq-emag .sapo-bg.is-in {
    animation: bmqFade 0.95s ease forwards;
}

#bmq-emag .trio-photos.is-in .trio-shot {
    animation: bmqFade 0.9s ease forwards;
}

#bmq-emag .trio-photos.is-in .trio-shot:nth-child(2) {
    animation-delay: 0.18s;
}

#bmq-emag .trio-photos.is-in .trio-shot:nth-child(3) {
    animation-delay: 0.42s;
}

#bmq-emag .prive-block {
    padding-top: 8px;
    background: #021756;
}

#bmq-emag .prive-block .pair-frame {
    width: calc(100% - 48px);
    margin: 0 auto;
    padding: 14px 14px 0;
    background: transparent;
    border: none;
}

#bmq-emag .prive-hero {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1866 / 1049;
}

#bmq-emag .prive-hero img {
    position: absolute;
    left: 0;
    top: 0;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    object-position: center center;
}

#bmq-emag .prive-hero .pair-quote {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 28px;
    z-index: 1;
    margin: 0;
}

#bmq-emag .prive-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    margin-top: 12px;
}

#bmq-emag .prive-shot {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.72 / 1;
}

#bmq-emag .prive-shot img {
    position: absolute;
    left: 0;
    top: 0;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    object-position: center center;
}

#bmq-emag.js-ready .prive-hero img,
#bmq-emag.js-ready .prive-hero .pair-quote,
#bmq-emag.js-ready .prive-shot {
    opacity: 0;
}

#bmq-emag.js-ready .prive-shot:nth-child(1) {
    transform: translateX(28%);
}

#bmq-emag.js-ready .prive-shot:nth-child(3) {
    transform: translateX(-28%);
}

#bmq-emag .prive-block.is-in .prive-hero img {
    animation: bmqFade 0.9s ease forwards;
}

#bmq-emag .prive-block.is-in .prive-hero .pair-quote {
    animation: bmqFade 0.7s 0.45s ease forwards;
}

#bmq-emag .prive-block.is-in .prive-shot:nth-child(2) {
    animation: bmqFade 0.7s 0.9s ease forwards;
}

#bmq-emag .prive-block.is-in .prive-shot:nth-child(1) {
    animation: bmqOutLeft 0.75s 1.2s cubic-bezier(.22, 1, .36, 1) forwards;
}

#bmq-emag .prive-block.is-in .prive-shot:nth-child(3) {
    animation: bmqOutRight 0.75s 1.2s cubic-bezier(.22, 1, .36, 1) forwards;
}

@keyframes bmqOutLeft {
    from { opacity: 0; transform: translateX(28%); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes bmqOutRight {
    from { opacity: 0; transform: translateX(-28%); }
    to { opacity: 1; transform: translateX(0); }
}

#bmq-emag .pillar-block {
    margin: 0;
    padding: 8px 0 12px;
    background: #021756;
}

#bmq-emag .pillar-row {
    width: min(980px, calc(100% - 48px));
    margin: 28px auto 0;
}

#bmq-emag .pillar-card {
    margin: 0;
}

#bmq-emag .pillar-card img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
}

#bmq-emag.js-ready .pillar-card {
    opacity: 0;
    transform: none;
}

#bmq-emag .pillar-row.is-in .pillar-card {
    animation: bmqFade 0.8s ease-out forwards;
}

#bmq-emag .speech {
    margin: 0;
    background: #021756;
}

#bmq-emag .speech-frame {
    position: relative;
}

#bmq-emag .speech-bg {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
}

#bmq-emag .speech-card {
    position: absolute;
    left: 23.85%;
    top: 7.8%;
    z-index: 2;
    display: block !important;
    width: 52.3% !important;
    height: auto !important;
    max-width: none !important;
}

#bmq-emag.js-ready .speech-card {
    opacity: 0;
    transform: translateY(18px);
}

#bmq-emag .speech.is-in .speech-card {
    animation: bmqRiseIn 0.8s 0.45s cubic-bezier(.22, 1, .36, 1) forwards;
}

#bmq-emag .duo {
    width: 100%;
    margin: 0;
    padding: 28px 15.55% 36px;
    display: grid;
    grid-template-columns: 778fr 628fr;
    gap: 0;
    background: #021756;
}

#bmq-emag .duo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
}

#bmq-emag.js-ready .duo-quote {
    opacity: 0;
    transform: translateX(-28%);
}

#bmq-emag.js-ready .duo-photo {
    opacity: 0;
    transform: translateX(28%);
}

#bmq-emag .duo.is-in .duo-quote {
    animation: bmqFromLeft 0.9s cubic-bezier(.22, 1, .36, 1) forwards;
}

#bmq-emag .duo.is-in .duo-photo {
    animation: bmqFromRight 0.9s cubic-bezier(.22, 1, .36, 1) forwards;
}

@keyframes bmqFromLeft {
    from { opacity: 0; transform: translateX(-28%); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes bmqFromRight {
    from { opacity: 0; transform: translateX(28%); }
    to { opacity: 1; transform: translateX(0); }
}

#bmq-emag .finale {
    margin: 0;
    background: #021756;
}

#bmq-emag .finale-frame {
    position: relative;
}

#bmq-emag .finale-bg {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
}

#bmq-emag .finale-quote {
    position: absolute;
    left: 17.25%;
    top: 0.4%;
    z-index: 2;
    display: block !important;
    width: 65.5% !important;
    height: auto !important;
    max-width: none !important;
}

#bmq-emag.js-ready .finale-quote {
    opacity: 0;
}

#bmq-emag .finale.is-in .finale-quote {
    animation: bmqFade 0.7s 0.45s ease forwards;
}

#bmq-emag .finale-rays {
    position: absolute;
    left: 49.4%;
    top: calc(73% + 30px);
    z-index: 1;
    width: 92%;
    height: 70%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

#bmq-emag .finale-rays::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14%;
    height: 22%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, rgba(255, 252, 235, 0.9), rgba(255, 196, 70, 0.35) 38%, rgba(255, 196, 70, 0) 72%);
    animation: bmqRayCore 2.2s ease-in-out infinite;
}

#bmq-emag .finale-rays span {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    width: var(--len);
    transform-origin: left center;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(255, 236, 170, 0), rgba(255, 220, 130, 0.35) 50%, rgba(255, 252, 240, 0.95));
    mix-blend-mode: screen;
    animation: bmqBurst 2.2s ease-out infinite;
    animation-delay: var(--d);
}

#bmq-emag .finale-rays span::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    transform: translate(30%, -50%);
    background: #fff;
    box-shadow: 0 0 8px 3px rgba(255, 214, 120, 0.95);
}

#bmq-emag .finale-rays span:nth-child(1) { --a: -96deg; --len: 28%; --d: 0s; }
#bmq-emag .finale-rays span:nth-child(2) { --a: -68deg; --len: 34%; --d: 0.12s; }
#bmq-emag .finale-rays span:nth-child(3) { --a: -124deg; --len: 32%; --d: 0.18s; }
#bmq-emag .finale-rays span:nth-child(4) { --a: -42deg; --len: 36%; --d: 0.55s; }
#bmq-emag .finale-rays span:nth-child(5) { --a: -148deg; --len: 34%; --d: 0.62s; }
#bmq-emag .finale-rays span:nth-child(6) { --a: -12deg; --len: 40%; --d: 1.05s; }
#bmq-emag .finale-rays span:nth-child(7) { --a: 168deg; --len: 40%; --d: 1.12s; }
#bmq-emag .finale-rays span:nth-child(8) { --a: -90deg; --len: 24%; --d: 1.45s; }

@keyframes bmqBurst {
    0% { opacity: 0; transform: rotate(var(--a)) scaleX(0.04); }
    16% { opacity: 1; }
    100% { opacity: 0; transform: rotate(var(--a)) scaleX(1); }
}

@keyframes bmqRayCore {
    0%, 100% { opacity: 0.4; transform: translate(-50%, -50%) scale(0.85); }
    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.25); }
}

@media (prefers-reduced-motion: reduce) {
    #bmq-emag .finale-rays span,
    #bmq-emag .finale-rays::before {
        animation: none !important;
        opacity: 0.45;
    }
}

@keyframes bmqFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    #bmq-emag.js-ready .logo-swap .logo-arrow {
        opacity: 1;
        transform: none;
        animation: none !important;
    }

    #bmq-emag.js-ready .logo-orbit-light {
        opacity: 0.42;
        transform: translate(-50%, -50%);
        animation: none !important;
    }

    #bmq-emag.js-ready .pillar-card {
        opacity: 1;
        transform: none;
        animation: none !important;
    }

    #bmq-emag.js-ready .speech-card,
    #bmq-emag.js-ready .duo-quote,
    #bmq-emag.js-ready .duo-photo,
    #bmq-emag.js-ready .finale-quote,
    #bmq-emag.js-ready .sec-head,
    #bmq-emag.js-ready .infor-shot img,
    #bmq-emag.js-ready .opal-block .pair-shot img,
    #bmq-emag.js-ready .opal-block .pair-quote,
    #bmq-emag.js-ready .pair-copy,
    #bmq-emag.js-ready .trio-shot,
    #bmq-emag.js-ready .trio-block .pair-quote,
    #bmq-emag.js-ready .prive-hero img,
    #bmq-emag.js-ready .prive-hero .pair-quote,
    #bmq-emag.js-ready .prive-shot,
    #bmq-emag.js-ready .sec-infor:not(.infor-shot):not(.logo-swap),
    #bmq-emag.js-ready .logo-swap .logo-swap-old,
    #bmq-emag.js-ready .logo-swap .logo-swap-new,
    #bmq-emag.js-ready .speech-bg,
    #bmq-emag.js-ready .finale-bg,
    #bmq-emag.js-ready .sapo-bg {
        opacity: 1;
        transform: none;
        animation: none !important;
    }

    #bmq-emag.js-ready .logo-swap .logo-swap-old {
        transform: scale(0.62);
    }
}

@media (max-width: 860px) {
    #bmq-emag .pair-photos {
        grid-template-columns: 1fr;
    }

    #bmq-emag .trio-photos {
        grid-template-columns: 1fr;
    }

    #bmq-emag .trio-shot,
    #bmq-emag .trio-shot--tall {
        grid-column: auto;
        grid-row: auto;
        aspect-ratio: 16 / 10;
    }

    #bmq-emag .prive-row {
        grid-template-columns: 1fr;
    }

    #bmq-emag .duo {
        padding-left: 14px;
        padding-right: 14px;
    }

    #bmq-emag .pillar-row {
        width: calc(100% - 28px);
    }

    #bmq-emag .cover-logo-wrap {
        top: 6%;
        width: 46%;
    }

    #bmq-emag .cover-num {
        top: 24%;
        left: 0;
        width: 88% !important;
    }

    #bmq-emag .cover-line {
        top: 52%;
        left: 2%;
        width: 72% !important;
    }

    #bmq-emag .cover-orbit {
        transform: none;
    }

    #bmq-emag .cover-shell {
        display: none;
    }

    #bmq-emag .sec-kicker {
        font-size: 20px;
    }

    #bmq-emag .sec-head h2 {
        font-size: 28px;
    }

    #bmq-emag .pair-copy,
    #bmq-emag .founder-copy p {
        font-size: 16px;
        line-height: 26px;
    }

    #bmq-emag .founder {
        padding: 28px 0 32px;
    }

    #bmq-emag .founder-photo figcaption {
        white-space: normal;
    }

    #bmq-emag .sec-head {
        padding: 18px 16px 6px;
    }

    #bmq-emag .sec-no {
        margin-bottom: 10px;
        letter-spacing: 0.12em;
    }

    #bmq-emag .pair-block {
        padding: 20px 0 24px;
    }

    #bmq-emag .pair-frame,
    #bmq-emag .prive-block .pair-frame {
        width: calc(100% - 20px);
    }

    #bmq-emag .pair-quote {
        font-size: 15px;
    }

    #bmq-emag .duo {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 16px 14px 24px;
    }

    #bmq-emag .pillar-row {
        margin-top: 16px;
    }
}
