html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    background-color: #ffffff;
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 20px;
    overflow-x: hidden;
}

.container {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}

.artwork-container {
    /* Removed border and background */
    border: none;
    background: none;
    line-height: 0;
    margin-bottom: 38px;
}

.artwork-image {
    width: 100%;
    max-width: 920px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.text-block {
    background: none;
    border: none;
    padding: 0;
    margin-top: 0;
    /* Remove horizontal scroll and wrapping from container */
    overflow-x: hidden;
}

.text-line {
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.05;
    margin: 0 0 0.10em 0;
    /* Set a large, fixed font size for desktop */
    font-size: 78px;
    color: #000;
    letter-spacing: 0.001em;
    width: 100%;
    box-sizing: border-box;
    /* Prevent wrapping and breaking on a single line */
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
}

.justify {
    text-align: justify;
    text-align-last: justify;
}

.stretch-letters {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    /* Slightly reduced font size for better fit */
    font-size: 120px;
    letter-spacing: 0;
    width: 100%;
    line-height: 1;
    padding: 0.08em 0 0.08em 0;
    flex-wrap: nowrap;
    box-sizing: border-box;
    /* Prevent wrapping and breaking */
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    gap: 0.15em;
}
.stretch-letters span {
    flex: 1 1 0;
    text-align: center;
    min-width: 0;
    display: inline-block;
}

/* Responsive Styles for tablet and mobile */
@media (max-width: 920px) {
    .container {
        max-width: 98vw;
    }
    .text-line {
        font-size: 7.7vw;
    }
    .stretch-letters {
        font-size: 12vw;
        gap: 0.08em;
    }
}

@media (max-width: 480px) {
    .text-line {
        font-size: 7vw;
    }
    .stretch-letters {
        font-size: 10vw;
        gap: 0.06em;
    }
}