/* ===== TOKENS ===== */
    :root {
      --navy:      #0C1F36;
      --navy-dark: #060F1C;
      --gold:      #C9971A;
      --gold-light:#DDB84A;
      --white:     #FFFFFF;
      --snow:      #F5F6F8;
      --smoke:     #E8EAED;
      --ink:       #1A1D22;
      --stone:     #5F6670;
      --silver:    #959CA6;
      --primary:       var(--navy);
      --primary-dark:  var(--navy-dark);
      --accent:        var(--gold);
      --bg:            var(--white);
      --bg-light:      var(--snow);
      --text:          var(--ink);
      --text-secondary:var(--stone);
      --text-muted:    var(--silver);
      --border:        var(--smoke);
      --max-width: 1200px;
    }

    /* ===== RESET ===== */
    *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
    html{font-size:16px;-webkit-font-smoothing:antialiased}
    body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
    a{text-decoration:none;color:inherit}
    ul{list-style:none}
    h2{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;line-height:1.18;letter-spacing:-0.015em}
    .sec-wide{padding:100px 0}
    .sec-alt{background:var(--bg-light)}
    .wrap{max-width:var(--max-width);margin:0 auto;padding:0 40px}
    .label{display:inline-block;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;color:var(--accent);margin-bottom:14px}

    /* ===== PHOTO WALL ===== */
    .photo-wall{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;margin-top:48px}
    .photo-card{border-radius:10px;overflow:hidden;background:var(--bg-light);aspect-ratio:4/3;position:relative}
    .photo-card img{width:100%;height:100%;object-fit:cover}
    .photo-card .photo-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:0.8rem;text-align:center}

    /* ===== CERTIFICATIONS ===== */
    .cert-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
    .cert-card{background:var(--bg);border-radius:10px;padding:32px 28px;border:1px solid var(--border);text-align:center;border-top:3px solid var(--accent);transition:all 0.25s ease}
    .cert-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,0.06)}
    .cert-badge{margin-bottom:14px;color:var(--accent)}
    .cert-card h4{font-size:1rem;font-weight:700;color:var(--primary);margin-bottom:6px}
    .cert-card p{font-size:0.82rem;color:var(--text-secondary);line-height:1.6}

    /* ===== MEDIA ===== */
    .media-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
    .media-box{border-radius:10px;overflow:hidden;background:var(--navy-dark);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative}
    .media-box video{width:100%;height:100%;object-fit:cover}
    .media-play{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center}
    .media-label{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:rgba(255,255,255,0.5);font-size:0.78rem;font-weight:500}

    @media(max-width:1024px){.photo-wall{grid-template-columns:1fr 1fr}.cert-row{grid-template-columns:1fr 1fr}.media-row{grid-template-columns:1fr}}
    @media(max-width:768px){
      .sec-wide{padding:60px 0}
      .wrap{padding:0 14px}
      h2{font-size:1.2rem}
      .photo-wall{grid-template-columns:1fr 1fr;gap:8px;margin-top:28px;max-width:100%}
      .cert-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
      .cert-card{padding:20px 14px}
      .cert-card h4{font-size:0.85rem}
      .cert-card p{font-size:0.74rem}
    }
    @media(max-width:400px){
      .sec-wide{padding:44px 0}
      .wrap{padding:0 10px}
      h2{font-size:1.1rem}
      .photo-wall{grid-template-columns:1fr 1fr;gap:6px}
      .cert-row{grid-template-columns:1fr 1fr;gap:8px}
      .cert-card{padding:16px 10px}
      .cert-card h4{font-size:0.78rem}
      .cert-card p{font-size:0.7rem}
    }
  /* IMAGES USED — when copying to UeeShop, replace with UeeShop's image URLs:
     warehouse-03.jpg  Main yard       →  upload via UeeShop file manager
     warehouse-04.png  Side yard       →  upload via UeeShop file manager
     warehouse-05.jpg  Container loading → upload via UeeShop file manager
     promo-video.mp4   Company video   →  upload via UeeShop file manager  */