@charset "UTF-8";
/* =========================================================
   STANDARD ALL — PRODUCTS / VIRGIN DOWN
   원산지별 다운 → 구스다운 → 덕다운 → 다운의 구조
   (sub_common.css 의 변수 · 폰트 사용)
   ========================================================= */

/* 세리프 고정 */
.vd-jump b,.vd-jump em,.vd-intro__band::after,.vd-kind__num,.vd-kind__tit em,.vd-kind__tit em *,.vd-tagbox__tit em,.vd-tag__img::after,.vd-tag__cap em,.vd-about__img::after,.vd-about__tit em,.vd-cards__en,.vd-card__num,.vd-card__tit em,.vd-breed,.vd-struct__img::after,.vd-dock b{font-family:var(--sub-serif)!important}
.vd-jump b,.vd-kind__num,.vd-card__num,.vd-dock b{font-variant-numeric:lining-nums}

.article.vd-sec{position:relative;padding-top:clamp(120px,12vw,180px);padding-bottom:clamp(120px,12vw,180px);background-color:#fff}
.article.vd-sec--goose{background-color:var(--sub-cream)}
.article.vd-intro{padding-bottom:0}

/* =========================================================
   00 RDS 인증 (페이지 최상단)
   ========================================================= */
.article.vd-rds{padding-bottom:0}
.vd-rds__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(40px,6vw,110px);width:100%;margin-top:clamp(60px,6vw,90px)}
.vd-rds__en{margin:0;font-size:clamp(18px,1.4vw,22px);color:var(--main-color)}
.vd-rds__lead{margin:30px 0 0;padding-top:30px;border-top:1px solid var(--sub-line);font-size:clamp(19px,1.45vw,22px);font-weight:600;line-height:1.75;letter-spacing:-.035em;color:var(--sub-ink);word-break:keep-all}
.vd-rds__txt{margin:18px 0 0;font-size:clamp(17px,1.25vw,19px);line-height:1.85;letter-spacing:-.025em;color:var(--sub-text);word-break:keep-all}
.vd-rds__media{position:relative;padding-bottom:48px}
.vd-rds__img{position:relative;margin:0;aspect-ratio:4/3;border-radius:8px 8px 120px 8px;overflow:hidden;background:linear-gradient(150deg,color-mix(in srgb, var(--main-color) 14%, var(--sub-cream)) 0%,var(--sub-cream) 100%)}
.vd-rds__img img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover}
.vd-rds__img::after{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(40px,4vw,64px);color:color-mix(in srgb, var(--main-color) 30%, transparent);pointer-events:none}
.vd-rds__img:has(img)::after{display:none}
.vd-rds__cert{position:absolute;left:-28px;bottom:0;display:flex;align-items:center;gap:20px;max-width:calc(100% - 20px);padding:24px 28px;border-radius:20px;background:var(--sub-deep);color:#fff;box-shadow:0 30px 60px -28px rgba(0,0,0,.5)}
.vd-rds__seal{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--main-color);font-size:28px}
.vd-rds__cert dl{margin:0;min-width:0}
.vd-rds__cert dt{font-size:15px;letter-spacing:.06em;color:color-mix(in srgb, var(--main-color) 30%, #fff)}
.vd-rds__cert dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:6px 0 0}
.vd-rds__cert strong{font-size:clamp(19px,1.5vw,23px);font-weight:700;letter-spacing:.01em}
.vd-rds__cert dd span{font-size:15px;font-weight:600;color:rgba(255,255,255,.7)}
.article.vd-struct{background-color:var(--sub-ink);color:#fff}

/* 이미지 공통 플레이스홀더 */
.vd-intro__band,.vd-about__img,.vd-struct__img,.vd-tag__img{position:relative;overflow:hidden;background:linear-gradient(150deg,color-mix(in srgb, var(--main-color) 14%, var(--sub-cream)) 0%,var(--sub-cream) 100%)}
.vd-intro__band::after,.vd-about__img::after,.vd-struct__img::after,.vd-tag__img::after{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;font-size:clamp(30px,3.4vw,54px);font-style:italic;text-align:center;color:color-mix(in srgb, var(--main-color) 30%, transparent);pointer-events:none}
.vd-intro__band:has(img)::after,.vd-about__img:has(img)::after,.vd-struct__img:has(img)::after,.vd-tag__img:has(img)::after{display:none}
.vd-intro__band img,.vd-about__img img,.vd-struct__img img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;will-change:transform}

/* =========================================================
   01 원산지별 다운 (인트로)
   ========================================================= */
.vd-intro__head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:clamp(40px,6vw,110px);width:100%}
.vd-intro__desc{margin:0;font-size:clamp(18px,1.4vw,21px);font-weight:500;line-height:1.85;letter-spacing:-.03em;color:var(--sub-text);word-break:keep-all}
.vd-jump{margin:40px 0 0;padding:0;list-style:none;border-top:1px solid var(--sub-ink)}
.vd-jump a{position:relative;display:grid;grid-template-columns:44px 1fr auto 24px;align-items:center;gap:14px;padding:20px 4px;border-bottom:1px solid var(--sub-line);font-size:clamp(18px,1.4vw,21px);font-weight:700;letter-spacing:-.03em;color:var(--sub-ink);text-decoration:none;overflow:hidden;isolation:isolate;transition:color .45s var(--sub-ease),padding .45s var(--sub-ease)}
.vd-jump a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--main-color);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--sub-ease)}
.vd-jump b{font-size:16px;font-weight:400;color:var(--main-color);transition:color .45s}
.vd-jump em{font-size:16px;font-weight:400;color:var(--sub-mute);white-space:nowrap;transition:color .45s}
.vd-jump i{font-size:20px;color:var(--sub-mute);transition:color .45s,transform .45s var(--sub-ease)}
.vd-jump a:hover{color:#fff;padding-left:18px;padding-right:18px}
.vd-jump a:hover::before{transform:scaleY(1)}
.vd-jump a:hover b,.vd-jump a:hover em,.vd-jump a:hover i{color:rgba(255,255,255,.85)}
.vd-jump a:hover i{transform:rotate(-45deg)}
.vd-intro__band{width:100%;height:clamp(320px,42vw,640px);margin:clamp(90px,10vw,150px) 0 0}

/* =========================================================
   종류 헤더 (구스 · 덕 · 구조)
   ========================================================= */
.vd-kind{display:flex;align-items:flex-end;gap:clamp(20px,3vw,44px);width:100%;padding-bottom:clamp(30px,3vw,46px);border-bottom:1px solid var(--sub-line)}
.vd-kind__num{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:clamp(64px,6vw,90px);aspect-ratio:1;margin-bottom:.6em;border:1px solid var(--main-color);border-radius:50%;font-size:clamp(20px,1.8vw,26px);color:var(--main-color)}
.vd-kind__tit{display:flex;flex-direction:column;gap:10px;margin:0;font-size:clamp(28px,2.6vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1.2;color:var(--sub-ink)}
.vd-kind__tit em{display:block;font-size:clamp(64px,8.4vw,150px);font-weight:500;font-style:normal;line-height:.9;letter-spacing:-.035em;color:var(--sub-ink)}
.vd-kind__tit em b{font-weight:inherit;color:var(--main-color)}
.vd-kind__tit em .w{display:inline-block;white-space:nowrap}
.vd-struct .vd-kind{border-color:rgba(255,255,255,.16)}
.vd-struct .vd-kind__num{border-color:color-mix(in srgb, var(--main-color) 40%, #fff);color:color-mix(in srgb, var(--main-color) 30%, #fff)}
.vd-struct .vd-kind__tit,.vd-struct .vd-kind__tit em{color:#fff}
.vd-struct .vd-kind__tit em b{color:color-mix(in srgb, var(--main-color) 35%, #fff)}

/* =========================================================
   택 (Hang-tag) : 앞면 · 뒷면
   ========================================================= */
.vd-tagbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:clamp(40px,6vw,110px);width:100%;margin-top:clamp(70px,7vw,110px)}
.vd-tagbox__tit{margin:18px 0 0;font-size:clamp(28px,2.4vw,38px);font-weight:700;line-height:1.35;letter-spacing:-.04em;color:var(--sub-ink)}
.vd-tagbox__tit em{display:block;margin-top:6px;font-size:.62em;font-weight:400;letter-spacing:.01em;color:var(--sub-mute)}
.vd-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,70px);padding:0 clamp(0px,2vw,30px)}
.vd-tag{--tag-pin:24px;position:relative;margin:0;padding-top:70px;transform-origin:50% 0;transition:transform .9s cubic-bezier(.34,1.56,.64,1)}
.vd-tag:hover{transform:rotate(-2.5deg)}
.vd-tag:nth-child(2):hover{transform:rotate(2.5deg)}
.vd-tag__string{position:absolute;left:50%;top:0;width:1.5px;height:calc(70px + var(--tag-pin));margin-left:-.75px;background:linear-gradient(var(--sub-mute),var(--sub-ink));z-index:2}
.vd-tag__string::before{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--sub-ink)}
.vd-tag__body{position:relative}
.vd-tag__img{aspect-ratio:5/8;border-radius:6px}
.vd-tag__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.vd-tag__img::after{font-size:clamp(20px,1.7vw,26px)}
.vd-tag__img:has(img){aspect-ratio:auto;border-radius:0;background:none;overflow:visible}
.vd-tag__img:has(img) img{position:static;display:block;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.12))}
.vd-tag__cap{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:22px;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--sub-ink);display:none;}
.vd-tag__cap em{font-size:16px;font-weight:400;color:var(--main-color)}

/* =========================================================
   소개 : 이미지 + 본문 (50:50)
   ========================================================= */
.vd-about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(40px,6vw,110px);width:100%;margin-top:clamp(110px,11vw,170px)}
.vd-about__img{margin:0;aspect-ratio:4/5;border-radius:8px 8px 140px 8px}
.vd-sec--duck .vd-about__img{order:2;border-radius:8px 8px 8px 140px}
.vd-about__tit{margin:18px 0 0;font-size:clamp(34px,3vw,50px);font-weight:700;line-height:1.2;letter-spacing:-.045em;color:var(--sub-ink)}
.vd-about__tit em{margin-left:8px;font-size:.5em;font-weight:400;letter-spacing:.01em;color:var(--main-color)}
.vd-about__desc{margin-top:30px;padding-top:30px;border-top:1px solid var(--sub-line)}
.vd-about__desc p{margin:0;font-size:clamp(17px,1.25vw,19px);line-height:1.9;letter-spacing:-.025em;color:var(--sub-text);word-break:keep-all}
.vd-about__desc p:first-child{font-size:clamp(19px,1.45vw,22px);font-weight:600;line-height:1.75;letter-spacing:-.035em;color:var(--sub-ink)}
.vd-about__desc p+p{margin-top:18px}

/* =========================================================
   원산지 · 품종 카드 (균일 배치)
   ========================================================= */
.vd-cards{width:100%;margin-top:clamp(110px,11vw,170px)}
.vd-cards__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--sub-ink)}
.vd-cards__tit{margin:0;font-size:clamp(28px,2.4vw,38px);font-weight:700;letter-spacing:-.04em;color:var(--sub-ink)}
.vd-cards__en{margin:0;font-size:clamp(18px,1.4vw,22px);font-style:italic;color:var(--main-color)}
.vd-cards__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0 0;padding:0;list-style:none}
.vd-cards__list--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vd-card{position:relative;display:flex;flex-direction:column;padding:clamp(28px,2.4vw,38px);border-radius:20px;background:#fff;overflow:hidden;isolation:isolate;transition:transform .5s var(--sub-ease),box-shadow .5s var(--sub-ease)}
.vd-sec--duck .vd-card{background:var(--sub-cream)}
.vd-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--main-color);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--sub-ease)}
.vd-card:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(0,0,0,.25)}
.vd-card:hover::before{transform:scaleX(1)}
.vd-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}
.vd-flag{display:inline-flex;width:48px;height:32px;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 6px 14px -6px rgba(0,0,0,.25)}
.vd-flag svg{display:block;width:100%;height:100%}
.vd-breed{display:inline-flex;align-items:center;height:36px;padding:0 16px;border:1px solid color-mix(in srgb, var(--main-color) 40%, transparent);border-radius:999px;font-size:16px;font-style:italic;color:var(--main-color)}
.vd-card__num{font-size:clamp(34px,2.8vw,46px);font-weight:500;line-height:1;color:transparent;-webkit-text-stroke:1px color-mix(in srgb, var(--main-color) 55%, transparent)}
.vd-card__tit{display:flex;flex-direction:column;gap:6px;margin:30px 0 0;padding-bottom:20px;border-bottom:1px solid var(--sub-line);font-size:clamp(21px,1.6vw,24px);font-weight:700;letter-spacing:-.04em;line-height:1.3;color:var(--sub-ink)}
.vd-card__tit em{font-size:16px;font-weight:400;letter-spacing:.01em;color:var(--main-color)}
.vd-card__txt{margin:20px 0 0;font-size:clamp(16px,1.15vw,18px);line-height:1.8;letter-spacing:-.03em;color:var(--sub-text);word-break:keep-all}

/* =========================================================
   다운의 구조
   ========================================================= */
.vd-struct__img{width:100%;aspect-ratio:16/8;margin:clamp(60px,6vw,90px) 0 0;border-radius:8px 8px 140px 8px;background:linear-gradient(150deg,color-mix(in srgb, var(--main-color) 40%, #111) 0%,#20201d 100%)}
.vd-struct__img::after{color:rgba(255,255,255,.16)}
.vd-struct__link{display:inline-flex;align-items:center;gap:12px;margin-top:40px;padding:18px 28px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:17px;font-weight:700;letter-spacing:-.02em;color:#fff;text-decoration:none;transition:background .4s var(--sub-ease),color .4s,border-color .4s}
.vd-struct__link i{font-size:20px;transition:transform .45s var(--sub-ease)}
.vd-struct__link:hover{background:#fff;border-color:#fff;color:var(--main-color)}
.vd-struct__link:hover i{transform:rotate(45deg)}

/* =========================================================
   DOCK : 하단 고정 바로가기
   ========================================================= */
.vd-dock{position:fixed;left:50%;bottom:28px;z-index:90;padding:6px;border-radius:999px;background:color-mix(in srgb, var(--sub-ink) 86%, transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 40px -18px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translate(-50%,24px);transition:opacity .45s var(--sub-ease),transform .45s var(--sub-ease),visibility .45s}
.vd-dock.is-on{opacity:1;visibility:visible;transform:translate(-50%,0)}
.vd-dock ul{display:flex;gap:2px;margin:0;padding:0;list-style:none}
.vd-dock a{display:flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:-.02em;color:rgba(255,255,255,.6);text-decoration:none;white-space:nowrap;transition:background .35s,color .35s}
.vd-dock b{font-size:14px;font-weight:400}
.vd-dock a:hover{color:#fff}
.vd-dock a.is-on{background:#fff;color:var(--main-color)}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1280px){
  .vd-cards__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vd-cards__list--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1024px){
  .vd-rds__grid{grid-template-columns:1fr;gap:40px}
  .vd-rds__cert{left:16px}
  .vd-intro__head{grid-template-columns:1fr;align-items:start;gap:30px}
  .vd-tagbox{grid-template-columns:1fr;gap:20px}
  .vd-tags{padding:0}
  .vd-about{grid-template-columns:1fr;gap:40px}
  .vd-sec--duck .vd-about__img{order:0}
  .vd-about__img{aspect-ratio:4/3}
  .vd-cards__list--3{grid-template-columns:1fr}
}
@media (max-width:640px){
  .article.vd-sec{padding-top:90px;padding-bottom:100px}
  .article.vd-intro,.article.vd-rds{padding-bottom:0}
  .vd-jump a{grid-template-columns:34px 1fr 20px;padding:18px 2px}
  .vd-jump em{display:none}
  .vd-intro__band{height:260px;margin-top:70px}
  .vd-kind{align-items:flex-start;flex-direction:column;gap:18px}
  .vd-kind__num{width:52px;margin-bottom:0;font-size:18px}
  .vd-tags{gap:16px}
  .vd-tag{padding-top:54px}
  .vd-tag__string{height:calc(54px + var(--tag-pin))}
  .vd-tag__cap{flex-direction:column;align-items:center;gap:2px;margin-top:14px;font-size:16px}
  .vd-tag:hover,.vd-tag:nth-child(2):hover{transform:none}
  .vd-about__img,.vd-sec--duck .vd-about__img{border-radius:8px 8px 70px 8px}
  .vd-cards__head{flex-direction:column;gap:6px}
  .vd-cards__list,.vd-cards__list--3{grid-template-columns:1fr;gap:12px}
  .vd-struct__img{aspect-ratio:4/3;border-radius:8px 8px 70px 8px}
  .vd-dock{bottom:16px;padding:5px}
  .vd-dock a{height:40px;padding:0 14px;font-size:14px}
  .vd-dock b{display:none}
}
@media (prefers-reduced-motion:reduce){
  .vd-dock,.vd-jump a,.vd-card,.vd-tag{transition:none}
}