@charset "utf-8";



/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');

/* font-family: "Newsreader", serif; */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* font-family: "Inter", sans-serif; */



/* 	-----------------------------------------------------

    ------------------- General Styles ------------------

    ----------------------------------------------------- */

* {

    margin: 0;

    padding: 0;

    outline: none;

    box-sizing: border-box;

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



body {

    margin: 0;

    padding: 0;

    font-family: "Inter", sans-serif;

    color: #6E6A62;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    text-size-adjust: 100%;

    font-size: 100%;

    overflow-x: hidden;

    background-color: #F5F2EC;

}



a {

    outline: none;

    outline-style: none;

    outline-width: 0;

    color: #6E6A62;

    text-decoration: none;

}



a:hover,

a:active,

a:focus {

    outline: none;

    outline-style: none;

    outline-width: 0;

    color: #C8321E;

    text-decoration: none;

}



[contenteditable="true"]:focus {

    outline: none;

}



*:focus {

    outline: none;

}



img {

    margin: 0;

    padding: 0;

    outline-style: none;

    outline-width: 0;

    max-width: 100%;

    height: auto;

}



.d-block {

    display: block;

}



.d-flex {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.flex-start {

    justify-content: flex-start !important;

    gap: 20px;

}



.image-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: -1;

}



.container-fluid {

    margin: 0 auto;

    width: 100%;

    padding: 0 20px;

}



.container {

    margin: 0 auto;

    width: 100%;

    max-width: 1200px;

    padding: 0 20px;

}



/* 	-----------------------------------------------------

    -------------------- Header Styles ------------------

    ----------------------------------------------------- */

.header-top-section {

    padding: 10px 20px;

    background-color: #1A1A1A;

    min-height: 38px;

    text-align: center;

    font-size: 13px;

    font-weight: 400;

    line-height: 18px;

    color: #F5F2EC;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 5px;

}



.header-top-section .fa-circle {

    font-size: 8px;

    color: #C8321E;

}



.header-top-section strong {

    font-weight: 600;

}



.header-top-section span {

    color: #FF8A78;

}



.header-top-section a {

    margin-left: 10px;

    color: #FF8A78;

    border-bottom: 1px solid #FF8A78;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 5px;

}



.header-top-section a i {

    font-size: 10px;

}



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

    .header-top-section {

        font-size: 11px;

        line-height: 1;

        flex-wrap: wrap;

    }



    .header-top-section .fa-circle {

        font-size: 6px;

    }



    .header-top-section a {

        margin-left: 5px;

    }

}



.header-section {

    padding: 20px 0;

    width: 100%;

    background-color: #F5F2ECF0;

    border-bottom: 1px solid #1A1A1A1F;

    transition: all .4s ease-in-out;

}



.header-section.sticky {

    width: 100%;

    position: fixed;

    top: 0;

    z-index: 999;

    transition: all .4s ease-in-out;

}



.header-section .container {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

}



.header-section .container figure {

    width: 30%;

    height: 24px;

    margin: 0;

    padding: 0;

    transition: .5s;

}



.header-section .container figure img {

    margin: 0;

    padding: 0;

    height: 24px;

    transition: .5s;

}



.header-section nav {

    width: 70%;

}



.header-section .menu {

    margin: 0;

    padding: 0;

}



.menu-bar {

    list-style: none;

    position: fixed;

    top: 0;

    left: -100%;

    z-index: 9;

    width: 300px;

    height: 100%;

    background: #EDE9E0;

    opacity: 0;

    transition: 0.4s;

    padding: 20px;

}



.menu-bar.show {

    left: 0;

    opacity: 1;

    box-shadow: 0px 10px 25px -3px #0000000D;

}



.menu-bar li {

    margin: 0;

}



.menu-bar li a {

    font-size: 14px;

    font-weight: 500;

    line-height: 44px;

    color: #1A1A1A;

    white-space: nowrap;

    display: flex;

    transition: .5s;

}



.menu-bar.show li a {

    color: #1A1A1A;

    display: block;

}



.menu-bar.show li a.active {

    color: #C8321E;

    position: relative;

}



.menu-bar.show li a svg path {

    fill: #1A1A1A;

}



.dropDown-list {

    position: relative;

}



.dropDown-list a.active {

    color: #C8321E;

}



.dropDown-list a span svg {

    width: 12px;

}



.dropDown-list a span svg path {

    transition: 0.4s;

}



.dropDown-list a.active span svg path {

    fill: #C8321E;

}



.dropDown-list a.active span svg {

    transform: rotate(180deg);

}



.dropDown_menu {

    display: none;

    position: relative;

    box-shadow: 0px 4px 44px 0px #00000026;

    list-style: none;

}



.menu-bar.show .dropDown_menu {

    box-shadow: none;

    padding: 0;

}



.dropDown_menu li {

    line-height: 1;

    margin-top: 15px;

    margin-bottom: 0;

}



.dropDown_menu li a {

    position: relative;

    font-size: 14px;

    font-weight: 500;

    line-height: 1;

    color: #C8321E;

    padding: 5px 0;

    white-space: nowrap;

    display: inline-block;

}



.toggle-btn {

    border: none;

    outline: none;

    background: transparent;

    width: 30px;

    height: 24px;

    font-size: 24px;

    padding: 0;

    color: #1A1A1A;

    position: absolute;

    right: 20px;

    top: -2px;

    z-index: 99;

    cursor: pointer;

}



.nav-cta {

    padding: 0 20px;

    background-color: #C8321E;

    border: none;

    border-radius: 50px;

    color: #FFFFFF !important;

    text-align: center;

    display: inline-flex;

    align-items: center;

    gap: 10px;

}



.nav-cta i {

    font-size: 12px;

    transition: transform .25s;

}



.nav-cta:hover {

    background-color: #a52914;

    transform: translateY(-1px);

    box-shadow: 0 12px 28px -10px rgba(200, 50, 30, 0.5);

}



.nav-cta:hover i {

    transform: translateX(4px);

    transition: transform .25s;

}



@media (min-width: 1024px) {

    .menu-bar {

        width: 300px;

    }



    .dropDown-list:hover .dropDown_menu {

        display: block !important;

    }

}



@media (min-width: 1024px) {

    .toggle-btn {

        display: none;

    }



    .menu-bar {

        position: relative;

        top: unset;

        left: unset;

        width: unset;

        opacity: 1;

        background: transparent;

        display: flex;

        justify-content: flex-end;

        gap: 30px;

        padding: 0;

        list-style: none;

    }



    .menu-bar li a:hover {

        color: #C8321E;

        transition: .5s;

    }



    .menu-bar li a.active {

        color: #C8321E;

        transition: .5s;

        position: relative;

    }



    .dropDown-list a.active {

        color: #C8321E;

    }



    .dropDown-list a.active span svg path,

    .dropDown-list a:hover span svg path {

        fill: #C8321E;

    }



    .dropDown_menu {

        list-style: none;

        position: absolute;

        top: 100%;

        left: 0;

        z-index: 999;

        min-width: 300px;

        background: #1A1A1A;

        border-radius: 0;

        padding: 10px 20px;

    }



    .dropDown_menu li {

        margin-top: 10px;

        margin-bottom: 10px;

    }



    .dropDown_menu li a {

        font-size: 16px;

        font-weight: 500;

    }



    .dropDown_menu li a:hover {

        color: #C8321E;

    }

}



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

    .header-section nav {

        width: auto;

    }



    .header-section .container figure {

        width: 70%;

    }



    .menu-bar li {

        margin: 20px 0;

    }



    .nav-cta {

        margin-left: 0 !important;

    }

}



@media only screen and (min-width:1024px) and (max-width:1170px) {

    .menu-bar {

        gap: 25px;

    }

}



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

    .header-section aside a {

        font-size: 16px;

    }



    .header-section aside a i {

        font-size: 14px;

    }

}



.btn {

    font-family: 'Inter', sans-serif;

    font-size: 14.5px;

    font-weight: 500;

    padding: 12px 20px;

    border-radius: 999px;

    border: 1px solid transparent;

    cursor: pointer;

    transition: all .25s ease;

    display: inline-flex;

    align-items: center;

    gap: 9px;

    text-decoration: none;

    white-space: nowrap;

}



.btn-primary {

    background: #c8321e;

    color: #f5f2ec;

}



.btn-primary:hover {

    background: #a52914;

    transform: translateY(-1px);

    box-shadow: 0 12px 28px -10px rgba(200, 50, 30, 0.5);

}



.btn-secondary {

    background: transparent;

    color: #1a1a1a;

    border-color: rgba(26, 26, 26, 0.12);

}



.btn-secondary:hover {

    background: #ffffff;

    border-color: #1a1a1a;

}



.btn .fa-arrow-right {

    font-size: 12px;

    transition: transform .25s;

}



.btn:hover .fa-arrow-right {

    transform: translateX(4px);

}



.btn-lg {

    padding: 16px 26px;

    font-size: 16px;

}



/* 	-----------------------------------------------------

    -------------------- Banner Styles ------------------

    ----------------------------------------------------- */

.banner-section {

    padding: 80px 0;

}



.hero-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    font-size: 13px;

    font-weight: 500;

    color: #C8321E;

    margin-bottom: 28px;

    padding: 6px 14px;

    background: rgba(200, 50, 30, 0.08);

    border-radius: 999px;

    border: 1px solid rgba(200, 50, 30, 0.18);

}



.hero-eyebrow i {

    font-size: 6px;

}



.hero-title {

    font-family: "Newsreader", serif;

    font-weight: 400;

    font-size: clamp(44px, 6.4vw, 96px);

    line-height: 1.0;

    letter-spacing: -0.035em;

    color: #1A1A1A;

    margin-bottom: 28px;

}



.hero-title .strike {

    text-decoration: line-through;

    text-decoration-color: currentcolor;

    text-decoration-thickness: auto;

    text-decoration-color: rgba(200, 50, 30, 0.6);

    text-decoration-thickness: 4px;

    color: #6E6A62;

}



.hero-title em {

    font-style: italic;

    color: #C8321E;

    font-weight: 400;

}



.hero-title .word {

    display: inline-block;

    opacity: 0;

    transform: translateY(24px);

    animation: rise 0.85s cubic-bezier(.2, .7, .2, 1) forwards;

    animation-delay: 0s;

}



.hero-title .word:nth-child(2) {

    animation-delay: .08s;

}



.hero-title .word:nth-child(3) {

    animation-delay: .16s;

}



.hero-title .word:nth-child(4) {

    animation-delay: .22s;

}



.hero-title .word:nth-child(5) {

    animation-delay: .28s;

}



.hero-title .word:nth-child(6) {

    animation-delay: .36s;

}



.hero-title .word:nth-child(7) {

    animation-delay: .44s;

}



.hero-title .word:nth-child(8) {

    animation-delay: .52s;

}



@keyframes rise {

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.hero-sub {

    font-size: 19px;

    line-height: 1.55;

    color: #6E6A62;

    max-width: 640px;

    margin-bottom: 36px;

    opacity: 0;

    transform: translateY(20px);

    animation: rise .9s .6s cubic-bezier(.2, .7, .2, 1) forwards;

}



.hero-sub strong {

    color: #1A1A1A;

    font-weight: 500;

}



.hero-cta-row {

    display: flex;

    gap: 14px;

    align-items: center;

    margin-bottom: 22px;

    flex-wrap: wrap;

    opacity: 0;

    transform: translateY(20px);

    animation: rise .9s .75s cubic-bezier(.2, .7, .2, 1) forwards;

}



.hero-cta-meta {

    font-size: 13.5px;

    color: #6e6a62;

    margin-bottom: 60px;

    opacity: 0;

    transform: translateY(20px);

    animation: rise .9s .9s cubic-bezier(.2, .7, .2, 1) forwards;

    display: flex;

    align-items: center;

    gap: 8px;

    flex-wrap: wrap;

}



.hero-cta-meta strong {

    color: #1a1a1a;

    font-weight: 600;

}



.hero-cta-meta .sep {

    color: rgba(26, 26, 26, 0.12);

}



.live-card {

    background: #1a1a1a;

    color: #f5f2ec;

    border-radius: 20px;

    padding: 32px 36px;

    display: grid;

    grid-template-columns: 1fr auto;

    gap: 32px;

    align-items: center;

    margin-top: 50px;

    box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.2);

}



.live-card-label {

    font-size: 12.5px;

    color: #a09a8f;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    margin-bottom: 10px;

    display: flex;

    align-items: center;

    gap: 8px;

}



.live-card-label .live-dot {

    width: 7px;

    height: 7px;

    background: #5cd672;

    border-radius: 50%;

    box-shadow: 0 0 12px #5cd672;

    animation: pulse-green 2s infinite;

}



@keyframes pulse-green {



    0%,

    100% {

        opacity: 1;

    }



    50% {

        opacity: 0.5;

    }

}



.live-card-number {

    font-family: 'Newsreader', serif;

    font-weight: 400;

    font-size: clamp(34px, 4.5vw, 54px);

    line-height: 1;

    letter-spacing: -0.03em;

    font-variant-numeric: tabular-nums;

}



.live-card-number .unit {

    color: #c8321e;

    font-style: italic;

    font-size: 0.55em;

    margin-left: 10px;

    font-weight: 400;

}



.live-card-sub {

    font-size: 13.5px;

    color: #a09a8f;

    margin-top: 8px;

    max-width: 340px;

}



.live-card-stats {

    display: flex;

    align-items: center;

    gap: 32px;

}



.live-card-stat .v {

    font-family: 'Newsreader', serif;

    font-weight: 400;

    font-size: 28px;

    line-height: 1;

    letter-spacing: -0.02em;

}



.live-card-stat .v em {

    color: #c8321e;

    font-style: italic;

}



.live-card-stat .k {

    font-size: 11.5px;

    color: #a09a8f;

    margin-top: 6px;

    text-transform: uppercase;

    letter-spacing: 0.08em;

}



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

    .banner-section {

        padding: 35px 0;

    }



    .hero-title {

        margin-bottom: 22px;

    }



    .hero-sub {

        font-size: 17px;

        margin-bottom: 28px;

    }



    .hero-cta-row {

        gap: 10px;

    }



    .btn-lg {

        padding: 14px 22px;

        font-size: 15px;

    }



    .live-card {

        grid-template-columns: 1fr;

        gap: 22px;

        padding: 24px;

        margin-top: 36px;

    }



    .live-card-stats {

        justify-content: space-between;

        gap: 16px;

    }



    .live-card-number {

        font-size: 32px;

    }



    .live-card-number .unit {

        font-size: 0.5em;

        margin-left: 6px;

    }

}



/* 	-----------------------------------------------------

    ------------------- Content Styles ------------------

    ----------------------------------------------------- */

.content-section {

    min-height: 400px;

}



/* 	-----------------------------------------------------

    -------------------- Footer Styles ------------------

    ----------------------------------------------------- */

.footer-section {

    background-color: #1A1A1A;

}



.footer-top {

    padding: 60px 0;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    gap: 50px;

}



.footer-top article {

    width: 46%;

}



.footer-top article p {

    padding: 20px 0 0 0;

    max-width: 320px;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.5;

    color: #A09A8F;

}



.footer-top aside {

    width: 18%;

}



.footer-top aside h4 {

    padding: 0 0 10px 0;

    font-family: "Inter", sans-serif;

    font-size: 14px;

    font-weight: 500;

    line-height: 1.2;

    color: #A09A8F;

    text-transform: uppercase;

    letter-spacing: 1.2px;

}



.footer-top aside ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.footer-top aside ul li {

    margin: 10px 0;

    padding: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.4;

    color: #F5F2EC;

}



.footer-top aside ul li a {

    color: #F5F2EC;

    transition: .5s;

}



.footer-top aside ul li a:hover {

    color: #C8321E;

    transition: .5s;

}



.footer-bot {

    padding: 30px 0;

    border-top: 1px solid #F5F2EC1F;

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.4;

    color: #A09A8F;

}



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

    .footer-top {

        padding: 50px 0 30px 0;

        flex-wrap: wrap;

        gap: 30px;

    }



    .footer-top article {

        width: 100%;

    }



    .footer-top article p {

        padding: 20px 0 0 0;

        max-width: 100%;

    }



    .footer-top aside {

        width: calc(50% - 30px);

    }



    .footer-bot {

        flex-wrap: wrap;

        gap: 15px;

    }



    .footer-bot span {

        width: 100%;

        text-align: center;

    }

}



.recent-launches-section {

    padding: 60px 0;

    background-color: #EDE9E0;

    border: 1px solid #1A1A1A1F;

    border-width: 1px 0;

}



.proof-label {

    font-size: 12px;

    font-weight: 500;

    color: #6e6a62;

    text-transform: uppercase;

    letter-spacing: 0.14em;

    margin-bottom: 28px;

    text-align: center;

}



.proof-grid {

    display: grid;

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

    border-left: 1px solid rgba(26, 26, 26, 0.12);

    border-top: 1px solid rgba(26, 26, 26, 0.12);

}



.proof2-grid {

    display: grid;

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

    border-left: 1px solid rgba(26, 26, 26, 0.12);

    border-top: 1px solid rgba(26, 26, 26, 0.12);

}



.proof3-grid {

    margin-top: 20px;

    display: grid;

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

    border-top: 1px solid rgba(26, 26, 26, 0.12);

}



.proof-cell {

    padding: 24px 24px;

    border-right: 1px solid rgba(26, 26, 26, 0.12);

    border-bottom: 1px solid rgba(26, 26, 26, 0.12);

    transition: background .2s ease;

}



.proof-cell:hover {

    background: #ffffff;

}



.proof-title {

    font-family: 'Newsreader', serif;

    font-weight: 500;

    font-size: 18px;

    letter-spacing: -0.015em;

    color: #1A1A1A;

    margin-bottom: 4px;

}



.proof-meta {

    font-size: 12px;

    color: #6e6a62;

    margin-bottom: 14px;

}



.proof-num {

    font-family: 'Newsreader', serif;

    font-weight: 500;

    font-size: 30px;

    letter-spacing: -0.03em;

    color: #1A1A1A;

    line-height: 1;

}



.proof-num em {

    color: #c8321e;

    font-style: italic;

    font-weight: 400;

    font-size: 0.65em;

    margin-left: 2px;

}



.proof-num-label {

    font-size: 11px;

    color: #6e6a62;

    text-transform: uppercase;

    letter-spacing: 0.08em;

    margin-top: 4px;

}



.proof3-grid .proof-cell:nth-child(1) {

    padding: 15px 20px 15px 0 !important;

    border-right: 1px solid rgba(26, 26, 26, 0.12);

    border-bottom: 1px solid rgba(26, 26, 26, 0.12);

}



.proof3-grid .proof-cell:nth-child(2) {

    padding: 15px 20px !important;

    border-right: 1px solid rgba(26, 26, 26, 0.12);

    border-bottom: 1px solid rgba(26, 26, 26, 0.12);

}



.proof3-grid .proof-cell:nth-child(3) {

    padding: 15px 0 15px 20px !important;

    border-right: 0px solid rgba(26, 26, 26, 0.12) !important;

    border-bottom: 1px solid rgba(26, 26, 26, 0.12);

}



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

    .recent-launches-section {

        padding: 40px 0;

    }



    .proof-grid {

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

    }



    .proof2-grid {

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

    }



    .proof-cell {

        padding: 16px;

    }



    .proof-num {

        font-size: 26px;

    }



    .proof3-grid .proof-cell:nth-child(1) {

        padding: 15px 15px 15px 0 !important;

    }



    .proof3-grid .proof-cell:nth-child(2) {

        padding: 15px 15px !important;

    }



    .proof3-grid .proof-cell:nth-child(3) {

        padding: 15px 0 15px 15px !important;

    }

}



.the-difference-section {

    padding: 100px 0;

}



.comparison-head {

    display: grid;

    grid-template-columns: 1.4fr 1fr;

    gap: 60px;

    align-items: end;

    margin-bottom: 60px;

}



.comparison {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 24px;

    margin-bottom: 32px;

}



.comp-card {

    border-radius: 20px;

    padding: 36px 32px;

}



.comp-without {

    background: #ffffff;

    border: 1px solid rgba(26, 26, 26, 0.12);

}



.comp-with {

    background: #1a1a1a;

    color: #f5f2ec;

    transform: translateY(-6px);

    box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.18);

}



.comp-tag {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    font-size: 12px;

    font-weight: 500;

    padding: 5px 12px;

    border-radius: 999px;

    margin-bottom: 22px;

    text-transform: uppercase;

    letter-spacing: 0.06em;

}



.comp-without .comp-tag {

    background: rgba(26, 26, 26, 0.05);

    color: #6e6a62;

}



.comp-with .comp-tag {

    background: rgba(200, 50, 30, 0.15);

    color: #ff8a78;

}



.comp-card h3 {

    font-family: 'Newsreader', serif;

    font-weight: 500;

    font-size: 28px;

    line-height: 1.15;

    letter-spacing: -0.025em;

    color: #1A1A1A;

    margin-bottom: 24px;

}



.comp-with h3 {

    color: #FFFFFF;

}



.comp-card ul {

    list-style: none;

}



.comp-card li {

    padding: 11px 0;

    font-size: 15px;

    line-height: 1.5;

    display: grid;

    grid-template-columns: 22px 1fr;

    gap: 10px;

    align-items: start;

    border-bottom: 1px solid rgba(26, 26, 26, 0.06);

}



.comp-with li {

    border-bottom-color: rgba(245, 242, 236, 0.08);

}



.comp-card li:last-child {

    border-bottom: none;

}



.comp-card li .icon {

    font-weight: 700;

    font-size: 14px;

    line-height: 1.6;

}



.comp-without .icon {

    color: #c54a3a;

}



.comp-without .icon .fa-check {

    color: #5cd672;

}



.comp-with .icon {

    color: #5cd672;

}



.comp-without li {

    color: #6e6a62;

}



.comp-with li {

    color: #f5f2ec;

}



.section-eyebrow {

    font-size: 13px;

    font-weight: 500;

    color: #c8321e;

    text-transform: uppercase;

    letter-spacing: 0.12em;

    margin-bottom: 18px;

    display: flex;

    align-items: center;

    gap: 10px;

}



.section-eyebrow::before {

    content: '';

    width: 24px;

    height: 1px;

    background: #c8321e;

}



.section-title {

    font-family: 'Newsreader', serif;

    font-weight: 400;

    font-size: clamp(34px, 4.5vw, 60px);

    line-height: 1.05;

    letter-spacing: -0.03em;

    color: #1A1A1A;

    margin-bottom: 22px;

    max-width: 920px;

}



.section-title em {

    font-style: italic;

    color: #c8321e;

}



.section-lead {

    font-size: 18px;

    line-height: 1.6;

    color: #6e6a62;

    max-width: 640px;

}



.inline-cta {

    background: #1a1a1a;

    color: #f5f2ec;

    border-radius: 24px;

    padding: 50px 44px;

    display: grid;

    grid-template-columns: 1.5fr 1fr;

    gap: 40px;

    align-items: center;

    margin: 50px 0 0;

    position: relative;

    overflow: hidden;

}



.inline-cta::before {

    content: '';

    position: absolute;

    top: -100px;

    right: -100px;

    width: 400px;

    height: 400px;

    background: radial-gradient(circle, rgba(200, 50, 30, 0.25), transparent 60%);

    pointer-events: none;

}



.inline-cta-text {

    position: relative;

}



.inline-cta h3 {

    font-family: 'Newsreader', serif;

    font-weight: 400;

    font-size: clamp(28px, 3.5vw, 44px);

    line-height: 1.1;

    letter-spacing: -0.025em;

    margin-bottom: 14px;

}



.inline-cta h3 em {

    font-style: italic;

    color: #ff8a78;

}



.inline-cta p {

    font-size: 16px;

    color: #a09a8f;

    line-height: 1.55;

    max-width: 500px;

}



.inline-cta-action {

    display: flex;

    flex-direction: column;

    gap: 12px;

    align-items: flex-end;

    position: relative;

}



.inline-cta-action small {

    font-size: 13px;

    color: #a09a8f;

    text-align: right;

}



.inline-cta-action small strong {

    color: #ff8a78;

    font-weight: 500;

}



.inline-cta-action .slot {

    color: #ff8a78;

    font-weight: 600;

}



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

    .the-difference-section {

        padding: 50px 0;

    }



    .comparison-head {

        grid-template-columns: 1fr;

        gap: 0;

    }



    .section-lead {

        font-size: 16px;

    }



    .comparison {

        grid-template-columns: 1fr;

        gap: 20px;

    }



    .comp-card {

        padding: 25px;

    }



    .inline-cta {

        grid-template-columns: 1fr;

        gap: 22px;

        padding: 32px 24px;

        border-radius: 18px;

    }

}



.what-clients-say-section {

    padding: 100px 0;

    background-color: #EDE9E0;

}



.test-grid {

    display: grid;

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

    gap: 24px;

    margin-top: 60px;

}



.test-card {

    background: #ffffff;

    border-radius: 20px;

    padding: 32px 28px;

    border: 1px solid rgba(26, 26, 26, 0.12);

    display: flex;

    flex-direction: column;

    transition: all .3s ease;

}



.test-card:hover {

    transform: translateY(-4px);

    border-color: #1a1a1a;

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

}



.test-stars {

    color: #c8321e;

    font-size: 16px;

    letter-spacing: 2px;

    margin-bottom: 18px;

}



.test-quote {

    font-family: 'Newsreader', serif;

    font-size: 19px;

    line-height: 1.45;

    letter-spacing: -0.01em;

    color: #1A1A1A;

    flex-grow: 1;

    margin-bottom: 24px;

}



.test-quote .highlight {

    background: rgba(200, 50, 30, 0.12);

    padding: 0 4px;

    font-style: italic;

    color: #a52914;

}



.test-attr {

    display: flex;

    align-items: center;

    gap: 14px;

    padding-top: 20px;

    border-top: 1px solid rgba(26, 26, 26, 0.12);

}



.test-avatar {

    width: 44px;

    height: 44px;

    border-radius: 50%;

    background: linear-gradient(135deg, #c8321e, #a52914);

    color: #f5f2ec;

    display: flex;

    align-items: center;

    justify-content: center;

    font-family: 'Newsreader', serif;

    font-weight: 500;

    font-size: 17px;

    flex-shrink: 0;

}



.test-attr-text strong {

    display: block;

    font-size: 14.5px;

    font-weight: 500;

    line-height: 1.3;

    color: #1A1A1A;

}



.test-attr-text span {

    font-size: 12.5px;

    color: #6e6a62;

    line-height: 1.4;

}



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

    .what-clients-say-section {

        padding: 50px 0;

    }



    .test-grid {

        grid-template-columns: 1fr;

        gap: 20px;

        margin-top: 36px;

    }



    .test-card {

        padding: 26px 22px;

    }



    .test-quote {

        font-size: 17px;

    }

}



.how-it-works-section {

    padding: 100px 0;

}



.process-steps {

    display: grid;

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

    margin-top: 60px;

    border-top: 1px solid rgba(26, 26, 26, 0.12);

}



.pstep {

    padding: 36px 28px 32px;

    border-right: 1px solid rgba(26, 26, 26, 0.12);

    border-bottom: 1px solid rgba(26, 26, 26, 0.12);

}



.pstep:last-child {

    border-right: none;

}



.pstep-num {

    font-family: 'Newsreader', serif;

    font-style: italic;

    font-size: 14px;

    color: #c8321e;

    margin-bottom: 32px;

}



.pstep-title {

    font-family: 'Newsreader', serif;

    font-weight: 500;

    font-size: 22px;

    line-height: 1.2;

    letter-spacing: -0.02em;

    color: #1A1A1A;

    margin-bottom: 12px;

}



.pstep-desc {

    font-size: 14.5px;

    color: #6e6a62;

    line-height: 1.55;

}



.pstep-time {

    margin-top: 16px;

    font-size: 12px;

    color: #c8321e;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 0.08em;

}



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

    .how-it-works-section {

        padding: 50px 0;

    }



    .process-steps {

        margin-top: 30px;

        grid-template-columns: 1fr;

    }



    .pstep {

        border-right: none;

        padding: 28px 0;

    }



    .pstep-num {

        margin-bottom: 20px;

    }

}



.selected-receipts-section {

    padding: 100px 0;

    background-color: #EDE9E0;

}



.work-list {

    border-top: 1px solid rgba(26, 26, 26, 0.12);

    margin-top: 50px;

}



.work-row {

    display: grid;

    grid-template-columns: 50px 2.4fr 1fr 1fr 100px 36px;

    gap: 24px;

    align-items: center;

    padding: 24px 12px;

    border-bottom: 1px solid rgba(26, 26, 26, 0.12);

    cursor: pointer;

    transition: all .25s ease;

}



.work-row:hover {

    padding-left: 22px;

    background: #ffffff;

}



.work-row:hover .wr-title {

    color: #c8321e;

}



.wr-num {

    font-size: 12px;

    font-weight: 500;

    color: #6e6a62;

}



.wr-title-block .wr-title {

    font-family: 'Newsreader', serif;

    font-weight: 500;

    font-size: clamp(20px, 2.2vw, 28px);

    line-height: 1.1;

    letter-spacing: -0.025em;

    color: #1A1A1A;

    margin-bottom: 4px;

    transition: color .2s;

}



.wr-title-block .wr-meta {

    font-size: 13px;

    color: #6e6a62;

}



.wr-stat .wr-val {

    font-family: 'Newsreader', serif;

    font-weight: 500;

    font-size: 22px;

    line-height: 1;

    letter-spacing: -0.025em;

    color: #1A1A1A;

}



.wr-stat .wr-key {

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 0.08em;

    color: #6e6a62;

    margin-top: 4px;

    font-weight: 500;

}



.wr-cat {

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    color: #6e6a62;

    padding: 5px 11px;

    border: 1px solid rgba(26, 26, 26, 0.12);

    border-radius: 999px;

    justify-self: start;

    font-weight: 500;

    white-space: nowrap;

}



.wr-arrow {

    color: #6e6a62;

    font-size: 18px;

    text-align: right;

    transition: all .25s ease;

}



.work-row:hover .wr-arrow {

    color: #c8321e;

    transform: translateX(4px);

}



.toast {

    position: fixed;

    bottom: 80px;

    left: 50%;

    transform: translateX(-50%) translateY(160px);

    background: #1a1a1a;

    color: #f5f2ec;

    padding: 14px 22px;

    border-radius: 999px;

    font-size: 14px;

    z-index: 9999;

    display: flex;

    align-items: center;

    gap: 12px;

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

    transition: transform .35s cubic-bezier(.2, .7, .3, 1);

    max-width: 90vw;

}



.toast.show {

    transform: translateX(-50%) translateY(0);

}



.toast .check {

    width: 18px;

    height: 18px;

    background: #c8321e;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #f5f2ec;

    font-size: 11px;

    font-weight: 700;

}



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

    .selected-receipts-section {

        padding: 50px 0;

        background-color: #EDE9E0;

    }



    .work-list {

        margin-top: 30px;

    }



    .work-row {

        grid-template-columns: 32px 1fr;

        gap: 12px;

        padding: 16px 8px;

    }



    .work-row .wr-stat,

    .work-row .wr-cat,

    .work-row .wr-arrow {

        display: none;

    }



    .work-row:hover {

        padding-left: 12px;

    }



    .toast {

        width: 100%;

    }

}



.honest-word-section {

    padding: 100px 0;

    background-color: #1A1A1A;

}



.honest-word-section .section-eyebrow {

    color: #ff8a78;

}



.honest-word-section .section-eyebrow::before {

    background: #ff8a78;

}



.honest-word-section .section-title {

    color: #f5f2ec;

}



.honest-word-section .section-title em {

    color: #ff8a78;

}



.honest-word-section .section-lead {

    color: #a09a8f;

}



.gate-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 40px;

    margin-top: 60px;

}



.gate-col h3 {

    font-family: 'Newsreader', serif;

    font-weight: 500;

    font-style: italic;

    font-size: 26px;

    margin-bottom: 24px;

    letter-spacing: -0.02em;

}



.gate-col.yes h3 {

    color: #5cd672;

}



.gate-col.no h3 {

    color: #ff8a78;

}



.gate-col ul {

    list-style: none;

}



.gate-col li {

    padding: 16px 0;

    font-size: 16.5px;

    line-height: 1.5;

    color: #f5f2ec;

    display: grid;

    grid-template-columns: 24px 1fr;

    gap: 12px;

    align-items: start;

    border-bottom: 1px solid rgba(245, 242, 236, 0.1);

}



.gate-col li:last-child {

    border-bottom: none;

}



.gate-col .icon {

    font-weight: 700;

    font-size: 15px;

    line-height: 1.65;

}



.gate-col.yes .icon {

    color: #5cd672;

}



.gate-col.no .icon {

    color: #ff8a78;

}



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

    .honest-word-section {

        padding: 50px 0;

    }



    .gate-grid {

        grid-template-columns: 1fr;

        gap: 28px;

    }



    .gate-col li {

        font-size: 15.5px;

        padding: 14px 0;

    }

}



.smart-questions-section {

    padding: 100px 0;

}



.faq-list {

    margin-top: 50px;

    border-top: 1px solid rgba(26, 26, 26, 0.12);

}



.faq-item {

    border-bottom: 1px solid rgba(26, 26, 26, 0.12);

    cursor: pointer;

}



.faq-q {

    padding: 24px 0;

    display: grid;

    grid-template-columns: 1fr 32px;

    gap: 24px;

    align-items: center;

    font-family: 'Newsreader', serif;

    font-weight: 500;

    font-size: clamp(19px, 2.2vw, 24px);

    line-height: 1.3;

    letter-spacing: -0.02em;

    color: #1A1A1A;

    transition: color .2s;

}



.faq-item:hover .faq-q {

    color: #c8321e;

}



.faq-toggle {

    width: 32px;

    height: 32px;

    border: 1px solid rgba(26, 26, 26, 0.12);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 24px;

    transition: all .3s ease;

    color: #1a1a1a;

}



.faq-item.open .faq-toggle {

    background: #c8321e;

    color: #f5f2ec;

    border-color: #c8321e;

    transform: rotate(45deg);

}



.faq-a {

    max-height: 0;

    overflow: hidden;

    transition: max-height .4s ease, padding .4s ease;

    color: #6e6a62;

    font-size: 16px;

    line-height: 1.65;

}



.faq-item.open .faq-a {

    max-height: 500px;

    padding: 0 0 28px;

}



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

    .smart-questions-section {

        padding: 50px 0;

    }



    .faq-list {

        margin-top: 30px;

    }

}



.the-last-decision-section {

    padding: 100px 0;

    background-color: #EDE9E0;

    text-align: center;

}



.the-last-decision-section h2 {

    font-family: 'Newsreader', serif;

    font-weight: 400;

    font-size: clamp(44px, 6.5vw, 96px);

    line-height: 1.0;

    letter-spacing: -0.035em;

    color: #1A1A1A;

    max-width: 1000px;

    margin: 0 auto 28px;

}



.the-last-decision-section h2 em {

    font-style: italic;

    color: #c8321e;

}



.the-last-decision-section p {

    font-size: 19px;

    color: #6e6a62;

    line-height: 1.55;

    max-width: 560px;

    margin: 0 auto 40px;

}



.the-last-decision-section .btn-row {

    display: flex;

    gap: 14px;

    justify-content: center;

    flex-wrap: wrap;

    margin-bottom: 40px;

}



.final-meta {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 32px;

    font-size: 13px;

    color: #6e6a62;

    flex-wrap: wrap;

}



.final-meta-item {

    display: flex;

    align-items: center;

    gap: 8px;

}



.final-meta-item .ic {

    color: #c8321e;

    font-weight: 600;

}



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

    .the-last-decision-section {

        padding: 50px 0;

    }

}



.sticky-cta {

    position: fixed;

    bottom: 16px;

    left: 50%;

    transform: translateX(-50%) translateY(160px);

    background: #1a1a1a;

    color: #f5f2ec;

    border-radius: 999px;

    padding: 10px 12px 10px 24px;

    display: flex;

    align-items: center;

    gap: 16px;

    z-index: 80;

    transition: transform .4s cubic-bezier(.2, .7, .3, 1);

    box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.25), 0 30px 60px -10px rgba(0, 0, 0, 0.4);

    max-width: calc(100vw - 32px);

    border: 1px solid rgba(245, 242, 236, 0.1);

}



.sticky-cta.show {

    transform: translateX(-50%) translateY(0);

}



.sticky-cta-text {

    font-size: 14px;

    font-weight: 500;

    display: flex;

    align-items: center;

    gap: 8px;

}



.sticky-cta-text .slot {

    color: #ff8a78;

    font-weight: 600;

}



.sticky-cta .btn {

    padding: 10px 18px;

    font-size: 14px;

}



.modal {

    position: fixed;

    inset: 0;

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

    backdrop-filter: blur(6px);

    z-index: 999;

    display: none;

    align-items: center;

    justify-content: center;

    padding: 24px;

}



.modal.open {

    display: flex;

}



.modal-card {

    background: #f5f2ec;

    border-radius: 22px;

    max-width: 600px;

    width: 100%;

    padding: 30px;

    position: relative;

    max-height: 90vh;

    overflow-y: auto;

}



.modal-card-service {

    background: #F5F2EC;

    border-radius: 0;

    max-width: 90vw;

    width: 100%;

    padding: 100px 0;

    position: relative;

    max-height: 90vh;

    overflow-y: auto;

}



.modal-close {

    position: absolute;

    top: 18px;

    right: 18px;

    width: 34px;

    height: 34px;

    border-radius: 50%;

    border: 1px solid rgba(26, 26, 26, 0.12);

    background: transparent;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 18px;

    color: #1a1a1a;

    transition: all .2s ease;

}



.modal-close:hover {

    background: #1a1a1a;

    color: #f5f2ec;

    border-color: #1a1a1a;

}



.modal-eyebrow {

    font-size: 12px;

    color: #c8321e;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 0.12em;

    margin-bottom: 14px;

}



.modal h2 {

    font-family: 'Newsreader', serif;

    font-weight: 400;

    font-size: 32px;

    line-height: 1.1;

    letter-spacing: -0.025em;

    color: #1A1A1A;

    margin-bottom: 12px;

}



.modal h2 em {

    font-style: italic;

    color: #c8321e;

}



.modal-card>p {

    font-size: 15px;

    color: #6e6a62;

    margin-bottom: 24px;

    line-height: 1.55;

}



.modal-row {

    margin-bottom: 12px;

}



.modal-row label {

    font-size: 12px;

    font-weight: 500;

    color: #6e6a62;

    margin-bottom: 6px;

    display: block;

}



.modal-row input,

.modal-row select,

.modal-row textarea {

    width: 100%;

    background: #ffffff;

    border: 1px solid rgba(26, 26, 26, 0.12);

    border-radius: 10px;

    padding: 12px 14px;

    font-family: 'Inter', sans-serif;

    font-size: 14.5px;

    color: #1a1a1a;

}



.modal-row input:focus,

.modal-row select:focus,

.modal-row textarea:focus {

    outline: none;

    border-color: #1a1a1a;

}



.modal-row textarea {

    min-height: 80px;

    overflow: auto;

    resize: none;

}



.modal-row select {

    background: #ffffff url(../img/dd-arrow.png) no-repeat right;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

}



.modal-row.two {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

}



.modal-submit {

    width: 100%;

    justify-content: center;

    margin-top: 8px;

}



.modal-foot {

    font-size: 12px;

    color: #6e6a62;

    margin-top: 14px;

    text-align: center;

}



#modal-meme-marketing,

#modal-influencer-outreach,

#modal-music-marketing,

#modal-film-marketing {

    background-color: #EDE9E0;

}



.service-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 50px;

}



.service-header figure {

    width: 160px;

}



.service-header figure img {

    width: 160px;

}



.service-header article {

    width: calc(100% - 500px);

}



.service-header article .section-title {

    font-family: 'Newsreader', serif;

    font-weight: 400;

    font-size: clamp(34px, 4.5vw, 60px);

    line-height: 1.05;

    letter-spacing: -0.03em;

    color: #1A1A1A;

    margin-bottom: 22px;

    max-width: 920px;

}



.service-header aside {

    padding: 25px;

    width: 240px;

    background-color: #1A1A1A;

    border-radius: 20px;

}



.service-header aside .v {

    font-family: 'Newsreader', serif;

    font-weight: 400;

    font-size: clamp(34px, 4.5vw, 52px);

    line-height: 1;

    letter-spacing: -0.02em;

    color: #FFFFFF;

}



.service-header aside .v em {

    font-size: clamp(20px, 4.5vw, 36px);

    color: #c8321e;

    font-style: italic;

}



.service-header aside .k {

    font-size: 13.5px;

    font-weight: 400;

    color: #F5F2EC;

    margin-top: 6px;

}



.service-footer {

    display: flex;

    gap: 14px;

    align-items: center;

    margin-top: 50px;

    flex-wrap: wrap;

}



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

    .modal-card-service {

        padding: 50px 0;

    }



    .service-header {

        flex-wrap: wrap;

        gap: 20px;

    }



    .service-header figure {

        width: 70px;

    }



    .service-header figure img {

        width: 70px;

    }



    .service-header article {

        width: calc(100% - 90px);

    }



    .service-header aside {

        width: 100%;

    }



    .modal-row.two {

        grid-template-columns: 1fr;

    }



    .sticky-cta {

        flex-wrap: wrap;

        width: 65%;

        justify-content: center;

    }

}



.stuff-we-do-section {

    padding: 100px 0;

    background-color: #EDE9E0;

    border: 1px solid #1A1A1A1F;

    border-width: 1px 0;

    text-align: center;

}



#toast-msg {

    width: calc(100% - 30px);

}



.stuff-we-do-section .section-title,

.stuff-we-do-section .section-lead {

    max-width: 100%;

}



.stuff-grid {

    margin-top: 60px;

    display: grid;

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

    gap: 30px;

}



.stuff-grid .service-cell {

    padding: 36px 32px;

    background-color: #1A1A1A;

    border-radius: 20px;

    box-shadow: 0px 30px 60px -20px #0000002E;

    text-align: left;

    transition: background .2s ease;

}



.stuff-grid .service-cell .number {

    margin-bottom: 30px;

    padding: 5px 12px;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    font-size: 12px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 0.06em;

    color: #ff8a78;

    background: rgba(200, 50, 30, 0.15);

    border-radius: 999px;

}



.stuff-grid .service-cell .icon-title {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap: 30px;

}



.stuff-grid .service-cell .icon-title figure {

    width: 100px;

    height: 100px;

}



.stuff-grid .service-cell h3 {

    font-family: 'Newsreader', serif;

    font-weight: 400;

    font-size: clamp(28px, 3.5vw, 44px);

    line-height: 1.1;

    letter-spacing: -0.025em;

    color: #FFFFFF;

}



.stuff-grid .service-cell h3 em {

    font-style: italic;

    color: #ff8a78;

    display: block;

}



.stuff-grid .service-cell p {

    margin: 30px 0;

    font-size: 16px;

    color: #a09a8f;

    line-height: 1.55;

}



.stuff-grid .service-cell:hover {

    background-color: #FFFFFF;

    transition: background .2s ease;

}



.stuff-grid .service-cell:hover .number {

    background: rgba(26, 26, 26, 0.05);

    color: #6e6a62;

}



.stuff-grid .service-cell:hover h3 {

    color: #1A1A1A;

}



.stuff-grid .service-cell:hover p {

    color: #6e6a62;

}



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

    .stuff-we-do-section {

        padding: 50px 0;

    }



    .stuff-grid {

        margin-top: 30px;

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

        gap: 20px;

    }



    .stuff-grid .service-cell {

        padding: 26px;

    }



    .stuff-grid .service-cell .icon-title {

        gap: 20px;

    }



    .stuff-grid .service-cell .icon-title figure {

        width: 70px;

        height: 70px;

    }

}



.contant-title {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    gap: 50px;

    margin-bottom: 28px;

}



.contant-title h1 {

    width: calc(100% - 420px);

}



.contant-title aside {

    width: 370px;

    display: grid;

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

    gap: 2px;

}



.contant-title aside .white-box {

    padding: 26px;

    background-color: #FFFFFF;

    border-radius: 12px;

}



.contant-title aside .white-box .v {

    font-family: 'Newsreader', serif;

    font-weight: 500;

    font-size: clamp(30px, 4.5vw, 38px);

    line-height: 1;

    letter-spacing: -0.02em;

    color: #1A1A1A;

}



.contant-title aside .white-box .v em {

    font-size: clamp(16px, 4.5vw, 24px);

    color: #c8321e;

    font-style: italic;

}



.contant-title aside .white-box .k {

    font-size: 11.5px;

    font-weight: 400;

    color: #6E6A62;

    margin-top: 6px;

    text-transform: uppercase;

    letter-spacing: 0.08em;

}



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

    .contant-title {

        flex-wrap: wrap;

        gap: 20px;

    }



    .contant-title h1 {

        width: 100%;

    }



    .contant-title aside {

        width: 100%;

    }



    .contant-title aside .white-box {

        padding: 16px;

    }

}



.contact-section {

    padding: 100px 0;

    background-color: #EDE9E0;

    border: 1px solid #1A1A1A1F;

    border-width: 1px 0;

}



.contact-section section {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    gap: 30px;

}



.contact-section section form {

    padding: 32px;

    width: 62.5%;

    background-color: #FFFFFF;

    border: 1px solid #F5F2EC14;

    border-radius: 16px;

}



.contact-section section form p {

    font-size: 18px;

    color: #6E6A62;

    margin-bottom: 24px;

}



.radio-group {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-bottom: 24px;

}



.radio-card {

    position: relative;

    cursor: pointer;

    width: calc(25% - 8px);

}



.radio-card input {

    display: none;

}



.radio-card span {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 9px;

    border-radius: 50px;

    background: #F5F2EC;

    border: 1px solid #1A1A1A0D;

    color: #6b625d;

    font-size: 13px;

    font-weight: 500;

    text-align: center;

    transition: 0.3s ease;

}



.radio-card input:checked+span {

    background: #C8321E;

    border: 1px solid #C8321E;

    color: #FFFFFF;

}



.radio-card:hover span {

    transform: translateY(-2px);

}



.form-row {

    margin-bottom: 20px;

}



.form-row label {

    font-size: 12px;

    font-weight: 500;

    color: #8A8278;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    margin-bottom: 6px;

    display: block;

}



.form-row input,

.form-row select,

.form-row textarea {

    width: 100%;

    background: #F5F2EC;

    border: 1px solid #A09A8F;

    border-radius: 12px;

    padding: 14px 16px;

    font-family: 'Inter', sans-serif;

    font-size: 14.5px;

    color: #4A4640;

}



.form-row input:focus,

.form-row select:focus,

.form-row textarea:focus {

    outline: none;

    border-color: #1a1a1a;

}



.form-row textarea {

    min-height: 120px;

    overflow: auto;

    resize: none;

}



.form-row select {

    background: #F5F2EC url(../img/dd-arrow.png) no-repeat right;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

}



.form-row ::placeholder {

    color: #4A4640;

}



.form-row.two {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

}



.form-submit {

    width: auto;

    justify-content: center;

}



.form-foot {

    font-size: 13px;

    color: #8A8278;

}



.form-flex {

    padding-top: 8px;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap: 20px;

}



.contact-section section aside {

    width: 37.5%;

}



.contact-section section aside .info {

    padding: 0 24px 38px 24px;

}



.info-title {

    font-family: 'Newsreader', serif;

    font-weight: 500;

    font-size: 20px;

    letter-spacing: -0.015em;

    color: #1A1A1A;

    margin-bottom: 4px;

}



.info-title a {

    color: #1A1A1A;

}



.info-meta {

    font-size: 13.5px;

    color: #6e6a62;

    margin-bottom: 30px;

}



.social-media ul {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap: 30px;

}



.social-media ul li a {

    font-size: 13.5px;

    color: #6e6a62;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap: 10px;

    transition: .5s;

}



.social-media ul li a:hover {

    color: #1A1A1A;

    transition: .5s;

}



.social-media ul li a i {

    font-size: 20px;

}



.social-media ul li a .fa-instagram {

    color: #000100;

}



.social-media ul li a .fa-linkedin {

    color: #0A66C2;

}



.social-media ul li a .fa-youtube {

    color: #FF0302;

}



.contact-section section aside .status {

    padding: 24px;

    background-color: #161410;

    border: 1px solid #F5F2EC14;

    border-radius: 10px;

}



.status-title {

    font-size: 13px;

    font-weight: 600;

    color: #F5F2EC;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 10px;

    padding-bottom: 16px;

}



.status-title i {

    font-size: 10px;

    color: #5CD672;

}



.status-meta {

    font-size: 13px;

    font-weight: 400;

    color: #8A8278;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 10px;

    padding: 12px 0;

}



.status-meta .remaining {

    color: #FF8A78;

}



.status-meta .open {

    color: #5CD672;

}



.status-meta .time {

    color: #F5F2EC;

}



.status-meta .free {

    color: #5CD672;

}



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

    .contact-section {

        padding: 50px 0;

    }



    .contact-section section {

        flex-wrap: wrap;

        gap: 20px;

    }



    .contact-section section form {

        width: 100%;

        padding: 24px;

    }



    .contact-section section form p {

        font-size: 16px;

    }



    .radio-card {

        width: calc(50% - 8px);

    }



    .form-row.two {

        grid-template-columns: 1fr;

    }



    .form-submit {

        width: 100%;

    }



    .form-foot {

        text-align: center;

        width: 100%;

    }



    .form-flex {

        flex-wrap: wrap;

        gap: 10px;

    }



    .contact-section section aside {

        width: 100%;

    }

}



@media only screen and (min-width:761px) and (max-width:1023px) {

    .contact-section section form {

        width: 55%;

        padding: 24px;

    }



    .radio-card {

        width: calc(50% - 8px);

    }



    .form-row.two {

        grid-template-columns: 1fr;

    }



    .form-submit {

        width: 100%;

    }



    .form-foot {

        text-align: center;

        width: 100%;

    }



    .form-flex {

        flex-wrap: wrap;

        gap: 10px;

    }



    .contact-section section aside {

        width: 45%;

    }

}



@media only screen and (min-width:1024px) and (max-width:1160px) {

    .radio-card {

        width: calc(33.333% - 8px);

    }

}



.work-title {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    gap: 50px;

    margin-bottom: 28px;

}



.work-title h1 {

    width: calc(100% - 260px);

}



.work-title aside {

    width: 210px;

}



.work-title aside .white-box {

    padding: 26px;

    background-color: #FFFFFF;

    border-radius: 12px;

}



.work-title aside .white-box .v {

    font-family: 'Newsreader', serif;

    font-weight: 500;

    font-size: clamp(30px, 4.5vw, 38px);

    line-height: 1;

    letter-spacing: -0.02em;

    color: #1A1A1A;

}



.work-title aside .white-box .v em {

    font-size: clamp(16px, 4.5vw, 24px);

    color: #c8321e;

    font-style: italic;

}



.work-title aside .white-box .k {

    font-size: 11.5px;

    font-weight: 400;

    color: #6E6A62;

    margin-top: 6px;

    text-transform: uppercase;

    letter-spacing: 0.08em;

}



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

    .work-title {

        flex-wrap: wrap;

        gap: 20px;

    }



    .work-title h1 {

        width: 100%;

    }



    .work-title aside {

        width: 100%;

    }



    .work-title aside .white-box {

        padding: 16px;

    }

}



.our-works-section {

    padding: 100px 0;

}



.filter-buttons {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    gap: 15px;

    margin-bottom: 40px;

}



.filter-btn {

    flex: 1;

    border: 1px solid #0000001F;

    background: transparent;

    padding: 15px;

    border-radius: 50px;

    font-size: 16px;

    font-weight: 500;

    cursor: pointer;

    transition: .3s;

}



.filter-btn.active,

.filter-btn:hover {

    background: #C8321E;

    color: #FFFFFF;

}



.portfolio-grid {

    display: grid;

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

    gap: 30px;

}



.card {

    padding: 20px;

    background: transparent;

    border: 1px solid #1A1A1A1F;

    border-radius: 20px;

    overflow: hidden;

}



.card:hover {

    background: #FFFFFF;

    transition: background .2s ease;

}



.card img {

    width: 100%;

    height: 370px;

    border-radius: 12px;

    object-fit: cover;

    display: block;

}



.card h3 {

    font-family: 'Newsreader', serif;

    font-weight: 500;

    font-size: clamp(20px, 4.5vw, 28px);

    line-height: 1.05;

    letter-spacing: -0.03em;

    color: #1A1A1A;

    margin-top: 20px;

    margin-bottom: 15px;

}



.card ul {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap: 25px;

}



.card ul li {

    font-size: 15px;

    color: #6E6A62;

    position: relative;

}



.card ul li::before {

    content: '';

    position: absolute;

    top: 50%;

    left: -12px;

    transform: translateY(-50%);

    width: 4px;

    height: 4px;

    background-color: #6E6A62;

    border-radius: 50%;

}



.card ul li:first-child::before {

    display: none;

}



.card.hidden {

    display: none;

}



.load-more-wrap {

    text-align: center;

    margin-top: 50px;

}



@media(max-width:768px) {

    .portfolio-grid {

        grid-template-columns: 1fr;

    }

}



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

    .our-works-section {

        padding: 50px 0;

    }



    .filter-buttons {

        gap: 10px;

        font-size: 14px;

        margin-bottom: 20px;

    }



    .filter-btn {

        font-size: 14px;

    }



    .portfolio-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }



    .card {

        padding: 10px;

    }



    .card img {

        height: 250px;

    }



    .card ul {

        flex-wrap: wrap;

        gap: 10px 25px;

    }



    .card ul li {

        font-size: 13px;

    }



    .load-more-wrap {

        margin-top: 30px;

    }

}



@media only screen and (min-width:761px) and (max-width:1160px) {

    .portfolio-grid {

        gap: 20px;

    }

}



.lists-section {

    padding: 30px 0;

    background-color: #EDE9E0;

    border: 1px solid #1A1A1A1F;

    border-width: 1px 0;

}



.marquee {

    width: 100%;

    overflow: hidden;

}



.marquee-track {

    display: flex;

    width: max-content;

    margin: 0;

    padding: 0;

    list-style: none;

    animation: marquee 25s linear infinite;

}



.marquee-track li {

    flex-shrink: 0;

    white-space: nowrap;

    padding: 0 20px;

    font-family: 'Newsreader', serif;

    font-weight: 400;

    font-size: clamp(14px, 4.5vw, 18px);

    line-height: 1;

    color: #1A1A1A;

    position: relative;

}



.marquee-track li:not(:last-child)::after {

    content: "•";

    position: absolute;

    right: -5px;

    top: 50%;

    transform: translateY(-50%);

    color: #1A1A1A;

}



@keyframes marquee {

    from {

        transform: translateX(0);

    }



    to {

        transform: translateX(-50%);

    }

}



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

    .lists-section {

        padding: 20px 0;

    }

}



.about-section {

    padding: 100px 0;

}



.our-mission,

.our-vision {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 50px;

    margin-bottom: 100px;

}



.our-vision {

    margin-bottom: 50px;

}



.about-section article {

    width: 50%;

}



.about-section aside {

    padding: 30px;

    width: 50%;

    background-color: #FFFFFF;

    border-top: 1px solid #1A1A1A1F;

    border-radius: 20px;

}



.about-section .section-lead {

    margin-bottom: 24px;

}



.about-section .section-lead:last-child {

    margin-bottom: 0;

}



.inline-full-cta {

    background: #1a1a1a;

    color: #f5f2ec;

    border-radius: 24px;

    padding: 50px 44px;

    position: relative;

    overflow: hidden;

}



.inline-full-cta h3 {

    font-family: 'Newsreader', serif;

    font-weight: 400;

    font-size: clamp(28px, 3.5vw, 44px);

    line-height: 1.1;

    letter-spacing: -0.025em;

    margin-bottom: 14px;

}



.inline-full-cta h3 em {

    font-style: italic;

    color: #ff8a78;

}



.inline-full-cta p {

    font-size: 16px;

    color: #a09a8f;

    line-height: 1.55;

    max-width: 500px;

}



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

    .about-section {

        padding: 50px 0;

    }



    .our-mission,

    .our-vision {

        flex-wrap: wrap;

        gap: 20px;

        margin-bottom: 50px;

    }



    .our-vision {

        flex-wrap: wrap-reverse;

    }



    .about-section article {

        width: 100%;

    }



    .about-section aside {

        width: 100%;

    }



    .about-section .section-lead {

        margin-bottom: 20px;

    }



    .inline-full-cta {

        padding: 30px;

    }

}



.owership-section {

    padding: 100px 0;

    background-color: #EDE9E0;

}



.owership-grid {

    display: grid;

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

    gap: 20px;

    margin-top: 40px;

}



.owership-grid .ownership-card {

    padding: 30px;

    background-color: #FFFFFF;

    border-radius: 20px;

}



.owership-grid .ownership-card .v {

    font-family: 'Newsreader', serif;

    font-weight: 400;

    font-size: 40px;

    line-height: 1;

    letter-spacing: -0.02em;

    color: #1A1A1A;

}



.owership-grid .ownership-card .v em {

    color: #c8321e;

    font-style: normal;

}



.owership-grid .ownership-card .k {

    font-family: 'Newsreader', serif;

    font-size: 19px;

    line-height: 1.5;

    color: #1A1A1A;

    margin-top: 6px;

}



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

    .owership-section {

        padding: 50px 0;

    }



    .owership-grid {

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

    }



    .owership-grid .ownership-card {

        padding: 20px;

    }



    .owership-grid .ownership-card .v {

        font-size: 28px;

    }



    .owership-grid .ownership-card .k {

        font-size: 16px;

    }

}



@media only screen and (min-width:761px) and (max-width:1023px) {

    .owership-grid {

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

    }

}



.brands-section {

    padding: 100px 0;

    text-align: center;

}



.brands-section ul {

    margin: 40px 0 0 0;

    padding: 0;

    list-style: none;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 15px;

    flex-wrap: wrap;

}



.brands-section ul li {

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #FFFFFF;

    border-radius: 50px;

    padding: 10px 20px;

    font-size: 17px;

    font-weight: 500;

    color: #8A8278;

}



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

    .brands-section {

        padding: 50px 0;

    }



    .brands-section ul {

        margin: 20px 0 0 0;

        gap: 5px;

    }



    .brands-section ul li {

        font-size: 15px;

    }

}

.error{
    color:#dc3545;
    display:block;
    margin-top:5px;
    font-size:13px;
}

.success-msg{
    color:#198754;
    margin-top:15px;
    font-weight:600;
}

.error-msg{
    color:#dc3545;
    margin-top:15px;
    font-weight:600;
}