/** Özmavi Metal 1.4 — architectural corporate homepage & responsive system. */
:root{--ozm-page-width:1280px;--ozm-blue:var(--ozm-accent);--ozm-corp-navy:var(--ozm-navy)}
.ozm-wrap{width:min(calc(100% - 76px),var(--ozm-page-width));margin-left:auto;margin-right:auto}
body{background:#fff;color:#13263c}
body.home{overflow-x:clip}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #53a8f1;outline-offset:3px}
.ozm-overline{text-transform:none;color:#22364b;font-size:13px;letter-spacing:0;font-weight:670;gap:9px;margin:0 0 8px}
.ozm-overline::before{width:25px;height:2px;background:var(--ozm-blue)}
.ozm-btn{border-radius:5px;background:var(--ozm-blue);border-color:var(--ozm-blue);box-shadow:none;padding:13px 20px;min-height:44px;font-size:13px;font-weight:760;gap:10px}
.ozm-btn:hover{background:#0454a7;border-color:#0454a7;box-shadow:0 8px 23px #083e762b}
.ozm-btn-outline{min-height:44px;padding:13px 19px;border-radius:5px;font-size:13px;font-weight:750;background:#13293c5c}
/* Header: clean product-oriented brand, compact navy utility bar and precise links. */
.ozm-topbar{background:linear-gradient(90deg,#061a2b,#0d2f4e);min-height:31px;font-size:11px}
.ozm-topbar-inner{min-height:31px}
.ozm-topbar-message{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;color:#e8f3fe}
.ozm-topbar-message .ozm-icon{width:17px;height:17px;color:#84c5ff}
.ozm-topbar-contact{display:flex;gap:24px;align-items:center;justify-content:flex-end}
.ozm-topbar-contact a{display:inline-flex;align-items:center;gap:6px;color:#f0f6fd}
.ozm-topbar-contact a:hover{color:#a7d1ff}
.ozm-topbar-contact .ozm-icon{width:14px;height:14px}
.ozm-header{background:#fff;box-shadow:0 5px 20px #0d2c4711;border-bottom:1px solid #e8eef3}
.ozm-header-inner{min-height:77px;gap:32px}
.ozm-brand-mark{color:var(--ozm-blue)}
.ozm-brand-name{color:#10263c;text-transform:uppercase;font-weight:800}
.ozm-nav-list{gap:25px}
.ozm-nav-list>li>a{color:#0b1e33;font-size:13px;font-weight:750;padding:26px 0}
.ozm-nav-list>li>a:hover,.ozm-nav-list>li.current-menu-item>a{color:var(--ozm-blue)}
.ozm-nav-list>li.current-menu-item>a:after,.ozm-nav-list>li.current-menu-ancestor>a:after{background:var(--ozm-blue)}
.ozm-top-cta{font-size:12px;min-height:43px;padding:11px 19px}
/* Hero: photographic with readable strong left side, navigation at lower-left. */
.ozm-hero{height:var(--ozm-hero-h,450px);background:#132c45}
.ozm-hero-slide{background-position:center 53%;background-size:cover}
.ozm-hero-slide:nth-child(2){background-position:center 51%}
.ozm-hero-slide:nth-child(3){background-position:center 49%}
.ozm-hero-inner{align-items:center;height:100%}
.ozm-hero-content{max-width:550px;padding-bottom:27px}
.ozm-hero .ozm-overline-light{display:none}
.ozm-hero h1,.ozm-hero h2{font-size:clamp(39px,4vw,55px);font-weight:840;line-height:1.13;letter-spacing:-.045em;max-width:540px;margin-bottom:15px;text-wrap:balance}
.ozm-hero p{font-size:17px;line-height:1.6;margin-bottom:20px;max-width:430px;color:#f6f9fd}
.ozm-hero-buttons{gap:15px}
.ozm-hero-controls{left:max(38px,calc((100vw - var(--ozm-page-width))/2));right:auto;bottom:22px;gap:12px}
.ozm-hero-controls>button{width:28px;height:28px;border:0;background:transparent;font-size:26px;color:#fff;transition:color .2s}
.ozm-hero-controls>button:hover{color:#8bbefa}
.ozm-hero-dots button{width:9px;height:9px;border:1px solid #fff;border-radius:50%;background:#ffffffec}
.ozm-hero-dots button.is-active{width:9px;background:var(--ozm-blue);border-color:#fff}
/* Trust strip immediately beneath the slider. All items remain editable through Advantages. */
.ozm-trustbar{background:linear-gradient(180deg,#fff,#f6f9fc);border-bottom:1px solid #e8eef3}
.ozm-trustbar-grid{display:flex;align-items:stretch;padding-top:15px;padding-bottom:15px}
.ozm-trust-item{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:7px 19px;border-left:1px solid #dce5ee}
.ozm-trust-item:first-child{border-left:0;padding-left:0}
.ozm-trust-item:last-child{padding-right:0}
.ozm-trust-icon{flex:none;color:var(--ozm-blue);display:flex;align-items:center;justify-content:center}
.ozm-trust-icon .ozm-icon{width:29px;height:29px;stroke-width:1.7}
.ozm-trust-item strong{display:block;font-size:12px;line-height:1.25;font-weight:850;color:#10243b}
.ozm-trust-item small{display:block;margin-top:3px;font-size:10.5px;line-height:1.4;color:#5a6775}
/* Reusable editorial heading: title on left, supporting text on right with blue divider. */
.ozm-editorial-heading{align-items:center;margin-bottom:25px;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.96fr);gap:25px}
.ozm-editorial-heading h2{font-weight:850;font-size:clamp(26px,2.8vw,35px);line-height:1.16;letter-spacing:-.044em;color:#0c2340;margin:0}
.ozm-editorial-heading>p,.ozm-heading-side{max-width:610px;border-left:2px solid #b8c3cf;padding-left:31px;margin:0;color:#344454;font-size:13.5px;line-height:1.64}
.ozm-heading-side p{margin-bottom:5px}
.ozm-project-all{color:var(--ozm-blue);font-size:11.5px;font-weight:760;display:inline-flex;align-items:center;gap:6px}
.ozm-project-all .ozm-icon{width:13px;height:13px}
/* High resolution services gallery with full control via post and section settings. */
.ozm-services-section{padding-top:38px;padding-bottom:4px}
.ozm-services-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ozm-services-section .ozm-service-card{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid #e2e9ee;border-radius:10px;padding:0;box-shadow:0 4px 14px #0a31530b;transition:box-shadow .2s,transform .2s}
.ozm-services-section .ozm-service-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0d2c4a22}
.ozm-services-section .ozm-service-photo{height:155px;margin:0;border-radius:0;display:block}
.ozm-services-section .ozm-service-photo:after{background:linear-gradient(0deg,rgba(8,32,49,.04),transparent)}
.ozm-services-section .ozm-service-photo img{height:100%;object-fit:cover;display:block;width:100%}
.ozm-service-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:8px;padding:13px 14px 14px;min-width:0}
.ozm-service-card-name{font-size:15px;color:#13283e;font-weight:825;line-height:1.2}
.ozm-service-description{font-size:12px;line-height:1.48;color:#475868;flex:1}
.ozm-service-more{display:inline-flex;gap:7px;align-items:center;color:var(--ozm-blue);font-size:12px;font-weight:780;margin-top:2px}
.ozm-service-more .ozm-icon{width:14px;height:14px}
/* About block matching screenshot, replacing old sparse text-only section. */
.ozm-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;gap:48px;margin-top:30px;margin-bottom:25px}
.ozm-about-photo{min-height:238px;border-radius:11px;overflow:hidden;background:#e4ebf0}
.ozm-about-photo img{display:block;width:100%;height:100%;max-height:325px;object-fit:cover;aspect-ratio:1.75}
.ozm-about-copy{padding:7px 5px 8px 0}
.ozm-about-copy h2{font-size:clamp(27px,2.75vw,35px);font-weight:850;line-height:1.2;letter-spacing:-.04em;color:#102841;margin:0 0 11px}
.ozm-about-copy p{font-size:13px;line-height:1.68;color:#344656;margin:0 0 17px}
/* Project cases with title and arrow inside bottom photographic gradient. */
.ozm-projects{padding-top:10px;padding-bottom:25px}
.ozm-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ozm-project-card{overflow:hidden;border:0;box-shadow:none;border-radius:11px;background:#dae7ee}
.ozm-project-card .ozm-project-img{display:block;position:relative;height:200px}
.ozm-project-card .ozm-project-img:after{position:absolute;content:"";inset:34% 0 0;background:linear-gradient(0deg,#06182fe0,transparent);pointer-events:none}
.ozm-project-card .ozm-project-img img{object-fit:cover;width:100%;height:100%}
.ozm-project-name{position:absolute;z-index:2;bottom:15px;left:17px;right:15px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;line-height:1.26;font-weight:790}
.ozm-project-name .ozm-icon{width:17px;height:17px;flex:none}
/* Compact full width navy process bar */
.ozm-process{background:linear-gradient(105deg,#071e35,#103451);color:#fff;padding:24px 0 28px}
.ozm-process-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:32px;align-items:center}
.ozm-process-head{padding-right:24px;border-right:1px solid #b9cada68}
.ozm-process-head .ozm-overline{color:#ecf5fd;font-size:11px}
.ozm-process-head .ozm-overline:before{background:#fff}
.ozm-process-head h2{color:#fff;font-weight:850;font-size:clamp(20px,2.2vw,27px);line-height:1.12;margin:0}
.ozm-process .ozm-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.ozm-process .ozm-step{padding:0;min-height:0;border:0;position:relative;color:#fff}
.ozm-process .ozm-step:after{position:absolute;right:-13px;top:8px;content:"›";font-size:24px;color:#b8d8f5;display:block}
.ozm-process .ozm-step:last-child:after{display:none}
.ozm-step-top{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.ozm-process .ozm-step-no{position:static;display:inline-flex;width:auto;min-width:30px;height:22px;border-radius:4px;transform:none;background:var(--ozm-blue);padding:1px 5px;font-size:12px;color:#fff}
.ozm-step-top strong{color:#fff;font-size:13px;line-height:1.2;font-weight:820}
.ozm-process .ozm-step p{color:#e3effa;line-height:1.45;font-size:11.5px;margin:0}
/* References can include published testimonials, but no fictitious reviews are displayed. */
.ozm-reviews{padding-top:23px;padding-bottom:18px}
.ozm-reviews-heading{margin-bottom:0}
.ozm-reviews .ozm-review-grid{margin-top:25px;margin-bottom:12px}
/* CTA: photo-driven inset card and clear single offer. */
.ozm-cta-wrap{padding-bottom:13px}
.ozm-main-cta{border-radius:11px;overflow:hidden;isolation:isolate;position:relative;background:linear-gradient(90deg,#0d2941f5 0%,#102d48d1 35%,#102c466c 60%,#071f3417 100%),var(--ozm-cta-bg) center 55%/cover no-repeat!important}
.ozm-main-cta-inner{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:9px;min-height:170px;padding:22px 35px;max-width:none}
.ozm-main-cta h2{font-size:clamp(23px,2.55vw,32px);color:#fff;font-weight:835;letter-spacing:-.035em;line-height:1.2;margin:0}
.ozm-main-cta p{font-size:12.5px;line-height:1.5;color:#f4f8fc;max-width:430px;margin:0}
.ozm-main-cta .ozm-btn{font-size:12px;min-height:39px;margin-top:2px}
/* Footer: dark four-column technical and contact information */
.ozm-footer{background:linear-gradient(110deg,#081f35,#062940);color:#f5faff}
.ozm-footer-columns{grid-template-columns:1.22fr 1.1fr .85fr 1fr;gap:38px;padding-top:33px;padding-bottom:27px}
.ozm-footer .ozm-brand{margin-bottom:9px}
.ozm-footer .ozm-brand-name{color:#fff}
.ozm-footer .ozm-brand-name em{color:#dbe6f0}
.ozm-footer .ozm-brand-mark{color:#7bc0ff}
.ozm-footer-intro p{font-size:12px;line-height:1.6;color:#e0eaf2;max-width:300px}
.ozm-footer h3{font-size:13px;color:#fff;font-weight:800;margin-bottom:12px}
.ozm-footer-menu li{font-size:12px;line-height:1.55;padding:3px 0;color:#d9e6f1}
.ozm-footer-menu li:before{content:'›';margin-right:7px;color:#73bcff}
.ozm-footer-menu a:hover{color:#8cc6ff}
.ozm-footer-contact{gap:10px}
.ozm-footer-contact a,.ozm-footer-contact span{color:#e3edf5;font-size:12px}
.ozm-footer-contact .ozm-icon{color:#8ec5f5}
.ozm-footer .ozm-socials a{background:#143b59;color:#fff}
.ozm-footer-bottom{border-top:1px solid #ffffff24;color:#bfcedc}
.ozm-back-top{background:var(--ozm-blue)}
/* Inner pages continue to use existing clean templates, inherit updated branding. */
.ozm-page-hero:after{background:linear-gradient(90deg,rgba(3,20,39,.93),rgba(8,33,57,.69) 65%,rgba(8,33,57,.32))}
.ozm-page-aside .ozm-aside-nav li a:hover{color:var(--ozm-blue)}
.ozm-article-body a:not(.ozm-btn){color:var(--ozm-blue)}
/* large tablet */
@media(max-width:1180px){
 .ozm-wrap{width:min(calc(100% - 48px),var(--ozm-page-width))}
 .ozm-nav-list{gap:16px}
 .ozm-trust-item{gap:9px;padding:6px 10px}
 .ozm-trust-icon .ozm-icon{width:25px;height:25px}
 .ozm-trust-item strong{font-size:11px}
 .ozm-trust-item small{font-size:10px}
 .ozm-services-grid{gap:10px}
 .ozm-service-copy{padding:12px}
 .ozm-service-card-name{font-size:13px}
 .ozm-service-description{font-size:11px}
 .ozm-about{gap:30px}
 .ozm-process-layout{grid-template-columns:186px minmax(0,1fr);gap:24px}
 .ozm-process .ozm-step-grid{gap:10px}
 .ozm-step-top{gap:5px}
 .ozm-footer-columns{gap:22px}
}
@media(max-width:980px){
 .ozm-wrap{width:min(calc(100% - 40px),800px)}
 .ozm-header-inner{min-height:72px}
 .ozm-topbar-email{display:none!important}
 .ozm-hero{height:490px}
 .ozm-hero-controls{left:20px}
 .ozm-trustbar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
 .ozm-trust-item{border-left:0;padding:12px;border-top:1px solid #e9eff5}
 .ozm-trust-item:first-child,.ozm-trust-item:nth-child(2){border-top:0}
 .ozm-editorial-heading{grid-template-columns:minmax(0,1fr) minmax(245px,.85fr);gap:20px}
 .ozm-editorial-heading>p,.ozm-heading-side{padding-left:18px}
 .ozm-services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .ozm-services-section .ozm-service-photo{height:145px}
 .ozm-about{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 .ozm-process-layout{grid-template-columns:1fr;gap:22px}
 .ozm-process-head{border:0;padding:0}
 .ozm-process-head h2{max-width:450px}
 .ozm-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .ozm-wrap{width:calc(100% - 32px)}
 .ozm-topbar{min-height:29px}
 .ozm-topbar-inner{min-height:29px}
 .ozm-topbar-message{font-size:10px;max-width:75%;overflow:hidden;text-overflow:ellipsis}
 .ozm-topbar-message .ozm-icon{flex:none}
 .ozm-topbar-contact{gap:0}
 .ozm-topbar-contact>a:not(:last-child){display:none}
 .ozm-topbar-contact a{font-size:10px;white-space:nowrap}
 .ozm-header-inner{min-height:66px}
 .ozm-hero{height:var(--ozm-hero-mobile-h,520px)}
 .ozm-hero-slide{background-position:58% center!important}
 .ozm-hero-inner{align-items:center;padding-top:0}
 .ozm-hero-content{padding-bottom:38px;max-width:430px}
 .ozm-hero h1,.ozm-hero h2{font-size:clamp(33px,8vw,42px);max-width:360px}
 .ozm-hero p{font-size:14px;max-width:350px}
 .ozm-hero-controls{bottom:17px;right:auto;left:16px}
 .ozm-editorial-heading{grid-template-columns:1fr;gap:10px;margin-bottom:20px}
 .ozm-editorial-heading>p,.ozm-heading-side{padding:0;border:0;max-width:none;font-size:12px}
 .ozm-editorial-heading h2{font-size:27px}
 .ozm-services-section{padding-top:30px}
 .ozm-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .ozm-services-section .ozm-service-photo{height:146px}
 .ozm-service-copy{padding:12px;gap:7px}
 .ozm-service-card-name{font-size:14px}
 .ozm-service-description{font-size:11.8px}
 .ozm-about{grid-template-columns:1fr;gap:15px;margin-top:24px;margin-bottom:24px}
 .ozm-about-photo{min-height:0}
 .ozm-about-photo img{aspect-ratio:1.8}
 .ozm-about-copy h2{font-size:28px}
 .ozm-project-grid{grid-template-columns:1fr;gap:12px}
 .ozm-project-card .ozm-project-img{height:208px}
 .ozm-projects{padding-bottom:28px}
 .ozm-process{padding:26px 0}
 .ozm-process .ozm-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 22px}
 .ozm-process .ozm-step:after{display:none}
 .ozm-reviews{padding-top:25px;padding-bottom:22px}
 .ozm-main-cta-inner{padding:26px 19px;min-height:185px}
 .ozm-main-cta h2{font-size:26px}
 .ozm-cta-wrap{padding-bottom:12px}
 .ozm-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}
 .ozm-footer-intro{grid-column:1/-1}
}
@media(max-width:410px){
 .ozm-topbar-message{max-width:60%;font-size:9px}
 .ozm-hero-buttons{flex-direction:row;align-items:stretch;gap:9px}
 .ozm-hero .ozm-btn,.ozm-hero .ozm-btn-outline{white-space:normal;font-size:11px;padding:11px;min-width:0}
 .ozm-trustbar-grid{grid-template-columns:1fr 1fr}
 .ozm-trust-item{padding:10px 7px;gap:7px}
 .ozm-trust-item strong{font-size:10px}
 .ozm-trust-icon .ozm-icon{width:20px;height:20px}
 .ozm-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ozm-services-section .ozm-service-photo{height:123px}
 .ozm-service-copy{padding:10px}
 .ozm-service-card-name{font-size:12.5px}
 .ozm-service-description{font-size:11px}
 .ozm-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ozm-footer-columns{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){.ozm-hero-slide,.ozm-service-photo img{transition:none!important}}
