@media (min-width: 1px) and (max-width: 778px) {
.md-no-margin-top {
margin-top: 58px !important;
}
}
/* ===== UTILITIES / TOKENS ===== */
:root{
--radius-lg: 1.5rem;
--radius-md: .5rem;
--shadow-soft: 0 0 25px rgba(0,0,0,.1);
--shadow-card: 0 0 1rem rgba(0,0,0,.175);
--brand-sky: #5BACD8;
--text-dark: #111;
}
.maxw-1600{ max-width:1600px; }
.maxw-1700{ max-width:1700px; }
.maxw-1300{ max-width:1300px; }
.minh-300{ min-height:300px; }
.minh-380{ min-height:380px; }
.minh-400{ min-height:400px; }
.fs-hero{ min-height:950px; }
.pt-17p{ padding-top:17%; }
.pb-5p{ padding-bottom:5%; }
.pb-6p{ padding-bottom:6%; }
.clip-skew-5{ transform: skew(5deg); }
.skew-10{ transform: skew(10deg); }
.skew-n10{ transform: skew(-10deg); }
.rounded-xl{ border-radius: 51px 0 56px 0; }
.rounded-lg{ border-radius: var(--radius-lg); }
.rounded-md{ border-radius: var(--radius-md); }
.shadow-soft{ box-shadow: var(--shadow-soft); }
.shadow-card{ box-shadow: var(--shadow-card) !important; }
.border-faint{ border:1px solid #eee; }
.border-5{ border:5px solid; }
.bg-fade-top{ background: linear-gradient(to bottom, rgba(0,0,0,.85) 0%, rgba(0,0,0,0) 96%); }
.bg-fade-top-light{ background: linear-gradient(to bottom, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 100%); }
.bg-radial-glass{ background: radial-gradient(ellipse at center, rgba(255,255,255,.3) 0%, rgba(0,0,0,0) 100%); }
.bg-cover{ background-position:center; background-size:cover; }
.btn-outline-link{ text-decoration:none; }
.z-1{ z-index:1; }
.z-0{ z-index:0; }
/* ===== HERO / HEADER ===== */
.hero-overlay{ position:absolute; inset:0; }
.hero-mobile-bg{ position:absolute; top:0; left:0; width:100%; z-index:-1; }
.hero-mobile-bg.bg-cover{ height:100%; }
/* ===== ICON BOXES (Services) ===== */
.icobox{
padding:12px; margin-bottom:26px;
border:1px solid #FFF !important;


border-radius:13px 13px 13px 13px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+18,f7f7f7+100&0+50,1+100 */
background: linear-gradient(45deg,  rgba(255,255,255,0) 18%,rgba(252,252,252,0) 50%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
transition: all .5s ease-in-out;
}
.icobox:hover{ border-color: var(--brand-sky) !important; border-bottom-color: #CCC; }
.icon-large{

font-size: 29px;
padding: 20px 20px;
border-radius: 100%;
background: var(--brand-sky);
color: white;
margin-bottom:20px;

}
.clone-me{ border-radius:8px; position:relative; transition: all .5s ease-out; }
.clone-me:hover{ box-shadow: var(--shadow-soft); height:100%; }
/* ===== NAV MEGA MENU STATES ===== */
.megamenu-dim{ background: rgba(111,111,111,.7) !important; }
.megamenu-dim-light{ background: rgba(255,255,255,.7) !important; }
.megamenu-links-dark a, .megamenu-header-dark{ color:#FFF !important; }
.megamenu-links-light a, .megamenu-header-light{ color:#000 !important; }
/* ===== MODEL DETAIL (Current Projects pills) ===== */
.model-detail{
backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
padding:30px; font-size:1.4rem; text-transform:uppercase;
border-radius: var(--radius-lg) 0 var(--radius-lg) 0;
}
.model-detail .h1{ margin:0; }
.model-detail-list{ list-style:none; margin:0; padding:0; }
.model-detail-list > li{ display:flex; justify-content:center; align-items:center; padding-top:.5rem; }
/* ===== LAZYLOAD VISIBILITY ===== */
img.lazy, .lazy[data-lazy-bg]{
opacity:0 !important; visibility:hidden; transform: translateY(6px);
transition: opacity .35s ease, transform .35s ease; will-change: opacity, transform;
}
.lazy[data-lazy-bg]{ background-position:center; background-size:cover; }
img.lazy.is-loaded, .lazy[data-lazy-bg].is-loaded{ opacity:1 !important; visibility:visible; transform:none; }
/* ===== MODAL (Magnific) ===== */
.mfp-bg, .mfp-wrap{ position:fixed !important; inset:0; }
html.mfp-open, body.mfp-open{ overflow:hidden !important; }
#modal-popup3{ max-height: calc(100vh - 24px); display:flex; flex-direction:column; overflow:hidden; }
#modal-popup3 .modal-scroll{
overflow-y:scroll; overflow-x:hidden; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
max-height: calc(100vh - 24px); padding-right:8px;
}
.mfp-close-btn-in .modal-popup-main .mfp-close{ display:none; }
/* ===== SECTION HELPERS ===== */
.section-card{ box-shadow: var(--shadow-card); }
.title-xl{ font-size:2.3rem; }
.lead-tight{ font-size:2rem; line-height:2.5rem; }
/* ===== FEATURED TILES ===== */
.featured-tile{ height:300px; }
/* ===== HERO HIDDEN/SHOWN ===== */
@media (max-width: 991.98px){
.hero-desktop-only{ display:none !important; }
}
@media (min-width: 992px){
.hero-mobile-only{ display:none !important; }



}

@media (min-width: 76px) {

.top-video { height:300px !important;


.hero-placement  {
bottom:10%;
}

.header-title {
font-size:3rem; line-height:3rem
}



}


@media (min-width: 576px) {

.top-video { height:400px !important; }

.header-title {
font-size:4rem; line-height:4rem
}


}

@media (min-width: 992px) {

.top-video { height:600px !important;



.hero-placement  {
bottom:8%;
}

.header-title {
font-size:5rem; line-height:6rem
}


}



@media (min-width:1200px) {

.top-video { height:1000px !important; }


.hero-placement  {
bottom:20%;
}



}