/* Full-width photo hero, used only by Illusion Royal. */
.category-hero--full{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;min-height:88svh;padding:9rem 0 5.5rem;align-items:end}
.category-hero__background,.category-hero__veil{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.category-hero__background{background:var(--ink)}
.category-hero__background img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.category-hero__veil{z-index:-1;background:linear-gradient(90deg,rgba(4,10,16,.92),rgba(4,10,16,.74) 43%,rgba(4,10,16,.2)),linear-gradient(0deg,#071019,rgba(7,16,25,.35) 22%,transparent 65%)}
.category-hero--full .category-hero__copy{position:relative;max-width:1180px}
.category-hero--full h1{max-width:42rem;font-size:clamp(3.2rem,6.4vw,6.6rem);line-height:1.02}
.category-hero--full h1 em{max-width:15ch}
.category-hero--full .category-lead{max-width:39rem;color:#ded5ca;font-size:clamp(1.06rem,1.8vw,1.35rem);line-height:1.7}
.category-hero--full .category-crumbs,.category-hero--full .category-subnav a{color:#ded5ca}
@media(max-width:700px){
  .category-hero--full{min-height:0;padding:7.5rem 0 3.5rem}
  .category-hero--full h1{font-size:clamp(2.9rem,8.2vw,3.8rem)}
  .category-hero__background img{object-position:65% 45%}
  .category-hero__veil{background:linear-gradient(0deg,rgba(4,10,16,.97),rgba(4,10,16,.72) 60%,rgba(4,10,16,.38))}
}