/* William Rock LLC — Mad Hatter's Wonderland visual pass · 2026-10-28
 * Rich, original SVG scenery with no external images or libraries.
 * The existing sharp Hatter hero and production navigation are intentionally untouched. */

/* An unboxed cinematic interlude: dark water, strange lights, the far-off Boathouse. */
.mh-page .mhv-vista{position:relative;isolation:isolate;min-height:clamp(430px,42vw,660px);display:flex;align-items:end;overflow:hidden;background:#172631;color:#fff3e5}
.mh-page .mhv-vista-art{position:absolute;inset:0;z-index:-2;background-image:url('/assets/mh-wonderland-vista.svg');background-size:cover;background-position:50% 47%;background-repeat:no-repeat}
.mh-page .mhv-vista:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111a27ec 0%,#15212ab0 30%,#1b203044 64%,#101b2540 100%),linear-gradient(0deg,#111e2ce8 0%,transparent 63%);pointer-events:none}
.mh-page .mhv-vista:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #0a1421bd}
.mh-page .mhv-vista .mhv-vista-inner{position:relative;z-index:1;width:min(var(--max,1240px),calc(100% - 64px));max-width:100%;margin-inline:auto;box-sizing:border-box}
.mhv-vista-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding-block:clamp(85px,10vw,145px) 48px}
.mhv-vista-copy{max-width:760px;min-width:0;flex:0 1 760px}
.mhv-vista .mhx-kicker{color:#ffd39a;font-size:.72rem;text-shadow:0 2px 8px #1119}
.mhv-vista h2{font:500 clamp(2.8rem,5.8vw,6.6rem)/1.02 var(--serif,Georgia,serif);letter-spacing:-.05em;color:#fff6e7;margin:10px 0 15px}
.mhv-vista h2 em{color:#ffcd94}
.mhv-vista h2{overflow-wrap:break-word}
.mhv-vista-copy p:not(.mhx-kicker){max-width:550px;font-size:clamp(1.03rem,1.3vw,1.25rem);line-height:1.65;color:#f7ebdd;text-shadow:0 1px 8px #0d1725}
.mhv-vista-link{display:inline-flex;margin-top:14px;padding-bottom:7px;border-bottom:1px solid #fac991;font:800 .78rem var(--sans,system-ui);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#ffd49a}
.mhv-vista-link:hover,.mhv-vista-link:focus-visible{color:#fff9e5;border-color:#fff9e5}
.mhv-vista-coordinate{font:800 .65rem/1.5 var(--sans,system-ui);letter-spacing:.16em;color:#e8cd9e;white-space:nowrap;opacity:.9}

/* Four illustrative doors, each with distinct object photography-style vector art. */
.mh-page .mh-door .mhv-door-art{display:block;position:relative;height:175px;min-height:0;margin:0;border-bottom:1px solid #d2a56a44;overflow:hidden;padding:0;background:#231c29}
.mhv-door-art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:transform .32s ease,filter .32s ease}
.mh-page .mh-door:hover .mhv-door-art img,.mh-page .mh-door:focus-visible .mhv-door-art img{transform:scale(1.055);filter:saturate(1.15)}
.mhv-door-art:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(0deg,#191923a1,transparent);pointer-events:none}
.mh-page .mh-door{min-height:0;border-color:#b18b63}
.mh-page .mh-door-content{padding-top:23px}

/* The map is a real parchment illustration, not a flat CSS grid. */
.mh-page .mhx-atlas .mhx-map-paper{background:#ddbf8f url('/assets/mh-impossible-atlas.svg') center / cover no-repeat}
.mh-page .mhx-atlas .mhx-map-paper:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 38%,#67482e40);pointer-events:none}
.mh-page .mhx-map-surface{border-color:#684532;box-shadow:inset 0 0 0 2px #d7ad73,0 25px 50px #070b1070,0 0 0 1px #b18e60}
.mh-page .mhx-map-pin{box-shadow:2px 5px 0 #7851394f,0 0 0 2px #eac99588}
.mh-page .mhx-map-paper{filter:saturate(.98)}
.mh-page .mhx-map-path path{stroke:#7e4934;opacity:.95}

/* An actual illustrated tea service accompanies the interactive cups. */
.mh-page .mhv-tea-figure{margin:31px 0 0;padding:8px 8px 0;background:#4b3344;border:1px solid #d4ab77;box-shadow:12px 15px 0 #090b1680;transform:rotate(-1deg)}
.mhv-tea-figure img{display:block;width:100%;height:auto;aspect-ratio:1200/670;object-fit:cover}
.mhv-tea-figure figcaption{padding:13px 8px 14px;color:#f0ca94;font:800 .6rem/1.55 var(--sans,system-ui);letter-spacing:.12em;text-transform:uppercase}
.mh-page .mhx-tea-table{background:radial-gradient(ellipse at 50% 0,#e9b87c22,transparent 55%),#211a24}
.mh-page .mhx-tea-choices button{transition:border-color .18s,background .18s}
.mh-page .mhx-tea-choices button:hover{border-color:#f7d19b}

/* The clock's moving hands remain unobstructed; extra ringwork only sits behind. */
.mh-page .mhx-clock-figure:after{content:"";position:absolute;inset:6% 0;background:radial-gradient(circle at 50% 50%,transparent 0 43%,#b68a5230 46%,transparent 54%),url('/assets/mh-curio-clock.svg') center / contain no-repeat;opacity:.20;mix-blend-mode:multiply;pointer-events:none;z-index:0}
.mh-page .mhx-clock-figure .mhx-clock-face{z-index:1}
.mh-page .mhx-clock-room{background:radial-gradient(circle at 8% 20%,#f6dfb8,transparent 33%),linear-gradient(135deg,#eadac1,#d9bb97)}

/* The notebook gains an engraved bookplate backdrop instead of a blank rectangle. */
.mh-page .mhx-notebook:before{content:"";position:absolute;inset:0 0 0 47%;background:url('/assets/mh-curio-books.svg') center right / min(65vw,780px) auto no-repeat;opacity:.1;pointer-events:none}
.mh-page .mhx-ledger{position:relative;z-index:1}
.mh-page .mhx-ledger:before{content:"✦";position:absolute;right:28px;top:27px;font-size:2.5rem;color:#a07956;opacity:.4;transform:rotate(18deg);pointer-events:none}
.mh-page .mhx-ledger textarea{background-color:#f7ebd4bf}

/* Cabinet becomes a six-piece illustrated curiosity collection. */
.mh-page .mhx-artifact{background:#282430;border-color:#aa825b;overflow:hidden}
.mh-page .mhx-artifact summary{min-height:0;padding:0;gap:0}
.mh-page .mhx-artifact .mhv-curio-illustration{display:block;width:100%;height:auto;aspect-ratio:640/400;object-fit:cover;max-width:none;border-bottom:1px solid #d8ae745c;filter:saturate(.95);transition:transform .28s ease,filter .28s ease}
.mh-page .mhx-artifact:hover .mhv-curio-illustration,.mh-page .mhx-artifact:focus-within .mhv-curio-illustration{filter:saturate(1.14) brightness(1.08)}
.mh-page .mhx-artifact .mhx-artifact-name{font-size:clamp(1.35rem,2vw,1.7rem);margin:20px 23px 10px}
.mh-page .mhx-artifact .mhx-artifact-tease{margin:0 23px 17px;min-height:48px}
.mh-page .mhx-artifact .mhx-artifact-open{margin:0 23px 24px;padding-top:15px;border-top:1px solid #ffffff29}
.mh-page .mhx-artifact .mhx-artifact-answer{border-top:1px solid #f2c2866b}
.mh-page .mhx-artifact[open]{transform:none;box-shadow:0 20px 42px #0b132557}
.mh-page .mhx-shelf{gap:21px}

/* Let the Question Room and methods carry the same visual language. */
.mh-page .mh-lab .mh-case summary:before{content:"";display:block;width:100%;height:128px;margin-bottom:9px;background:#393141 url('/assets/mh-curio-compass.svg') center / cover no-repeat;border:1px solid #b18a64}
.mh-page .mh-lab .mh-case:nth-child(1) summary:before{background-image:url('/assets/mh-curio-clock.svg')}
.mh-page .mh-lab .mh-case:nth-child(2) summary:before{background-image:url('/assets/mh-curio-compass.svg')}
.mh-page .mh-lab .mh-case:nth-child(3) summary:before{background-image:url('/assets/mh-curio-books.svg')}
.mh-page .mh-method-card{box-shadow:6px 8px 0 #9e785b22;overflow:hidden}
.mh-page .mh-method-card:after{content:"";position:absolute;right:-35px;bottom:-40px;width:170px;height:170px;background:url('/assets/mh-curio-compass.svg') center / contain no-repeat;opacity:.11;pointer-events:none}
.mh-page .mh-desk{background:radial-gradient(ellipse at 90% 0%,#e3be84aa,transparent 42%),#e8daca}
.mh-page .mh-ending{background-image:linear-gradient(110deg,#0f202be8 0%,#1a2130e8 61%,#2d1d35d7 100%),url('/assets/mh-wonderland-vista.svg');background-position:center;background-size:cover}

/* Responsive stages: images don't consume an entire narrow screen. */
@media(max-width:900px){.mhv-vista-inner{padding:95px 0 40px}.mhv-vista-coordinate{display:none}.mh-page .mhv-vista-art{background-position:60% center}.mh-page .mh-door .mhv-door-art{height:195px}}
@media(max-width:760px){.mh-page .mhv-vista .mhv-vista-inner{width:calc(100% - 32px)}.mh-page .mhv-vista{min-height:440px}.mh-page .mhv-vista:before{background:linear-gradient(0deg,#111c29f0 0%,#122234bf 50%,#14203431 100%)}.mh-page .mhv-vista-art{background-position:65% center}.mhv-vista-inner{padding:100px 0 37px}.mhv-vista h2{font-size:clamp(2.8rem,9vw,4.6rem)}.mh-page .mhv-tea-figure{max-width:650px;transform:none;box-shadow:7px 8px 0 #0d101b91}.mh-page .mh-door .mhv-door-art{height:168px}.mh-page .mhx-map-paper{background-position:55% center}.mh-page .mhx-artifact .mhx-artifact-tease{min-height:0}}
@media(max-width:540px){.mh-page .mhv-vista{min-height:380px}.mh-page .mhv-vista-art{background-position:62% center}.mhv-vista-inner{padding:70px 0 30px}.mhv-vista-copy p:not(.mhx-kicker){font-size:1rem}.mh-page .mhx-artifact .mhv-curio-illustration{aspect-ratio:640/355;object-fit:cover}.mh-page .mh-lab .mh-case summary:before{height:102px}.mh-page .mh-door .mhv-door-art{height:160px}}
@media(prefers-reduced-motion:reduce){.mhv-door-art img,.mh-page .mhx-artifact .mhv-curio-illustration{transition:none}.mh-page .mh-door:hover .mhv-door-art img,.mh-page .mh-door:focus-visible .mhv-door-art img{transform:none}}
@media print{.mh-page .mhv-vista{min-height:200px;color:#172a2e!important;background:#fff!important}.mh-page .mhv-vista-art,.mhv-vista-coordinate{display:none!important}.mhv-vista h2,.mhv-vista p{color:#172a2e!important}.mh-page .mhx-artifact .mhv-curio-illustration{max-height:160px;object-fit:contain}.mh-page .mh-lab .mh-case summary:before{display:none}}