/* Static homepage prototype. All rules are scoped; other page/block layouts are unaffected. */
.mie-home-static-template { --home-paper:#f2eeeb; --home-radius:clamp(22px,2.6vw,48px); }
.mie-home-static-template :is(.mie-site-header, .mie-announcement) { width:calc(100% - var(--mie-gutter) * 2); max-width:1760px; }
.mie-home-static-template .mie-site-header { position:absolute; inset:0 0 auto; z-index:20; margin-top:clamp(16px,1.6vw,30px); }
.mie-home-static-template.admin-bar .mie-site-header { top:32px; }
.mie-home-static-template .mie-announcement { display:none; }
.mie-home-static { overflow:hidden; overflow:clip; background:#0a2038; isolation:isolate; }
.mie-home-static .home-shell { width:calc(100% - var(--mie-gutter) * 2); max-width:1760px; margin-inline:auto; }
.mie-home-static h1,.mie-home-static h2,.mie-home-static h3 { text-wrap:balance; }
.mie-home-static h2 { font-size:clamp(32px,3.35vw,64px); line-height:1.13; }
.mie-home-static p { margin:0 0 1.3em; }
.mie-home-static .home-cyan { color:var(--mie-cyan); }
.mie-home-static .home-red { color:var(--mie-red); }
.mie-home-static .mie-button { padding:13px 25px; font-size:clamp(14px,1.15vw,20px); }
.mie-home-static .mie-button-outline { color:inherit; border:1.5px solid var(--mie-red); }
.mie-home-static .home-button-white { color:var(--mie-navy); background:white; border-color:white; }
.mie-home-static .home-button-white:is(:hover, :focus-visible) { background:#ab1927; border-color:#ab1927; color:#fff; }
.mie-home-static .home-actions { display:flex; gap:20px; flex-wrap:wrap; }
.mie-home-static .home-light { color:var(--mie-navy); background:var(--home-paper); border-radius:var(--home-radius); }
.mie-home-static .screen-reader-text { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.mie-home-static [hidden] { display:none !important; }

/* Laser, sparks and typography are independent layers, not a flattened hero screenshot. */
.home-hero { position:relative; min-height:clamp(740px,74vw,1320px); isolation:isolate; }
.home-hero-art { position:absolute; z-index:-1; inset:0 0 -14vw; overflow:hidden; background:#112940; }
.home-hero-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,32,56,.38),transparent 64%),linear-gradient(0deg,#0a2038 0%,transparent 26%); }
.home-hero-art img { position:absolute; max-width:none; pointer-events:none; }
.home-hero-sparks { width:140%; height:auto !important; left:0; top:-9vw; mask-image:linear-gradient(90deg,transparent,#000 14%); }
.home-hero-heading { padding-top:clamp(200px,20vw,350px); position:relative; }
.mie-home-static .home-hero h1 { font-size:clamp(55px,5.65vw,108px); text-wrap:nowrap; letter-spacing:-.025em; margin-bottom:12px; }
.home-hero h1 sup { display:inline-block; vertical-align:top; color:var(--mie-cyan); font-size: max(14px, .42em); line-height:1.6; letter-spacing:-.02em; margin-left:-.12em; }
.home-hero h1 sup span { font-family:'aptos',Arial,sans-serif; font-weight:400; }
.mie-home-static .home-hero-subtitle { font-size:clamp(25px,2.75vw,50px); font-weight:600; line-height:1.18; max-width:65%; }
/* Reserve the following intro's 10vw overlap plus a visible gap, including on wide screens. */
.home-hero-bottom { position:absolute; bottom:max(clamp(115px,13.5vw,245px),calc(10vw + 40px)); left:0; right:0; }
.home-hero-bottom > p { font-size:clamp(19px,1.85vw,34px); line-height:1.4; max-width:58%; margin-bottom:22px; }
.home-story { position:relative; }
.home-intro { position:relative; z-index:2; margin-top:-10vw; padding:clamp(80px,15vw,285px) 0 48px; }
.home-intro-copy { position:relative; width:78%; max-width:1400px; margin:0 auto; text-align:center; }
.home-intro-copy::after { content:""; position:absolute; left:50%; bottom:-6vw; width:21vw; max-width:390px; aspect-ratio:1; border:1px solid var(--mie-cyan); border-radius:50%; transform:translateX(-50%); z-index:-1; }
.home-intro-copy h2 { max-width:1400px; margin-inline:auto; }
.home-intro-copy p { max-width:850px; width:80%; margin:24px auto 50px; font-size:clamp(17px,1.4vw,26px); line-height:1.5; }
.home-intro .home-actions { justify-content:center; gap:22px; }
.home-intro .mie-button { min-width:23%; }
.home-client-logos { display:flex; justify-content:space-between; align-items:center; gap:clamp(24px,3vw,55px); overflow:auto; padding:10px 0; margin:clamp(100px,11vw,200px) 0 0; list-style:none; scrollbar-width:thin; }
.home-client-logos li { flex:0 0 7%; min-width:85px; }
.home-client-logos img { width:100%; height:48px !important; object-fit:contain; filter:grayscale(1); mix-blend-mode:multiply; }

/* The three product sections are connected by a fine cyan line. */
.home-product-story { position:relative; }
.home-product-story::before { content:""; position:absolute; left:50%; top:-15vw; width:100vw; height:62vw; background:url('../assets/home/halftone.svg') center top/100% auto no-repeat; transform:translateX(-50%) rotate(-13deg); z-index:-1; pointer-events:none; }
.home-product-line { position:absolute; inset:0; width:100%; height:100%; z-index:-1; fill:none; stroke:var(--mie-cyan); stroke-width:1; vector-effect:non-scaling-stroke; }
.home-product-line path { vector-effect:non-scaling-stroke; }
.home-erp { display:grid; grid-template-columns:1fr 1fr; gap:3vw; min-height:clamp(760px,75vw,1370px); position:relative; padding:6vw 2vw 7vw; align-items:end; }
.home-tablet-motion { align-self:start; position:relative; width:95%; margin-top:-3vw; }
.home-tablet { display:block; width:85%; transform:rotate(-16deg); transform-origin:50% 75%; filter:drop-shadow(0 20px 24px rgba(0,0,0,.25)); }
.home-erp .home-product-copy { padding-bottom:1vw; }
.home-product-copy { position:relative; z-index:1; }
.home-product-copy p:not(.home-eyebrow) { font-size:clamp(16px,1.2vw,22px); line-height:1.48; max-width:710px; }
.home-eyebrow { text-transform:uppercase; letter-spacing:.17em; color:var(--mie-cyan); font-size:14px; font-weight:700; margin-bottom:3px !important; }
.home-schedule { display:grid; grid-template-columns:.85fr 1.25fr; gap:7vw; align-items:center; min-height:clamp(580px,53vw,970px); padding-block:5vw 9vw; }
.home-schedule .home-product-copy { max-width:630px; }
.home-schedule-screen { width:120%; mask-image:linear-gradient(90deg,#000 68%,transparent); }
.home-schedule-screen img { display:block; width:100%; border-radius:20px; }
.home-costing { position:relative; min-height:clamp(650px,65vw,1180px); display:grid; place-items:center; padding:12vw 0 18vw; }
.home-costing .home-product-copy { width:42%; max-width:780px; margin-left:7%; }
.home-device-cloud { position:absolute; inset:0; pointer-events:none; }
.home-cloud-device { position:absolute; width:15%; }
.home-cloud-device img { width:100%; display:block; }
.home-cloud-device-1 { left:-7%; top:3%; width:12%; }
.home-cloud-device-2 { left:7%; top:13%; width:3.5%; }
.home-cloud-device-3 { left:13%; top:14%; width:15%; }
.home-cloud-device-4 { left:-7%; top:32%; width:18%; }
.home-cloud-device-5 { left:13.5%; top:36%; width:3.5%; }
.home-cloud-device-6 { left:13.8%; top:56%; width:7%; }
.home-cloud-device-7 { left:-11%; top:67%; width:19%; }
.home-cloud-device-8 { right:-10%; top:3%; width:20%; }
.home-cloud-device-9 { right:13%; top:16%; width:7%; }
.home-cloud-device-10 { right:1.5%; top:37%; width:3.8%; }
.home-cloud-device-11 { right:6%; top:41%; width:18%; }
.home-cloud-device-12 { right:12%; top:67%; width:12%; }
.home-cloud-device-13 { right:-14%; top:61%; width:24%; }

/* Sliders have a scrollable fallback. JavaScript only enhances them after successful initialization. */
.home-insights { position:relative; display:grid; grid-template-columns:29% minmax(0,1fr); gap:5%; padding:clamp(80px,13vw,235px) 0 clamp(80px,12vw,220px) 5%; }
.home-insights::before { content:""; position:absolute; z-index:-1; pointer-events:none; top:-17vw; left:50%; width:100vw; height:20vw; transform:translateX(-50%); background:url('../assets/home/halftone.svg') center/100% auto no-repeat; }
.home-slider-heading { min-width:0; }
.home-insights .home-slider-heading { text-align:right; }
.home-insights .home-slider-heading h2 { font-size:clamp(30px,2.85vw,52px); line-height:1.15; overflow-wrap:normal; }
.home-slider-window { min-width:0; overflow:hidden; }
.home-swiper:not(.swiper-initialized) .swiper-wrapper { gap:32px; overflow-x:auto; scroll-snap-type:x mandatory; }
.home-swiper:not(.swiper-initialized) .swiper-slide { flex:0 0 80%; scroll-snap-align:start; }
.home-swiper.swiper-initialized { overflow:visible; }
.home-swiper .swiper-slide { height:auto; }
.home-slider-controls { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:32px; }
.home-slider-controls button { display:grid; place-items:center; background:none; border:0; color:var(--mie-red); font-family:Arial,sans-serif; font-size:clamp(38px,4.5vw,76px); cursor:pointer; width:1em; height:1em; padding:0; line-height:1; }
.home-slider-controls button:disabled { color:#aeb7c0; cursor:default; }
.home-slider-count { color:#6a798c; font-size:14px; width:auto !important; }
.home-insights .home-slider-controls { justify-content:flex-end; }
.home-insights .home-slider-count { order:-1; margin-right:8px; }
.home-image-link { position:relative; display:block; overflow:hidden; }
.home-image-link::after { content:""; position:absolute; inset:0; background:var(--mie-deep-navy, #051323); opacity:0; transition:opacity 220ms ease; pointer-events:none; }
.home-image-link:hover::after,.home-image-link:focus-visible::after,a:focus-visible .home-image-link::after,.home-feature-card a:hover .home-image-link::after { opacity:.22; }
.home-insight-card .home-image-link img { display:block; width:100%; aspect-ratio:1.67; object-fit:cover; }
.home-insight-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; font-size:clamp(14px,.95vw,16px); margin:18px 0; }
.mie-home-static .home-insight-card h3 { font-family:'aptos',Arial,sans-serif; text-transform:none; font-size:clamp(20px,1.5vw,28px); line-height:1.2; text-wrap:pretty; }
.home-insight-card h3 a { text-decoration:none; }
.home-insight-card h3 a:hover { text-decoration:underline; }
.home-insight-card p { font-size:clamp(15px,1.1vw,20px); line-height:1.45; }
.home-read-more { display:inline-block; font-size:14px; margin-top:12px; text-decoration:none; }
.home-read-more::before { content:''; display:inline-block; width:28px; height:12px; background:var(--mie-red); margin-right:6px; vertical-align:middle; -webkit-mask:url('../images/arrow-long.svg') center / contain no-repeat; mask:url('../images/arrow-long.svg') center / contain no-repeat; }
.home-read-more:hover { text-decoration:underline; }

.home-industries { position:relative; padding-top:clamp(120px,18vw,330px); }
.home-industries::before { content:""; position:absolute; top:0; left:35%; height:39vw; width:1px; transform:rotate(8deg); transform-origin:top; background:var(--mie-cyan); opacity:.5; }
.home-industry-intro { position:relative; padding-inline:2%; margin-bottom:clamp(70px,9vw,165px); }
.mie-home-static .home-industry-intro h2 { font-size:clamp(43px,7.8vw,145px); letter-spacing:.018em; line-height:1.04; text-wrap:initial; margin-bottom:.6em; }
.home-industry-intro > p { font-size:clamp(21px,2.25vw,40px); line-height:1.22; font-weight:600; }
.home-word { display:inline-block; }
.home-industry-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(18px,1.8vw,32px); }
.home-industry-card { position:relative; display:grid; place-items:center; min-width:0; min-height:clamp(245px,22vw,400px); overflow:hidden; border-radius:var(--home-radius); isolation:isolate; text-decoration:none; }
.home-industry-wide { grid-column:1/-1; min-height:clamp(285px,23.5vw,435px); }
.home-industry-featured { min-height:clamp(430px,40vw,740px); }
.home-industry-card > img { position:absolute; inset:0; height:100% !important; width:100%; object-fit:cover; z-index:-3; }
.home-industry-card::before { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(10,32,56,.85),rgba(10,32,56,.12) 80%); z-index:-2; }
.home-industry-card::after { content:""; position:absolute; inset:0; background:rgba(5,19,33,.35); opacity:0; transition:opacity 240ms ease; z-index:-1; }
.home-industry-card:hover::after,.home-industry-card:focus-visible::after { opacity:1; }
.mie-home-static .home-industry-card h3 { color:white; font-size:clamp(34px,5.4vw,100px); line-height:1; margin:0; text-align:center; }
.home-industry-caption { position:absolute; inset:auto 4% 7%; display:flex; align-items:center; gap:3vw; }
.home-industry-caption .mie-button { flex-shrink:0; font-size:clamp(14px,1.1vw,18px); }
.home-industry-caption p { max-width:530px; font-size:clamp(14px,1.05vw,18px); line-height:1.4; margin:0; }
.home-industry-arrow { position:absolute; right:5%; bottom:5%; width:clamp(36px,4.5vw,80px); color:#fff; }
.home-industry-arrow svg { display:block; width:100%; height:auto; }

.home-more-features { position:relative; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:6%; margin-top:clamp(120px,17vw,310px); margin-bottom:clamp(80px,9vw,170px); padding:clamp(110px,17vw,300px) 5% clamp(120px,19vw,340px) 0; }
/* Keep the full-width artwork below panel backgrounds in the page stacking context. */
.home-more-features::before { content:""; position:absolute; pointer-events:none; top:-14vw; left:50%; width:100vw; height:28vw; z-index:-1; background:url('../assets/home/halftone.svg') center/100% auto no-repeat; transform:translateX(-50%) rotate(180deg); }
.home-more-features .home-slider-heading { grid-column:2; grid-row:1; position:relative; align-self:start; }
.home-more-features .home-slider-heading::before { content:""; position:absolute; width:20vw; max-width:360px; aspect-ratio:1; left:-45%; top:-15%; border:1px solid var(--mie-cyan); border-radius:50%; pointer-events:none; }
.home-more-features .home-slider-heading h2 { position:relative; font-size:clamp(36px,4.4vw,80px); }
.home-more-features .home-slider-window { grid-column:1; grid-row:1; }
.home-more-features .home-swiper { width:84%; margin-right:0; }
.home-more-features .home-slider-controls { margin-top:clamp(55px,10vw,180px); }
.home-feature-card { text-align:center; }
.home-feature-card a { text-decoration:none; }
.home-feature-card .home-image-link img { display:block; width:100%; aspect-ratio:1.7; object-fit:cover; }
.mie-home-static .home-feature-card h3 { font-family:'aptos',Arial,sans-serif; text-transform:none; font-size:clamp(24px,2.5vw,45px); margin:24px 0 14px; }
.home-feature-card p { color:#657084; font-size:clamp(18px,1.8vw,32px); line-height:1.3; padding-inline:10px; }

/* Visibility is progressive: nothing is hidden until JS has created an observer. */
.home-motion-ready [data-home-motion] { transition:transform 1250ms cubic-bezier(.16,1,.3,1),opacity 850ms ease; transition-delay:var(--home-delay,0ms); }
.home-motion-ready [data-home-reveal]:not(.is-visible) [data-home-motion] { opacity:0; }
.home-motion-ready [data-home-reveal]:not(.is-visible) [data-home-motion="left"] { transform:translate3d(-160px,55px,0) rotate(-5deg); }
.home-motion-ready [data-home-reveal]:not(.is-visible) [data-home-motion="right"] { transform:translate3d(180px,55px,0) rotate(3deg); }
.home-motion-ready [data-home-reveal]:not(.is-visible) [data-home-motion="tablet"] { transform:translate3d(-18vw,110px,0) rotate(-22deg); }
.home-motion-ready .home-tablet-motion { transition-duration:1550ms,1050ms; transform-origin:80% 90%; }
.home-motion-ready .home-word { transition:opacity 210ms ease,transform 325ms cubic-bezier(.16,1,.3,1); transition-delay:var(--word-delay,0ms); }
.home-motion-ready [data-home-words]:not(.is-visible) .home-word { opacity:0; transform:translateY(.25em); }

@media (min-width:2000px) {
 .home-product-story { max-width:1920px; margin-inline:auto; }
 .home-erp { min-height:1370px; padding:115px 40px 130px; }
 .home-schedule { min-height:970px; gap:130px; padding-block:95px 170px; }
 .home-costing { min-height:1180px; padding:230px 0 340px; }
}
@media (max-width:1100px) {
 .mie-home-static-template .mie-site-header { gap:12px; }
 .mie-home-static-template .mie-site-header nav { flex-basis:100%; order:3; }
 .mie-home-static-template .mie-primary-menu { justify-content:space-between; }
 .home-hero-heading { padding-top:220px; }
 .home-hero-bottom { bottom:150px; }
 .home-erp { min-height:850px; }
 .home-tablet-motion { margin-top:0; }
 .home-schedule { gap:5%; }
 .home-costing .home-product-copy { width:46%; margin-left:2%; }
 .home-insights { grid-template-columns:28% minmax(0,1fr); gap:5%; }
 .home-more-features .home-slider-heading h2 { font-size:clamp(34px,4.2vw,46px); }
}
@media (max-width:767px) {
 .mie-home-static-template.admin-bar .mie-site-header { top:46px; }
 .mie-home-static-template .mie-site-header { border-radius:22px; padding:12px 16px; }
 .mie-home-static-template .mie-brand img { width:120px; height:32px; }
 .mie-home-static-template .mie-header-actions .mie-button { font-size:14px; padding:8px 10px; }
 .mie-home-static .home-shell { width:calc(100% - 32px); }
 .mie-home-static h2 { font-size:clamp(32px,7vw,48px); }
 .home-hero { min-height:800px; }
 .home-hero-art { bottom:-100px; }
 .home-hero-sparks { left:-58%; width:240%; height:auto !important; top:80px; }
 .home-hero-art::after { background:linear-gradient(90deg,rgba(10,32,56,.68),rgba(10,32,56,.05)),linear-gradient(0deg,#0a2038,transparent 40%); }
 .home-hero-heading { padding-top:225px; }
 .mie-home-static .home-hero h1 { font-size:clamp(40px,8.2vw,60px); }
 .mie-home-static .home-hero-subtitle { font-size:clamp(24px,5vw,32px); max-width:95%; }
 .home-hero-bottom { bottom:105px; }
 .home-hero-bottom > p { max-width:90%; font-size:20px; }
 .home-desktop-break { display:none; }
 .home-actions { gap:12px !important; }
 .mie-home-static .mie-button { font-size:14px; padding:12px 18px; }
 .home-intro { margin-top:-60px; padding:80px 0 30px; }
 .home-intro-copy { width:90%; }
 .home-intro-copy h2 br { display:none; }
 .home-intro-copy p { width:100%; margin-bottom:32px; }
 .home-intro-copy::after { width:180px; bottom:-30px; }
 .home-client-logos { gap:36px; margin-top:75px; padding:10px 20px; }
 .home-client-logos li { flex-basis:110px; }
 .home-product-story::before { height:500px; top:-60px; }
 .home-product-line { opacity:.4; }
 .home-erp { grid-template-columns:1fr; min-height:0; padding:65px 10px 90px; gap:40px; }
 .home-tablet-motion { width:70%; max-width:390px; margin:0 auto; }
 .home-tablet { width:100%; transform:rotate(-12deg); }
 .home-erp .home-product-copy { margin:0; padding:0; }
 .home-eyebrow { margin-bottom:3px !important; }
 .home-schedule { grid-template-columns:1fr; min-height:0; padding:30px 10px 100px; gap:36px; }
 .home-schedule-screen { width:112%; mask-image:linear-gradient(90deg,#000 85%,transparent); }
 .home-costing { min-height:720px; padding:180px 0 170px; }
 .home-costing .home-product-copy { width:calc(100% - 52px); max-width:580px; margin:0; }
 .home-cloud-device { width:25%; }
 .home-cloud-device-1 { left:-9%; top:1%; width:25%; }
 .home-cloud-device-2 { left:20%; top:4%; width:7%; }
 .home-cloud-device-3 { left:34%; top:3%; width:32%; }
 .home-cloud-device-4,.home-cloud-device-5,.home-cloud-device-9,.home-cloud-device-10,.home-cloud-device-13 { display:none; }
 .home-cloud-device-6 { left:30%; top:83%; width:15%; }
 .home-cloud-device-7 { left:-12%; top:78%; width:35%; }
 .home-cloud-device-8 { right:-7%; top:0; width:32%; }
 .home-cloud-device-11 { right:10%; top:81%; width:34%; }
 .home-cloud-device-12 { right:-18%; top:79%; width:32%; }
 .home-insights { display:block; padding:55px 22px 65px; }
 .home-insights .home-slider-heading { text-align:left; margin-bottom:30px; }
 .home-insights .home-slider-heading h2 { font-size:clamp(28px,5vw,36px); }
 .home-insights .home-slider-heading h2 br { display:none; }
 .home-insights .home-slider-controls { justify-content:flex-start; margin-top:16px; }
 .home-insights .home-slider-count { order:0; }
 .home-slider-window { overflow:visible; }
 .home-insights .home-slider-window { overflow:hidden; margin-right:-22px; }
 .home-insight-card h3 { font-size:22px !important; }
 .home-industry-intro { padding:0 6px; margin-bottom:50px; }
 .home-industries { padding-top:100px; }
 .mie-home-static .home-industry-intro h2 { font-size:clamp(36px,7.2vw,58px); line-height:1.08; letter-spacing:0; }
 .home-industry-intro > p { font-size:22px; }
 .home-industry-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
 .home-industry-card { min-height:205px; border-radius:20px; }
 .home-industry-wide { min-height:250px; }
 .home-industry-featured { min-height:370px; }
 .mie-home-static .home-industry-card h3 { font-size:clamp(22px,5vw,37px); }
 .mie-home-static .home-industry-wide h3 { font-size:clamp(36px,8vw,58px); }
 .home-industry-caption { display:block; inset:auto 6% 7%; }
 .home-industry-caption p { display:none; }
 .home-industry-arrow { width:42px; right:9%; bottom:6%; }
 .home-more-features { display:flex; flex-direction:column; gap:45px; padding:70px 24px 75px; margin-top:110px; margin-bottom:60px; }
 .home-more-features .home-slider-heading { max-width:530px; }
 .home-more-features .home-slider-heading h2 { font-size:38px; }
 .home-more-features .home-slider-heading::before { width:180px; left:auto; right:0; top:-25px; }
 .home-more-features .home-slider-controls { margin-top:28px; }
 .home-more-features .home-slider-window { overflow:hidden; margin-inline:-24px; }
 .home-more-features .home-swiper { width:85%; margin-inline:auto; }
 .home-feature-card h3 { font-size:28px !important; }
 .home-feature-card p { font-size:20px; }
}
@media (max-width:420px) {
 .mie-home-static-template .mie-header-actions .mie-button-light { display:none; }
 .mie-home-static-template .mie-primary-menu a { font-size:14px; }
 .mie-home-static .home-hero h1 { font-size:37px; }
 .home-hero-heading { padding-top:210px; }
 .home-industry-card { min-height:170px; }
 .home-industry-wide { min-height:240px; }
 .home-industry-featured { min-height:340px; }
 .home-costing { min-height:830px; }
}
@media (prefers-reduced-motion:reduce) {
 .mie-home-static *, .mie-home-static *::before, .mie-home-static *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
 .home-motion-ready [data-home-reveal]:not(.is-visible) [data-home-motion], .home-motion-ready [data-home-words]:not(.is-visible) .home-word { opacity:1; transform:none; }
}

/* All industry cards share a collapsed state; only the active card grows. */
.home-industry-grid { align-items:start; }
.home-industry-card {
 --industry-closed:clamp(245px,22vw,400px);
 --industry-open:clamp(430px,36vw,660px);
 box-sizing:border-box;
 min-height:var(--industry-closed);
 padding:32px 5%;
 transition:min-height 400ms ease, padding 400ms ease;
}
.home-industry-card.home-industry-wide {
 --industry-closed:clamp(285px,23.5vw,435px);
 --industry-open:clamp(430px,40vw,740px);
}
.home-industry-card .home-industry-caption {
 opacity:0;
 visibility:hidden;
 transform:translateY(18px);
 transition:opacity 240ms ease, transform 320ms ease, visibility 240ms;
}
.home-industry-card:not(.home-industry-wide) .home-industry-caption { flex-wrap:wrap; gap:16px; }
.home-industry-card .home-industry-arrow { transition:opacity 200ms ease; }
.home-industry-card:is(:hover, :focus-within) {
 min-height:var(--industry-open);
 padding-bottom:180px;
}
.home-industry-card:is(:hover, :focus-within) .home-industry-caption {
 opacity:1;
 visibility:visible;
 transform:none;
}
.home-industry-card:is(:hover, :focus-within) .home-industry-arrow { opacity:1; }
.home-industry-card:focus-visible { outline:3px solid var(--mie-cyan); outline-offset:4px; }
@media (max-width:767px) {
 .home-industry-card { --industry-closed:205px; --industry-open:430px; }
 .home-industry-card.home-industry-wide { --industry-closed:250px; --industry-open:430px; }
 .home-industry-card .home-industry-caption { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
 .home-industry-card .home-industry-caption p,
 .mie-home-component .home-industry-card .home-industry-caption > div { display:block; font-size:14px; }
 .home-industry-card .home-industry-caption .mie-button { white-space:normal; font-size:14px; padding:10px 12px; }
 .home-industry-card:is(:hover, :focus-within) { padding-bottom:230px; }
}
/* Touch devices expose the details without requiring a hover before navigation. */
@media (hover:none) {
 .home-industry-card { min-height:var(--industry-open); padding-bottom:230px; }
 .home-industry-card .home-industry-caption { opacity:1; visibility:visible; transform:none; }
 .home-industry-card .home-industry-arrow { opacity:0; }
}
@media (prefers-reduced-motion:reduce) {
 .home-industry-card, .home-industry-card .home-industry-caption, .home-industry-card .home-industry-arrow { transition:none; }
}