/* Only the two ZIZILY wordmarks use this custom balloon lettering.
   Japanese text, Hello., buttons, application logic, and logos are untouched. */
body.index-page.home-top-page .home-bubble-word {
    display: inline-block;
    position: relative;
    width: 3.9em;
    max-width: 100%;
    line-height: 1;
    vertical-align: -.14em;
    white-space: nowrap;
}

body.index-page.home-top-page .home-balloon-lettering {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

/* Keep real text available to screen readers without duplicate visible lettering. */
body.index-page.home-top-page .home-wordmark-accessible {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body.index-page.home-top-page > .loader > div::after { content: none; }
body.index-page.home-top-page > .loader .home-loader-brand {
    grid-area: 2 / 1;
    color: #245548;
    width: 160px;
    max-width: 100%;
    vertical-align: baseline;
}

body.index-page.home-top-page .heading-section .home-brand-name {
    color: var(--home-accent);
}

@media (max-width: 575.98px) {
    body.index-page.home-top-page .heading-section h1 {
        font-size: clamp(29px, 8.4vw, 42px);
        line-height: 1.35;
    }
    body.index-page.home-top-page .heading-section .home-brand-name {
        width: 3.9em;
    }
}