/* PROJECT PAGE */
.project {
    display: flex;
    justify-content: center;
    width: 100%;
    background: var(--grey-bg-main);
}

.project .inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--content-width-l);
    gap: var(--container-gap-l);
    padding:
        var(--container-padding-top-xl)
        var(--container-padding-x-xl)
        var(--container-padding-btm-xl);
}

.project__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0;
}

.project__intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    gap: var(--content-gap-l);
    padding-bottom: var(--content-padding-y-xl);
}

.project__description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: var(--text-info-gap-l);
}

.project__description h2 {
    padding-right: calc(var(--arrow-width-l) * 1.5);
}

.project-card__cover {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    height: clamp(560px, 60vh, 720px);
    object-fit: cover;
}

.project-card__cover--parks,
.project-card__cover--icgfo {
    object-fit: contain;
    height: auto;
}

.project-intro__cta {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--content-gap-xl);
}

.project-intro__cta .lead {
    flex: 1 1 auto;
    max-width: var(--text-info-width-max);
    margin: 0;
}

.project__scroll-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: var(--arrow-width-l);
    height: var(--arrow-width-l);
    padding: 0;
    margin-right: var(--space-2);
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 180ms ease, opacity 180ms ease;
}

.project__scroll-btn img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

.project__scroll-btn:hover {
    transform: scale(1.08);
}

.project__scroll-btn:active {
    transform: scale(0.94);
}

.project__scroll-btn:focus-visible {
    outline: var(--border-width-m) solid var(--grey-text-light);
    outline-offset: 4px;
}

.project-content-anchor {
    width: 100%;
    height: 0px;
    scroll-margin-top: calc(var(--header-height) + var(--space-2));
}

.project-info__layout {
    display: flex;
    flex-direction: column;
    align-items: center; 
    width: 100%;
    gap: calc(var(--content-gap-xl) + var(--space-8));
}

.project-info-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: var(--content-gap-xl);
    margin: 0;
}

.project-info-panel[hidden] {
    display: none;
}

/* PROJECT PAGE —— PHOTO-GALLERY */
.project-photo-gallery {
    --gallery-gap: var(--photo-gallery-gap);
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    min-width: 0;
}

.project-photo-gallery__viewport {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.project__photo-grid {
    display: flex;
    align-items: flex-start;
    gap: var(--gallery-gap);
    width: 100%;
    min-width: 0;
    padding-bottom: var(--photo-gallery-padding-btm-l);
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.project__photo-grid::-webkit-scrollbar {
    display: none;
}

.project__photo-grid .photo-card-mini {
    min-width: 0;
}

.project__photo-grid 
.photo-card-mini
.photo-card-description {
    padding-bottom: 0;
}

/* PROJECT PAGE —— PHOTO-GALLERY —— FULL */
.project-photo-gallery--full-2
.project__photo-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gallery-gap);
    overflow: visible;
}

.project-photo-gallery--full-2
.project__photo-grid
.photo-card-mini {
    width: 100%;
    min-width: 0;
}

.project-photo-gallery--full-3
.project__photo-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gallery-gap);
    overflow: visible;
}

.project-photo-gallery--full-3
.project__photo-grid
.photo-card-mini {
    width: 100%;
    min-width: 0;
}

.project-photo-gallery--full-many {
    --gallery-peek: var(--preview-peek-l);
}

.project-photo-gallery--full-many
.project__photo-grid {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
}

.project-photo-gallery--full-many
.project__photo-grid
.photo-card-mini {
    flex: 0 0 calc(
        (100% - (2 * var(--gallery-gap)) - var(--gallery-peek))
        / 3
    );
    width: calc(
        (100% - (2 * var(--gallery-gap)) - var(--gallery-peek))
        / 3
    );
    min-width: 0;
    scroll-snap-align: start;
}

.project-photo-gallery--full-2 .project-photo-gallery__nav,
.project-photo-gallery--full-3 .project-photo-gallery__nav {
    display: none;
}

/* PROJECT PAGE —— PHOTO-GALLERY —— RIGHT-COLUMN */
.project-photo-gallery--column {
    --gallery-peek: var(--preview-peek-l);
    padding-bottom: 0;
}

.project-photo-gallery--column
.project__photo-grid {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    padding-bottom: 0;
}

.project-photo-gallery--column
.project__photo-grid
.photo-card-mini {
    flex: 0 0 calc(
        100% - var(--gallery-gap) - var(--gallery-peek)
    );
    width: calc(
        100% - var(--gallery-gap) - var(--gallery-peek)
    );
    min-width: 0;
    scroll-snap-align: start;
}

.project__photo-gallery__column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
}

.project__photo-gallery--column img {
    max-height: 400px;
}

.project__photo-grid .photo-card-mini__media,
.project__photo-grid .photo-card__overlay {
    aspect-ratio: 8 / 5;
}

.project__photo-grid .photo-card-mini--sqr__media,
.project__photo-grid .photo-card--sqr__overlay {
    aspect-ratio: 1 / 1;
}

.project-photo-gallery__nav {
    position: absolute;
    top: 44%;
    transform: translateY(-44%);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--btn-height-l);
    height: auto;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: 
        opacity 0.25s ease,
        transform 0.25s ease;
}

.project-photo-gallery__nav--prev {
    left: -64px;
}

.project-photo-gallery__nav--next {
    right: -64px;
}

.project-photo-gallery__nav:hover:not(:disabled) {
    transform: translateY(-38%) scale(1.08);
}

.project-photo-gallery__nav[hidden] {
    display: none;
}

/* PROJECT PAGE —— METRICS */
.project__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, var(--fact-info-width-max)));
    grid-template-rows: auto auto;
    align-items: start;
    width: 100%;
    min-width: 0;
    border-top: var(--border-width-m) solid var(--grey-text-super-light);
    column-gap: var(--text-info-gap-xl);
    margin: 0;
}

.project__metrics--two-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.project-metric__fact {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    align-items: start;
    min-width: 0;
    padding-top: var(--text-block-padding-xl);
}

.project-metric__fact dt,
.project-metric__fact dd {
    font-family: var(--main-font);
    color: var(--grey-text-light);
    width: 100%;
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.project-metric__fact dt {
    font-size: var(--font-size-paragraph);
    font-weight: var(--font-weight-base);
    line-height: var(--line-height-paragraph);
}

.project-metric__fact dd {
    align-self: end;
    font-size: var(--font-size-metric);
    font-weight: var(--font-weight-base);
    letter-spacing: var(--letter-spacing-quant);
    line-height: var(--line-height-quant);
    padding-top: var(--text-info-padding-xl);
}

/* PROJECT PAGE —— PROJECT INFO */
.project-info__cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    column-gap: var(--content-gap-xl);
    border-top: var(--border-width-m) solid var(--pink-accent-dark);
    padding-top: var(--text-block-padding-xl);
}

.project-info__cta .cta-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: max-content;
    min-width: 0;
    gap: var(--cta-gap-m);
    padding-top: var(--cta-padding-l);
}

.project-info__cta .cta-wrapper p {
    width: max-content;
}

.project-info__cta .subtext {
    color: var(--grey-text-light);
}

.project__main-info {
    display: grid;
    grid-template-rows: auto;
    align-items: start;
    justify-content: stretch;
    width: 100%;
    min-width: 0;
    gap: var(--text-block-gap-xl);
    padding-top: var(--text-block-padding-xl);
    border-top: var(--border-width-m) solid var(--grey-text-super-light);
    margin: 0;
}

.project__main-info--list {
    gap: calc(var(--text-block-gap-l) / 2);
    padding-top: 0;
    border-top: none;
}

.project__main-info--clean {
    gap: var(--container-gap-xl);
    padding-top: 0;
    border-top: none;
}

/* PROJECT PAGE —— TEXT INFO */
.project__text-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    gap: var(--text-block-gap-xl);
}

.project__text-block--inside {
    padding-top: var(--text-block-padding-xl);
    border-top: var(--border-width-m) solid var(--grey-text-super-light);
} 

.project__text-block--columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 2fr));
    gap: var(--text-block-gap-xl) calc(var(--text-block-gap-xl) + var(--text-list-gap-xl));
    min-width: 0;
    width: 100%;
}

.project__text-block--merge {
    gap: var(--text-info-gap-l);
}

.project__text-block--start {
    margin-right: auto;
}

.project__text-block--end {
    align-items: flex-end;
    margin-left: auto;
}

.project__text-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: stretch;
    width: 100%;
    min-width: 0;
    max-width: var(--text-block-width-xl);
    gap: var(--text-info-gap-l);
}

.project__text-info--mix {
    gap: calc(var(--text-info-gap-l) + var(--text-info-gap-s));
}

.project__text-info--compact {
    gap: var(--text-info-gap-s);
}

.project__text-info--item-list {
    gap: calc(var(--text-info-gap-l) + var(--space-4));
}

.project__list-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: stretch;
    width: 100%;
    min-width: 0;
}

.project__list-info--arrow-index {
    gap: var(--text-list-gap-xl);
}

.project__info-item,
.info-item__head {
    display: grid;
    grid-template-columns:
        var(--item-number-width-l)
        minmax(0, 1fr);
    align-items: start;
    column-gap: var(--item-gap-l);
    width: 100%;
}

.project__info__infograph {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    max-width: var(--infograph-width-l);
    gap: var(--item-gap-l);
}

.project__info__infograph--union {
    display: grid;
    grid-template-columns:
        var(--item-number-range-width-l)
        minmax(0, var(--infograph-width-l));
    column-gap: var(--text-list-gap-l);
    width: 100%;
    min-width: 0;
    max-width: none;
    padding-left: var(--infograph-padding-l);
}

.info-item__head h5 {
    margin-top: var(--text-info-padding-xs);
}

.info-item__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.project__info-item .subtext {
    color: var(--pink-accent-dark);
}

.project__text-info .subtext {
    color: var(--pink-accent-dark);
}

/* PROJECT PAGE —— ACCORDIONS */
.project-accordion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    border-top: var(--border-width-m) solid var(--grey-text-super-light);
    gap: var(--text-block-gap-xl);
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease;
}

.project-accordion__trigger {
    display: block;
    width: 100%;
    min-width: 0;
    padding: var(--text-block-padding-l) 0 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.project-accordion__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    column-gap: var(--content-gap-xl);
    width: 100%;
    min-width: 0;
}

.project-accordion__title {
    display: block;
    width: auto;
    min-width: 0;
}

.project-accordion .text-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--text-info-gap-s);
    width: 100%;
    min-width: 0;
}

.project-accordion .text-block h3 {
    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.project-accordion .text-block .paragraph {
    color: var(--grey-text-light);
    padding-left: 1px;
    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.project-accordion .shevron-down {
    aspect-ratio: 1/1;
    width: var(--nav-icon-width);
    margin-top: var(--btn-padding-y-s);
    transition: transform 0.25s ease;
}

.project-accordion__panel {
    width: 100%;
}

/* hover/focus на всю область контейнера */
.project-accordion:hover .text-block h3,
.project-accordion:hover .text-block .paragraph,
.project-accordion.is-open:hover .text-block h3,
.project-accordion.is-open:hover .text-block .paragraph,
.project-accordion:focus-within .text-block h3,
.project-accordion:focus-within .text-block .paragraph {
    transform: translateX(8px);
}

.project-accordion.is-open .text-block h3,
.project-accordion.is-open .text-block .paragraph {
    transform: translateX(0);
}

/* открытое состояние */
.project-accordion.is-open .shevron-down {
    transform: rotate(180deg);
}

/* PROJECT PAGE —— PROJECT-INFO INSIDE */
.project-info__inside {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: var(--text-block-gap-xl);
    margin-bottom: var(--text-info-padding-l);
}

.project-info__columns {
    display: grid;
    align-items: start;
}

.project-info__columns--item-list {
    grid-template-columns: 
        repeat(2, minmax(0, 2fr));
        gap: var(--gallery-gap-l);
    margin-inline: auto;
}

.project-info__columns--text-info--list {
    grid-template-columns: repeat(2, minmax(0, 2fr));
    gap: var(--gallery-gap-m);
}
   
.project-info__columns--2 {
    grid-template-columns: 
        minmax(0, var(--text-block-width-xl))
        minmax(0, var(--img-width-l));
    gap: var(--gallery-gap-l);
}

.project-info__columns--3 {
    align-self: stretch;
    grid-template-rows: repeat(2,fit-content(100%));
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-auto-flow: row;
    gap: var(--gallery-gap-l);
}

.project-info__block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: var(--info-block-gap-l);
    margin: 0;
}

.project-info__block--center {
    align-items: center;
}

.project-info__block__columns {
    display: grid;
    align-items: start;
    justify-content: space-between;
    min-width: 0;
    width: 100%;
    column-gap: var(--container-gap-l);
}

.project-info__block__columns--img-gallery
.project-photo-gallery--column {
    width: 100%;
    min-width: 0;
}

.project-info__block__columns--item-list {
    grid-template-columns: 
        repeat(2, minmax(0, 2fr));
        gap: var(--gallery-gap-l);
    margin-inline: auto;
}

.project-info__block__columns--img-left {
    grid-template-columns: 
        minmax(0, var(--img-column-width-l))
        minmax(0, 1fr);

    grid-template-areas:
        "main-image headline"
        "main-image secondary-image";
}

.project-info__block__columns--text-left {
    grid-template-columns: 
        minmax(0, var(--text-block-width-xl))
        minmax(0, var(--img-column-width-l));
}

.project-info__block__columns--img-gallery {
    align-items: center;
    grid-template-columns: 
        minmax(0, var(--headline-width-s))
        minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    column-gap: var(--container-gap-l);
    row-gap: var(--container-inner-gap-xl);
}

.project-info__block--full-image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.project-info__block--end {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    align-self: stretch;
    padding-top: var(--content-padding-x-l);
}

.project__headline-info,
.project__headline-info-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    max-width: var(--headline-width-m);
}

.project__headline-info {
    gap: var(--headline-gap-l);
}

.project__headline-info-list {
    gap: var(--headline-gap-xl);
    margin-bottom: var(--text-list-padding-l);
}

.project__headline-info__line {
    display: grid;
    grid-template-columns: 
        minmax(0, var(--text-block-width-xl))
        minmax(0, 1fr);
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0;
}

.project-info__block__columns--img-left
    > .project__headline-info {
    grid-area: headline;
    align-self: start;
    justify-self: end;
    padding-top: var(--content-padding-x-l);
}

.project-info__block__columns--img-left
    > img:not(.secondary-img) {
    grid-area: main-image;
    display: block;
    width: 100%;
    max-width: var(--img-column-width-l);
}

.project-info__block__columns--img-left
    > .secondary-img {
    grid-area: secondary-image;
    align-self: end;
    justify-self: end;
    max-width: var(--img-column-width-l);
}

.project-info__block__columns--text-left .project__text-info--list,
.project-info__block__columns--text-left .project__headline-info,
.project-info__block__columns--text-left .project__headline-info-list {
    align-self: center;
}

.project-info__block--full-image
    > .heading__img-cover {
    width: min(
        calc(60% - var(--container-padding-x-l)),
        var(--headline-width-m)
    );
    max-width: calc(60% - var(--container-padding-x-l));
}

.project-info__block > img {
    display: block;
    width: 100%;
    height: auto;
}

.project-info__block--center h4 {
    text-align: center;
    max-width: var(--headline-width-xl);
}

.secondary-img {
    max-width: var(--img-column-width-l);
}

.project-info__secondary-info {
    display: flex;
    align-items: center;
    width: 100%;
    border-top: var(--border-width-m) solid var(--pink-accent-dark);
    padding-top: var(--text-info-padding-l);
}

.project-info__two-columns img {
    margin-left: auto;
}

.project-info__frames-list {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: var(--content-gap-xl);
    margin-inline: auto;
    margin-bottom: var(--text-info-padding-l);
}

.project-info__inside--last {
    margin: 0 !important;
}

.project-info__inside .subtext {
    color: var(--grey-text-light);
}

/* PROJECT PAGE —— PARK-FRAMES */
.project__parks-frame {
    display: grid;
    grid-template-columns: 
        minmax(0, var(--scheme-width-max))
        minmax(0, var(--text-info-width-l));
    align-items: start;
    column-gap: var(--content-gap-l);
    min-width: 0;
    max-width: 100%;
    padding-left: var(--content-padding-x-xl);
}

.park-frame__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--content-gap-m);
}

.park-info__scheme--main {
    max-width: var(--scheme-width-max);
}

.park-info__scheme--secondary {
    margin-top: var(--text-block-padding-l);
    max-width: calc(var(--scheme-legend-width-max) / 2);
}

.project__parks-frame .project__text-info {
    min-width: 0;
    max-width: var(--text-info-width-xl);
}

/* PROJECT PAGE —— PARK-LIST */
.park-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
}

.park-list__entry {
    position: relative;
    width: 100%;
    min-width: 0;
    border-top: var(--border-width-m) solid var(--grey-text-super-light);
    background: var(--grey-bg-light);
    transition: background-color 0.25s ease;
}

.park-list__entry:first-child {
    border-top: none;
}

.park-list__entry.is-open {
    background: var(--grey-bg-light);
}

.park-list__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    gap: var(--table-list-item-gap-l);
    padding: 
        var(--table-list-item-padding-top-l)
        var(--table-list-item-padding-x-l)
        var(--table-list-item-padding-btm-l);
    transition:
        transform 0.25s ease,
        color 0.25s ease,
        background-color 0.25s ease;
    scroll-margin-top: var(--park-list-sticky-offset-l);
}

.park-list__item--first {
    border-top: none;
}

.park-list__item--last {
    border-bottom: none;
}

.park-list__item:focus-visible {
    outline: var(--border-width-m) solid var(--pink-text-dark);
    outline-offset: -2px;
}

.park-list__item .text-info__headline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: var(--text-block-width-xl);
    gap: var(--text-info-gap-s);
}

.park-list__item .paragraph {
    color: var(--grey-text-light);
    padding-left: 1px;
}

.park-list__item .park-state__info {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: var(--table-item-width-l);
    border: var(--border-width-m) solid var(--grey-text-super-light);
    border-radius: var(--border-radius-table-item-l);
    background: var(--grey-bg-main);
    gap: var(--table-item-gap-l);
    padding: 
        var(--table-item-padding-y-l)
        var(--table-item-padding-x-l);
}

.park-list__item .park-state__marker {
    display: block;
    min-width: var(--table-list-item-marker-width-l);
    align-self: stretch;
    border-radius: var(--border-radius-marker);
    margin: var(--table-list-item-marker-padding) 0;
}

.park-list__item .park-state__marker--bad {
    background: var(--red-bg-dark);
}

.park-list__item .park-state__marker--normal {
    background: var(--yellow-text-accent);
}

.park-list__item .park-state__marker--good {
    background: var(--blue-bg-dark);
}

.park-list__item .park-state__marker--very-good {
    background: var(--green-bg-dark);
}

.park-list__item .park-state__text-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-bottom: var(--text-info-padding-xs);

}

.park-list__item .park-state__text-info .paragraph--subline {
    color: var(--grey-text-light);
}

.park-list__item .arrow-forward {
    width: var(--arrow-width-l);
    flex: 0 0 auto;
    transition: transform 0.25s ease;
}

.park-list__item:hover {
    transform: scale(1.01);
}

.park-list__item:focus-visible {
    outline: none;
    transform: scale(1.01);
}

.park-list__entry.is-open .park-list__item {
    position: sticky;
    top: var(--park-list-sticky-offset-l);
    z-index: 2;
    background: var(--grey-bg-light);
    border-bottom: var(--border-width-m) solid var(--grey-text-super-light);
}

.park-list__entry.is-open .park-list__item .arrow-forward {
    transform: rotate(180deg);
}

.park-list__panel {
    width: 100%;
    min-width: 0;
    background: var(--grey-bg-main);
}

.park-list__panel[hidden] {
    display: none;
}

/* PROJECT PAGE —— PARK-INFO INSIDE */
.park-info__inside {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: var(--content-gap-xl);
    padding: 
        var(--container-padding-l) 
        var(--container-padding-l) 
        var(--container-padding-xl);
    background: var(--grey-bg-white);
    scroll-margin-top:
        calc(
            var(--park-list-sticky-offset-l) + 
            var(--park-list__item-height-l)
            );
}

.park-info__inside--last {
    padding-bottom: var(--container-padding-l);
}

.park-info__intro {
    display: grid;
    grid-template-columns: 
        minmax(0, var(--scheme-width-max))
        minmax(0, var(--scheme-legend-width-max));
    align-items: center;
    justify-content: center;
    min-width: 0;
    width: 100%;
    gap: var(--gallery-gap-xl);
    padding: 
        0
        var(--content-padding-x-xl)
        0
        calc(var(--content-padding-x-xl) * 2);
}

.park-info__legend {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    gap: var(--text-info-gap-xl);
    padding-bottom: var(--text-info-padding-l);
}

.park-info__legend h4 {
    color: var(--scheme-blue-500);
}

.park-info__legend--list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--text-info-gap-l);
}

.park-info__legend--item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--text-info-gap-l); 
}

.park-info__inside .project__metrics__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    gap: var(--content-gap-xl);
}

.park-info__inside .project-metric__fact dd {
    font-size: var(--font-size-sh1);
    font-weight: var(--font-weight-subheading);
    line-height: var(--line-height-sh1);
    letter-spacing: var(--letter-spacing-sh1);
    text-wrap: balance;
    overflow-wrap: normal;
}

.park-info__inside .project__text-info {
    max-width: var(--text-block-width-l);
}

/* PROJECT PAGE —— PROJECT NAV */
.project__nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    justify-content: stretch;
    width: 100%;
    min-width: 0;
    max-width: var(--container-width-max);
    gap: var(--gallery-gap-l);
}

.project__nav-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    gap: var(--cta-gap-l);
    margin: 0;
}

.project__nav-item--prev {
    align-items: flex-start;
}

.project__nav-item--next {
    align-items: flex-end;
}

.project__nav-item--disabled {
    visibility: hidden;
    pointer-events: none;
}

.project__nav-item p {
    width: 100%;
    max-width: 24ch;
    min-height: var(--sh4-height-l);
    margin: 0;
    text-wrap: balance;
    overflow-wrap: normal;
}

.project__nav-item--next p {
    text-align: right;
    margin-left: auto;
}

/*  ADAPTIVE —— PROJECT PAGE | 1279.9px */
@media (max-width: 1279.9px) {
    .project .inner {
        max-width: var(--content-width-med);
        gap: var(--container-gap-m);
        padding:
            var(--container-padding-top-l)
            var(--container-padding-x-l)
            calc(var(--container-padding-m) * 2);
    }

    .project__intro {
        gap: var(--content-gap-m);
        padding-bottom: var(--content-padding-y-l);
    }

    .project__description {
        gap: var(--text-info-gap-m);
    }

    .project__description h2 {
        padding-right: calc(var(--arrow-width-m) * 1.5);
    }

    .project-intro__cta {
        gap: var(--content-gap-l);
    }

    .project-info__layout {
        gap: calc(var(--content-gap-l) + var(--space-8));
    }

    .project-info-panel {
        gap: var(--content-gap-l);
    }

/*  ADAPTIVE —— PROJECT PAGE —— PHOTO-GALLERY | MEDIUM */
    .project-photo-gallery--full-many,
    .project-photo-gallery--column {
        --gallery-peek: var(--preview-peek-m);
    }

    .project-photo-gallery__nav {
        width: var(--btn-height-m);
    }

    .project-photo-gallery__nav--prev {
        left: -48px;
}

    .project-photo-gallery__nav--next {
        right: -48px;
    }

/*  ADAPTIVE —— PROJECT PAGE —— METRICS | MEDIUM */
    .project-metric__fact dd {
        padding-top: var(--text-info-padding-l);
    }

/*  ADAPTIVE —— PROJECT PAGE —— PROJECT INFO | MEDIUM */
    .project__main-info {
        gap: var(--text-block-gap-l);
    }
    
    .project__main-info--list {
        gap: calc(var(--text-block-gap-m) / 2);
    }
    
    .project__main-info--clean {
        gap: var(--container-gap-l);
    }

    .project-info__cta {
        padding-top: var(--text-block-padding-l);
    }

    .project-info__cta .cta-wrapper {
        padding-top: var(--cta-padding-m);
        gap: var(--cta-gap-s);
    }

/*  ADAPTIVE —— PROJECT PAGE —— TEXT INFO | MEDIUM */
    .project__text-block {
        gap: var(--text-block-gap-l);
    }

    .project__text-block--inside {
        padding-top: var(--text-block-padding-l);
    } 

    .project__text-block--columns {
        gap: var(--text-block-gap-l) calc(var(--text-block-gap-l) + var(--text-list-gap-l));
    }

    .project__text-block--merge {
        gap: calc(var(--text-info-gap-m) + var(--space-8));
    }

    .project__text-info {
        max-width: var(--text-block-width-l);
    }

    .project__text-info--item-list {
        gap: calc(var(--text-info-gap-l) + var(--space-4));
    }

    .project__list-info--arrow-index {
        gap: var(--text-list-gap-l);
    }

    .project__info-item {
        grid-template-columns:
            var(--item-number-width-m)
            minmax(0, 1fr);
        column-gap: var(--item-gap-m);
    }

    .project__info__infograph--union {
        grid-template-columns:
            var(--item-number-range-width-m)
            minmax(0, var(--infograph-width-m));
        column-gap: var(--text-list-gap-m);
        padding-left: var(--infograph-padding-m);
    }

/*  ADAPTIVE —— PROJECT PAGE —— ACCORDIONS | MEDIUM */
    .project-accordion {
        gap: var(--text-block-gap-l);
    }

    .project-accordion__trigger {
        padding: var(--text-block-padding-m) 0 0;
    }

/*  ADAPTIVE —— PROJECT PAGE —— PROJECT-INFO INSIDE | MEDIUM */
    .project-info__inside {
        gap: var(--text-block-gap-l);
        margin-bottom: calc(var(--text-info-padding-m) + var(--text-block-padding-l));
    }

    .project-info__block {
        gap: var(--info-block-gap-m);
    }

    .project-info__block__columns {
        column-gap: var(--container-gap-m);
    }

    .project-info__block__columns--img-left {
        grid-template-columns: 
            minmax(0, var(--img-column-width-m))
            minmax(0, 1fr);
    }

    .project-info__block__columns--img-left
    > .project__headline-info {
        padding-top: var(--content-padding-x-m);
    }

    .project-info__block__columns--img-left
        > img:not(.secondary-img),
    .project-info__block__columns--img-left
        > .secondary-img {
        max-width: var(--img-column-width-m);
    }

    .project-info__block--end {
        padding-top: var(--content-padding-x-m);
    }

    .project-info__columns--item-list {
        gap: var(--gallery-gap-s);
    }

    .project-info__columns--text-info--list {
        grid-template-columns: repeat(2, minmax(0, 2fr));
        gap: var(--gallery-gap-s);
    }

    .project-info__block__columns--img-gallery {
        grid-template-columns: 
            minmax(0, var(--headline-width-xs))
            minmax(0, 1fr);
        column-gap: var(--container-gap-m);
    }

    .project__headline-info {
        gap: var(--headline-gap-m);
    }

    .project__headline-info-list {
        gap: var(--headline-gap-l);
        margin-bottom: var(--text-list-padding-m);
    }

    .project-info__secondary-info {
        padding-top: calc(var(--text-info-padding-m) + var(--space-8));
    }

    .project-info__frames-list {
        gap: var(--content-gap-l);
    }

    .project__parks-frame {
        grid-template-columns: 
            minmax(0, var(--scheme-width-medium))
            minmax(0, var(--text-info-width-m));
        column-gap: var(--content-gap-m);
        padding-left: var(--content-padding-x-l);
    }

    .park-info__scheme--secondary {
        margin-top: var(--text-block-padding-l);
        max-width: calc(var(--scheme-legend-width-medium) / 2);
    }

/*  ADAPTIVE —— PROJECT PAGE —— PARK-LIST | MEDIUM */
    .park-list__item {
        gap: var(--table-list-item-gap-m);
        padding: 
            var(--table-list-item-padding-top-m)
            var(--table-list-item-padding-x-m)
            var(--table-list-item-padding-btm-m);
        scroll-margin-top: var(--park-list-sticky-offset-m);
    }

    .park-list__item .text-info__headline {
        max-width: var(--text-block-width-l);
    }

    .park-list__item .park-state__info {
        width: var(--table-item-width-m);
        border-radius: var(--border-radius-table-item-l);
        gap: var(--table-item-gap-m);
        padding: 
            var(--table-item-padding-y-m)
            var(--table-item-padding-x-m);
    }

    .park-list__item .park-state__marker {
        min-width: var(--table-list-item-marker-width-m);
    }

    .park-list__item .park-state__text-info {
        padding: 0;
    }

    .park-list__item .arrow-forward {
        width: var(--arrow-width-m);
    }

    .park-list__entry.is-open .park-list__item {
        top: var(--park-list-sticky-offset-m);
    }

/*  ADAPTIVE —— PROJECT PAGE —— PARK INFO INSIDE | MEDIUM */
    .park-info__inside {
        gap: var(--content-gap-l);
        padding: 
            var(--container-padding-m) 
            var(--container-padding-m) 
            var(--container-padding-l);
        scroll-margin-top:
            calc(
                var(--park-list-sticky-offset-m) + 
                var(--park-list__item-height-m)
                );
    }

    .park-info__intro {
        grid-template-columns: 
            minmax(0, var(--scheme-width-med))
            minmax(0, var(--scheme-legend-width-medium));
        gap: var(--gallery-gap-l);
        padding: 
            0
            var(--content-padding-x-l)
            0
            calc(var(--content-padding-x-l) * 2);
    }

    .park-info__inside .project__metrics__list {
        gap: var(--content-gap-l);
    }

/*  ADAPTIVE —— PROJECT PAGE —— PROJECT NAV | MEDIUM */
    .project__nav {
        gap: var(--gallery-gap-m);
    }

    .project__nav-item {
        gap: var(--cta-gap-m);
    }

    .project__nav-item p {
        min-height: var(--sh4-height-m);
    }
}

/*  ADAPTIVE —— PROJECT PAGE | 968px */
@media (max-width: 967.9px) {
    .project__scroll-btn {
        width: var(--arrow-width-m);
        height: var(--arrow-width-m);
    }

    .project-info__columns--text-info--list {
        gap: var(--gallery-gap-xs);
    }

/*  ADAPTIVE —— PROJECT PAGE —— METRICS | MEDIUM */
    .project__metrics {
        column-gap: var(--text-info-gap-l);
    }

    .project-metric__fact {
        padding-top: var(--text-block-padding-l);
    }

    .project-info__cta {
        row-gap: var(--content-gap-m);
        padding-top: var(--text-block-padding-m);
    }

    .project-info__cta .cta-wrapper {
        justify-self: end;
    }

    .project__main-info {
        padding-top: var(--text-block-padding-l);
    }

    .project__main-info--list {
        padding-top: 0;
    }

    .project__main-info--clean {
        padding-top: 0;
    }

/*  ADAPTIVE —— PROJECT PAGE —— TEXT INFO | MEDIUM */
    .project__text-block--columns {
        grid-template-columns: repeat(auto-fit, minmax(var(--text-block-width-s), 1fr));
        gap: var(--text-block-gap-m) calc(var(--text-block-gap-m) + var(--text-list-gap-m));
    }

    .project__text-info {
        gap: var(--text-info-gap-m);
        max-width: var(--text-block-width-m);
    }

    .project__text-info--mix {
        gap: calc(var(--text-info-gap-m) * 2);
    }

    .project__text-info--item-list {
        gap: calc(var(--text-info-gap-l) * 2);
    }

    .project__text-info--list {
        gap: var(--text-list-gap-m);
    }

    .project__text-info--mix ul.body  {
        padding-bottom: 0;
    }

    .project-accordion__hero {
        gap: var(--content-gap-l);
    }

/*  ADAPTIVE —— PROJECT PAGE —— PROJECT-INFO INSIDE | MEDIUM */
    .project-info__inside {
        gap: var(--text-block-gap-m);
        margin-bottom: calc(var(--text-info-padding-m) + var(--text-block-padding-m));
    }

    .project-info__block__columns {
        column-gap: var(--container-gap-s);
    }

    .project-info__block__columns--text-left {
        grid-template-columns: 
            minmax(0, var(--text-block-width-l))
            minmax(0, var(--img-column-width-m));
    }

    .secondary-img {
        max-width: var(--img-column-width-m);
    }

    .project__headline-info {
        gap: var(--headline-gap-m);
    }

    .project__headline-info-list {
        margin-bottom: var(--text-list-padding-s);
    }

    .project-info__secondary-info {
        padding-top: var(--text-info-padding-m);
    }

    .project-info__frames-list {
        gap: var(--content-gap-m);
    }

    .project__parks-frame {
        grid-template-columns: 
            minmax(0, var(--scheme-width-min))
            minmax(0, var(--text-info-width-s));
        column-gap: var(--content-gap-s);
        padding-left: var(--content-padding-x-m);
    }

    .park-frame__info {
        gap: var(--content-gap-s);
    }

    .park-info__scheme--main {
        max-width: var(--scheme-width-medium);
    }

    .project__parks-frame .project__text-info {
        max-width: var(--text-info-width-l);
    }

/*  ADAPTIVE —— PROJECT PAGE —— PARK INFO INSIDE | MEDIUM */
    .park-info__intro {
        grid-template-columns: 
            minmax(0, var(--scheme-width-med))
            minmax(0, var(--scheme-legend-width-medium));
        gap: var(--gallery-gap-m);
            padding: 0 var(--content-padding-x-l);
    }

    .park-info__legend {
        gap: var(--text-info-gap-l);
        padding-bottom: var(--text-info-padding-m);
    }

    .park-info__legend--list,
    .park-info__legend--item {
        gap: var(--text-info-gap-m); 
    }
}

/*  ADAPTIVE —— PROJECT PAGE | 767px */
@media (max-width: 767.9px) {
    .project .inner {
        gap: var(--container-gap-s);
        padding:  
            var(--container-padding-top-m)
            var(--container-padding-x-s)
            calc(var(--container-padding-s) + var(--space-8));
    }

    .project__intro {
        gap: var(--content-gap-s);
        padding-bottom: var(--content-padding-y-m);
    }

    .project__description {
        gap: var(--text-info-gap-s);
    }

    .project__description h2 {
        padding-right: calc(var(--arrow-width-s) * 2);
    }

    .project-intro__cta {
        gap:  var(--content-gap-s) var(--content-gap-s);
    }

    .project__scroll-btn {
        width: var(--arrow-width-s);
        height: var(--arrow-width-s);
    }

    .project-info__layout {
        gap: calc(var(--content-gap-m) + var(--space-4));
    }

    .project-info-panel {
        gap: var(--content-gap-m);
    }

/*  ADAPTIVE —— PROJECT PAGE —— PHOTO-GALLERY | SMALL */
    .project-info__block__columns--img-gallery {
        grid-template-columns: minmax(0, 1fr);
        row-gap: var(--container-inner-gap-s);
    }

    .project-photo-gallery--full-many,
    .project-photo-gallery--column {
        --gallery-peek: var(--preview-peek-s);
    }

    .project-photo-gallery--full-many .project-photo-gallery__nav--prev,
    .project-photo-gallery--column .project-photo-gallery__nav--prev {
        left: var(--space-8);
    }

    .project-photo-gallery--full-many .project-photo-gallery__nav--next,
    .project-photo-gallery--column .project-photo-gallery__nav--next {
        right: var(--space-8);
    }

/*  ADAPTIVE —— PROJECT PAGE —— METRICS | SMALL */
    .project__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: var(--text-info-gap-m);
    }

    .project__metrics--two-columns {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
        column-gap: 0;
    }

    .project-metric__fact {
        display: flex;
        flex-direction: column;
        gap: var(--text-info-gap-m);
        padding-top: var(--text-info-padding-m);
    }

    .project-metric__fact dd {
        padding-top: 0;
    }

/*  ADAPTIVE —— PROJECT PAGE  —— PROJECT INFO | SMALL */
    .project__main-info {
        border-top: var(--border-width-s) solid var(--grey-text-super-light);
        gap: var(--text-block-gap-m);
    }

    .project__main-info--list {
        gap: calc(var(--text-block-gap-s) / 2);
    }

    .project__main-info--clean {
        gap: var(--container-gap-m);
    }

    .project-info__cta {
        grid-template-columns: minmax(0, 1fr);
        row-gap: var(--content-gap-s);
        border-top: var(--border-width-s) solid var(--grey-text-super-light);
    }

    .project-info__cta > .lead-2,
    .project-info__cta .cta-wrapper,
    .project-info__cta .cta-wrapper p {
        width: 100%;
    }

/*  ADAPTIVE —— PROJECT PAGE —— TEXT INFO | SMALL */
    .project-info__cta .cta-wrapper {
        justify-self: stretch;
        align-items: flex-start;
        gap: var(--cta-gap-xs);
        padding-top: 0;
    }

    .project__text-block {
        gap: var(--text-block-gap-m);
    }

    .project__text-block--inside {
        padding-top: var(--text-block-padding-m);
        border-top: var(--border-width-s) solid var(--grey-text-super-light);
    } 

    .project__text-info--compact {
        gap: var(--text-info-gap-xs);
    }

    .project__text-block--columns {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--text-block-gap-s) calc(var(--text-block-gap-s) + var(--text-list-gap-s));
    }

    .project__text-block--merge {
        gap: calc(var(--text-info-gap-s) + var(--space-4));
    }

    .project__text-info--mix {
        gap: calc(var(--text-info-gap-m) + var(--text-info-gap-s));
    }

    .project__text-info--item-list {
        gap: calc(var(--text-info-gap-l) * 2);
    }

    .project__list-info--arrow-index {
        gap: calc(var(--text-list-gap-m) - var(--space-2));
    }

    .project__text-info--list {
        gap: var(--text-list-gap-s);
    }

    .project__info__infograph--union {
        grid-template-columns:
            var(--item-number-range-width-s)
            minmax(0, var(--infograph-width-s));
        column-gap: var(--text-list-gap-s);
        padding-left: var(--infograph-padding-s);
    }

/*  ADAPTIVE —— PROJECT PAGE —— ACCORDIONS | SMALL */
    .project-accordion {
        border-top: var(--border-width-s) solid var(--grey-text-super-light);
        gap: var(--text-block-gap-m);
    }

    .project-accordion__trigger {
        padding: calc(var(--text-block-padding-s) + var(--space-2)) 0 0;
    }

    .project-accordion__hero {
        gap: var(--content-gap-m);
    }

    .project-accordion .text-block {
        gap: var(--text-info-gap-xs);
    }

    .project-accordion .shevron-down {
        margin-top: var(--btn-padding-y-xs);
    }

    .project-info__inside {
        gap: var(--text-block-gap-m);
        margin-bottom: calc(var(--text-info-padding-s) + var(--text-block-padding-m));
    }

/*  ADAPTIVE —— PROJECT PAGE —— PROJECT-INFO INSIDE | SMALL */
    .project-info__block {
        gap: var(--info-block-gap-s);
    }

    .project-info__block__columns {
        column-gap: var(--container-gap-xs);
    }

    .project-info__block__columns--img-left {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .project-info__block__columns--img-left
    > .project__headline-info {
        padding-top: var(--content-padding-x-s);
    }

    .project-info__block__columns--text-left {
        grid-template-columns: 
            minmax(0, var(--text-block-width-m))
            minmax(0, var(--img-column-width-s));
    }

    .project-info__columns--item-list {
        gap: 
            var(--gallery-gap-xs)
            var(--gallery-gap-m);
    }

    .project-info__columns--text-info--list {
        grid-template-columns: minmax(0, 1fr);
        gap: calc(var(--gallery-gap-xs) + var(--space-6));
    }

    .project-info__block--center h4 {
        max-width: var(--headline-width-s);
    }

    .secondary-img {
        max-width: var(--img-column-width-s);
    }

    .project__headline-info {
        gap: var(--headline-gap-s);
    }

    .project__headline-info-list {
        gap: var(--headline-gap-m);
        margin-bottom: var(--text-list-padding-xs);
    }

    .project-info__secondary-info {
        border-top: var(--border-width-s) solid var(--pink-accent-dark);
        padding-top: var(--text-info-padding-m);
    }

    .project-info__frames-list {
        gap: var(--content-gap-s);
    }

    .project__parks-frame {
        grid-template-columns: minmax(0, 1fr);
        row-gap: var(--content-gap-xs);
        padding-left: 0;
    }

    .park-frame__info {
        gap: var(--content-gap-xs);
    }

/*  ADAPTIVE —— PROJECT PAGE —— PARK-LIST | SMALL */
    .park-list__entry {
        border-top: var(--border-width-s) solid var(--grey-text-super-light);
    }

    .park-list__item {
        flex-wrap: wrap;
        gap: 
            var(--table-list-item-gap-xs) 
            var(--table-list-item-gap-s);
        padding-left: var(--table-list-item-padding-x-s);
        padding-right: var(--table-list-item-padding-x-s);
        scroll-margin-top: var(--park-list-sticky-offset-s);
    }

    .park-list__item .text-info__headline {
        max-width: none;
        gap: var(--text-info-gap-xs);
    }

    .park-list__item .park-state__info {
        width: var(--table-item-width-s);
        border: var(--border-width-s) solid var(--grey-text-super-light);
        border-radius: var(--border-radius-table-item-m);
        gap: var(--table-item-gap-s);
        padding: 
            var(--table-item-padding-y-s)
            var(--table-item-padding-x-s);
        margin-right: auto;
    }

    .park-list__item .arrow-forward {
        width: var(--arrow-width-s);
    }

    .park-list__entry.is-open .park-list__item {
        top: var(--park-list-sticky-offset-s);
    }

/*  ADAPTIVE —— PROJECT PAGE —— PARK INFO INSIDE | SMALL */
    .park-info__inside {
        gap: var(--content-gap-m);
        padding: 
            var(--container-padding-s) 
            var(--container-padding-xs) 
            var(--container-padding-m);
        scroll-margin-top:
            calc(
                var(--park-list-sticky-offset-s) + 
                var(--park-list__item-height-s)
                );
    }

    .park-info__intro {
        grid-template-columns: 
            minmax(0, var(--scheme-width-medium))
            minmax(0, var(--scheme-legend-width-min));
        gap: var(--gallery-gap-s);
        padding: 0;
    }

    .park-info__legend {
        gap: var(--text-info-gap-m);
        padding-bottom: var(--text-info-padding-s);
    }

    .park-info__legend--list,
    .park-info__legend--item {
        gap: var(--text-info-gap-s); 
    }

    .park-info__inside .project__metrics__list {
        gap: var(--content-gap-xs);
    }

/*  ADAPTIVE —— PROJECT PAGE —— PROJECT NAV | SMALL */
    .project__nav {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--gallery-gap-s);
    }

    .project__nav-item {
        align-items: flex-start;
        gap: var(--cta-gap-s);
    }

    .project__nav-item--disabled {
        display: none;
    }

    .project__nav-item p,
    .project__nav-item--next p {
        max-width: none;
        min-height: 0;
        text-align: left;
        margin-left: 0;
    }

    .project__nav-item .btn {
        max-width: none;
    }
}

/*  ADAPTIVE —— PROJECT PAGE | 480px */
@media (max-width: 479.9px) {
    .project .inner {
        gap: var(--container-gap-xs);
    }

    .project-intro__cta {
        flex-wrap: wrap;
    }

/*  ADAPTIVE —— PROJECT PAGE —— PHOTO-GALLERY | X-SMALL */
    .project-photo-gallery--full-many,
    .project-photo-gallery--column {
        --gallery-peek: var(--preview-peek-xs);
    }

    .project-photo-gallery--column
    .project-photo-gallery__nav {
        display: none;
    }

/*  ADAPTIVE —— PROJECT PAGE —— METRICS | X-SMALL */
    .project__metrics {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
        column-gap: 0;
    }

    .project__main-info {
        gap: var(--text-block-gap-s);
    }

    .project__main-info--clean {
        gap: var(--container-gap-s);
    }

    .project__text-block {
        align-items: flex-start;
        gap: var(--text-block-gap-s);
        margin-left: 0;
    }

/*  ADAPTIVE —— PROJECT PAGE —— PROJECT-INFO INSIDE | X-SMALL */
    .project-info__inside {
        gap: var(--text-block-gap-s);
        margin-bottom: calc(var(--text-info-padding-xs) + var(--text-block-padding-s));
    }

    .project-info__block__columns--img-left {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "headline"
            "main-image"
            "secondary-image";
        row-gap: var(--info-block-gap-s);
        column-gap: 0;
    }

    .project-info__block__columns--img-left
        > .project__headline-info {
        max-width: var(--headline-width-m);
        justify-self: start;
    }

    .project-info__block__columns--img-left
        > img:not(.secondary-img),
    .project-info__block__columns--img-left
        > .secondary-img {
        justify-self: start;
        max-width: none;
    }

    .project-info__block__columns--text-left {
        grid-template-columns: minmax(0, 1fr);
        row-gap: var(--gallery-gap-xs);
    }

    .project-info__block--full-image {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        row-gap: var(--info-block-gap-s);
        overflow: visible;
    }

    .project-info__block--full-image
        > .heading__img-cover {
        position: static;
        width: 100%;
        max-width: none;
    }

    .project-info__block--end {
        padding-top: 0;
    }

    .project-info__columns--item-list {
        grid-template-columns: minmax(0, 1fr);
        margin-inline: 0;
    }

    .project-info__block--center h4 {
        max-width: none;
        text-align: left;
    }

    .secondary-img {
        max-width: none;
    }

    .project-info__secondary-info {
        padding-top: calc(var(--text-info-padding-s) + var(--space-4));
    }    

    .park-info__scheme--main {
        max-width: 100%;
    }

/*  ADAPTIVE —— PROJECT PAGE —— PARK-LIST | X-SMALL */
    .park-list__item .park-state__info {
        padding: 
            var(--table-item-padding-y-s)
            var(--table-item-padding-x-s);
        margin-right: 0;
    }

/*  ADAPTIVE —— PROJECT PAGE —— PARK INFO INSIDE | X-SMALL */
    .park-info__inside {
        gap: var(--content-gap-s);
        padding: 
            var(--container-padding-s) 
            var(--container-padding-xs) 
            var(--container-padding-m);
    }

    .park-info__intro {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--gallery-gap-xs);
    }

    .project__info__infograph--union {
        grid-template-columns: minmax(0, 1fr);
        align-self: start;
        justify-self: start;
        row-gap: var(--text-list-gap-s);
        padding-left: 0;
    }

/*  ADAPTIVE —— PROJECT PAGE —— PROJECT NAV | X-SMALL */
    .project__nav {
        gap: calc(var(--gallery-gap-xs) + var(--space-4));
    }
}