.mh-hdr{position:sticky;top:0;z-index:60;margin-bottom:calc(var(--mh-header-h) * -1);transition:background-color .3s var(--ease)}
.mh-hdr__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(1rem,.4rem + 2vw,2.6rem);height:var(--mh-header-h)}
.mh-hdr__mark{display:inline-flex;align-items:center;justify-self:center}
.mh-hdr__mark img{height:3.25rem;width:auto}
.mh-hdr__nav{display:flex;align-items:center;gap:clamp(.9rem,.3rem + 1.6vw,2.1rem)}
.mh-hdr__nav--l{justify-content:flex-start}
.mh-hdr__nav--r{justify-content:flex-end}
.mh-hdr__nav a{position:relative;display:inline-flex;align-items:center;padding-block:.3rem;font-size:1rem;font-weight:var(--fw-hv);color:var(--mh-sand);transition:color .22s var(--ease)}
.mh-hdr__nav--l a{padding-left:1.15rem}
.mh-hdr__nav--l a::before{content:"";position:absolute;left:.08rem;top:50%;width:.62rem;height:.62rem;margin-top:-.31rem;background:var(--mh-teal);clip-path:polygon(0 0,100% 50%,0 100%);transform:scale(0);transition:transform .18s steps(2)}
.mh-hdr__nav--l a:hover::before,.mh-hdr__nav--l a.is-here::before{transform:scale(1)}
.mh-hdr__nav--r a{gap:.42rem}
.mh-hdr__nav--r a .mh-ic{color:var(--mh-teal);transition:color .22s var(--ease)}
.mh-hdr__nav--r a:hover .mh-ic,.mh-hdr__nav--r a.is-here .mh-ic{color:var(--mh-peach)}
.mh-hdr__nav a:hover,.mh-hdr__nav a.is-here{color:var(--mh-cream)}
.mh-hdr.is-stuck{background-color:var(--mh-ink)}
body.is-locked .mh-hdr{z-index:100;background-color:transparent}

.mh-burger{position:absolute;right:0;top:50%;margin-top:-1.5rem;z-index:110;display:none;width:3rem;height:3rem;border-radius:var(--r-sm);background-color:var(--mh-ink);transition:background-color .22s var(--ease)}
.mh-burger i{position:absolute;left:11px;right:11px;height:4px;border-radius:2px;background:var(--mh-sand);transition:transform .26s var(--ease),opacity .14s linear,background-color .22s var(--ease)}
.mh-burger i:nth-of-type(1){top:12px}
.mh-burger i:nth-of-type(2){top:22px}
.mh-burger i:nth-of-type(3){top:32px}
.mh-burger.is-on{background-color:var(--mh-teal)}
.mh-burger.is-on i{background:var(--mh-ink)}
.mh-burger.is-on i:nth-of-type(1){transform:translateY(10px) rotate(45deg)}
.mh-burger.is-on i:nth-of-type(2){opacity:0}
.mh-burger.is-on i:nth-of-type(3){transform:translateY(-10px) rotate(-45deg)}

.mh-drawer{position:fixed;inset:0;z-index:80;background-color:var(--mh-ink);opacity:0;transition:opacity .3s var(--ease)}
.mh-drawer.is-open{opacity:1}
.mh-drawer__panel{display:flex;flex-direction:column;gap:2rem;height:100%;padding:calc(var(--mh-header-h) + 1.5rem) var(--gut) 2.5rem;overflow-y:auto;transform:translateY(-1.4rem);transition:transform .34s var(--ease)}
.mh-drawer.is-open .mh-drawer__panel{transform:none}
.mh-drawer__nav{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}
.mh-drawer__nav a{font-family:var(--fd);font-size:clamp(1.9rem,1.4rem + 2.4vw,2.8rem);font-weight:var(--fw-xh);line-height:1.14;text-transform:uppercase;color:var(--mh-sand);transition:color .22s var(--ease)}
.mh-drawer__nav a:hover{color:var(--mh-teal)}
.mh-drawer .mh-btn{align-self:flex-start;color:var(--mh-teal);border-color:var(--mh-teal);box-shadow:inset 0 0 0 0 var(--mh-teal)}
.mh-drawer .mh-btn:hover{color:var(--mh-ink);box-shadow:inset 0 -5rem 0 0 var(--mh-teal)}
body.is-locked{overflow:hidden}

.mh-hero{--ob:clamp(10rem,6rem + 13vw,17rem);border-radius:var(--r-page) var(--r-page) 0 0}
.mh-hero .mh-scene__veil{background:linear-gradient(180deg,var(--mh-ink) 0%,transparent 30%,transparent 100%)}
.mh-hero__in{display:grid;align-content:start;justify-items:center;min-height:min(96vh,52rem);padding-top:calc(var(--mh-header-h) + clamp(2.5rem,1.5rem + 5vw,6.5rem));padding-bottom:calc(var(--lift) + clamp(4rem,3rem + 3vw,6rem))}

.mh-hero__mid{position:relative;width:100%;display:grid;justify-items:center}
.mh-hero__pool{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:1;width:min(150%,76rem);height:calc(100% + 9rem);background:radial-gradient(ellipse at center,var(--mh-ink) 0%,var(--mh-ink) 30%,transparent 70%)}
.mh-hero__mid .mh-h1{position:relative;z-index:3;max-width:15ch;text-align:center}
.mh-hero__obrow{position:relative;z-index:4;width:var(--ob);margin-top:clamp(1rem,.5rem + 1.6vw,2.2rem)}
.mh-hero__ob{display:block;width:100%;height:auto;filter:drop-shadow(0 1.4rem 2.8rem var(--mh-ink));animation:mh-drift 6s ease-in-out infinite}
.mh-hero__note{position:absolute;z-index:5;top:20%;width:min(15rem,34vw);font-size:1rem;font-weight:var(--fw-bd);line-height:1.5;color:var(--mh-sand-2)}
.mh-hero__note--l{right:calc(100% + 2.2rem);text-align:right}
.mh-hero__note--r{left:calc(100% + 2.2rem);text-align:left}


.mh-hero__tag{position:absolute;z-index:5;left:var(--gut);top:calc(var(--mh-header-h) + 1.6rem)}
.mh-hero__stat{position:absolute;z-index:5;right:var(--gut);top:calc(var(--mh-header-h) + 1.2rem);display:flex;align-items:center;gap:.6rem}
.mh-hero__stat-v{font-family:var(--fd);font-size:3.1rem;font-weight:var(--fw-xh);line-height:.9;color:var(--mh-teal)}
.mh-hero__stat-l{font-size:1rem;font-weight:var(--fw-hv);line-height:1.2;color:var(--mh-sand-2)}

.mh-phero{border-radius:var(--r-page) var(--r-page) 0 0}
.mh-phero .mh-scene__veil{background:linear-gradient(180deg,var(--mh-ink) 0%,transparent 42%,transparent 72%,var(--mh-ink) 100%)}
.mh-phero__in{display:grid;justify-items:center;align-content:center;min-height:min(60vh,30rem);padding-top:calc(var(--mh-header-h) + clamp(4rem,2.4rem + 4vw,5.6rem));padding-bottom:calc(var(--lift) + clamp(2.2rem,1.5rem + 2.4vw,4rem))}
.mh-phero__tag{position:absolute;z-index:5;left:var(--gut);top:calc(var(--mh-header-h) + 1.5rem)}
.mh-phero__mid{position:relative;width:100%;display:grid;justify-items:center}
.mh-phero__pool{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:1;width:min(150%,66rem);height:calc(100% + 6rem);background:radial-gradient(ellipse at center,var(--mh-ink) 0%,var(--mh-ink) 34%,transparent 72%)}
.mh-phero__h{position:relative;z-index:3;max-width:19ch;text-align:center}
.mh-phero__lead{position:relative;z-index:3;max-width:54ch;margin-top:clamp(.9rem,.7rem + .6vw,1.35rem);text-align:center;font-size:clamp(1.0625rem,1rem + .35vw,1.22rem)}

.mh-arv{--n:3;--g:clamp(.7rem,.4rem + .9vw,1.15rem);display:grid;grid-template-columns:minmax(0,15.5rem) minmax(0,1fr);gap:clamp(1.6rem,.9rem + 2.6vw,3.6rem);align-items:stretch}
.mh-arv__side{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem}
.mh-arv__h{font-family:var(--fd);font-size:clamp(1.38rem,1.15rem + .9vw,1.95rem);font-weight:var(--fw-xh);line-height:1.14;color:var(--mh-ink);text-wrap:balance;max-width:15ch}
.mh-arv__lead{margin-top:auto;padding-top:clamp(3rem,1.5rem + 6vw,8rem);max-width:30ch;font-size:1rem}
.mh-arv__nav{display:flex;gap:.6rem;margin-top:1.1rem}
.mh-arw{display:grid;place-items:center;width:3.1rem;height:3.1rem;border-radius:var(--r-sm);background-color:var(--mh-surf-2);color:var(--mh-ink);transition:background-color .24s var(--ease),color .24s var(--ease)}
.mh-arw:hover:not(:disabled){background-color:var(--mh-teal);color:var(--mh-ink)}
.mh-arw:disabled{background-color:var(--mh-surf);color:var(--mh-line);cursor:default}
.mh-arw[data-prev] .mh-ic{transform:rotate(180deg)}

.mh-arv__rail{overflow:clip;border-radius:var(--r-plate)}
.mh-arv__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--n) - 1) * var(--g)) / var(--n));gap:var(--g);transform:translateX(calc(var(--i,0) * -1 * (100% + var(--g)) / var(--n)));transition:transform .45s var(--ease)}

.mh-card{position:relative;overflow:clip;border-radius:var(--r-plate);background-color:var(--mh-ink-2);aspect-ratio:2/3;isolation:isolate}
.mh-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .5s var(--ease)}
.mh-card__veil{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,var(--mh-ink) 0%,transparent 26%,transparent 62%,var(--mh-ink) 100%);opacity:.5;transition:opacity .3s var(--ease)}
.mh-card__pill{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mh-card__link{position:absolute;inset:0;z-index:2;border-radius:var(--r-plate)}
.mh-card:hover .mh-card__img,.mh-card:focus-within .mh-card__img{transform:scale(1.04)}
.mh-card:hover .mh-card__veil,.mh-card:focus-within .mh-card__veil{opacity:.66}
.mh-card:hover .mh-card__go{display:inline-flex;align-items:center;gap:.45rem;font-size:1rem;font-weight:var(--fw-hv);color:var(--mh-teal);opacity:0;transform:translateX(-.4rem);transition:opacity .28s var(--ease),transform .28s var(--ease)}
.mh-card.is-open .mh-card__go{opacity:1;transform:none}
.mh-card__score{position:absolute;z-index:3;left:1rem;bottom:1rem;transition:opacity .24s var(--ease)}
.mh-card__score > i{background:var(--mh-line-ink)}
.mh-card__score > i.is-on{background:var(--mh-peach)}
.mh-card__tog{position:absolute;z-index:4;bottom:.85rem;right:.85rem;width:2.5rem;height:2.5rem;border-radius:var(--r-pill);background-color:var(--mh-cream);transition:background-color .24s var(--ease),transform .3s var(--ease)}
.mh-card__tog::before,.mh-card__tog::after{content:"";position:absolute;left:50%;top:50%;background:var(--mh-ink);border-radius:1px}
.mh-card__tog::before{width:.92rem;height:3px;margin:-1.5px 0 0 -.46rem}
.mh-card__tog::after{width:3px;height:.92rem;margin:-.46rem 0 0 -1.5px}
.mh-card__tog:hover{background-color:var(--mh-teal)}
.mh-card__pan{position:absolute;z-index:3;pointer-events:none;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.7rem;padding:1.1rem 1.1rem 1.15rem;transform:translateY(101%);transition:transform .4s var(--ease)}
.mh-card__pan .mh-p{color:var(--mh-cream)}
.mh-card__pair{font-size:1rem;font-weight:var(--fw-bd);color:var(--mh-sand-2)}
.mh-card__pair b{font-weight:var(--fw-hv);color:var(--mh-teal)}
.mh-card.is-open .mh-card__veil{opacity:.72}
.mh-card.is-open .mh-card__pan{transform:none}
.mh-card.is-open .mh-card__score{opacity:0}
.mh-card.is-open .mh-card__tog{transform:rotate(45deg)}

.mh-aik__top{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:clamp(1rem,.5rem + 2vw,3rem);align-items:start;margin-bottom:clamp(2rem,1.4rem + 2.6vw,3.6rem)}
.mh-aik__top .mh-lab{padding-top:.55rem}
.mh-aik{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:clamp(1rem,.5rem + 2vw,3rem);align-items:start}
.mh-aik__fig{display:flex;flex-direction:column;gap:1rem;padding-top:1.4rem}
.mh-aik__ic{position:relative;width:100%;max-width:9rem;aspect-ratio:1;border-radius:var(--r-plate);background-color:var(--mh-surf-acc);color:var(--mh-teal-t)}
.mh-aik__ic > i{position:absolute;inset:26%;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;opacity:0;transform:scale(.86);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.mh-aik__ic > i.is-on{opacity:1;transform:none}
.mh-aik__cap{max-width:16ch}

.mh-aik__rows{display:flex;flex-direction:column}
.mh-aik__item{position:relative;display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,14rem) minmax(0,1fr) 2.6rem;column-gap:clamp(1rem,.6rem + 1.6vw,2.4rem);align-items:start;padding-block:clamp(1.5rem,1.1rem + 1.4vw,2.3rem);box-shadow:inset 0 -2px 0 0 var(--mh-line)}
.mh-aik__item:first-child{box-shadow:inset 0 2px 0 0 var(--mh-line),inset 0 -2px 0 0 var(--mh-line)}
.mh-aik__hit{position:absolute;inset:0;z-index:1;width:100%}
.mh-aik__t{position:relative;z-index:2;grid-column:1;font-family:var(--fd);font-size:clamp(1.9rem,1.35rem + 2vw,3rem);font-weight:var(--fw-md);line-height:.98;color:var(--mh-ink);transition:color .26s var(--ease)}
.mh-aik__h{position:relative;z-index:2;grid-column:2;padding-top:.5rem;font-size:1.0625rem;font-weight:var(--fw-hv);line-height:1.35;color:var(--mh-ink)}
.mh-aik__tog{position:relative;z-index:2;grid-column:4;justify-self:end;margin-top:.65rem;width:1.5rem;height:1.5rem;transition:transform .3s var(--ease)}
.mh-aik__tog::before,.mh-aik__tog::after{content:"";position:absolute;left:50%;top:50%;background:var(--mh-ink);border-radius:1px}
.mh-aik__tog::before{width:1.1rem;height:2px;margin:-1px 0 0 -.55rem}
.mh-aik__tog::after{width:2px;height:1.1rem;margin:-.55rem 0 0 -1px}
.mh-aik__pan{position:relative;z-index:2;grid-column:3;display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.mh-aik__pan > div{overflow:hidden}
.mh-aik__in{display:flex;flex-direction:column;gap:.85rem;max-width:46ch;min-height:10.5rem}
.mh-aik__item.is-open .mh-aik__pan{grid-template-rows:1fr}
.mh-aik__item.is-open .mh-aik__tog{transform:rotate(45deg)}
.mh-aik__item.is-open .mh-aik__t{color:var(--mh-sienna-t)}
.mh-aik__item:hover .mh-aik__t{color:var(--mh-sienna-t)}

#kokeile{--wrap:92rem}
#kokeile{padding-block:calc(var(--sec-y) + 2rem) calc(var(--sec-y) + var(--lift) + 2rem)}
.mh-kok__top{grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:clamp(1.4rem,.7rem + 2.6vw,4rem);margin-bottom:clamp(1.6rem,1rem + 2.4vw,3.2rem)}
.mh-kok__bridge{max-width:72ch;margin-bottom:clamp(2rem,1.4rem + 2.6vw,3.6rem)}
.mh-kok__side{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}
.mh-kok__sub{font-family:var(--fd);font-size:clamp(1.15rem,1.02rem + .5vw,1.42rem);font-weight:var(--fw-xh);line-height:1.2;color:var(--mh-cream)}
.mh-kok__side .mh-p{max-width:32ch}

.mh-kok{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.mh-gc{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:clamp(1.3rem,1rem + 1.2vw,2.1rem);border-radius:var(--r-plate);background-color:var(--mh-ink-2);overflow:clip;transition:background-color .3s var(--ease)}
.mh-gc__hit{position:absolute;inset:0;z-index:3;width:100%;border-radius:var(--r-plate)}
.mh-gc__pill{position:absolute;z-index:1;top:1rem;right:1rem;background:var(--mh-ink);color:var(--mh-sand-2)}
.mh-gc__fig{position:relative;z-index:1;flex:1;min-height:0;width:100%;display:grid;place-items:center;padding-block:.4rem;margin-bottom:-1.4rem}
.mh-gc__ob{width:auto;max-width:min(100%,18rem);max-height:100%;height:auto;transition:transform .4s var(--ease)}
.mh-gc__body{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;width:100%}
.mh-gc__body > *{width:fit-content;max-width:100%;padding:.3rem .6rem;border-radius:.4rem;background-color:color-mix(in srgb,var(--mh-ink) 58%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.mh-gc .mh-h3{color:var(--mh-cream)}
.mh-gc__sub{font-size:1rem;font-weight:var(--fw-hv);line-height:1.35;color:var(--mh-peach)}
.mh-gc .mh-p{color:var(--mh-sand-2)}
.mh-gc:hover,.mh-gc:focus-within{background-color:var(--mh-teal-t)}
.mh-gc:hover .mh-gc__ob,.mh-gc:focus-within .mh-gc__ob{transform:scale(1.06)}
.mh-gc:hover .mh-gc__sub,.mh-gc:focus-within .mh-gc__sub{color:var(--mh-sand)}
.mh-gc:hover .mh-gc__pill,.mh-gc:focus-within .mh-gc__pill{color:var(--mh-cream)}

.mh-modal{width:min(80rem,calc(100vw - 1.6rem));max-width:none;max-height:calc(100vh - 1.6rem);padding:0;border:0;border-radius:var(--r-page);background:var(--mh-ink);color:var(--mh-cream);overflow:visible}
.mh-modal::backdrop{background:var(--mh-ink-2)}
.mh-modal__in{display:flex;flex-direction:column;gap:.7rem;padding:.8rem}
.mh-modal__bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding-left:.2rem}
.mh-modal__pill{display:inline-flex;align-items:center;padding:.5rem .95rem;border-radius:var(--r-sm);font-family:var(--fb);font-size:1rem;font-weight:var(--fw-hv);line-height:1.2;color:var(--mh-ink);background-image:linear-gradient(160deg,var(--mh-teal) 0%,var(--mh-surf-acc) 100%);box-shadow:inset 0 1px 0 0 var(--mh-cream),0 .4rem .9rem -.5rem var(--mh-ink-2)}
.mh-modal__note{font-family:var(--fb);font-size:1rem;font-weight:var(--fw-bd);line-height:1.4;color:var(--mh-sand-2)}
.mh-modal__x{position:relative;width:2.9rem;height:2.9rem;flex:0 0 auto;border-radius:var(--r-pill);transform:rotate(45deg);background-image:linear-gradient(160deg,var(--mh-sand) 0%,var(--mh-terra) 100%);box-shadow:inset 0 1px 0 0 var(--mh-cream),0 .5rem 1rem -.5rem var(--mh-ink-2);transition:box-shadow .24s var(--ease),filter .24s var(--ease)}
.mh-modal__x::before,.mh-modal__x::after{content:"";position:absolute;left:50%;top:50%;background:var(--mh-ink);border-radius:1px}
.mh-modal__x::before{width:1.05rem;height:3px;margin:-1.5px 0 0 -.525rem}
.mh-modal__x::after{width:3px;height:1.05rem;margin:-.525rem 0 0 -1.5px}
.mh-modal__x:hover{filter:brightness(1.1);box-shadow:inset 0 1px 0 0 var(--mh-cream),0 .7rem 1.4rem -.5rem var(--mh-ink-2)}
.mh-modal__stage{position:relative;display:grid;place-items:center;height:min(78vh,48rem);border-radius:var(--r-plate);background-color:var(--mh-sand);overflow:clip}
.mh-modal__stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mh-modal__wait{font-family:var(--fb);font-size:1rem;font-weight:var(--fw-hv);color:var(--mh-soft)}

.mh-ari__top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1.4rem,.6rem + 3vw,4rem);margin-bottom:clamp(1.1rem,.8rem + 1.2vw,1.9rem)}
.mh-ari__lead{max-width:66ch;margin-bottom:clamp(1.6rem,1.1rem + 2vw,2.9rem)}
.mh-ari__h{max-width:22ch;margin:0}
.mh-ari__ob{width:clamp(8rem,4rem + 11vw,15rem);height:auto;filter:drop-shadow(0 1.4rem 3rem var(--mh-ink));animation:mh-drift 7s ease-in-out infinite}

.mh-ari__frame{position:relative;border-radius:var(--r-plate);background-image:linear-gradient(165deg,var(--mh-clay-2) 0%,var(--mh-clay) 55%,var(--mh-ink-2) 100%);box-shadow:0 1.6rem 3.4rem -1.6rem var(--mh-ink)}
.mh-ari__glow{position:absolute;z-index:0;left:8%;top:-14%;width:min(60%,42rem);height:70%;background:radial-gradient(ellipse at center,var(--mh-teal-t) 0%,transparent 68%);opacity:.5;pointer-events:none}
.mh-ari__scroll{position:relative;z-index:1;overflow-x:auto;overflow-y:visible;border-radius:var(--r-plate);padding-bottom:.35rem;scrollbar-width:thin;scrollbar-color:var(--mh-peach) var(--mh-ink-2)}
.mh-ari__scroll::-webkit-scrollbar{height:.65rem}
.mh-ari__scroll::-webkit-scrollbar-track{background-color:var(--mh-ink-2);border-radius:var(--r-pill);margin-inline:clamp(1rem,3vw,2.4rem)}
.mh-ari__scroll::-webkit-scrollbar-thumb{background-color:var(--mh-peach);border-radius:var(--r-pill)}
.mh-ari__scroll::-webkit-scrollbar-thumb:hover{background-color:var(--mh-terra)}
.mh-mx{width:100%;min-width:62rem;border-collapse:separate;border-spacing:0;text-align:left}
.mh-mx__corner{width:19rem}
.mh-mx__g{padding:1.15rem .9rem;font-family:var(--fb);font-size:1rem;font-weight:var(--fw-hv);line-height:1.25;color:var(--mh-peach);vertical-align:bottom;box-shadow:inset 0 -3px 0 0 var(--mh-line-2)}
.mh-mx__row{width:19rem;padding:1.3rem 1.5rem 1.3rem 1.4rem;box-shadow:inset 0 -3px 0 0 var(--mh-line-2)}
.mh-mx__ax{display:block;font-family:var(--fd);font-size:clamp(1.12rem,1rem + .45vw,1.42rem);font-weight:var(--fw-xh);line-height:1.2;color:var(--mh-cream)}
.mh-mx__def{display:block;margin-top:.22rem;font-size:1rem;font-weight:var(--fw-bd);line-height:1.4;color:var(--mh-sand-2)}
.mh-mx__c{padding:1.3rem .9rem;vertical-align:middle;box-shadow:inset 0 -3px 0 0 var(--mh-line-2)}
.mh-mx tbody tr:last-child .mh-mx__row,.mh-mx tbody tr:last-child .mh-mx__c{box-shadow:none}
.mh-mx thead tr{background-image:linear-gradient(180deg,var(--mh-ink-2) 0%,var(--mh-clay) 100%)}
.mh-mx__sum{background-image:linear-gradient(100deg,var(--mh-teal-t) 0%,var(--mh-teal-t) 34%,var(--mh-clay) 100%)}
.mh-mx__sum .mh-mx__ax{color:var(--mh-cream)}
.mh-mx__sum .mh-mx__def{color:var(--mh-surf-acc)}
.mh-mx__sum .mh-streak > i{background:var(--mh-line-ink)}
.mh-mx__sum .mh-streak > i.is-on{background:var(--mh-surf-acc)}
.mh-mx__c .mh-streak > i{width:.34rem;height:1.15rem}
.mh-mx__c .mh-streak > i.is-on{height:1.5rem}

.mh-ari__legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.4rem,.8rem + 2.4vw,3.4rem);margin-top:clamp(1.8rem,1.2rem + 2vw,3rem)}
.mh-ari__col{display:flex;flex-direction:column;gap:.6rem;max-width:52ch}

.on-ink .mh-arv__h{color:var(--mh-cream)}
.on-ink .mh-arw{background-color:var(--mh-clay-2);color:var(--mh-cream)}
.on-ink .mh-arw:hover:not(:disabled){background-color:var(--mh-teal);color:var(--mh-ink)}
.on-ink .mh-arw:disabled{background-color:var(--mh-ink-2);color:var(--mh-line-2)}
.on-ink .mh-aik__item{box-shadow:inset 0 -3px 0 0 var(--mh-line-2)}
.on-ink .mh-aik__item:first-child{box-shadow:inset 0 3px 0 0 var(--mh-line-2),inset 0 -3px 0 0 var(--mh-line-2)}
.on-ink .mh-aik__t,.on-ink .mh-aik__h{color:var(--mh-cream)}
.on-ink .mh-aik__tog::before,.on-ink .mh-aik__tog::after{background:var(--mh-sand)}
.on-ink .mh-aik__item.is-open .mh-aik__t,.on-ink .mh-aik__item:hover .mh-aik__t{color:var(--mh-peach)}

.mh-cta{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(1rem,.6rem + 1.4vw,1.6rem);align-items:stretch}
.mh-cta__main{display:flex;flex-direction:column;padding:clamp(1.5rem,1.1rem + 1.6vw,2.6rem);border-radius:var(--r-plate);background-color:var(--mh-ink-2)}
.mh-cta__h{font-family:var(--fd);font-size:clamp(1.7rem,1.2rem + 1.8vw,2.6rem);font-weight:var(--fw-hv);line-height:1.06;letter-spacing:-.008em;text-transform:uppercase;color:var(--mh-cream);max-width:16ch}
.mh-cta__sub{margin-top:.5rem;font-family:var(--fb);font-size:clamp(1.05rem,.98rem + .4vw,1.25rem);font-weight:var(--fw-hv);line-height:1.4;color:var(--mh-peach)}
.mh-cta__rows{display:flex;flex-direction:column;gap:clamp(1.2rem,.9rem + 1.2vw,1.9rem);margin-top:auto;padding-top:clamp(1.8rem,1.2rem + 2.4vw,3.4rem)}
.mh-cta__rows > p{padding-top:clamp(1.1rem,.8rem + 1.2vw,1.7rem);box-shadow:inset 0 3px 0 0 var(--mh-line-2);max-width:52ch}
.mh-cta__rows b{font-weight:var(--fw-hv);color:var(--mh-cream)}
.mh-cta__box{display:flex;flex-direction:column;padding:clamp(1.7rem,1.2rem + 1.8vw,2.8rem);border-radius:var(--r-plate);background-image:linear-gradient(165deg,var(--mh-clay-2) 0%,var(--mh-clay) 60%,var(--mh-ink-2) 100%);box-shadow:0 1.4rem 3rem -1.6rem var(--mh-ink)}
.mh-cta__list{display:flex;flex-direction:column;gap:clamp(1.2rem,.9rem + 1.2vw,1.9rem);width:100%;margin-top:clamp(1.4rem,1rem + 1.4vw,2.2rem)}
.mh-cta__list > li{display:flex;flex-direction:column;gap:.2rem;padding-left:1.25rem;box-shadow:inset 3px 0 0 0 var(--mh-teal)}
.mh-cta__list b{font-family:var(--fb);font-size:1.0625rem;font-weight:var(--fw-hv);color:var(--mh-cream)}
.mh-cta__list span{font-size:1rem;font-weight:var(--fw-bd);line-height:1.45;color:var(--mh-sand-2)}
.mh-cta__act{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;margin-top:auto;padding-top:clamp(1.8rem,1.2rem + 2.4vw,3.2rem)}

.mh-ukk__top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(1.2rem,.6rem + 2.4vw,3.4rem);align-items:end;margin-bottom:clamp(1.8rem,1.2rem + 2vw,3rem)}
.mh-ukk__h{max-width:18ch;margin:0}
.mh-ukk__lead{max-width:44ch;padding-bottom:.4rem}

.mh-aik--ukk{grid-template-columns:minmax(0,1fr)}
.mh-aik--ukk .mh-aik__rows{border-radius:var(--r-plate);padding-inline:clamp(1.1rem,.7rem + 1.4vw,2.2rem);background-image:linear-gradient(165deg,var(--mh-clay-2) 0%,var(--mh-clay) 60%,var(--mh-ink-2) 100%);box-shadow:0 1.4rem 3rem -1.6rem var(--mh-ink)}
.mh-aik--ukk .mh-aik__item{grid-template-columns:minmax(0,23rem) minmax(0,1fr) 2.4rem;padding-block:clamp(.95rem,.75rem + .8vw,1.45rem);box-shadow:inset 0 -3px 0 0 var(--mh-line-2)}
.mh-aik--ukk .mh-aik__item:first-child{box-shadow:inset 0 -3px 0 0 var(--mh-line-2)}
.mh-aik--ukk .mh-aik__item:last-child{box-shadow:none}
.mh-aik--ukk .mh-aik__q{grid-column:1;position:relative;z-index:2;font-family:var(--fd);font-size:clamp(1.1rem,1rem + .42vw,1.35rem);font-weight:var(--fw-xh);line-height:1.25;color:var(--mh-cream);transition:color .26s var(--ease)}
.mh-aik--ukk .mh-aik__pan{grid-column:2}
.mh-aik--ukk .mh-aik__tog{grid-column:3;margin-top:.2rem;width:1.3rem;height:1.3rem}
.mh-aik--ukk .mh-aik__tog::before{width:.95rem;margin:-1px 0 0 -.475rem}
.mh-aik--ukk .mh-aik__tog::after{height:.95rem;margin:-.475rem 0 0 -1px}
.mh-aik--ukk .mh-aik__in{min-height:8.2rem;padding-bottom:.2rem;max-width:60ch}
.mh-aik--ukk .mh-aik__item.is-open .mh-aik__q,.mh-aik--ukk .mh-aik__item:hover .mh-aik__q{color:var(--mh-peach)}

.mh-met{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:clamp(1.6rem,.8rem + 3vw,4rem);align-items:start}
.mh-met__side{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.mh-met__fig{display:grid;place-items:center;width:100%;padding:clamp(1.2rem,.8rem + 1.4vw,2rem);border-radius:var(--r-plate);background-image:linear-gradient(160deg,var(--mh-clay-2) 0%,var(--mh-ink-2) 100%);box-shadow:0 1.2rem 2.6rem -1.4rem var(--mh-ink)}
.mh-met__fig img{width:100%;max-width:11rem;height:auto}
.mh-met__main{display:flex;flex-direction:column}
.mh-met__h{max-width:20ch;margin-bottom:.75rem}
.mh-met__role{font-family:var(--fb);font-size:clamp(1.05rem,.98rem + .4vw,1.28rem);font-weight:var(--fw-hv);line-height:1.4;color:var(--mh-teal);max-width:46ch}
.mh-met__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,.7rem + 2vw,3rem);margin-top:clamp(1.6rem,1.1rem + 1.6vw,2.6rem)}
.mh-met__col{display:flex;flex-direction:column;gap:.9rem}
.mh-met__sub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,.7rem + 2vw,3rem);margin-top:clamp(1.8rem,1.2rem + 2vw,3rem);padding-top:clamp(1.6rem,1.1rem + 1.6vw,2.6rem);box-shadow:inset 0 3px 0 0 var(--mh-line-2)}
.mh-met__sub .mh-met__col{gap:.55rem}


.mh-end{position:relative;overflow:clip;border-radius:var(--r-page);margin-top:calc(var(--lift) * -1);background-color:var(--mh-ink)}
.mh-close{padding-block:clamp(1.8rem,1.2rem + 2vw,3rem) clamp(1.2rem,.8rem + 1.2vw,1.9rem);display:flex;flex-direction:column;align-items:center;gap:1.6rem;text-align:center}
.mh-close__h{max-width:26ch;font-size:clamp(1.75rem,1.15rem + 2.2vw,2.9rem)}
.on-ink .mh-close__cta{color:var(--mh-ink);background-color:var(--mh-sand);border-color:var(--mh-sand);box-shadow:inset 0 0 0 0 var(--mh-teal)}
.on-ink .mh-close__cta:hover{color:var(--mh-ink);box-shadow:inset 0 -7rem 0 0 var(--mh-teal)}

.mh-end__band{position:relative;height:clamp(10rem,6rem + 12vw,18rem);overflow:clip}
.mh-end__band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 74%}
.mh-end__band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--mh-ink) 0%,transparent 24%,transparent 72%,var(--mh-ink) 100%)}

.mh-ftr{position:relative;display:block}
.mh-ftr__in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(2rem,1rem + 4vw,6rem);align-items:start;padding-block:clamp(2rem,1.4rem + 2.4vw,3.4rem) clamp(1.8rem,1.2rem + 2vw,3rem)}
.mh-ftr__brand{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;max-width:38ch}
.mh-ftr__mark{display:inline-flex}
.mh-ftr__claim{font-family:var(--fb);font-size:clamp(1.1rem,1rem + .5vw,1.42rem);font-weight:var(--fw-hv);line-height:1.4;color:var(--mh-cream)}
.mh-ftr__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,1.2rem + 3vw,5rem)}
.mh-ftr__col{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
.mh-ftr__col .mh-lab{margin-bottom:.4rem;color:var(--mh-peach)}
.mh-ftr__col a{font-size:1rem;font-weight:var(--fw-bd);color:var(--mh-sand-2);transition:color .22s var(--ease)}
.mh-ftr__col a:hover{color:var(--mh-teal)}
.mh-ftr__bar{padding:clamp(.6rem,.4rem + .8vw,1.1rem) var(--gut) clamp(1.6rem,1.2rem + 1.6vw,2.6rem);display:grid;gap:.45rem}
.mh-ftr__legal{color:var(--mh-sand)}
.mh-ftr__bar .mh-p{color:var(--mh-sand-2);text-align:center}

@media (max-width:1180px){
.mh-hero__note{width:min(12rem,23%);font-size:1rem}
}
@media (max-width:1024px){
.mh-ari__frame::after{content:"";position:absolute;z-index:2;right:0;top:0;bottom:0;width:clamp(1.5rem,5vw,3.2rem);border-radius:0 var(--r-plate) var(--r-plate) 0;background-image:linear-gradient(90deg,transparent 0%,var(--mh-ink-2) 100%);pointer-events:none}
.mh-arv{grid-template-columns:minmax(0,1fr);gap:1.8rem}
.mh-arv__side{align-items:flex-start}
.mh-arv__lead{margin-top:0;max-width:56ch}
.mh-arv__nav{margin-top:.2rem}
}
@media (max-width:980px){
.mh-hero__note{display:none}
}
@media (max-width:900px){
.mh-hdr__in{grid-template-columns:minmax(0,1fr)}
.mh-hdr__mark{justify-self:start}
.mh-hdr__nav{display:none}
.mh-burger{display:block}
.mh-ftr__in{grid-template-columns:minmax(0,1fr);gap:2.2rem}
.mh-hero__in{min-height:min(90vh,46rem);padding-top:calc(var(--mh-header-h) + 5.5rem);padding-bottom:calc(var(--lift) + 4rem)}
.mh-hero__stat{top:calc(var(--mh-header-h) + 1.55rem);gap:.45rem}
.mh-hero__stat-v{font-size:2.1rem}
.mh-hero__stat-l{font-size:1rem}
.mh-hero__stat-l br{display:none}
.mh-arv{--n:2}
.mh-card{aspect-ratio:2/3}
.mh-kok{grid-template-columns:repeat(2,minmax(0,1fr))}
.mh-kok__top{grid-template-columns:minmax(0,1fr)}
.mh-ari__legend{grid-template-columns:minmax(0,1fr);gap:1.4rem}
.mh-met{grid-template-columns:minmax(0,1fr);gap:1.6rem}
.mh-cta{grid-template-columns:minmax(0,1fr);gap:1.6rem}
.mh-ukk__top{grid-template-columns:minmax(0,1fr);align-items:start;gap:.9rem}
.mh-aik--ukk .mh-aik__item{grid-template-columns:minmax(0,1fr) 2.4rem}
.mh-aik--ukk .mh-aik__q{grid-column:1}
.mh-aik--ukk .mh-aik__pan{grid-column:1/-1;grid-row:2;padding-left:0;padding-top:.7rem}
.mh-aik--ukk .mh-aik__in{min-height:11rem}
.mh-aik--ukk .mh-aik__tog{grid-column:2}
.mh-met__side{flex-direction:row;align-items:center;gap:1.2rem}
.mh-met__fig{width:auto;padding:1rem}
.mh-met__fig img{max-width:6rem}
.mh-ari__top{grid-template-columns:minmax(0,1fr)}
.mh-ari__ob{justify-self:start;width:8rem}
.mh-mx{min-width:54rem}
.mh-mx__corner,.mh-mx__row{width:14rem}
.mh-modal__stage{height:min(66vh,32rem)}
.mh-modal__note{display:none}
.mh-aik__top,.mh-aik{grid-template-columns:minmax(0,1fr)}
.mh-aik__fig{flex-direction:row;align-items:center;gap:1.2rem;padding-top:0}
.mh-aik__ic{max-width:5rem}
.mh-aik__cap{max-width:34ch}
.mh-aik__item{grid-template-columns:minmax(0,5.5rem) minmax(0,1fr) 2.2rem}
.mh-aik__t{font-size:1.85rem}
.mh-aik__h{grid-column:2;padding-top:.15rem}
.mh-aik__tog{grid-column:3;margin-top:.15rem}
.mh-aik__pan{grid-column:1/-1;grid-row:2}
.mh-aik__in{min-height:0;max-width:none;padding-top:.9rem;gap:.7rem}
.mh-aik__in .mh-p{font-size:1rem;line-height:1.56}
}
@media (max-width:640px){
}
@media (max-width:600px){
.mh-hdr__mark img{height:2.75rem}
.mh-hero{--ob:9.5rem}
.mh-hero__stat{position:static;justify-content:center;margin-bottom:1.1rem}
.mh-hero__tag{top:calc(var(--mh-header-h) + 1.1rem)}
.mh-hero__in{padding-top:calc(var(--mh-header-h) + 4.5rem);padding-bottom:calc(var(--lift) + 3rem)}
.mh-hero__mid .mh-h1{max-width:none}
.mh-arv{--n:1.12}
.mh-card{aspect-ratio:3/4}
.mh-met__cols,.mh-met__sub{grid-template-columns:minmax(0,1fr)}
.mh-kok{grid-template-columns:minmax(0,1fr)}
.mh-gc{aspect-ratio:auto;min-height:22rem}
.mh-mx{min-width:41rem}
.mh-mx__corner,.mh-mx__row{width:10.5rem}
.mh-mx__row{padding:1.05rem .85rem 1.05rem 1rem}
.mh-mx__g{padding:1rem .5rem}
.mh-mx__c{padding:1.05rem .5rem}
.mh-mx__c .mh-streak{gap:.2rem}
.mh-mx__c .mh-streak > i{width:.3rem}
.mh-ari__scroll::-webkit-scrollbar-track{margin-inline:1rem}
}
@media (max-width:520px){
.mh-ftr__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}
}
.mh-gc--cov{aspect-ratio:3/4;padding:0;justify-content:flex-end;gap:0}
.mh-gc--cov .mh-gc__fig{position:absolute;inset:0;z-index:0;display:block;margin:0;padding:0}
.mh-gc--cov .mh-gc__ob{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center top;border-radius:0}
.mh-gc--cov::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 30%,var(--mh-ink) 96%)}
.mh-gc--cov .mh-gc__pill{position:static;z-index:2;align-self:flex-start;margin:0 clamp(1rem,.8rem + .8vw,1.5rem) .5rem}
.mh-gc--cov .mh-gc__body{z-index:2;gap:.4rem;padding:0 clamp(1rem,.8rem + .8vw,1.5rem) clamp(1rem,.8rem + .8vw,1.5rem)}
.mh-gc--cov .mh-gc__body > *{padding:0;background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.mh-gc--cov .mh-h3{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mh-gc--cov .mh-gc__ob,.mh-gc--cov:focus-within .mh-gc__ob{transform:none}
.mh-gc--cov:hover .mh-gc__ob{transform:scale(1.05)}
.mh-gc--cov:hover,.mh-gc--cov:focus-within{background-color:var(--mh-ink-2)}
.mh-gc--cov:hover::after,.mh-gc--cov:focus-within::after{background:linear-gradient(180deg,transparent 22%,var(--mh-ink) 96%)}
@media (max-width:760px){
.mh-gc--cov{aspect-ratio:4/5;min-height:0}
}
.mh-ari__photo{width:clamp(8rem,4rem + 11vw,15rem);aspect-ratio:1;justify-self:end}
.mh-met__fig.mh-photo{padding:0;background-image:none;aspect-ratio:1}
.mh-met__fig.mh-photo > img{max-width:none;width:100%;height:100%}
@media (max-width:760px){
.mh-ari__photo{justify-self:start;width:8rem}
.mh-met__fig.mh-photo{width:100%;max-width:11rem}
}
.mh-met__ic{width:clamp(2.8rem,1.7rem + 3.2vw,4.4rem);height:clamp(2.8rem,1.7rem + 3.2vw,4.4rem);color:var(--mh-peach)}
.mh-ic--teal{color:var(--mh-teal)}
.mh-met__fig:has(> .mh-met__ic){padding:0;background-image:none;box-shadow:none;width:auto}
.mh-hero__oblink{display:grid;justify-items:center;gap:.5rem;text-decoration:none}
.mh-hero__obcta{font-family:var(--fb);font-size:1rem;font-weight:var(--fw-hv);letter-spacing:.06em;text-transform:uppercase;color:var(--mh-sand);transition:color .24s var(--ease)}
.mh-hero__oblink:hover .mh-hero__obcta{color:var(--mh-teal)}
.mh-hero__oblink:hover .mh-hero__ob{filter:drop-shadow(0 1.4rem 2.8rem var(--mh-ink)) brightness(1.06)}
.mh-met__fig--bare{padding:0;background-image:none;box-shadow:none}