.photos{background:#121c24;color:#e6edf1;padding-top:104px;padding-bottom:100px}.photos .section-top{border-color:rgba(215,229,238,.22)}.photos .section-top .eyebrow,.photos .section-note{color:#9baebc}.media-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:76px 0 38px}.media-heading h2{font:500 clamp(48px,7vw,82px)/.98 var(--serif);letter-spacing:-3px;margin:0}.media-heading h2 em{color:#8ebbd0}.media-heading>p{max-width:280px;font:12px/1.7 var(--mono);color:#9baebc;margin:0 0 7px}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.photo-tile{display:block;overflow:hidden;aspect-ratio:4/5;background:#1c2932;border:1px solid rgba(215,229,238,.13);position:relative}.photo-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,24,32,.14),transparent 35%);pointer-events:none}.photo-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.65,.2,1),filter .35s}.photo-tile:hover img,.photo-tile:focus-visible img{transform:scale(1.045);filter:saturate(1.05)}.videos{background:#dce5eb;color:#101820;padding-top:100px;padding-bottom:105px}.videos .section-top{border-color:rgba(16,24,32,.22)}.videos .section-top .eyebrow,.videos .section-note,.videos .media-heading>p{color:#60717e}.videos .media-heading{margin-top:70px;margin-bottom:40px}.videos .media-heading h2 em{color:#668da7}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.video-card{min-width:0}.video-frame{aspect-ratio:16/9;overflow:hidden;background:#101820;box-shadow:0 18px 40px rgba(16,24,32,.15)}.video-frame iframe{display:block;border:0;width:100%;height:100%}.video-caption{padding:18px 0 0;border-top:1px solid rgba(16,24,32,.2);margin-top:16px}.video-caption>span{font:9px var(--mono);letter-spacing:1.4px;color:#60717e}.video-caption h3{font:500 27px/1.1 var(--serif);margin:11px 0 7px}.video-caption p{font-size:12px;color:#60717e;margin:0;line-height:1.6}
@media(max-width:950px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.photos,.videos{padding:76px 7%}.media-heading{display:block;margin:62px 0 29px}.media-heading h2{font-size:62px}.media-heading>p{margin-top:18px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.video-grid{grid-template-columns:1fr;gap:34px}.videos .media-heading{margin-top:62px}.video-caption h3{font-size:24px}}
@media(max-width:380px){.media-heading h2{font-size:55px}.photo-grid{gap:7px}}