#logo {
    max-width: 360px;
}
#logo .site-logo-home {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}
.maq-lockup {
    display: flex;
    align-items: center;
    gap: .16em;
    font-family: Manrope, "Open Sans", system-ui, sans-serif;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 1;
    color: #18324D;
    margin: 0;
}
.maq-lockup .mark,
.maq-lockup .maq-mark {
    width: 2.7em;
    height: 2.7em;
    flex: none;
    overflow: visible;
    background: #fff;
    background-color: #fff;
}
.maq-lockup .word {
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
}
.maq-lockup .w1 {
    color: #18324D;
    font-weight: 500;
}
.maq-lockup .w2 {
    color: #3E7C65;
    font-weight: 600;
    position: relative;
}
.maq-lockup .ul {
    position: absolute;
    left: .02em;
    right: .02em;
    bottom: -.08em;
    height: 1px;
    background: #3E7C65;
    transform: scaleX(0);
    transform-origin: left center;
    opacity: .9;
}
.maq-lockup .band {
    stroke-dasharray: 1 1.1;
    stroke-dashoffset: 1.05;
}
.maq-lockup .ring,
.maq-lockup .shadow,
.maq-lockup .hl,
.maq-lockup .cross,
.maq-lockup .w1,
.maq-lockup .w2 {
    opacity: 0;
}
.maq-lockup .w1,
.maq-lockup .w2 {
    transform: translateY(8px);
}
.maq-lockup .scaler {
    transform-box: view-box;
    transform-origin: 50px 50px;
    transform: scale(.96);
}
.maq-lockup .outer-rot {
    transform-box: view-box;
    transform-origin: 43px 51px;
}
.maq-lockup .orbit {
    opacity: 0;
}
@keyframes maq-draw { to { stroke-dashoffset: 0; } }
@keyframes maq-fadeIn { to { opacity: 1; } }
@keyframes maq-settle { from { transform: scale(.96); } to { transform: scale(1); } }
@keyframes maq-shadowIn { to { opacity: .28; } }
@keyframes maq-hlInQ { to { opacity: .34; } }
@keyframes maq-sweep {
    0% { transform: translateY(-55px); opacity: 0; }
    15% { opacity: 1; }
    85% { opacity: 1; }
    100% { transform: translateY(60px); opacity: 0; }
}
@keyframes maq-rise { to { opacity: 1; transform: none; } }
@keyframes maq-grow { to { transform: scaleX(1); } }
@keyframes maq-fadeOut { to { opacity: 0; } }
@keyframes maq-sway {
    0% { transform: rotate(0); }
    25% { transform: rotate(2deg); }
    75% { transform: rotate(-2deg); }
    100% { transform: rotate(0); }
}
@keyframes maq-breathe {
    0%, 100% { opacity: 0; }
    50% { opacity: .07; }
}
@keyframes maq-orbit {
    from { stroke-dashoffset: 1; opacity: .3; }
    to { stroke-dashoffset: 0; opacity: .3; }
}
.maq-lockup.play .b-loop { animation: maq-draw .97s cubic-bezier(.45,.05,.25,1) 0s forwards; }
.maq-lockup.play .ring { animation: maq-fadeIn .5s ease .6s forwards; }
.maq-lockup.play .cross { animation: maq-fadeIn .6s ease 1.3s forwards; }
.maq-lockup.play .scaler { animation: maq-settle .8s cubic-bezier(.2,.8,.2,1) .8s both; }
.maq-lockup.play .shadow { animation: maq-shadowIn .8s ease .8s forwards; }
.maq-lockup.play.quotes .hl { animation: maq-hlInQ .6s ease .9s forwards; }
.maq-lockup.play .sweep { animation: maq-sweep .8s cubic-bezier(.4,0,.6,1) .8s both; }
.maq-lockup.play .w1 { animation: maq-rise .55s cubic-bezier(.2,.8,.2,1) 1.2s forwards; }
.maq-lockup.play .w2 { animation: maq-rise .55s cubic-bezier(.2,.8,.2,1) 1.35s forwards; }
.maq-lockup.play .ul { animation: maq-grow .4s cubic-bezier(.2,.8,.2,1) 1.5s forwards, maq-fadeOut .45s ease 2s forwards; }
.maq-lockup.play .outer-rot { animation: maq-sway 12s ease-in-out 2.2s infinite; }
.maq-lockup.play .shimmer { animation: maq-breathe 8s ease-in-out 2.2s infinite; }
.maq-lockup.play .orbit { animation: maq-orbit 10s linear 2.2s infinite; }
@media (max-width: 767px) {
    #logo .maq-lockup { margin: 0 auto; }
}
@media (prefers-reduced-motion: reduce) {
    .maq-lockup.play .band { animation: none; stroke-dashoffset: 0; }
    .maq-lockup.play .ring,
    .maq-lockup.play .cross,
    .maq-lockup.play .w1,
    .maq-lockup.play .w2 { animation: none; opacity: 1; transform: none; }
    .maq-lockup.play .shadow { animation: none; opacity: .28; }
    .maq-lockup.play.quotes .hl { animation: none; opacity: .34; }
    .maq-lockup.play .scaler { animation: none; transform: none; }
    .maq-lockup.play .sweep,
    .maq-lockup.play .ul,
    .maq-lockup.play .shimmer,
    .maq-lockup.play .orbit { animation: none; opacity: 0; }
    .maq-lockup.play .outer-rot { animation: none; }
}