.mh-cf__line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,.8rem + 1.8vw,2.6rem)}
.mh-cf__cell{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}
.mh-cf__cell .mh-p{max-width:34ch}
.mh-cf__ic{display:grid;place-items:center;width:3.2rem;height:3.2rem;margin-bottom:.3rem;border-radius:var(--r-sm);background-color:var(--mh-surf-acc);color:var(--mh-teal-t)}
.mh-cf__ic .mh-ic{width:1.85rem;height:1.85rem}
.mh-cf__line--after{margin-top:0;padding-top:clamp(.2rem,.1rem + .4vw,.6rem)}

.mh-cf{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:clamp(1.4rem,.9rem + 2.4vw,3.6rem);align-items:center;margin-top:clamp(2.2rem,1.6rem + 2.6vw,4rem)}
.mh-cf__side{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}
.mh-cf__ob{width:100%;height:auto;filter:drop-shadow(0 1.4rem 3rem var(--mh-ink));animation:mh-drift 9s ease-in-out infinite}
.mh-cf__cap{max-width:20ch}

.mh-cf__box{padding:clamp(1.5rem,1.1rem + 1.8vw,2.9rem)}
.mh-cf__form{display:flex;flex-direction:column;gap:1rem}
.mh-cf__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.mh-cf__form .mh-btn{align-self:flex-start;margin-top:.4rem}
.mh-cf__form.is-busy{opacity:.72;pointer-events:none}
.mh-cf__note{padding:.85rem 1.05rem;border-radius:var(--r-sm);background-color:var(--mh-surf-2);color:var(--mh-sienna-t);font-weight:var(--fw-hv)}
.on-ink .mh-cf__note{background-color:var(--mh-clay-2);color:var(--mh-peach)}

.mh-cf__done{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding-block:clamp(1rem,.6rem + 1.4vw,2rem)}
.mh-cf__done-ob{width:clamp(6.5rem,4.5rem + 6vw,9.5rem);height:auto}
.mh-cf__done .mh-p{max-width:44ch}
.mh-cf__done .mh-btn{margin-top:.5rem}

.mh-cf__tail{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;max-width:68ch;margin-top:clamp(1.8rem,1.3rem + 2vw,3rem);padding-top:clamp(1.4rem,1rem + 1.6vw,2.4rem);box-shadow:inset 0 3px 0 0 var(--mh-line-2)}
.mh-cf__mail{font-size:1.0625rem;font-weight:var(--fw-hv);color:var(--mh-teal);text-decoration:underline;text-underline-offset:.2em;transition:color .22s var(--ease)}
.mh-cf__mail:hover{color:var(--mh-peach)}

@media (max-width:900px){
.mh-cf__line{grid-template-columns:minmax(0,1fr);gap:1.6rem}
.mh-cf{grid-template-columns:minmax(0,1fr);gap:1.4rem}
.mh-cf__side{flex-direction:row;text-align:left;gap:1.2rem}
.mh-cf__ob{max-width:8rem}
}
@media (max-width:600px){
.mh-cf__row{grid-template-columns:minmax(0,1fr)}
}
.mh-cf__priv{max-width:52ch;margin-top:.2rem}
.mh-cf__priv a{color:var(--mh-teal);text-decoration:underline;text-underline-offset:.18em}
.mh-cf__priv a:hover{color:var(--mh-peach)}