.date-time-hero {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: calc(100vh - 220px);
            width: 100%;
            padding: 60px 20px;
            margin-top: 100px;
        }

        .date-time-content {
            width: min(100%, 980px);
            text-align: center;
            color: var(--tg-color-white-default);
        }

        .date-time-line {
            display: block;
            margin: 0 auto;
            font-family: var(--tg-heading-font-family);
            line-height: 0.9;
            letter-spacing: -0.02em;
            text-transform: none;
            font-weight: 700;
        }

        .date-time-line--time,
        .date-time-line--date,
        .date-time-line--message,
        .date-time-line--small,
        .date-time-line--on {
            letter-spacing: 0.02em;
        }

        .date-time-line--small {
            font-size: clamp(1.6rem, 5vw, 5rem);
            color: var(--tg-color-white-default);
            margin-bottom: 0.2em;
        }

        .date-time-line--time,
        .date-time-line--date {
            color: var(--tg-theme-primary);
            font-size: clamp(2.8rem, 8vw, 10.3rem);
        }

        .date-time-line--on {
            font-size: clamp(1.6rem, 5vw, 5rem);
            margin-top: 0.45em;
            margin-bottom: 0.2em;
        }

        .date-time-line--date {
            margin-bottom: 0.35em;
        }

        .date-time-line--message {
			font-size: clamp(1.6rem, 7vw, 7.5rem);
			white-space: normal; 
			line-height: 1.1;  
		}

        .date-time-line--message .ou-word {
            color: var(--tg-theme-primary);
        }

        @media (max-width: 767px) {
            .date-time-hero {
                min-height: calc(100vh - 180px);
                padding: 40px 18px;
                margin-top: 40px;
            }

            .date-time-line--message {
                white-space: normal;
            }
        }