@font-face{font-family:HZRoboto;src:url('assets/roboto.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:HZMono;src:url('assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
html{scroll-behavior:smooth}body{margin:0}.hz-case{--yellow:#ffdc00;background:#f7f6f1;color:#171717;font:18px/1.6 HZRoboto,Arial,sans-serif}.hz-case *{box-sizing:border-box}.hz-wrap{width:min(1180px,88%);margin:auto}.hz-case a{color:inherit;text-decoration:none}.hz-case a:hover{text-decoration:underline}.hz-case :focus-visible{outline:3px solid #2861d1;outline-offset:5px}.hz-hero{padding-top:76px;padding-bottom:54px}.hz-kicker,.hz-case figcaption,.hz-meta dt,.hz-footer{font:11px/1.5 HZMono,monospace;letter-spacing:.07em}.hz-case h1{font:800 clamp(64px,9vw,130px)/.94 HZRoboto,Arial,sans-serif;letter-spacing:-.065em;margin:32px 0 38px}.hz-case h1 span{color:#8b7b00}.hz-case h2,.hz-case h2 *{font-family:HZRoboto,Arial,sans-serif!important;font-weight:750!important;font-variation-settings:normal!important}.hz-case h2{font-size:clamp(34px,4.5vw,62px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}.hz-case p{margin:0;max-width:640px}.hz-deck{display:flex;align-items:end;justify-content:space-between;gap:24px}.hz-deck p{font-size:22px;line-height:1.4}.hz-deck a{border-bottom:1px solid;padding:10px 0;font:12px HZMono,monospace}.hz-deck a span{margin-left:50px}.hz-cover{margin:0;background:#171717;color:white}.hz-cover img{display:block;width:100%;height:auto;max-height:760px;object-fit:cover}.hz-cover figcaption{display:flex;justify-content:space-between;padding:18px 6%;background:var(--yellow);color:#171717}.hz-intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:100px 0 65px}.hz-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:0 0 90px;padding:24px 0;gap:20px}.hz-meta dt{color:#666;margin-bottom:9px}.hz-meta dd{margin:0;font-size:15px}.hz-films{background:#171717;color:#fff;padding:80px 0}.hz-section-title{margin-bottom:40px}.hz-section-title .hz-kicker{margin-bottom:24px}.hz-films .hz-kicker{color:var(--yellow)}.hz-film{margin:0 0 35px;min-width:0}.hz-film video{display:block;width:100%;aspect-ratio:16/9;background:black}.hz-film figcaption{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #555}.hz-film-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.hz-posters{padding-top:95px;padding-bottom:90px}.hz-poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 24px}.hz-poster-grid figure{margin:0}.hz-poster-grid button{display:block;width:100%;padding:0;border:0;background:black;position:relative;cursor:zoom-in}.hz-poster-grid img{display:block;width:100%;height:auto}.hz-poster-grid button span{position:absolute;right:12px;bottom:12px;width:32px;height:32px;border-radius:50%;background:white;color:black;font:20px/32px Arial}.hz-poster-grid figcaption{padding-top:15px;font-size:10px;letter-spacing:0}.hz-footer{border-top:1px solid #ccc;display:flex;justify-content:space-between;gap:20px;padding:32px 0}.hz-lightbox{max-width:96vw;max-height:96dvh;padding:48px 12px 12px;border:0;background:#171717}.hz-lightbox::backdrop{background:#000d}.hz-lightbox img{display:block;max-width:90vw;max-height:82dvh;object-fit:contain}.hz-close{position:absolute;top:10px;right:12px;background:white;border:0;padding:7px 14px;cursor:pointer;color:#111}
@media(max-width:700px){.hz-hero{padding-top:42px}.hz-wrap{width:90%}.hz-intro{grid-template-columns:1fr;padding:60px 0 35px;gap:22px}.hz-meta{margin-bottom:55px}.hz-meta dd{font-size:12px}.hz-films{padding:50px 0}.hz-film-pair{grid-template-columns:1fr;gap:0}.hz-poster-grid{grid-template-columns:repeat(2,1fr);gap:28px 14px}.hz-posters{padding:55px 0}.hz-footer{font-size:9px;flex-wrap:wrap}.hz-deck p{font-size:18px}.hz-deck a span{margin-left:10px}.hz-case{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:700px){.hz-deck{align-items:start;flex-direction:column;gap:18px}.hz-deck a{white-space:nowrap}.hz-deck a span{margin-left:32px}}

.hz-cover img{max-height:none;object-fit:contain}.hz-poster-grid{row-gap:24px}

body.s7-hz-page .s7-header{display:none!important}