.hero{
    margin-top: 100px;
    color: white;
    font-size: 40px;
    font-family: 'century-gothic';
}

/* Desktop zostaje jak był */
.corner-image{
    position: fixed;
    bottom: 0;
    right: 0;
    width: 450px;
    height: auto;
    z-index: 1000;
    pointer-events: none;
}

/* Mobile – 2x większe niż wcześniej */
@media (max-width: 768px){
    .corner-image{
        width: min(70vw, 360px); /* max 360px, ale nie więcej niż 70% szerokości okna */
        bottom: 8px;
        right: 8px;
    }
}

.hero .subtitle .type {
    font-size: clamp(18px, 4.8vw, 32px);
    line-height: 1.2;
    display: inline-block;
    word-break: break-word;
    hyphens: auto;
    white-space: normal;
    transition: all 0.3s ease;
    min-height: 2.5em; /* wysokość jednej linii minimum */
    height: 4.2em;      /* rezerwacja na dwie linie */
    overflow: hidden;
}