/* Z11 hero: glass prism in the front-page title card */
.page-title-container.z11-hero{background:#05060a;overflow:hidden;height:clamp(460px,70vh,640px)}
.z11-hero > .page-title-bg,.z11-hero > .page-title-row,.z11-hero > .breadcrumbs-wrapper{display:none!important}
.z11-hero .z11-prism-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit}
.z11-hero .z11-prism-fx{pointer-events:none;mix-blend-mode:screen}
.z11-hero.z11-prism-has-gl > canvas:first-of-type{visibility:hidden}
.z11-copy{position:absolute;left:6%;top:30%;z-index:2;pointer-events:none;width:min(360px,40%);color:#fff}
.z11-logo{display:block;width:100%;height:auto}
.z11-px{fill:#fff}.z11-px-shadow{fill:#3a3a3a}
.z11-cursor{fill:#8f8f8f;animation:z11blink 1.1s steps(1) infinite}
@keyframes z11blink{50%{opacity:0}}
.z11-rule{height:1px;background:#3a3a3a;margin:16px 0 14px;width:93%}
.z11-tag{font:500 15px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.32em;color:#bdbdbd;margin:0}
.z11-by{font:400 11px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.42em;color:#5f5f5f;margin:12px 0 0}
@media (prefers-reduced-motion:reduce){.z11-cursor{animation:none}}
@media (min-width:640px) and (max-width:999px){.z11-copy{left:5%;top:32%;width:min(300px,34%)}.z11-tag{font-size:11px;letter-spacing:.2em;white-space:nowrap}.z11-by{font-size:9px}}
@media (max-width:639px){.page-title-container.z11-hero{height:clamp(520px,82vh,700px)}.z11-copy{top:7%;left:7%;width:min(340px,62%)}.z11-tag{font-size:12px;letter-spacing:.18em;white-space:nowrap}}
/* phones: shorter hero so the headline shows on the first screen */
@media (max-width: 639px) {
	.page-title-container.z11-hero { height: clamp(320px, 42vh, 370px) !important; }
	.z11-copy { top: 6% !important; width: min(170px, 46%) !important; }
	.z11-rule { margin: 10px 0 9px; }
	.z11-tag { font-size: 9.5px !important; letter-spacing: .14em !important; }
	.z11-by { font-size: 7.5px; margin-top: 7px; }
}