@import url('/face-reactions.css?v=21');
@import url('/house-cameos.css?v=23');
/* Small aq12 cameos sit wholly above clear content edges. Photos/text are blockers. */
.nhb-cameo-toolbar{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;min-height:44px;max-width:1280px;margin:0 auto;padding:0 18px;position:relative;z-index:2}
.nhb-cameo-local{min-height:44px;padding:9px 12px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:500 10px/1.3 Inter,'Segoe UI',Arial,sans-serif;opacity:.76}
.nhb-cameo-local:hover,.nhb-cameo-local:focus-visible{opacity:1}
.nhb-cameo-perch{display:none;width:112px;height:104px;pointer-events:none}
.nhb-cameos-enabled .nhb-toolbar-perch{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;width:100%}
.nhb-cameos-enabled .nhb-cameo-perch{display:block}
.nhb-toolbar-perch .nhb-cameo-local{justify-self:end;max-width:100%}
.nhb-zone-muted>.nhb-toolbar-perch .nhb-cameo-perch{height:44px}
.nhb-cameo{position:fixed;z-index:20;pointer-events:none!important;user-select:none;overflow:hidden;contain:layout paint;isolation:isolate;transform:translateZ(0)}
.nhb-cameo[hidden]{display:none!important}
.nhb-cameo-actor{position:absolute;left:0;top:0;width:210px;height:192px;transform-origin:top left;transform:scale(var(--nhb-scale,.78)) translateY(196px);transition:transform 650ms cubic-bezier(.2,.85,.3,1);pointer-events:none}
.nhb-cameo[data-phase=ready] .nhb-cameo-actor,.nhb-cameo[data-phase=paused] .nhb-cameo-actor,.nhb-cameo[data-phase=quiet] .nhb-cameo-actor{visibility:hidden;transition:none}
.nhb-cameo[data-phase=enter] .nhb-cameo-actor,.nhb-cameo[data-phase=notice] .nhb-cameo-actor,.nhb-cameo[data-phase=look-down] .nhb-cameo-actor,.nhb-cameo[data-phase=look-back] .nhb-cameo-actor{transform:scale(var(--nhb-scale,.78)) translateY(0)}
.nhb-cameo-head{position:absolute;left:0;top:0;width:190px;height:190px;z-index:2;--nhb-eye-y:44.6%}
.nhb-cameo[data-character=francisco] .nhb-cameo-head{--nhb-eye-y:44.3%}
.nhb-cameo-head-image{width:100%;height:100%;object-fit:contain;display:block}
.nhb-cameo-eyes{position:absolute;inset:0}
.nhb-cameo-eye{position:absolute;left:30%;top:var(--nhb-eye-y);width:15%;height:10%;border:1.4px solid #523d2d;border-radius:48% 48% 50% 50%;background:#fffdfa;overflow:hidden;transform-origin:center;transition:height 200ms ease,translate 200ms ease;box-shadow:0 1px 2px #4e2d2015}
.nhb-cameo-eye-right{left:54.4%}
.nhb-cameo-eye b{position:absolute;width:45%;height:76%;left:28%;top:12%;border-radius:50%;background:#4c382a;border:2px solid #2e2b26;transition:transform 450ms ease}
.nhb-cameo-eye b:before{content:'';position:absolute;width:30%;height:28%;border-radius:50%;background:white;top:7%;left:12%}
.nhb-cameo[data-phase=notice] .nhb-cameo-eye{height:11.8%;translate:0 -1px;animation:nhb-notice-blink 1100ms ease both}
.nhb-cameo[data-phase=look-down] .nhb-cameo-eye b{transform:translate(0,29%)}
.nhb-cameo[data-phase=look-down] .nhb-cameo-eye{animation:nhb-study-blink 1350ms ease both}
.nhb-cameo[data-phase=look-back] .nhb-cameo-eye{animation:nhb-return-blink 1000ms ease both}
.nhb-cameo[data-character=ian] .nhb-cameo-arm{scale:-1 1}
.nhb-cameo-arm{position:absolute;width:75px;height:150px;object-fit:contain;right:-2px;top:78px;z-index:1;transform-origin:48% 92%;transform:rotate(-6deg)}
.nhb-cameo[data-phase=enter] .nhb-cameo-arm,.nhb-cameo[data-phase=notice] .nhb-cameo-arm{animation:nhb-hello-wave 850ms ease-in-out 2}
.nhb-cameo[data-phase=look-down] .nhb-cameo-arm,.nhb-cameo[data-phase=look-back] .nhb-cameo-arm{transform:rotate(12deg)}
@keyframes nhb-notice-blink{0%,48%,62%,100%{scale:1 1}54%,56%{scale:1 .07}}
@keyframes nhb-study-blink{0%,68%,82%,100%{scale:1 1}74%,76%{scale:1 .07}}
@keyframes nhb-return-blink{0%,40%,57%,100%{scale:1 1}47%,49%{scale:1 .07}}
@keyframes nhb-hello-wave{0%,100%{transform:rotate(-6deg)}45%{transform:rotate(15deg)}75%{transform:rotate(-14deg)}}
@media(prefers-reduced-motion:reduce){html:not([data-motion-override="on"]) .nhb-cameo{display:none!important}html:not([data-motion-override="on"]) .nhb-cameo-perch{display:none!important}html:not([data-motion-override="on"]) .nhb-cameo *{animation:none!important;transition:none!important}}
@media print{.nhb-cameo,.nhb-cameo-toolbar,.nhb-cameo-perch{display:none!important}}

.nhb-dialog-toolbar{padding-right:62px;padding-left:20px;border-bottom:1px solid #8da58d50;background:var(--paper,#fffdf7)}

/* Only the face is interactive; the hand and surrounding transparent art pass clicks through. */
.nhb-face-button{position:absolute;left:26%;top:29%;width:54%;height:53%;min-width:99px;min-height:99px;padding:0;border:0;border-radius:46%;background:transparent!important;box-shadow:none;pointer-events:auto!important;cursor:pointer;touch-action:manipulation;z-index:5;color:transparent}
.nhb-face-button:focus-visible{outline:4px solid #ffdd69;outline-offset:-4px;background:#ffdd691a!important}
.nhb-face-button:disabled{pointer-events:none!important;cursor:default}

.nhb-house-replay{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;margin:6px 16px 0;padding:7px 12px;border:1px solid #52776e;border-radius:999px;background:#edf5ef;color:#224f45;font:600 12px/1.3 Inter,'Segoe UI',sans-serif;cursor:pointer;position:relative;z-index:2}
.nhb-house-replay:hover,.nhb-house-replay:focus-visible{background:#d8ecdf;outline:2px solid #52776e;outline-offset:2px}
.nhb-house-replay:disabled{opacity:.55;cursor:default}
@media print{.nhb-house-replay{display:none!important}}

.nhb-motion-restore{border:1px solid #708f9f;border-radius:7px;background:#fff4c4;color:#263f53;font:600 12px/1.4 Inter,Arial,sans-serif;min-height:44px;padding:8px 12px;cursor:pointer}
/* Keep the header controls a compact, centered pair on every page. */
header.site-header .motion-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:6px 8px;min-height:44px;padding-top:4px;padding-bottom:4px;position:relative}
header.site-header .motion-toolbar button{flex:0 1 auto;min-width:0;max-width:100%;min-height:36px;padding:5px 9px;border-radius:7px;font:600 11px/1.3 Inter,'Segoe UI',Arial,sans-serif;white-space:normal;text-align:center}
/* Retain useful live announcements without a visible status row. */
header.site-header .motion-toolbar #motion-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nhb-inline-animations{grid-column:1/-1;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:end;gap:16px;min-width:0;min-height:112px;margin:12px 0 18px;border-bottom:1px solid #dbe3e6}.nhb-inline-peek{height:110px;position:relative;pointer-events:none}.nhb-inline-peek-edge{display:block;position:absolute;left:0;bottom:0;width:120px;height:1px}.nhb-inline-animations .homeboys-run-zone{margin:0;padding-top:0;background:transparent}.nhb-inline-animations .nhb-run-track{margin-top:7px}html:not(.nhb-motion-enabled) .nhb-inline-animations{display:none}@media(max-width:620px){.nhb-inline-animations{gap:12px}}@media print{.nhb-inline-animations,.nhb-motion-restore{display:none!important}}
