#premium-design-wrapper {
      /* 색상 팔레트 */
      --brand-dark: #1e2b58;
      --brand-sub-red: #cf8a8a;
      --brand-sub-green: #78b68a;
      --brand-accent: #1e2b58;
      --text-main: #1e293b;
      --text-sub: #64748b;
      --white: #ffffff;
      --bg-1: #f8fafc;
      --bg-2: #eff4f9;
      --bg-neutral: #ffffff;
      --glass-border: rgba(30, 43, 88, 0.08);
      --icon-bg-default: #f8fafc;

      font-family: 'Noto Sans KR', sans-serif;
      background-color: var(--bg-neutral);
      color: var(--text-main);
      overflow: hidden;
      position: relative;
      width: 100%;
    }
 
 
 .project-card:hover {
  border-color: var(--brand-dark); /* 이 부분이 테두리 색을 변경합니다 */
}
 
 .pd-container {
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 20px;
      /* Swiper 넘침 방지를 위해 overflow visible 필요할 수 있음 */
      position: relative;
    }

    /* 카드 스타일 */
    .project-card {
      background: var(--white);
      border: 1px solid var(--glass-border);
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      position: relative;
      overflow: hidden;
      height: 550px; /* 슬라이드 높이 맞춤 */
    }

    .project-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 20px 40px -5px rgba(30, 43, 88, 0.15);
      border-color: var(--brand-dark);
    }

    .project-card .img-wrap {
      overflow: hidden;
      aspect-ratio: 16 / 10;
      position: relative;
    }

    .project-card .img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

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

    /* 상세 정보 리스트 스타일 */
    .spec-item {
      display: flex;
      align-items: flex-start;
      margin-bottom: 8px;
    }
    .spec-label {
      min-width: 80px;
      color: var(--brand-dark);
      font-weight: 600;
      font-size: 15px;
    }
    .spec-value {
      color: var(--text-sub);
      font-size: 15px;
    }

    /* Swiper 커스텀 스타일 */
    .swiper-portfolio {
      padding-bottom: 30px !important; /* 여백을 30px로 더 줄임 */
      padding-top: 20px !important; 
      overflow: hidden; 
    }
    
    .swiper-pagination {
        bottom: 5px !important; /* 바닥에서 5px 위로 띄움 */
    }
    
    .swiper-pagination-bullet {
      background: var(--brand-dark);
      opacity: 0.3;
      width: 10px;
      height: 10px;
      transition: all 0.3s;
    }
    .swiper-pagination-bullet-active {
      opacity: 1;
      width: 24px;
      border-radius: 5px;
      background: var(--brand-sub-green);
    }

    /* 배경 애니메이션 */
    .organic-blob {
      position: absolute;
      width: 600px;
      height: 600px;
      background: radial-gradient(circle, rgba(120, 182, 138, 0.08) 0%, rgba(255,255,255,0) 70%);
      border-radius: 50%;
      filter: blur(40px);
      z-index: 0;
      animation: floatBlob 10s infinite ease-in-out;
    }
    
    @keyframes floatBlob {
      0% { transform: translate(0, 0) scale(1); }
      50% { transform: translate(30px, -30px) scale(1.1); }
      100% { transform: translate(0, 0) scale(1); }
    }
    
    @media (max-width: 768px) {
        #premium-design-wrapper .font-e1 { font-size: 40px; }
        #premium-design-wrapper .font-1 { font-size: 28px; }
    }