@charset "UTF-8";
/* トップ専用。header-home.phpでのみ読み込みます。 */
.mecca-home{--yellow:#ffda00;--blue:#123bc6;--red:#e52b39;--ink:#111925;--paper:#f6f5ef;margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.85;overflow-wrap:anywhere}
.mecca-home *{box-sizing:border-box}.mecca-home :is(h1,h2,h3,p,figure,dl,dd){margin:0}.mecca-home a{color:inherit;text-decoration:none}.mecca-home button{font:inherit}.mecca-home img{display:block;width:100%;height:100%;object-fit:cover}.mecca-home :is(a,button):focus-visible{outline:3px solid var(--red);outline-offset:5px}.mecca-home section[id],.mecca-home main[id]{scroll-margin-top:100px}.mecca-home [hidden]{display:none!important}
.mh-container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.mh-header{position:sticky;top:0;z-index:20;background:var(--yellow);border-bottom:1px solid #11192520}.mh-header-inner{min-height:86px;display:flex;align-items:center;gap:24px}.mh-logo{line-height:.85;flex-shrink:0}.mh-logo>span{font:800 10px Arial,sans-serif;letter-spacing:.2em;display:block;margin:0 0 4px 3px}.mh-logo strong{font:900 italic 43px/.9 Arial,sans-serif;letter-spacing:-3px}.mh-logo-dot{color:var(--red)}.mh-header-caption{font-size:10px;font-weight:700;line-height:1.65}.mh-nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:12px;font-weight:800}.mh-nav a{padding-block:12px}.mh-nav a:hover{text-decoration:underline;text-underline-offset:6px}.mh-nav .mh-nav-access{background:var(--ink);color:white;padding:12px 20px}.mh-menu-button{background:none;border:1px solid currentColor;padding:7px 10px;font-size:12px;cursor:pointer}
.skip-link{position:fixed;top:0;left:16px;padding:12px;background:white;z-index:100;transform:translateY(-120%)}.skip-link:focus{transform:none}
.mh-hero{position:relative;background:#111925;color:white;isolation:isolate;min-height:590px;overflow:hidden}.mh-hero-image{position:absolute;inset:0 0 0 28%;z-index:-2}.mh-hero-image img{object-position:center 65%}.mh-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111925 1%,#111925ed 25%,#1119257a 57%,#1119250a 100%);z-index:-1}.mh-hero-inner{position:relative;padding-block:54px 56px}.mh-eyebrow{font:800 11px/1.6 Arial,sans-serif;letter-spacing:.15em}.mh-hero .mh-eyebrow{color:var(--yellow);margin-bottom:20px}.mh-hero h1{font-size:clamp(44px,5.4vw,76px);font-weight:900;line-height:1.15;letter-spacing:-.045em;font-style:italic}.mh-hero h1 span{color:var(--yellow)}.mh-hero-description{margin-top:22px!important;font-size:14px;line-height:1.9;color:#eef1f7}.mh-hero .mh-button{margin-top:24px}.mh-hero-caption{position:absolute;right:0;bottom:32px;font:800 italic 11px Arial,sans-serif;letter-spacing:.12em;text-shadow:0 1px 8px #000}.mh-hero-caption span{display:block;text-align:right;font:11px/2.5 sans-serif;letter-spacing:.04em}
.mh-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 24px;font-size:13px;font-weight:800;line-height:1.65;min-height:50px;transition:transform .15s,box-shadow .15s}.mh-button span{font-size:20px;line-height:1}.mh-button-yellow{background:var(--yellow);color:var(--ink)!important}.mh-button-blue{background:var(--blue);color:white!important}.mh-button:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--red)}
.mh-ticker{display:flex;align-items:center;justify-content:center;gap:40px;padding:10px 24px;background:var(--blue);color:white;border-bottom:5px solid var(--red);font:900 italic 27px/1.3 Arial,sans-serif;letter-spacing:.03em}.mh-ticker>span+span:before{content:"/";color:var(--yellow);margin-right:40px}.mh-ticker .mh-ticker-small{font-size:10px;font-style:normal;letter-spacing:.13em}.mh-ticker .mh-ticker-small:before{display:none}
.mh-news{display:flex;align-items:center;gap:26px;border-bottom:1px solid #ccd0d6;padding-block:19px;font-size:12px}.mh-news h2{font:900 italic 18px Arial,sans-serif;letter-spacing:.025em}.mh-news h2:before{content:"";display:inline-block;width:7px;height:7px;background:var(--red);margin-right:10px}.mh-news p{flex:1}.mh-news a{white-space:nowrap;font-weight:700}.mh-news a:hover{text-decoration:underline}
.mh-section{padding-block:64px}.mh-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}.mh-section-heading>p{font-size:13px;color:#505766}.mh-section-heading .mh-eyebrow,.mh-social .mh-eyebrow{color:var(--blue);margin-bottom:10px}.mh-speed{font-weight:900;font-style:italic;font-size:clamp(25px,3vw,38px);line-height:1.4;letter-spacing:-.055em;position:relative}.mh-speed:after{content:"";display:block;width:68px;height:5px;margin-top:13px;background:linear-gradient(90deg,var(--blue) 0 64%,var(--red) 64%);transform:skewX(-24deg)}.mh-mobile-break{display:none}
.mh-photo{position:relative;background:#c6cbd4;overflow:hidden}.mh-photo img{transition:transform .45s ease}.mh-photo:hover img{transform:scale(1.025)}.mh-photo.mh-photo-missing:before{content:"写真を配置：" attr(data-filename);position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#26374f;background:linear-gradient(135deg,#cbd3df,#e4e8ef);font-size:13px;text-align:center}.mh-photo.mh-photo-missing img{visibility:hidden}.mh-hero-image.mh-photo-missing:before{place-items:center end;padding-right:8%;color:#e2e7f1;background:linear-gradient(140deg,#143076,#223149);font-size:12px}
.mh-circuit-feature{display:grid;grid-template-columns:1.38fr 1fr;background:var(--blue);color:white}.mh-circuit-feature>.mh-photo{min-height:340px}.mh-feature-copy{padding:32px 36px;align-self:center}.mh-number{font:900 italic 27px Arial,sans-serif;letter-spacing:-.02em}.mh-number span{font:700 10px Arial,sans-serif;letter-spacing:.08em;margin-left:10px}.mh-circuit-feature .mh-number{color:var(--yellow)}.mecca-home h3{font-size:26px;font-weight:900;line-height:1.5;letter-spacing:-.025em}.mh-feature-copy h3{margin-block:20px 16px}.mh-feature-copy>p:not(.mh-number){font-size:13px;color:#eef1ff}.mh-text-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid currentColor;padding:12px 0 8px;font-size:13px;font-weight:800;margin-top:16px}.mh-text-link:hover{color:var(--yellow)}
.mh-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.mh-small-feature{display:grid;grid-template-columns:.95fr 1fr;border-top:5px solid var(--yellow);background:white}.mh-parts{border-top-color:var(--red)}.mh-small-feature>.mh-photo{min-height:355px}.mh-small-feature img{object-position:40% center}.mh-small-copy{padding:24px}.mh-small-copy .mh-number{color:var(--blue)}.mh-small-copy h3{font-size:22px;margin-block:18px 12px}.mh-small-copy>p:not(.mh-number){font-size:12px;line-height:1.9;color:#495161}.mh-tag{display:inline-block;border-top:1px solid #dfe2e8;margin-top:18px;padding-top:12px;font-size:10px;font-weight:700}
.mh-first{background:var(--yellow);padding-block:56px;position:relative}.mh-first:before{content:"";position:absolute;top:0;right:0;width:22%;height:7px;background:var(--red)}.mh-first-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.mh-first-collage{position:relative;padding:0 44px 36px 0}.mh-first-collage>.mh-photo:first-child{aspect-ratio:1.15;box-shadow:10px 10px 0 var(--blue)}.mh-first-detail{position:absolute;right:0;bottom:0;width:46%;aspect-ratio:1.5;border:6px solid var(--yellow)}.mh-first-copy .mh-eyebrow{margin-bottom:8px}.mh-first-copy .mh-lead{font-size:25px;line-height:1.6;font-weight:900;margin-block:20px 14px}.mh-first-copy>p:not(.mh-eyebrow):not(.mh-lead){font-size:13px;margin-bottom:12px}.mh-first-copy .mh-button{margin-top:12px}
.mh-social{display:grid;grid-template-columns:1fr 1.8fr;gap:60px;align-items:center}.mh-social>div>p:last-child{font-size:13px;color:#505766;margin-top:18px}.mh-social-links>a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid #b9bfca}.mh-social-links>a:first-child{border-top:1px solid #b9bfca}.mh-social-links small{display:block;font:800 10px Arial,sans-serif;letter-spacing:.12em;color:var(--blue)}.mh-social-links strong{display:block;font-size:22px;line-height:1.6}.mh-social-links span>span{display:block;font-size:12px;color:#505766}.mh-social-links b{font-size:26px;color:var(--blue)}.mh-social-links a:hover strong{color:var(--blue)}
.mh-access{background:var(--ink);color:white;padding-block:48px}.mh-access .mh-eyebrow{color:var(--yellow)}.mh-access .mh-speed:after{background:linear-gradient(90deg,var(--yellow) 0 64%,var(--red) 64%)}.mh-access-label{font:800 10px Arial,sans-serif;color:#aeb7c8;letter-spacing:.1em}.mh-access-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:42px;margin-top:34px}.mh-access-grid h3{font-size:15px;margin-bottom:14px}.mh-access-grid p{font-size:13px;color:#d2d8e2}.mh-access-grid .mh-button{margin-top:22px;font-size:12px}.mh-hours dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff25;padding-block:6px;font-size:13px}.mh-note{font-size:11px!important;margin-top:12px!important}.mh-phone{font:800 26px/1.5 Arial,sans-serif;white-space:nowrap}.mh-contact p{font-size:11px;margin-top:8px}.mh-contact .mh-text-link{margin-top:18px}.mh-footer{display:flex;align-items:center;gap:26px;padding-block:24px;font-size:10px;color:#505766}.mh-footer-brand{font:900 italic 19px Arial,sans-serif;color:var(--ink)!important;margin-right:auto}.mh-footer a:hover{text-decoration:underline}
/* 見出しは初期状態でも読める。JS・Observerが失敗しても非表示にならない。 */
.mh-speed.mh-arrived{animation:mh-speed-in .32s cubic-bezier(.16,1,.3,1) both}.mh-speed.mh-arrived:after{animation:mh-line-in .24s .08s ease-out both}@keyframes mh-speed-in{from{transform:translateX(-30px) skewX(-5deg);opacity:.35}to{transform:translateX(0) skewX(0);opacity:1}}@keyframes mh-line-in{from{transform:scaleX(.1) skewX(-24deg);transform-origin:left}to{transform:scaleX(1) skewX(-24deg);transform-origin:left}}
@media(min-width:761px) and (max-width:1100px){.mh-container{width:calc(100% - 48px)}.mh-header-caption{display:none}.mh-nav{gap:18px}.mh-small-feature{grid-template-columns:1fr}.mh-small-feature>.mh-photo{min-height:0;height:220px}.mh-first-inner{gap:36px}.mh-access-grid{gap:22px}.mh-phone{font-size:22px}}
@media(max-width:760px){.mh-container{width:calc(100% - 36px)}.mh-header-inner{min-height:72px;flex-wrap:wrap;gap:12px;padding-block:12px}.mh-logo strong{font-size:35px}.mh-header-caption{font-size:8px}.mh-nav{width:100%;flex-wrap:wrap;gap:8px 20px;margin-left:0;font-size:12px}.mh-nav a{padding:8px 0}.mh-nav .mh-nav-access{padding:8px 14px}.mh-menu-button{margin-left:auto}.mh-header.mh-enhanced .mh-nav{padding-top:10px;border-top:1px solid #11192530}.mh-hero{min-height:570px}.mh-hero-image{inset:0}.mh-hero:after{background:linear-gradient(90deg,#111925eb,#1119254d),linear-gradient(0deg,#111925b3,transparent 70%)}.mh-hero-inner{padding-top:48px;padding-bottom:58px}.mh-hero .mh-eyebrow{font-size:9px}.mh-hero h1{font-size:55px}.mh-hero-description{font-size:13px}.mh-hero-caption{bottom:15px;font-size:8px;right:0}.mh-hero-caption span{display:none}.mh-ticker{gap:16px;font-size:22px;padding:11px 12px}.mh-ticker>span+span:before{margin-right:16px}.mh-ticker .mh-ticker-small{display:none}.mh-news{gap:8px 18px;padding-block:16px;flex-wrap:wrap;font-size:11px}.mh-news h2{font-size:17px}.mh-news p{flex-basis:calc(100% - 95px)}.mh-news>a{margin-left:88px}.mh-section{padding-block:42px}.mh-section-heading{display:block;margin-bottom:24px}.mh-section-heading>p{font-size:12px;margin-top:16px}.mh-speed{font-size:28px}.mh-mobile-break{display:block}.mh-circuit-feature{grid-template-columns:1fr}.mh-circuit-feature>.mh-photo{min-height:0;aspect-ratio:1.5}.mh-feature-copy{padding:25px}.mh-feature-copy h3{font-size:26px;margin-block:14px 12px}.mh-feature-grid{grid-template-columns:1fr;gap:20px;margin-top:20px}.mh-small-feature{grid-template-columns:1fr}.mh-small-feature>.mh-photo{min-height:0;aspect-ratio:1.65}.mh-small-copy{padding:24px}.mh-small-copy h3{font-size:25px}.mh-small-copy>p:not(.mh-number){font-size:13px}.mh-first{padding-block:38px}.mh-first-inner{grid-template-columns:1fr;gap:30px}.mh-first-collage{padding-right:34px;padding-bottom:24px}.mh-first-collage>.mh-photo:first-child{aspect-ratio:1.5}.mh-first-detail{width:40%}.mh-first-copy .mh-lead{font-size:24px}.mh-social{grid-template-columns:1fr;gap:24px}.mh-social-links strong{font-size:20px}.mh-access{padding-block:38px}.mh-access-label{display:block;margin-top:22px}.mh-access-grid{grid-template-columns:1fr;gap:28px;margin-top:26px}.mh-access-grid>div+div{border-top:1px solid #ffffff30;padding-top:24px}.mh-phone{font-size:28px}.mh-footer{flex-wrap:wrap;gap:10px 22px;padding-block:22px}.mh-footer-brand{flex-basis:100%}.mh-footer small{flex-basis:100%}}
.mh-hero .mh-hero-image{position:absolute}
@media(prefers-reduced-motion:reduce){.mecca-home *,.mecca-home *:after{animation:none!important;transition:none!important}.mh-photo:hover img,.mh-button:hover{transform:none}}

/* ブログとInstagramは既存の連携プラグインで更新する。 */
.mh-nav .mh-nav-blog{background:var(--blue);color:white;padding:10px 16px}
.mh-updates{padding-block:48px 56px}
.mh-updates .mh-speed span{display:inline-block}
.mh-updates .mh-eyebrow{color:var(--blue);margin-bottom:8px}
.mh-updates-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.mh-blog-panel{background:white;border-top:6px solid var(--blue);padding:28px;min-width:0}
.mh-blog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #d7dce5;padding-bottom:20px}
.mh-blog-heading h3{font-size:28px}
.mh-blog-heading .mh-button{padding:12px 18px;white-space:nowrap}
.mh-blog-panel>.mh-text-link{color:var(--blue)}
.mh-blog-feed .rss_header{display:none}
.mh-blog-feed .feedzy-rss ul{list-style:none;margin:0;padding:0}
.mh-blog-feed .feedzy-rss .rss_item{display:flow-root;min-width:0;margin:0!important;padding:18px 0!important;border-bottom:1px solid #e2e5ec}
.mh-blog-feed .feedzy-rss .rss_image{float:left;width:90px!important;height:90px!important;margin:0 18px 8px 0!important}
.mh-blog-feed .feedzy-rss .rss_image a{display:block;width:90px!important;height:90px!important}
.mh-blog-feed .feedzy-rss .rss_image img{width:100%!important;height:100%!important;object-fit:cover}
.mh-blog-feed .feedzy-rss .title{font-size:16px;font-weight:800;line-height:1.6}
.mh-blog-feed .feedzy-rss .title a:hover{color:var(--blue);text-decoration:underline}
.mh-blog-feed .feedzy-rss .rss_content small{display:block;font-size:11px;color:#596475;margin-top:4px}
.mh-blog-feed .feedzy-rss .rss_content p{font-size:12px;line-height:1.8;color:#505766;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px}
.mh-instagram-panel{background:#eeeee7;border-top:6px solid var(--red);padding:28px;min-width:0}
.mh-instagram-panel h3{font:900 italic 30px Arial,sans-serif}
.mh-instagram-account{display:inline-block;font-size:12px;color:#505766!important;margin:8px 0 20px}
.mh-instagram-feed{min-width:0}.mh-instagram-feed img{max-width:100%}
/* 写真の遅延読み込み・件数・列数は既存Instagramフィード設定に委ねる。 */
.mh-instagram-feed #sb_instagram{width:100%;max-width:100%}
.mh-preview-instagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mh-preview-instagram a{display:block;min-width:0;background:#d4d9df;aspect-ratio:1;overflow:hidden}
.mh-preview-instagram img{width:100%;height:100%;object-fit:cover;font-size:12px}
.mh-preview-note{font-size:11px;line-height:1.8;color:#626b7b;margin:12px 0!important}
.mh-customer-movie{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:36px;padding-bottom:48px;align-items:center}
.mh-customer-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#111925}
.mh-customer-copy .mh-eyebrow{color:var(--blue);margin-bottom:12px}
.mh-customer-copy h2{font-size:30px}.mh-customer-copy h3{font-size:17px;margin-top:20px}
.mh-customer-copy>p:not(.mh-eyebrow){font-size:13px;margin-top:12px;color:#505766}
.mh-channel-link{display:flex;align-items:center;gap:16px;margin-top:20px;font-size:12px;font-weight:700}
.mecca-home .mh-channel-link img{width:100px;height:auto;object-fit:contain;flex-shrink:0}
.mh-channel-link:hover span{text-decoration:underline}
@media(min-width:761px) and (max-width:1100px){.mh-nav{gap:12px;font-size:11px}.mh-nav .mh-nav-access{padding:10px 12px}.mh-nav .mh-nav-blog{padding:10px}.mh-blog-heading{align-items:flex-start;flex-direction:column}.mh-blog-panel,.mh-instagram-panel{padding:22px}.mh-updates-grid{gap:20px}}
@media(max-width:760px){.mh-updates{padding-block:36px}.mh-updates-grid{grid-template-columns:1fr;gap:24px}.mh-blog-panel,.mh-instagram-panel{padding:22px}.mh-blog-heading{flex-wrap:wrap}.mh-blog-heading h3{font-size:25px}.mh-blog-feed .feedzy-rss .rss_image,.mh-blog-feed .feedzy-rss .rss_image a{width:70px!important;height:70px!important}.mh-customer-movie{grid-template-columns:1fr;gap:24px;padding-bottom:36px}.mh-customer-copy h2{font-size:27px}.mh-channel-link{flex-wrap:wrap}}

/* 写真を広く見せる2カラム。作業場のテレビ・長机と部品の量を残す。 */
@media(min-width:761px){.mh-small-feature{grid-template-columns:1fr}.mh-small-feature>.mh-photo{height:auto;min-height:0;aspect-ratio:1.75}.mh-small-copy{padding:28px 32px}.mh-small-copy>p:not(.mh-number){font-size:14px}.mh-small-copy h3{font-size:25px}}
.mecca-home.admin-bar .mh-header{top:32px}.mh-news-list{flex:1;min-width:0}.mh-news-item{padding:8px 0;border-bottom:1px solid #d7dce5}.mh-news-item:last-child{border-bottom:0}.mh-news-item summary{cursor:pointer;font-weight:700}.mh-news-item time{font:11px Arial,sans-serif;color:#505766;margin-right:14px}.mh-news-body{padding:15px 0 10px;font-size:14px;font-weight:400}.mh-news-body :is(p,ul,ol){margin-bottom:12px}.mh-news-body a{color:var(--blue);text-decoration:underline;white-space:normal}.mh-news-body img{width:auto;max-width:100%;height:auto}.mh-news-body iframe{max-width:100%}.mh-news-body video{max-width:100%;height:auto}.mh-news-body :is(pre,table){max-width:100%;overflow:auto}.mh-movies{border-top:1px solid #c6ccd6;margin-bottom:44px}.mh-movies>summary{cursor:pointer;padding:20px 0;font-size:15px;font-weight:800}.mh-movie-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:24px}.mh-movie-grid video,.mh-movie-grid iframe{display:block;width:100%;aspect-ratio:16/9;background:#111925;border:0}.mh-movie-grid video{object-fit:contain}.mh-movie-grid h3{font-size:14px;margin-block:12px}.mh-brand-links{border-top:1px solid #d7dce5;padding-block:24px;display:flex;gap:18px 30px;align-items:center;flex-wrap:wrap}.mh-brand-links span{font:700 10px Arial,sans-serif;letter-spacing:.12em;color:#505766}.mh-brand-links a{font-size:12px;font-weight:800}.mh-brand-links a:hover{text-decoration:underline}.mh-static-note{font-size:12px;padding:12px 18px;background:#fff3cf;color:#332b0c}.mh-news-body h2{font-size:20px}.mh-news-body h3{font-size:18px}
@media(max-width:782px){.mecca-home.admin-bar .mh-header{top:46px}}@media(max-width:600px){.mecca-home.admin-bar .mh-header{top:0}.mh-movie-grid{grid-template-columns:1fr}.mh-news-list{flex-basis:calc(100% - 95px)}.mh-news-item time{display:block;margin-bottom:5px}.mh-brand-links{gap:12px 22px}}

.mh-small-feature>.mh-photo{aspect-ratio:3/2}
@media(max-width:760px){.mh-header-caption{display:none}.mh-header-inner{flex-wrap:wrap}.mh-news-item summary{list-style-position:outside;margin-left:14px}.mh-ticker{gap:12px;font-size:20px}.mh-ticker>span+span:before{margin-right:12px}}

/* メーカーの元ロゴを、縦横比を保って表示する。 */
.mh-brand-links{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;padding-block:28px}
.mh-brand-links>span{grid-column:1/-1}
.mh-brand-links>a{display:flex;align-items:center;justify-content:center;min-width:0;height:90px;padding:12px;background:white;border:1px solid #e0e3e9;transition:border-color .15s}
.mecca-home .mh-brand-links img{width:100%;height:100%;object-fit:contain}
.mh-brand-links>a:hover{border-color:var(--blue)}
@media(max-width:1000px){.mh-brand-links{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){.mh-brand-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mh-brand-links>a{height:86px}}

/* 修正 */
.mh-hero .mh-hero-image {
  position: absolute;
  inset: 0 0 0 28%;
  z-index: -2;
}

.mh-hero-image video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 760px) {
  .mh-hero .mh-hero-image {
    inset: 0;
  }
}