/* Phone-only conversion hero: full-bleed photo, service tiles on the image, details open after a tap.
   Shown at 900px and below; the concept's own hero takes over above that. Theme via --mh-* on .mhero. */
.mhero{display:none}
@media (max-width:900px){
 .mh-hide{display:none!important}
 .mhero{display:flex;flex-direction:column;justify-content:flex-end;position:relative;min-height:calc(100svh - var(--mh-top,64px));background:#0c0d0e;color:#f4f1ec;overflow:hidden;font-family:var(--mh-f,Manrope,system-ui,sans-serif)}
 .mhero picture,.mhero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 .mhero picture img{filter:brightness(.62) saturate(.9)}
 .mhero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0c0d0e99 0%,#0c0d0e1a 24%,#0c0d0e33 44%,#0c0d0ee6 76%,#0c0d0e 100%)}
 .mh-in{position:relative;z-index:2;padding:30svh 20px 96px;display:grid;gap:24px}
 .mh-illus{position:absolute;z-index:2;top:12px;right:12px;font:500 10px "Plex Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;background:#0c0d0e99;color:#f4f1ec;padding:5px 8px}
 .mh-t{font-weight:var(--mh-w,400);font-size:clamp(30px,8.6vw,36px);line-height:1.08;letter-spacing:var(--mh-ls,-.03em);margin:0}
 .mh-k{font:500 11px/1 "Plex Mono",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#f4f1ecc7;margin:0 0 14px}
 .mh-svc{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .mh-svc label{position:relative;cursor:pointer;display:block}
 .mh-svc input{position:absolute;opacity:0;width:1px;height:1px;top:0;left:0;margin:0;pointer-events:none}
 .mh-svc span{display:flex;align-items:center;height:52px;padding:0 16px;background:#ffffff0f;border:1px solid #ffffff40;color:#f4f1ec;font-size:17px;letter-spacing:-.01em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .35s,border-color .35s,color .35s;border-radius:var(--mh-r,0)}
 .mh-svc input:checked+span{background:#f4f1ec;color:#16181a;border-color:#f4f1ec}
 .mh-svc input:focus-visible+span{outline:1px solid #f4f1ec;outline-offset:3px}
 .mh-e{color:#f0b6a4;font:500 11px "Plex Mono",ui-monospace,monospace;margin:6px 0 0}.mh-e:empty{display:none}
 .mh-call{margin:16px 0 0;font-size:13px;color:#f4f1ecb3}.mh-call a{color:#f4f1ec;text-decoration:underline;text-underline-offset:3px}
 .mh-more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .6s cubic-bezier(.22,1,.36,1),opacity .45s .1s;scroll-margin-bottom:110px}
 .mh-more>div{min-height:0;overflow:hidden}
 .mq.open .mh-more{grid-template-rows:1fr;opacity:1}
 .mq.open .mh-call{display:none}
 .mq label.mh-l{display:block;font:500 10.5px "Plex Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#f4f1ec99;margin:18px 0 2px}
 .mq input.mh-i{width:100%;height:44px;background:transparent;border:0;border-bottom:1px solid #ffffff59;border-radius:0;padding:0;color:#f4f1ec;font:400 18px var(--mh-f,Manrope,system-ui,sans-serif)}
 .mq input.mh-i:focus{outline:0;border-bottom-color:#f4f1ec}
 .mq [aria-invalid=true]{border-color:#e7a48f!important}
 .mh-go{width:100%;height:54px;margin-top:24px;border:0;border-radius:var(--mh-r,0);background:var(--mh-acc,#a8844f);color:var(--mh-acc-i,#16181a);font:600 12px "Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
 .mh-go:active{transform:translateY(1px)}
 .mh-tr{display:flex;justify-content:space-between;gap:8px;margin:12px 0 0;font:400 11px "Plex Mono",ui-monospace,monospace;color:#f4f1ec99}.mh-tr a{color:#f4f1ec}
 .mh-ok{display:none}.mq.sent .mh-f{display:none}.mq.sent .mh-ok{display:block}
 .mh-ok p{font-size:22px;line-height:1.2;margin:0 0 10px}.mh-ok small{font-size:13px;color:#f4f1ecb3}.mh-ok a{color:#f4f1ec}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){.mh-more{transition:none}}