/* A photographic extension of the existing Halo identity. No copy blur panels. */
.human-home .human-hero{
  position:absolute;inset:0 0 auto;height:100svh;z-index:0;
  pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%);
  mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%);
}
.intro-pending .human-home .human-hero{clip-path:circle(0px at 50% 50%)}
.human-hero__aperture{position:absolute;inset:0}
.human-hero img{width:100%;height:100%;object-fit:cover;object-position:58% center}
.human-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(12,19,26,.78),rgba(12,19,26,.36) 80px,transparent 164px),linear-gradient(90deg,rgba(12,19,26,.97) 0%,rgba(12,19,26,.91) 29%,rgba(12,19,26,.64) 44%,rgba(12,19,26,.16) 69%,rgba(12,19,26,.08) 100%);
  transition:background-color .48s;
}
:root[data-theme="light"] .human-hero::after{
  background:linear-gradient(90deg,rgba(250,250,250,.97) 0%,rgba(250,250,250,.91) 28%,rgba(250,250,250,.67) 43%,rgba(250,250,250,.08) 65%,transparent 100%);
}
.human-home #gl,.human-home .halo-fallback{z-index:1}
.human-home main,.human-home footer{z-index:2}
.halo-photo-fallback .human-home .halo-fallback{display:block}
.halo-photo-fallback .human-home .halo-fallback,.halo-no-webgl .human-home .halo-fallback,
.halo-photo-fallback .human-home .halo-fallback path,.halo-no-webgl .human-home .halo-fallback path{animation:none!important;transform:none!important}
.human-home .hero{min-height:max(760px,100svh);padding-block:152px 120px}
.human-home .hero-copy{max-width:580px}
.human-home .hero h1{font-size:clamp(48px,6.4vw,92px);max-width:11.5ch;line-height:1.04}
.human-home .hero .lede{max-width:37ch;font-size:clamp(20px,1.65vw,23px)}
.human-home .hero-detail{max-width:43ch}
.human-home .hero .actions{position:relative;width:max-content;max-width:100%;isolation:isolate}
.human-home .hero .btn{background:rgba(var(--reading-rgb),.34)}
.human-home .hero .event{color:var(--stone)}
.human-home .hero .event>.mono{background:rgba(var(--reading-rgb),.52)}
.human-scenes{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(24px,4vw,56px);align-items:end;margin-block:56px 64px}
.human-scenes figure{margin:0;min-width:0}
.human-scenes img{display:block;width:100%;height:auto;object-fit:cover;border-radius:3px}
.human-scenes__care img{aspect-ratio:1.5;object-position:50% 55%}
.human-scenes__pos img{aspect-ratio:1.14;object-position:68% center}
.human-scenes figcaption{margin-top:14px;font-size:15px;line-height:1.5;color:var(--stone)}
.human-home .human-scenes+.places{margin-top:0}
.photo-page .page-hero{min-height:max(760px,100svh)}
.photo-page .hero-text{max-width:580px}
@media(min-width:1600px){
  .human-hero img{object-position:center 56%}
  .human-home .hero-copy{max-width:620px}
}
@media(max-width:1000px){
  .human-home .hero-copy{max-width:540px}
  .human-hero img{object-position:62% center}
  :root[data-theme="light"] .human-hero::after{background:linear-gradient(90deg,rgba(250,250,250,.98),rgba(250,250,250,.88) 42%,rgba(250,250,250,.24) 74%,rgba(250,250,250,.08))}
}
@media(max-width:760px){
  .human-home .hero{min-height:940px;min-height:max(940px,100svh);align-items:flex-start;padding-block:132px 340px}
  .human-home .human-hero{-webkit-mask-image:linear-gradient(#000 0%,#000 90%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 90%,transparent 100%)}
  .human-hero img{position:absolute;bottom:0;width:100%;height:360px;object-fit:cover;object-position:right center;-webkit-mask-image:linear-gradient(transparent,#000 14%);mask-image:linear-gradient(transparent,#000 14%)}
  .human-hero::after{background:linear-gradient(180deg,rgba(12,19,26,.99) 0%,rgba(12,19,26,.99) 55%,rgba(12,19,26,.88) 60%,rgba(12,19,26,.15) 66%,transparent 72%)}
  :root[data-theme="light"] .human-hero::after{background:linear-gradient(180deg,rgba(250,250,250,.99) 0%,rgba(250,250,250,.99) 55%,rgba(250,250,250,.88) 60%,rgba(250,250,250,.15) 66%,transparent 72%)}
  .human-home .hero h1{font-size:clamp(48px,10.8vw,72px);max-width:11.5ch}
  .human-home .hero .lede{font-size:20px;max-width:32ch}
  .human-home .hero-detail{max-width:35ch;font-size:16px}
  .human-home .hero .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
  .human-home .hero .actions :is(.key,.btn){font-size:14px;padding-inline:18px;min-height:48px}
  .photo-page .page-hero{min-height:1040px;align-items:flex-start;padding-block:128px 380px}
  .photo-page .page-hero .actions{display:flex;align-items:flex-start;flex-direction:column}
  .human-scenes{grid-template-columns:1fr;gap:32px;margin-block:40px 48px}
  .human-scenes__care img{aspect-ratio:1.3}
  .human-scenes__pos img{aspect-ratio:1.6;object-position:65% center}
}
@media(max-width:360px){
  .human-home .hero h1{font-size:42px}
  .human-home .hero .event{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .human-hero::after{transition:none}
}