html {
    font-size: 62.5%; 
    scroll-behavior: smooth;
    background-color: #fafafa;
    font-family: "futura-pt", sans-serif;
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
}

@media (max-width: 1919px) {
    html {
        font-size: calc(100vw / 192); 
    }
}

@media (min-width: 2560px) {
    html {
        font-size: 83.33%; 
    }
}

.main_container_1 {
    display: flex;
    gap: 1.8rem;
    margin-top: 7.4rem;
    margin-left: 47.4rem;
    height: 73.6rem;
    flex-shrink: 0;
}

.project-card {
    overflow: hidden; 
    transition: box-shadow 0.4s ease;
}

.project-card img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.project-card:hover img {
    transform: scale(1.07);
}

.project-card:first-child {
    position: absolute;
    left: 47.4rem;
    top: 7.4rem;
    width: 67.5rem;
    height: 73.6rem;
}

.project-card:last-child {
    position: absolute;
    left: 116.7rem;
    top: 7.4rem;
    width: 67.5rem;
    height: 73.6rem;
}

.project-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.project-text1, .project-text2 {
    position: absolute;
    bottom: 4rem;
    right: 3rem;
    pointer-events: none;
    display: flex;
    align-items: center;
    gap: 2rem;
    text-align: right;
}

.project-text1 { color: #1a1a1a; }
.project-text2 { color: white; }

.project-text1 h2, .project-text2 h2 {
    font-size: 4.8rem;
    line-height: 1;
    font-weight: 300;
    margin: 0;
    max-width: 30rem;
}

.about-section {
    display: flex;
    margin-top: 8rem;
    margin-left: 47.4rem;
    gap: 1.8rem;
    align-items: flex-start;
}

.about-text-content {
    width: 67.5rem;
    flex-shrink: 0;
}

.about-text-content h2 {
    font-size: 4.5rem;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 1.5rem;
    color: #1a1a1a;
    letter-spacing: -0.02em;
}

.about-text-content h2 .reg {
    font-size: 0.45em;
    display: inline-block;
    line-height: 1;
    transform: translateY(0.3em);
    margin-left: 0.2rem;
    vertical-align: top;
}

.about-text-content h3 {
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 1.2;
}

.about-text-content ul {
    font-size: 2.1rem;
    line-height: 1.6;
    font-weight: 300;
    color: #444;
}

.about-video-container {
    width: 67.5rem;
    height: 44rem;
    flex-shrink: 0;
    overflow: hidden;
}

.about-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.business-projects {
    margin-top: 8rem;
    margin-left: 47.4rem;
    width: 136.8rem;
    padding-bottom: 4rem;
}

.arrowBlack , .arrowWhite
{
    max-width: 4rem;
}

.projects-main-title {
    font-size: 4.5rem;
    font-weight: 300;
    margin-bottom: 4rem;
}

.projects-text-wrapper {
    column-count: 3;
    column-gap: 0rem;
    column-fill: balance;
    letter-spacing: 0px;
}

.projects-text-wrapper h3 {
    font-size: 1.7rem;
    font-weight: 400;
    margin-top: 0; 
    margin-bottom: 0.5rem;
    break-after: avoid;
}

.projects-text-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.projects-text-wrapper li {
    font-size: 1.7rem;
    line-height: 1.1; 
    margin-bottom: 0.2rem;
    font-weight: 300;
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.projects-gallery {
    margin-left: 47.4rem;  
    width: 136.8rem;       
    margin-top: 2rem;      
    margin-bottom: 8rem;  
}

.gallery-grid {
    display: flex;
    gap: 1.8rem;           
    width: 100%;
}

.gallery-image-item {
    flex: 1;               
    height: 32rem;         
    overflow: hidden;
}

.gallery-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;  
    display: block;
    transition: transform 0.5s ease;
}