/* Compact project introduction and one-at-a-time related stories on phones. */
.cs-related-arrow,.cs-related-position{display:none}
@media(max-width:700px){
 .gr-gallery-page .gr-gallery-intro{display:block;padding-block:30px 24px}
 .gr-gallery-page .gr-gallery-intro>.gr-eyebrow{display:none}
 .gr-gallery-page .gr-gallery-intro h1{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:0 0 16px;max-width:none;text-wrap:balance}
 .gr-gallery-page .gr-gallery-intro h1 em{font-style:normal;color:inherit}
 .gr-gallery-page .gr-gallery-intro>p:last-child{font-size:14px!important;line-height:1.65!important;margin:0;max-width:none}
 .gr-gallery-page .gr-gallery-intro>p:last-child br{display:none}
 .gr-gallery-page .gr-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-block:16px;margin-bottom:22px}
 .gr-gallery-page .gr-filter-row button{min-height:42px;padding:9px 8px;font-size:12px;line-height:1.3;border-radius:8px;letter-spacing:0}
 .gr-gallery-page #gr-photo-count{grid-column:1/-1;margin:4px 0 0;font-size:12px;text-align:start}
 .gr-case-page .cs-related-heading{margin-bottom:20px}
 .gr-case-page .cs-related-heading h2{font-size:26px;margin-bottom:0}
 .cs-related.is-carousel{position:relative;scroll-margin-top:100px}
 .gr-case-page .cs-related.is-carousel .cs-related-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:12px}
 .cs-related.is-carousel .cs-related-grid::-webkit-scrollbar{display:none}
 .gr-case-page .cs-related.is-carousel .cs-related-card{scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #dce7ed;border-radius:12px;overflow:hidden;background:#fff}
 .gr-case-page .cs-related.is-carousel .cs-related-card>img{height:auto;aspect-ratio:16/11;border-radius:0;object-fit:cover}
 .gr-case-page .cs-related.is-carousel .cs-related-card>div{padding:17px 40px 20px 18px}
 .gr-case-page .cs-related.is-carousel .cs-related-card span{font-size:10px;margin-bottom:7px;line-height:1.5}
 .gr-case-page .cs-related.is-carousel .cs-related-card h3{font-size:20px;line-height:1.25;margin:0}
 .gr-case-page .cs-related.is-carousel .cs-related-card b{top:auto;bottom:20px;right:17px}
 .cs-related.is-carousel .cs-related-arrow{display:grid;place-items:center;position:absolute;top:var(--carousel-arrow-top);z-index:2;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #d8e4eb;border-radius:50%;background:#fff;color:#0c304c;box-shadow:0 3px 12px #0c304c1c;cursor:pointer}
 .cs-related-arrow svg{display:block;width:20px;height:20px}
 .cs-related-arrow--prev{inset-inline-start:-12px}
 .cs-related-arrow--next{inset-inline-end:-12px}
 .cs-related-arrow:focus-visible{outline:3px solid #ffdb20;outline-offset:3px}
 .cs-related.is-carousel .cs-related-position{display:block;text-align:center;margin:14px 0 0;font-size:12px;color:#526b7d;line-height:1.5;direction:ltr}
 html[dir="rtl"] .cs-related-arrow svg{transform:rotate(180deg)}
 html[dir="rtl"] .gr-case-page .cs-related.is-carousel .cs-related-card>div{padding:17px 18px 20px 40px}
 html[dir="rtl"] .gr-case-page .cs-related.is-carousel .cs-related-card b{right:auto;left:17px}
}