@charset "utf-8";
/* ETHER 홍보사이트 (index.html) · 04 CURATION — index.html 에 적힌 순서대로 불러온다 */
/* ============ CURATION ============ */
.curation{padding:var(--sp-9) 0;background:var(--bg);transition:background .5s}
.curation .sec-title{word-break:keep-all}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}
.prod{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);
  overflow:hidden;transition:.3s;position:relative;
}
.prod:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.prod-viz{height:230px;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--pv,var(--bg-2))}
/* 제품 목업 = 의류 실루엣 + 확정 오브를 프린트로 합성
   pm-body(벡터 의류·패브릭 그라데이션·봉제선) / pm-print(오브, 실루엣 마스킹 + multiply) */
.prod-mock{
  position:relative;width:196px;height:196px;
  filter:drop-shadow(0 14px 26px rgba(56,140,235,.24));
  animation:prodFloat 15s ease-in-out infinite,prodBreath 8s ease-in-out infinite;
  transition:rotate .6s cubic-bezier(.22,1,.36,1),filter .5s ease;
}
.pm-body,.pm-print{
  position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:contain;
}
.pm-print{
  mix-blend-mode:multiply;
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.prod:hover .prod-mock{rotate:4deg;filter:drop-shadow(0 20px 34px rgba(56,140,235,.36))}
/* 티셔츠 水 : 가슴 중앙 프린트 */
.prod[data-el="water"] .pm-body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23F7F8FB'/%3E%3Cstop%20offset='1'%20stop-color='%23E2E6EE'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cpath%20d='M88%2044%20L44%2070%20L58%20118%20L78%20110%20L78%20200%20L162%20200%20L162%20110%20L182%20118%20L196%2070%20L152%2044%20C146%2064%2094%2064%2088%2044%20Z'%20stroke='url(%23f)'%20stroke-width='7'%20stroke-linejoin='round'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.13'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cpath%20d='M93%2051%20C99%2067%20141%2067%20147%2051'/%3E%3Cpath%20d='M78%20189%20L162%20189'/%3E%3Cpath%20d='M53%20105%20L70%2097'/%3E%3Cpath%20d='M187%20105%20L170%2097'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.prod[data-el="water"] .pm-print{background-image:var(--orb-water);background-size:40%;background-position:50% 43%;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23F7F8FB'/%3E%3Cstop%20offset='1'%20stop-color='%23E2E6EE'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cpath%20d='M88%2044%20L44%2070%20L58%20118%20L78%20110%20L78%20200%20L162%20200%20L162%20110%20L182%20118%20L196%2070%20L152%2044%20C146%2064%2094%2064%2088%2044%20Z'%20stroke='url(%23f)'%20stroke-width='7'%20stroke-linejoin='round'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.13'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cpath%20d='M93%2051%20C99%2067%20141%2067%20147%2051'/%3E%3Cpath%20d='M78%20189%20L162%20189'/%3E%3Cpath%20d='M53%20105%20L70%2097'/%3E%3Cpath%20d='M187%20105%20L170%2097'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23F7F8FB'/%3E%3Cstop%20offset='1'%20stop-color='%23E2E6EE'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cpath%20d='M88%2044%20L44%2070%20L58%20118%20L78%20110%20L78%20200%20L162%20200%20L162%20110%20L182%20118%20L196%2070%20L152%2044%20C146%2064%2094%2064%2088%2044%20Z'%20stroke='url(%23f)'%20stroke-width='7'%20stroke-linejoin='round'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.13'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cpath%20d='M93%2051%20C99%2067%20141%2067%20147%2051'/%3E%3Cpath%20d='M78%20189%20L162%20189'/%3E%3Cpath%20d='M53%20105%20L70%2097'/%3E%3Cpath%20d='M187%20105%20L170%2097'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
/* 모자 木 : 프론트 패널 프린트 */
.prod[data-el="wood"] .pm-body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23F2F6EF'/%3E%3Cstop%20offset='1'%20stop-color='%23DCE4D8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cpath%20d='M58%20152%20C58%2090%2090%2052%20122%2052%20C158%2052%20188%2092%20188%20152%20Z'%20stroke='url(%23f)'%20stroke-width='5'%20stroke-linejoin='round'/%3E%3Cpath%20d='M54%20151%20C106%20139%20166%20141%20198%20153%20C214%20159%20210%20179%20190%20183%20C142%20191%2086%20189%2058%20175%20C46%20169%2044%20156%2054%20151%20Z'%20stroke='url(%23f)'%20stroke-width='4'%20stroke-linejoin='round'/%3E%3Ccircle%20cx='122'%20cy='53'%20r='6'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.13'%20stroke-width='2.2'%20stroke-linecap='round'%3E%3Cpath%20d='M122%2058%20L122%20150'/%3E%3Cpath%20d='M92%2062%20C104%20100%20106%20128%20104%20150'/%3E%3Cpath%20d='M152%2062%20C142%20100%20140%20128%20141%20150'/%3E%3Cpath%20d='M58%20158%20C104%20148%20164%20150%20196%20160'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.prod[data-el="wood"] .pm-print{background-image:var(--orb-wood);background-size:29%;background-position:50% 42%;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23F2F6EF'/%3E%3Cstop%20offset='1'%20stop-color='%23DCE4D8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cpath%20d='M58%20152%20C58%2090%2090%2052%20122%2052%20C158%2052%20188%2092%20188%20152%20Z'%20stroke='url(%23f)'%20stroke-width='5'%20stroke-linejoin='round'/%3E%3Cpath%20d='M54%20151%20C106%20139%20166%20141%20198%20153%20C214%20159%20210%20179%20190%20183%20C142%20191%2086%20189%2058%20175%20C46%20169%2044%20156%2054%20151%20Z'%20stroke='url(%23f)'%20stroke-width='4'%20stroke-linejoin='round'/%3E%3Ccircle%20cx='122'%20cy='53'%20r='6'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.13'%20stroke-width='2.2'%20stroke-linecap='round'%3E%3Cpath%20d='M122%2058%20L122%20150'/%3E%3Cpath%20d='M92%2062%20C104%20100%20106%20128%20104%20150'/%3E%3Cpath%20d='M152%2062%20C142%20100%20140%20128%20141%20150'/%3E%3Cpath%20d='M58%20158%20C104%20148%20164%20150%20196%20160'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23F2F6EF'/%3E%3Cstop%20offset='1'%20stop-color='%23DCE4D8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cpath%20d='M58%20152%20C58%2090%2090%2052%20122%2052%20C158%2052%20188%2092%20188%20152%20Z'%20stroke='url(%23f)'%20stroke-width='5'%20stroke-linejoin='round'/%3E%3Cpath%20d='M54%20151%20C106%20139%20166%20141%20198%20153%20C214%20159%20210%20179%20190%20183%20C142%20191%2086%20189%2058%20175%20C46%20169%2044%20156%2054%20151%20Z'%20stroke='url(%23f)'%20stroke-width='4'%20stroke-linejoin='round'/%3E%3Ccircle%20cx='122'%20cy='53'%20r='6'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.13'%20stroke-width='2.2'%20stroke-linecap='round'%3E%3Cpath%20d='M122%2058%20L122%20150'/%3E%3Cpath%20d='M92%2062%20C104%20100%20106%20128%20104%20150'/%3E%3Cpath%20d='M152%2062%20C142%20100%20140%20128%20141%20150'/%3E%3Cpath%20d='M58%20158%20C104%20148%20164%20150%20196%20160'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.prod[data-el="wood"] .prod-mock{animation-duration:17s,6.4s}
/* 양말 金 : 올오버 자카드 (반복 패턴) */
.prod[data-el="metal"] .pm-body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23E9E7DF'/%3E%3Cstop%20offset='1'%20stop-color='%23CFCCC0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cg%20transform='translate(34%20-4)%20rotate(7%20120%20120)'%20opacity='.93'%3E%3Cpath%20d='M86%2044%20L128%2044%20L128%20140%20C128%20158%20122%20166%20106%20172%20L72%20186%20C56%20192%2042%20184%2039%20170%20C36%20156%2043%20146%2057%20141%20L86%20131%20Z'%20stroke='url(%23f)'%20stroke-width='6'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cpath%20d='M86%2044%20L128%2044%20L128%20140%20C128%20158%20122%20166%20106%20172%20L72%20186%20C56%20192%2042%20184%2039%20170%20C36%20156%2043%20146%2057%20141%20L86%20131%20Z'%20stroke='url(%23f)'%20stroke-width='6'%20stroke-linejoin='round'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.14'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cpath%20d='M86%2060%20L128%2060'/%3E%3Cpath%20d='M86%2068%20L128%2068'/%3E%3Cpath%20d='M120%2056%20L162%2052'/%3E%3Cpath%20d='M121%2064%20L163%2060'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.prod[data-el="metal"] .pm-print{background-image:var(--orb-metal);background-size:17%;background-repeat:repeat;
  background-position:50% 30%;mix-blend-mode:overlay;filter:contrast(1.22) brightness(1.04);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23E9E7DF'/%3E%3Cstop%20offset='1'%20stop-color='%23CFCCC0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cg%20transform='translate(34%20-4)%20rotate(7%20120%20120)'%20opacity='.93'%3E%3Cpath%20d='M86%2044%20L128%2044%20L128%20140%20C128%20158%20122%20166%20106%20172%20L72%20186%20C56%20192%2042%20184%2039%20170%20C36%20156%2043%20146%2057%20141%20L86%20131%20Z'%20stroke='url(%23f)'%20stroke-width='6'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cpath%20d='M86%2044%20L128%2044%20L128%20140%20C128%20158%20122%20166%20106%20172%20L72%20186%20C56%20192%2042%20184%2039%20170%20C36%20156%2043%20146%2057%20141%20L86%20131%20Z'%20stroke='url(%23f)'%20stroke-width='6'%20stroke-linejoin='round'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.14'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cpath%20d='M86%2060%20L128%2060'/%3E%3Cpath%20d='M86%2068%20L128%2068'/%3E%3Cpath%20d='M120%2056%20L162%2052'/%3E%3Cpath%20d='M121%2064%20L163%2060'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23E9E7DF'/%3E%3Cstop%20offset='1'%20stop-color='%23CFCCC0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cg%20transform='translate(34%20-4)%20rotate(7%20120%20120)'%20opacity='.93'%3E%3Cpath%20d='M86%2044%20L128%2044%20L128%20140%20C128%20158%20122%20166%20106%20172%20L72%20186%20C56%20192%2042%20184%2039%20170%20C36%20156%2043%20146%2057%20141%20L86%20131%20Z'%20stroke='url(%23f)'%20stroke-width='6'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cpath%20d='M86%2044%20L128%2044%20L128%20140%20C128%20158%20122%20166%20106%20172%20L72%20186%20C56%20192%2042%20184%2039%20170%20C36%20156%2043%20146%2057%20141%20L86%20131%20Z'%20stroke='url(%23f)'%20stroke-width='6'%20stroke-linejoin='round'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.14'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cpath%20d='M86%2060%20L128%2060'/%3E%3Cpath%20d='M86%2068%20L128%2068'/%3E%3Cpath%20d='M120%2056%20L162%2052'/%3E%3Cpath%20d='M121%2064%20L163%2060'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.prod[data-el="metal"] .prod-mock{animation-duration:13s,9s}
/* 조끼 火 : 앞판 중앙 프린트 */
.prod[data-el="fire"] .pm-body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23FBF4EF'/%3E%3Cstop%20offset='1'%20stop-color='%23EBDFD6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cpath%20d='M92%2046%20L60%2062%20C52%2074%2050%2096%2054%20120%20C56%20128%2066%20130%2074%20124%20L74%20202%20L166%20202%20L166%20124%20C174%20130%20184%20128%20186%20120%20C190%2096%20188%2074%20180%2062%20L148%2046%20L120%20102%20Z'%20stroke='url(%23f)'%20stroke-width='6'%20stroke-linejoin='round'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.13'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cpath%20d='M92%2050%20L120%20106%20L148%2050'/%3E%3Cpath%20d='M74%20189%20L166%20189'/%3E%3Cpath%20d='M74%20195%20L166%20195'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.prod[data-el="fire"] .pm-print{background-image:var(--orb-fire);background-size:34%;background-position:50% 55%;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23FBF4EF'/%3E%3Cstop%20offset='1'%20stop-color='%23EBDFD6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cpath%20d='M92%2046%20L60%2062%20C52%2074%2050%2096%2054%20120%20C56%20128%2066%20130%2074%20124%20L74%20202%20L166%20202%20L166%20124%20C174%20130%20184%20128%20186%20120%20C190%2096%20188%2074%20180%2062%20L148%2046%20L120%20102%20Z'%20stroke='url(%23f)'%20stroke-width='6'%20stroke-linejoin='round'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.13'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cpath%20d='M92%2050%20L120%20106%20L148%2050'/%3E%3Cpath%20d='M74%20189%20L166%20189'/%3E%3Cpath%20d='M74%20195%20L166%20195'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23FBF4EF'/%3E%3Cstop%20offset='1'%20stop-color='%23EBDFD6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cpath%20d='M92%2046%20L60%2062%20C52%2074%2050%2096%2054%20120%20C56%20128%2066%20130%2074%20124%20L74%20202%20L166%20202%20L166%20124%20C174%20130%20184%20128%20186%20120%20C190%2096%20188%2074%20180%2062%20L148%2046%20L120%20102%20Z'%20stroke='url(%23f)'%20stroke-width='6'%20stroke-linejoin='round'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.13'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cpath%20d='M92%2050%20L120%20106%20L148%2050'/%3E%3Cpath%20d='M74%20189%20L166%20189'/%3E%3Cpath%20d='M74%20195%20L166%20195'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.prod[data-el="fire"] .prod-mock{animation-duration:11s,4.6s}
/* 캔버스백 土 : 대형 실크스크린 */
.prod[data-el="earth"] .pm-body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23F7F1E4'/%3E%3Cstop%20offset='1'%20stop-color='%23E6DAC4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cpath%20d='M64%2092%20L176%2092%20L186%20204%20C186%20208%20183%20210%20179%20210%20L61%20210%20C57%20210%2054%20208%2054%20204%20Z'%20stroke='url(%23f)'%20stroke-width='5'%20stroke-linejoin='round'/%3E%3Cpath%20d='M86%2092%20C86%2056%20100%2044%20120%2044%20C140%2044%20154%2056%20154%2092'%20fill='none'%20stroke='url(%23f)'%20stroke-width='11'%20stroke-linecap='round'/%3E%3Cpath%20d='M100%2092%20C100%2062%20108%2052%20120%2052%20C132%2052%20140%2062%20140%2092'%20fill='none'%20stroke='url(%23f)'%20stroke-width='11'%20stroke-linecap='round'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.14'%20stroke-width='2.6'%20stroke-linecap='round'%3E%3Cpath%20d='M56%20100%20L184%20100'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.prod[data-el="earth"] .pm-print{background-image:var(--orb-earth);background-size:44%;background-position:50% 63%;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23F7F1E4'/%3E%3Cstop%20offset='1'%20stop-color='%23E6DAC4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cpath%20d='M64%2092%20L176%2092%20L186%20204%20C186%20208%20183%20210%20179%20210%20L61%20210%20C57%20210%2054%20208%2054%20204%20Z'%20stroke='url(%23f)'%20stroke-width='5'%20stroke-linejoin='round'/%3E%3Cpath%20d='M86%2092%20C86%2056%20100%2044%20120%2044%20C140%2044%20154%2056%20154%2092'%20fill='none'%20stroke='url(%23f)'%20stroke-width='11'%20stroke-linecap='round'/%3E%3Cpath%20d='M100%2092%20C100%2062%20108%2052%20120%2052%20C132%2052%20140%2062%20140%2092'%20fill='none'%20stroke='url(%23f)'%20stroke-width='11'%20stroke-linecap='round'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.14'%20stroke-width='2.6'%20stroke-linecap='round'%3E%3Cpath%20d='M56%20100%20L184%20100'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20240'%3E%3Cdefs%3E%3ClinearGradient%20id='f'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23F7F1E4'/%3E%3Cstop%20offset='1'%20stop-color='%23E6DAC4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill='url(%23f)'%3E%3Cpath%20d='M64%2092%20L176%2092%20L186%20204%20C186%20208%20183%20210%20179%20210%20L61%20210%20C57%20210%2054%20208%2054%20204%20Z'%20stroke='url(%23f)'%20stroke-width='5'%20stroke-linejoin='round'/%3E%3Cpath%20d='M86%2092%20C86%2056%20100%2044%20120%2044%20C140%2044%20154%2056%20154%2092'%20fill='none'%20stroke='url(%23f)'%20stroke-width='11'%20stroke-linecap='round'/%3E%3Cpath%20d='M100%2092%20C100%2062%20108%2052%20120%2052%20C132%2052%20140%2062%20140%2092'%20fill='none'%20stroke='url(%23f)'%20stroke-width='11'%20stroke-linecap='round'/%3E%3Cg%20fill='none'%20stroke='%2307142F'%20stroke-opacity='.14'%20stroke-width='2.6'%20stroke-linecap='round'%3E%3Cpath%20d='M56%20100%20L184%20100'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.prod[data-el="earth"] .prod-mock{animation-duration:21s,10s}
@keyframes prodFloat{0%,100%{translate:0 0}30%{translate:1.8% -2.4%}62%{translate:-1.6% 2%}}
@keyframes prodBreath{0%,100%{scale:1}50%{scale:1.025}}
/* 섹션 밖이면 정지 */
.curation:not(.is-live) .prod-mock{animation-play-state:paused!important}
.prod-body{padding:var(--sp-5) var(--sp-5) var(--sp-5)}
.prod-tag{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--mono);font-size:var(--fs-1);letter-spacing:.1em;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);margin-bottom:var(--sp-4)}
.tag-rec{background:var(--water-s);color:var(--water-t)}
.tag-buy{background:var(--line-2);color:var(--ink-3)}
.prod h4{font-family:var(--serif);font-weight:var(--fw-d4);font-size:var(--fs-6);margin-bottom:var(--sp-2);letter-spacing:var(--ls-d4)}
.prod .pd{font-size:var(--fs-3);color:var(--ink-2);margin-bottom:var(--sp-4)}
.prod-foot{display:flex;justify-content:space-between;align-items:center}
.prod-price{font-family:var(--mono);font-size:var(--fs-4)}
.prod-btn{font-size:var(--fs-3);font-weight:500;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);border:1px solid var(--line);cursor:pointer}
.prod-btn.buy{background:var(--brand-grad);color:#fff;border-color:transparent}
.prod-btn.buy-ghost{background:transparent;color:var(--ink)}
.prod-btn.buy-ghost:hover{border-color:var(--ink);background:var(--card)}

/* ── CURATION GRID (ETHER_curation_v1_grid 디자인) ──
   룩 사진 5장을 한 줄로. 호버하면 카드가 떠오르며 두 번째 컷으로 크로스페이드.
   분석 결과가 있으면 부족한 기운 카드가 맨 앞에 오고 브랜드 블루 외곽선 + '기운 보완' 배지 */
.curation .wrap:has(.cur-grid){max-width:min(1500px,100%)}
.cur-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:0 auto}
/* 오라가 카드 바깥으로 번져야 해서 카드 자체의 overflow:hidden 은 풀고, 사진·정보 칸이 각자 모서리를 자른다.
   --ec = 그 카드의 오행 색 (JS renderCuration 이 넣는다) */
.cur-it{background:var(--card,#fff);border-radius:12px;position:relative;isolation:isolate;
  transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.cur-it:hover{transform:translateY(-6px)}
.cur-ph{position:relative;aspect-ratio:4/5;overflow:hidden;background:#DCE8F5;border-radius:12px 12px 0 0}

/* ── 호버 = 오라 테두리 ──
   첫 화면 버튼의 '돌아가는 무지갯빛 테두리'를 카드에 — 무지개 대신 그 오행 색 계열로.
   ① ::before : 오행 색 ↔ 흰빛이 카드 둘레를 천천히 도는 1.5px 고리 (마스크로 고리만 남기고, 카드 바깥에 정확히 붙인다)
   ② ::after  : 같은 색이 카드 뒤로 흐릿하게 번진다 — 카드가 기운을 내뿜는 것처럼
   ③ .cur-ph::after : 사진 위 마우스를 따라다니는 은은한 빛 (--mx/--my, JS) */
@property --cur-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.cur-it::before,.cur-it::after{content:"";position:absolute;pointer-events:none;opacity:0;
  background:conic-gradient(from var(--cur-ang),var(--ec),#fff 18%,color-mix(in srgb,var(--ec) 45%,#fff) 38%,var(--ec) 55%,#fff 72%,color-mix(in srgb,var(--ec) 60%,#fff) 88%,var(--ec));
  transition:opacity .4s}
.cur-it::before{z-index:2;inset:-1.5px;border-radius:13.5px;padding:1.5px;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.cur-it::after{z-index:-1;inset:4px;border-radius:14px;filter:blur(22px)}
.cur-it:hover::before{opacity:1;animation:curAura 3.2s linear infinite}
.cur-it:hover::after{opacity:.75;animation:curAura 3.2s linear infinite}
@keyframes curAura{to{--cur-ang:360deg}}
.cur-ph::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(circle 160px at var(--mx,50%) var(--my,40%),rgba(255,255,255,.38),transparent 70%);mix-blend-mode:soft-light}
.cur-it:hover .cur-ph::after{opacity:1}
@media(prefers-reduced-motion:reduce){.cur-it:hover::before,.cur-it:hover::after{animation:none}}
.cur-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  transition:opacity .6s,transform 1.1s cubic-bezier(.22,.61,.36,1);transform-origin:var(--fx,50%) var(--fy,40%)}
/* 호버 = 그래픽이 크게 잡힌 고해상도 뒷모습(images/, 960×1200)으로 바꾸고, 등판 그래픽 쪽으로 당긴다.
   배율 1.68 에서도 원본 960px 중 약 570px 가 카드 폭에 들어간다 → 1.5배 화면까지 원본 픽셀이 화면 픽셀보다 많아 또렷하다.
   will-change 는 일부러 주지 않는다 — 주면 브라우저가 1배 크기로 굳힌 비트맵을 늘려 흐려진다.
   초점(--fx/--fy)·배율(--fz)은 카드마다 JS(CUR_FOCUS)가 준다 */
.cur-it:hover .cur-ph img.b{transform:scale(var(--fz,1.68))}
/* 기본 사진도 1.25배로 당겨 둔다(초점 --bx/--by). 호버 사진도 같은 1.25배에서 출발하므로
   호버 시 확대 폭은 1→1.68 이 아니라 1.25→1.68(약 +34%) — 갑자기 커지는 어지러움을 줄인다 */
.cur-ph img:first-child{transform-origin:var(--bx,50%) var(--by,30%);transform:scale(var(--bz,1.25))}
.cur-ph img.b{transform:scale(var(--bz,1.25))}
.cur-ph img.b{opacity:0}.cur-it:hover .cur-ph img.b{opacity:1}
.cur-mine{position:absolute;left:12px;top:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;
  line-height:1;color:#fff;background:#2F7FD1;border-radius:999px;padding:7px 14px}
/* 배지 02 Blue · White : 보완 = 블루 채움 / 강화 = 흰 배지 + 블루 글자 (밝은 사진 위에서도 뜨도록 옅은 그림자) */
.cur-mine.soft{background:rgba(255,255,255,.94);color:#1E5FA6;box-shadow:0 2px 10px rgba(11,31,58,.14)}
.cur-meta{padding:24px 18px;border-radius:0 0 12px 12px;background:var(--card,#fff)}
.cur-chip{font-size:10px;letter-spacing:.26em;font-weight:700}
.cur-meta h3{font-size:16px;font-weight:600;margin-top:10px;letter-spacing:-.01em;color:var(--ink)}
.cur-buy{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:14px}
.cur-price{font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.02em}
.cur-btn{display:inline-block;font:inherit;font-size:13px;font-weight:600;padding:10px 18px;border-radius:999px;border:1px solid var(--line);
  background:#fff;color:var(--ink);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.cur-btn:hover,.cur-it:hover .cur-btn{background:var(--ec,#2F7FD1);border-color:var(--ec,#2F7FD1);color:#fff}
.cur-it{cursor:pointer}
.cur-it.me{outline:2px solid #2F7FD1;outline-offset:0}
.cur-it.me:hover{outline-color:transparent}   /* 기운 보완 카드도 호버 중엔 오라가 테두리를 대신한다 */
.cur-it.me .cur-meta{background:#F3F8FD}
@media (max-width:1180px){.cur-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.cur-grid{grid-template-columns:repeat(2,1fr);gap:10px}.cur-meta{padding:16px 12px}
  .cur-buy{flex-direction:column;align-items:flex-start;gap:10px;margin-top:14px}.cur-mine{font-size:12px;padding:6px 11px}}