@charset "UTF-8";


/* --------COMMON-----------  */

:root {
  --color1: #000000; /*black*/
  --color2: #FFFFFF; /*white*/
  --color3: #0D33D3; /*blue*/
  --color5: #478FFF; /*light blue2*/
  --color6: #FF1D58; /*pink*/
  --color7: #FF1D58; /*#071E3D*/
  
  --color8: #003675; /*primary navy*/
  --color9: #003675; /*rich blue*/
  --color10: #67b4f4; /*steel blue*/
  --color11: #eaf4fb; /*fog blue*/
  --color12: #D8C6B1; /*warm sand*/
  --color13: #ca936f; /*camel*/
  --color14: #2a313b; /*charcoal*/
  --color15: #a16b4c; /*camel dark*/
  --color16: #faf8f4; /*creative paper*/
}

a {
  color: var(--color9) !important;
  font-style: normal;
  font-family: "Roboto", sans-serif;
	font-variant: normal;
	/*line-height: 1.5em;*/
  font-size: clamp(20px, 1vw, 25px);
}
a:hover {
 color: var(--color9) !important;
}

h1 {
	color: var(--color2);
	margin-top: 46px;
	margin-bottom: 25px;
  font-size: clamp(40px, 3vw, 50px);
}

h2 {
	color: #bbe9ea;
	margin-bottom: 25px;
	/*padding-top: 30px;*/
	font-weight: lighter;
	font-variant: normal;
	font-size: 1.5em;
	letter-spacing: 0.1em;
}

h5 {
	font-size: clamp(22px, 2vw, 26px);
	font-weight:600;
	font-family: "Raleway", sans-serif;
  
}

p, ul, li{
	color: var(--color1);
	font-style: normal;
  font-family: "Roboto", sans-serif;
	font-variant: normal;
	font-weight: 300;
	line-height: 1.5em;
  font-size: clamp(20px, 1vw, 25px);
}

/*.container {
	padding-left: 0px !important;
	padding-right: 0px !important;
}*/

.category-title {
    color: var(--color13);
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-size: 13px;
    font-weight: 800;
}
    
.btn-primary{
    background:var(--color13) !important;
    color:white !important;
    padding:16px 34px;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-size:14px;
    transition:.3s;
    border: 1px solid var(--color13);
}

.btn-primary:hover{
    background:var(--color2) !important;
    color:var(--color9) !important;
    text-decoration:none !important;
}

.btn-secondary{
    background:var(--color15) !important;
    color:white !important;
    padding:16px 34px;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-size:14px;
    transition:.3s;
    border: 1px solid var(--color15);
}

.btn-secondary:hover{
    background:var(--color2) !important;
    color:var(--color9) !important;
    text-decoration:none !important;
}


.index-section-heading {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 42px;
}

.index-section-heading > span {
    flex: 1;
    height: 1px;
    background: #cfdce8;
}

.index-section-heading h2 {
    margin: 0;
    color: var(--color8);
    font-size: 28px;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 800;
    white-space: nowrap;
}

/*DEFAULT HERO HEADER*/

.default-page-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.default-page-hero {
    background:
        linear-gradient(
            135deg,
            var(--news-navy) 0%,
            var(--news-blue) 100%
        );
    padding: 90px 5%;
    color: var(--news-white);
}

.default-page-kicker {
    margin: 0 0 16px;
    color: var(--color13);
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 800;
}

.default-page-hero h1 {
    margin: 0 0 24px;
    color: var(--news-white);
    font-size: clamp(62px, 5.8vw, 98px);
    line-height: 0.9;
    text-transform: uppercase;
    letter-spacing: -2px;
    font-weight: 800;
}

.default-page-hero h1 span {
    color: var(--about-accent-blue);
}

.default-page-intro {
    max-width: 660px;
    margin: 0 0 38px;
    color: #d7e4ef;
    font-size: clamp(18px, 2vw, 23px);
    line-height: 1.65;
}


.services-list {
    margin: 1.5rem 0;
    padding-left: 1.25rem;
    list-style-type: disc;
}

.services-list li {
    margin-bottom: 0.5rem;
    padding-left: 0.25rem;
    line-height: 1.6;
}

.services-list li:last-child {
    margin-bottom: 0;
}

/* --------NAVBAR----------- */

.navbar-dark .navbar-nav .nav-link{
    color:#fff;
    font-size:14px;
    letter-spacing:1px;
    font-weight:600;
    padding:76px 18px 20px 18px;
    transition:.25s;
    background-color: var(--color8) !important;
}

.navbar-dark .navbar-nav .nav-link:hover{
    color:#79B9FF;
}

.dropdown-menu{
    border:none;
    border-radius:0;
    margin-top:0;
    min-width:260px;
    padding: 0;
    
    /*box-shadow:0 15px 35px rgba(0,0,0,.18);*/
}

.dropdown-item{
    padding:12px 20px;
    font-size:14px;
    transition:.2s;
}

.dropdown-item:hover{
    background:var(--color11);
    color:#0056b3;
}

@media (min-width:992px){

.navbar .dropdown:hover>.dropdown-menu{
    display:block;
    margin-top:0;
}

}

.navbar {
  padding: 0rem 0rem;
}


.navbar-toggler {
  margin-right: 15px !important;
}

.navbar.navbar-expand-lg.navbar-dark.bg-dark {
	background-color: var(--color8) !important;
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
	padding-left: 0px;
	padding-right: 0px;
}
.navbar-light .navbar-nav .show >.nav-link  , .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active{
	color: #0060AF;
	font-weight: bold;
	text-align: center;
  
}

.navbar-nav {
  margin-right: 15px;
}

.navbar-collapse {
  padding-top: 0px;
  background-color: var(--color8);
  margin-top: 10px;
}

.nav-link {
	color: var(--color2) !important;
	letter-spacing: 2px;
  padding: 10px;
	font-style: normal;
  font-weight: normal;
	font-size: 15px;
  font-family: "Raleway", sans-serif;
  border-bottom: 2px solid var(--color8);
}
.nav-link:hover {
  color: var(--color2) !important;
  border-bottom: 2px solid var(--color2) !important;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-dark .navbar-toggler:focus:focus-visible {
  border: none !important;
}


/* LEARN MORE BUTTONS */

.learn-more {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: auto;
    color: #0b5ea8 !important;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    font-size: 14px;
    font-weight: 800;
    transition: color 0.25s ease;
}

.learn-more::after {
    content: "→";
    margin-left: 8px;
    transition: transform 0.25s ease;
}

.learn-more:hover,
.learn-more:focus {
    color: #31a1ff !important;
    text-decoration: none;
}

.learn-more:hover::after,
.learn-more:focus::after {
    transform: translateX(5px);
}

.learn-more:focus-visible {
    outline: 2px solid var(--color10);
    outline-offset: 4px;
}



/* --------INDEX----------- */
  /*FEATURED HERO section*/
  .featured-hero{
    position:relative;
    min-height:760px;
    background:url(/images/featured-hero_04.jpg) center left/cover no-repeat;
    overflow:hidden;
}

.featured-overlay{

    position:absolute;
    inset:0;

    /*background:linear-gradient(90deg, rgb(16 59 106 / 5%) 0%, rgba(6, 25, 46, .20) 25%, rgb(18 57 101 / 65%) 55%, rgb(27 64 105 / 93%) 100%);*/

}

.featured-hero .container{
    position:relative;
    z-index:2;
    max-width:1440px;
    margin:auto;
    padding:0 5%;
    height:760px;
}

.hero-grid{
    display:grid;
    grid-template-columns:55% 45%;
    align-items:center;
    height:100%;

}

.hero-image{
    min-height:100%;
}

.hero-content{
    color:white;
    max-width:560px;
    justify-self:end;

}

.hero-kicker{
    text-transform:uppercase;
    letter-spacing:3px;
    color:var(--color13);
    font-size:13px;
    margin-bottom:30px;

}

.hero-content h1{
    font-size:clamp(56px,5vw,88px);
    line-height:.95;
    letter-spacing:2px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:35px;
}

.hero-content h1 span{
    color:var(--color10);

}

.hero-description{
    font-size:19px;
    line-height:1.8;
    color:#D7E4EF;
    margin-bottom:40px;
}

.hero-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin: 0px 15px 0px 15px;
}


/* ---------- Tablet ---------- */

@media (max-width:991px){

.hero-grid{
    grid-template-columns:1fr;
}

.hero-content{
    justify-self:center;
    text-align:center;
    padding-top:180px;

}

.hero-buttons{
    justify-content:center;

}

.featured-overlay{
    background:linear-gradient(
        180deg,
        rgba(6,25,46,.15) 0%,
        rgba(6,25,46,.55) 55%,
        rgba(6,25,46,.95) 100%
    );

}

.featured-hero{
    background:url(/images/featured-hero_04.jpg) center left/cover no-repeat;
}

}

/* ---------- Mobile ---------- */

@media (max-width:576px){
.featured-hero{
    min-height:720px;
    background:url(/images/featured-hero_04.jpg) 8% center/cover no-repeat;
}

.featured-hero .container{
    height:auto;
    padding:320px 24px 60px;
}

.hero-content h1{
    font-size:46px;

}

.hero-description{
    font-size:16px;

}

.hero-buttons{
    flex-direction:column;

}

.btn-primary,
.btn-secondary{
    width:100%;
    text-align:center;

}

}

/* ==========================================
   BOOKING SECTION ON CONTACT PAGE
==========================================*/
.booking-info {
    margin-top: 2rem;
}

.booking-section {
    padding: 2rem 0;
    border-bottom: 1px solid rgba(7, 30, 61, 0.15);
}

.booking-section:first-child {
    padding-top: 0;
}

.booking-section:last-child {
    border-bottom: none;
}

.booking-section h3 {
    margin: 0 0 14px;
    color: var(--color8);
    font-size: 22px;
    line-height: 1.15;
    font-weight: 800;
}

.booking-section p {
    margin: 0 0 26px;
    color: var(--color14);
    font-size: 18px;
    line-height: 1.85;
}

.booking-section p:last-child {
    margin-bottom: 0;
}

.booking-section strong {
    font-weight: 600;
    color: #071E3D;
}

.booking-section a {
    color: var(--color10) !important;
    font-size: 18px;
    font-weight: bold;
}

.booking-section a:hover {
    text-decoration: underline;
}

/* ========================================
   SIZZLE REEL POPUP
======================================== */

.sizzle-reel-button {
    border: none;
    font-family: inherit;
    cursor: pointer;
}

/* Full-screen overlay */
.video-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Open state */
.video-modal.active {
    opacity: 1;
    visibility: visible;
}

/* Dark background */
.video-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.92);
}

/* Video container */
.video-modal-content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1100px;
}

/* Responsive 16:9 video */
.video-modal-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background: #000;
    overflow: hidden;
}

.video-modal-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Close button */
.video-modal-close {
    position: absolute;
    top: -48px;
    right: 0;
    z-index: 2;

    width: 40px;
    height: 40px;

    padding: 0;
    border: 0;
    background: transparent;

    color: #fff;
    font-size: 38px;
    font-weight: 300;
    line-height: 1;

    cursor: pointer;

    transition: opacity 0.2s ease;
}

.video-modal-close:hover {
    opacity: 0.6;
}

/* Prevent page scrolling while video is open */
body.video-modal-open {
    overflow: hidden;
}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 767px) {

    .video-modal {
        padding: 20px;
    }

    .video-modal-close {
        top: -42px;
        right: 0;
        font-size: 34px;
    }
}

/* ==========================================
   EXPLORE MY WORK
========================================== */

.explore-work-section {
    background: var(--color16);
    padding: 80px 0%;
}

.explore-work-section .container {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

/* Section heading */


/*.explore-work-section .section-heading {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 42px;
}

.explore-work-section .section-heading > span {
    flex: 1;
    height: 1px;
    background: #cfdce8;
}

.explore-work-section .section-heading h2 {
    margin: 0;
    color: var(--color8);
    font-size: 28px;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 800;
    white-space: nowrap;
}*/

/* Grid */

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

/* Card */

.work-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #ffffff;
    border: 1px solid #dfe7ef;
    overflow: hidden;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.work-card:hover {
    transform: translateY(-6px);
    border-color: #c8d8e5;
    box-shadow: 0 18px 38px rgba(7, 30, 61, 0.12);
}

/* Clickable image */

.work-image-link {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--color8);;
    text-decoration: none;
}

.work-image-link::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(7, 30, 61, 0);
    transition: background 0.35s ease;
    pointer-events: none;
}

.work-image-link img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
    transition:
        transform 0.45s ease,
        opacity 0.45s ease;
}

.work-card:hover .work-image-link img,
.work-image-link:focus img {
    transform: scale(1.055);
}

.work-card:hover .work-image-link::after,
.work-image-link:focus::after {
    background: rgba(7, 30, 61, 0.08);
}

.work-image-link:focus-visible {
    outline: 3px solid var(--color10);
    outline-offset: -3px;
}

/* Card content */

.work-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px;
}

/* Title */

.work-card h3 {
    margin: 0 0 12px;
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 800;
}

.work-card h3 a {
    color: var(--color8);;
    text-decoration: none;
    transition: color 0.25s ease;
}

.work-card h3 a:hover,
.work-card h3 a:focus {
    color: #0b5ea8;
}

.work-card h3 a:focus-visible {
    outline: 2px solid var(--color10);
    outline-offset: 4px;
}

/* Description */

.work-card p {
    margin: 0 0 22px;
    color: #24364a;
    font-size: 18px;
    line-height: 1.55;
}

/* Learn more */

.work-read-more {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: auto;
    color: #0b5ea8;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    font-size: 13px;
    font-weight: 800;
    transition: color 0.25s ease;
}

.work-read-more::after {
    content: "→";
    margin-left: 8px;
    transition: transform 0.25s ease;
}

.work-read-more:hover,
.work-read-more:focus {
    color: var(--color13);
}

.work-read-more:hover::after,
.work-read-more:focus::after {
    transform: translateX(5px);
}

.work-read-more:focus-visible {
    outline: 2px solid var(--color10);
    outline-offset: 4px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1200px) {

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

}

@media (max-width: 768px) {

    .explore-work-section {
        padding: 60px 24px;
    }

    .explore-work-section .section-heading {
        gap: 14px;
        margin-bottom: 34px;
    }

    .explore-work-section .section-heading h2 {
        font-size: 22px;
        text-align: center;
    }

    .work-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .work-image-link img {
        height: 220px;
    }

}

@media (max-width: 520px) {

    .explore-work-section {
        padding: 52px 18px;
    }

    .explore-work-section .section-heading > span {
        display: none;
    }

    .explore-work-section .section-heading {
        justify-content: flex-start;
    }

    .explore-work-section .section-heading h2 {
        white-space: normal;
        text-align: center;
    }

    .work-grid {
        grid-template-columns: 1fr;
    }

    .work-image-link img {
        height: 240px;
    }

    .work-card-content {
        padding: 22px;
    }

}

/* ==========================================
   Cookie Banner
========================================== */

.cookie-banner {
    position: fixed;
    left: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;

    max-width: 1100px;
    margin: auto;

    background: #071E3D;
    color: #fff;

    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(0,0,0,.28);

    z-index: 9999;

    opacity: 0;
    transform: translateY(30px);

    transition:
        opacity .4s ease,
        transform .4s ease;
}

.cookie-banner.show {
    opacity: 1;
    transform: translateY(0);
}

.cookie-banner__content {
    padding: 1.5rem 2rem;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.cookie-banner,
.cookie-banner p,
.cookie-banner strong,
.cookie-banner a {
    color: #fff;
}

.cookie-banner a {
    color: var(--color10) !important;
}

.cookie-banner a:hover {
    color: #9fd5ff !important;
}


.cookie-banner__buttons {
    display: flex;
    gap: .75rem;
    flex-shrink: 0;
}

.btn-cookie {
    cursor: pointer;

    padding: .8rem 1.4rem;

    border-radius: 999px;

    border: none;

    font-weight: 600;

    transition: .25s;
}

.btn-cookie-primary {
    background: var(--color10);
    color: #071E3D;
}

.btn-cookie-primary:hover {
    background: #8bc6f8;
}

.btn-cookie-secondary {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255,255,255,.35);
}

.btn-cookie-secondary:hover {
    background: rgba(255,255,255,.08);
}

@media (max-width:768px){

.cookie-banner{
    left:1rem;
    right:1rem;
    bottom:1rem;
}

.cookie-banner__content{
    flex-direction:column;
    align-items:flex-start;
}

.cookie-banner__buttons{
    width:100%;
}

.btn-cookie{
    flex:1;
}

}







/* NEWS AND INSTAGRAM FEED */

.whats-new-section {
    background: #eaf4fb;
    padding: 80px 5%;
}

.whats-new-section .container {
    max-width: 1600px;
    margin: 0 auto;
}

.whats-new-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 48px;
    align-items: start;
}

/* News grid */

.news-column {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.news-card {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #d9e6f0;
    overflow: hidden;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 38px rgba(7, 30, 61, 0.12);
}

/* Section heading */

/*
.whats-new-section .section-heading {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 42px;
}

.whats-new-section .section-heading > span {
    flex: 1;
    height: 1px;
    background: #cfdce8;
}

.whats-new-section .section-heading h2 {
    margin: 0;
    color: var(--color8);
    font-size: 28px;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 800;
    white-space: nowrap;
}
*/
/* Clickable news image */

.news-image-link {
    position: relative;
    display: block;
    overflow: hidden;
    background: #123e6d;
    text-decoration: none;
}

.news-image-link img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
    transition:
        transform 0.4s ease,
        opacity 0.4s ease;
}

.news-image-link::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(7, 30, 61, 0);
    transition: background 0.4s ease;
    pointer-events: none;
}

.news-card:hover .news-image-link img,
.news-image-link:focus img {
    transform: scale(1.05);
}

.news-card:hover .news-image-link::after,
.news-image-link:focus::after {
    background: rgba(7, 30, 61, 0.08);
}

.news-image-link:focus-visible {
    outline: 3px solid var(--color10);
    outline-offset: -3px;
}

/* News text */

.news-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 26px;
}

.news-date {
    margin: 0 0 12px;
    color: var(--color13);
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 800;
}

.news-content h3 {
    margin: 0 0 14px;
    color: var(--color8);
    font-size: 22px;
    line-height: 1.15;
    font-weight: 800;
}

/* Clickable news headline */

.news-content h3 a {
    color: inherit;
    text-decoration: none;
    text-transform: none;
    letter-spacing: normal;
    font-size: inherit;
    font-weight: inherit;
    transition: color 0.25s ease;
}

.news-content h3 a::after {
    content: none;
}

.news-content h3 a:hover,
.news-content h3 a:focus {
    color: #0b5ea8;
}

.news-content h3 a:focus-visible {
    outline: 2px solid var(--color10);
    outline-offset: 4px;
}

.news-content > p:not(.news-date) {
    color: #24364a;
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 22px;
}

/* Read more link */

.news-read-more {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: auto;
    color: #0b5ea8;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    font-size: 13px;
    font-weight: 800;
    transition: color 0.25s ease;
}

.news-read-more::after {
    content: "→";
    margin-left: 8px;
    transition: transform 0.25s ease;
}

.news-read-more:hover,
.news-read-more:focus {
    color: var(--color13);
}

.news-read-more:hover::after,
.news-read-more:focus::after {
    transform: translateX(5px);
}

.news-read-more:focus-visible {
    outline: 2px solid var(--color10);
    outline-offset: 4px;
}

/* Instagram */

.instagram-column {
    min-width: 0;
    background: var(--color8);
    padding: 18px;
}

.instagram-heading {
    margin-bottom: 20px;
}

/*.instagram-kicker {
    margin: 0 0 8px;
    color: var(--color13);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 800;
}*/

.instagram-heading h3 {
    margin: 0;
    color: #ffffff;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.instagram-widget {
    width: 100%;
    overflow: hidden;
    /*background: #ffffff;*/
}

.instagram-widget iframe {
    display: block;
    width: 100%;
    height: 1000px;
    border: 0 !important;
}

body.sk-instagram-feed {
	border: 0 !important;
}

/* Responsive */

@media (max-width: 1100px) {
    .whats-new-grid {
        grid-template-columns: 1fr;
    }

    .instagram-column {
        width: 100%;
        max-width: none;
    }

    .instagram-widget iframe {
        height: 850px;
    }
}

@media (max-width: 700px) {
    .whats-new-section {
        padding: 60px 24px;
    }

    .news-column {
        grid-template-columns: 1fr;
    }

    .news-image-link img {
        height: 240px;
    }

    .instagram-column {
        padding: 22px;
    }

    .instagram-widget iframe {
        height: 750px;
    }
}

@media (max-width: 480px) {
    .whats-new-section {
        padding: 50px 18px;
    }

    .news-image-link img {
        height: 220px;
    }

    .news-content {
        padding: 22px;
    }

    .instagram-column {
        padding: 18px;
    }

    .instagram-widget iframe {
        height: 680px;
    }
}




/* CURRENT PROJECTS CAROUSEL */

.current-projects-section {
    background:var(--color8);
    padding: 90px 10%;
    color: #ffffff;
}

.current-projects-section .container {
    max-width: 1600px;
    margin: 0 auto;
}

.current-projects-heading {
    text-align: center;
    margin-bottom: 50px;
}

.current-projects-heading .section-heading {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 42px;
}

.current-projects-heading .section-heading > span {
    flex: 1;
    height: 1px;
    background: #cfdce8;
}

/*.current-projects-heading p {
    color: var(--color13);
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 14px;
}*/

.current-projects-heading h2 {
    margin: 10px;
    color: white;
    font-size: 28px;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 800;
    min-width: 0;
    overflow-wrap: break-word;
}

.projects-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.project-card {
    color: #ffffff;
}

.project-image {
    display: block;
    overflow: hidden;
    background: #123e6d;
}

.project-image img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    display: block;
    transition: transform 0.45s ease, opacity 0.45s ease;
}

.project-card:hover .project-image img {
    transform: scale(1.06);
    opacity: 0.9;
}

.project-content {
    padding: 22px 0 0;
}

.project-category {
    margin: 0 0 10px;
    color: var(--color13);
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 3px;
    font-weight: 800;
}

.project-content h3 {
    color: #ffffff;
    font-size: 22px;
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    /*font-weight: 400;*/
}

.project-content h3 span {
    display: block;
    margin-top: 7px;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    color: #c9dceb;
}

.project-content a {
    color: var(--color10) !important;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 800;
}

.project-content a::after {
    content: " →";
}

.project-content a:hover {
    color: var(--color13);
}

/* Carousel arrows */

.carousel-control-prev,
.carousel-control-next {
    width: 52px;
    height: 52px;
    top: 38%;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.25);
    opacity: 1;
}

.carousel-control-prev {
    left: -70px;
}

.carousel-control-next {
    right: -70px;
}

.carousel-control-prev span,
.carousel-control-next span {
    font-size: 46px;
    line-height: 1;
    color: #ffffff;
}

/* Responsive */

@media (max-width: 1300px) {
    .carousel-control-prev {
        left: 10px;
    }

    .carousel-control-next {
        right: 10px;
    }
}

@media (max-width: 1100px) {
    .projects-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .current-projects-section {
        padding: 70px 24px;
    }

    .current-projects-heading h2 {
        font-size: 32px;
    }

    .projects-grid {
        grid-template-columns: 1fr;
    }

    .project-image img {
        height: 250px;
    }

    .carousel-control-prev,
    .carousel-control-next {
        position: static;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 28px;
    }

    #currentProjectsCarousel {
        text-align: center;
    }
}










/* ==========================================
   ABOUT CRAIG PAGE
========================================== */

:root {
    --about-navy: #071e3d;
    --about-blue: #123e6d;
    --about-light-blue: #eaf4fb;
    --about-accent-blue: #67b4f4;
    --about-beige: #d6c3a5;
    --about-bronze: #B18861;
    --about-paper: #faf8f4;
    --about-white: #ffffff;
    --about-text: #24364a;
    --about-muted: #65778a;
    --about-border: #d9e4ed;
}

.page-text-page {
    background: var(--color16);
    color: var(--color14);
}

.page-text-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}


/* ==========================================
   HERO
========================================== */

/*.about-hero {
    background:
        linear-gradient(
            135deg,
            var(--about-navy) 0%,
            var(--about-blue) 100%
        );
    padding: 90px 5%;
    color: var(--about-white);
}

.about-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.72fr);
    gap: 80px;
    align-items: center;
}

.about-hero-content {
    max-width: 720px;
}

.about-kicker {
    margin: 0 0 18px;
    color: var(--about-bronze);
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 800;
}

.about-hero h1 {
    margin: 0 0 30px;
    color: var(--about-white);
    font-size: clamp(64px, 8vw, 120px);
    line-height: 0.82;
    text-transform: uppercase;
    letter-spacing: -2px;
    font-weight: 800;
}

.about-hero h1 span {
    color: var(--about-accent-blue);
}*/

/*.about-intro {
    max-width: 660px;
    margin: 0 0 38px;
    color: #d7e4ef;
    font-size: clamp(18px, 2vw, 23px);
    line-height: 1.65;
}*/

.page-downloads {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.page-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 30px;
    border: 1px solid transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    font-size: 13px;
    font-weight: 800;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.page-button:hover {
    transform: translateY(-2px);
}

.page-button-primary {
    background: var(--about-bronze);
    border-color: var(--about-bronze);
    color: var(--about-white);
}

.page-button-primary:hover,
.page-button-primary:focus {
    background: #8f6540;
    border-color: #8f6540;
    color: var(--about-white);
}

.page-button-secondary {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.5);
    color: var(--about-white);
}

.page-button-secondary:hover,
.page-button-secondary:focus {
    background: var(--about-white);
    border-color: var(--about-white);
    color: var(--about-navy);
}

.page-button:focus-visible {
    outline: 3px solid var(--about-accent-blue);
    outline-offset: 4px;
}

.page-headshot {
    margin: 0;
}

.page-headshot img {
    width: 100%;
    max-height: 680px;
    object-fit: cover;
    object-position: center top;
    display: block;
    box-shadow: 0 28px 65px rgba(0, 0, 0, 0.28);
}

.page-headshot figcaption {
    margin-top: 11px;
    color: #c8d8e5;
    font-size: 12px;
    line-height: 1.4;
}


/* ==========================================
   PAGE TEXT
========================================== */

.page-text-section {
    background: var(--color2);
    padding: 95px 5%;
}

.page-text-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 80px;
  align-items: start;
}

.page-text-section-label {
    /*padding-left: 28px;*/
    /*border-left: 4px solid var(--color15);*/
}

.page-text-section-label > p {
    margin: 0 0 14px;
    color: var(--color15);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    font-weight: 800;
}

.page-text-section-label h2 {
    margin: 0;
    color: var(--color8);
    font-size: clamp(30px, 3.5vw, 52px);
    line-height: 1.08;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.page-text-copy {
    max-width: 1000px;
}

.page-text-copy p {
    margin: 0 0 26px;
    color: var(--color14);
    font-size: 18px;
    line-height: 1.85;
}

.page-text-copy ul, li {
    color: var(--color14);
    font-size: 18px !important;
}

.page-text-copy .page-text-lead {
    color: var(--color14);
    font-size: 22px;
    line-height: 1.7;
    font-weight: 600;
}

.page-text-copy a {
	color: var(--color10) !important;
	font-size: 18px;
	font-weight: bold;
}


/* Left-side biography image */

.page-text-image {
    position: sticky;
    top: 120px;
    margin: 0;
}

.page-text-image img {
    display: block;
    width: 100%;
    max-height: 720px;
    object-fit: cover;
    object-position: center top;
    /*box-shadow: 0 22px 50px rgba(7, 30, 61, 0.14);*/
}

.page-text-image figcaption {
    margin-top: 10px;
    color: var(--about-muted);
    font-size: 12px;
    line-height: 1.5;
}



/* ==========================================
   SIZZLE REEL
========================================== */
/*
.page-reel-section {
    background: var(--about-navy);
    padding: 90px 5%;
    color: var(--about-white);
}

.page-reel-heading {
    display: grid;
    grid-template-columns: minmax(260px, 0.55fr) minmax(0, 0.45fr);
    gap: 60px;
    align-items: end;
    margin-bottom: 42px;
}

.page-reel-heading h2 {
    margin: 0;
    color: var(--about-white);
    font-size: clamp(38px, 5vw, 68px);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.page-reel-intro {
    max-width: 560px;
    margin: 0;
    color: #cbdceb;
    font-size: 17px;
    line-height: 1.7;
}

.page-video-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #020d1a;
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.32);
}

.page-video-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* ========================================
   PROJECT GALLERY
======================================== */

.project-gallery {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}


/* ========================================
   MAIN IMAGE
======================================== */

.project-gallery-main {
    width: 100%;
}

.project-gallery-main-button {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}

.project-gallery-main img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 700px;
    object-fit: contain;
    margin: 0 auto;

    transition: opacity 0.25s ease;
}


/* ========================================
   MAIN GALLERY CAPTION
======================================== */

.project-gallery-caption {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;

    padding: 12px 2px 0;
}

.project-gallery-caption-text {
    flex: 1;

    color: #071E3D;
    font-size: 0.9rem;
    line-height: 1.5;
}

.project-gallery-credit {
    flex-shrink: 0;

    color: #777;
    font-size: 0.78rem;
    line-height: 1.5;
    text-align: right;
}


/* ========================================
   THUMBNAILS
======================================== */

.project-gallery-thumbnails {
    display: flex;
    gap: 10px;

    margin-top: 18px;
    padding-bottom: 5px;

    overflow-x: auto;
    scrollbar-width: thin;
}

.project-gallery-thumb {
    flex: 0 0 120px;
    height: 80px;

    padding: 0;
    border: 2px solid transparent;

    background: #f2f2f2;

    cursor: pointer;
    overflow: hidden;

    opacity: 0.65;

    transition:
        opacity 0.2s ease,
        border-color 0.2s ease;
}

.project-gallery-thumb:hover {
    opacity: 1;
}

.project-gallery-thumb.active {
    opacity: 1;
    border-color: #071E3D;
}

.project-gallery-thumb img {
    display: block;
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* ========================================
   LIGHTBOX
======================================== */

.gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 25px;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease;
}

.gallery-lightbox.active {
    opacity: 1;
    visibility: visible;
}


/* Background */

.gallery-lightbox-backdrop {
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.94);
}


/* Main lightbox container */

.gallery-lightbox-content {
    position: relative;
    z-index: 1;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* Image + caption + counter group */

.gallery-lightbox-center {
    width: calc(100% - 140px);
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-width: 0;
    min-height: 0;
}


/* ========================================
   IMAGE AREA
======================================== */

.gallery-lightbox-image-wrapper {
    flex: 1 1 auto;

    width: 100%;
    min-height: 0;

    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-lightbox-image-wrapper img {
    display: block;

    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 100%;

    object-fit: contain;
}


/* ========================================
   LIGHTBOX CAPTION
======================================== */

.gallery-lightbox-meta {
    flex: 0 0 auto;

    width: 100%;
    max-width: 1200px;

    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;

    padding-top: 14px;

    color: #fff;
}

.gallery-lightbox-caption {
    flex: 1;
    min-width: 0;

    font-size: 0.9rem;
    line-height: 1.5;
}

.gallery-lightbox-credit {
    flex-shrink: 0;

    color: rgba(255, 255, 255, 0.6);

    font-size: 0.78rem;
    line-height: 1.5;
    text-align: right;
}


/* ========================================
   LIGHTBOX COUNTER
======================================== */

.gallery-lightbox-counter {
    position: static;
    transform: none;

    flex: 0 0 auto;

    width: 100%;

    margin-top: 14px;
    padding-bottom: 4px;

    color: rgba(255, 255, 255, 0.75);

    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-align: center;
}


/* ========================================
   CLOSE BUTTON
======================================== */

.gallery-lightbox-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;

    width: 44px;
    height: 44px;

    padding: 0;
    border: 0;
    background: transparent;

    color: #fff;

    font-size: 40px;
    font-weight: 300;
    line-height: 1;

    cursor: pointer;

    transition: opacity 0.2s ease;
}

.gallery-lightbox-close:hover {
    opacity: 0.6;
}


/* ========================================
   PREVIOUS / NEXT ARROWS
======================================== */

.gallery-lightbox-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;

    transform: translateY(-50%);

    width: 55px;
    height: 70px;

    padding: 0;
    border: 0;

    background: rgba(255, 255, 255, 0.08);

    color: #fff;

    font-size: 40px;
    line-height: 1;

    cursor: pointer;

    transition: background 0.2s ease;
}

.gallery-lightbox-arrow:hover {
    background: rgba(255, 255, 255, 0.18);
}

.gallery-lightbox-prev {
    left: 0;
}

.gallery-lightbox-next {
    right: 0;
}


/* Prevent page scrolling while lightbox is open */

body.gallery-lightbox-open {
    overflow: hidden;
}


/* ========================================
   TABLET
======================================== */

@media (max-width: 991px) {

    .project-gallery-main img {
        max-height: 600px;
    }

    .gallery-lightbox {
        padding: 20px;
    }

    .gallery-lightbox-center {
        width: calc(100% - 110px);
    }

    .gallery-lightbox-arrow {
        width: 45px;
        height: 60px;

        font-size: 32px;
    }
}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 767px) {

    /* Main gallery caption */

    .project-gallery-caption {
        display: flex;
        flex-direction: column;
        align-items: center;

        gap: 4px;

        padding-top: 10px;

        text-align: center;
    }

    .project-gallery-caption-text {
        width: 100%;
        text-align: center;
    }

    .project-gallery-credit {
        width: 100%;

        margin-top: 0;

        text-align: center;
    }


    /* Thumbnails */

    .project-gallery-thumbnails {
        gap: 7px;
        margin-top: 14px;
    }

    .project-gallery-thumb {
        flex: 0 0 85px;
        height: 60px;
    }


    /* Lightbox */

    .gallery-lightbox {
        padding: 12px;
    }

    .gallery-lightbox-content {
        width: 100%;
        height: 100%;
    }

    .gallery-lightbox-center {
        width: 100%;
        height: 100%;

        padding: 45px 42px 20px;
    }

    .gallery-lightbox-image-wrapper {
        flex: 1 1 auto;

        width: 100%;
        min-height: 0;
    }

    .gallery-lightbox-image-wrapper img {
        max-width: 100%;
        max-height: 100%;
    }


    /* Lightbox caption */

    .gallery-lightbox-meta {
        display: flex;
        flex-direction: column;
        align-items: center;

        gap: 4px;

        width: 100%;

        padding-top: 12px;

        text-align: center;
    }

    .gallery-lightbox-caption {
        width: 100%;

        font-size: 0.85rem;
        text-align: center;
    }

    .gallery-lightbox-credit {
        width: 100%;

        margin-top: 0;

        font-size: 0.75rem;
        text-align: center;
    }


    /* Counter */

    .gallery-lightbox-counter {
        margin-top: 12px;
        padding-bottom: 0;
    }


    /* Arrows */

    .gallery-lightbox-arrow {
        width: 38px;
        height: 55px;

        background: rgba(0, 0, 0, 0.4);

        font-size: 28px;
    }

    .gallery-lightbox-prev {
        left: 0;
    }

    .gallery-lightbox-next {
        right: 0;
    }


    /* Close */

    .gallery-lightbox-close {
        top: 5px;
        right: 5px;

        font-size: 34px;
    }
}
}

/* ==========================================
   GALLERY
========================================== 

.page-gallery-section {
    background: var(--about-light-blue);
    padding: 95px 5%;
}

.page-gallery-heading {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: end;
    margin-bottom: 44px;
}

.page-gallery-heading h2 {
    margin: 0;
    color: var(--about-navy);
    font-size: clamp(36px, 4vw, 58px);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.page-gallery-heading > p {
    max-width: 480px;
    margin: 0;
    color: var(--about-muted);
    font-size: 16px;
    line-height: 1.65;
}

.page-gallery {
    column-count: 3;
    column-gap: 26px;
}

.page-gallery-item {
    display: inline-block;
    width: 100%;
    margin: 0 0 28px;
    break-inside: avoid;
    background: var(--about-white);
    box-shadow: 0 12px 28px rgba(7, 30, 61, 0.08);
}

.page-gallery-item img {
    width: 100%;
    height: auto;
    display: block;
}

.page-gallery-item figcaption {
    padding: 17px 19px 19px;
}

.page-gallery-item figcaption strong {
    display: block;
    margin-bottom: 5px;
    color: var(--about-navy);
    font-size: 15px;
    line-height: 1.35;
}

.page-gallery-item figcaption span {
    display: block;
    color: var(--about-bronze);
    font-size: 12px;
    line-height: 1.4;
}
*/

/* ==========================================
   DOWNLOAD CTA
========================================== */

.page-download-section {
    background: var(--about-beige);
    padding: 75px 5%;
}

.page-download-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 50px;
    align-items: center;
}

.page-download-section h2 {
    max-width: 700px;
    margin: 0;
    color: var(--about-navy);
    font-size: clamp(34px, 4vw, 56px);
    line-height: 1.05;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.page-downloads-bottom {
    justify-content: flex-end;
    margin-top: 0px;
}

.page-button-light {
    background: transparent;
    border-color: var(--about-navy);
    color: var(--about-navy);
}

.page-button-light:hover,
.page-button-light:focus {
    background: var(--about-navy);
    border-color: var(--about-navy);
    color: var(--about-white);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    /*.about-hero {
        padding: 70px 24px;
    }

    .about-hero-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .about-hero-content {
        max-width: 800px;
    }

    .about-headshot {
        max-width: 620px;
    }*/

    .page-text-section,
    .page-reel-section,
    .page-gallery-section {
        padding: 75px 24px;
    }

    .page-text-grid {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .page-text-section-heading {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .page-gallery {
        column-count: 2;
    }

    .page-download-section {
        padding: 65px 24px;
    }

    .page-download-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .page-downloads-bottom {
        justify-content: flex-start;
        margin-top: 20px;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 600px) {

   /* .page-text-hero {
        padding: 55px 18px;
    }

    .page-text-hero h1 {
        font-size: 58px;
    }

    .about-intro {
        font-size: 17px;
    }*/

    .page-downloads {
        flex-direction: column;
    }

    .page-button {
        width: 100%;
    }

    .page-text-section,
    .page-reel-section,
    .page-gallery-section {
        padding: 58px 18px;
    }

    .page-text-section-label {
        /*padding-left: 20px;*/
    }

    .page-text-copy p {
        font-size: 16px;
        line-height: 1.75;
    }

    .page-text-copy .page-text-lead {
        font-size: 19px;
    }

    .page-gallery-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }
    

    .page-gallery {
        column-count: 1;
    }

    .page-download-section {
        padding: 55px 18px;
    }
    
    .page-downloads-bottom {
        justify-content: flex-start;
        margin-top: 20px;
    }

}




/* ==========================================
   REUSABLE CREATIVE WORK PAGE
========================================== */

:root {
    --creative-navy: #071e3d;
    --creative-blue: #123e6d;
    --creative-light-blue: #eaf4fb;
    --creative-accent-blue: #67b4f4;
    -var(--color10)ve-beige: #d6c3a5;
    --creative-bronze: #B18861;
    --creative-paper: #faf8f4;
    --creative-white: #ffffff;
    --creative-text: #24364a;
    --creative-muted: #66798c;
    --creative-border: #d9e4ed;
}

.creative-page {
    background: var(--creative-paper);
    color: var(--creative-text);
}

.creative-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}


/* ==========================================
   HERO
========================================== */

.creative-hero {
    background:
        linear-gradient(
            135deg,
            var(--creative-navy) 0%,
            var(--creative-blue) 100%
        );
    padding: 90px 5%;
    color: var(--creative-white);
}

.creative-hero-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 0.85fr)
        minmax(420px, 1.15fr);
    gap: 80px;
    align-items: center;
}

.creative-hero-content {
    max-width: 680px;
}

.creative-kicker {
    margin: 0 0 18px;
    color: var(--creative-bronze);
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 800;
}

.creative-hero h1 {
    margin: 0 0 30px;
    color: var(--creative-white);
    font-size: clamp(58px, 8vw, 112px);
    line-height: 0.86;
    text-transform: uppercase;
    letter-spacing: -2px;
    font-weight: 800;
}

.creative-hero h1 span {
    color: var(--creative-accent-blue);
}

.creative-intro {
    max-width: 650px;
    margin: 0;
    color: #d7e4ef;
    font-size: clamp(18px, 2vw, 23px);
    line-height: 1.65;
}

.creative-hero-image {
    margin: 0;
}

.creative-hero-image img {
    width: 100%;
    max-height: 680px;
    object-fit: cover;
    display: block;
    box-shadow: 0 28px 65px rgba(0, 0, 0, 0.3);
}

.creative-hero-image figcaption {
    margin-top: 11px;
    color: #c8d8e5;
    font-size: 12px;
    line-height: 1.4;
}


/* ==========================================
   INTRO TEXT
========================================== */

.creative-text-section {
    background: var(--creative-white);
    padding: 95px 5%;
}

.creative-text-grid {
    display: grid;
    grid-template-columns:
        minmax(280px, 0.38fr)
        minmax(0, 0.62fr);
    gap: 80px;
    align-items: start;
}

.creative-section-title {
    padding-left: 28px;
    border-left: 4px solid var(--creative-bronze);
}

.creative-section-title > p {
    margin: 0 0 14px;
    color: var(--creative-bronze);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    font-weight: 800;
}

.creative-section-title h2 {
    margin: 0;
    color: var(--creative-navy);
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1.08;
    text-transform: uppercase;
}

.creative-body-copy {
    max-width: 900px;
}

.creative-body-copy p {
    margin: 0 0 26px;
    color: var(--creative-text);
    font-size: 18px;
    line-height: 1.85;
}

.creative-body-copy .creative-lead {
    color: var(--creative-navy);
    font-size: 22px;
    line-height: 1.7;
    font-weight: 600;
}


/* ==========================================
   SHARED HEADINGS
========================================== */

.creative-heading-row {
    display: grid;
    grid-template-columns:
        minmax(300px, 0.6fr)
        minmax(0, 0.4fr);
    gap: 60px;
    align-items: end;
    margin-bottom: 46px;
}

.creative-heading-row h2 {
    margin: 0;
    color: var(--creative-navy);
    font-size: clamp(38px, 5vw, 66px);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.creative-heading-copy {
    max-width: 560px;
    margin: 0;
    color: var(--creative-muted);
    font-size: 17px;
    line-height: 1.7;
}


/* ==========================================
   CREATIVE ROLES
========================================== */

.creative-project-roles {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0 0 1rem;
}

.project-role {
    display: inline-block;
    padding: .3rem .85rem;
    border: 1px solid rgba(7,30,61,.15);
    border-radius: 999px;

    background: #f5f7fa;
    color: #071E3D;

    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}


/* ==========================================
   PROJECTS
========================================== */

.creative-projects-section {
    background: var(--creative-light-blue);
    padding: 95px 5%;
}

.creative-projects-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;
}

.creative-project-card {
    display: grid;
    /*grid-template-columns:
        minmax(220px, 0.9fr)
        minmax(0, 1.1fr);*/
    min-width: 0;
    background: var(--creative-white);
    border: 1px solid var(--creative-border);
    overflow: hidden;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.creative-project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 42px rgba(7, 30, 61, 0.13);
}

.creative-project-image {
    position: relative;
    display: block;
    min-height: 100%;
    overflow: hidden;
    background: var(--creative-blue);
    text-decoration: none;
}

.creative-project-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(7, 30, 61, 0);
    transition: background 0.35s ease;
    pointer-events: none;
}

.creative-project-image img {
    width: 100%;
    height: 100%;
    min-height: 390px;
    object-fit: cover;
    display: block;
    transition: transform 0.45s ease;
}

.creative-project-card:hover .creative-project-image img,
.creative-project-image:focus img {
    transform: scale(1.05);
}

.creative-project-card:hover .creative-project-image::after,
.creative-project-image:focus::after {
    background: rgba(7, 30, 61, 0.09);
}

.creative-project-image:focus-visible {
    outline: 3px solid var(--creative-accent-blue);
    outline-offset: -3px;
}

.creative-project-content {
    display: flex;
    flex-direction: column;
    padding: 34px;
}

.creative-project-category {
    margin: 0 0 6px;
    color: var(--creative-bronze);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    font-weight: 800;
}

.creative-project-content h3 {
    margin: 0 0 20px;
    color: var(--color9) !important;
    font-size: clamp(20px, 1vw, 25px);
    text-transform: uppercase;
    font-weight: 800;
}

.creative-project-content h3 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.25s ease;
}

.creative-project-content h3 a:hover,
.creative-project-content h3 a:focus {
    color: var(--creative-blue);
}

.creative-project-content h3 span {
    display: block;
    margin-top: 8px;
    color: var(--creative-blue);
    font-size: 0.68em;
    line-height: 1.2;
    text-transform: none;
    font-weight: 700;
}

.creative-project-content > p:not(.creative-project-category) {
    margin: 0 0 26px;
    color: var(--creative-text);
    font-size: 15px;
    line-height: 1.7;
}

.creative-project-link {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: auto;
    color: var(--creative-blue);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    font-size: 12px;
    font-weight: 800;
}

.creative-project-link::after {
    content: "→";
    margin-left: 9px;
    transition: transform 0.25s ease;
}

.creative-project-link:hover,
.creative-project-link:focus {
    color: var(--creative-bronze);
}

.creative-project-link:hover::after,
.creative-project-link:focus::after {
    transform: translateX(5px);
}


/* ==========================================
   VIDEO
========================================== */

.creative-video-section {
    background: var(--creative-navy);
    padding: 95px 5%;
    color: var(--creative-white);
}

.creative-heading-light h2 {
    color: var(--creative-white);
}

.creative-heading-light .creative-heading-copy {
    color: #c8d8e5;
}

.creative-video-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #020d1a;
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.32);
}

.creative-video-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/* ==========================================
   GALLERY
========================================== */

.creative-gallery-section {
    background: var(--color11);
    padding: 95px 5%;
}

.creative-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2rem;
}

.creative-gallery-item {
    display: inline-block;
    width: 100%;
    margin: 0 0 28px;
    break-inside: avoid;
    background: var(--creative-white);
    box-shadow: 0 12px 28px rgba(7, 30, 61, 0.08);
}

.creative-gallery-image {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--creative-blue);
    cursor: zoom-in;
}

.creative-gallery-image::after {
    content: "View";
    position: absolute;
    right: 16px;
    bottom: 16px;
    padding: 8px 12px;
    background: rgba(7, 30, 61, 0.82);
    color: var(--creative-white);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    opacity: 0;
    transform: translateY(6px);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

.creative-gallery-image img {
    width: 100%;
    height: auto;
    display: block;
    transition:
        transform 0.4s ease,
        opacity 0.4s ease;
}

.creative-gallery-image:hover img,
.creative-gallery-image:focus img {
    transform: scale(1.035);
    opacity: 0.92;
}

.creative-gallery-image:hover::after,
.creative-gallery-image:focus::after {
    opacity: 1;
    transform: translateY(0);
}

.creative-gallery-image:focus-visible {
    outline: 3px solid var(--creative-accent-blue);
    outline-offset: -3px;
}

.creative-gallery-item figcaption {
    padding: 17px 19px 19px;
}

.creative-gallery-item figcaption strong {
    display: block;
    margin-bottom: 5px;
    color: var(--creative-navy);
    font-size: 15px;
    line-height: 1.35;
}

.creative-gallery-item figcaption span {
    display: block;
    color: var(--creative-bronze);
    font-size: 12px;
    line-height: 1.4;
}


/* ==========================================
   LIGHTBOX
========================================== */

.creative-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 54px;
    background: rgba(2, 13, 26, 0.95);
}

.creative-lightbox.is-open {
    display: flex;
}

.creative-lightbox img {
    max-width: 92vw;
    max-height: 78vh;
    object-fit: contain;
    display: block;
}

.creative-lightbox-caption {
    margin-top: 18px;
    text-align: center;
    color: var(--creative-white);
}

.creative-lightbox-caption strong {
    display: block;
    font-size: 17px;
    line-height: 1.4;
}

.creative-lightbox-caption span {
    display: block;
    margin-top: 5px;
    color: #bcd0df;
    font-size: 12px;
}

.creative-lightbox-close {
    position: absolute;
    top: 20px;
    right: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--creative-white);
    font-size: 44px;
    line-height: 1;
    cursor: pointer;
}

.creative-lightbox-close:focus-visible {
    outline: none !important;
    outline-offset: 0px !important;
}
button:focus {
	outline: none !important;
}
/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1100px) {

    .creative-hero {
        padding: 75px 24px;
    }

    .creative-hero-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .creative-hero-image {
        max-width: 850px;
    }

    .creative-text-section,
    .creative-projects-section,
    .creative-video-section,
    .creative-gallery-section {
        padding: 75px 24px;
    }

    .creative-text-grid,
    .creative-heading-row {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .creative-projects-grid {
        grid-template-columns: 1fr;
    }

    .creative-gallery {
        column-count: 2;
    }

}

@media (max-width: 720px) {

    .creative-project-card {
        grid-template-columns: 1fr;
    }

    .creative-project-image img {
        min-height: 0;
        height: 320px;
    }

}

@media (max-width: 560px) {

    .creative-hero {
        padding: 58px 18px;
    }

    .creative-hero h1 {
        font-size: 54px;
    }

    .creative-intro {
        font-size: 17px;
    }

    .creative-text-section,
    .creative-projects-section,
    .creative-video-section,
    .creative-gallery-section {
        padding: 58px 18px;
    }

    .creative-section-title {
        padding-left: 20px;
    }

    .creative-body-copy p {
        font-size: 16px;
        line-height: 1.75;
    }

    .creative-body-copy .creative-lead {
        font-size: 19px;
    }

    .creative-project-content {
        padding: 26px;
    }

    .creative-project-image img {
        height: 250px;
    }

    .creative-gallery {
        column-count: 1;
    }

    .creative-lightbox {
        padding: 46px 18px 24px;
    }

    .creative-lightbox img {
        max-width: 100%;
        max-height: 72vh;
    }

}


/* ==========================================
   WRITER & DRAMATURG — PRACTICE GRID
========================================== */

.writer-services-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: rgba(255, 255, 255, 0.18);
}

.writer-service-item {
    min-width: 0;
    padding: 38px 30px;
    background: var(--color8);
}

.writer-service-item > p {
    margin: 0 0 24px;
    color: var(--color13);
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 800;
}

.writer-service-item h3 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 25px;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.writer-service-item span {
    display: block;
    color: #c8d8e5;
    font-size: 15px;
    line-height: 1.7;
}

@media (max-width: 1000px) {
    .writer-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .writer-services-grid {
        grid-template-columns: 1fr;
    }

    .writer-service-item {
        padding: 30px 24px;
    }
}


/* ==========================================
   PERFORMER & SPEAKER — SERVICES GRID
========================================== */

.performer-services-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.performer-service-item {
    min-width: 0;
    padding: 34px 28px;
    background: #ffffff;
    border: 1px solid #d9e4ed;
}

.performer-service-item > p {
    margin: 0 0 22px;
    color: var(--color13);
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 800;
}

.performer-service-item h3 {
    margin: 0 0 15px;
    color: var(--color8);
    font-size: 24px;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.performer-service-item span {
    display: block;
    color: #24364a;
    font-size: 15px;
    line-height: 1.7;
}

@media (max-width: 1000px) {
    .performer-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .performer-services-grid {
        grid-template-columns: 1fr;
    }

    .performer-service-item {
        padding: 28px 24px;
    }
}


/* ==========================================
   DESIGN PRACTICE GRID
========================================== */

.design-services-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
}

.design-service-item{
    background:#ffffff;
    border:1px solid #d9e4ed;
    padding:34px 28px;
}

.design-service-item>p{
    margin:0 0 22px;
    color:var(--color13);
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
}

.design-service-item h3{
    margin:0 0 16px;
    color:var(--color8);
    font-size:24px;
    text-transform:uppercase;
    line-height:1.15;
}

.design-service-item span{
    display:block;
    color:#24364A;
    font-size:15px;
    line-height:1.7;
}

@media (max-width:1000px){

.design-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

}

@media (max-width:560px){

.design-services-grid{
    grid-template-columns:1fr;
}

.design-service-item{
    padding:28px 24px;
}

}




/* ==========================================
   NEWS PAGE
========================================== */

:root {
    --news-navy: #071e3d;
    --news-blue: #123e6d;
    --news-light-blue: #eaf4fb;
    --news-accent-blue: #67b4f4;
    --news-bronze: #B18861;
    --news-white: #ffffff;
    --news-paper: #f8fbfd;
    --news-text: #24364a;
    --news-border: #d9e6f0;
}

.news-page {
    background: var(--news-paper);
    color: var(--news-text);
}

/*.news-page-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}


/* ==========================================
   HERO
========================================== */

/*.news-page-hero {
    background:
        linear-gradient(
            135deg,
            var(--news-navy) 0%,
            var(--news-blue) 100%
        );
    padding: 90px 5%;
    color: var(--news-white);
}

.news-page-kicker {
    margin: 0 0 16px;
    color: var(--color13);
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 800;
}

.news-page-hero h1 {
    margin: 0 0 24px;
    color: var(--news-white);
    font-size: clamp(62px, 8vw, 112px);
    line-height: 0.9;
    text-transform: uppercase;
    letter-spacing: -2px;
    font-weight: 800;
}

.news-page-intro {
    max-width: 720px;
    margin: 0;
    color: #d7e4ef;
    font-size: clamp(18px, 2vw, 23px);
    line-height: 1.65;
}
*/

/* ==========================================
   NEWS GRID
========================================== */

.news-list-section {
    background: var(--news-light-blue);
    padding: 90px 5%;
}

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

.news-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--news-white);
    border: 1px solid var(--news-border);
    overflow: hidden;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.news-card:hover {
    transform: translateY(-6px);
    border-color: #bfd3e3;
    box-shadow: 0 20px 42px rgba(7, 30, 61, 0.13);
}


/* ==========================================
   CLICKABLE IMAGE
========================================== */

.news-image-link {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--news-blue);
    text-decoration: none;
}

.news-image-link::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(7, 30, 61, 0);
    pointer-events: none;
    transition: background 0.35s ease;
}

.news-image-link img {
    width: 100%;
    height: 305px;
    object-fit: cover;
    display: block;
    transition:
        transform 0.45s ease,
        opacity 0.45s ease;
}

.news-card:hover .news-image-link img,
.news-image-link:focus img {
    transform: scale(1.055);
}

.news-card:hover .news-image-link::after,
.news-image-link:focus::after {
    background: rgba(7, 30, 61, 0.08);
}

.news-image-link:focus-visible {
    outline: 3px solid var(--news-accent-blue);
    outline-offset: -3px;
}


/* ==========================================
   CARD CONTENT
========================================== */

.news-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 28px;
}

./*news-date {
    margin: 0 0 12px;
    color: var(--color13);
    font-size: 12px;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 800;
}*/
.news-content h2 {
    margin: 0 0 15px;
    color: var(--news-navy);
    font-size: 27px;
    line-height: 1.12;
    font-weight: 800;
}

.news-content h2 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.25s ease;
}

.news-content h2 a:hover,
.news-content h2 a:focus {
    color: var(--news-blue);
}

.news-content h2 a:focus-visible {
    outline: 2px solid var(--news-accent-blue);
    outline-offset: 4px;
}

.news-content > p:not(.news-date) {
    margin: 0 0 24px;
    color: var(--news-text);
    font-size: 18px;
    line-height: 1.65;
}


/* ==========================================
   READ MORE
========================================== */

.news-read-more {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: auto;
    color: #0b5ea8;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    font-size: 12px;
    font-weight: 800;
    transition: color 0.25s ease;
}

.news-read-more::after {
    content: "→";
    margin-left: 8px;
    transition: transform 0.25s ease;
}

.news-read-more:hover,
.news-read-more:focus {
    color: var(--color13);
}

.news-read-more:hover::after,
.news-read-more:focus::after {
    transform: translateX(5px);
}

.news-read-more:focus-visible {
    outline: 2px solid var(--news-accent-blue);
    outline-offset: 4px;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1100px) {

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

}

@media (max-width: 700px) {

    .news-page-hero {
        padding: 70px 24px;
    }

    .news-list-section {
        padding: 70px 24px;
    }

    .news-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .news-image-link img {
        height: 260px;
    }

}

@media (max-width: 480px) {

    .news-page-hero {
        padding: 55px 18px;
    }

    .news-page-hero h1 {
        font-size: 58px;
    }

    .news-page-intro {
        font-size: 17px;
    }

    .news-list-section {
        padding: 55px 18px;
    }

    .news-image-link img {
        height: 220px;
    }

    .news-content {
        padding: 22px;
    }

    .news-content h2 {
        font-size: 24px;
    }

}


/* ==========================================
   NEWS ARTICLE
========================================== */

.news-article-page{

    background:#F8FBFD;

}

.news-container{

    width:100%;
    max-width:980px;
    margin:auto;

}

/* HERO */

.news-hero-image{

    height:70vh;
    min-height:450px;
    overflow:hidden;

}

.news-hero-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

}

/* ARTICLE */

.news-article{

    padding:90px 5%;

}

/*.news-date{

    color:#A97850;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:12px;
    font-weight:800;
    margin-bottom:24px;

}
*/

.news-article h1{

    color:#071E3D;
    font-size:clamp(42px,6vw,72px);
    line-height:1;
    margin-bottom:40px;
    text-transform:uppercase;

}

.news-lead{

    font-size:25px;
    color:#123E6D;
    line-height:1.7;
    margin-bottom:50px;
    font-weight:500;

}

.news-body{

    font-size:19px;
    line-height:2;
    color:#24364A;

}

.news-body p{

    margin-bottom:34px;

}

.news-body blockquote{

    margin:60px 0;
    padding-left:40px;
    border-left:4px solid #A97850;

    font-size:32px;
    line-height:1.4;
    color:#071E3D;
    font-style:italic;

}

/* GALLERY */

.news-gallery-section{

    padding:0 5% 90px;

}

.news-gallery{

    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:30px;

}

.news-gallery figure{

    margin:0;

}

.news-gallery img{

    width:100%;
    object-fit:cover;
    display:block;
    transition:.35s;

}

.news-gallery a:hover img{

    transform:scale(1.03);

}

.news-gallery figcaption{

    margin-top:12px;
    color:#24364A;
    font-size:14px;
    line-height:1.6;

}

.news-gallery figcaption span{

    color:#65778A;
    font-size:12px;

}

/* RETURN */

.news-return{

    padding:0 5% 90px;
    text-align:center;

}

.news-back-button{

    display:inline-block;

    padding:18px 36px;

    background:#071E3D;

    color:#fff;

    text-decoration:none;

    text-transform:uppercase;

    letter-spacing:1px;

    font-size:13px;

    transition:.3s;

}

.news-back-button:hover{

    background:#A97850;
    color:#fff;

}

/* Responsive */

@media(max-width:991px){

.news-gallery{

grid-template-columns:repeat(2,1fr);

}

.news-hero-image{

height:50vh;

}

}

@media(max-width:640px){

.news-article{

padding:60px 24px;

}

.news-gallery-section,
.news-return{

padding:0 24px 60px;

}

.news-gallery{

grid-template-columns:1fr;

}

.news-body{

font-size:17px;

}

.news-body blockquote{

font-size:24px;
padding-left:24px;

}

.news-lead{

font-size:21px;

}

}



/* ==========================================
   SCHEDULE PAGE
========================================== */
/* ==========================================
   SCHEDULE — FLEXIBLE DATE RANGE LAYOUT
========================================== */

.schedule-list-section {
    background: #eaf4fb;
    padding: 90px 5%;
}

.schedule-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}


/* Section heading */

.schedule-section-heading {
    display: grid;
    grid-template-columns:
        minmax(280px, 0.58fr)
        minmax(0, 0.42fr);
    gap: 60px;
    align-items: end;
    margin-bottom: 46px;
}

.schedule-kicker {
    margin: 0 0 16px;
    color: #a97850;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 800;
}

.schedule-section-heading h2 {
    margin: 0;
    color: #071e3d;
    font-size: clamp(38px, 5vw, 66px);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;

}

.schedule-section-heading > p {
    max-width: 560px;
    margin: 0;
    color: #65778a;
    font-size: 16px;
    line-height: 1.7;
}


/* Event list */

.schedule-list {
    display: grid;
    gap: 20px;
}


/* Event card */

.schedule-event {
    display: grid;
    grid-template-columns:
        minmax(220px, 0.32fr)
        minmax(0, 1fr)
        auto;
    gap: 36px;
    align-items: center;
    padding: 34px;
    background: #ffffff;
    border: 1px solid #d9e4ed;
    border-left: 5px solid #a97850;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.schedule-event:hover {
    transform: translateY(-4px);
    border-color: #bfd2e1;
    border-left-color: #a97850;
    box-shadow: 0 18px 38px rgba(7, 30, 61, 0.11);
}


/* Flexible date range */

.schedule-event-date {
    min-width: 0;
    padding-right: 28px;
    border-right: 1px solid #d9e4ed;
}

.schedule-date-label {
    margin: 0 0 11px;
    color: #a97850;
    font-size: 11px;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 2.2px;
    font-weight: 800;
}

.schedule-date-range {
    margin: 0;
    color: #071e3d;
    font-size: clamp(15px, 1.4vw, 20px);
    line-height: 1.15;
    font-weight: 800;
}

.schedule-date-range time {
    display: inline;
}

.schedule-date-range > span {
    color: var(--color10);
}

.schedule-date-note {
    margin: 11px 0 0;
    color: #65778a;
    font-size: 13px;
    line-height: 1.5;
}


/* Event content */

.schedule-event-content {
    min-width: 0;
}

.schedule-event-type {
    margin: 0 0 10px;
    color: #a97850;
    font-size: 11px;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 800;
}

.schedule-event-content h3 {
    margin: 0 0 14px;
    color: #071e3d;
    font-size: clamp(20px, 2vw, 28px);
    line-height: 1.1;
    font-weight: 800;
}

.schedule-event-content h3 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.25s ease;
}

.schedule-event-content h3 a:hover,
.schedule-event-content h3 a:focus {
    color: #123e6d;
}

.schedule-event-content h3 a:focus-visible {
    outline: 3px solid var(--color10);
    outline-offset: 4px;
}


/* Venue, city and time */

.schedule-event-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 22px;
    margin-bottom: 15px;
}

.schedule-meta-item {
    position: relative;
    color: #123e6d;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
}

.schedule-meta-item:not(:last-child)::after {
    content: "•";
    position: absolute;
    right: -15px;
    color: #a97850;
}

.schedule-event-description {
    max-width: 820px;
    margin: 0;
    color: #24364a;
    font-size: 15px;
    line-height: 1.65;
}


/* Event button */

.schedule-event-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.schedule-link {
    background:var(--color13) !important;
    color:white !important;
    padding:16px 34px;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-size:14px;
    transition:.3s;
    border: 1px solid var(--color13);
}

.schedule-link::after {
    content: "→";
    margin-left: 8px;
    transition: transform 0.25s ease;
}

.schedule-link:hover,
.schedule-link:focus {
    background:var(--color2) !important;
    color:var(--color9) !important;
    text-decoration:none !important;
    transform: translateY(-2px);
    border: 1px solid var(--color9);
}

.schedule-link:hover::after,
.schedule-link:focus::after {

    color:var(--color9) !important;
    text-decoration:none !important;
    transform: translateX(4px);
}

.schedule-link:focus-visible {
    outline: 3px solid var(--color10);
    outline-offset: 4px;
}

.schedule-coming-soon {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background-color: #e5e5e5;
    color: #666;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    cursor: default;
}

/* ==========================================
   PAST EVENTS
========================================== */

.schedule-past-section {
    background: #f8fbfd;
    padding: 90px 5%;
}

.schedule-past-list {
    border-top: 1px solid #d9e4ed;
}

.schedule-past-item {
    display: grid;
    grid-template-columns:
        minmax(190px, 0.28fr)
        minmax(0, 1fr);
    gap: 34px;
    align-items: start;
    padding: 27px 0;
    border-bottom: 1px solid #d9e4ed;
}

.schedule-past-date {
    color: #a97850;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 800;
}

.schedule-past-content h3 {
    margin: 0 0 14px;
    color: #071e3d;
    font-size: clamp(18px, 1.8vw, 26px);
    line-height: 1.1;
    font-weight: 800;
}

.schedule-past-content > p:last-child {
    margin: 0;
    color: #65778a;
    font-size: 14px;
    line-height: 1.55;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1100px) {

    .schedule-section-heading {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .schedule-event {
        grid-template-columns:
          minmax(260px, 0.32fr)
        minmax(0, 1fr)
        auto;
    }

    .schedule-event-action {
        grid-column: 2;
        justify-content: flex-start;
    }

}

@media (max-width: 760px) {

    .schedule-list-section,
    .schedule-past-section {
        padding: 70px 24px;
    }

    .schedule-event {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 28px;
    }

    .schedule-event-date {
        padding: 0 0 22px;
        border-right: 0;
        border-bottom: 1px solid #d9e4ed;
    }

    .schedule-event-action {
        grid-column: auto;
    }

    .schedule-link {
        width: 100%;
    }

    .schedule-past-item {
        grid-template-columns: 1fr;
        gap: 10px;
    }

}

@media (max-width: 520px) {

    .schedule-list-section,
    .schedule-past-section {
        padding: 55px 18px;
    }

    .schedule-event {
        padding: 24px 21px;
    }

    .schedule-date-range {
        font-size: 23px;
    }

    .schedule-date-range time {
        /*display: block;*/
    }

    .schedule-date-range > span {
        /*display: block;*/
        margin: 3px 0;
    }

    .schedule-event-meta {
        flex-direction: column;
        gap: 5px;
    }

    .schedule-meta-item::after {
        display: none;
    }

}

/* ===============================
   Blockquotes
================================= */

blockquote {
    margin: 3rem 0;
    padding: 1.75rem 2rem;
    background: #f8fafc;
    border-left: 5px solid var(--color13);
    border-radius: 6px;
}

blockquote p {
    margin: 0;
    font-size: clamp(1.15rem, 1.6vw, 1.4rem);
    line-height: 1.75;
    font-style: italic;
    color: var(--dark);
}

blockquote footer {
    margin-top: 1.25rem;
    font-size: .9rem;
    /*font-weight: 700;*/
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--secondary);
}



/* ==================================================
   CONTACT SECTION
================================================== */

.contact-section {
  padding: 110px 0;
  background: #f5f8fc;
}

.contact-section .container {
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto;
}

.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 80px;
  align-items: start;
}

/* Intro */

.contact-intro {
  top: 120px;
}

.section-kicker {
  margin: 0 0 14px;
  color: #a97850;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.contact-intro h1 {
  margin: 0 0 24px;
  color: #071e3d;
  font-size: clamp(2.7rem, 5vw, 4.8rem);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.contact-intro > p:not(.section-kicker) {
  max-width: 520px;
  margin: 0 0 18px;
  color: #45566d;
  font-size: 1.08rem;
  line-height: 1.75;
}

.contact-intro .contact-note {
  margin-top: 28px;
  padding-left: 18px;
  border-left: 3px solid var(--color10);
  font-size: 0.92rem;
}

/* Form card */

.contact-form-wrapper {
  padding: clamp(28px, 5vw, 54px);
  background: #ffffff;
  box-shadow: 0 24px 70px rgba(7, 30, 61, 0.1);
}

.contact-form {
  display: grid;
  gap: 26px;
}

.form-group {
  margin: 0;
}

.form-group label {
  display: block;
  margin-bottom: 9px;
  color: #071e3d;
  font-size: 0.9rem;
  font-weight: 700;
}

.form-group label span {
  color: #a97850;
}

.form-group input,
.form-group textarea {
  display: block;
  width: 100%;
  padding: 15px 16px;
  border: 1px solid #cbd5e1;
  border-radius: 0;
  background: #ffffff;
  color: #071e3d;
  font: inherit;
  line-height: 1.5;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.form-group textarea {
  min-height: 180px;
  resize: vertical;
}

.form-group input:hover,
.form-group textarea:hover {
  border-color: #8fa4ba;
}

.form-group input:focus,
.form-group textarea:focus {
  outline: none;
  border-color: #2377ba;
  box-shadow: 0 0 0 3px rgba(35, 119, 186, 0.14);
}

.form-group input.is-invalid,
.form-group textarea.is-invalid {
  border-color: #b42318;
  background: #fffafa;
}

.form-group input.is-invalid:focus,
.form-group textarea.is-invalid:focus {
  box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.12);
}

.form-field-meta {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 8px;
}

.form-field-meta p {
  margin: 0;
  color: #738095;
  font-size: 0.78rem;
  line-height: 1.5;
}

.form-error {
  min-height: 20px;
  margin: 7px 0 0;
  color: #b42318;
  font-size: 0.8rem;
  font-weight: 600;
}

.contact-submit {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: 170px;
  min-height: 52px;
  padding: 14px 26px;
  border: 1px solid #071e3d;
  border-radius: 0;
  background: #071e3d;
  color: #ffffff;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.contact-submit:hover {
  border-color: #2377ba;
  background: #2377ba;
  transform: translateY(-2px);
}

.contact-submit:focus-visible {
  outline: 3px solid rgba(35, 119, 186, 0.35);
  outline-offset: 3px;
}

.contact-submit:disabled {
  cursor: wait;
  opacity: 0.65;
  transform: none;
}

.form-status {
  min-height: 24px;
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
}

.form-status.is-success {
  color: #18794e;
}

.form-status.is-error {
  color: #b42318;
}

/* Honeypot */

.form-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Responsive */

@media (max-width: 900px) {
  .contact-section {
    padding: 80px 0;
  }

  .contact-layout {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .contact-intro {
    position: static;
  }
}

@media (max-width: 575px) {
  .contact-section {
    padding: 60px 0;
  }

  .contact-section .container {
    width: min(100% - 28px, 1160px);
  }

  .contact-form-wrapper {
    padding: 26px 20px;
  }

  .contact-intro h1 {
    font-size: clamp(2.5rem, 14vw, 3.7rem);
  }

  .form-field-meta {
    flex-direction: column;
    gap: 3px;
  }

  .contact-submit {
    width: 100%;
  }
}







/* ========================================
   COOKIE CONSENT BANNER
======================================== */

.cookie-banner {
  position: fixed;
  right: 30px;
  bottom: 30px;
  left: 30px;
  z-index: 99999;

  padding: 26px 32px;

  background: #071e3d;
  color: #ffffff;

  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);

  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);

  transition:
    opacity 0.4s ease,
    visibility 0.4s ease,
    transform 0.4s ease;
}

.cookie-banner.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.cookie-banner[hidden] {
  display: none;
}

.cookie-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;

  width: min(100%, 1400px);
  margin: 0 auto;
}

.cookie-text {
  max-width: 800px;
}

.cookie-text strong {
  display: block;
  margin-bottom: 7px;

  font-size: 1.05rem;
  font-weight: 700;
}

.cookie-text p {
  margin: 0;

  color: #d8e4ef;
  font-size: 0.9rem;
  line-height: 1.65;
}

.cookie-text a {
  color: var(--color10);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cookie-text a:hover {
  color: #ffffff;
}

.cookie-buttons {
  display: flex;
  flex-shrink: 0;
  gap: 12px;
}

.cookie-btn {
  min-width: 110px;
  padding: 13px 22px;

  border: 1px solid transparent;
  border-radius: 0;

  font: inherit;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  cursor: pointer;

  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.cookie-accept {
  border-color: #a97850;
  background: #a97850;
  color: #ffffff;
}

.cookie-accept:hover {
  border-color: #8f6540;
  background: #8f6540;
}

.cookie-decline {
  border-color: rgba(255, 255, 255, 0.45);
  background: transparent;
  color: #ffffff;
}

.cookie-decline:hover {
  border-color: #ffffff;
  background: #ffffff;
  color: #071e3d;
}

.cookie-btn:focus-visible,
.cookie-text a:focus-visible {
  outline: 3px solid var(--color10);
  outline-offset: 3px;
}

@media (max-width: 768px) {
  .cookie-banner {
    right: 15px;
    bottom: 15px;
    left: 15px;

    padding: 22px;
  }

  .cookie-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
  }

  .cookie-buttons {
    width: 100%;
  }

  .cookie-btn {
    flex: 1;
  }
}

@media (max-width: 420px) {
  .cookie-buttons {
    flex-direction: column-reverse;
  }

  .cookie-btn {
    width: 100%;
  }
}















.carousel-link {
	color: var(--color2) !important;
	font-size: clamp(16px, 1vw, 18px);
	font-weight:400;
	font-family: "Raleway", sans-serif !important;
	text-decoration: none;
	
}

.carousel-link:hover {
	color: var(--color2) !important;
	text-decoration:underline;
}

.carousel-caption {
	background-color: #0000006e;
}

.production-card-row-index{
  border-bottom: 1px solid var(--color1);
  background-color: var(--color2);
}

.production-card-index-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.production-card-index-text {
  border-left: 5px solid var(--color6);
  padding: calc(9px + 1.5625vw);
}

.index-sections-white{
  background-color: var(--color2);
  border-right: 5px solid var(--color9);
}

.index-sections-black{
  background-color: var(--color1);
}

.index-sections-black-title{
  color: var(--color2);
  font-size: clamp(30px, 2.7vw, 41px);
  text-align: left;
  padding: calc(20px + 1.5625vw);
}

.index-sections-white-title{
  color: var(--color1);
  font-size: clamp(30px, 2.7vw, 41px);
  text-align: left;
  padding: calc(20px + 1.5625vw);
}

/* --------OTHER----------- */



.container-fluid .container h2 {
	margin-top: 19px;
}

.badge {
  color: white !important;
  padding: 0.6em 0.8em;
}

.bg-secondary {
  background-color: #7C7C7C !important;
}

.bg-primary {
  background-color: var(--color9) !important;
}

.bg-danger {
  background-color: var(--color6)!important;
}

.btn-dark {
  color: white !important;
  background-color: var(--color9) !important;
  border: 1px solid var(--color3) !important;
}
.btn-dark:hover {
  color: var(--color3) !important;
  background-color: var(--color2)!important;
  border: 1px solid var(--color3) !important;
}

body {
	background-color: var(--color1);
  font-family: "Raleway", sans-serif;
	background-attachment: fixed;
	/* [disabled]background-clip: content-box; */
	/* [disabled]background-position: 199% 0%; */
	background-size: auto auto;
}


.card-text-small {
  font-size: clamp(16px, 1vw, 18px);
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 0px 10px 0px;
}
/*.container #projects .col-xl-4 {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	max-width: 360px;
	padding-bottom: 47px;
	background-color: rgba(187,234,226,0.20);
	border-bottom: thin solid rgba(187,234,226,1.00);
}
*/
.row   {
	display: flex;
	justify-content: center;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}


h4 {
	color: var(--color6);
	line-height: 1.5em;
  font-size: clamp(30px, 1.5vw, 40px);
}



.container-fluid #carouselExampleIndicators1 {
	margin-top: 0px;
  background-color: black !important;
}

#projects .col-xl-4.text-center a {
	text-transform: none;
	color: rgba(114,212,214,1.00);
}
.btn.btn-primary {
	background-color: var(--color9);
	color: var(--color2);
	font-size: medium;
	padding-top: 9px;
	padding-right: 20px;
	padding-bottom: 9px;
	padding-left: 20px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	border: none;
}

.btn.btn-primary:hover {
	background-color: var(--color2);
	color: var(--color3);
	border: 1px solid var(--color9);
}

.bg-image{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.container-footer .img-fluid {
	margin-left: 20px;
	margin-right: 20px;
}
.container-footer p {
	color: rgba(9,36,50,1.00);
	font-size: small;
	margin-top: 23px;
}
.btn.btn-primary:hover {
	background-color: rgba(232,240,239,1.00);
}





.bg-image {
  padding: 0 !important;
}

footer {
	background-color: rgba(255,255,255,1.00);
	/*text-align: center;*/
	padding-top: 15px;
}


.navbar-nav.mr-auto .nav-item {
	text-align: center;
}




.about-row-index{
  background-color: var(--color3);
  padding: calc(8px + 1.5625vw);
}

.page-section-left{
  background-color: var(--color1);
}

.home-sections-black{
  background-color: var(--color1);
}
.home-sections-blue{
  background-color: var(--color2);
}

.page-section-left-title h1{
  color: var(--color2);
  font-size: clamp(36px, 2.7vw, 41px);
  text-align: left;
  padding-top: calc(20px + 1.5625vw);
  padding-left: calc(20px + 1.5625vw);
  padding-right: calc(20px + 1.5625vw);
  font-weight: 400;
  line-height: 1.5;
}

.page-section-left-text p {
  color: var(--color2);
  padding: calc(20px + 1.5625vw);
  padding-top: 0px !important;
}

a.text-light:hover {
  color: var(--color9)!important;
}

.production-card{
  border-bottom: 1px solid var(--color1);
  background-color: var(--color2);
  padding-bottom: calc(8px + 1.5625vw);
  padding-top: calc(8px + 1.5625vw);
}

.page-section-right{
  border-bottom: 1px solid var(--color1);
  background-color: var(--color2);
}
.page-section-right-text {
  text-align: left; 
  border-left: 5px solid var(--color6); 
  padding: calc(10px + 1.5625vw);
  background-color: var(--color2);
}
/*-- NEWS CARDS - INDEX--*/

.news-card-row-index {
  background-color: var(--color1);
  display: flex;
  padding: calc(12px + 1.5625vw);
}

.card-title-index{
  font-family: "Raleway", sans-serif;
  font-weight: 700;
}

.card {
  border: none !important;
  background-color: var(--color1);
  color: var(--color2) !important;
}

.card-body a {
  text-decoration: none; /* Remove default underline */
  color: inherit; /* Ensure the link inherits the color of the div */
}

.card-body-news {
  padding: calc(4px + 1.5625vw);
}

.card-text {
  color: var(--color2) !important;
}

.col-xl-6, .carousel-inner {
  position: relative;
  height: 100%; /* or a specific height if needed */
}

.carousel-item img {
  width: 100%;  /* Make the image stretch to fill the container */
  height: 100%; /* Ensure the image takes the full height of the container */
  object-fit: cover; /* Crop the image while keeping aspect ratio */
}

/*-- NEWS CARDS - NEWS --*/

.news-card-light {
  background-color: var(--color2);
  min-height: 950px;
  display: flex;
  flex-wrap: wrap; /* Ensure cards wrap when needed */
  justify-content: flex-start; /* Align the cards to the left */
}

.card-light {
  background-color: var(--color2);
  color: var(--color1) !important;
  padding: 10px !important;
}

.card-light-events {
  background-color: var(--color2);
  color: var(--color1) !important;
  padding: 10px !important;
  border: 1px solid var(--color9);
}



.card-light a:hover {
  color: var(--color9) !important;
}
.card-light-events a:hover {
  /*color: var(--color2) !important;*/
}

.card-img-top {
  width: 100%;
  /*height: 200px;  Adjust the height as needed */
  object-fit: cover; /* Ensures the image covers the area of the card */
}




/*---------------FOOTER-------------------*/

.footer {
  background-color: var(--color8);
}

.footer-small {
  font-size: x-small;
  color: var(--color2);
}

.footer a {
  color: var(--color11) !important;
}

.footer a:hover {
  color: var(--color11) !important;
  text-decoration: none;
}




@media screen  and (max-width:576px){
  
   .container-fluid #carouselExampleIndicators1 {
   margin-top: 40px;
  }
  
  .navbar-collapse {
  padding-top: 20px;
  }
  
  .production-card-index-text, .page-section-right-text  {
	border-left: none;
	}
	.card-body {
	 padding: calc(5px + 1.5625vw);
	}
	
	.carousel-item {
		height: 350px !important;
	}
	
	.production-card .carousel-item {
		height: 230px !important;
	}
}

@media screen  and (max-width:992px){
   .navbar-collapse {
  padding-top: 20px;
  }
  
  .navbar-dark .navbar-nav .nav-link {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 20px 18px 20px 18px;
}

}

@media screen  and (max-width:1200px){
  

  
}

@media screen  and (max-width:1600px){
  
  .container-fluid #carouselExampleIndicators1 {
  margin-top: 0px;
}

}


/* not used 





*/