/* Mad Hatter cinematic object art — lower-page controls only, 2026-10-28.
   Do not modify hero, global navigation, or the previously approved backdrop. */
.mh-page .mhx-tea-choice{position:relative;display:flex;flex-direction:column;gap:0;align-items:stretch;justify-content:flex-start;overflow:hidden;padding:0 0 13px;min-height:0;background:linear-gradient(180deg,#382b35,#1d1e29);border:1px solid #a98669;transition:border-color .18s,background .18s,transform .18s}
.mh-page .mhx-tea-choice .mhv-teacup-art{display:block;width:100%;height:140px;max-width:100%;object-fit:cover;object-position:center;opacity:.93;border-bottom:1px solid #c49969;filter:saturate(.9);transition:filter .18s,transform .25s}
.mh-page .mhx-tea-choice>span:last-child{display:block;padding:13px 7px 0;min-height:25px;text-align:center;font:800 .7rem/1.4 var(--sans,system-ui);letter-spacing:.12em;color:#f6e1cb;text-transform:uppercase}
.mh-page .mhx-tea-choice:where(:hover,:focus-visible){border-color:#f2c48c;background:#493644;transform:translateY(-3px)}
.mh-page .mhx-tea-choice:where(:hover,:focus-visible) .mhv-teacup-art{filter:saturate(1.14) brightness(1.1)}
.mh-page .mhx-tea-choice[aria-pressed="true"]{background:#674450;border-color:#f6ca91;box-shadow:0 0 0 2px #f4cf9d3b,0 10px 24px #0b121e8f}
.mh-page .mhx-tea-choice[aria-pressed="true"] .mhv-teacup-art{opacity:1;filter:saturate(1.12) brightness(1.08)}
/* Retire the miniature CSS-drawn cartoon cups. */
.mh-page .mhx-tea-choice .mhx-teacup{display:none}

/* Film-still artwork stretches across the top of the three thinking-tool cards. */
.mh-page .mh-handoff{background:radial-gradient(circle at 83% 5%,#79506183,transparent 49%),linear-gradient(125deg,#172b34,#292431 68%,#211e2a)}
.mh-page .mh-handoff-card{position:relative;overflow:hidden;padding:0 0 26px;gap:0;border:1px solid #d0a5738a;background:linear-gradient(160deg,#273941,#1c2830);box-shadow:0 18px 42px #050d1a65;transition:transform .25s,box-shadow .25s,border-color .25s}
.mh-page .mh-handoff-card .mhv-feature-art{display:block;width:100%;height:auto;aspect-ratio:900/570;padding:0;overflow:hidden;position:relative;border-bottom:1px solid #d9b58172;font-size:inherit}
.mh-page .mhv-feature-art:after{content:"";position:absolute;inset:auto 0 0;height:45%;pointer-events:none;background:linear-gradient(0deg,#14252c99,transparent)}
.mh-page .mhv-feature-art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:saturate(.96);transition:transform .4s,filter .4s}
.mh-page .mh-handoff-card :is(h3,p,strong){margin-left:26px;margin-right:26px}
.mh-page .mh-handoff-card h3{margin-top:24px;margin-bottom:10px;font:500 clamp(1.5rem,2.2vw,2rem)/1.15 var(--serif,Georgia,serif);color:#fff1df}
.mh-page .mh-handoff-card p{margin-top:0;margin-bottom:23px;line-height:1.65}
.mh-page .mh-handoff-card strong{border-top:1px solid #dfbd9560;padding-top:16px;display:block;margin-top:auto}
.mh-page .mh-handoff-card:hover,.mh-page .mh-handoff-card:focus-visible{transform:translateY(-5px);border-color:#ffcf94;box-shadow:0 24px 48px #050d1a8f}
.mh-page .mh-handoff-card:hover .mhv-feature-art img,.mh-page .mh-handoff-card:focus-visible .mhv-feature-art img{transform:scale(1.045);filter:saturate(1.13) brightness(1.08)}
/* Evidence case-file stamps replace arbitrary emoji glyphs. */
.mh-page .mh-case-number .mhv-file-seal{display:inline-flex;align-items:center;justify-content:center;min-width:63px;padding:4px 8px;border:1px solid #ad7b53;color:#986140;background:#e1cba8b3;font:800 .65rem/1.3 var(--sans,system-ui);letter-spacing:.11em;transform:rotate(-4deg);box-shadow:2px 3px 0 #9f754534}
.mh-page .mh-lab-foot .mhv-safety-art{display:block;flex:0 0 55px;width:55px;height:55px;object-fit:cover;border-radius:50%;border:2px solid #9b6b48;box-shadow:0 5px 13px #6c503d3d}
.mh-page .mh-lab-foot{align-items:center}
/* At small widths the imagery remains meaningful without consuming the view. */
@media(max-width:1100px){.mh-page .mhx-tea-choice .mhv-teacup-art{height:160px}.mh-page .mh-handoff-card .mhv-feature-art{aspect-ratio:900/490}}
@media(max-width:760px){.mh-page .mhx-tea-choice .mhv-teacup-art{height:125px}.mh-page .mh-handoff-card .mhv-feature-art{aspect-ratio:900/460}.mh-page .mh-handoff-card p{margin-bottom:18px}}
@media(max-width:520px){.mh-page .mhx-tea-choice .mhv-teacup-art{height:99px}.mh-page .mhx-tea-choice>span:last-child{font-size:.59rem;letter-spacing:.05em;padding:10px 3px 0}.mh-page .mh-handoff-card .mhv-feature-art{aspect-ratio:900/470}.mh-page .mh-lab-foot .mhv-safety-art{width:46px;height:46px;flex-basis:46px}}
@media(prefers-reduced-motion:reduce){.mh-page .mhx-tea-choice,.mh-page .mhx-tea-choice .mhv-teacup-art,.mh-page .mh-handoff-card,.mh-page .mhv-feature-art img{transition:none}.mh-page .mhx-tea-choice:hover,.mh-page .mh-handoff-card:hover,.mh-page .mh-handoff-card:hover .mhv-feature-art img{transform:none}}
@media print{.mh-page .mh-handoff-card{background:#fff!important;color:#162832!important;box-shadow:none}.mh-page .mh-handoff-card :is(h3,p,strong){color:#162832!important}.mh-page .mhx-tea-choice .mhv-teacup-art{height:75px}.mh-page .mh-handoff-card .mhv-feature-art img{max-height:160px;object-fit:contain}}