.malaya-dubna-page {
    color: #173858;
    background: #fff;
}

.malaya-dubna-shell {
    width: min(calc(100% - 48px), 1240px);
    margin: 0 auto;
}

.malaya-dubna-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(72px, 10vw, 144px) 0 clamp(48px, 7vw, 96px);
    color: #fff;
    background: #173858;
}

.malaya-dubna-hero__image,
.malaya-dubna-hero__scrim {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.malaya-dubna-hero__image { object-fit: cover; object-position: center 55%; z-index: -2; }
.malaya-dubna-hero__scrim { z-index: -1; background: linear-gradient(90deg, rgba(15, 44, 69, .88) 0%, rgba(16, 49, 76, .72) 48%, rgba(13, 46, 72, .20) 100%); }
.malaya-dubna-hero .malaya-dubna-shell { position: relative; }

.malaya-dubna-section-heading p {
    margin: 0 0 20px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .02em;
    color: #526f87;
}

.malaya-dubna-hero h1,
.malaya-dubna-page h2 {
    margin: 0;
    font-weight: 600;
    letter-spacing: -.045em;
    color: #173858;
}

.malaya-dubna-hero h1 { color: #fff; }

.malaya-dubna-hero h1 {
    max-width: 900px;
    font-size: clamp(2.8rem, 6vw, 5.3rem);
    line-height: .98;
}

.malaya-dubna-hero__lead {
    max-width: 670px;
    margin: 28px 0 20px;
    font-size: clamp(1.1rem, 2vw, 1.45rem);
    line-height: 1.45;
}

.malaya-dubna-hero address {
    font-style: normal;
    font-size: .95rem;
    color: rgba(255, 255, 255, .82);
}

.malaya-dubna-content {
    padding: clamp(56px, 8vw, 112px) 0;
}

.malaya-dubna-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
    gap: clamp(40px, 8vw, 112px);
    align-items: start;
}

.malaya-dubna-page h2 {
    font-size: clamp(2rem, 3.8vw, 3.6rem);
    line-height: 1.03;
}

.malaya-dubna-intro p,
.malaya-dubna-today p {
    max-width: 72ch;
    margin: 22px 0 0;
    font-size: 1.08rem;
    line-height: 1.65;
    color: #3d5870;
}

.malaya-dubna-facts {
    display: grid;
    gap: 22px;
    margin: 0;
}

.malaya-dubna-facts div {
    padding-bottom: 20px;
    border-bottom: 1px solid #cfe0ea;
}

.malaya-dubna-facts dt {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.05em;
}

.malaya-dubna-facts dd {
    margin: 8px 0 0;
    color: #526f87;
    line-height: 1.4;
}

.malaya-dubna-timeline {
    margin-top: clamp(72px, 11vw, 160px);
}

.malaya-dubna-gallery { margin-top: clamp(72px, 11vw, 160px); }

.malaya-dubna-gallery__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 32px;
}

.malaya-dubna-gallery__item { position: relative; min-height: 270px; margin: 0; overflow: hidden; border-radius: 14px; background: #dce8ef; }
.malaya-dubna-gallery__item--wide { grid-column: span 2; }
.malaya-dubna-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s cubic-bezier(.2, .8, .2, 1); }
.malaya-dubna-gallery__item figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 32px 18px 16px; color: #fff; font-size: .94rem; font-weight: 700; background: linear-gradient(transparent, rgba(9, 30, 47, .78)); }
.malaya-dubna-gallery__item:hover img { transform: scale(1.04); }
.malaya-dubna-gallery__item:focus-within { outline: 3px solid #0d86bc; outline-offset: 3px; }

.malaya-dubna-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, .55fr);
    gap: 32px;
    align-items: end;
    padding-bottom: 34px;
    border-bottom: 1px solid #cfe0ea;
}

.malaya-dubna-section-heading p {
    margin: 0;
    font-weight: 400;
    letter-spacing: 0;
}

.timeline-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 56px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.timeline-list li {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 22px;
    padding: 26px 0;
    border-bottom: 1px solid #d9e7ee;
}

.timeline-list time {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.4;
    color: #066d9c;
}

.timeline-list p {
    margin: 0;
    line-height: 1.5;
    color: #3d5870;
}

.malaya-dubna-today {
    margin-top: clamp(64px, 9vw, 128px);
    padding-top: 34px;
    border-top: 1px solid #cfe0ea;
}

@media (max-width: 780px) {
    .malaya-dubna-shell { width: calc(100% - 32px); }
    .malaya-dubna-intro,
    .malaya-dubna-section-heading { grid-template-columns: 1fr; }
    .timeline-list { grid-template-columns: 1fr; }
    .timeline-list li { grid-template-columns: 96px minmax(0, 1fr); }
    .malaya-dubna-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .malaya-dubna-gallery__item { min-height: 220px; }
}

@media (max-width: 440px) {
    .malaya-dubna-hero { padding-top: 56px; }
    .timeline-list li { grid-template-columns: 1fr; gap: 8px; }
    .malaya-dubna-gallery__grid { grid-template-columns: 1fr; gap: 14px; }
    .malaya-dubna-gallery__item,
    .malaya-dubna-gallery__item--wide { min-height: 230px; grid-column: auto; }
    .malaya-dubna-hero__scrim { background: linear-gradient(90deg, rgba(15, 44, 69, .87), rgba(16, 49, 76, .57)); }
}
