.wc-grid{
      display:grid; grid-template-columns:.92fr 2.1fr; gap:34px;
      align-items:stretch;
    }

    /* ---------- left: flex column so photo fills remaining height ---------- */
    .wc-left{ display:flex; flex-direction:column; gap:14px; }
    .wc-photo{
      flex:1; width:100%; min-height:160px; border-radius:22px;
      overflow:hidden; position:relative;
    }
    .wc-photo picture{ display:block; width:100%; height:100%; }
    .wc-photo img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
    /* contact cards */
    .wc-contacts{ display:flex; gap:12px; }
    .wc-cc{
      flex:1; border-radius:16px; padding:19px 21px;
      background: linear-gradient(135deg, #e8c97a 0%, #c2a05f 40%, #a8893f 75%, #c2a05f 100%);
      display:flex; flex-direction:row; align-items:center; gap:14px;
      position:relative; overflow:hidden;
      transition: box-shadow .3s ease;
    }
    .wc-cc::before{
      content:''; position:absolute; left:0; top:0; width:100%; height:100%;
      transform:scale(.2,1); background-color:rgba(0,0,0,.14);
      opacity:0; transition:500ms;
    }
    .wc-cc:hover{ box-shadow:0 12px 28px rgba(191,160,92,.45); }
    .wc-cc:hover::before{ transform:scale(1,1); opacity:1; }
    .wc-cc::after{
      content:''; position:absolute; border-radius:50%;
      width:70px; height:70px; bottom:-28px; right:-16px;
      background:rgba(255,255,255,.13);
    }
    .wc-cc-icon{
      width:44px; height:44px; border-radius:50%;
      background:#fff; display:grid; place-items:center;
      flex-shrink:0; position:relative; z-index:1;
    }
    .wc-cc-icon svg{ width:20px; height:20px; stroke:#bfa05c; transition:transform .4s ease; }
    .wc-cc:hover .wc-cc-icon svg{ transform:scaleX(-1); }
    .wc-cc-text{ display:flex; flex-direction:column; gap:2px; position:relative; z-index:1; min-width:0; }
    .wc-cc-hint{ font-family:var(--serif); font-size:16px; text-transform:none; letter-spacing:.6px; color:rgba(255,255,255,.85); font-weight:700; }
    .wc-cc-value{
      font-family:var(--sans); font-size:15px; font-weight:500; line-height:1.6;
      color:#fff; text-decoration:none; white-space:normal; overflow:visible; text-overflow:unset;
    }
    .wc-cc-value:hover{ text-decoration:none; }

    /* ---------- right: 2x2 cards ---------- */
    .wc-cards{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }

    .wc-card{
      background:var(--card); border-radius:18px;
      padding:30px 32px 34px;
      position:relative; overflow:hidden;
      visibility:visible;
      animation-name:fadeInUp;
      animation-duration:.6s;
      animation-fill-mode:both;
      animation-delay:200ms;
    }
    .wc-card::before{
      position:absolute; left:0; top:0;
      width:100%; height:100%; content:"";
      transform:scale(.2, 1);
      background-color:rgba(12,47,37,.1);
      opacity:0;
      transition:500ms;
    }
    .wc-card:hover::before{ transform:scale(1,1); opacity:1; }
    .wc-icon{ transition:transform .4s ease; }
    .wc-card:hover .wc-icon{ transform:scaleX(-1); }
    .wc-top{ display:flex; align-items:flex-start; justify-content:space-between; }
    .wc-icon{ width:78px; height:78px; }
    .wc-icon svg{ width:100%; height:100%; }
    .wc-num{ color:#5c4a1e; font-size:15px; font-weight:600; letter-spacing:.5px; }
    .wc-title{ font-family:var(--serif); font-size:23px; font-weight:600; color:var(--ink); margin-top:30px; }
    .wc-desc{ font-size:15px; line-height:1.72; color:#5a544d; margin-top:13px; max-width:34ch; }

    /* ---------- responsive ---------- */
    @media (max-width:1000px){
      .wc-grid{ grid-template-columns:1fr; }
      .wc-photo{ aspect-ratio:16/9; max-width:560px; margin:0 auto; width:100%; }
      .wc-contacts{ max-width:560px; margin-left:auto; margin-right:auto; }
      .wc-tagline{ text-align:center; }
    }
    @media (max-width:620px){
      .wc-cards{ grid-template-columns:1fr; }
      .wc-card{ padding:24px 22px 28px; }
      .wc-title{ font-size:20px; margin-top:20px; }
      /* stack contact cards vertically */
      .wc-contacts{ flex-direction:column; max-width:560px; }
      .wc-cc{ flex-direction:row; }
    }
    @media (max-width:400px){
      .wc-photo{ aspect-ratio:4/3; }
      .wc-cc{ padding:12px 14px; gap:12px; }
      .wc-cc-icon{ width:38px; height:38px; }
      .wc-cc-icon svg{ width:17px; height:17px; }
      .wc-cc-value{ font-size:12px; }
    }