@media(max-width:1440px){

 .hero h1 {font-size:50px; margin-bottom:20px; }
     .about-heading { font-size:30px;line-height:45px;        }
.hero-grid {    grid-template-columns: minmax(0, .95fr) minmax(430px, 400px);
    gap:150px; padding:40px 0 0px;    }   


    
.footer h4{    font-size:26px;line-height: normal;}
.footer p, .footer li,.footer li a{    font-size: 11px;line-height: 20px;}
.footer li a{margin-bottom: 6px;}
.hero-stats .stat { max-width:130px;}
.story,.vision,.news,.dark-band,.articles,.mission,.gallery,.footer{    padding:50px 0px;}

.hero {min-height: 590px;}

}


@media (max-width: 1100px) {
.section, .media, .frontier, .awards {padding: 60px 0;}	
.hero {min-height: 572px;}
	.about-grid {grid-template-columns: minmax(330px, 400px) 1fr;gap: 30px;align-items: start;}
            .wrap {
                width: min(100% - 42px, 900px);
            }

            .menu {
                gap: 20px;
                font-size: 10px;
            }

            .nav-pill {
                min-width: 112px;
                padding-inline: 16px;
            }

            .hero-grid {
                grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
            }

            .hero h1 {
                margin-top: 62px;
            }

            .hero-grid,
            
            .media-grid,
            .footer-grid {
                gap: 44px;
            }

            
            .company-card {
                padding-inline: 34px;
            }

            .awards-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }

@media(max-width:991px){
.awards-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}  
.footer-grid{gap:30px;}
.footer p, .footer li, .footer li a{font-size: 12px;font-weight: 300;line-height: 22px; letter-spacing: 1.2px;}


.media .eyebrow {justify-content: center;}
.media-grid {display: flex;flex-direction: column;padding: 20px 16px 28px;overflow: hidden;}
.video-card {order: 1;text-align: center;}
.media-grid > div:first-child {order: 2;}
.video-card img {width: 100%;}
.video-caption {margin: 16px auto 0;font-weight: 400;}
/*.press-stack {overflow: hidden;}
.press-stack .owl-stage-outer {overflow: hidden;}
.press-stack .owl-stage {display: flex;align-items: stretch;width: 898px!important;}*/


  

    .site-header .nav {
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .brand img {
        max-height: 34px;
    }
	
	.menu.active .brand img {margin: 0 auto 20px}

    .menu-toggle {
        width: 38px;
        height: 38px;
        border: 0;
        border-radius: 0;
        background: transparent;
        position: relative;
        padding: 0;
        z-index: 10001;
    }

    .menu-toggle span,
    .menu-toggle::before,
    .menu-toggle::after {
        content: "";
        position: absolute;
        left: 9px;
        width: 18px;
        height: 2px;
        background: #fff;
        transition: all 0.3s ease;
    }

    .menu-toggle span {
        top: 18px;
    }

    .menu-toggle::before {
        top: 12px;
    }

    .menu-toggle::after {
        top: 24px;
    }

    .menu-toggle.active span {
        opacity: 0;
    }

    .menu-toggle.active::before {
        top: 18px;
        transform: rotate(45deg);
    }

    .menu-toggle.active::after {
        top: 18px;
        transform: rotate(-45deg);
    }

    .menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #003d32;
        padding: 90px 24px 28PX;
        display: flex;
        flex-direction: column;
        gap: 0;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.35s ease;
        z-index: 10000;
    }
	
	 .menu {
               
                right: 0;
                top: 0;
                display: none;
                background: #1E2329;
                border-top: 1px solid rgba(255,255,255,.08);
                flex-direction: column;
                align-items: stretch;
                text-align: center;
            }

    .menu.active {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }

    .menu a {
        color: #fff;       
        padding: 18px 0;
        text-decoration: none;
		padding: 12px 20px;
        width: 100%;
        text-align: center;text-transform: capitalize;
    }
	.menu.active .mob-view {display: block}

    .menu .nav-pill {
        margin-top: 22px;
        border-radius: 30px;
        background: #0a8f46;border-color: #0a8f46;
        color: #fff;
        text-align: center;
        font-weight: 700;
        border-bottom: 0;
		 width: min(140px, 100%);
        margin-inline: auto;
        padding: 10px 18px;
    }
	.menu a:hover, .menu a:focus-visible, .menu a.active {
    color: #fff;
}

    body.menu-open {
        overflow: hidden;
    }
	
	.nav {
                min-height: 72px;
            }

            .menu-toggle {
                display: inline-flex;
            }

           

           

            

            .site-header.is-open .menu {
                display: flex;
            }


  .featured-marquee {padding-left: 0px}

    

}

        

        @media (max-width: 860px) {
            

            .hero {
                min-height: auto;
            }

            .hero-grid,
            .about-grid,
            .media-grid,
            .company-cards{
                grid-template-columns: 1fr;
            }

            .hero-grid {
                gap: 36px;
                padding-top: 44px;
            }

            .hero::before,
            .hero::after {
                display: none;
            }

            .hero h1 {
                margin-top: 54px;
            }

            .hero-copy {
                margin-bottom: 34px;
            }

            .portrait-shell {
                margin-inline: auto;
                max-width: 470px;
            }

            .stats {
                grid-template-columns: repeat(3, 1fr);
                gap: 18px;
            }

            .featured-row {
                grid-template-columns: 1fr;
                gap: 18px;
                padding: 24px 0;
            }

            .featured-marquee {
                --marquee-gap: 50px;
                --marquee-offset: 25px;
                animation-duration: 15s;
            }

            .featured-marquee .item {
                min-width: 200px;
            }

            .featured-marquee .item img {
                max-width: 190px;
            }

            .about-heading {
                max-width: none;
            }

            .media-grid {
                align-items: stretch;
            }

            .company-cards {
                width: min(560px, 100%);
            }

            .awards-title {
                letter-spacing: 4px;
            }

            .section,
            .media,
            .frontier,
            .awards,
            .gallery,
            .footer {
                padding-block: 62px;
            }

            .gallery-row {
                grid-template-columns: 1fr;
            }

            .footer-grid {
                gap: 38px;
            }
        }

@media (max-width: 767px) {
.footer-grid {
                grid-template-columns: 1fr;
            }
}

@media (max-width: 575px) {
            .wrap { width: min(100% - 28px, 420px);}
            .brand { font-size: 16px;}
			.hero-grid .pdtp {padding-top:0px;}
			.hero-grid {padding-top: 28px;}
            .eyebrow { gap: 10px; font-size: 12px; letter-spacing: 3px; line-height: 18px; text-align: center;justify-content: center;}
			.eyebrow br {display: block}
			.hero h1 {font-size: 34px; text-align: center; line-height: 40px; margin-top: 24px; margin-bottom: 24px}
			.portrait-shell { width: min(70%, 560px);}
			.hero-copy {font-size: 16px; line-height: 24px;text-align: center; margin-top: 10px; margin-bottom: 28px}
			.stats {display: flex; justify-content: space-around;        margin-bottom: 30px;}
			.stat strong {font-size: clamp(25px, 6.7vw, 34px);font-weight: 500;line-height: 130%;  }
			.stat span {font-size: 10px;font-weight: 500;line-height: 14px; text-align: center}
			.featured-label {font-size: 12px;font-weight: 400;line-height: 130%; text-align: center; margin-bottom: 14px;}
			.featured {min-height: auto; padding: 22px 0 22px}
			
			.featureBg {position: relative; overflow: hidden; z-index: 1;}
			.featureBg::before { position: absolute; z-index: 99; content: "";  bottom: 0; right: -10px; width: 50px; height: 100%;  background: linear-gradient(110deg, rgba(255, 255, 255, 0.00) 0%, #000 65.19%);
			pointer-events: none;}
		   .featureBg::after { position: absolute; z-index: 99; content: ""; bottom: 0; left: -10px; width: 50px; height: 100%; 
		   background: linear-gradient(-90deg, rgba(0, 0, 0, 0.00) 0%, #000 65.19%);
			pointer-events: none;}
			.featured-marquee {display: flex; width: max-content; overflow: visible;animation: featuredMobileMarquee 18s linear infinite;        --marquee-gap: 0;
        --marquee-offset: 0; will-change: transform;}
			.featured-marquee .item {flex: 0 0 auto; margin-right: 22px;min-width: 130px;}
			.featured-marquee .item img {max-height: 34px; width: auto;display: block;max-width: 110px;}

			@keyframes featuredMobileMarquee {
				0% {
					transform: translateX(0%);
				}
				100% {
					transform: translateX(-50%);
				}
			}
			
			.section {padding: 34px 0 20px}
			.about-heading {margin-top: 24px; font-size: clamp(28px, 8.4vw, 36px); text-align: center}
			.about-heading br {display: none}
			.about-grid .bio{text-align: center}
			.about-grid {gap: 24px;}
			.bio p {font-size: 14px; font-weight: 300}
			.bio-kicker {margin-bottom: 22px; }
			.bio-kicker br {display: block}
			.company-cards .btn { min-width: 152px;padding: 7.2px 22px; font-size: 14px;font-weight: 500;}
			 .company-cards {display: block;}

    .company-cards.owl-carousel .owl-stage {  display: flex;    }
    .company-cards.owl-carousel .owl-item {display: flex; }
    .company-cards .owl-dots { margin-top: 14px;text-align: center; }
    .company-cards .owl-dot span { width: 10px;height: 10px;margin: 0 5px; background: #cfcfcf; display: block;border-radius: 50%;transition: all 0.3s ease; }
    .company-cards .owl-dot.active span {background: #E4F223;}
	.frontier {padding: 34px 0 26px}
	.frontier .eyebrow {justify-content: center; text-align: center;}
	.frontier h2 { margin: 24px 0 30px;font-size: clamp(26px, 8.4vw, 34px);}

.media-grid {gap: 34px;  margin-top: 6px;padding: 20px 20px 10px;}
.media {padding: 30px 0 30px}
     
.press-item {min-height: auto;padding: 14px;}
/*.media .owl-item {width: 362px!important;}*/
           

            

            .stats {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 24px;
            }

            .stat strong {
                font-size: clamp(25px, 8vw, 34px);
            }

            .stat span {
                font-size: 8px;
                letter-spacing: .7px;
            }

            .portrait-shell::before {
                inset: 32px;
            }

			

            .logo-forbes,
            .logo-entrepreneur,
            .logo-yahoo {
                font-size: 30px;
            }

            

           

            
            

            .company-card {
                min-height: auto;
                padding: 32px 22px;
            }

            .company-logo {
                font-size: 25px;
            }


            .awards-grid,
            .award-card {
                grid-template-columns: 1fr;
                text-align: center;
            }

    .awards-grid {display: block;overflow: hidden;margin: 28px auto 0;}
	.awards .container-wide {width: 100%}
    .awards-grid .owl-stage-outer {overflow: visible;}
    .awards-grid .owl-stage {
        display: flex;
        align-items: center;
    }

    .awards-grid .owl-item {
        opacity: 1;
    }
	.awards .eyebrow::before {display: none;width: 28px; flex: 0 0 28px;}
	.awards .eyebrow {font-weight: 500;}
	.awards {padding: 30px 0 30px}
    .award-card { height: 74px; padding: 10px 16px; display: flex; align-items: center;gap: 0px; box-shadow: none}
    .award-logo { width: 70px; min-width: 70px; display: flex; align-items: center;justify-content: start; position: relative }
	.award-logo::after {position: absolute; content: ""; right: 12px; top:0; bottom: 0; width: 1px; height: 100%; background-color: #E8EBE2}
	.award-card:before {display: none}
    .award-logo img {max-width: 48px; object-fit: contain;}
    .award-title {font-size: 10px;line-height: 130%; text-align: left}
    .awards-grid .owl-dots {margin-top: 18px;text-align: center;}
    .awards-grid .owl-dot span { width: 10px;height: 10px; margin: 0 4px; background: #D9D9D9; border-radius: 50%;display: block; }
    .awards-grid .owl-dot.active span { background: #11352D;}
	
	.gallery {padding: 30px 0 40px}
	.gallery-row { margin-top: 28px;}
	.gallery-row.gallery-mobile-slider.owl-carousel {display: block;overflow: hidden;}
	.gallery-row.gallery-mobile-slider.owl-carousel .owl-stage {display: flex;align-items: stretch;}
	.gallery-row.gallery-mobile-slider.owl-carousel .owl-item {display: flex;}
	.gallery-row.gallery-mobile-slider.owl-carousel .gallery-item {width: 100%;}
	.gallery-row.gallery-mobile-slider .owl-dots {margin-top: 16px;text-align: center;}
	.gallery-row.gallery-mobile-slider .owl-dot span {width: 10px;height: 10px;margin: 0 4px;background: #D9D9D9;border-radius: 50%;display: block;transition: background-color .3s ease;}
	.gallery-row.gallery-mobile-slider .owl-dot.active span {background: #11352D;}
	.gallery .eyebrow {color: #11352D; position: relative}
	.gallery-popup-next {right: 18px;}
	.gallery-popup-arrow {bottom: 22px; top: auto;transform: none;}
	.gallery-popup {padding: 52px 18px 28px;}
	.gallery .gallery-action .btn {margin-top: 6px; min-width: 159px;min-height: 37px;font-size: 14px;font-weight: 500; padding: 7px 20px;}
	.footer-grid {gap: 20px;}
	.footer-brand {text-align: center;border-bottom: 1px solid #3B4551;padding-bottom: 12px;}
	.footer-brand h2 img {margin: 0 auto 22px}
    .naviArow, .sociArow, .sociPres { width: 100%; text-align: center; }
	.footer {padding: 30px 0 40px}	
	.footer-brand h2 { margin-bottom: 16px;font-size: 26px; line-height: 34px;font-weight: 400;}
	.footer h3 {margin-bottom: 12px;}
	.naviArow ul li, .sociArow li, .sociPres li {display: inline-flex;padding-inline: 10px;}
	.copyright {text-align: center;font-family: "DM Sans";font-weight: 300;line-height: 130%;margin-top: 30px;}
	.footer .sociPres {border-bottom: 1px solid #3B4551;}
	/* .round-btn.next {transform: rotate(-90deg)}
	.round-btn.article-prev {transform: rotate(-90deg)}
	 */
	
    /*.press-vertical-slider.owl-carousel .owl-item { padding: 0 7px; box-sizing: border-box; }
    .press-vertical-slider .press-item { width: 100%; box-sizing: border-box; }
    .press-stack .owl-stage-outer { overflow: hidden;  margin: 0 -7px;  padding: 0 7px; }
	.owl-item {padding: 0 7px;}*/
	
	
	
        }
		
		

@media (max-width: 380px) {
            .wrap {
                width: min(100% - 22px, 340px);
            }

           

            .stats {
                grid-template-columns: 1fr;
                gap: 18px;
            }

           

            .portrait-shell::before {
                inset: 22px;
            }

            .company-logo {
                font-size: 22px;
            }
        }