
:root{color-scheme:dark;--met-bg:#080b0b;--met-card:#111818;--met-teal:#23d6b2;--met-text:#f6f8f7;--met-muted:#c1ceca}
.mil-hero-text .slider-text{line-height:1.05!important}.mil-hero-text .mil-display2{font-size:clamp(3.4rem,7.4vw,7.6rem)}
.met-hero-actions,.met-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 12px;position:relative;z-index:5}
.met-button,.met-header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid var(--met-teal);border-radius:4px;text-decoration:none;font:600 15px/1.3 Arial,sans-serif;transition:background .18s ease,color .18s ease}
.met-button-primary,.met-header-cta{background:var(--met-teal);color:#07110f!important}.met-button-secondary{background:transparent;color:var(--met-text)!important}.met-button:hover,.met-header-cta:hover{background:#fff;color:#06110e!important}
.met-contact-actions{justify-content:center;margin:30px auto 90px;max-width:760px}.met-contact-actions p{flex-basis:100%;color:var(--met-muted);font:15px/1.7 Arial,sans-serif;text-align:center}
.met-simple{min-height:100vh;margin:0;background:radial-gradient(ellipse at 75% 5%,#123c34 0,transparent 38%),var(--met-bg);color:var(--met-text);font:16px/1.65 Arial,sans-serif}.met-simple a{color:var(--met-teal)}.met-simple a:focus-visible,.met-button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.met-header{min-height:76px;padding:10px max(22px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff22;background:#070a0af2}.met-logo img{width:155px;height:auto}.met-header nav{display:flex;flex-wrap:wrap;gap:22px}.met-header nav a{text-decoration:none;color:var(--met-text);font-size:14px}.met-header-cta{min-height:42px;padding:9px 17px;white-space:nowrap}
.met-detail-hero{max-width:900px;margin:0 auto;padding:92px 26px 80px}.met-kicker{color:var(--met-teal);font-size:12px;font-weight:700;letter-spacing:.18em}.met-detail-hero h1{max-width:820px;margin:14px 0 22px;font-size:clamp(36px,7vw,68px);line-height:1.08;letter-spacing:-.035em}.met-detail-hero p,.met-detail-hero li{color:var(--met-muted);font-size:17px}.met-detail-hero .met-lead{color:#fff;font-size:clamp(20px,3vw,25px);line-height:1.5}.met-detail-hero ul{padding-left:22px}.met-detail-hero li{padding:4px 0}.met-project-image{margin:30px 0}.met-project-image img{display:block;max-width:100%;height:auto;border-radius:6px}.met-project-image figcaption{margin-top:8px;color:var(--met-muted);font-size:13px}.met-simple-footer{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;padding:34px 24px 60px;border-top:1px solid #ffffff24}.met-simple-footer p{flex-basis:100%;text-align:center;color:var(--met-muted)}.met-error-links{display:flex;flex-wrap:wrap;gap:14px}.met-error-links a{padding:12px 18px;border:1px solid #23d6b280;border-radius:4px;text-decoration:none}
@media(max-width:640px){.met-header{padding:12px 16px;flex-wrap:wrap;gap:12px}.met-logo img{width:125px}.met-header nav{order:3;flex-basis:100%;justify-content:space-between;gap:8px}.met-header nav a{font-size:12px}.met-header-cta{min-height:40px;padding:8px 13px}.met-detail-hero{padding:58px 22px}.met-detail-hero p,.met-detail-hero li{font-size:16px}.met-contact-actions{padding:0 18px}.met-contact-actions .met-button,.met-hero-actions .met-button{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Brand and local service landing pages */
.camera-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:32px;align-items:center}.camera-brand{padding:26px;border:1px solid #ffffff22;border-radius:12px;background:linear-gradient(145deg,#17201f,#0b1010);text-align:center}.camera-brand img{width:min(100%,250px);height:auto;max-height:120px;object-fit:contain}.camera-brand p{font-size:14px!important}.camera-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.camera-card{height:100%;padding:22px;border:1px solid #ffffff20;border-radius:10px;background:#111818}.camera-card h2,.camera-card h3{margin:0 0 12px;color:#f6f8f7;font-size:20px;line-height:1.25}.camera-card p{margin:0;font-size:15px}.camera-section{margin-top:56px}.camera-section h2{font-size:clamp(26px,4vw,38px);line-height:1.2}.camera-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;list-style:none}.camera-points li{padding:16px;border-left:3px solid #23d6b2;background:#ffffff08}.camera-sources{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.camera-sources a{display:inline-flex;padding:12px 16px;border:1px solid #ffffff33;border-radius:5px;text-decoration:none}.camera-sources a:hover{border-color:#23d6b2}.camera-note{padding:16px 18px;border-radius:8px;background:#23d6b210;color:#d5e0dc!important;font-size:14px!important}.camera-cta{margin-top:32px;padding:26px;border:1px solid #23d6b260;border-radius:12px;background:linear-gradient(120deg,#12342f,#0d1514)}.camera-breadcrumb{margin:0 0 24px;font-size:14px}.camera-faq details{padding:16px 0;border-bottom:1px solid #ffffff24}.camera-faq summary{cursor:pointer;color:#f6f8f7;font-weight:700}.camera-faq details p{margin-bottom:0}
@media(max-width:720px){.camera-hero{grid-template-columns:1fr;gap:18px}.camera-brand{order:-1}.camera-grid{grid-template-columns:1fr}.camera-points{grid-template-columns:1fr}.camera-section{margin-top:42px}}

.met-lang-link{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:40px;border:1px solid #ffffff66;border-radius:4px;text-decoration:none;font:700 13px Arial,sans-serif;color:#fff!important}.met-lang-link:hover{border-color:#23d6b2;color:#23d6b2!important}

.mil-work-card .met-project-video{display:block;width:100%;height:100%;object-fit:cover;background:#111818}

/* Enterprise service architecture */
.met-skip{position:absolute;left:12px;top:-60px;z-index:1000;background:#23d6b2;color:#07110f;padding:10px 15px}.met-skip:focus{top:12px}
.met-header{position:relative;z-index:10}.met-header nav{align-items:center}.met-header nav a{min-height:44px;display:inline-flex;align-items:center}
.met-detail-hero{max-width:1180px;padding:64px 26px 112px}.met-detail-hero>section:not(.met-service-lead){max-width:1060px}
.met-service-lead{max-width:1000px;padding:36px 0 54px;border-bottom:1px solid #ffffff2b}.met-service-lead h1{max-width:1000px;font-size:clamp(42px,6vw,78px)}.met-service-lead>p:not(.met-kicker){max-width:830px}
.camera-section{margin-top:80px}.camera-section h2{margin-bottom:24px}.camera-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ffffff24;border:1px solid #ffffff24}.camera-card{border:0;border-radius:0;background:#101717;padding:30px}.camera-card h3{font-size:19px}.camera-card p{line-height:1.7}
.met-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ffffff28;border:1px solid #ffffff28;margin-top:68px}.met-service-card{min-width:0;display:block;padding:32px;background:#101717;color:#f6f8f7!important;text-decoration:none;transition:background .2s}.met-service-card:hover{background:#162320}.met-service-card span,.met-service-card b{color:#23d6b2;font-size:12px;letter-spacing:.1em}.met-service-card h2{font-size:clamp(22px,2.5vw,30px);line-height:1.18;margin:25px 0 14px}.met-service-card p{font-size:15px!important;line-height:1.65}.met-service-card b{display:block;margin-top:25px}
.met-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.met-related a{display:flex;justify-content:space-between;gap:15px;color:#fff;text-decoration:none;padding:20px 22px;border:1px solid #ffffff30}.met-related a:hover{border-color:#23d6b2}.met-related span{color:#23d6b2}
.camera-cta{max-width:1060px;margin-top:90px;border-radius:0;border-left:3px solid #23d6b2;padding:38px;background:#101b19}.camera-cta h2{font-size:clamp(28px,4vw,43px);margin:8px 0 15px}.camera-breadcrumb{padding:15px 0 0;color:#c1ceca}.camera-faq details{max-width:850px}.camera-faq summary{font-size:18px;list-style-position:outside}.met-copy p{max-width:850px}.met-simple-footer{justify-content:flex-start;padding:42px max(26px,calc((100vw - 1180px)/2)) 55px;gap:12px 24px}.met-simple-footer p{flex-basis:100%;text-align:left;margin:0}.met-simple-footer a{text-decoration:none}
.met-contact-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:54px;margin-top:64px}.met-contact-layout h2{font-size:clamp(26px,3vw,37px);margin:0 0 18px}.met-contact-layout p{line-height:1.8}.met-contact-form{display:grid;gap:18px}.met-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.met-contact-form label{display:grid;gap:7px;font-size:14px;color:#d5e0dc}.met-contact-form input,.met-contact-form select,.met-contact-form textarea{box-sizing:border-box;width:100%;min-width:0;padding:13px 14px;background:#101717;color:#fff;border:1px solid #ffffff4a;border-radius:2px;font:inherit}.met-contact-form input:focus,.met-contact-form select:focus,.met-contact-form textarea:focus{outline:2px solid #23d6b2;outline-offset:1px}.met-contact-form .met-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.met-consent input{width:auto;margin-top:4px}.met-trap{position:absolute;left:-9999px;opacity:0;pointer-events:none}.met-form-status:empty{display:none}.met-form-status:not(:empty){padding:13px;border:1px solid #23d6b2}.met-contact-form button{cursor:pointer;justify-self:start}.met-hero-alt{margin:0}
@media(max-width:900px){.met-header{padding:14px 22px;flex-wrap:wrap}.met-header nav{order:3;width:100%;justify-content:space-between;gap:8px}.met-detail-hero{padding-top:42px}.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.met-contact-layout{grid-template-columns:1fr;gap:25px}}
@media(max-width:640px){.met-header nav{justify-content:flex-start;gap:6px 18px}.met-header nav a{font-size:13px}.met-header-cta{font-size:12px}.met-detail-hero{padding:32px 20px 76px}.met-service-lead{padding-bottom:36px}.met-service-lead h1{font-size:clamp(37px,10vw,54px)}.camera-section{margin-top:55px}.camera-grid,.met-service-grid,.met-related,.met-form-row{grid-template-columns:1fr}.camera-card,.met-service-card{padding:24px}.camera-cta{padding:25px;margin-top:60px}.met-simple-footer{padding:32px 20px 48px}.met-contact-layout{margin-top:42px}}

.met-contact-phone{display:inline-flex;align-items:center;gap:8px}.met-wa-icon-link{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border:1px solid #23d6b2;border-radius:50%;color:#23d6b2!important}.met-wa-icon-link:hover{background:#23d6b2;color:#06110e!important}.met-wa-icon{flex:none;width:17px;height:17px}
.met-phone-language-note{max-width:330px;margin:12px auto 0;color:#b9c5c1;font:14px/1.55 "Outfit",sans-serif;letter-spacing:0;text-transform:none}
.met-home-contact{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;position:relative;z-index:6}.met-home-contact a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:9px 18px;text-decoration:none!important;font:600 14px/1.3 Arial,sans-serif;border:1px solid #ffffff80;color:#fff!important}.met-home-contact-main{background:#23d6b2;color:#07110f!important;border-color:#23d6b2!important}.met-home-contact a:hover{border-color:#23d6b2}.met-home-contact .met-wa-icon{width:21px;height:21px;color:#23d6b2}
.met-home-contact a.met-home-contact-main{color:#07110f!important}
@media(max-width:640px){.met-home-contact{margin-top:14px;gap:8px}.met-home-contact a{min-height:44px;padding:8px 12px;font-size:12px}.met-home-contact .met-wa-icon{width:18px;height:18px}}

/* Keep new-page navigation on one line; open compact menu only when needed. */
.met-mobile-menu{display:none}.met-header>a,.met-header>nav{flex:none}.met-header>nav{margin-left:auto}.met-header{flex-wrap:nowrap}
@media(max-width:1050px){.met-header>nav{display:none}.met-mobile-menu{display:block;margin-left:auto;position:relative}.met-mobile-menu summary{cursor:pointer;display:flex;align-items:center;gap:8px;min-height:42px;list-style:none;color:#fff;font:600 14px Arial,sans-serif}.met-mobile-menu summary::-webkit-details-marker{display:none}.met-mobile-menu nav{position:absolute;right:0;top:calc(100% + 12px);z-index:50;width:min(260px,85vw);padding:12px;background:#0c1312;border:1px solid #ffffff45;box-shadow:0 15px 35px #0009;display:grid;gap:0}.met-mobile-menu nav a{color:#fff;min-height:44px;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.met-mobile-menu nav a:hover{background:#ffffff12}}
@media(max-width:640px){.met-header{flex-wrap:nowrap;gap:10px}.met-header>nav{display:none}.met-header-cta{display:none}.met-mobile-menu{order:initial;width:auto;flex-basis:auto}.met-mobile-menu nav{display:grid}.met-logo img{width:128px}}

body .mil-hero-4 .swiper-container.slider{height:clamp(360px,28vw,400px)}
body .mil-hero-4 .swiper-container.slider .slider-text{font-size:min(104px,calc(1rem + 6vw))!important;line-height:1.3!important}
@media(max-width:640px){body .mil-hero-4 .swiper-container.slider{height:260px}body .mil-hero-4 .swiper-container.slider .slider-text{font-size:clamp(43px,11vw,58px)!important;line-height:1.13!important}}

.met-contact-page .met-service-lead{padding-top:10px;padding-bottom:28px}.met-contact-page .met-service-lead h1{font-size:clamp(38px,5vw,64px)}.met-contact-page .met-contact-layout{margin-top:42px}
.mil-hero-4 .swiper-container.slider .met-hero-alt{font-family:Anton,sans-serif!important;font-weight:100!important;margin:0;color:#d2d2d0}

.met-home-competence{padding:95px 0 120px;background:#0b100f;color:#fff}.met-home-competence .container{max-width:1280px}.met-home-competence h2{max-width:870px;font-size:clamp(34px,5.3vw,68px);line-height:1.08;margin:12px 0 20px;color:#fff}.met-home-competence-lead{max-width:700px;color:#c1ceca;font-size:18px;line-height:1.6}.met-home-competence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;border-top:1px solid #ffffff3d;border-bottom:1px solid #ffffff3d}.met-home-competence-grid article{padding:30px 28px 36px;border-right:1px solid #ffffff3d}.met-home-competence-grid article:first-child{padding-left:0}.met-home-competence-grid article:last-child{border-right:0}.met-home-competence-grid span{color:#23d6b2;font:700 11px Arial,sans-serif;letter-spacing:.16em}.met-home-competence-grid h3{font-size:clamp(22px,2vw,29px);line-height:1.2;margin:26px 0 12px}.met-home-competence-grid p,.met-home-region p{font-size:15px;line-height:1.65;color:#c1ceca}.met-home-competence-grid a{display:inline-block;margin-top:16px;color:#23d6b2;text-decoration:none;font:700 14px Arial,sans-serif}.met-home-competence-grid a:hover{text-decoration:underline}.met-home-region{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:60px}.met-home-region h3{font-size:clamp(21px,2.6vw,32px);margin:10px 0 12px}.met-home-region>div{max-width:510px}
@media(max-width:768px){.met-home-competence{padding:70px 0}.met-home-competence-grid{grid-template-columns:1fr;margin-top:40px}.met-home-competence-grid article,.met-home-competence-grid article:first-child{padding:24px 0;border-right:0;border-bottom:1px solid #ffffff28}.met-home-competence-grid article:last-child{border-bottom:0}.met-home-region{grid-template-columns:1fr;gap:28px;margin-top:45px}}

.met-home-mobile{display:flex;align-items:center;gap:12px}.met-home-mobile .met-wa-icon-link{flex:none}.met-contact-phone{margin-top:6px}

/* New static pages use the established Pixy typography and restrained palette. */
body.met-simple{font-family:"Outfit",sans-serif;background:#080b0b;color:#d2d2d0}
.met-simple .met-header{background:#080a0a}.met-simple .met-header nav a,.met-simple .met-mobile-menu summary{font-family:"Outfit",sans-serif}
.met-simple .met-detail-hero h1,.met-simple .met-detail-hero h2,.met-simple .met-detail-hero h3{font-family:"Anton",sans-serif;font-weight:100;text-transform:uppercase;letter-spacing:0}
.met-simple .met-detail-hero h1{line-height:1.05}.met-simple .met-detail-hero h2{line-height:1.18}
.met-simple .met-button,.met-simple .met-header-cta{font-family:"Outfit",sans-serif}

.met-contact-landline{display:block}.met-contact-phone{display:flex;width:max-content;max-width:100%;flex-wrap:wrap}

/* Same single-row navigation rhythm as the original home header. */
.met-header-matched{height:104px;min-height:104px;padding:0 max(22px,calc((100vw - 1240px)/2));gap:28px;flex-wrap:nowrap;background:#080a0a}
.met-header-matched .met-logo{flex:none}.met-header-matched .met-logo img{width:155px;height:auto}
.met-header-matched>.met-desktop-nav{display:flex;flex:1;align-items:center;justify-content:space-between;gap:clamp(11px,1.3vw,25px);min-width:0;margin-left:auto;white-space:nowrap}
.met-header-matched>.met-desktop-nav a{font:600 12px/1.2 "Outfit",sans-serif;letter-spacing:.045em;text-transform:uppercase;color:#d2d2d0;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.met-header-matched>.met-desktop-nav a:hover{color:#23d6b2}.met-header-matched>.met-desktop-nav .met-flag{font-size:21px;letter-spacing:0}
.met-header-tools{display:flex;align-items:center;gap:22px;flex:none}.met-mail-link{color:#d2d2d0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:44px}.met-mail-link:hover{color:#23d6b2}
.met-header-matched .met-mobile-menu{display:block;position:relative;margin:0}.met-header-matched .met-mobile-menu summary{width:36px;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none}.met-header-matched .met-mobile-menu summary::-webkit-details-marker{display:none}
.met-burger{display:grid;gap:5px;width:23px}.met-burger i{display:block;width:23px;height:1.5px;background:#d2d2d0}
.met-header-matched .met-mobile-menu nav{position:absolute;right:0;top:calc(100% + 12px);z-index:60;width:250px;max-width:calc(100vw - 32px);display:grid;gap:0;padding:12px;background:#0c1312;border:1px solid #ffffff45;box-shadow:0 15px 35px #0009}
.met-header-matched .met-mobile-menu nav a{display:flex;align-items:center;min-height:43px;padding:8px 12px;color:#f6f8f7;text-decoration:none;font:500 14px "Outfit",sans-serif}.met-header-matched .met-mobile-menu nav a:hover{background:#ffffff12}
@media(max-width:1450px){.met-header-matched>.met-desktop-nav{display:none}.met-header-matched .met-header-tools{margin-left:auto}}
@media(max-width:768px){.met-header-matched{height:80px;min-height:80px;padding:0 20px}.met-header-matched .met-logo img{width:133px}.met-header-tools{gap:14px}}
.met-header-matched>.met-desktop-nav .met-flag{width:25px;height:25px;min-height:25px;flex:none;border:1px solid #737272;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:contain}
.met-header-matched>.met-desktop-nav .lang-tr{background-image:url('/img/home-4/tr_flag.png')}
.met-header-matched>.met-desktop-nav .lang-en{background-image:url('/img/home-4/en_flag.png')}
body .met-header-matched{flex-wrap:nowrap}

/* The original landing-page navigation needs room for all seven labels and flags. */
@media(max-width:1240px){.mil-top-panel-2 .mil-onepage-nav{display:none}}
@media(min-width:1241px) and (max-width:1450px){.mil-top-panel-2 .mil-onepage-nav{display:flex;gap:clamp(8px,1vw,16px)}.mil-top-panel-2 .mil-onepage-nav a{font-size:11px}.mil-top-panel-2 .mil-menu-buttons{gap:14px}}

/* Reserve the mobile services carousel before Swiper measures its slides. */
@media(max-width:640px){.slider-bottom-icons .mil-reviews-slider{min-height:960px}.slider-bottom-icons .mil-reviews-slider:not(.swiper-initialized){visibility:hidden}}

/* Reference artwork must remain fully visible, regardless of its aspect ratio. */
#referans .mil-review .mil-portrait{width:150px;height:120px;border-radius:0;display:flex;align-items:center;justify-content:center}
#referans .mil-review .mil-portrait img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0}
@media(max-width:768px){#referans .mil-reviews-slider .swiper-slide{margin-right:120px!important}#referans .mil-review .mil-portrait{width:145px;height:112px}#referans .mil-sr-pagination{margin-top:30px}#referans .mil-rs-nav{position:relative;top:auto;left:auto;width:min(180px,100%);padding:0;margin:24px auto 0}#referans .mil-rs-nav .mil-slider-btn{width:44px;height:44px}}

/* Invoicing details use the same dark, restrained contact-page language. */
.met-billing-section{max-width:1060px;margin:88px auto 0;padding:40px 0 0;border-top:1px solid #ffffff30;color:#d2d2d0}
.met-billing-inner{width:100%}
.met-billing-eyebrow{margin:0 0 12px;color:#23d6b2;font:700 12px/1.4 "Outfit",sans-serif;letter-spacing:.16em}
.met-billing-section h2{margin:0 0 15px;color:#fff;font:100 clamp(30px,4vw,48px)/1.13 "Anton",sans-serif;text-transform:uppercase}
.met-billing-intro{margin:0 0 28px;color:#c1ceca;font:16px/1.6 "Outfit",sans-serif}
.met-billing-details{border:1px solid #ffffff33;background:#101717}
.met-billing-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:17px 22px;cursor:pointer;color:#f6f8f7;font:600 16px/1.4 "Outfit",sans-serif;list-style:none}
.met-billing-details summary::-webkit-details-marker{display:none}
.met-billing-details summary:focus-visible{outline:2px solid #23d6b2;outline-offset:3px}
.met-billing-details summary span{flex:none;color:#23d6b2;font-size:27px;font-weight:300;line-height:1;transition:transform .2s}
.met-billing-details[open] summary span{transform:rotate(45deg)}
.met-billing-body{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:28px 24px 36px;border-top:1px solid #ffffff28}
.met-billing-body h3{margin:0 0 20px;color:#fff;font:100 26px/1.2 "Anton",sans-serif;text-transform:uppercase}
.met-billing-body dl{margin:0}.met-billing-body dl div{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid #ffffff20}.met-billing-body dt,.met-billing-recipient span{color:#9ea9a6;font:600 12px/1.4 "Outfit",sans-serif;letter-spacing:.05em;text-transform:uppercase}.met-billing-body dd{margin:6px 0 0;color:#f6f8f7;font:500 15px/1.55 "Outfit",sans-serif}.met-billing-body a{color:#23d6b2;text-decoration:none}.met-billing-body a:hover{text-decoration:underline}
.met-billing-account{padding:17px 0;border-bottom:1px solid #ffffff20}.met-billing-account:first-of-type{padding-top:0}.met-billing-currency{display:inline-block;margin-bottom:8px;color:#23d6b2;font:700 12px/1.3 "Outfit",sans-serif;letter-spacing:.08em}.met-billing-account p{margin:0 0 9px;color:#c1ceca;font:14px/1.5 "Outfit",sans-serif}.met-billing-account strong{display:block;color:#fff;font:600 clamp(14px,1.45vw,18px)/1.45 "Outfit",sans-serif;letter-spacing:.015em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.met-billing-recipient{margin:22px 0 0;color:#f6f8f7;font:500 14px/1.55 "Outfit",sans-serif}.met-billing-recipient span{display:inline-block;margin-bottom:7px}
@media(max-width:768px){.met-billing-section{margin-top:64px;padding-top:30px}.met-billing-body{grid-template-columns:1fr;gap:32px;padding:25px 20px 30px}.met-billing-details summary{padding:16px 18px}.met-billing-section h2{font-size:clamp(29px,8vw,42px)}}

/* Consent UI is fixed to the viewport so it cannot shift page content. */
.met-consent-banner{position:fixed;z-index:9998;left:18px;right:18px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1120px;margin:auto;padding:18px 20px;background:#101716f2;border:1px solid #ffffff38;box-shadow:0 16px 45px #000a;color:#edf2f0;font:14px/1.5 "Outfit",Arial,sans-serif;backdrop-filter:blur(12px)}
.met-consent-banner strong{display:block;margin-bottom:3px;color:#fff;font-size:16px}.met-consent-banner p{max-width:680px;margin:0;color:#c6d0cd}.met-consent-banner a{color:#23d6b2}.met-consent-actions{display:flex;align-items:center;gap:8px;flex:none}.met-consent-actions button,.met-consent-save{min-height:42px;padding:9px 14px;border:1px solid #ffffff55;background:transparent;color:#fff;font:600 13px "Outfit",Arial,sans-serif;cursor:pointer}.met-consent-actions button:hover,.met-consent-actions button:focus-visible,.met-consent-save:hover,.met-consent-save:focus-visible{border-color:#23d6b2;outline:0}.met-consent-actions .met-consent-primary,.met-consent-save{background:#23d6b2;border-color:#23d6b2;color:#07110f}
.met-consent-manage{position:fixed;z-index:300;left:12px;bottom:10px;padding:7px 10px;border:1px solid #ffffff35;background:#0e1514e8;color:#cbd4d1;font:600 11px "Outfit",Arial,sans-serif;cursor:pointer;opacity:.76}.met-consent-manage:hover,.met-consent-manage:focus-visible{opacity:1;border-color:#23d6b2;outline:0}
.met-consent-modal{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:20px;background:#000b}.met-consent-panel{position:relative;width:min(520px,100%);padding:30px;background:#101716;border:1px solid #ffffff40;box-shadow:0 24px 70px #000;color:#d9e1df;font:15px/1.6 "Outfit",Arial,sans-serif}.met-consent-panel h2{margin:0 45px 12px 0;color:#fff;font:100 34px/1.15 "Anton","Outfit",sans-serif;text-transform:uppercase}.met-consent-panel p{color:#bdc9c5}.met-consent-panel label{display:flex;align-items:center;gap:10px;margin:24px 0}.met-consent-panel input{width:19px;height:19px;accent-color:#23d6b2}.met-consent-close{position:absolute;right:14px;top:11px;width:42px;height:42px;border:0;background:transparent;color:#fff;font-size:29px;cursor:pointer}.met-consent-save{width:100%}
@media(max-width:720px){.met-consent-banner{display:block;left:10px;right:10px;bottom:10px;padding:16px}.met-consent-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.met-consent-actions .met-consent-primary{grid-column:1/-1}.met-consent-actions button{width:100%}}

/* V3 enterprise authority layer: dense architecture, restrained visual hierarchy. */
.met-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:54px;border-top:1px solid #ffffff35;border-left:1px solid #ffffff35}.met-system-grid>a{display:block;min-height:238px;padding:26px 24px 30px;border-right:1px solid #ffffff35;border-bottom:1px solid #ffffff35;color:#fff;text-decoration:none;background:#0e1514;transition:background .2s,border-color .2s}.met-system-grid>a:hover,.met-system-grid>a:focus-visible{background:#13211e;border-color:#23d6b2;outline:0}.met-system-grid span,.met-sector-grid span,.met-process li span{display:block;color:#23d6b2;font:700 11px/1.3 "Outfit",Arial,sans-serif;letter-spacing:.15em}.met-system-grid h3{margin:30px 0 10px;font:100 clamp(21px,2vw,28px)/1.18 "Anton",sans-serif;text-transform:uppercase}.met-system-grid p{margin:0;color:#b8c5c1;font:14px/1.6 "Outfit",Arial,sans-serif}.met-sector-head{max-width:790px;margin-top:100px}.met-sector-head h3,.met-process-intro h3{margin:12px 0 16px;color:#fff;font:100 clamp(30px,4vw,49px)/1.12 "Anton",sans-serif;text-transform:uppercase}.met-sector-head>p:last-child,.met-process-intro>p:last-child{color:#bac7c3;font:16px/1.65 "Outfit",Arial,sans-serif}.met-sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35}.met-sector-grid article{padding:30px 28px 34px;border-right:1px solid #ffffff35}.met-sector-grid article:first-child{padding-left:0}.met-sector-grid article:last-child{border-right:0}.met-sector-grid h3{margin:25px 0 12px;color:#fff;font:100 clamp(23px,2.3vw,32px)/1.18 "Anton",sans-serif;text-transform:uppercase}.met-sector-grid p{min-height:76px;margin:0;color:#bac7c3;font:15px/1.65 "Outfit",Arial,sans-serif}.met-sector-grid a,.met-home-region a{display:inline-block;margin-top:18px;color:#23d6b2;text-decoration:none;font:700 14px/1.4 "Outfit",Arial,sans-serif}.met-sector-grid a:hover,.met-home-region a:hover{text-decoration:underline}.met-process{display:grid;grid-template-columns:minmax(260px,.78fr) 1.4fr;gap:70px;margin-top:100px;padding:52px 0;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35}.met-process ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-top:1px solid #ffffff25;border-left:1px solid #ffffff25}.met-process li{display:flex;align-items:center;gap:18px;min-height:70px;padding:15px 20px;border-right:1px solid #ffffff25;border-bottom:1px solid #ffffff25;color:#f4f7f6;font:600 15px/1.35 "Outfit",Arial,sans-serif}.met-process li span{flex:none}.met-enterprise-cta{display:flex;align-items:center;gap:12px;margin-top:58px}.met-enterprise-cta .met-button{min-height:50px}.met-home-competence a:focus-visible{outline:2px solid #23d6b2;outline-offset:4px}
@media(max-width:1024px){.met-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.met-process{grid-template-columns:1fr;gap:35px}.met-sector-grid p{min-height:0}}
@media(max-width:720px){.met-system-grid{grid-template-columns:1fr;margin-top:36px}.met-system-grid>a{min-height:0;padding:23px 20px}.met-system-grid h3{margin-top:20px}.met-sector-head,.met-process{margin-top:70px}.met-sector-grid{grid-template-columns:1fr}.met-sector-grid article,.met-sector-grid article:first-child{padding:25px 0;border-right:0;border-bottom:1px solid #ffffff28}.met-sector-grid article:last-child{border-bottom:0}.met-process{padding:38px 0}.met-process ol{grid-template-columns:1fr}.met-enterprise-cta{display:grid}.met-enterprise-cta .met-button{width:100%;text-align:center}}
.met-project-gallery{display:grid;gap:28px;margin:48px 0 0}.met-project-gallery figure{min-width:0;margin:0}.met-project-gallery img{display:block;width:100%;max-width:100%;height:auto}.met-project-gallery figcaption{margin-top:10px;color:#98a5a1;font:13px/1.5 "Outfit",Arial,sans-serif}

/* V3 final accessibility and aspect-ratio safeguards */
.met-consent-banner p a{text-decoration:underline;text-underline-offset:2px}
/* V3.1 wide desktop refinement: expand visual systems without widening reading measure. */
@media (min-width:1536px){
  .container{max-width:min(calc(100vw - clamp(184px,12vw,320px)),1920px)}
  .met-home-competence .container{max-width:min(calc(100vw - clamp(184px,12vw,320px)),1920px)}
  #services>.container-fluid{width:min(calc(100vw - clamp(120px,8vw,240px)),1920px);margin-inline:auto;padding-inline:15px}
  .mil-hero-4{height:clamp(780px,88vh,900px)}
  .mil-hero-4 .mil-hero-scene{height:min(112vh,1080px)}
  .mil-hero-4 .mil-hero-main{padding-bottom:clamp(92px,9vh,118px)}
  body .mil-hero-4 .swiper-container.slider{height:clamp(320px,21vw,360px)}
  body .mil-hero-4 .swiper-container.slider .slider-text{line-height:1.16!important}
  .mil-hero-4 .mil-hero-main .mil-hero-text .mil-circle-text-frame{bottom:clamp(72px,8vh,96px)}
  .met-home-competence{padding:76px 0 96px}
  .met-system-grid{margin-top:44px}
  .met-system-grid>a{min-height:210px;padding:24px 26px 27px}
  .met-system-grid h3{margin-top:23px}
  .met-system-grid p,.met-sector-grid p{max-width:42ch}
  .met-sector-head{margin-top:76px}
  .met-sector-grid{margin-top:34px}
  .met-sector-grid article{padding-top:26px;padding-bottom:28px}
  .met-process{gap:clamp(54px,5vw,86px);margin-top:76px;padding:42px 0}
  .met-process-intro{max-width:650px}
  .met-process li{min-height:64px}
  .met-enterprise-cta{margin-top:46px}
  #about.mil-p-160-100{padding-top:120px;padding-bottom:78px}
  .met-home-counters.mil-p-0-160{padding-bottom:118px}
  main>.mil-p-160-130{padding-top:122px;padding-bottom:102px}
  #product.mil-p-0-160{padding-bottom:122px}
  .mil-footer.mil-p-160-160{padding-top:122px;padding-bottom:122px}
  #about .col-lg-6>p,#product .col-lg-6>p{max-width:720px}
  .met-detail-hero>.met-service-hero-shell{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr)}
  .met-service-hero-shell .met-service-lead{max-width:780px}
}
@media (min-width:2300px){
  .container,.met-home-competence .container{max-width:1920px}
  #services>.container-fluid{max-width:1920px}
}

.mil-menu-frame-2 .mil-menu-window .mil-right-side .mil-links-part>img{width:100%;height:auto;object-fit:contain}

/* Home hero artwork and six-service carousel alignment. */
.mil-hero-4 .mil-hero-scene .mil-anim-frame .mil-hero-animation{top:clamp(40px,5vh,55px)}
.slider-bottom-icons{overflow:hidden}
.met-services-carousel{width:100%;padding:8px 2px 18px}
.met-services-carousel .swiper-wrapper{align-items:stretch}
.met-services-carousel .swiper-slide{height:auto!important;opacity:1!important;visibility:visible!important}
.met-services-carousel .mil-iconbox{display:flex;flex-direction:column;align-items:center;height:100%;min-height:330px;margin:0;padding:24px 18px 30px;text-align:center}
.met-services-carousel .mil-iconbox img{width:auto;height:120px;max-width:100%;object-fit:contain}
.met-services-carousel .mil-iconbox h3{min-height:58px}
.met-services-carousel .mil-iconbox p{margin-top:auto}
@media(max-width:768px){.met-services-carousel .mil-iconbox{min-height:315px}}
@media(max-width:500px){.met-services-carousel{padding-bottom:8px}.met-services-carousel .mil-iconbox{min-height:300px;padding-inline:12px}}

/* Keep the home-page experience counters visible even when smooth-scroll refreshes after the carousel. */
.met-home-counters .mil-up,.met-home-counters .mil-counter-item{opacity:1!important;visibility:visible!important;transform:none!important}

/* Project archive cards: keep imagery valid and make the complete card link interactive. */
.mil-work-card .mil-hover-overlay .mil-descr{position:relative;z-index:2;width:100%;height:100%;align-items:flex-end}
.mil-work-card .mil-hover-overlay .mil-descr .mil-text-frame{margin-top:auto;padding:0 34px 28px}
.mil-work-card:focus-within .mil-hover-frame{transform:scale(1)}
.mil-work-card:focus-within .mil-hover-overlay{opacity:1}
.mil-work-card:focus-within .mil-hover-overlay .mil-descr{transform:none;outline:2px solid #23d6b2;outline-offset:-2px}
@media(max-width:768px){.mil-work-card .mil-hover-overlay{opacity:1;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.86) 100%)}.mil-work-card .mil-hover-overlay .mil-descr{transform:none}.mil-work-card .mil-hover-overlay .mil-descr .mil-text-frame{padding:0 22px 20px}}

/* V3.1 visual refinement: preserve the V3 structure and improve consistency. */
:root{
  --met-surface:#0d1312;
  --met-surface-raised:#111a18;
  --met-line:rgba(255,255,255,.16);
  --met-line-strong:rgba(35,214,178,.52);
  --met-shadow:0 22px 55px rgba(0,0,0,.22);
  --met-radius:6px;
}

/* Shared header rhythm. */
.met-header-matched{border-bottom-color:rgba(255,255,255,.11);box-shadow:0 12px 36px rgba(0,0,0,.12)}
.met-header-matched>.met-desktop-nav a{position:relative;transition:color .2s ease}
.met-header-matched>.met-desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:6px;height:1px;background:var(--met-teal);transition:right .25s ease}
.met-header-matched>.met-desktop-nav a:hover::after,.met-header-matched>.met-desktop-nav a:focus-visible::after{right:0}
@media(min-width:1241px) and (max-width:1450px){.met-header-matched>.met-desktop-nav{display:flex;gap:clamp(8px,1vw,16px)}.met-header-matched>.met-desktop-nav a{font-size:11px}.met-header-matched .met-header-tools{gap:14px}}
@media(max-width:1240px){.met-header-matched>.met-desktop-nav{display:none}}

/* Inner-page hero system. Existing text and SEO structure remain unchanged. */
.met-service-hero-shell{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);gap:clamp(38px,6vw,82px);align-items:center;max-width:none;padding:34px 0 64px;border-bottom:1px solid var(--met-line)}
.met-service-hero-shell>*{min-width:0}
.met-detail-hero>.met-service-hero-shell{max-width:none}
.met-service-hero-shell .met-service-lead{padding:0;border:0}
.met-service-hero-shell .met-service-lead h1,.met-service-hero-shell .met-service-lead p{max-width:100%;overflow-wrap:break-word}
.met-service-visual{position:relative;min-height:430px;overflow:hidden;border:1px solid var(--met-line);border-radius:var(--met-radius);background:var(--met-surface);box-shadow:var(--met-shadow);isolation:isolate}
.met-service-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(7,11,10,.08),rgba(7,11,10,.62));pointer-events:none}
.met-service-visual img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center}
.met-service-visual-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.26);color:#fff;font:600 12px/1.35 "Outfit",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.met-service-visual-copy span:last-child{color:var(--met-teal)}
.met-service-visual-placeholder{display:flex;align-items:flex-end;padding:28px;background-color:#0b1211;background-image:linear-gradient(rgba(35,214,178,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(35,214,178,.075) 1px,transparent 1px),radial-gradient(circle at 72% 30%,rgba(35,214,178,.24),transparent 42%);background-size:42px 42px,42px 42px,100% 100%}
.met-service-visual-placeholder::before{content:"";position:absolute;width:230px;height:230px;right:10%;top:16%;border:1px solid rgba(35,214,178,.48);border-radius:50%;box-shadow:0 0 0 38px rgba(35,214,178,.035),0 0 0 76px rgba(35,214,178,.025)}
.met-service-visual-placeholder .met-service-visual-copy{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:auto}

/* Cards and content sections. */
.camera-grid,.met-service-grid{border-color:var(--met-line);background:var(--met-line);border-radius:var(--met-radius);overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.12)}
.camera-card,.met-service-card{background:var(--met-surface);transition:background .24s ease,box-shadow .24s ease,transform .24s ease}
.camera-card:hover,.met-service-card:hover{background:var(--met-surface-raised);box-shadow:inset 0 2px 0 rgba(35,214,178,.58)}
.met-service-card b,.met-related a span{transition:transform .2s ease}
.met-service-card:hover b,.met-related a:hover span{transform:translateX(4px)}
.camera-section>h2,.camera-cta>h2{max-width:820px}
.camera-cta{border-radius:var(--met-radius);box-shadow:var(--met-shadow)}
.met-related a{border-radius:4px;background:rgba(255,255,255,.015);transition:border-color .2s ease,background .2s ease}
.met-related a:hover{background:rgba(35,214,178,.045)}

/* Homepage cards, references and footer. */
.met-services-carousel .mil-iconbox{border:1px solid rgba(255,255,255,.09);border-radius:var(--met-radius);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);transition:border-color .25s ease,background .25s ease,transform .25s ease}
.met-services-carousel .mil-iconbox:hover{border-color:rgba(35,214,178,.55);background:rgba(35,214,178,.035);transform:translateY(-3px)}
.met-services-carousel .mil-iconbox img{filter:saturate(.9);transition:transform .35s ease,filter .35s ease}
.met-services-carousel .mil-iconbox:hover img{filter:saturate(1.05);transform:scale(1.025)}
#referans .mil-review .mil-portrait{width:190px;height:118px;border:1px solid rgba(255,255,255,.14);border-radius:var(--met-radius);background:#eef3f1;padding:20px;display:flex;align-items:center;justify-content:center;transition:border-color .25s ease,transform .25s ease}
#referans .mil-review .mil-portrait img{width:100%;height:100%;border-radius:0;object-fit:contain;object-position:center;filter:grayscale(1) contrast(.92);transition:filter .25s ease}
#referans .swiper-slide-active .mil-review .mil-portrait{border-color:rgba(35,214,178,.55);transform:translateY(-2px)}
#referans .swiper-slide-active .mil-review .mil-portrait img,#referans .mil-review:hover .mil-portrait img{filter:grayscale(.1) contrast(1)}
#referans .col-lg-6{flex:0 0 100%;max-width:100%}
#referans .mil-reviews-slider{overflow:hidden;padding:4px 2px 8px}
#referans .mil-reviews-slider .swiper-slide{filter:none;opacity:.54}
#referans .mil-reviews-slider .swiper-slide-active{opacity:1}
.mil-footer-contact .mil-stylized-btn,.mil-blog-card .mil-stylized-btn{transition:background .2s ease,transform .2s ease}
.mil-footer-contact:hover .mil-stylized-btn,.mil-blog-card:hover .mil-stylized-btn{transform:translate(2px,-2px)}

/* Project archive and case-study presentation. */
.mil-work-card{border-radius:var(--met-radius);background:#0b0f0f;box-shadow:0 18px 44px rgba(0,0,0,.16)}
.mil-work-card .mil-cover.mil-square{padding-bottom:76%}
.mil-work-card .mil-cover .mil-hover-frame{transform:scale(1.025)}
.mil-work-card:hover .mil-hover-frame{transform:scale(1.055)}
.mil-work-card.mil-stl .mil-hover-overlay{opacity:1;background:transparent}
.mil-work-card.mil-stl .mil-hover-overlay .mil-descr{transform:none;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.9) 100%)}
.mil-work-card .mil-hover-overlay .mil-descr .mil-text-frame{padding:0 26px 24px}
.met-projects-page .mil-hero-1.mil-sm-hero{padding-top:104px}
.met-projects-page .mil-hero-1.mil-sm-hero .mil-hero-main{height:clamp(390px,38vh,510px)}
.met-projects-page .mil-hero-1.mil-sm-hero.mil-stl .mil-overlay{height:100%;background:linear-gradient(0deg,rgba(0,0,0,0) 0%,#181817 88%)}
.met-project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.met-project-gallery figure:first-child:last-child{grid-column:1/-1}
.met-project-gallery figure{overflow:hidden;border:1px solid var(--met-line);border-radius:var(--met-radius);background:var(--met-surface)}
.met-project-gallery img{aspect-ratio:16/10;object-fit:cover}
.met-project-gallery figcaption{margin:0;padding:12px 16px;border-top:1px solid var(--met-line)}
.met-project-facts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:28px 0 0;background:var(--met-line);border:1px solid var(--met-line);border-radius:var(--met-radius);overflow:hidden}
.met-project-facts dl>div{padding:22px;background:var(--met-surface)}

/* Responsive refinement. */
@media(max-width:900px){.met-service-hero-shell{grid-template-columns:1fr;gap:32px}.met-service-visual{min-height:0;aspect-ratio:16/10}.met-service-visual img{min-height:0;aspect-ratio:16/10}.met-project-gallery{grid-template-columns:1fr}.met-project-gallery figure:first-child:last-child{grid-column:auto}.met-projects-page .mil-hero-1.mil-sm-hero{padding-top:80px}.met-projects-page .mil-hero-1.mil-sm-hero .mil-hero-main{height:auto;min-height:360px;padding:110px 0 70px}}
@media(max-width:768px){#referans .mil-reviews-slider .swiper-slide{margin-right:20px!important}}
@media(max-width:640px){.met-service-hero-shell{padding:18px 0 42px}.met-service-visual{aspect-ratio:4/3}.met-service-visual img{aspect-ratio:4/3}.met-service-visual-copy{left:18px;right:18px;bottom:18px}.camera-grid,.met-service-grid{box-shadow:none}.met-project-facts dl{grid-template-columns:1fr}#referans .mil-review .mil-portrait{width:156px;height:104px;padding:16px}.mil-work-card .mil-cover.mil-square{padding-bottom:84%}.met-projects-page .mil-hero-1.mil-sm-hero .mil-hero-main{min-height:320px;padding:96px 0 54px}}
@media(prefers-reduced-motion:reduce){.met-services-carousel .mil-iconbox,.met-services-carousel .mil-iconbox img,.mil-work-card .mil-hover-frame,.met-header-matched>.met-desktop-nav a::after{transition:none;transform:none}}

@media (min-width:1536px){
  #services .mil-team-card{padding-bottom:112%}
  #product .mil-blog-card .mil-cover{padding-bottom:54%;margin-bottom:32px}
}
@media (min-width:1536px){
  .met-detail-hero{max-width:min(calc(100vw - clamp(184px,12vw,320px)),1920px)}
  .met-detail-hero>section:not(.met-service-lead){max-width:none}
  .met-detail-hero>.met-service-lead,.met-detail-hero>.met-lead,.camera-section>p,.camera-section>ul{max-width:820px}
  .met-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1800px){.met-projects-page .col-md-4{width:25%}}