/* Moretto joins the manufacturer's full-screen visual language. Original artwork is untouched. */
.moretto-page{--mt-ink:#10354c;--mt-blue:#00539e;background:white;font-family:'DM Sans',Arial,sans-serif;color:var(--mt-ink)}
.moretto-page h1,.moretto-page h2,.moretto-page h3{font-family:Manrope,'DM Sans',sans-serif}
.moretto-page .moretto-cinematic{position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;min-height:650px;height:calc(100svh - 100px);max-height:860px;padding:65px 0 90px;background:#092c42;color:#fff;border:0;gap:0}
.moretto-page .moretto-cinematic .gravix-cinema{position:absolute;inset:0 0 0 27%;margin:0;border:0;background:#e9eff3;z-index:-2;overflow:hidden}
.moretto-page .moretto-cinematic #gravix-film{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:transparent}
.moretto-page .moretto-cinematic .gravix-cinema:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#092c42 0%,#092c42e8 11%,#092c4290 34%,#092c4218 70%,transparent 100%),linear-gradient(0deg,#092c42d9,transparent 28%)}
.moretto-page .moretto-cinematic .motion-hero-copy{position:relative;z-index:2;width:min(780px,64%);padding:20px 0 0 6vw;align-self:auto;background:transparent;border:0}
.moretto-page .moretto-cinematic .moretto-breadcrumb{position:absolute;left:6vw;top:27px;color:#d6e7f1;font-size:11px;border-bottom:1px solid #ffffff40;padding-bottom:5px}
.moretto-hero-kicker{display:block;font-size:8px;letter-spacing:.15em;color:#abcbdc;margin-bottom:19px}
.moretto-page .moretto-cinematic .motion-logo{display:block;width:175px;max-width:175px;margin:0 0 25px}
.moretto-page .moretto-cinematic h1{font-size:clamp(45px,5.5vw,83px);font-weight:500;line-height:1.08;letter-spacing:-.055em;max-width:750px;margin:0}
.moretto-page .moretto-cinematic h1 em{font-style:normal;color:#8bcffb;border:0;padding:0;font-weight:500}
.moretto-page .moretto-cinematic .motion-hero-copy>p{font-size:15px;line-height:1.85;max-width:435px;color:#d3e2ec;margin:23px 0 27px}
.moretto-page .moretto-cinematic .hero-actions{display:flex;align-items:center;gap:22px;margin:0;flex-wrap:wrap}
.moretto-page .moretto-cinematic .hero-actions .primary{display:inline-flex;align-items:center;justify-content:center;background:#00539e!important;border:1px solid #1e77bd!important;padding:14px 21px;min-height:49px;color:white!important;font-size:12px}
.moretto-page .moretto-cinematic .hero-actions .primary:hover{background:#0069bd!important}
.moretto-page .moretto-cinematic .hero-consult{color:#e5f0f7;border:0;border-bottom:1px solid #7da3bb;padding:7px 0;background:transparent;font-size:12px;min-height:0}
.moretto-hero-specialties{display:flex;gap:11px 18px;flex-wrap:wrap;color:#acc9db;font-size:8px;letter-spacing:.1em;margin-top:27px}
.moretto-hero-specialties span+span{border-left:1px solid #52788e;padding-left:18px}
.moretto-page .moretto-cinematic #film-status:empty{display:none}
.moretto-page .moretto-cinematic #film-status{font-size:11px;margin:15px 0 0;color:#fff}
.moretto-hero-bottom{position:absolute;left:6vw;right:6vw;bottom:20px;display:flex;align-items:center;gap:18px;border-top:1px solid #ffffff38;padding-top:16px;z-index:3;color:#d4e5ef}
.moretto-hero-bottom>div{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.08em;flex:1}
.moretto-live-dot{width:5px;height:5px;display:block;background:#86cdfb;border-radius:50%}
.moretto-hero-bottom>a,.moretto-hero-bottom>button{color:#d9e8f1;font:10px 'DM Sans',sans-serif;background:transparent;border:0;padding:8px 0;min-height:32px;text-decoration:none;cursor:pointer;white-space:nowrap}
.moretto-hero-bottom>button{border:1px solid #7094ab;padding:8px 12px}
.moretto-page .moretto-cinematic #motion-toggle{position:static!important;border:1px solid #7094ab;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;font-size:10px;padding:8px 12px;min-height:32px;min-width:0;right:auto;bottom:auto;color:#d9e8f1}
.moretto-page .mt-subnav{background:#fff;padding:0 6vw;gap:26px;overflow:auto;border-bottom:1px solid #d4e1e9;scrollbar-width:thin}
.moretto-page .mt-subnav a{padding:17px 0;color:#3b5e75;font-size:11px;white-space:nowrap}
.moretto-page .mt-subnav a:last-child{color:#00539e}
.moretto-page .technologies{background:#f0f4f7;padding:43px 6vw 45px}
.moretto-page .technologies .section-title{gap:35px;margin-bottom:25px}
.moretto-page .technologies h2{font-size:clamp(34px,4vw,53px);font-weight:500;color:#10354c;line-height:1.1}
.moretto-page .technologies h2 span{color:#00539e!important}
.moretto-page .technologies .section-title p{font-size:13px;line-height:1.8;color:#577486;max-width:400px}
.moretto-page .all-technologies{margin-bottom:23px}
.moretto-page .all-technologies .family-grid{gap:0;border:1px solid #cbdde8;grid-template-columns:repeat(4,minmax(0,1fr))}
.moretto-page .all-technologies .family{background:transparent;color:#34576e;border:0;border-bottom:1px solid #cbdde8;border-right:1px solid #cbdde8;min-height:58px;padding:14px 16px;font-size:12px;line-height:1.5;box-shadow:none}
.moretto-page .all-technologies .family strong{font-size:12px;font-weight:500}
.moretto-page .all-technologies .family[aria-pressed=true]{background:#00539e;color:#fff;box-shadow:inset 0 -3px #83caff}
.moretto-page .all-technologies .family:hover{background:#deecf5;color:#00539e}
.moretto-page .all-technologies .family[aria-pressed=true]:hover{background:#00539e;color:#fff}
.moretto-page .equipment-showcase{background:#fff;border:1px solid #d0e0eb;box-shadow:none;grid-template-columns:54% 46%;min-height:440px}
.moretto-page .showcase-visual{background:#f8fafb;border:0;min-width:0}
.moretto-page .showcase-info{background:#fff;padding:29px;border-left:1px solid #d0e0eb}
.moretto-page .showcase-info h3{font-size:clamp(31px,3.5vw,46px);color:#10354c;font-weight:500;margin:15px 0}
.moretto-page .showcase-info #showcase-category{color:#00539e;font-size:9px}
.moretto-page .showcase-info #showcase-description{font-size:13px;line-height:1.8;max-width:none;color:#536f82}
.moretto-page .tech-depth{font-size:12px;line-height:1.8;color:#536f82}
.moretto-page .tech-depth h4{color:#10354c;font-size:11px;font-weight:600}
.moretto-page .family-detail .showcase-info>.primary{background:#00539e!important;border-color:#00539e!important;color:white!important;padding:13px 18px;font-size:12px}
.moretto-page .showcase-info #showcase-link{font-size:11px;color:#00539e}
.moretto-page .material-journey{padding-top:40px;padding-bottom:40px}
.moretto-page .why-moretto{padding:42px 6vw;background:#092d44;margin-bottom:40px;gap:6vw}
.moretto-page .why-content summary{padding:18px 0}
.moretto-page .why-content summary strong{font-size:19px}
.moretto-page .company{margin-bottom:40px;background:#f0f4f7}
.moretto-page .company>div{padding:30px}
.moretto-page .company h2{font-weight:500;color:#10354c}
.moretto-page .moretto-facts strong{color:#00539e}
.moretto-page .consultation{background:#0a2f47;padding:43px 6vw}
.moretto-page .consultation h2{font-weight:500}
.moretto-film-dialog{position:fixed;inset:0;margin:auto;width:min(1140px,calc(100vw - 30px));max-height:calc(100svh - 30px);padding:40px 18px 14px;border:1px solid #5c7e95;border-radius:0;background:#08283d;color:#dceaf3}
.moretto-film-dialog::backdrop{background:#031724d9;backdrop-filter:blur(4px)}
.moretto-film-dialog>video{display:block;width:100%;max-height:calc(100svh - 135px);object-fit:contain;background:#08283d}
.moretto-film-dialog>button{position:absolute;top:3px;right:9px;min-width:33px;min-height:33px;color:white;background:transparent;border:0;font-size:26px;cursor:pointer}
.moretto-film-dialog>p{font-size:10px;margin:12px 0 0;color:#aecddd}
@media(max-width:1050px){.moretto-page .moretto-cinematic{min-height:620px;height:calc(100svh - 85px);padding-top:60px;padding-bottom:100px}.moretto-page .moretto-cinematic .motion-hero-copy{width:72%}.moretto-page .moretto-cinematic h1{font-size:clamp(48px,6.5vw,72px)}.moretto-page .moretto-cinematic .gravix-cinema{left:24%}.moretto-hero-bottom{gap:12px}.moretto-hero-bottom>div{font-size:7px;max-width:200px}.moretto-page .showcase-info{padding:24px}}
@media(max-width:760px){.moretto-page .moretto-cinematic{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;padding:48px 0 0;background:#092c42}.moretto-page .moretto-cinematic .moretto-breadcrumb{top:18px;left:5vw;font-size:10px}.moretto-page .moretto-cinematic .motion-hero-copy{width:100%;padding:23px 5vw 25px;order:0}.moretto-hero-kicker{font-size:7px;margin-bottom:16px;letter-spacing:.1em}.moretto-page .moretto-cinematic .motion-logo{width:145px;max-width:145px;margin-bottom:21px}.moretto-page .moretto-cinematic h1{font-size:clamp(40px,9.4vw,64px);line-height:1.1}.moretto-page .moretto-cinematic .motion-hero-copy>p{font-size:13px;max-width:100%;margin:18px 0 22px}.moretto-page .moretto-cinematic .hero-actions{gap:17px}.moretto-page .moretto-cinematic .hero-actions .primary{font-size:11px;padding:12px 15px;min-height:44px}.moretto-page .moretto-cinematic .hero-consult{font-size:11px}.moretto-hero-specialties{font-size:7px;gap:9px 11px;margin-top:22px}.moretto-hero-specialties span+span{padding-left:11px}.moretto-page .moretto-cinematic .gravix-cinema{position:relative;inset:auto;aspect-ratio:16/9;width:100%;margin:0;z-index:0;order:1;background:#eaf0f4}.moretto-page .moretto-cinematic .gravix-cinema:after{display:none}.moretto-page .moretto-cinematic #gravix-film{position:absolute;inset:0}.moretto-hero-bottom{position:relative;inset:auto;left:auto;right:auto;bottom:auto;order:2;display:flex;flex-wrap:wrap;gap:10px 15px;margin:0;padding:13px 5vw;border-top:1px solid #ffffff30}.moretto-hero-bottom>div{flex-basis:100%;max-width:none;font-size:7px;margin-bottom:3px}.moretto-hero-bottom>a,.moretto-hero-bottom>button,.moretto-page .moretto-cinematic #motion-toggle{font-size:9px}.moretto-hero-bottom>a{margin-right:auto}.moretto-hero-bottom>button,.moretto-page .moretto-cinematic #motion-toggle{padding:7px 8px;min-height:32px}.moretto-page .mt-subnav{padding:0 5vw;gap:20px}.moretto-page .mt-subnav a{font-size:10px;padding:15px 0}.moretto-page .technologies{padding:30px 5vw}.moretto-page .technologies .section-title{display:block;margin-bottom:22px}.moretto-page .technologies h2{font-size:34px}.moretto-page .technologies .section-title p{font-size:12px;margin-top:15px;max-width:100%}.moretto-page .all-technologies .family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.moretto-page .all-technologies .family{padding:12px;min-height:54px}.moretto-page .all-technologies .family strong{font-size:11px}.moretto-page .equipment-showcase{display:block;min-height:0}.moretto-page .showcase-info{padding:22px;border:0;border-top:1px solid #d0e0eb}.moretto-page .showcase-info h3{font-size:34px}.moretto-page .showcase-info #showcase-description{font-size:13px}.moretto-page .why-moretto{padding:30px 5vw;margin-bottom:30px}.moretto-page .why-content summary strong{font-size:17px}.moretto-page .material-journey{padding-top:30px;padding-bottom:30px}.moretto-page .company{margin-bottom:30px}.moretto-page .company>div{padding:25px}.moretto-page .consultation{padding:30px 5vw}}
@media(prefers-reduced-motion:reduce){.moretto-live-dot{animation:none}}
.moretto-page .moretto-cinematic h1 em{font-size:inherit;line-height:inherit;letter-spacing:inherit}
