/* --- 06.2 MOBILE / SMARTPHONE (MAX-WIDTH: 768PX) --- */
@media (max-width: 768px) {

    /* ==========================================
       1. GLOBAL SETTINGS (Header, Nav, Shared)
       ========================================== */
    .nav-container { 
        height: 55px !important; 
    }
    .inner-nav-container { 
        padding: 0 15px !important; 
    }
    .nav-logo img { 
        height: 18px !important; 
        image-rendering: -webkit-optimize-contrast; 
    }
    .nav-list { 
        gap: 12px !important; 
    }
    .nav-list li a { 
        font-size: 11px !important; 
        letter-spacing: 0.02em; 
        -webkit-font-smoothing: antialiased;
    }
    #menu-item-39 > a {
        font-size: 0 !important;
        position: relative;
        padding: 0 6px !important;
        height: 55px;
        display: flex;
        align-items: center;
        line-height: 1;
    }
    #menu-item-39 > a::after {
        content: "const.";
        font-family: 'Hubballi', sans-serif;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.02em;
        line-height: 1;
        white-space: nowrap;
        display: inline-block;
        transform: translateY(0.5px);
    }

    /* ==========================================
       2. FRONT-PAGE.PHP
       ========================================== */
    .home .swiper-slide img,
    .splash-page .swiper-slide img {
        object-position: 50% 20%; 
        transform: scale(1.05); 
    }

    /* ==========================================
       3. PAGE-PROJECTS.PHP (Archive/Grid)
       ========================================== */
    .cont-projects {
        padding: 10px 12px !important;
    }

    /* Judul Halaman: Tetap di 13px (Jangan dirubah ke 10) */
    .font-gede-projects {
        font-size: 13px !important;
        letter-spacing: 0.08em;
        margin-top: 0 !important;
        margin-bottom: 14px !important;
        text-align: center;
    }

    /* Filter Bar */
    .inner-cont-projects {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        margin-bottom: 15px !important;
        gap: 12px !important; /* Jarak antar kata filter */
    }

    /* Filter Link: Diset 11px agar tidak jomplang dengan judul 13px */
    .inner-cont-projects a.filter-link,
    .inner-cont-projects a {
        font-size: 11px !important;       /* Skala yang lebih seimbang */
        font-weight: 400 !important;
        height: auto !important;          /* Membuang kuncian 38px desktop */
        line-height: 1.2 !important;
        padding: 4px 6px !important;      /* Padding rapat namun proporsional */
        letter-spacing: 0.02em !important;
        text-transform: lowercase !important;
        border-bottom-width: 1px !important;
    }

    .inner-cont-projects a.active {
        font-weight: 700 !important;
        border-bottom-color: #1A1A1A !important;
    }

    /* Grid & Card */
    .project-grid, .group-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        padding: 0 10px;
    }

    .project-excerpt-box .project-title {
        font-size: 11px !important; /* Disamakan dengan filter agar harmonis */
        line-height: 1.2;
        margin: 0 !important;
    }

    /* ==========================================
       4. SINGLE-PROJECT.PHP (Detail Page)
       ========================================== */

 /* A. BONGKAR KUNCI SCROLL (Data Desktop override) */
    html, 
    body.single-project, 
    body.single-project .main-content {
        height: auto !important;
        overflow: visible !important; /* Membuka kuncian hidden desktop */
        position: relative !important;
    }

    body.single-project .main-content {
        display: block !important;
        min-height: 100vh !important;
    }

    /* B. LAYOUT (Data PHP: .project-single) */
    body.single-project .project-single {
        display: block !important;
        height: auto !important;
        padding: 10px 15px 20px 15px !important;
        margin: 0 !important;
    }

    .single-project .project-layout {
        display: block !important; /* Matikan Grid 2-kolom */
        margin-top: 0 !important;
        padding-top: 0 !important;
        height: auto !important;
    }

    /* C. TEXT MINIMALIS (Data: minim tapi terbaca) */
    .single-project .project-info {
        height: auto !important;
        margin-bottom: 15px !important; /* Rapat ke area gambar */
        padding-right: 0 !important;
    }

    /* Judul Project: 15px */
    .single-project .project-title {
        font-size: 13px !important;
        letter-spacing: 0.1em !important;
        margin: 0 0 10px 0 !important;
        border-bottom: 1px solid rgba(0,0,0,0.05) !important;
        padding-bottom: 8px !important;
        margin-top: 0 !important; 
        padding-top: 0 !important;
        line-height: 1.1 !important;
    }

    /* Deskripsi: 10px */
    .single-project .project-description {
        height: auto !important;
        overflow: visible !important;
    }

    .single-project .project-description p {
        font-size: 10px !important;
        line-height: 1.5 !important;
        margin-bottom: 8px !important;
        text-align: left !important;
    }

    /* D. MEDIA DISPLAY (Memaksa Gambar/Video Tampil) */
    .single-project .project-media {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        padding-right: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Matikan Animasi Desktop yang bikin gambar macet (stuck di opacity 0) */
    .single-project .project-media figure,
    .single-project .project-media img,
    .single-project .project-media video {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 15px !important;
        animation: none !important; 
        opacity: 1 !important;
        transform: none !important;
    }

    /* E. BACK BUTTON */
    .single-project .project-back {
        position: relative !important;
        margin-top: 15px !important;
    }

    /* ==========================================
       5. page-construction.php (Detail Page)
       ========================================== */

    .cont-construction {
        padding-top: 45px !important;
    }

    /* HERO SECTION: Skala minim */
    .first-construction {
        margin: 0 15px !important;
        gap: 10px !important;
        padding-bottom: 25px !important;
    }

    .img-construction {
        padding: 15px !important; 
        max-height: 180px !important;
        width: auto !important;
    }

    .right-construction {
        width: 100% !important;
        text-align: center;
    }

    /* Judul Hero: 14px */
    .big-construction {
        font-size: 14px !important; 
        letter-spacing: 0.02em !important;
        line-height: 1.2 !important;
    }

    /* Teks Hero: 9px */
    #problem1-construction {
        font-size: 9px !important;
        margin: 10px 0 !important;
        line-height: 1.4 !important;
    }

    /* BUTTON: 9px */
    .learn-construction {
        padding: 8px 20px !important;
        min-width: 120px !important;
        font-size: 9px !important;
    }

    /* SECTION TITLES: Skala Minimalis (13px) */
    .section-title,
    .title-focus-construction { 
        font-size: 13px !important; 
        margin-top: 25px !important; 
        margin-bottom: 5px !important;
        text-align: center;
    }

    .title-sub-construction { 
        font-size: 10px !important; 
        margin-bottom: 15px !important; 
    }

    .divider-construction { 
        width: 30px !important; 
        height: 3px !important; 
        margin: 5px auto 15px !important; 
    }

    /* PROBLEM & COST BOXES: Tetap Berjajar */
    .dark-cont-construction,
    .cont-cost-construction {
        padding: 15px 10px !important;
        gap: 8px !important;
    }

    .problem-box, .cost-box {
        min-width: 80px !important; 
    }

    .icon-fixed {
        width: 25px !important; 
        height: 25px !important;
        margin-bottom: 8px !important;
    }

    .problem-box p, .cost-box p {
        font-size: 8.5px !important; 
        line-height: 1.3 !important;
    }

    /* FLOW SCHEMA: Skala Titik & Garis */
    .dot-construction {
        padding: 30px 10px !important;
        gap: 10px !important;
    }

    .Manual_line__vppfn {
        top: 40px !important; 
        height: 3px !important;
    }

    .section-construction {
        width: 100px !important;
    }

    .real-construction {
        width: 15px !important;
        height: 15px !important;
        margin-bottom: 8px !important;
    }

    .caption-construction { font-size: 8.5px !important; }
    .caption-construction:first-of-type { font-size: 9px !important; }

    /* PORTFOLIO: 2 Kolom Skala Minim */
    .cont-portfolio-construction {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        padding: 10px 15px !important;
    }

    .three-row-construction {
        padding: 8px !important;
    }

    .three-row-construction img {
        height: 100px !important;
    }

    .three-row-construction p {
        font-size: 9px !important;
    }

    /* ==========================================
       6. page-journals.php (Minimalist Grid)
       ========================================== */

    .journals-page .mid-journals {
        padding: 10px 15px 20px 15px !important; /* Rapat ke header */
        width: 100% !important;
    }

    /* Judul Halaman: Minim (13px) */
    .journals-page .big-font-journals {
        font-size: 13px !important;
        font-weight: 600 !important;
        margin: 0 auto 20px auto !important;
        text-align: center !important;
        letter-spacing: 0.1em !important;
    }

    /* Card: Tetap Horizontal (Flex) */
    .card-journals {
        display: flex !important;
        flex-direction: row !important; /* Tetap berjajar menyamping */
        gap: 12px !important; /* Jarak gambar ke teks diperkecil */
        max-width: 100% !important;
        margin-bottom: 12px !important;
        padding: 0 0 10px 0 !important;
        border-bottom: 0.5px solid #D1CDC7;
    }

    /* Thumbnail: Skala minim (80px) */
    .journals-thumb {
        width: 80px !important; /* Dari 204px dikecilkan maksimal */
        height: 80px !important;
        flex-shrink: 0;
    }

    .journals-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    /* Deskripsi: Skala minim */
    .description-journals {
        border-bottom: none !important; /* Pindah border ke card */
        padding-bottom: 0 !important;
        justify-content: center !important; /* Teks di tengah tinggi gambar */
    }

    /* Judul Jurnal: 11px */
    .description-journals h3.journal-title {
        font-size: 11px !important;
        font-weight: 500 !important;
        margin: 0 0 4px 0 !important;
        line-height: 1.3 !important;
    }

    /* Tanggal: 9px */
    .description-journals p.journal-date {
        font-size: 9px !important;
        margin: 0 !important;
        color: #888 !important;
        letter-spacing: 0.02em;
    }

    /* ==========================================
       7. single-journal.php (Minimalist Scale)
       ========================================== */

    /* 1. Bongkar layout 2 kolom menjadi 1 kolom (Stack) */
    body.single-journal .main-content {
        padding: 40px 20px !important; /* Kurangi padding agar tidak terlalu jauh dari navbar */
        display: block !important;
        min-height: auto !important;
    }

    body.single-journal article.journal-main-container {
        flex-direction: column !important; /* Gambar di atas, teks di bawah */
        width: 100% !important;
        gap: 30px !important; /* Jarak antara gambar dan judul */
        margin: 0 !important;
    }

    /* 2. Kolom Kiri (Gambar) — Buat Full Width */
    body.single-journal .journal-col-left {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.single-journal .journal-col-left img {
        width: 100% !important;
        height: auto !important;
        border-radius: 0 !important; /* Kotak tegas sesuai desain Serasa */
    }

    /* 3. Kolom Kanan (Teks) — Buat Full Width */
    body.single-journal .journal-col-right {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 4. Penyesuaian Tipografi (Lebih Besar dari 13px agar Terbaca) */
    body.single-journal .large-journal-title {
        font-size: 26px !important; /* Skala proporsional dari 32px desktop */
        margin-bottom: 10px !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    body.single-journal .journal-date-meta {
        font-size: 14px !important; /* Skala proporsional dari 16px desktop */
        margin-bottom: 20px !important;
        letter-spacing: 1px !important;
    }

    body.single-journal .journal-entry-content {
        font-size: 15px !important; /* Tetap 15px agar standar baca nyaman */
        line-height: 1.6 !important;
        text-align: left !important;
    }

    /* 5. Link Kembali (Back Link) */
    body.single-journal .journal-back-link a {
        font-size: 14px !important;
        margin-top: 30px !important;
        padding-bottom: 5px !important;
        display: inline-block !important;
    }

    /* ==========================================
       8. page-about.php (Minimalist Side-by-Side)
       ========================================== */

    .about-container-main {
        padding: 10px 15px 20px 15px !important; /* Rapat ke header (10px) */
        min-height: auto !important;
        display: block !important;
    }

    /* Judul Halaman: Minim (13px) */
    #about_title {
        font-size: 13px !important;
        font-weight: 600 !important;
        margin: 0 auto 20px auto !important;
        text-align: center !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
    }

    /* Wrapper Kolom: Tetap Berjajar (Row) */
    .about-content-wrapper {
        display: flex !important;
        flex-direction: row !important; 
        justify-content: center !important;
        gap: 12px !important; /* Jarak antar kotak Team & Award */
        width: 100% !important;
    }

    .about-column {
        flex: 1 !important;
        max-width: 50% !important;
    }

    /* Container Gambar: Bongkar kuncian 500px desktop */
    .image-container-fixed {
        width: 100% !important; /* Paksa mengikuti lebar kolom */
        height: auto !important;
        aspect-ratio: 1 / 1 !important; /* Buat kotak sempurna */
        background-color: #D1CDC7;
    }

    /* Teks Overlay (TEAM / AWARD): Minim (11px) */
    #about_award_title,
    #about_team_title {
        font-size: 11px !important; /* Skala dari 34px */
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        line-height: 1 !important;
        letter-spacing: 0.1em !important;
        text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5) !important;
    }

    /* Frame & Image */
    .image-frame {
        width: 100% !important;
        height: 100% !important;
    }

    .image-frame img {
        filter: grayscale(0%) !important; /* Matikan grayscale agar terlihat jelas di HP */
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* ==========================================
       9. archive-team.php (Scaled Team List)
       ========================================== */

    .Team_container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0px 15px 30px 15px !important; /* Rapat ke navbar (10px) */
        background-color: #F2F0EB;
    }

    /* Judul Kategori (Board Member, Team, etc) */
    .Team_center {
        font-size: 13px !important;      /* Samakan dengan Journals/Projects */
        font-weight: 600 !important;      /* Samakan ketebalannya */
        text-transform: uppercase !important; /* Paksa jadi HURUF BESAR agar seragam */
        margin: 0 auto 15px auto !important;  /* Buat margin-top 0 agar rapat ke padding 10px */
        text-align: center !important;
        letter-spacing: 0.1em !important;
        width: 100% !important;
    }

    /* Grid System: Berjejer 2 kolom untuk efisiensi layar */
    .Team_board_member {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 15px !important;
        margin-bottom: 30px !important;
        justify-content: center !important;
    }

    /* Card Person: Bongkar kuncian width 300px & height 597px desktop */
    .Team_single_person {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 20px 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Foto Team: Bongkar inline style width:225px & height:300px */
    .Team_single_person img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 3 / 4 !important; /* Menjaga proporsi portrait 225x300 */
        object-fit: cover !important;
        border: 1px solid #D1CDC7 !important;
    }

    /* Nama: Skala Minim (11px) */
    .Team_name {
        font-size: 11px !important; /* Skala dari 18px */
        font-weight: 900 !important;
        margin: 10px 0 2px 0 !important;
    }

    /* Posisi: Skala Minim (9px) */
    .Team_position {
        font-size: 9px !important; /* Skala dari 14px */
        margin-bottom: 8px !important;
        display: block;
    }

    /* Bio: Skala Minim (9px) - Matikan scroll internal */
    .Team_injected_rich_text {
        width: 100% !important;
        height: auto !important; /* Bongkar kuncian 210px desktop */
        min-height: 0 !important;
        font-size: 9px !important; /* Skala dari 14px */
        line-height: 1.4 !important;
        margin: 5px 0 !important;
        overflow: visible !important; /* Hilangkan scroll internal agar smooth */
        text-align: left !important; /* Rata kiri lebih bersih di mobile */
    }

    /* Khusus Contributor (No Photo) */
    .Team_single_person.no-photo {
        width: 100% !important;
        height: auto !important;
        margin: 5px 0 !important;
        padding: 5px !important;
    }

    /* ==========================================
       9.1 single-team.php (Minimalist Profile)
       ========================================== */

    /* 1. Bongkar kuncian 1134px desktop & padding 100px */
    .single-team-container {
        padding: 10px 15px 30px 15px !important; /* Rapat ke navbar (10px) */
        height: auto !important;
        min-height: auto !important;
        display: block !important;
    }

    /* 2. Ubah Samping-ke-Samping menjadi Atas-Bawah */
    .team-detail-wrapper {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 15px !important; /* Jarak foto ke teks minim */
    }

    /* 3. Skala Foto: Jangan 400px, buat proporsional (200px) */
    .team-visual {
        flex: none !important;
        width: 100% !important;
        max-width: 200px !important; /* Foto minim agar tidak dominan */
        margin: 0 auto !important; /* Posisi di tengah */
    }

    .team-visual img {
        width: 100% !important;
        height: auto !important;
        border: 1px solid #D1CDC7 !important;
    }

    /* 4. Skala Teks & Konten */
    .team-info-content {
        width: 100% !important;
        text-align: left;
    }

    /* Nama: Skala Minim (13px) agar seragam judul page lain */
    .team-name {
        font-size: 13px !important; 
        font-weight: 700 !important;
        margin: 0 0 5px 0 !important;
        text-transform: uppercase !important;
    }

    /* Posisi/Meta: Skala Minim (10px) */
    .team-meta {
        font-size: 10px !important;
        letter-spacing: 1px !important;
        margin-bottom: 12px !important;
        color: #4acca5 !important; /* Tetap hijau aksen */
    }

    /* Bio Text: Skala Minim (10px) */
    .bio-text {
        font-size: 10px !important;
        line-height: 1.5 !important;
        text-align: left !important; /* Matikan justify desktop agar rapi */
    }

    /* Back Link: Skala Minim (9px) */
    .back-link {
        font-size: 9px !important;
        margin-top: 20px !important;
        padding-bottom: 2px !important;
        border-bottom-width: 1px !important;
        display: inline-block !important;
    }

    /* ==========================================
       10. archive-award.php (Horizontal Minimal)
       ========================================== */

    .awards-page .mid-awards {
        padding: 10px 15px 20px 15px !important; /* Rapat 10px ke navbar */
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Judul Halaman: Seragam 13px & Uppercase */
    .awards-page .big-font-awards {
        font-size: 13px !important;
        font-weight: 600 !important;
        margin: 0 auto 20px auto !important;
        text-align: center !important;
        text-transform: uppercase !important;
        letter-spacing: 0.1em !important;
    }

    /* Card: Tetap Horizontal (Flex Row) mengikuti sistem Journals */
    .card-awards {
        display: flex !important;
        flex-direction: row !important; /* Gambar kiri, Teks kanan */
        gap: 12px !important;
        max-width: 100% !important;
        margin-bottom: 12px !important;
        padding: 0 0 10px 0 !important;
        border-bottom: 0.5px solid #D1CDC7;
        cursor: pointer;
    }

    /* Thumbnail: Skala minim 80px (Sama dengan Journals) */
    .awards-thumb {
        width: 80px !important;
        height: 80px !important;
        flex-shrink: 0;
        overflow: hidden;
    }

    .awards-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        display: block;
    }

    /* Deskripsi: Sejajar bawah gambar */
    .description-awards {
        flex-grow: 1;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        padding-bottom: 4px !important;
        border-bottom: none !important; /* Border dipindah ke card */
    }

    /* Judul Award: 11px */
    .description-awards h3 {
        font-size: 11px !important;
        font-weight: 500 !important;
        margin: 0 0 4px 0 !important;
        line-height: 1.3 !important;
        color: #1A1A1A;
    }

    /* Tahun/Date: 9px */
    .description-awards p {
        font-size: 9px !important;
        margin: 0 !important;
        color: #666666 !important;
        font-weight: 100;
    }

     /* ==========================================
       11. single-award.php (Minimalist Scale)
       ========================================== */

    /* 1. Bongkar kuncian 1134px desktop & padding 100px */
    .single-award-container {
        padding: 10px 15px 30px 15px !important; /* Rata 10px ke navbar */
        height: auto !important;
        min-height: auto !important;
        display: block !important;
    }

    /* 2. Ubah Flex-Row menjadi Flex-Column */
    .award-detail-wrapper {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 20px !important;
    }

    /* 3. Kolom Teks: Posisi di Atas Media agar langsung terbaca */
    .award-info-content {
        order: 1 !important; /* Teks naik ke atas */
        width: 100% !important;
        text-align: left;
    }

    /* Judul Award: Skala Minim (13px) seragam page lain */
    .award-title {
        font-size: 13px !important;
        font-weight: 700 !important;
        margin: 0 0 5px 0 !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
    }

    /* Tanggal: Skala Minim (10px) */
    .award-date {
        font-size: 10px !important;
        letter-spacing: 1px !important;
        margin-bottom: 15px !important;
        color: #4acca5 !important; /* Aksen hijau */
    }

    /* Body Teks: Skala Minim (10px) */
    .award-text-body {
        font-size: 10px !important;
        line-height: 1.5 !important;
        text-align: left !important;
    }

    /* 4. Kolom Visual: Posisi di Bawah Teks */
    .award-visual {
        order: 2 !important; /* Gambar turun ke bawah teks */
        flex: none !important;
        width: 100% !important;
        gap: 15px !important;
    }

    .award-visual img {
        width: 100% !important;
        height: auto !important;
        border: 1px solid #D1CDC7 !important;
        margin-bottom: 10px !important;
    }

    /* 5. Back Link: Skala Minim (9px) */
    .award-info-content .back-link {
        font-size: 9px !important;
        margin-top: 20px !important;
        padding-bottom: 2px !important;
        border-bottom-width: 1px !important;
        display: inline-block !important;
    }

    /* ==========================================
       12. page-contact.php (Minimalist Contact)
       ========================================== */

    /* 1. Bongkar Kunci Layar (Data: Desktop memakai 100vh & hidden) */
    body.page-template-page-contact .contact-full,
    body.page-template-page-contact .contact-wrapper {
        height: auto !important;
        min-height: 100vh !important;
        overflow: visible !important;
        display: block !important;
        background-color: #F2F0EB;
    }

    body.page-template-page-contact .contact-wrapper {
        padding: 10px 20px 40px 20px !important; /* Rapat 10px ke navbar */
    }

    /* 2. Bongkar Kolom (Info & Form) */
    body.page-template-page-contact .contact-info,
    body.page-template-page-contact .contact-form {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 3. Skala Info (Alamat & Sosmed) */
    .address-content strong, 
    .address-content b {
        font-size: 13px !important; /* Skala dari 24px (Seragam Judul Page) */
        display: block !important;
        margin-top: 20px !important;
        margin-bottom: 5px !important;
    }

    .address-content p {
        font-size: 10px !important; /* Skala minim */
        line-height: 1.4 !important;
        display: block !important;
    }

    /* Ikon Sosmed: Skala Minim */
    .contact-info .socmed {
        margin-top: 15px !important;
        gap: 12px !important;
    }

    .contact-info .socmed img {
        width: 20px !important; /* Dari 24px ke 20px */
        height: 20px !important;
    }

    /* 4. Skala Form (Input & Button) */
    .contact-form {
        margin-top: 30px !important; /* Jarak antara Info dan Form */
    }

    .contact-form h3 {
        font-size: 11px !important; /* Skala minim */
        margin-bottom: 15px !important;
        width: 100% !important;
    }

    .serasa-form input,
    .serasa-form textarea {
        width: 100% !important;
        font-size: 11px !important;
        padding: 6px 0 !important;
        margin-bottom: 12px !important;
    }

    .serasa-form button {
        width: 120px !important; /* Dari 150px ke 120px */
        height: 32px !important;
        font-size: 10px !important;
        margin-top: 15px !important;
    }

    /* 5. Sembunyikan Gambar Samping (Jika ada di desktop agar hemat kuota/ruang) */
    .contact-side-image {
        display: none !important;
    }

    /* --- DATA PENYAMARATAAN JARAK ATAS (MOBILE) --- */

    /* A. Halaman Archive (Projects, Construction, Journals, Awards, Team) */
    .cont-projects, 
    .cont-construction, 
    .journals-page, 
    .awards-page, 
    .Team_container {
        padding-top: 10px !important; /* KUNCI RATA: 10px */
        margin-top: 0 !important;
    }

    /* B. Halaman Single (Project, Journal, Award, Team) */
    body.single-project .project-single,
    body.single-journal .journal-main-container,
    body.single-award .award-detail-wrapper,
    body.single-team .single-team-container {
        padding-top: 10px !important; /* KUNCI RATA: 10px */
        margin-top: 0 !important;
    }

    /* C. Halaman Khusus (About & Contact) */
    .about-container-main,
    body.page-template-page-contact .contact-wrapper {
        padding-top: 10px !important; /* KUNCI RATA: 10px */
    }

    /* D. Reset Semua Judul Utama agar tidak ada margin-top bawaan */
    .font-gede-projects,
    .big-font-journals,
    .big-construction,
    .big-font-awards,
    #about_title,
    .Team_center,
    .project-title,
    .large-journal-title,
    .award-title,
    .team-name {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* --- OPTIMASI SCROLL MOBILE (NATIVE MOMENTUM) --- */
    /* 1. Memicu Hardware Acceleration agar scroll tidak patah-patah */
    html, body {
        <u>scroll-behavior: smooth;</u>
        <u>-webkit-overflow-scrolling: touch !important;</u> 
        overflow-x: hidden;
    }

    /* 2. Bongkar kuncian scroll pada container spesifik */
    .main-content, 
    .project-single, 
    .project-media,
    .cont-construction {
        <u>-webkit-overflow-scrolling: touch !important;</u>
        <u>will-change: scroll-position;</u>
    }

    /* 3. Menghilangkan scrollbar kasar Android/iOS agar Look tetap Luxury */
    ::-webkit-scrollbar {
        width: 0px; 
        background: transparent;
        display: none !important;
    }

    /* 4. Fix untuk element yang sering menyebabkan scroll tersendat */
    img, video {
        <u>-webkit-backface-visibility: hidden;</u>
        <u>-webkit-transform: translateZ(0);</u>
    }

}