@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

 
.ginery-wrap {
      --wine: #6B1E1E;
      --wine-deep: #4A1414;
      --brown: #2B1A0F;
      --brown-soft: #3D2818;
      --amber: #C9A961;
      --amber-soft: #D9BC7E;
      --cream: #F5EDE2;
      --ivory: #FAF6F0;
      --warm-white: #FCFAF6;
      --gray: #9A8E80;
      --line: #E8DFCF;
      --text: #1F1208;

      --serif-ko: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
      --serif-en: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
      --sans-ko: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', sans-serif;
      --sans-en: 'Inter', sans-serif;
    }



.ginery-wrap img {
	max-width: 100%;
	height: auto;
	display: block;
}

    .ginery-wrap { 
      max-width: 970px;
      margin: 0 auto;
      background: var(--ivory);
      overflow: hidden; 
}

    .ginery-wrap .section { 
      position: relative;
      width: 100%;
}

    .ginery-wrap .eyebrow {
      font-family: var(--serif-en); font-style: italic; font-weight: 400;
      font-size: 14px; letter-spacing: 0.22em; color: var(--amber);
      text-transform: uppercase; margin-bottom: 18px;
    }
    .ginery-wrap .eyebrow-line { display: inline-flex; align-items: center; gap: 14px; }
    .ginery-wrap .eyebrow-line::before, .eyebrow-line::after {
      content: ''; height: 1px; width: 36px; background: var(--amber); opacity: 0.6;
    }

    .ginery-wrap. headline {
      font-family: var(--serif-ko); font-weight: 400;
      font-size: 42px; line-height: 1.25; letter-spacing: -0.005em; color: var(--brown);
    }
    .ginery-wrap .headline strong { font-weight: 600; color: var(--wine); }
    .ginery-wrap .headline em { font-style: italic; font-weight: 500; color: var(--wine); }

    .ginery-wrap. subhead {
      font-family: var(--serif-en); font-style: italic; font-weight: 400;
      font-size: 22px; letter-spacing: 0.04em; color: var(--amber); margin-top: 8px;
    }

    .ginery-wrap .body-en {
      font-family: var(--sans-ko);
      font-weight: 300;
      font-size: 16px;
      line-height: 1.85;
      color: var(--brown-soft);
      letter-spacing: 0;
     text-align: left;
        #main-content p {
        text-align: !important;
      }
     }
   
    .ginery-wrap .body-en strong { font-weight: 500; color: var(--white); }
    .ginery-wrap .body-en em { font-style: italic; font-weight: 400; color: var(--wine); }

    /* === Dark-section strong color override (KJ v2 alignment) === */
    .ginery-wrap .heritage 
    .ginery-wrap .body-en strong,
    .ginery-wrap .heritage 
    .ginery-wrap .heritage-body em,
    .ginery-wrap .evolution 
    .ginery-wrap .body-en strong,
    .ginery-wrap .rg3-section 
    .ginery-wrap .body-en strong,
    .ginery-wrap .craft 
    .ginery-wrap .craft-body em,
    .ginery-wrap .aroma
    .ginery-wrap .body-en strong {
      color: var(--warm-white); font-weight: 400;
    }

    @media (max-width:600px) {
      .ginery-wrap. headline { font-size: 28px; }
      .ginery-wrap. subhead { font-size: 17px; }
      .ginery-wrap. body-en { font-size: 15px; line-height: 1.8; }
    }

    /* ============================================================ */
    /* From the Brand                                                 */
    /* ============================================================ */


   .ginery-wrap .from-brand { 
        background: var(--cream);
        padding: 80px 48px;
        text-align: center;
   }
    .ginery-wrap .from-brand-eyebrow {
      font-family: var(--serif-en); font-style: italic; font-size: 13px;
      letter-spacing: 0.36em; color: var(--wine); text-transform: uppercase; margin-bottom: 20px;
    }
    .ginery-wrap .from-brand-logo { 
        width: 220px;
        margin: 0 auto 24px;
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
   }
    .ginery-wrap .from-brand-logo img { 
         width: 100%; 
   }

    /* Ginergy 로고 배경 투명 */
    .from-brand-logo,
    .from-brand-logo img,
    .custom-logo,
    .custom-logo-link img {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
   }

   

    .ginery-wrap .from-brand-statement {
      max-width: 600px; margin: 0 auto;
      font-family: var(--serif-en); font-style: italic; font-weight: 400;
      font-size: 22px; line-height: 1.55; color: var(--brown);
      width: 100%;
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
}

    @media (max-width:600px) {
      .ginery-wrap .from-brand { padding: 56px 24px; }
      .ginery-wrap .from-brand-statement { 
          font-size: 18px;
          text-align: center !important;
           line-height: 1.7;
           }
    }

    /* ============================================================ */
    /* Hero                                                           */
    /* ============================================================ */
    .ginery-wrap. hero {
      position: relative; min-height: 920px;
      background: var(--cream); color: var(--brown); overflow: hidden;
      display: flex; flex-direction: column; justify-content: center; align-items: center;
      text-align: center; padding: 80px 32px;
    }
    .ginery-wrap .hero-brand-eyebrow {
      font-family: var(--serif-en); font-style: italic; font-weight: 400;
      font-size: 15px; letter-spacing: 0.32em; color: var(--wine);
      text-transform: uppercase; margin-bottom: 32px;
      text-align: center !important;
    }
    .ginery-wrap .hero-logo { width: min(360px, 72%); margin: 0 auto 28px; }
    .ginery-wrap .hero-logo img { width: 100%; }

   /* Ginergy 로고 배경 투명 */
     .hero-logo,
     .hero-logo img,
     .custom-logo,
     .custom-logo-link img {
     background: transparent !important;
     background-color: transparent !important;
     box-shadow: none !important;
   }


    .ginery-wrap .hero-tagline {
      font-family: var(--serif-ko);
      font-weight: 400;
      font-style: italic;
      font-size: 36px;
      letter-spacing: 0.01em;
      line-height: 1.4;
      margin: 24px 0 8px;
      color: var(--wine-deep);
      width: 100%;
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    
    .ginery-wrap .hero-tagline strong { 
        font-weight: 600;
        font-style: normal;
        color: var(--wine-deep);
     }
    
    .ginery-wrap .hero-sub {
       font-family: var(--serif-en);
       font-style: italic;
       font-weight: 400;
       font-size: 20px;
       letter-spacing: 0.18em;
       color: var(--amber);
       text-transform: uppercase;
       margin-bottom: 60px;
       width: 100%;
       text-align: center !important;
       margin-left: auto !important;
       margin-right: auto !important;
    }
   
     .ginery-wrap .hero-divider {
        width: 1px; height: 54px;
        background: linear-gradient(to bottom, transparent, var(--amber), transparent);
        margin: 0 auto 20px;
    }
    .ginery-wrap .hero-image {
       position: relative;
       width: min(560px, 92%);
       aspect-ratio: 4/5;
       margin: 24px auto 0;
       overflow: hidden;
    }
    
    .ginery-wrap .hero-image img {
       width: 100%;
       height: 100%;
       object-fit: cover;
     }

    @media (max-width:600px) {
      .ginery-wrap .hero {
          min-height: 720px;
       }
      
      .ginery-wrap .hero-tagline {
         font-size: 26px;
         text-align: center !important;
         line-height: 1.7;
         }
      .ginery-wrap .hero-sub {
          font-size: 13px;
          text-align: center !important;
          line-height: 1.7;
         }
    }

    /* ============================================================ */
    /* Hero Bullets                                                   */
    /* ============================================================ */
    .ginery-wrap .hero-bullets { background: var(--ivory); padding: 80px 48px; max-width: 760px; margin: 0 auto; }
    .ginery-wrap .hb-title { text-align: center; margin-bottom: 48px; }
    .ginery-wrap .hb-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }
    .ginery-wrap .hb-item { padding: 28px 24px; border: 1px solid var(--line); background: var(--cream); }
    .ginery-wrap .hb-num {
      font-family: var(--serif-en); font-style: italic;
      font-size: 28px; color: var(--amber); line-height: 1; margin-bottom: 12px;
    }
    .ginery-wrap .hb-title-text {
      font-family: var(--serif-ko); font-weight: 600; !important;
      font-size: 18px; color: var(--brown);  
      margin-bottom: 8px;
      line-height: 1.4;
    }
   

    .ginery-wrap .hb-desc { font-family: var(--sans-ko); font-weight: 300; font-size: 14px; line-height: 1.75; color: var(--brown-soft); }
    @media (max-width:600px) {
      .ginery-wrap .hero-bullets { padding: 56px 24px; }
      .ginery-wrap .hb-grid { grid-template-columns: 1fr; gap: 16px; }
    }

    /* ============================================================ */
    /* Heritage                                                       */
    /* ============================================================ */

   #main-content img {
 
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important
   
   }
    .ginery-wrap .heritage { background: var(--brown); color: #E5D7C2; padding: 100px 48px 80px; position: relative; }
    .ginery-wrap .heritage-inner { max-width: 760px; margin: 0 auto; }
    .ginery-wrap .heritage-eyebrow {
      font-family: var(--serif-en); font-style: italic; font-weight: 400;
      font-size: 13px; letter-spacing: 0.36em; color: var(--amber);
      text-transform: uppercase; margin-bottom: 24px; text-align: center;
    }
    .ginery-wrap .heritage-headline {
      text-align: center; font-family: var(--serif-ko);
      font-weight: 400; font-style: italic; font-size: 44px;
      line-height: 1.25; letter-spacing: -0.005em; color: #F0E0CD; margin-bottom: 18px;
    }
    .ginery-wrap .heritage-headline strong { font-weight: 600; font-style: normal; color: var(--amber-soft); }
    .ginery-wrap .heritage-sub {
      text-align: center; font-family: var(--serif-en);
      font-style: italic; font-weight: 400; font-size: 18px;
      color: var(--amber); letter-spacing: 0.06em; margin-bottom: 64px;
    }
    .ginery-wrap .heritage-img {
      width: 100%; border: 1px solid rgba(201,169,97,0.2);
      margin-bottom: 48px; box-shadow: 0 30px 80px rgba(0,0,0,0.5);
    }
    .ginery-wrap .heritage-body {
      font-family: var(--sans-ko); font-weight: 300;
      font-size: 17px; line-height: 1.95; color: #D4C4AB;
      text-align: center; max-width: 640px; margin: 0 auto;
    }
    .ginery-wrap .heritage-body p+p { margin-top: 22px; }
    .ginery-wrap .heritage-body em {
      font-family: var(--serif-ko); font-style: italic;
      font-weight: 500; color: var(--warm-white);
    }
    .ginery-wrap .heritage-quote {
      margin: 40px auto 0; max-width: 600px; text-align: center;
      padding: 36px 24px;
      border-top: 1px solid rgba(201,169,97,0.3);
      border-bottom: 1px solid rgba(201,169,97,0.3);
    }
    .ginery-wrap .heritage-quote p {
      font-family: var(--serif-ko); font-weight: 400; font-style: italic;
      font-size: 22px; line-height: 1.55; color: #F0E0CD;
    }
    .ginery-wrap .heritage-quote cite {
      display: block; margin-top: 18px;
      font-family: var(--serif-en); font-style: italic; font-size: 13px;
      letter-spacing: 0.26em; color: var(--amber); text-transform: uppercase; font-weight: 400;
    }

    .entry-content, .post p, .entry-title, .page p {
       color: #d4c4ab; 
      
    }

    @media (max-width:600px) {
      .ginery-wrap .heritage { padding: 80px 24px; }
      .ginery-wrap .heritage-headline { font-size: 28px; }
      .ginery-wrap .heritage-sub { font-size: 14px; }
      .ginery-wrap .heritage-body { font-size: 15px; }
      .ginery-wrap .heritage-quote p { font-size: 17px; }
    }

    /* ============================================================ */
    /* Evolution                                                      */
    /* ============================================================ */
    .ginery-wrap .evolution {
      background: linear-gradient(180deg, var(--brown) 0%, #1A0E07 100%);
      color: #E5D7C2;
      padding: 80px 48px 120px;
      margin-top: -65px;
   }
    .ginery-wrap .evolution-inner { max-width: 760px; margin: 0 auto; }
    .ginery-wrap .evolution-top-image { width: 100%; margin-bottom: 60px; }
    .ginery-wrap .evolution-top-image img { width: 100%; height: auto; display: block; }
    .ginery-wrap .evolution-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 64px; align-items: center; }
    .ginery-wrap .evolution-left img { width: 100%; height: 100%; object-fit: cover; }
    .ginery-wrap .evolution-right .eyebrow { color: var(--amber); }
    .ginery-wrap .evolution-right .headline { 
        color: #F0E0CD; 
        text-aling: left;  
   }
    .ginery-wrap .evolution-right .headline strong { color: var(--amber-soft); }
    .ginery-wrap .evolution-right .body-en { color: #D4C4AB; margin-top: 24px; }
    @media (max-width:680px) {
      .ginery-wrap .evolution { padding: 64px 24px; }
      .ginery-wrap .evolution-grid { grid-template-columns: 1fr; gap: 36px; }
    }

    /* ============================================================ */
    /* Transition                                                     */
    /* ============================================================ */
    .ginery-wrap .transition-statement { background: var(--ivory); text-align: center; padding: 120px 48px; }
    .ginery-wrap .ts-inner { max-width: 680px; margin: 0 auto; }
    .ginery-wrap .ts-headline {
      font-family: var(--serif-ko); font-weight: 400; font-style: italic;
      font-size: 50px; line-height: 1.25; letter-spacing: -0.005em; color: var(--brown);
    }
    .ginery-wrap .ts-headline em { font-style: italic; font-weight: 600; color: var(--wine); }
    .ginery-wrap .ts-tag {
      display: inline-block; margin-top: 48px; padding: 10px 24px;
      border: 1px solid var(--wine); color: var(--wine);
      font-family: var(--serif-en); font-style: italic; font-weight: 400;
      font-size: 14px; letter-spacing: 0.26em; text-transform: uppercase;
    }
    @media (max-width:600px) {
      .ginery-wrap .transition-statement { padding: 64px 24px; }
      .ginery-wrap .ts-headline { font-size: 32px; }
    }

    /* ============================================================ */
    /* Shower Identity                                                */
    /* ============================================================ */
    .ginery-wrap .shower-identity { background: var(--cream); padding: 120px 0 0; }
    .ginery-wrap .si-head { max-width: 760px; margin: 0 auto 72px; padding: 0 48px; text-align: center; }
    .ginery-wrap .si-head .eyebrow { color: var(--wine); }
    .ginery-wrap .si-head .headline { font-size: 44px; }

    .ginery-wrap .si-cut {
      position: relative; width: min(680px, calc(100% - 96px)); margin: 0 auto;
      background: linear-gradient(135deg, rgba(245,237,226,1) 0%, rgba(232,224,213,0.95) 100%);
      border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
    }
    .ginery-wrap .si-cut img { width: 82%; height: auto; margin: 0 auto; display: block; }

    .ginery-wrap .si-callouts {
      max-width: 760px; margin: 0 auto;
      padding: 80px 48px 0;
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px;
    }
    .ginery-wrap .si-callout { text-align: center; padding: 36px 16px; border-top: 2px solid var(--wine); }
    .ginery-wrap .si-callout-num {
      font-family: var(--serif-en); font-style: italic; font-weight: 400;
      font-size: 14px; letter-spacing: 0.26em; color: var(--amber); margin-bottom: 14px;
    }
    .ginery-wrap .si-callout-title {
      font-family: var(--serif-ko); font-weight: 500;
      font-size: 19px; color: var(--brown); margin-bottom: 10px; line-height: 1.4;
    }
    .ginery-wrap .si-callout-desc {
      font-family: var(--sans-ko); font-weight: 300;
      font-size: 14px; line-height: 1.75; color: var(--brown-soft);
    }
    .ginery-wrap .si-installed {
      margin-top: 120px; display: grid; grid-template-columns: 1fr 1fr;
      gap: 0; background: var(--warm-white);
    }
    .ginery-wrap .si-installed-img img { width: 100%; height: 100%; object-fit: cover; }
    .ginery-wrap .si-installed-body { padding: 80px 48px; display: flex; flex-direction: column; justify-content: center; }
    .ginery-wrap .si-installed-body .eyebrow { color: var(--amber); }
    @media (max-width:680px) {
      .ginery-wrap .shower-identity { padding: 64px 0 0; }
      .ginery-wrap .si-head { padding: 0 24px; margin-bottom: 48px; }
      .ginery-wrap .si-head .headline { font-size: 30px; }
      .ginery-wrap .si-callouts { grid-template-columns: 1fr; gap: 0; padding: 48px 24px 0; }
      .ginery-wrap .si-callout { border-top: 1px solid var(--line); padding: 32px 0; }
      .ginery-wrap .si-callout:first-child { border-top: 2px solid var(--wine); }
      .ginery-wrap .si-installed { grid-template-columns: 1fr; margin-top: 48px; }
      .ginery-wrap .si-installed-body { padding: 48px 24px; }
    }

    /* ============================================================ */
    /* Rg3 Ingredient                                                 */
    /* ============================================================ */
    .ginery-wrap .rg3-section { 
      background: var(--brown);
      color: #E5D7C2;
      padding: 80px 48px;
      margin-top: -65px;
     }
    .ginery-wrap .rg3-inner { max-width: 760px; margin: 0 auto; text-align: center; }
    .ginery-wrap .rg3-section .eyebrow { color: var(--amber); }
    .ginery-wrap ..rg3-section .headline { color: #F0E0CD; }
    .ginery-wrap .rg3-section .headline strong { color: var(--amber-soft); }
    .ginery-wrap .rg3-image-wrap { margin: 60px auto; position: relative; }
    .ginery-wrap .rg3-image-wrap img { width: 100%; border: 1px solid rgba(201,169,97,0.25); filter: contrast(1.05) saturate(1.05); }
    .ginery-wrap .rg3-stat-grid {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;
      margin-top: 48px; border: 1px solid rgba(201,169,97,0.3);
    }
    .ginery-wrap .rg3-stat { padding: 36px 16px; text-align: center; border-right: 1px solid rgba(201,169,97,0.3); }
    .ginery-wrap .rg3-stat:last-child { border-right: none; }
    .ginery-wrap .rg3-stat-label {
      font-family: var(--serif-en); font-style: italic; font-weight: 400;
      font-size: 13px; letter-spacing: 0.18em; color: var(--amber);
      text-transform: uppercase; margin-bottom: 14px;
    }
     .ginery-wrap .rg3-stat-value { font-family: var(--serif-ko); font-weight: 400; font-size: 42px; color: #F0E0CD; line-height: 1; }
     .ginery-wrap .rg3-stat-unit {
      font-family: var(--sans-en); font-weight: 300; font-size: 13px;
      color: var(--amber-soft); margin-top: 6px; letter-spacing: 0.05em;
    }
     .ginery-wrap .rg3-references {
      margin-top: 36px; font-family: var(--sans-en); font-weight: 300;
      font-size: 11px; color: rgba(212,196,171,0.6);
      line-height: 1.7; letter-spacing: 0; font-style: italic;
    }
    @media (max-width:600px) {
       .ginery-wrap .rg3-section { padding: 64px 24px; }
       .ginery-wrap .rg3-stat-grid { grid-template-columns: 1fr; }
       .ginery-wrap .rg3-stat { border-right: none; border-bottom: 1px solid rgba(201,169,97,0.3); }
       .ginery-wrap .rg3-stat:last-child { border-bottom: none; }
       .ginery-wrap .rg3-stat-value { font-size: 34px; }
    }

    /* ============================================================ */
    /* Origin                                                         */
    /* ============================================================ */
     .ginery-wrap .origin { background: var(--cream); padding: 100px 48px; }
     .ginery-wrap .origin-inner { max-width: 760px; margin: 0 auto; text-align: center; }
     .ginery-wrap .origin,
     .ginery-wrap .eyebrow { 
        color: var(--wine); 
        margin-top: 80px;
     }
     .ginery-wrap .origin-img { margin: 48px 0; filter: contrast(1.05); }
     .ginery-wrap .origin-img img { width: 100%; border: 1px solid var(--line); }
     .ginery-wrap .origin-stamp {
      display: inline-flex; align-items: center; gap: 14px;
      padding: 18px 32px; border: 1px solid var(--wine); color: var(--wine);
      font-family: var(--serif-en); font-style: italic;
      letter-spacing: 0.22em; font-size: 14px; text-transform: uppercase; margin-top: 24px;
    }
    .ginery-wrap .origin-stamp::before, .origin-stamp::after { content: '—'; opacity: 0.6; }
    @media (max-width:600px) { .origin { padding: 64px 24px; } }

    /* ============================================================ */
    /* AROMA Brand Moment (middle pause)                              */
    /* ============================================================ */
    .ginery-wrap .aroma {
      background: linear-gradient(180deg, var(--brown) 0%, #1A0E07 100%);
      color: var(--ivory); padding: 120px 48px 100px; text-align: center;
      position: relative; overflow: hidden;
      margin-top: -62px;
    }
    .ginery-wrap .aroma-inner { position: relative; z-index: 2; max-width: 720px; margin: 0 auto; }
    .ginery-wrap .aroma-eyebrow {
      font-family: var(--serif-en); font-style: italic; font-weight: 400;
      font-size: 13px; letter-spacing: 0.36em; color: var(--amber);
      text-transform: uppercase; margin-bottom: 28px;
    }
    .ginery-wrap .aroma-headline {
      font-family: var(--serif-ko); font-weight: 400; font-style: italic;
      font-size: 50px; line-height: 1.25; color: #F0E0CD; letter-spacing: -0.005em;
    }
    .ginery-wrap .aroma-headline strong { font-weight: 600; font-style: normal; color: var(--amber-soft); }
    .ginery-wrap .aroma-tagline {
      font-family: var(--serif-en); font-style: italic; font-weight: 400;
      font-size: 22px; letter-spacing: 0.16em; color: var(--amber); margin-top: 32px;
    }
    .ginery-wrap .aroma-body {
      font-family: var(--sans-ko);
      font-weight: 300;
      font-size: 17px;
      line-height: 1.85;
      color: #D4C4AB;
      max-width: 580px;
      margin: 36px auto 0;
      margin: 0 auto;
      text-align: center !important; 
      margin-left: auto !important;
      margin-right: auto !important;
    }
  
}
    
     .ginery-wrap .aroma-body p {

          text-align: center !important; 
      margin-left: auto !important;
      margin-right: auto !important;

  } 
    .ginery-wrap .aroma-body strong { color: var(--warm-white); font-weight: 400; font-style: italic; }
    .ginery-wrap .aroma-image { margin: 56px auto 0; max-width: 540px; }
    .ginery-wrap .aroma-image img {
      width: 100%; height: auto; display: block;
      box-shadow: 0 30px 80px rgba(0,0,0,0.5);
      border: 1px solid rgba(201,169,97,0.15);
    }
    @media (max-width:600px) {
      .ginery-wrap .aroma { padding: 80px 24px; }
      .ginery-wrap .aroma-headline { font-size: 30px; }
      .ginery-wrap .aroma-tagline { font-size: 16px; }
      .ginery-wrap .aroma-body { font-size: 15px; }
    }

    /* ============================================================ */
    /* Performance                                                    */
    /* ============================================================ */
    .ginery-wrap .performance { background: var(--ivory); padding: 100px 48px; }
    .ginery-wrap .perf-inner { max-width: 760px; margin: 0 auto; }
    .ginery-wrap .perf-head { text-align: center; margin-bottom: 60px; }
    .ginery-wrap .perf-head .eyebrow { color: var(--wine); }
    .ginery-wrap .perf-stat-hero { text-align: center; margin-bottom: 60px; margin-top: -70px; }
    .ginery-wrap .perf-stat-hero .big {
      font-family: var(--serif-en); font-weight: 400;
      font-size: 144px; line-height: 1; color: var(--wine); letter-spacing: -0.04em;
      margin-bottom: 30px;
    }
    .ginery-wrap .perf-stat-hero .big sup { font-size: 0.45em; font-weight: 300; margin-left: 6px; }
    .ginery-wrap .perf-stat-hero .label {
      font-family: var(--serif-ko); font-weight: 400; font-style: italic;
      font-size: 18px; color: var(--brown); margin-top: 14px; letter-spacing: 0.04em;
    }
    .ginery-wrap .perf-stat-hero .label strong { font-weight: 600; font-style: normal; color: var(--wine); }
    .ginery-wrap .perf-table { width: 100%; border-collapse: collapse; font-family: var(--sans-ko); font-weight: 300; font-size: 14px; }
    .ginery-wrap .perf-table thead { background: var(--brown); color: var(--ivory); }
    .ginery-wrap .perf-table th {
      padding: 18px 16px; font-weight: 400; font-size: 12px;
      letter-spacing: 0.18em; text-transform: uppercase; text-align: center;
      border-right: 1px solid rgba(255,255,255,0.1);
      font-family: var(--serif-en); font-style: italic;
    }
    .ginery-wrap .perf-table th:last-child { border-right: none; }
    .ginery-wrap .perf-table td {
      padding: 18px 16px; text-align: center; color: var(--brown);
      border-bottom: 1px solid var(--line); border-right: 1px solid var(--line);
    }
    .ginery-wrap .perf-table td:last-child { border-right: none; }
    .ginery-wrap .perf-table tbody tr:last-child td { border-bottom: 1px solid var(--line); }
    .ginery-wrap .perf-table tbody tr:hover { background: var(--cream); }
    .ginery-wrap .perf-table .rate { font-family: var(--serif-en); font-weight: 500; font-size: 18px; color: var(--wine); }
    .ginery-wrap .perf-caption {
      font-size: 12px; color: var(--gray); margin-top: 14px; text-align: right;
      font-style: italic; font-family: var(--serif-en);
    }
    .ginery-wrap .perf-vitc {
      margin-top: 60px; display: grid; grid-template-columns: 280px 1fr;
      gap: 48px; align-items: center; padding: 48px;
      background: var(--cream); border: 1px solid var(--line);
    }
    .ginery-wrap .perf-vitc-img img { width: 100%; max-width: 280px; height: auto; display: block; margin: 0 auto; }
    @media (max-width:680px) {
      .ginery-wrap .performance { padding: 64px 24px; }
      .ginery-wrap .perf-stat-hero .big { font-size: 84px; }
      .ginery-wrap .perf-table { font-size: 12px; }
      .ginery-wrap .perf-table th, .perf-table td { padding: 12px 8px; }
      .ginery-wrap .perf-vitc { grid-template-columns: 1fr; padding: 32px 24px; text-align: center; }
    }

    /* ============================================================ */
    /* Comparison                                                     */
    /* ============================================================ */
    .ginery-wrap .compare { background: var(--ivory); padding: 100px 48px; }
    .ginery-wrap .compare-inner { max-width: 860px; margin: 0 auto; }
    .ginery-wrap .compare-head { text-align: center; margin-bottom: 60px; }
    .ginery-wrap .compare-head .eyebrow { color: var(--wine); }
    .ginery-wrap .compare-table { width: 100%; border-collapse: collapse; font-family: var(--sans-ko); font-size: 14px; }
    .ginery-wrap .compare-table th, .compare-table td { padding: 18px 16px; text-align: center; border: 1px solid var(--line); }
    .ginery-wrap .compare-table thead th {
      background: var(--brown); color: var(--ivory);
      font-family: var(--serif-en); font-style: italic;
      font-weight: 400; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase;
    }
    .compare-table thead th.featured { background: var(--wine); color: var(--ivory); }
    .compare-table tbody th {
      text-align: left; font-family: var(--serif-ko);
      font-weight: 500; font-size: 14px; color: var(--brown); background: var(--cream);
    }
    .compare-table .yes { color: var(--wine); font-weight: 600; }
    .compare-table .no { color: var(--gray); }
    .compare-featured-col { background: rgba(107,30,30,0.04); font-weight: 500; }
    @media (max-width:600px) {
      .compare { padding: 64px 24px; }
      .compare-table { font-size: 11px; }
      .compare-table th, .compare-table td { padding: 10px 6px; }
    }

    /* ============================================================ */
    /* Craft                                                          */
    /* ============================================================ */
    .craft { background: var(--brown); color: #E5D7C2; padding: 100px 0; }
    .craft-head { text-align: center; max-width: 760px; margin: 0 auto 60px; padding: 0 48px; }
    .craft-head .eyebrow { color: var(--amber); }
    .craft-head .headline { color: #F0E0CD; }
    .craft-head .headline strong { color: var(--amber-soft); }
    .craft-img { max-width: 760px; margin: 0 auto; padding: 0 48px; }
    .craft-img img { width: 100%; border: 1px solid rgba(201,169,97,0.25); box-shadow: 0 30px 60px rgba(0,0,0,0.5); }
   
    .craft-body {
      max-width: 680px;
      margin: 60px auto 0;
      padding: 0 48px;
      padding-top: 20px;
      text-align: center;
      font-family: var(--sans-ko);
      font-weight: 300;
      font-size: 16px;
      line-height: 1.95;
      color: #D4C4AB;
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .craft-body em {
      font-family: var(--serif-ko); font-style: italic;
      font-weight: 500; color: var(--warm-white);
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
  
  

    @media (max-width:600px) {
      .craft { padding: 64px 0; }
      .craft-head, .craft-img, .craft-body { padding: 0 24px; }
    }

    /* ============================================================ */
    /* K-Skincare                                                     */
    /* ============================================================ */
    .kbeauty { background: var(--ivory); padding: 100px 48px; }
    .kb-inner { max-width: 760px; margin: 0 auto; }
    .kb-head { text-align: center; margin-bottom: 60px; }
    .kb-head .eyebrow { color: var(--wine); }
    .kb-head .headline { font-size: 44px; }
    .kb-head .subhead { font-size: 22px; margin-top: 12px; }

    .kb-portrait {
      width: 100%; aspect-ratio: 1/1;
      background: linear-gradient(160deg, var(--cream) 0%, #EFE5D2 100%);
      border: 1px solid var(--line);
      display: flex; justify-content: center; align-items: center;
      text-align: center; position: relative; overflow: hidden; margin-bottom: 48px;
    }
    .kb-portrait::before {
      content: ''; position: absolute; inset: 0;
      background: radial-gradient(circle at 50% 40%, rgba(201,169,97,0.15), transparent 60%);
    }
    .kb-portrait .ph-inner {
      position: relative; z-index: 2; padding: 40px;
      background: rgba(252,250,246,0.6);
      border: 1px solid rgba(107,30,30,0.18); max-width: 600px;
    }
    .kb-portrait .ph-image { width: 100%; max-width: 380px; height: auto; margin: 0 auto 14px; display: block; }
    .kb-portrait .ph-title {
      font-family: var(--serif-en); font-style: italic; font-size: 14px;
      letter-spacing: 0.26em; color: var(--wine); text-transform: uppercase;
    }

    .kb-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; border: 1px solid var(--line); }
    .kb-card { padding: 48px 32px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .kb-card:nth-child(2n) { border-right: none; }
    .kb-card:nth-last-child(-n+2) { border-bottom: none; }
    .kb-card-num {
      font-family: var(--serif-en); font-style: italic; font-weight: 400;
      font-size: 36px; color: var(--amber); line-height: 1; margin-bottom: 18px;
    }
    .kb-card-title {
      font-family: var(--serif-ko); font-weight: 600;
      font-size: 22px; color: var(--brown); margin-bottom: 12px; line-height: 1.35;
    }
    .kb-card-desc { font-family: var(--sans-ko); font-weight: 300; font-size: 14px; line-height: 1.75; color: var(--brown-soft); }
    @media (max-width:600px) {
      .kbeauty { padding: 64px 24px; }
      .kb-head .headline { font-size: 28px; }
      .kb-head .subhead { font-size: 16px; }
      .kb-grid { grid-template-columns: 1fr; }
      .kb-card { border-right: none; padding: 36px 24px; }
      .kb-card:nth-last-child(2) { border-bottom: 1px solid var(--line); }
    }

    /* ============================================================ */
    /* Object                                                         */
    /* ============================================================ */
    .product-section { background: var(--cream); padding: 100px 0; }
    .ps-head { text-align: center; max-width: 760px; margin: 0 auto 60px; padding: 0 48px; }
    .ps-head .eyebrow { color: var(--wine); }
    .ps-full-image { text-align: center; }
    .ps-full-image img { width: 87%; max-width: 900px; height: auto; display: inline-block; }
    @media (max-width:600px) {
      .product-section { padding: 64px 0; }
      .ps-head { padding: 0 24px; }
    }

    /* ============================================================ */
    /* Spec                                                           */
    /* ============================================================ */
    .spec-section { background: var(--ivory); padding: 100px 48px; }
    .sp-inner { max-width: 760px; margin: 0 auto; }
    .sp-head { text-align: center; margin-bottom: 60px; }
    .sp-head .eyebrow { color: var(--wine); }
    .sp-table { width: 100%; border-top: 2px solid var(--brown); }
    .sp-table-row {
      display: grid; grid-template-columns: 240px 1fr;
      border-bottom: 1px solid var(--line); padding: 18px 0;
    }
    .sp-table-row .key {
      font-family: var(--serif-ko); font-style: italic; font-weight: 500;
      font-size: 15px; color: var(--brown); letter-spacing: 0.04em;
    }
    .sp-table-row .val {
      font-family: var(--sans-ko); font-weight: 300;
      font-size: 14px; color: var(--brown-soft); line-height: 1.65;
    }
    .sp-install {
      margin-top: 80px;
      text-align: center;
    }

    /* Install hero images (NEW — stacked, natural aspect ratios) */
   .install-images {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.install-images img {
  width: 50%;
  max-width: 350px;
  aspect-ratio: 1 / 1;   /* 두 이미지 비율 통일 */
  object-fit: cover;     /* 잘리지 않게 꽉 채움 */
  height: auto;
  border: 1px solid var(--line);
  box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}

/* 기존 portrait 크기 제한 제거 */
.install-images .install-portrait {
  max-width: none;
}

@media (max-width:600px) {
  .install-images {
    flex-direction: column;
  }

  .install-images img {
    width: 100%;
    max-width: 100%;
  }
}

    .sp-install-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 36px; }
    .sp-install-step { text-align: center; padding: 32px 18px; border: 1px solid var(--line); background: var(--cream); }
    .sp-install-num {
      display: inline-flex; justify-content: center; align-items: center;
      width: 40px; height: 40px; border: 1px solid var(--wine); color: var(--wine);
      font-family: var(--serif-en); font-style: italic; font-size: 18px;
      border-radius: 50%; margin-bottom: 18px;
    }
    .sp-install-title { font-family: var(--serif-ko); font-weight: 500; font-size: 17px; color: var(--brown); margin-bottom: 8px; }
    .sp-install-desc { font-family: var(--sans-ko); font-weight: 300; font-size: 13px; line-height: 1.7; color: var(--brown-soft); }
    @media (max-width:600px) {
      .spec-section { padding: 64px 24px; }
      .sp-table-row { grid-template-columns: 140px 1fr; }
      .sp-install-grid { grid-template-columns: 1fr; gap: 16px; }
    }

    /* ============================================================ */
    /* FAQ                                                            */
    /* ============================================================ */
    .faq-section { background: var(--cream); padding: 100px 48px; }
    .faq-inner { max-width: 760px; margin: 0 auto; }
    .faq-head { text-align: center; margin-bottom: 60px; }
    .faq-head .eyebrow { color: var(--wine); }
    .faq-list { display: flex; flex-direction: column; gap: 0; border-top: 1px solid var(--line); }
    .faq-item { padding: 28px 0; border-bottom: 1px solid var(--line); }
    .faq-q {
      font-family: var(--serif-ko); font-weight: 600;
      font-size: 18px; color: var(--brown); margin-bottom: 12px;
      display: flex; align-items: flex-start; gap: 14px;
    }
    .faq-q::before {
      content: 'Q.';
      font-family: var(--serif-en); font-style: italic;
      color: var(--wine); font-weight: 500; flex-shrink: 0;
    }
    .faq-a {
      font-family: var(--sans-ko); font-weight: 300;
      font-size: 15px; line-height: 1.85; color: var(--brown-soft);
      padding-left: 28px;
    }
    @media (max-width:600px) {
      .faq-section { padding: 64px 24px; }
      .faq-q { font-size: 16px; }
      .faq-a { font-size: 14px; padding-left: 24px; }
    }

    /* ============================================================ */
    /* Final brand closing (END — minimal sign-off)                   */
    /* ============================================================ */
    .closing {
      background: linear-gradient(180deg, var(--brown) 0%, #170B05 100%);
      color: var(--ivory); padding: 100px 48px 80px; text-align: center; position: relative;
    }
    .closing-inner { position: relative; z-index: 2; max-width: 600px; margin: 0 auto; }
    .closing-logo { width: 180px; margin: 0 auto 32px; opacity: 0.95; }
    .closing-logo img { width: 100%; }
    .closing-tagline {
      font-family: var(--serif-en); font-style: italic; font-weight: 400;
      font-size: 24px; letter-spacing: 0.14em; color: var(--amber);
      line-height: 1.5; margin-bottom: 32px;
    }
    .closing-divider {
      width: 1px; height: 40px;
      background: linear-gradient(to bottom, transparent, var(--amber), transparent);
      margin: 0 auto 32px;
    }
    .closing-foot {
      font-family: var(--sans-ko); font-weight: 300;
      font-size: 11px; color: rgba(212,196,171,0.55);
      letter-spacing: 0; line-height: 1.85;
      margin-top: 56px;
    }

    /* Closing hero image (NEW — bottom shower moment) */
    .closing-image {
      margin: 24px auto 8px;
      max-width: 480px;
    }
    .closing-image img {
      width: 100%;
      height: auto;
      display: block;
      border: 1px solid rgba(201,169,97,0.2);
    }

    @media (max-width:600px) {
      .closing { padding: 64px 24px; }
      .closing-tagline { font-size: 18px; }
      .closing-image { max-width: 100%; }
    }

    .brand-foot {
      background: #0A0503; color: rgba(212,196,171,0.55);
      padding: 48px 48px; text-align: center;
      font-family: var(--sans-ko); font-weight: 300;
      font-size: 11px; line-height: 1.85; letter-spacing: 0.02em;
    }
    .brand-foot .logo { width: 140px; margin: 0 auto 18px; opacity: 0.6; }
    .brand-foot .logo img { width: 100%; filter: none; }