/* photo panorama / Фото + 3 колонки нумерованный список. */
.pattern-photo-panorama{--photo-panorama-inset:var(--space-6);--photo-panorama-column-gap:var(--space-12);--photo-panorama-panel-height:clamp(270px,55vw,360px)}
.photo-panorama__shell{width:100%;max-width:var(--content-max);margin-inline:auto}
.photo-panorama__banner{position:relative;isolation:isolate;overflow:hidden;min-height:var(--photo-panorama-panel-height);background:var(--color-fog)}
.photo-panorama__media{position:absolute;inset:0;z-index:-2;display:block}
.photo-panorama__media img{width:100%;height:100%;object-fit:cover;object-position:right bottom}
.photo-panorama__intro{position:relative;isolation:isolate;display:grid;gap:var(--space-6);padding:var(--photo-panorama-inset)}
.photo-panorama__intro::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.82) 75%,rgba(255,255,255,0))}
.photo-panorama__intro h2{max-width:22ch;text-wrap:wrap}
.photo-panorama__intro>p:not(.eyebrow){max-width:var(--measure-intro);color:var(--muted);font-size:var(--type-body);line-height:var(--leading-body)}
.photo-panorama__items{position:relative;display:grid;margin:var(--section-space) var(--photo-panorama-inset) 0;padding:0;list-style:none}
.photo-panorama__item{min-width:0;display:grid;grid-template-columns:2.1ch minmax(0,1fr);column-gap:var(--space-4);padding-block:var(--space-6);border-top:1px solid var(--line);align-content:start;font-size:var(--type-card)}
.photo-panorama__item:first-child{padding-top:0;border-top:0}
.photo-panorama__item:last-child{padding-bottom:0}
.photo-panorama__number{color:var(--link);font-size:var(--type-card);line-height:var(--leading-card);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}
.photo-panorama__copy{min-width:0;display:grid;align-content:start;gap:var(--space-2)}
.photo-panorama__copy h3{text-wrap:wrap}
.photo-panorama__copy p{color:var(--muted);font-size:var(--type-body);line-height:var(--leading-body)}
@media(min-width:768px){
 .pattern-photo-panorama{--photo-panorama-panel-height:280px}
 .photo-panorama__shell{width:min(calc(100% - var(--gutter)*2),var(--content-max))}
 .photo-panorama__intro{width:72%;padding-block:var(--space-12)}
 .photo-panorama__intro::before{inset:0 -10% -16px 0;background:linear-gradient(105deg,rgba(255,255,255,.85),rgba(255,255,255,.72) 70%,rgba(255,255,255,0) 95%);mask-image:linear-gradient(180deg,#000 calc(100% - 64px),transparent)}
 .photo-panorama__items{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--photo-panorama-column-gap)}
 .photo-panorama__item{position:relative;padding-block:0;border-top:0}
 .photo-panorama__item+.photo-panorama__item::before{content:"";position:absolute;inset-block:0;left:calc(var(--photo-panorama-column-gap)/-2);width:1px;background:var(--line)}
}
@media(min-width:1024px){
 .pattern-photo-panorama{--photo-panorama-inset:var(--space-8);--photo-panorama-column-gap:var(--space-16);--photo-panorama-panel-height:calc(560px * 2 / 3)}
 .photo-panorama__intro{width:66%}
}
@media(min-width:1366px){
 .pattern-photo-panorama{--photo-panorama-inset:var(--space-12);--photo-panorama-column-gap:var(--space-24);--photo-panorama-panel-height:calc(clamp(440px,32vw,520px) * 2 / 3)}
 .photo-panorama__intro{width:68%;padding-top:var(--space-16)}
 .photo-panorama__intro h2{max-width:none}
 .photo-panorama__intro h2 span{display:block}
 .photo-panorama__intro::before{inset:0 -6% -16px 0;background:linear-gradient(100deg,rgba(255,255,255,.82),rgba(255,255,255,.6) 62%,rgba(255,255,255,0) 90%)}
 .photo-panorama__item{column-gap:var(--space-6)}
}