@charset "UTF-8";

/* ===================================
    work-detail-hero-breadcrumb
===================================== */
section.work-detail-hero-breadcrumb {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: var(--glam-lime-light);
    padding: .825rem 0;
    display: none;
    z-index: 799;

}
section.work-detail-hero-breadcrumb h3 {
    font-family: 'Gilmer-Medium';
    color: var(--glam-black);
    margin-bottom: 0;
}


/* ===================================
    work-detail-hero
===================================== */
section.work-detail-hero {
    margin: 10rem 0 10rem 0;
}
    @media (max-width: 575px) {
        section.work-detail-hero {
            margin: 3.5rem 0 3.5rem 0;
        }
    }
    @media (min-width: 576px) {
        section.work-detail-hero {
            margin: 4rem 0 4rem 0;
        }
    }
    @media (min-width: 768px) {
        section.work-detail-hero {
            margin: 7.25rem 0 7.25rem 0;
        }
    }
    @media (min-width: 992px) {
        section.work-detail-hero {
            margin: 8.5rem 0 8.5rem 0;
        }
    }
    @media (min-width: 1200px) {
        section.work-detail-hero {
            margin: 10rem 0 10rem 0;
        }
    }
section.work-detail-hero .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    margin: 50px 0;
    text-align: start;
    gap: 30px;
}
    @media (max-width: 575px) {
        section.work-detail-hero .content {
            gap: 10px;
        }
    }
    @media (min-width: 576px) {
        section.work-detail-hero .content {
            gap: 15px;
        }
    }
    @media (min-width: 768px) {
        section.work-detail-hero .content {
            gap: 20px;
        }
    }
    @media (min-width: 1200px) {
        section.work-detail-hero .content {
            gap: 30px;
        }
    }

section.work-detail-hero .content .title h1 {
    font-family: 'Gilmer-Medium';
    font-size: 4.5rem;
    line-height: 1.15;
    margin-bottom: 0;
}
[data-bs-theme="dark"] section.work-detail-hero .content .title h1 {
    color: var(--glam-light);
}
[data-bs-theme="light"] section.work-detail-hero .content .title h1 {
    color: var(--glam-black);
}
    @media (max-width: 575px) {
        section.work-detail-hero .content .title h1 {
            font-size: 2.25rem;
        }
    }
    @media (min-width: 576px) {
        section.work-detail-hero .content .title h1 {
            font-size: 3.25rem;
        }
    }
    @media (min-width: 768px) {
        section.work-detail-hero .content .title h1 {
            font-size: 4rem;
        }
    }
    @media (min-width: 992px) {
        section.work-detail-hero .content .title h1 {
            font-size: 4rem;
        }
    }
    @media (min-width: 1200px) {
        section.work-detail-hero .content .title h1 {
            font-size: 4.5rem;
        }
    }

section.work-detail-hero .content .description {
    max-width: 750px;
}
@media (max-width: 575px) {
    section.work-detail-hero .content .description {
        max-width: 380px;
    }
}
@media (min-width: 576px) {
    section.work-detail-hero .content .description {
        max-width: 460px;
    }
}
@media (min-width: 768px) {
    section.work-detail-hero .content .description {
        max-width: 620px;
    }
}
@media (min-width: 992px) {
    section.work-detail-hero .content .description {
        max-width: 680px;
    }
}
@media (min-width: 1200px) {
    section.work-detail-hero .content .description {
        max-width: 750px;
    }
}
section.work-detail-hero .content .description p {
    margin-bottom: 0;
}
[data-bs-theme="dark"] section.work-detail-hero .content .description p {
    color: var(--glam-light);
}
[data-bs-theme="light"] section.work-detail-hero .content .description p {
    color: var(--glam-black);
}



/* ===================================
    work-detail-big-media
===================================== */
section.work-detail-big-media .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
section.work-detail-big-media .wrapper img {
    width: 100%;
    max-width: 1600px;
    height: auto;
    border-radius: 0;
}
section.work-detail-big-media .wrapper video {
    width: 100%;
    max-width: 1600px;
    transition: transform .5s ease;
    border-radius: 0;
}


/* ===================================
    work-detail-information
===================================== */
section.work-detail-information {
    margin: 10rem 0 10rem 0;
}
    @media (max-width: 575px) {
        section.work-detail-information {
            margin: 4rem 0 4rem 0;
        }
    }
    @media (min-width: 576px) {
        section.work-detail-information {
            margin: 4rem 0 4rem 0;
        }
    }
    @media (min-width: 768px) {
        section.work-detail-information {
            margin: 7.25rem 0 7.25rem 0;
        }
    }
    @media (min-width: 992px) {
        section.work-detail-information {
            margin: 8.5rem 0 8.5rem 0;
        }
    }
    @media (min-width: 1200px) {
        section.work-detail-information {
            margin: 10rem 0 10rem 0;
        }
    }
section.work-detail-information .company-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
    @media (max-width: 575px) {
        section.work-detail-information .company-info {
            padding-right: 0rem;
        }
    }
    @media (min-width: 576px) {
        section.work-detail-information .company-info {
            padding-right: 0rem;
        }
    }
    @media (min-width: 992px) {
        section.work-detail-information .company-info {
            padding-right: 6.75rem;
        }
    }
    @media (min-width: 1200px) {
        section.work-detail-information .company-info {
            padding-right: 6.75rem;
        }
    }
section.work-detail-information .company-info .logo {
    max-width: 210px;
}
section.work-detail-information .company-info .logo img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
section.work-detail-information .company-info .biography {
    margin: 2rem 0 3rem;
}

section.work-detail-information .work-info h6 {
    font-family: 'Gilmer-Medium';
    font-size: 115%;
}
[data-bs-theme="dark"] section.work-detail-information .work-info h6 {
    color: var(--glam-light);
}
[data-bs-theme="light"] section.work-detail-information .work-info h6 {
    color: var(--glam-black);
}
section.work-detail-information .work-info span {
    font-family: 'Gilmer-Regular';
    font-size: 1rem;
    line-height: 1.5rem;
}
[data-bs-theme="dark"] section.work-detail-information .work-info span {
    color: var(--glam-light);
}
[data-bs-theme="light"] section.work-detail-information .work-info span {
    color: var(--glam-black);
}
section.work-detail-information .work-info i {
    font-size: .875rem;
}
section.work-detail-information .work-info ul {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    gap: 2.5rem;
    padding: 1.75rem 0;
}
[data-bs-theme="dark"] section.work-detail-information .work-info ul {
    border-bottom: 1px solid var(--glam-gray-5);
}
[data-bs-theme="light"] section.work-detail-information .work-info ul {
    border-bottom: 1px solid var(--glam-gray-3);
}
    @media (max-width: 575px) {
        section.work-detail-information .work-info ul {
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: start;
            gap: .5rem;
            padding: 1.75rem 0;
        }
    }
    @media (min-width: 576px) {
        section.work-detail-information .work-info ul {
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: start;
            gap: .5rem;
            padding: 1.75rem 0;
        }
    }
    @media (min-width: 768px) {
        section.work-detail-information .work-info ul {
            display: flex;
            flex-direction: row;
            justify-content: start;
            align-items: start;
            gap: 2.5rem;
            padding: 1.75rem 0;
        }
    }
section.work-detail-information .work-info ul li:first-child {
    min-width: 180px;
    max-width: 225px;
}
section.work-detail-information .work-info ul li ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding: 0;
    gap: .5rem;
}
[data-bs-theme="dark"] section.work-detail-information .work-info ul li ul {
    border-bottom: 0px solid var(--glam-gray-5);
}
[data-bs-theme="light"] section.work-detail-information .work-info ul li ul {
    border-bottom: 0px solid var(--glam-gray-3);
}


/* ===================================
    work-detail-galleries
===================================== */
section.work-detail-galleries {
    margin: 0 0 10rem 0;
}
    @media (max-width: 575px) {
        section.work-detail-galleries {
            margin: 0 0 4rem 0;
        }
    }
    @media (min-width: 576px) {
        section.work-detail-galleries {
            margin: 0 0 4rem 0;
        }
    }
    @media (min-width: 768px) {
        section.work-detail-galleries {
            margin: 0 0 7.25rem 0;
        }
    }
    @media (min-width: 992px) {
        section.work-detail-galleries {
            margin: 0 0 8.5rem 0;
        }
    }
    @media (min-width: 1200px) {
        section.work-detail-galleries {
            margin: 0 0 10rem 0;
        }
    }
section.work-detail-galleries .item-wrapper {
    --bs-gutter-y: 2rem;
    --bs-gutter-x: 2rem;
    max-width: 1600px;
    margin: 0 auto;
}
    @media (max-width: 575px) {
        section.work-detail-galleries .item-wrapper  {
            --bs-gutter-y: 1rem;
            --bs-gutter-x: 1rem;
        }
    }
    @media (min-width: 576px) {
        section.work-detail-galleries .item-wrapper  {
            --bs-gutter-y: 1rem;
            --bs-gutter-x: 1rem;
        }
    }
    @media (min-width: 768px) {
        section.work-detail-galleries .item-wrapper  {
            --bs-gutter-y: 1rem;
            --bs-gutter-x: 1rem;
        }
    }
    @media (min-width: 992px) {
        section.work-detail-galleries .item-wrapper  {
            --bs-gutter-y: 1rem;
            --bs-gutter-x: 1rem;
        }
    }
    @media (min-width: 1200px) {
        section.work-detail-galleries .item-wrapper  {
            --bs-gutter-y: 2rem;
            --bs-gutter-x: 2rem;
        }
    }
section.work-detail-galleries .item-wrapper-fw {
    --bs-gutter-y: 2rem;
    width: 100%;
    margin: 0 auto;
}
    @media (max-width: 575px) {
        section.work-detail-galleries .item-wrapper-fw  {
            --bs-gutter-y: 1rem;
        }
    }
    @media (min-width: 576px) {
        section.work-detail-galleries .item-wrapper-fw  {
            --bs-gutter-y: 1rem;
        }
    }
    @media (min-width: 768px) {
        section.work-detail-galleries .item-wrapper-fw  {
            --bs-gutter-y: 1rem;
        }
    }
    @media (min-width: 992px) {
        section.work-detail-galleries .item-wrapper-fw  {
            --bs-gutter-y: 1rem;
        }
    }
    @media (min-width: 1200px) {
        section.work-detail-galleries .item-wrapper-fw  {
            --bs-gutter-y: 2rem;
        }
    }
section.work-detail-galleries .item-wrapper img,
section.work-detail-galleries .item-wrapper-fw img {
    width: 100%;
    height: auto;
    border-radius: 0;
}
section.work-detail-galleries .item-wrapper video,
section.work-detail-galleries .item-wrapper-fw video {
    width: 100%;
    transition: transform .5s ease;
    border-radius: 0;
}


/* ===================================
    work-detail-next-case
===================================== */
section.work-detail-next-case {
    margin: 0 10rem 5rem 10rem;
    padding: 7.5rem 0;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
[data-bs-theme="dark"] section.work-detail-next-case {
    background-color: var(--glam-lime-light);
    transition: background-color .5s ease, color .5s ease;
}
[data-bs-theme="light"] section.work-detail-next-case {
    background-color: var(--glam-black);
    transition: background-color .5s ease, color .5s ease;
}
    @media (max-width: 575px) {
        section.work-detail-next-case {
            margin: 0;
            padding: 5rem 0;
            border-radius: 0rem;
        }
    }
    @media (min-width: 576px) {
        section.work-detail-next-case {
            margin: 0;
            padding: 5rem 0;
            border-radius: 0rem;
        }
    }
    @media (min-width: 768px) {
        section.work-detail-next-case {
            margin: 0 3rem 5rem 3rem;
            padding: 5rem 0;
            border-radius: 0;
        }
    }
    @media (min-width: 1200px) {
        section.work-detail-next-case {
            margin: 0 10rem 5rem 10rem;
            padding: 7.5rem 0;
        }
    }
section.work-detail-next-case .row {
    align-items: center;
}
section.work-detail-next-case .work-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 40px;
}
    @media (max-width: 575px) {
        section.work-detail-next-case .work-info {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            margin-bottom: 40px;
        }
    }
    @media (min-width: 576px) {
        section.work-detail-next-case .work-info {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            margin-bottom: 40px;
        }
    }
    @media (min-width: 768px) {
        section.work-detail-next-case .work-info {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            margin-bottom: 40px;
        }
    }
    @media (min-width: 1200px) {
        section.work-detail-next-case .work-info {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
    }
section.work-detail-next-case .work-info .static-title {
    margin-bottom:32px;
}

[data-bs-theme="dark"] section.work-detail-next-case .work-info .static-title p {
    color: var(--glam-black);
}
[data-bs-theme="light"] section.work-detail-next-case .work-info .static-title p {
    color: var(--glam-light);
}
section.work-detail-next-case .work-info .title {
    margin-bottom: 18px;
}
section.work-detail-next-case .work-info .title h1 {
    font-family: 'Gilmer-Medium';
    font-size: var(--fs-48);
    margin-bottom: 0;
}
[data-bs-theme="dark"] section.work-detail-next-case .work-info .title h1 {
    color: var(--glam-black);
}
[data-bs-theme="light"] section.work-detail-next-case .work-info .title h1 {
    color: var(--glam-light);
}
section.work-detail-next-case .work-info .text {
    margin-bottom: 25px;
}
[data-bs-theme="dark"] section.work-detail-next-case .work-info .text p {
    color: var(--glam-black);
}
[data-bs-theme="light"] section.work-detail-next-case .work-info .text p {
    color: var(--glam-light);
}
section.work-detail-next-case .work-info .services ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: 10px;
}
section.work-detail-next-case .work-info .services li {position: relative;}
section.work-detail-next-case .work-info .services li::after {
    content: "•";
    color: var(--glam-light);
    margin-left: 8px;
}
section.work-detail-next-case .work-info .services li:last-of-type::after {
    display: none;
}
section.work-detail-next-case .work-info .services li span {
    font-size: var(--fs-17);
}
[data-bs-theme="dark"] section.work-detail-next-case .work-info .services li span {
    color: var(--glam-black);
}
[data-bs-theme="light"] section.work-detail-next-case .work-info .services li span {
    color: var(--glam-light);
}
section.work-detail-next-case .work-info .direction-button {
    padding: 3rem 0 7.5rem 0;
    text-align: center;
}
section.work-detail-next-case .work-info .direction-button .link a {
    font-family: 'Gilmer-Medium';
    position: relative;
    font-size: var(--fs-18);
    line-height: 20px;
    padding-bottom: .5rem;
}
[data-bs-theme="dark"] section.work-detail-next-case .work-info .direction-button .link a {
    color: var(--glam-black);
    border-bottom: 1px solid var(--glam-black);
}
[data-bs-theme="light"] section.work-detail-next-case .work-info .direction-button .link a {
    color: var(--glam-light);
    border-bottom: 1px solid var(--glam-gray-5);
}
section.work-detail-next-case .work-info .direction-button .link a i {
    font-size: var(--fs-18);
    margin-left: 10px;
}
section.work-detail-next-case .work-info .direction-button .link a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    content: '';
    -webkit-transition: 0.5s width ease;
    transition: 0.5s width ease;
}
[data-bs-theme="dark"] section.work-detail-next-case .work-info .direction-button .link a::after {
    background-color: var(--glam-black);
}
[data-bs-theme="light"] section.work-detail-next-case .work-info .direction-button .link a::after {
    background-color: var(--glam-light);
}
section.work-detail-next-case .work-info .direction-button .link a:hover::after {
    width: 100%;
}
section.work-detail-next-case .media {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
    height: 100%;
}
    @media (max-width: 575px) {
        section.work-detail-next-case .media {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;

        }
    }
    @media (min-width: 576px) {
        section.work-detail-next-case .media {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;

        }
    }
    @media (min-width: 768px) {
        section.work-detail-next-case .media {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;

        }
    }
    @media (min-width: 1200px) {
        section.work-detail-next-case .media {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
    }
section.work-detail-next-case .media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .5s ease;
    border-radius: 0;
}
section.work-detail-next-case .media video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .5s ease;
    border-radius: 0;
}