/* Photography is the visual standard for these portfolio pages. */
.portfolio-detail .main{background:var(--paper)}
.portfolio-detail .main>.content{padding-top:100px;padding-bottom:100px}
.portfolio-detail .case-feature-hero h1{font-size:clamp(3.4rem,7vw,7rem)}
.portfolio-intro{margin:0 0 86px}
.portfolio-intro h2{font-size:clamp(2.7rem,4.5vw,4.8rem);line-height:.96;letter-spacing:-.055em;margin:0 0 24px}
.portfolio-intro p{max-width:760px}
.portfolio-detail .social-block,.portfolio-detail .graphics-block{padding:30px 0 64px;border-top:1px solid var(--line)}
.portfolio-detail .social-section,.portfolio-detail .graphics-section{margin:0 0 32px}
.portfolio-detail .social-section h2,.portfolio-detail .graphics-section-title,.editorial-page .content>.h2,.editorial-page .content>.h4{font-size:clamp(2.3rem,4vw,4rem);font-weight:750;line-height:1;letter-spacing:-.05em;margin:0 0 32px;padding:0;border:0}
.editorial-page .content>.h2:before,.editorial-page .content>.h4:before{content:"Selected work";display:block;margin-bottom:14px;color:#d69a28;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.editorial-page .content>.h2,.editorial-page .content>.h4{border-top:1px solid var(--line);padding-top:30px;margin-top:72px}
.social-page .tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px;max-width:none;margin:0 0 42px;padding:0}
.social-page .tile-grid--land4{grid-template-columns:repeat(2,minmax(0,1fr))}
.social-page .tile-grid--sq4{grid-template-columns:repeat(4,minmax(0,1fr))}
.social-page .tile-grid .tile-card{width:auto;min-width:0;margin:0}
.social-page .tile-box{border:0;border-radius:0}.social-page .tile-img{object-fit:contain}
.social-page .social-subhead{font-weight:700;font-size:1.1rem;margin:32px 0 8px}.social-page .subh{font-size:1rem;color:var(--muted);margin:0 0 24px}
.portfolio-detail .tile-cap{padding:20px 0 0;margin:0}.portfolio-detail .cap-title{font-size:1.25rem;font-weight:750;line-height:1.15;margin-bottom:7px}.portfolio-detail .cap-meta{color:var(--muted);font-size:.95rem}
.social-page .tile-play{background:#0b0c0fcc}
.social-page .video-modal{padding-top:0;background:#101114}
.social-page .video-modal.tile-box--land{aspect-ratio:16/9}
.social-page .video-modal.tile-box--sq{aspect-ratio:1}
.social-page .video-modal.tile-box--tall{aspect-ratio:9/16}
.social-page .video-modal .tile-img{object-fit:cover}
.editorial-page .editorial-hero{max-width:900px;margin:0 0 64px}.editorial-page .editorial-hero-box,.editorial-page .cover-box{border-radius:0;border:0;background:white}
.editorial-page .editorial-covers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.editorial-page .cover-box img{height:100%;aspect-ratio:4/5;object-fit:contain}
.editorial-page .editorial-publications{justify-content:flex-start}.editorial-page .editorial-publications .bullets{max-width:none;width:100%;gap:12px 48px}
.portfolio-detail .rule{border:0;border-top:1px solid var(--line);margin:70px 0}
.portfolio-detail .modal-lock .back-to-top,.portfolio-detail.modal-lock .back-to-top{display:none}
@media(max-width:850px){.portfolio-detail .main>.content{padding-top:70px;padding-bottom:70px}.portfolio-intro{grid-template-columns:1fr;gap:24px;margin-bottom:64px}.social-page .tile-grid,.social-page .tile-grid--sq4{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-page .editorial-covers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.portfolio-detail .main>.content{padding-top:58px}.social-page .tile-grid{grid-template-columns:1fr}.editorial-page .editorial-publications .bullets{grid-template-columns:1fr}.portfolio-detail .case-feature-hero h1{font-size:3.6rem}}