/* Full-width catalogue photographs, following the Doors hero composition. */
main .catalog-photo-hero{
  --catalog-hero-bg:oklch(0% 0 0);
  --catalog-hero-fg:oklch(100% 0 0);
  position:relative;isolation:isolate;overflow:hidden;
  width:100%;min-height:760px;padding:0;
  background:var(--catalog-hero-bg);color:var(--catalog-hero-fg);
}
.catalog-photo-hero::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:oklch(0% 0 0 / .58);pointer-events:none;
}
main .catalog-photo-hero>.catalog-photo-hero__image{
  position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;
  max-width:none;max-height:none;object-fit:cover;
  object-position:var(--catalog-photo-position,50% 50%);opacity:1;
}
main .catalog-photo-hero>.catalog-photo-hero__inner{
  position:relative;z-index:2;box-sizing:border-box;
  min-height:760px;padding-block:72px 64px;
  display:flex;flex-direction:column;align-items:flex-start;
}
main .catalog-photo-hero :is(.soft-breadcrumbs,.textile-breadcrumbs){
  color:var(--catalog-hero-fg);margin:0 0 28px;line-height:22px;
}
main .catalog-photo-hero nav a{color:inherit;text-decoration:none}
main .catalog-photo-hero nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
main .catalog-photo-hero a:focus-visible{outline:2px solid var(--catalog-hero-fg);outline-offset:5px}
main .catalog-photo-hero h1{
  width:auto;max-width:min(100%,950px);margin:0 0 42px;
  color:var(--catalog-hero-fg);font-size:52px;line-height:1.19;
  letter-spacing:-.02em;white-space:normal;text-wrap:balance;
}
main .catalog-photo-hero :is(.soft-hero-lead,.catalog-hero-lead,.textile-hero__lead){
  width:auto;max-width:min(100%,830px);margin:0!important;
  color:var(--catalog-hero-fg);font-size:18px;line-height:28px;text-wrap:pretty;
}
main .catalog-photo-hero :is(.soft-hero-lead,.catalog-hero-lead) p{color:inherit;font-size:inherit;line-height:inherit}
main .catalog-photo-hero .textile-chips{flex-wrap:wrap;max-width:100%}
main .catalog-photo-hero .textile-chip{height:auto;white-space:normal}
.catalog-photo-intro{padding-block:56px}
.catalog-photo-intro .headboard-intro{margin-top:0}
@media(min-width:761px) and (max-width:1536px){
  main .catalog-photo-hero,main .catalog-photo-hero>.catalog-photo-hero__inner{min-height:640px}
  main .catalog-photo-hero>.catalog-photo-hero__inner{padding-block:58px 62px}
  main .catalog-photo-hero h1{font-size:44px;line-height:52px}
  main .catalog-photo-hero :is(.soft-hero-lead,.catalog-hero-lead,.textile-hero__lead){font-size:16px;line-height:25px}
}
@media(max-width:760px){
  main .catalog-photo-hero,main .catalog-photo-hero>.catalog-photo-hero__inner{min-height:560px}
  main .catalog-photo-hero>.catalog-photo-hero__inner{width:calc(100% - 32px);padding-block:48px 56px}
  main .catalog-photo-hero h1{font-size:36px;line-height:44px;margin-bottom:28px}
  main .catalog-photo-hero :is(.soft-hero-lead,.catalog-hero-lead,.textile-hero__lead){font-size:16px;line-height:25px}
  .catalog-photo-intro{padding-block:40px}
}