:root{--ink:#101010;--paper:#f2f0eb;--white:#fff;--muted:#75736f;--line:#d6d2cb;--purple:#a88aff;--dark-purple:#8c6de6;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;--hero-image:url('./assets/hero.webp');--logo-image:url('./assets/mhg-logo.svg')}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;z-index:99;top:-60px;left:16px;background:var(--purple);padding:10px 16px;color:var(--ink)}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.site-header{height:82px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--white);position:relative;z-index:20}.brand-mark{width:144px;height:38px;display:flex;align-items:center;flex:none}.brand-image{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.site-nav{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.site-nav>a{transition:color .2s}.site-nav>a:hover{color:var(--purple)}.site-nav .nav-phone{padding:13px 16px;border:1px solid #4a4947;color:#fff;letter-spacing:.03em}.phone-dot{width:7px;height:7px;background:var(--purple);border-radius:50%;display:inline-block;margin-right:8px}.menu-toggle{display:none}
.hero{min-height:650px;height:min(760px,calc(100svh - 82px));max-height:860px;background:#181818;color:white;position:relative;overflow:hidden;isolation:isolate}.hero-photo{position:absolute;z-index:-2;inset:0;background-image:var(--hero-image);background-size:cover;background-position:70% center}.hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(9,9,9,.94) 0%,rgba(9,9,9,.76) 36%,rgba(9,9,9,.18) 77%,rgba(9,9,9,.1) 100%),linear-gradient(0deg,rgba(8,8,8,.52),transparent 34%)}.hero-content{height:100%;padding-top:clamp(96px,12vh,158px);position:relative}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 26px;color:#e4e1db;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.eyebrow-line{width:28px;height:2px;background:var(--purple);display:inline-block}.eyebrow-slash{color:var(--purple)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:var(--display);font-size:clamp(88px,12.1vw,166px);line-height:.78;letter-spacing:-.025em;font-weight:800;margin:0 0 30px}.hero h1 span,.section-head h2 span,.workshop h2 span,.process h2 span,.contact h2 span{color:var(--purple)}.hero-copy{max-width:365px;color:#d0cec9;font-size:15px;line-height:1.7;margin-bottom:30px}.hero-actions{display:flex;gap:12px;align-items:center}.button{min-height:50px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:26px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}.button span{font-size:17px;line-height:1}.button-primary{background:var(--purple);color:var(--ink)}.button-primary:hover{background:#c2afff}.button-quiet{border-color:#6e6c68;color:white}.button-quiet:hover{border-color:var(--purple);color:var(--purple)}.hero-index{position:absolute;bottom:31px;left:0;display:flex;align-items:center;gap:13px;color:#c4c1bc;font-size:9px;font-weight:700;letter-spacing:.16em}.hero-index span:first-child{color:var(--purple)}.hero-index i{height:1px;width:60px;background:#777}.hero-side-note{position:absolute;right:27px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:8px;letter-spacing:.25em;color:#ddd}
.machine-strip{background:var(--purple);}.machine-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between}.machine-label{font-size:9px;letter-spacing:.19em;font-weight:700}.machine-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:clamp(25px,6vw,92px)}.machine-list li{font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:.07em}
.section-pad{padding:116px 0}.services{background:var(--paper)}.section-head,.process-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px}.eyebrow-dark{color:#5e5b57}.section-head h2,.process h2{font-family:var(--display);font-weight:800;font-size:clamp(56px,7.2vw,96px);line-height:.84;letter-spacing:-.015em;margin:0}.section-head h2 span,.process h2 span{color:#918f8a}.section-intro{max-width:310px;color:#625f5a;font-size:14px;margin:0 0 5px;line-height:1.75}.service-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-feature{min-height:440px;background:#e5e2dc;display:grid;grid-template-columns:1.08fr .92fr;position:relative;overflow:hidden}.service-photo{min-height:100%;background-size:cover;background-repeat:no-repeat;background-color:#272625}.photo-engine{background-image:url('./assets/engine.webp');background-position:50% center}.photo-packages{background-image:url('./assets/service.webp');background-position:50% center}.service-card-body{padding:36px 28px 30px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.service-number{font-size:9px;line-height:1.3;letter-spacing:.16em;color:#76736e;font-weight:700}.service-card-body h3{font-family:var(--display);font-size:clamp(38px,4vw,56px);font-weight:700;line-height:.91;letter-spacing:-.01em;margin:25px 0 17px;text-transform:uppercase}.service-card-body p{font-size:12px;line-height:1.75;color:#615e59;margin:0 0 26px;max-width:250px}.text-link{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #918d86;padding-bottom:8px}.text-link span{margin-left:10px;font-size:15px;color:#7050ca}.service-secondary{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-small{display:grid;grid-template-columns:42px 1fr 34px;align-items:start;gap:20px;padding:27px 26px 27px 0}.service-small+ .service-small{padding-left:27px;border-left:1px solid var(--line)}.small-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #c9c4bb;border-radius:50%}.small-icon svg{width:20px;height:20px;fill:none;stroke:#5f5b55;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.service-small h3{font-family:var(--display);font-size:28px;line-height:1;text-transform:uppercase;margin:9px 0}.service-small p{font-size:12px;color:#696660;max-width:340px;margin:0}.round-link{align-self:center;width:32px;height:32px;border:1px solid #beb9b0;border-radius:50%;display:grid;place-items:center;color:#5c4b8d;transition:background .2s}.round-link:hover{background:var(--purple);border-color:var(--purple)}
.workshop{height:580px;position:relative;overflow:hidden;background:#1d1c1b;color:white;isolation:isolate}.workshop-photo{position:absolute;inset:0;z-index:-2;background-image:url('./assets/workshop.webp');background-size:cover;background-position:65% center;background-repeat:no-repeat}.workshop-overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#111 0%,rgba(17,17,17,.92) 40%,rgba(17,17,17,.28) 83%),linear-gradient(0deg,rgba(0,0,0,.24),transparent)}.workshop-content{padding-top:100px}.workshop h2,.contact h2{font-family:var(--display);font-size:clamp(66px,8.5vw,112px);line-height:.83;letter-spacing:-.02em;margin:0 0 24px}.workshop-content>p:not(.eyebrow){max-width:390px;color:#cfccc6;font-size:13px;line-height:1.8;margin-bottom:28px}.button-outline{border-color:#7e7b74;color:white}.button-outline:hover{border-color:var(--purple);color:var(--purple)}
.process{background:#e7e4de}.process-head{margin-bottom:45px}.process h2 span{color:#a8a49d}.steps{list-style:none;margin:0;padding:0;border-top:1px solid #c9c5be}.steps li{display:grid;grid-template-columns:90px 1fr 36px;align-items:center;gap:22px;padding:23px 8px;border-bottom:1px solid #c9c5be}.step-no{font-family:var(--display);font-size:27px;color:#8b6adf;font-weight:700}.steps h3{font-family:var(--display);font-size:27px;text-transform:uppercase;line-height:1.1;margin:0 0 5px}.steps p{color:#68655f;font-size:12px;margin:0}.step-arrow{justify-self:end;font-size:20px;color:#7960bd}
.contact{background:var(--ink);color:white}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(55px,10vw,150px);align-items:start}.contact h2{font-size:clamp(68px,8.3vw,108px);margin-bottom:22px}.contact-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;color:#bdbab4;max-width:330px}.contact-phone{display:inline-flex;align-items:center;gap:16px;margin-top:20px;font-family:var(--display);font-size:26px;font-weight:600;letter-spacing:.04em}.contact-phone span{color:var(--purple);font-family:var(--body);font-size:18px}.contact-form{display:flex;flex-direction:column;gap:19px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#e6e3de}.contact-form label>span:first-child{color:var(--purple)}.contact-form .optional{color:#88857f;font-weight:500;letter-spacing:.02em;text-transform:none}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #55524e;border-radius:0;padding:11px 0;background:transparent;color:white;font-size:12px;letter-spacing:0;outline:none;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#817e78}.contact-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#aaa 50%),linear-gradient(135deg,#aaa 50%,transparent 50%);background-position:calc(100% - 7px) 50%,calc(100% - 2px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.contact-form select:invalid{color:#817e78}.contact-form select option{background:#1a1a1a;color:white}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--purple)}.contact-form .consent{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:10px;letter-spacing:0;text-transform:none;color:#aaa7a1;font-weight:400}.consent input{appearance:none;flex:none;width:17px;height:17px;border:1px solid #77736d;margin:0;display:grid;place-items:center}.consent input:checked{background:var(--purple);border-color:var(--purple)}.consent input:checked:after{content:'';background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8' fill='none' stroke='%23171717' stroke-width='2.4' stroke-linecap='square'/%3E%3C/svg%3E") center/12px no-repeat}.form-submit{align-self:flex-start;min-width:190px;cursor:pointer}.form-status{min-height:18px;margin:0;color:var(--purple);font-size:12px}.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.site-footer{background:#090909;color:#fff;border-top:1px solid #333}.footer-inner{min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{width:128px;height:34px}.footer-inner p{font-size:10px;line-height:1.5;margin:0;color:#ddd}.footer-inner p span{color:#7b7872}.footer-inner>a:not(.brand-mark){font-weight:600;font-size:12px}.privacy-open{color:#aaa;background:none;border:0;padding:8px 0;font-size:10px;cursor:pointer}.privacy-open:hover{color:var(--purple)}.footer-copy{color:#716e68;font-size:9px}.privacy-dialog{max-width:min(560px,calc(100% - 32px));border:1px solid #595650;background:var(--paper);color:var(--ink);padding:38px;box-shadow:0 20px 80px #0008}.privacy-dialog::backdrop{background:#000b}.privacy-dialog h2{font:700 42px/.95 var(--display);text-transform:uppercase}.privacy-dialog p:last-child{font-size:13px;line-height:1.8;color:#55514b}.privacy-dialog p a{text-decoration:underline}.dialog-close{position:absolute;top:10px;right:14px;border:0;background:transparent;font-size:28px;cursor:pointer}
@media(min-width:1500px){.hero{height:780px}.hero-content{padding-top:155px}}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.site-header{padding:0 28px}.site-nav{gap:22px}.hero{min-height:600px}.hero-content{padding-top:128px}.hero h1{font-size:clamp(88px,15vw,142px)}.section-pad{padding:90px 0}.section-head,.process-head{gap:30px}.service-feature{grid-template-columns:.9fr 1.1fr;min-height:410px}.service-card-body{padding:26px 20px}.service-card-body h3{font-size:43px}.contact-grid{gap:48px}.machine-list{gap:30px}}
@media(max-width:650px){html{scroll-padding-top:68px}.wrap{width:calc(100% - 40px)}.site-header{height:68px;padding:0 20px}.brand-mark{width:106px;height:28px}.menu-toggle{display:flex;width:42px;height:42px;background:none;border:1px solid #494744;color:white;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-toggle span{display:block;width:17px;height:1px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px;background:#101010;border-top:1px solid #333;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav>a{padding:14px 4px;border-bottom:1px solid #292826}.site-nav .nav-phone{margin-top:14px;padding:14px;border:1px solid #494744}.hero{height:calc(100svh - 68px);min-height:590px;max-height:760px}.hero-photo{background-position:72% center}.hero-shade{background:linear-gradient(90deg,rgba(8,8,8,.84),rgba(8,8,8,.52) 72%,rgba(8,8,8,.3)),linear-gradient(0deg,rgba(8,8,8,.65),transparent 45%)}.hero-content{padding-top:clamp(95px,19vh,150px)}.eyebrow{font-size:8px;letter-spacing:.14em;gap:8px;margin-bottom:22px}.eyebrow-line{width:20px}.hero h1{font-size:clamp(78px,20vw,118px);margin-bottom:25px}.hero-copy{font-size:13px;max-width:300px}.hero-actions{gap:8px;flex-wrap:wrap}.button{min-height:46px;padding:0 14px;gap:15px;font-size:9px}.hero-index{bottom:24px}.hero-side-note{right:12px;font-size:7px}.machine-inner{min-height:90px;display:block;padding-top:14px;padding-bottom:12px}.machine-label{font-size:8px}.machine-list{margin-top:8px;justify-content:space-between;gap:10px}.machine-list li{font-size:23px}.section-pad{padding:73px 0}.section-head,.process-head{display:block;margin-bottom:32px}.section-head h2,.process h2{font-size:clamp(58px,14vw,82px)}.section-intro{font-size:13px;margin-top:20px;max-width:390px}.service-feature-grid{grid-template-columns:1fr;gap:12px}.service-feature{min-height:0;grid-template-columns:.85fr 1.15fr;min-height:320px}.service-photo{min-height:320px}.photo-engine,.photo-packages{background-position:50% center}.service-card-body{padding:22px 17px}.service-number{font-size:8px;letter-spacing:.12em}.service-card-body h3{font-size:clamp(35px,10vw,46px);margin:20px 0 12px}.service-card-body p{font-size:11px;margin-bottom:18px}.text-link{font-size:8px}.service-secondary{grid-template-columns:1fr;margin-top:12px}.service-small{padding:20px 0;gap:14px}.service-small+.service-small{padding-left:0;border-left:0;border-top:1px solid var(--line)}.service-small h3{font-size:25px}.service-small p{font-size:11px}.workshop{height:520px}.workshop-photo{background-position:72% center}.workshop-overlay{background:linear-gradient(90deg,rgba(12,12,12,.94),rgba(12,12,12,.63) 72%,rgba(12,12,12,.32))}.workshop-content{padding-top:80px}.workshop h2,.contact h2{font-size:clamp(65px,16vw,94px)}.workshop-content>p:not(.eyebrow){max-width:310px;font-size:12px}.button-outline{max-width:100%;text-align:left}.steps li{grid-template-columns:46px 1fr 20px;gap:13px;padding:19px 0}.step-no{font-size:23px}.steps h3{font-size:23px}.steps p{font-size:11px;line-height:1.55}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-copy>p:not(.eyebrow){max-width:340px}.contact-phone{font-size:23px}.contact-form{gap:17px}.form-row{grid-template-columns:1fr;gap:16px}.contact-form label{font-size:9px}.footer-inner{padding:23px 0;display:grid;grid-template-columns:1fr 1fr;gap:17px}.footer-brand{grid-row:span 2}.footer-inner>a:not(.brand-mark){font-size:11px}.footer-copy{grid-column:2}.privacy-open{justify-self:start;text-align:left}.privacy-dialog{padding:32px 24px}.privacy-dialog h2{font-size:35px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:74px}.hero-actions .button{padding:0 11px}.service-feature{grid-template-columns:.76fr 1.24fr}.service-card-body{padding-inline:13px}.service-card-body h3{font-size:34px}.service-card-body p{font-size:10px}.machine-list li{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.image-caption{position:absolute;right:28px;bottom:20px;color:#dedbd5;font-size:8px;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:650px){.image-caption{right:15px;bottom:12px;font-size:7px}}

/* Keep the visual hierarchy spacious and the imagery focused. */
.hero-shade{background:linear-gradient(90deg,#101010 0%,rgba(16,16,16,.98) 28%,rgba(16,16,16,.68) 48%,rgba(16,16,16,.08) 78%),linear-gradient(0deg,rgba(8,8,8,.3),transparent 30%)}
.section-head h2,.process h2{font-size:clamp(50px,6.2vw,84px)}
.section-head h2 span,.process h2 span{color:#726d67}
.contact-phone [data-phone]{font-family:inherit;font-size:inherit;color:inherit}
.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--purple);outline-offset:5px}
.contact-form .consent>span{color:#b6b2ac!important}
.contact-form .consent input:checked::after{content:''}
.form-submit:disabled{opacity:.65;cursor:wait}
.form-status[data-state=error]{color:#ffb4a8}
.form-status[data-state=success]{color:#bfe7b6}
.service-small:has(a:hover) h3{color:#7050bd}
@media(max-width:900px){.section-head,.process-head{display:block}.section-head .section-intro,.process-head .section-intro{margin-top:25px;max-width:440px}.hero h1{font-size:clamp(88px,13vw,142px)}}
@media(max-width:650px){.hero-shade{background:linear-gradient(90deg,rgba(10,10,10,.86),rgba(10,10,10,.46)),linear-gradient(0deg,rgba(10,10,10,.8),transparent 65%)}.hero h1{font-size:clamp(78px,20vw,118px)}.section-head h2,.process h2{font-size:clamp(48px,12vw,74px)}.hero-side-note{display:none}.service-feature{min-height:345px}.service-number{line-height:1.6}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-size:16px}.contact-form label{font-size:10px}.service-card-body p,.service-small p,.steps p{font-size:12px}}

.icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none}