/* Shared alignment for internal pages; the home does not load this stylesheet. */
body main .page-intro,body main .work-heading{text-align:left}
body main .page-intro :is(h1,.lead){margin-left:0;margin-right:0}
body main>.page-intro+.catalog-page{padding-top:36px}
/* Photographs retain their natural exposure. Only their edges blend into the page. */
body main>.listing-hero.listing-hero{position:relative;isolation:isolate;overflow:hidden;border:0;text-align:left;min-height:0;padding-bottom:80px;background:var(--bg)}
body main>.listing-hero.listing-hero .listing-hero-image{position:absolute;inset:0 0 0 auto;width:64%;height:100%;object-fit:cover;object-position:center;z-index:-2;filter:none!important;opacity:1!important;mask-image:linear-gradient(90deg,transparent,#000 20%);transform:none!important}
body main>.listing-hero.listing-hero::after{content:"";position:absolute;inset:auto 0 0;height:150px;z-index:-1;background:linear-gradient(180deg,#FAF6EF00,#FAF6EF18 25%,#FAF6EF80 65%,#FAF6EF 100%);pointer-events:none}
body main>.listing-hero.listing-hero .listing-hero-copy{max-width:54%;position:relative}
body main>.listing-hero.listing-hero .lead{max-width:500px;margin-bottom:0}
body.page-faq main>.listing-hero.listing-hero .listing-hero-image{object-position:65% center}
@media(max-width:1100px) and (min-width:761px){body main>.listing-hero.listing-hero .listing-hero-copy{max-width:62%}}
@media(max-width:760px){
 body main>.listing-hero.listing-hero{min-height:0;padding-bottom:250px}
 body main>.listing-hero.listing-hero .listing-hero-copy{max-width:none}
 body main>.listing-hero.listing-hero .listing-hero-image{inset:auto 0 0;width:100%;height:320px;object-position:center;mask-image:linear-gradient(180deg,transparent,#000 30%)}
 body main>.listing-hero.listing-hero::after{height:110px;background:linear-gradient(180deg,#FAF6EF00,#FAF6EF18 25%,#FAF6EF80 65%,#FAF6EF 100%)}
}
body main .page-intro :is(h1,.lead,.eyebrow),body main .work-heading :is(h1,p){text-align:left!important;margin-left:0!important;margin-right:0!important}
@media(min-width:761px){body main>.listing-hero.listing-hero .listing-hero-image{mask-image:linear-gradient(90deg,transparent,#000 35%)}}
/* Extended, eased left blend with natural contrast on the right. */
@media(min-width:761px){
 body main>.listing-hero.listing-hero .listing-hero-image{width:100%;mask-image:linear-gradient(90deg,transparent 0%,#00000003 12%,#0000000d 22%,#00000029 33%,#00000059 44%,#00000099 55%,#000000cf 66%,#000000ed 77%,#000 90%);object-position:center}
}
@media(max-width:760px){
 body main>.listing-hero.listing-hero .listing-hero-image{mask-image:linear-gradient(180deg,transparent 0%,#00000012 8%,#00000050 18%,#000000a8 30%,#000000e5 43%,#000 55%)}
}
@media(max-width:760px){body.page-faq main>.listing-hero.listing-hero .listing-hero-image{object-position:right center}}

/* Identical transition from the hero to the filters on all three listing pages. */
body main>.listing-hero.listing-hero+.section{padding-top:32px}
body main>.listing-hero.listing-hero+.section>.category-hierarchy{margin-top:0}
body main>.listing-hero.listing-hero+.section>.filter-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){body main>.listing-hero.listing-hero+.section{padding-top:24px}}
