/* Ask Mises hero banner (video blends into the page; no frame) */
.amh{position:relative;isolation:isolate;margin-top:-71px;padding-top:71px;overflow:hidden;--amh-bg:var(--deep,#15110e)}
.amh .phbg{display:none}
.amh-stage{position:relative;width:min(1240px,100vw);margin:0 auto;aspect-ratio:16/7.2;min-height:380px;max-height:620px}
.amh-media{position:absolute;top:0;right:0;bottom:0;width:74%;margin:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36%,#000 74%,transparent 100%),linear-gradient(180deg,transparent 0,#000 16%,#000 62%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 36%,#000 74%,transparent 100%),linear-gradient(180deg,transparent 0,#000 16%,#000 62%,transparent 100%);mask-composite:intersect}
.amh-media img,.amh-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 38%;display:block;
  filter:sepia(.18) saturate(.92) contrast(1.05) brightness(.96)}
.amh-media video{z-index:1;background:transparent}
/* soft warm glow behind the text side, so the fade reads as light in the room, not a cut-out */
.amh::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 70% at 72% 42%,color-mix(in srgb,var(--gold) 9%,transparent),transparent 70%)}
.amh-in{position:absolute;left:max(4vw,calc((100% - 1180px)/2));bottom:20%;width:min(40%,500px);z-index:2;text-align:left}
.amh-in .gm{justify-content:flex-start}
.amh-in h1{font-family:var(--disp);font-weight:800;font-size:clamp(2.6rem,5.4vw,4.6rem);line-height:1.02;letter-spacing:-.02em;margin:16px 0 14px;color:var(--ink);text-shadow:0 2px 28px rgba(0,0,0,.55)!important}
.amh-in .amh-rule{display:block;width:72px;height:1px;margin:0 0 16px;background:linear-gradient(90deg,var(--gold),transparent)}
.amh-in .sub{font-family:var(--disp);font-style:italic;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.55;color:color-mix(in srgb,var(--ink) 82%,transparent);margin:0;max-width:30em;text-shadow:0 1px 18px rgba(0,0,0,.6)}
.amh-in .gth{margin-top:12px}
/* title arrives as Mises looks up (~4.5 s) */
@keyframes amh-rise{from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.amh-in h1{animation:amh-rise 1.3s cubic-bezier(.2,.7,.2,1) 4.3s both}
.amh-in .amh-rule{animation:amh-rise 1.1s ease 4.6s both}
.amh-in .sub{animation:amh-rise 1.2s ease 4.8s both}
.amh-in .gth{animation:amh-rise 1.2s ease 5s both}
.amh-in .gm{animation:amh-rise 1s ease .3s both}
/* the search card rides up over the bottom fade, magazine-cover style */
.amh + .reader{margin-top:-64px;z-index:3}
.amh + .reader #rota .rq-f{position:relative;padding:20px 22px 18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--gold) 28%,var(--gb));
  background:color-mix(in srgb,var(--amh-bg) 72%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);
  box-shadow:0 18px 50px -20px rgba(0,0,0,.6),inset 0 1px 0 color-mix(in srgb,var(--gold) 14%,transparent)}
/* keep the author picker inside the card on narrow screens */
.amh + .reader #rota .rq-opt select{flex:0 1 auto;min-width:0;max-width:100%;text-overflow:ellipsis}
/* variant B: contained editorial (narrower picture, more air) */
.amh--b .amh-stage{width:min(1120px,94vw);aspect-ratio:16/6.6}
.amh--b .amh-media{width:66%;
  -webkit-mask-image:radial-gradient(120% 95% at 70% 45%,#000 38%,transparent 72%);mask-image:radial-gradient(120% 95% at 70% 45%,#000 38%,transparent 72%);-webkit-mask-composite:source-over;mask-composite:add}
.amh--b .amh-in{left:0;width:min(44%,500px)}
/* light theme: warm parchment wash + multiply, so it is not a dark block on white */
html[data-theme=light] .amh{--amh-bg:#fbf6ec;background:linear-gradient(180deg,#fff 0,#f8efdd 38%,#f6ecd8 62%,#fff 100%)}
html[data-theme=light] .amh::before{background:radial-gradient(55% 65% at 70% 42%,rgba(201,156,72,.16),transparent 70%)}
html[data-theme=light] .amh-media{mix-blend-mode:multiply}
html[data-theme=light] .amh-media img,html[data-theme=light] .amh-media video{filter:sepia(.35) saturate(.85) brightness(1.42) contrast(.86)}
html[data-theme=light] .amh-in h1{color:#2a1a12;text-shadow:0 1px 20px rgba(255,248,235,.9)!important}
html[data-theme=light] .amh-in .sub{color:#4a3826;text-shadow:0 1px 14px rgba(255,248,235,.95)}
html[data-theme=light] .amh + .reader #rota .rq-f{box-shadow:0 18px 40px -22px rgba(90,60,20,.35)}
/* phones: picture on top with Mises' face kept in view, title over the bottom fade */
@media (max-width:720px){
  .amh-stage,.amh--b .amh-stage{width:100%;aspect-ratio:auto;min-height:0;max-height:none;display:flex;flex-direction:column}
  .amh-media,.amh--b .amh-media{position:relative;width:100%;aspect-ratio:4/3.3;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 58%,transparent 100%)}
  .amh-media img,.amh-media video{object-position:82% 30%}
  .amh-in,.amh--b .amh-in{position:relative;left:auto;bottom:auto;width:auto;margin:-92px 5vw 0}
  .amh-in h1{font-size:clamp(2.3rem,10.5vw,3rem);margin:10px 0 10px}
  .amh-in .sub{font-size:1rem}
  .amh + .reader{margin-top:18px}
  .amh + .reader #rota .rq-f{padding:16px 14px 14px}
}
/* reduced motion: final still only, no animation */
@media (prefers-reduced-motion:reduce){
  .amh-media video{display:none}
  .amh-in h1,.amh-in .amh-rule,.amh-in .sub,.amh-in .gth,.amh-in .gm{animation:none}
}
.amh-media:has(video) .amh-still{visibility:hidden}
.amh.amh-still-on .amh-media video{display:none}
@media (prefers-reduced-motion:reduce){.amh-media:has(video) .amh-still{visibility:visible}}
/* no playback controls, no tap-to-play, no long-press save: the video is decoration only */
.amh-media,.amh-media img,.amh-media video{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}
.amh-media video{pointer-events:none}
.amh-media img{pointer-events:none}
.amh-media video::-webkit-media-controls,.amh-media video::-webkit-media-controls-panel,.amh-media video::-webkit-media-controls-overlay-play-button,
.amh-media video::-webkit-media-controls-start-playback-button,.amh-media video::-webkit-media-controls-play-button,
.amh-media video::-webkit-media-controls-enclosure,.amh-media video::-internal-media-controls-overlay-cast-button{display:none!important;-webkit-appearance:none;appearance:none;opacity:0!important}