/* A centered five-column wall keeps photographs at a comfortable viewing size. */
body[data-gallery-layout="adaptive"] #collection{max-width:1680px;margin-inline:auto;padding-inline:40px}
@media(max-width:800px){body[data-gallery-layout="adaptive"] #collection{padding-inline:20px}}
/* The photograph stays full bleed; type and rules provide the editorial frame. */
body[data-page="portfolio"] .hero{min-height:680px;border-radius:0}
body[data-page="portfolio"] .hero-shade{background:linear-gradient(90deg,rgba(5,7,12,.72) 0%,rgba(5,7,12,.36) 41%,rgba(5,7,12,.02) 78%),linear-gradient(0deg,rgba(4,5,9,.68),transparent 28%,transparent 76%,rgba(4,5,9,.24))}
.portfolio-hero-meta{position:absolute;z-index:1;top:clamp(110px,14vh,155px);left:6.2%;right:6.2%;display:flex;justify-content:space-between;color:rgba(255,255,255,.8);font-size:10px;letter-spacing:.2em}
body[data-page="portfolio"] .hero-copy{left:11%;bottom:21%;max-width:850px}
body[data-page="portfolio"] .hero-copy .eyebrow{font-size:10px;letter-spacing:.27em;color:#fff;margin-bottom:19px}
body[data-page="portfolio"] .hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,7.5vw,126px);font-weight:400;letter-spacing:-.065em;line-height:1.04;text-shadow:0 7px 26px rgba(0,0,0,.22)}
body[data-page="portfolio"] .hero h1 em{font-weight:400}
body[data-page="portfolio"] .hero-description{font-size:17px;letter-spacing:.2em;color:#fff;margin-top:30px}
body[data-page="portfolio"] .hero-bottom{left:6.2%;right:6.2%;bottom:34px;border-top:1px solid rgba(255,255,255,.36);padding-top:19px}
.portfolio-hero-note{font-size:11px;letter-spacing:.13em;color:rgba(255,255,255,.72)}
body[data-page="portfolio"] .hero-bottom .explore{position:static;transform:none;width:auto;height:auto;display:flex;gap:19px;font-size:10px;letter-spacing:.17em;color:#fff}
body[data-page="portfolio"] .hero-bottom .explore span{font-size:10px;letter-spacing:.17em}
body[data-page="portfolio"] .hero-bottom .explore svg{transition:transform .55s cubic-bezier(.16,1,.3,1)}
body[data-page="portfolio"] .hero-bottom .explore:hover svg{transform:translateY(5px)}
@media(max-width:800px){
  .portfolio-hero-meta{top:105px;left:26px;right:26px;font-size:8px}
  body[data-page="portfolio"] .hero-copy{left:7%;bottom:25%;right:7%}
  body[data-page="portfolio"] .hero h1{font-size:clamp(56px,10.3vw,88px)}
  body[data-page="portfolio"] .hero-description{font-size:13px;margin-top:22px}
  body[data-page="portfolio"] .hero-bottom{left:26px;right:26px;bottom:30px}
  body[data-page="portfolio"] .hero-bottom .explore{display:flex}
}
@media(max-width:520px){
  body[data-page="portfolio"] .hero{min-height:610px}
  .portfolio-hero-meta span:last-child{max-width:102px;text-align:right;line-height:1.5}
  body[data-page="portfolio"] .hero-copy{left:26px;right:26px;bottom:27%}
  body[data-page="portfolio"] .hero h1{font-size:clamp(49px,11.5vw,68px);line-height:1.08}
  body[data-page="portfolio"] .hero-description{font-size:12px;letter-spacing:.13em}
  .portfolio-hero-note{font-size:9px;max-width:140px;line-height:1.5}
  body[data-page="portfolio"] .hero-bottom .explore span{display:none}
}