.project-hero {
            padding-top: 150px;
        }
        .project-meta {
            display: flex;
            gap: 60px;
            margin-bottom: 30px; /* Reduced by 1/2 from 60px to 30px (Applies globally) */
            border-bottom: 1px solid var(--border-color);
            padding-bottom: 30px;
        }
        .meta-item h4 {
            font-size: 0.8rem;
            text-transform: uppercase;
            color: var(--dim-text);
            margin-bottom: 15px;
        }
        .meta-item p {
            font-size: 1rem;
        }
        .project-main-image {
            width: 100vw !important;
            position: relative !important;
            left: 50% !important;
            transform: translateX(-50%) !important;
            height: 80vh;
            background-color: #1a1a1a;
            margin-bottom: 100px;
            overflow: hidden;
        }
        .project-main-image img,
        .project-main-image video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .project-desc-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            margin-bottom: 100px;
        }

        /* Seamless Gallery Optimization */
        .project-gallery.seamless {
            margin-top: 0 !important;
            padding-top: 0 !important;
            margin-bottom: 100px;
        }
        .gallery-item.seamless {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding: 0 !important;
        }
        .gallery-item.seamless .project-main-image {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            height: auto !important;
            aspect-ratio: auto !important;
            background-color: transparent !important;
            padding: 0 !important;
        }
        .gallery-item.seamless .project-main-image img,
        .gallery-item.seamless .project-main-image video {
            display: block;
            width: 100%;
            height: auto !important;
            object-fit: contain !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        /* Seamless Hero Image Optimization */
        .project-main-image.seamless {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            height: auto !important;
            background-color: transparent !important;
            aspect-ratio: auto !important;
            padding: 0 !important;
            width: 100vw !important;
            position: relative !important;
            left: 50% !important;
            transform: translateX(-50%) !important;
        }
        .project-main-image.seamless img {
            display: block;
            width: 100%;
            height: auto !important;
            object-fit: contain !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        /* Black Padded Gallery Image Style */
        .gallery-item.seamless .project-main-image.black-padded {
            height: auto !important; /* Scale naturally to protect aspect ratio */
            background-color: #000000 !important;
            aspect-ratio: auto !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding: 100px 12% !important; /* 100px Top/Bottom frame, 12% Left/Right for identical horizontal width */
            box-sizing: border-box !important;
            display: block !important;
        }
        .gallery-item.seamless .project-main-image.black-padded img {
            display: block !important;
            width: 100% !important;
            height: auto !important; /* Natural height flow */
            object-fit: contain !important;
            margin: 0 auto !important;
            padding: 0 !important;
        }

        /* Black Padded Wide Gallery Image Style */
        .gallery-item.seamless .project-main-image.black-padded-wide {
            height: auto !important;
            background-color: #000000 !important;
            aspect-ratio: auto !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding: 100px 25% !important; /* Wider left/right padding */
            box-sizing: border-box !important;
            display: block !important;
        }
        .gallery-item.seamless .project-main-image.black-padded-wide img {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            object-fit: contain !important;
            margin: 0 auto !important;
            padding: 0 !important;
        }

        /* Hide intermediate description text */
        .project-description.hide {
            display: none !important;
        }

        /* Top Description Text */
        #project-top-desc {
            font-size: 16px;
        }
        @media (max-width: 768px) {
            #project-top-desc {
                font-size: 14px;
            }
            .project-hero {
                padding-top: 100px;
            }
            .project-meta {
                gap: 20px;
                margin-bottom: 20px;
                padding-bottom: 20px;
                flex-wrap: wrap;
            }
            #project-top-desc-container {
                margin-bottom: 30px !important;
            }
            .project-main-image {
                margin-bottom: 40px !important;
            }
            .project-desc-grid {
                gap: 30px;
                margin-bottom: 50px;
                grid-template-columns: 1fr;
            }
            .project-gallery {
                margin-top: 40px !important;
            }
            .project-gallery.seamless {
                margin-bottom: 40px !important;
            }
            .gallery-item {
                margin-bottom: 20px !important;
            }
            .gallery-item.seamless .project-main-image.padded40 {
                margin-bottom: 20px !important;
            }
            .gallery-item.seamless .project-main-image.black-padded {
                padding: 40px 5% !important;
            }
            .gallery-item.seamless .project-main-image.black-padded-wide {
                padding: 40px 10% !important;
            }
            .gallery-item.seamless .project-main-image.light-padded {
                padding: 20px 5% !important;
            }
            .gallery-item.seamless .project-main-image.extra-padded {
                padding: 40px 15% !important;
            }
            .project-text-section {
                margin: 50px auto !important;
            }
        }

        /* 40px Padded Seamless Style */
        .project-main-image.seamless.padded40 {
            margin-bottom: 40px !important;
        }
        .gallery-item.seamless .project-main-image.padded40 {
            margin-bottom: 40px !important;
        }

        /* Center-aligned Text Section */
        .project-text-section {
            max-width: 800px;
            margin: 100px auto;
            text-align: center;
            padding: 0 20px;
        }
        .project-text-section h3 {
            font-size: clamp(1.8rem, 3.5vw, 2.4rem);
            font-weight: 400;
            line-height: 1.3;
            margin-bottom: 25px;
            font-family: var(--serif-font), serif;
        }
        .project-text-section p {
            font-size: 1.05rem;
            line-height: 1.8;
            opacity: 0.85;
            word-break: keep-all;
            white-space: pre-line;
            color: var(--text-color);
        }
        .project-text-section.heritage-text h3 {
            color: #d1b88e; /* Heritage Reborn thematic color */
        }
        .project-text-section.habaek-text h3 {
            font-weight: 700 !important;
        }
        .project-text-section.habaek-text p {
            color: #333333 !important;
            opacity: 1 !important;
        }
        .project-text-section.heritage-text p {
            color: #000000 !important;
            opacity: 1 !important;
        }
        .project-text-section.b2b-text {
            background-color: #000000;
            width: 100vw !important;
            max-width: 100vw !important;
            position: relative;
            left: 50% !important;
            transform: translateX(-50%) !important;
            margin: 0 !important;
            padding: 120px 20px 60px !important;
            box-sizing: border-box !important;
        }
        .project-text-section.b2b-text h3,
        .project-text-section.b2b-text p {
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }
        .project-text-section.b2b-text h3 {
            color: #ffffff !important;
            font-weight: 700 !important;
        }
        .project-text-section.b2b-text p {
            color: #ffffff !important;
            opacity: 0.85 !important;
        }

        /* Workwiz (id=4) custom text sections */
        .project-text-section.workwiz-text-black {
            background-color: #000000;
            width: 100vw !important;
            max-width: 100vw !important;
            position: relative;
            left: 50% !important;
            transform: translateX(-50%) !important;
            margin: 0 !important;
            padding: 120px 20px 60px !important;
            box-sizing: border-box !important;
        }
        .project-text-section.workwiz-text-black h3,
        .project-text-section.workwiz-text-black p {
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }
        .project-text-section.workwiz-text-black h3 {
            color: #ffffff !important;
            font-weight: 700 !important;
        }
        .project-text-section.workwiz-text-black p {
            color: #ffffff !important;
            opacity: 0.85 !important;
        }

        .project-text-section.workwiz-text-gray {
            background-color: #EBEBEB;
            width: 100vw !important;
            max-width: 100vw !important;
            position: relative;
            left: 50% !important;
            transform: translateX(-50%) !important;
            margin: 0 !important;
            padding: 120px 20px 60px !important;
            box-sizing: border-box !important;
        }
        .project-text-section.workwiz-text-gray h3,
        .project-text-section.workwiz-text-gray p {
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }
        .project-text-section.workwiz-text-gray h3 {
            color: #000000 !important;
            font-weight: 700 !important;
        }
        .project-text-section.workwiz-text-gray p {
            color: #555555 !important;
        }

        /* Shinsegae (id=3) custom text sections */
        .project-text-section.shinsegae-text-black {
            background-color: #000000;
            width: 100vw !important;
            max-width: 100vw !important;
            position: relative;
            left: 50% !important;
            transform: translateX(-50%) !important;
            margin: 0 !important;
            padding: 120px 20px 60px !important;
            box-sizing: border-box !important;
        }
        .project-text-section.shinsegae-text-black h3,
        .project-text-section.shinsegae-text-black p {
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }
        .project-text-section.shinsegae-text-black h3 {
            color: #ffffff !important;
            font-weight: 700 !important;
        }
        .project-text-section.shinsegae-text-black p {
            color: #ffffff !important;
            opacity: 0.85 !important;
        }

        .project-text-section.shinsegae-text-gray {
            background-color: #F3F5F6;
            width: 100vw !important;
            max-width: 100vw !important;
            position: relative;
            left: 50% !important;
            transform: translateX(-50%) !important;
            margin: 0 !important;
            padding: 120px 20px 60px !important;
            box-sizing: border-box !important;
        }
        .project-text-section.shinsegae-text-gray h3,
        .project-text-section.shinsegae-text-gray p {
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }
        .project-text-section.shinsegae-text-gray h3 {
            color: #333333 !important;
            font-weight: 700 !important;
        }
        .project-text-section.shinsegae-text-gray p {
            color: #555555 !important;
        }
        
        /* Shinsegae Icon (id=2) custom text sections */
        .project-text-section.shinsegae-icon-white {
            background-color: #ffffff;
            width: 100vw !important;
            max-width: 100vw !important;
            position: relative;
            left: 50% !important;
            transform: translateX(-50%) !important;
            margin: 0 !important;
            padding: 120px 20px 60px !important;
            box-sizing: border-box !important;
        }
        .project-text-section.shinsegae-icon-white h3,
        .project-text-section.shinsegae-icon-white p {
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }
        .project-text-section.shinsegae-icon-white h3 {
            color: #333333 !important;
            font-weight: 400 !important;
            font-family: 'Libre Bodoni', serif !important;
        }
        .project-text-section.shinsegae-icon-white p {
            color: #555555 !important;
            opacity: 1 !important;
        }

        .project-text-section.shinsegae-icon-gray {
            background-color: #E9E9E9;
            width: 100vw !important;
            max-width: 100vw !important;
            position: relative;
            left: 50% !important;
            transform: translateX(-50%) !important;
            margin: 0 !important;
            padding: 120px 20px 60px !important;
            box-sizing: border-box !important;
        }
        .project-text-section.shinsegae-icon-gray h3,
        .project-text-section.shinsegae-icon-gray p {
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }
        .project-text-section.shinsegae-icon-gray h3 {
            color: #333333 !important;
            font-weight: 400 !important;
            font-family: 'Libre Bodoni', serif !important;
        }
        .project-text-section.shinsegae-icon-gray p {
            color: #555555 !important;
        }

        /* Custom Padded Background Frames */
        .gallery-item.seamless .project-main-image.custom-bg-wide {
            height: auto !important;
            aspect-ratio: auto !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding: 100px 15% !important; /* Ample top/bottom & left/right padding */
            box-sizing: border-box !important;
            display: block !important;
        }
        .gallery-item.seamless .project-main-image.custom-bg-wide img {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            object-fit: contain !important;
            margin: 0 auto !important;
            padding: 0 !important;
        }

        .gallery-item.seamless .project-main-image.custom-bg-narrow {
            height: auto !important;
            aspect-ratio: auto !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding: 30px 15% !important; /* Maintained left/right padding, narrower top/bottom padding */
            box-sizing: border-box !important;
            display: block !important;
        }
        .gallery-item.seamless .project-main-image.custom-bg-narrow img {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            object-fit: contain !important;
            margin: 0 auto !important;
            padding: 0 !important;
        }

        /* Static Motion (id=14) dynamic horizontal padding */
        body.project-14 .project-main-image.seamless,
        body.project-14 .gallery-item.seamless .project-main-image {
            width: 100% !important;
            max-width: 1500px !important;
            left: auto !important;
            right: auto !important;
            transform: none !important;
            margin-left: auto !important;
            margin-right: auto !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
            box-sizing: border-box !important;
            height: auto !important;
            background-color: transparent !important;
        }
        body.project-14 .project-main-image.seamless img,
        body.project-14 .gallery-item.seamless .project-main-image img {
            width: 100% !important;
            height: auto !important;
            object-fit: contain !important;
            margin: 0 auto !important;
        }

        /* Light padded style for select project images */
        .gallery-item.seamless .project-main-image.light-padded {
            height: auto !important;
            aspect-ratio: auto !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding: 40px 6% !important; /* Top, bottom, left, right slight padding */
            box-sizing: border-box !important;
            background-color: transparent !important;
            width: 100% !important;
            max-width: 1600px !important;
            left: auto !important;
            transform: none !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .gallery-item.seamless .project-main-image.light-padded img {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            object-fit: contain !important;
            margin: 0 auto !important;
            padding: 0 !important;
        }

        /* Extra padded style for select project images (100px 35% padding, transparent bg) */
        .gallery-item.seamless .project-main-image.extra-padded {
            height: auto !important;
            aspect-ratio: auto !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding: 100px 35% !important; /* Side padding is 35% each, so total margin/empty space is 70% of the screen */
            box-sizing: border-box !important;
            background-color: transparent !important;
            width: 100% !important;
            max-width: 1600px !important;
            left: auto !important;
            transform: none !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .gallery-item.seamless .project-main-image.extra-padded img {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            object-fit: contain !important;
            margin: 0 auto !important;
            padding: 0 !important;
        }