/* Zenvana: panoramic artwork and understated editorial type. */
.z-category-hero{position:relative;isolation:isolate;background:#263f5b;color:#fffdfa}
.z-category-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--cover-position,center 25%);z-index:-2}
.z-category-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#13253685,#13253624)}
.z-category-hero__inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:64px;max-width:900px;width:calc(100% - 64px);min-height:clamp(300px,23vw,420px);margin:auto;padding:64px 0}
.z-category-hero__heading{min-width:0}
.z-category-hero .z-category-hero__heading h1{color:inherit;font-size:clamp(25px,2.1vw,32px);line-height:1.17;letter-spacing:-.02em;margin:0;text-wrap:balance;text-shadow:0 1px 12px #12253455}
.z-category-hero__count{font-size:11px;letter-spacing:.04em;margin:10px 0 0}
.z-category-hero__formats{display:inline-flex;flex-wrap:wrap;gap:4px 18px;margin-top:16px;padding:0 12px;background:#fffdfaf2;color:#263f5b;border-radius:2px}
.z-category-hero__formats a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:inherit;text-decoration:none;font-size:11px;font-weight:500;border-bottom:2px solid transparent}
.z-category-hero__formats a[aria-current]{border-bottom-color:#263f5b;font-weight:700}
.z-category-hero__formats a:hover{border-bottom-color:#ae8970}
.z-category-hero__formats span{font-size:10px;opacity:.7}
.z-category-hero__note{justify-self:end;width:100%;max-width:320px;padding:14px 18px;background:#fffdfaf0;color:#263f5b;border-left:2px solid #ae8970;border-radius:0 3px 3px 0}
.z-category-hero__note>p{font-size:11px;font-weight:400;line-height:1.65;margin:0;letter-spacing:.015em}
.z-category-hero__note summary{display:flex;align-items:center;gap:9px;min-height:32px;margin-top:3px;font-size:10px;font-weight:500;cursor:pointer;list-style:none}
.z-category-hero__note summary::-webkit-details-marker{display:none}
.z-category-hero__less,.z-category-hero details[open] .z-category-hero__more{display:none}
.z-category-hero details[open] .z-category-hero__less{display:inline}
.z-category-hero__description{font-size:12px;line-height:1.65;max-height:200px;overflow:auto;padding-right:8px}
.z-category-hero__description :is(h1,h2,h3,h4){font-size:14px;color:#263f5b}
.z-category-hero :is(a,summary):focus-visible{outline:2px solid #ae8970;outline-offset:3px}
.z-category-hero--plain{background:linear-gradient(120deg,#263f5b,#536c77)}
@media(max-width:989px){.z-category-hero__inner{gap:32px;padding:48px 0}.z-category-hero .z-category-hero__heading h1{font-size:26px}}
@media(max-width:749px){
.z-category-hero__inner{grid-template-columns:minmax(0,1fr);align-content:end;gap:24px;width:calc(100% - 40px);padding:38px 0 28px;min-height:330px}
.z-category-hero__heading{max-width:400px}
.z-category-hero .z-category-hero__heading h1{font-size:25px}
.z-category-hero__image{object-position:var(--cover-mobile-position,center 30%)}
.z-category-hero::before{background:linear-gradient(180deg,#13253655,#13253666)}
.z-category-hero__formats{margin-top:14px}
.z-category-hero__note{justify-self:start;max-width:310px;padding:12px 16px}
.z-category-hero__note summary{min-height:44px;font-size:11px}
}
