/* =================================================================
   숨터 — Maison Edition  ·  Quiet Bright Luxury
   크림 종이 + 금박 + 세리프 편집 타이포 + 유리 깊이 + 마스코트 "숨이"
   ================================================================= */
:root{
  /* paper */
  --paper:#FBF6EA;
  --paper-2:#FCF8EF;
  --paper-deep:#F2E8D2;
  --card:#FFFDF7;

  /* ink */
  --ink:#241A12;
  --ink-2:#5B4A38;
  --ink-3:#8C7A62;
  --line:rgba(36,26,18,.10);
  --line-2:rgba(36,26,18,.16);

  /* gold foil (밝은 럭셔리의 핵심) */
  --gold:#B08327;
  --gold-2:#E6C879;
  --gold-3:#9A6F1E;
  --gold-grad:linear-gradient(135deg,#E6C879 0%,#B08327 48%,#8C5E18 100%);
  --gold-text:linear-gradient(100deg,#9A6F1E 0%,#D8B056 42%,#8C5E18 90%);

  /* warm signature (클로드 테마 계승) */
  --terra:#C8563C;
  --terra-d:#A23E27;

  /* editorial jewel accents (절제하여 사용) */
  --sage:#6E8C5E;
  --plum:#7A4F62;
  --sky:#5E83A6;
  --rose:#D2918A;

  --shadow-s:0 1px 0 rgba(36,26,18,.04), 0 8px 22px rgba(76,55,28,.07);
  --shadow-m:0 2px 0 rgba(36,26,18,.05), 0 18px 44px rgba(76,55,28,.12);
  --shadow-l:0 3px 0 rgba(36,26,18,.06), 0 34px 80px rgba(76,55,28,.18);
  --shadow-gold:0 18px 50px rgba(176,131,39,.20);

  --r-s:14px; --r-m:20px; --r-l:28px; --r-xl:36px;
  --max:1180px;
  --ease:cubic-bezier(.2,.8,.2,1);

  /* 본문/UI 기본 글꼴: Pretendard (한글 가독성이 좋은 모던 산세리프) */
  --sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Segoe UI",sans-serif;
  /* 과거 세리프(기울임) 강조용 변수 — 기울임/세리프 대신 동일 글꼴로 통일해 단정하게 */
  --serif:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Segoe UI",sans-serif;
  /* 강조 라벨(소제목 위 작은 글씨) 공통 스타일 토큰 */
  --label-spacing:.14em;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;min-width:320px;color:var(--ink);
  font-family:var(--sans);
  letter-spacing:-.022em;word-break:keep-all;line-height:1.6;
  background:
    radial-gradient(900px 520px at 12% -8%, rgba(230,200,121,.20), transparent 60%),
    radial-gradient(760px 540px at 92% 4%, rgba(200,86,60,.07), transparent 55%),
    radial-gradient(900px 700px at 70% 96%, rgba(110,140,94,.06), transparent 60%),
    linear-gradient(180deg,#FCF8EF 0%, #FBF6EA 42%, #FAF3E4 100%);
  overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
/* paper grain — 아주 미세하게 */
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(36,26,18,.05) .6px, transparent .6px);
  background-size:3.4px 3.4px;mix-blend-mode:multiply;
}
/* 상단 금빛 비네팅 */
body::after{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.6;
  background:radial-gradient(1200px 360px at 50% -120px, rgba(230,200,121,.18), transparent 70%);
}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
img{max-width:100%;display:block}
.wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}

/* 외부 웹폰트 의존 제거: 폰트 깜빡임과 첫 화면 지연을 줄입니다 */
.ti{display:inline-grid;place-items:center;font-style:normal;line-height:1}
.ti::before{content:"✦";font-size:.88em}


/* ===== scroll progress ===== */
.scroll-progress{position:fixed;top:0;left:0;height:2.5px;width:100%;z-index:1000;
  transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,var(--gold-3),var(--gold-2),var(--terra));
  box-shadow:0 0 18px rgba(176,131,39,.45)}

/* ===== cursor halo ===== */
.cursor-halo{position:fixed;left:0;top:0;width:340px;height:340px;margin:-170px 0 0 -170px;
  z-index:1;pointer-events:none;border-radius:999px;opacity:0;transition:opacity .4s ease;
  background:radial-gradient(circle, rgba(230,200,121,.16), rgba(200,86,60,.05) 38%, transparent 66%);
  mix-blend-mode:multiply}

/* ===== masthead ===== */
.masthead{position:sticky;top:0;z-index:100;
  background:rgba(251,246,234,.78);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);
  border-bottom:1px solid var(--line)}
.masthead::after{content:"";display:block;height:2px;
  background:linear-gradient(90deg,transparent,rgba(176,131,39,.5),transparent)}
.masthead-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:inline-flex;align-items:center;gap:11px}
.brand-logo{display:block;height:30px;width:auto;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(76,55,28,.12))}
.brand-mascot{width:34px;height:34px;flex-shrink:0;filter:drop-shadow(0 3px 6px rgba(76,55,28,.16))}
.brand-name{font-size:19px;font-weight:800;letter-spacing:-.04em;display:flex;align-items:baseline;gap:1px}
.brand-name em{font-style:normal;color:var(--terra)}
.brand-tag{font-family:var(--serif);font-style:normal;font-size:12px;color:var(--ink-3);
  padding-left:13px;margin-left:2px;border-left:1px solid var(--line-2);white-space:nowrap}
.nav{display:flex;align-items:center;gap:4px}
.nav a{position:relative;padding:8px 13px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--ink-2);
  transition:color .2s,background .2s}
.nav a:hover,.nav a.is-active{color:var(--ink);background:rgba(255,253,247,.9);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-s)}
.nav a.is-active::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;border-radius:2px;background:var(--gold-grad)}
.issue-tag{font-family:var(--serif);font-style:normal;font-size:12px;color:var(--gold-3);
  display:inline-flex;align-items:center;gap:8px;letter-spacing:0}
.issue-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--terra);animation:pulse 2s var(--ease) infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}

.mast-actions{display:flex;align-items:center;gap:12px;min-width:0}
.member-nav{display:flex;align-items:center;gap:6px;white-space:nowrap}
.member-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;
  font-size:12.5px;font-weight:800;color:var(--ink-2);background:rgba(255,253,247,.72);
  box-shadow:inset 0 0 0 1px var(--line);transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease),color .22s}
.member-link:hover{transform:translateY(-1px);color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--gold),var(--shadow-s)}
.member-link.join{color:#fff;background:linear-gradient(135deg,var(--terra),var(--terra-d));box-shadow:0 10px 24px rgba(200,86,60,.22)}
.member-link.join:hover{box-shadow:0 14px 32px rgba(200,86,60,.30)}
@media(max-width:1040px){.issue-tag{display:none}}
@media(max-width:780px){.brand-tag,.nav{display:none}.masthead-inner{gap:10px}.member-link{padding:0 10px;font-size:12px}.member-link.join{display:none}}

/* ===== reveal ===== */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}

/* ===== spotlight + tilt ===== */
.spotlight{position:relative;isolation:isolate;overflow:hidden}
.spotlight::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s ease;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), rgba(230,200,121,.30), transparent 60%)}
.spotlight:hover::before{opacity:1}
[data-tilt]{transition:transform .4s var(--ease),box-shadow .4s var(--ease);transform-style:preserve-3d;will-change:transform}

/* ===== hero ===== */
.hero{padding:54px 0 40px;position:relative}
.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:48px;align-items:center}
.hero-copy{position:relative}
.hero-title-orbit{position:absolute;right:3%;top:76px;width:118px;height:118px;border-radius:50%;pointer-events:none;
  border:1px dashed rgba(105,86,61,.24);opacity:.9;animation:spinSlow 19s linear infinite;
  filter:drop-shadow(0 12px 28px rgba(176,131,39,.10))}
.hero-title-orbit::before,.hero-title-orbit::after{content:"";position:absolute;border-radius:50%;box-shadow:0 8px 20px rgba(200,86,60,.18)}
.hero-title-orbit::before{width:13px;height:13px;left:10px;top:12px;background:linear-gradient(135deg,var(--terra),var(--gold-2))}
.hero-title-orbit::after{width:9px;height:9px;right:12px;bottom:15px;background:var(--sage)}
@keyframes spinSlow{to{transform:rotate(360deg)}}
@media(max-width:980px){.hero-title-orbit{right:1%;top:70px;width:92px;height:92px;opacity:.55}}
@media(max-width:640px){.hero-title-orbit{display:none}}
.hero-eyebrow{font-family:var(--serif);font-style:normal;font-size:15px;color:var(--gold-3);margin:0 0 18px;
  display:inline-flex;align-items:center;gap:12px;letter-spacing:.01em}
.hero-eyebrow::before{content:"";width:30px;height:1.5px;background:var(--gold-grad)}
.hero-title{margin:0;font-size:clamp(46px,7.4vw,86px);font-weight:900;line-height:.98;letter-spacing:-.05em;color:var(--ink)}
.hero-title .foil{background:var(--gold-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  position:relative}
.hero-title .terra{color:var(--terra)}
.hero-title .terra::after{content:"";position:absolute;left:50%;top:-.42em;transform:translateX(-50%);
  width:.16em;height:.16em;border-radius:50%;background:var(--terra)}
.hero-title .ul{position:relative;display:inline-block}
.hero-title .ul::after{content:"";position:absolute;left:-1%;right:-1%;bottom:.1em;height:.22em;z-index:-1;
  background:linear-gradient(90deg,rgba(230,200,121,.7),rgba(230,200,121,.25));border-radius:3px}
.hero-sub{margin:30px 0 0;max-width:440px;font-size:16px;line-height:1.78;color:var(--ink-2);font-weight:500}
.hero-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:9px;height:52px;padding:0 26px;border-radius:999px;
  font-size:14.5px;font-weight:700;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s}
.btn .ar{transition:transform .3s var(--ease)}
.btn:hover .ar{transform:translate(3px,-3px)}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--terra),var(--terra-d));
  box-shadow:0 12px 30px rgba(200,86,60,.32),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(200,86,60,.4),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-ghost{color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2),var(--shadow-s)}
.btn-ghost:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--gold),var(--shadow-m)}
.hero-metrics{margin-top:40px;display:flex;gap:34px;flex-wrap:wrap}
.hm{display:flex;flex-direction:column}
.hm b{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1;color:var(--ink);letter-spacing:-.01em}
.hm b em{font-style:normal;color:var(--gold-3)}
.hm span{margin-top:7px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--ink-3)}
.hm + .hm{padding-left:34px;border-left:1px solid var(--line)}

/* hero spotlight card */
.hero-card{position:relative;background:var(--card);border-radius:var(--r-xl);padding:30px;
  box-shadow:var(--shadow-l);border:1px solid var(--line)}
.hero-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  border:1px solid transparent;background:var(--gold-grad) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}
.hero-card-tag{font-family:var(--serif);font-style:normal;font-size:13px;color:var(--gold-3);display:flex;align-items:center;gap:8px}
.hero-card-tag .star{color:var(--terra)}
.hero-photo{margin:18px 0;aspect-ratio:5/4;border-radius:var(--r-l);position:relative;overflow:hidden;
  display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),var(--shadow-s);
  background:linear-gradient(150deg,var(--c-light,#D8EFE6),var(--c-accent,#0F6E56))}
.hero-photo svg{width:46%;height:46%;filter:drop-shadow(0 6px 12px rgba(0,0,0,.18))}
.hero-photo .tape{position:absolute;top:-9px;left:50%;transform:translateX(-50%);
  width:96px;height:26px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(230,200,121,.5));
  border:1px solid rgba(255,255,255,.4);box-shadow:0 3px 8px rgba(76,55,28,.16)}
.hero-card-name{font-size:18px;font-weight:800;letter-spacing:-.03em;margin:0 0 4px}
.hero-card-meta{font-size:13px;color:var(--ink-3);margin:0}
.hero-card-foot{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line-2);
  display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--gold-3)}

@media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:34px}.hero-card{max-width:440px}}

/* ===== double rule ===== */
.rule{height:0;border:none;margin:6px auto;width:min(var(--max),calc(100% - 40px));
  border-top:1px solid var(--line-2);position:relative}
.rule::before{content:"";position:absolute;left:0;right:0;top:3px;border-top:1px solid var(--line)}
.rule .mk{position:absolute;left:50%;top:-15px;transform:translateX(-50%);width:30px;height:30px;
  background:var(--paper);display:grid;place-items:center}
.rule .mk svg{width:24px;height:24px}

/* ===== section common ===== */
.section{padding:74px 0}
.sec-head{margin-bottom:40px}
.sec-num{font-family:var(--serif);font-style:normal;font-size:14px;color:var(--gold-3);margin:0 0 14px;letter-spacing:.04em}
.sec-title{margin:0;font-size:clamp(30px,4.4vw,46px);font-weight:900;line-height:1.04;letter-spacing:-.045em}
.sec-title em{font-style:normal;background:var(--gold-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sec-lead{margin:18px 0 0;max-width:540px;font-size:15px;line-height:1.75;color:var(--ink-2);font-weight:500}

/* ===== TOP5 ===== */
.picks-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:36px}
.picks-badge{display:flex;align-items:center;gap:16px}
.picks-badge .n{font-family:var(--serif);font-size:62px;font-weight:500;line-height:.8;color:var(--ink)}
.picks-badge .n em{font-style:normal;background:var(--gold-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.picks-badge .side p{margin:0;font-size:12.5px;font-weight:700}
.picks-badge .side p:first-child{font-family:var(--serif);font-style:normal;color:var(--gold-3);font-weight:500;font-size:15px}
.picks-note{font-family:var(--serif);font-style:normal;font-size:13.5px;color:var(--ink-3);text-align:right;max-width:260px}

/* 보드: 단일 그리드 — pos-0(가로 전체, featured) + pos-1~4(2x2) */
.pick-board{display:grid;grid-template-columns:1fr 1fr;gap:16px;
  grid-template-areas:"f f" "a b" "c d"}
/* 픽 개수별 그리드 보정 (5개 미만이어도 빈칸 없이) */
.pick-board[data-count="1"]{grid-template-columns:1fr;grid-template-areas:"f"}
.pick-board[data-count="2"]{grid-template-columns:1fr;grid-template-areas:"f" "a"}
.pick-board[data-count="3"]{grid-template-columns:1fr 1fr;grid-template-areas:"f f" "a b"}
.pick-board[data-count="4"]{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"f f f" "a b c"}
.pcardx{position:relative;overflow:hidden;border-radius:var(--r-l);text-decoration:none;display:flex;flex-direction:column;
  will-change:transform;transition:box-shadow .45s var(--ease)}
/* 위치별 grid-area 배치 */
.pcardx.pos-0{grid-area:f}
.pcardx.pos-1{grid-area:a}
.pcardx.pos-2{grid-area:b}
.pcardx.pos-3{grid-area:c}
.pcardx.pos-4{grid-area:d}
@media(max-width:680px){
  .pick-board{grid-template-columns:1fr;grid-template-areas:"f" "a" "b" "c" "d"}
}

.pcardx .mark{position:absolute;font-family:var(--serif);font-style:normal;font-weight:500;line-height:1;
  pointer-events:none;z-index:0;transition:font-size .55s var(--ease)}
.pcardx .badge-soomi{position:absolute;z-index:2;display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.9);box-shadow:0 6px 16px rgba(36,26,18,.16);transition:width .5s var(--ease),height .5s var(--ease)}
.pcardx .pc-rank{position:relative;z-index:2;font-weight:800;letter-spacing:.12em;font-size:12px}
.pc-cat{position:relative;z-index:2;font-size:12px;font-weight:700;letter-spacing:.02em;margin:0}
.pc-title{position:relative;z-index:2;font-weight:800;letter-spacing:-.035em;margin:0;line-height:1.24;transition:font-size .5s var(--ease)}
.pc-meta{position:relative;z-index:2;font-size:12.5px;margin:0}
.pc-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}
.pc-name{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.pc-name .cdot{width:8px;height:8px;border-radius:50%;background:var(--c-accent,#B08327)}
.pc-arrow{display:grid;place-items:center;border-radius:50%;transition:transform .3s var(--ease),width .5s var(--ease),height .5s var(--ease)}
.pcardx:hover .pc-arrow{transform:translateX(3px)}
.pc-inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column}

/* ===== pos-0 = featured (큰 카드, 어두운 시그니처 바탕 + 금빛 코너) ===== */
.pcardx.pos-0{color:#fff;min-height:248px;padding:30px 32px;
  background:linear-gradient(150deg,color-mix(in srgb,var(--c-accent,#0F6E56) 88%, #120c06),color-mix(in srgb,var(--c-accent,#0F6E56) 40%, #1a1208));
  box-shadow:var(--shadow-l)}
.pcardx.pos-0 .pc-inner{justify-content:space-between}
.pcardx.pos-0::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(520px circle at var(--mx,82%) var(--my,4%), rgba(255,255,255,.16), transparent 55%),
            radial-gradient(circle at 100% 0%, rgba(230,200,121,.46), transparent 44%)}
.pcardx.pos-0 .mark{right:-10px;bottom:-46px;font-size:200px;color:rgba(255,255,255,.10)}
.pcardx.pos-0 .badge-soomi{top:24px;right:26px;width:48px;height:48px}
.pcardx.pos-0 .badge-soomi svg{width:30px;height:30px}
.pcardx.pos-0 .pc-rank{color:var(--gold-2)}
.pcardx.pos-0 .pc-cat{margin-bottom:10px;opacity:.86;text-transform:uppercase;letter-spacing:.08em}
.pcardx.pos-0 .pc-title{font-size:clamp(22px,2.6vw,28px);text-shadow:0 2px 14px rgba(0,0,0,.2)}
.pcardx.pos-0 .pc-meta{margin-top:8px;color:rgba(255,255,255,.78)}
.pcardx.pos-0 .pc-foot{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.pcardx.pos-0 .pc-name{color:#fff}
.pcardx.pos-0 .pc-name .cdot{background:var(--gold-2);box-shadow:0 0 10px var(--gold-2)}
.pcardx.pos-0 .pc-arrow{width:42px;height:42px;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24)}

/* ===== pos-1~4 = mini (밝은 종이 카드) ===== */
.pcardx.pos-1,.pcardx.pos-2,.pcardx.pos-3,.pcardx.pos-4{
  background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-s);
  min-height:212px;padding:22px 22px 20px}
.pcardx.pos-1::after,.pcardx.pos-2::after,.pcardx.pos-3::after,.pcardx.pos-4::after{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;
  background:linear-gradient(90deg,var(--c-accent,#B08327),transparent 80%)}
.pcardx.pos-1 .mark,.pcardx.pos-2 .mark,.pcardx.pos-3 .mark,.pcardx.pos-4 .mark{
  right:-6px;bottom:-30px;font-size:120px;color:color-mix(in srgb,var(--c-accent,#B08327) 8%, transparent)}
.pcardx.pos-1 .badge-soomi,.pcardx.pos-2 .badge-soomi,.pcardx.pos-3 .badge-soomi,.pcardx.pos-4 .badge-soomi{
  top:20px;right:20px;width:40px;height:40px}
.pcardx.pos-1 .badge-soomi svg,.pcardx.pos-2 .badge-soomi svg,.pcardx.pos-3 .badge-soomi svg,.pcardx.pos-4 .badge-soomi svg{width:25px;height:25px}
.pcardx.pos-1 .pc-rank,.pcardx.pos-2 .pc-rank,.pcardx.pos-3 .pc-rank,.pcardx.pos-4 .pc-rank{color:var(--c-accent,#B08327)}
.pcardx.pos-1 .pc-cat,.pcardx.pos-2 .pc-cat,.pcardx.pos-3 .pc-cat,.pcardx.pos-4 .pc-cat{color:var(--ink-3);margin:14px 0 7px}
.pcardx.pos-1 .pc-title,.pcardx.pos-2 .pc-title,.pcardx.pos-3 .pc-title,.pcardx.pos-4 .pc-title{font-size:16.5px;color:var(--ink)}
.pcardx.pos-1 .pc-meta,.pcardx.pos-2 .pc-meta,.pcardx.pos-3 .pc-meta,.pcardx.pos-4 .pc-meta{margin-top:auto;padding-top:12px;color:var(--ink-3)}
.pcardx.pos-1 .pc-foot,.pcardx.pos-2 .pc-foot,.pcardx.pos-3 .pc-foot,.pcardx.pos-4 .pc-foot{margin-top:14px}
.pcardx.pos-1 .pc-name,.pcardx.pos-2 .pc-name,.pcardx.pos-3 .pc-name,.pcardx.pos-4 .pc-name{color:var(--ink-2);font-size:13px}
.pcardx.pos-1 .pc-arrow,.pcardx.pos-2 .pc-arrow,.pcardx.pos-3 .pc-arrow,.pcardx.pos-4 .pc-arrow{
  width:34px;height:34px;color:#fff;font-size:15px;
  background:linear-gradient(135deg,var(--c-accent,#B08327),color-mix(in srgb,var(--c-accent,#B08327) 60%, #6a4a12))}

/* FLIP 이동 중에만 transform transition 활성화 — 길고 완만하게 (은은한 스르륵) */
.pcardx.flipping{transition:transform 1.05s cubic-bezier(.25,.1,.25,1),min-height 1.05s cubic-bezier(.25,.1,.25,1),padding 1.05s cubic-bezier(.25,.1,.25,1),opacity 1.05s ease,box-shadow .6s var(--ease);z-index:5}
@media(prefers-reduced-motion:reduce){
  .pcardx,.pcardx.flipping{transition:none!important}
  .pcardx .mark,.pcardx .pc-title,.pcardx .pc-arrow,.pcardx .badge-soomi{transition:none!important}
}

/* ===== PERSONA band ===== */
.persona-band{position:relative;background:
   radial-gradient(700px 400px at 85% 10%, rgba(210,145,138,.18), transparent 60%),
   linear-gradient(180deg,#FDF3E8,#FBEFE2);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.persona-band::before{content:"";position:absolute;right:-60px;top:30px;width:200px;height:200px;opacity:.5;
  background:radial-gradient(circle,rgba(230,200,121,.4),transparent 65%);pointer-events:none}
.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:820px){.persona-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.persona-grid{grid-template-columns:1fr}}
.pcard{position:relative;background:var(--card);border-radius:var(--r-l);padding:26px;border:1px solid var(--line);
  box-shadow:var(--shadow-s);transition:transform .4s var(--ease),box-shadow .4s var(--ease);overflow:hidden;min-height:190px;
  display:flex;flex-direction:column}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
.pcard::after{content:"";position:absolute;top:0;right:0;width:64px;height:64px;
  background:radial-gradient(circle at 100% 0,var(--pc,rgba(230,200,121,.5)),transparent 70%);opacity:.6}
.pcard-label{font-family:var(--serif);font-style:normal;font-size:13px;color:var(--gold-3)}
.pcard-mascot{width:40px;height:40px;margin:10px 0 14px;filter:drop-shadow(0 4px 8px rgba(76,55,28,.14))}
.pcard-q{font-size:17px;font-weight:800;letter-spacing:-.03em;line-height:1.34;margin:0 0 8px}
.pcard-d{font-size:13px;color:var(--ink-2);line-height:1.6;margin:0;flex:1}
.pcard-foot{margin-top:16px;display:flex;align-items:center;justify-content:space-between}
.pcard-cnt{font-size:12.5px;color:var(--ink-3);font-weight:600}
.pcard-cnt em{font-family:var(--serif);font-style:normal;font-size:16px;color:var(--ink);font-weight:500}
.pcard-arrow{font-size:16px;color:var(--ink-3);transition:transform .3s var(--ease),color .3s}
.pcard:hover .pcard-arrow{transform:translateX(4px);color:var(--terra)}

/* ===== TOPICS index ===== */
.topics-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.topics-tally{text-align:right}
.topics-tally em{font-family:var(--serif);font-style:normal;font-size:40px;color:var(--gold-3);font-weight:500;display:block;line-height:1}
.topics-tally span{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:880px){.topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.topic-grid{grid-template-columns:1fr}}
.tcell{position:relative;background:var(--card);border-radius:var(--r-m);padding:22px;border:1px solid var(--line);
  box-shadow:var(--shadow-s);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;
  min-height:160px;display:flex;flex-direction:column;overflow:hidden;--tc:var(--gold)}
/* 카드 뒤에 비치는 큰 주제 단어 (우측 정렬) */
.tcell::before{content:attr(data-word);position:absolute;right:-4px;bottom:-16px;z-index:0;pointer-events:none;
  font-weight:900;font-size:88px;line-height:.78;letter-spacing:-.08em;white-space:nowrap;text-align:right;
  color:color-mix(in srgb,var(--tc) 17%, transparent);
  -webkit-mask-image:linear-gradient(235deg,#000 38%,transparent 92%);mask-image:linear-gradient(235deg,#000 38%,transparent 92%);
  transition:color .4s var(--ease),transform .5s var(--ease)}
.tcell:hover{transform:translateY(-5px);box-shadow:var(--shadow-m);border-color:color-mix(in srgb,var(--tc) 40%,var(--line))}
.tcell:hover::before{color:color-mix(in srgb,var(--tc) 28%, transparent);transform:translateX(-3px) scale(1.05)}
.tcell > *{position:relative;z-index:1}
.tcell-num{font-family:var(--serif);font-style:normal;font-size:14px;color:var(--ink-3)}
.tcell-icon{margin:8px 0 12px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--tc) 14%, var(--card));color:var(--tc);font-size:21px;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 26%,transparent)}
.tcell-name{font-size:16px;font-weight:800;letter-spacing:-.03em;margin:0 0 6px}
.tcell-pain{font-size:12.5px;color:var(--ink-2);line-height:1.55;margin:0;flex:1}
.tcell-cnt{margin-top:14px;font-size:12px;color:var(--ink-3);font-weight:600}
.tcell-cnt em{font-family:var(--serif);font-style:normal;font-size:15px;color:var(--tc);font-weight:500}

/* ===== CLUSTERS / VS ===== */
.clusters{position:relative;background:linear-gradient(180deg,#FBF4E6,#FAF2E1);border-top:1px solid var(--line)}
.cl-list{display:flex;flex-direction:column;gap:20px}
.cl-card{position:relative;background:var(--card);border-radius:var(--r-l);padding:30px 32px;border:1px solid var(--line);
  box-shadow:var(--shadow-s);transition:transform .4s var(--ease),box-shadow .4s var(--ease);overflow:hidden}
.cl-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-m)}
.cl-card .vs{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-family:var(--serif);font-style:normal;
  font-size:96px;font-weight:500;line-height:1;color:transparent;background:var(--gold-text);-webkit-background-clip:text;background-clip:text;opacity:.5;pointer-events:none}
.cl-num{font-family:var(--serif);font-style:normal;font-size:13.5px;color:var(--gold-3);margin:0 0 8px}
.cl-title{font-size:21px;font-weight:900;letter-spacing:-.04em;margin:0 0 10px}
.cl-diff{font-size:14px;color:var(--ink-2);line-height:1.65;margin:0 0 16px;max-width:640px}
.cl-chips{display:flex;flex-wrap:wrap;gap:8px}
.cl-chip{font-size:12.5px;font-weight:700;color:var(--ink-2);background:var(--paper-2);
  padding:7px 14px;border-radius:999px;border:1px solid var(--line-2);transition:.25s}
.cl-card:hover .cl-chip{border-color:var(--gold)}

/* ===== editorial note ===== */
.editor{position:relative;margin-top:10px;color:#F4E9D2;overflow:hidden;
  background:radial-gradient(700px 400px at 80% -10%, rgba(176,131,39,.4), transparent 60%),
            linear-gradient(160deg,#2A1E12,#1B130B)}
.editor .wrap{padding:74px 0 60px;position:relative}
.editor-tag{font-family:var(--serif);font-style:normal;font-size:14px;color:var(--gold-2);margin:0 0 18px}
.editor h3{font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.18;letter-spacing:-.04em;margin:0 0 20px;max-width:620px}
.editor h3 em{font-style:normal;background:linear-gradient(100deg,#E6C879,#B08327);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.editor p{max-width:560px;font-size:15px;line-height:1.8;color:#CDBD9E;margin:0 0 12px}
.editor-mascot{position:absolute;right:6px;bottom:30px;width:120px;height:120px;opacity:.95;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.4));animation:float 6s var(--ease) infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.editor-foot{margin-top:40px;padding-top:22px;border-top:1px solid rgba(244,233,210,.16);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:#A6967A}
.editor-foot .l{font-family:var(--serif);font-style:normal;font-size:14px;color:var(--gold-2)}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
}

/* 픽이 하나도 없을 때 */
.picks-empty{padding:48px 24px;text-align:center;color:var(--ink-3);font-family:var(--serif);font-style:normal;font-size:16px}

/* =================================================================
   서브 페이지 (cafe / topic / persona / cluster) — Maison
   ================================================================= */

/* header back link */
.header-back{font-size:13.5px;font-weight:700;color:var(--ink-2);padding:8px 15px;border-radius:999px;
  background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-s);transition:.25s}
.header-back:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--gold),var(--shadow-m);transform:translateY(-1px)}
.mast-actions .header-back{white-space:nowrap}

/* breadcrumb */
.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--ink-3);
  padding:30px 0 6px;font-weight:600}
.crumb a{color:var(--ink-3);transition:color .2s}
.crumb a:hover{color:var(--terra)}
.crumb-sep{color:var(--ink-3);opacity:.5}
.crumb-current{color:var(--ink);font-weight:700}

/* ===== entry head (topic / persona / cluster 공통) ===== */
.entry-page{padding-bottom:30px}
.entry-head{position:relative;padding:34px 0 30px;margin-bottom:14px;overflow:hidden}
.entry-head-num-bg,.entry-head .entry-head-num-bg{position:absolute;right:-2%;top:50%;transform:translateY(-50%);
  font-weight:900;font-size:clamp(80px,16vw,180px);line-height:.8;letter-spacing:-.08em;white-space:nowrap;
  color:color-mix(in srgb,var(--gold) 12%, transparent);z-index:0;pointer-events:none;
  -webkit-mask-image:linear-gradient(235deg,#000 30%,transparent 88%);mask-image:linear-gradient(235deg,#000 30%,transparent 88%)}
.entry-head > *{position:relative;z-index:1}
.entry-head-icon{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:18px;margin-bottom:18px;
  background:var(--gold-grad);color:#fff;font-size:28px;box-shadow:var(--shadow-gold)}
.entry-head-icon svg{filter:drop-shadow(0 3px 6px rgba(0,0,0,.15))}
.entry-eyebrow{font-family:var(--serif);font-style:normal;font-size:14px;color:var(--gold-3);margin:0 0 14px;letter-spacing:.02em}
.entry-title{margin:0;font-size:clamp(34px,5.4vw,58px);font-weight:900;line-height:1.02;letter-spacing:-.05em;color:var(--ink)}
.entry-question{margin:0;font-size:clamp(28px,4.4vw,46px);font-weight:900;line-height:1.14;letter-spacing:-.045em;color:var(--ink);
  position:relative;padding-left:8px}
.entry-question::before{content:"“";position:absolute;left:-18px;top:-12px;font-family:var(--serif);font-style:normal;
  font-size:60px;color:color-mix(in srgb,var(--gold) 50%, transparent);line-height:1}
.entry-lede{margin:18px 0 0;max-width:640px;font-size:15.5px;line-height:1.78;color:var(--ink-2);font-weight:500}
.entry-count{margin:20px 0 0;font-size:13px;color:var(--ink-3);font-weight:600}
.entry-count em{font-family:var(--serif);font-style:normal;font-size:20px;color:var(--gold-3);font-weight:500;margin-right:2px}

/* cluster badge */
.cluster-badge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;background:var(--gold-grad);padding:6px 14px;border-radius:999px;margin-bottom:16px;box-shadow:var(--shadow-gold)}

/* ===== entry cafe cards (topic / persona) ===== */
.entry-cafes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}
@media(max-width:680px){.entry-cafes{grid-template-columns:1fr}}
.entry-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);
  padding:26px;box-shadow:var(--shadow-s);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
  overflow:hidden;display:flex;flex-direction:column;--card-accent:#B08327}
.entry-card::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;
  background:linear-gradient(90deg,var(--card-accent),transparent 80%)}
.entry-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-m);border-color:color-mix(in srgb,var(--card-accent) 40%,var(--line))}
.entry-card-num{font-family:var(--serif);font-style:normal;font-size:26px;font-weight:500;color:var(--card-accent);line-height:1}
.entry-card-cat{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--ink-3);margin:14px 0 6px}
.entry-card-name{margin:0 0 8px;font-size:21px;font-weight:800;letter-spacing:-.035em;color:var(--ink);line-height:1.2}
.entry-card-meta{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.6;flex:1}
.entry-card-foot{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line-2);display:flex;align-items:center;justify-content:space-between}
.entry-card-stats{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ink-3);font-weight:600}
.entry-card-arrow{font-size:18px;color:var(--ink-3);transition:transform .3s var(--ease),color .3s}
.entry-card:hover .entry-card-arrow{transform:translateX(4px);color:var(--card-accent)}

.entry-empty{padding:48px 24px;text-align:center;color:var(--ink-2);font-size:15px}
.entry-empty a{color:var(--terra);font-weight:700}

/* ===== cluster VS page ===== */
.cluster-divider{display:flex;justify-content:center;margin:30px 0 24px}
.vs-badge{font-family:var(--serif);font-style:normal;font-size:46px;font-weight:500;color:transparent;
  background:var(--gold-text);-webkit-background-clip:text;background-clip:text;
  width:84px;height:84px;display:grid;place-items:center;border-radius:50%;
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gold) 40%,transparent),var(--shadow-s);background-color:var(--card)}
.cluster-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:680px){.cluster-cards{grid-template-columns:1fr}}
.cluster-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);
  padding:28px;box-shadow:var(--shadow-s);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
  overflow:hidden;display:flex;flex-direction:column;min-height:200px;--card-accent:#B08327}
.cluster-card::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-accent),transparent 80%)}
.cluster-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-m);border-color:color-mix(in srgb,var(--card-accent) 40%,var(--line))}
.cluster-card.external{--card-accent:#94816A}
.cluster-card-label{font-family:var(--serif);font-style:normal;font-size:13px;color:var(--gold-3)}
.cluster-card.external .cluster-card-label{color:var(--ink-3)}
.cluster-card-cat{font-size:12px;font-weight:700;color:var(--ink-3);margin:12px 0 6px}
.cluster-card-name{margin:6px 0 8px;font-size:22px;font-weight:800;letter-spacing:-.04em;color:var(--ink);line-height:1.18}
.cluster-card-meta{margin:0;font-size:13px;color:var(--ink-2);line-height:1.55;flex:1}
.cluster-card-foot{margin-top:18px;padding-top:14px;border-top:1px dashed var(--line-2);display:flex;align-items:center;justify-content:space-between}
.cluster-card-stats{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ink-3);font-weight:600}
.cluster-card-arrow{font-size:18px;color:var(--ink-3);transition:transform .3s var(--ease),color .3s}
.cluster-card:hover .cluster-card-arrow{transform:translateX(4px);color:var(--card-accent)}

/* ===== cafe detail page ===== */
.cafe-page{padding-bottom:20px}
.cafe-hero{position:relative;padding:34px 0 24px;overflow:hidden}
.cafe-hero-num-bg{position:absolute;right:-1%;top:-10px;font-weight:900;font-size:clamp(90px,18vw,200px);
  line-height:.8;letter-spacing:-.08em;color:color-mix(in srgb,var(--accent,#C8563C) 12%,transparent);z-index:0;pointer-events:none;
  -webkit-mask-image:linear-gradient(235deg,#000 30%,transparent 86%);mask-image:linear-gradient(235deg,#000 30%,transparent 86%)}
.cafe-hero > *{position:relative;z-index:1}
.cafe-hero-eyebrow{font-family:var(--serif);font-style:normal;font-size:14px;color:var(--accent,#C8563C);margin:0 0 12px}
.cafe-hero-label{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:#fff;background:var(--accent,#C8563C);padding:5px 13px;border-radius:999px;margin-bottom:14px}
.cafe-hero-headline{margin:0;font-size:clamp(32px,5.2vw,56px);font-weight:900;line-height:1.04;letter-spacing:-.05em;color:var(--ink)}
.cafe-hero-name{margin:16px 0 0;font-size:16px;font-weight:600;color:var(--ink-2)}
.cafe-hero-split{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
@media(max-width:820px){.cafe-hero-split{grid-template-columns:1fr;gap:24px}}
.cafe-hero-bg{border-radius:var(--r-xl);padding:40px 36px;box-shadow:var(--shadow-m)}

/* polaroids */
.cafe-main-image,.cafe-hero-photo{margin:20px 0}
.polaroid-wide,.polaroid-big{position:relative;background:var(--card);padding:14px 14px 50px;border-radius:8px;
  box-shadow:var(--shadow-l);border:1px solid var(--line)}
.polaroid-wide img,.polaroid-big-img{width:100%;border-radius:4px;display:block;aspect-ratio:16/8;object-fit:cover;
  background:linear-gradient(135deg,var(--accent-light,#F4D2BB),var(--accent,#C8563C))}
.polaroid-big-img{aspect-ratio:5/4}
.polaroid-wide-tape,.polaroid-big-tape{position:absolute;top:-10px;left:50%;transform:translateX(-50%);
  width:110px;height:28px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(230,200,121,.5));
  border:1px solid rgba(255,255,255,.4);box-shadow:0 3px 8px rgba(76,55,28,.16)}
.polaroid-wide-cap,.polaroid-big-cap{position:absolute;left:0;right:0;bottom:16px;text-align:center;
  font-family:var(--serif);font-style:normal;font-size:15px;color:var(--ink-2)}

/* empathy */
.empathy{margin:24px 0;padding:28px 30px;background:var(--paper-2);border-radius:var(--r-l);
  border:1px solid var(--line);border-left:3px solid var(--accent,#C8563C)}
.empathy p{margin:0;font-size:16px;line-height:1.8;color:var(--ink);font-weight:500}

/* persona line + metrics */
.persona{margin:28px 0}
.persona-line{margin:0 0 6px;font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.persona-sub{margin:0 0 20px;font-size:14px;color:var(--ink-2);line-height:1.6}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:680px){.metrics{grid-template-columns:repeat(2,1fr)}}
.metric{background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);padding:18px 16px;box-shadow:var(--shadow-s);text-align:center}
.metric-label{margin:0 0 6px;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--ink-3)}
.metric-value{margin:0;font-family:var(--serif);font-size:22px;font-weight:500;color:var(--ink);letter-spacing:-.01em}

/* curation */
.curation{margin:36px 0}
.curation-title,.steps .curation-title{font-size:22px;font-weight:900;letter-spacing:-.04em;color:var(--ink);margin:0 0 20px;
  display:flex;align-items:center;gap:12px}
.curation-title::before{content:"";width:26px;height:2px;background:var(--gold-grad)}
.curation-list{display:flex;flex-direction:column;gap:14px}
.curation-item{display:flex;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);
  padding:20px 22px;box-shadow:var(--shadow-s);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.curation-item:hover{transform:translateX(4px);box-shadow:var(--shadow-m)}
.curation-badge{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;
  background:var(--gold-grad);color:#fff;font-family:var(--serif);font-style:normal;font-size:16px;font-weight:500;box-shadow:var(--shadow-gold)}
.curation-headline{margin:0 0 4px;font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.4}
.curation-item a:hover .curation-headline{color:var(--terra)}
.curation-desc{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.6}

/* operator quote (full-bleed dark) */
.quote-wrap{margin:40px 0;padding:56px 0;position:relative;overflow:hidden;
  background:radial-gradient(700px 360px at 80% -10%, rgba(176,131,39,.34), transparent 60%),linear-gradient(160deg,#2A1E12,#1B130B)}
.quote{max-width:760px;margin:0 auto;padding:0 26px;position:relative}
.quote-mark{position:absolute;left:6px;top:-40px;font-family:var(--serif);font-style:normal;font-size:120px;
  color:var(--gold-2);opacity:.3;line-height:1}
.quote-body{margin:0;font-size:clamp(20px,2.6vw,26px);font-weight:600;line-height:1.6;color:#F4E9D2;letter-spacing:-.02em}
.quote-author{display:flex;align-items:center;gap:14px;margin-top:26px}
.quote-avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;overflow:hidden;
  background:var(--gold-grad);color:#1B130B;font-weight:800;font-size:18px;flex-shrink:0;box-shadow:var(--shadow-gold)}
.quote-avatar img{width:100%;height:100%;object-fit:cover}
.quote-author-name{margin:0;font-size:15px;font-weight:800;color:#FFF8EA}
.quote-author-bio{margin:2px 0 0;font-size:12.5px;color:#C5B595}

/* signup steps */
.steps{margin:36px 0}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:780px){.steps-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.steps-grid{grid-template-columns:1fr}}
.step-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);
  padding:24px 20px;box-shadow:var(--shadow-s)}
.step-num{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;margin-bottom:14px;
  background:var(--gold-grad);color:#fff;font-family:var(--serif);font-style:normal;font-size:18px;font-weight:500;box-shadow:var(--shadow-gold)}
.step-title{margin:0 0 6px;font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.step-desc{margin:0;font-size:13px;color:var(--ink-2);line-height:1.6}

/* CTA */
.cta-block{margin:40px 0;text-align:center}
.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:58px;padding:0 36px;
  border-radius:999px;font-size:16px;font-weight:800;color:#fff;background:var(--accent,#C8563C);
  box-shadow:0 14px 34px color-mix(in srgb,var(--accent,#C8563C) 36%,transparent),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.cta-button:hover{transform:translateY(-3px);box-shadow:0 20px 44px color-mix(in srgb,var(--accent,#C8563C) 44%,transparent)}
.welcome-key{margin:18px auto 0;max-width:440px;font-size:13px;color:var(--ink-2);line-height:1.7}
.welcome-key code{font-family:var(--serif);font-style:normal;background:var(--paper-deep);padding:2px 9px;border-radius:6px;color:var(--gold-3);font-weight:600}

/* related chips */
.related{margin:36px 0 10px}
.related-eyebrow{font-family:var(--serif);font-style:normal;font-size:15px;color:var(--gold-3);margin:0 0 16px}
.related-chips{display:flex;flex-wrap:wrap;gap:10px}
.related-chip{display:inline-flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--line-2);
  border-radius:14px;padding:12px 18px;font-size:14px;font-weight:700;color:var(--ink);transition:.25s;box-shadow:var(--shadow-s)}
.related-chip:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow-m)}
.related-chip-meta{font-size:11.5px;font-weight:600;color:var(--ink-3)}

/* ===== simple footer ===== */
.footer-simple{margin-top:40px;padding:40px 0;border-top:1px solid var(--line);text-align:center;background:var(--paper-2)}
.footer-brand{display:inline-flex;align-items:center;gap:9px;font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin-bottom:12px}
.footer-brand em{font-style:normal;color:var(--terra)}
.footer-mascot{width:30px;height:30px}
.footer-roadmap{margin:0 0 6px;font-family:var(--serif);font-style:normal;font-size:14px;color:var(--gold-3)}
.footer-bottom{margin:0;font-size:12.5px;color:var(--ink-3)}

/* 404 등 단순 페이지 */
.soomter-maison h1{font-family:var(--sans)}


/* ===== member auth pages ===== */
.auth-wrap{padding:54px 0 72px;min-height:calc(100vh - 64px)}
.auth-card{width:min(520px,100%);margin:0 auto;background:rgba(255,253,247,.92);border:1px solid var(--line);
  border-radius:var(--r-xl);padding:34px;box-shadow:var(--shadow-l);position:relative;overflow:hidden}
.auth-card::before{content:"";position:absolute;right:-70px;top:-80px;width:190px;height:190px;border-radius:50%;
  background:radial-gradient(circle,rgba(230,200,121,.28),transparent 68%)}
.auth-kicker{margin:0 0 8px;font-family:var(--serif);font-style:normal;color:var(--gold-3);font-size:14px}
.auth-title{margin:0;font-size:34px;font-weight:900;line-height:1.08;letter-spacing:-.05em;color:var(--ink)}
.auth-lead{margin:14px 0 26px;color:var(--ink-2);font-size:14.5px;line-height:1.7}
.auth-form{display:flex;flex-direction:column;gap:14px}
.auth-field label{display:block;margin:0 0 7px;font-size:12.5px;font-weight:800;color:var(--ink-3)}
.auth-input{width:100%;height:48px;border:1px solid var(--line-2);border-radius:14px;background:#fff;color:var(--ink);
  padding:0 14px;font:inherit;font-size:14.5px;outline:none;transition:border-color .2s,box-shadow .2s}
.auth-input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(230,200,121,.18)}
.auth-help{margin:6px 0 0;font-size:12px;color:var(--ink-3);line-height:1.5}
.auth-submit{height:52px;border:0;border-radius:999px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--terra),var(--terra-d));
  font:inherit;font-weight:900;box-shadow:0 14px 32px rgba(200,86,60,.28);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.auth-submit:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(200,86,60,.36)}
.auth-alert{margin:0 0 18px;padding:12px 14px;border-radius:16px;font-size:13.5px;line-height:1.6;border:1px solid var(--line)}
.auth-alert.err{background:#FFF4F0;color:#7A2F1E;border-color:rgba(200,86,60,.22)}
.auth-alert.ok{background:#F3FAEF;color:#3F6B32;border-color:rgba(110,140,94,.24)}
.auth-switch{margin:20px 0 0;text-align:center;font-size:13.5px;color:var(--ink-3)}
.auth-switch a{font-weight:900;color:var(--terra)}
.auth-mini-links{margin:16px 0 0;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;color:var(--ink-3)}
.auth-mini-links a{font-weight:900;color:var(--ink-2)}
.auth-mini-links a:hover{color:var(--terra)}
.auth-match{min-height:18px}
.auth-match.err{color:#A23E27;font-weight:800}
.auth-match.ok{color:#3F6B32;font-weight:800}
.captcha-row{display:flex;gap:10px;align-items:center}
.captcha-question{min-width:104px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--paper-deep);border:1px solid var(--line-2);font-weight:900;color:var(--gold-3);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.captcha-input{max-width:160px;text-align:center}
.found-list{margin:10px 0 0;padding:0;list-style:none}
.found-list li{padding:7px 0;border-top:1px dashed rgba(36,26,18,.12);font-weight:900;color:var(--ink)}
.found-list span{margin-left:6px;font-size:12px;color:var(--ink-3);font-weight:700}
.member-panel{padding:52px 0 74px}
.member-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:34px;box-shadow:var(--shadow-l)}
.member-card h1{margin:0;font-size:36px;font-weight:900;letter-spacing:-.05em;line-height:1.12}
.member-card p{color:var(--ink-2)}
.member-next{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.member-next div{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-m);padding:20px}
.member-next b{display:block;margin-bottom:6px;color:var(--ink)}
@media(max-width:720px){.auth-card,.member-card{padding:26px 20px;border-radius:26px}.member-next{grid-template-columns:1fr}.auth-title,.member-card h1{font-size:30px}}

/* ===== My Soomter v6 ===== */
.my-wrap{padding:44px 0 78px}
.my-alert{width:min(820px,100%);margin:0 auto 18px}
.my-kicker{margin:0 0 10px;font-family:var(--sans);font-size:11.5px;font-weight:800;color:var(--gold-3);text-transform:uppercase;letter-spacing:var(--label-spacing)}
.my-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:stretch;margin-bottom:22px}
.my-hero-copy,.my-level-card,.my-card{position:relative;overflow:hidden;background:rgba(255,253,247,.88);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-m)}
.my-hero-copy{padding:38px 40px;background:
  radial-gradient(360px 220px at 90% 5%,rgba(230,200,121,.22),transparent 70%),
  radial-gradient(420px 240px at 5% 90%,rgba(110,140,94,.12),transparent 70%),rgba(255,253,247,.9)}
.my-hero-copy h1{margin:0;font-size:clamp(32px,4.4vw,52px);line-height:1.04;font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.my-hero-copy p:not(.my-kicker){max-width:540px;margin:18px 0 0;color:var(--ink-2);font-size:15.5px;line-height:1.75}
.my-level-card{padding:28px;display:flex;flex-direction:column;justify-content:center;gap:18px;background:linear-gradient(145deg,#fffdf7,#fbf1dc)}
.my-level-card::after{content:"";position:absolute;right:-42px;top:-48px;width:150px;height:150px;border-radius:50%;border:1px dashed rgba(176,131,39,.32);animation:spinSlow 20s linear infinite;opacity:.8}
.my-level-top{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.my-level-emoji{display:grid;place-items:center;width:58px;height:58px;border-radius:22px;background:var(--paper-deep);box-shadow:inset 0 0 0 1px var(--line);font-size:28px}
.my-level-top b{display:block;font-size:22px;letter-spacing:-.04em}.my-level-top span:not(.my-level-emoji){display:block;color:var(--ink-3);font-size:13px;font-weight:800}
.my-progress{height:12px;border-radius:999px;background:rgba(36,26,18,.08);overflow:hidden;box-shadow:inset 0 1px 2px rgba(36,26,18,.08);position:relative;z-index:1}
.my-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--terra),var(--gold-2));box-shadow:0 0 18px rgba(200,86,60,.22)}
.my-progress-copy{margin:0;color:var(--ink-3);font-size:13px;font-weight:800;position:relative;z-index:1}
.my-grid{display:grid;gap:18px;margin-bottom:18px}.top-grid{grid-template-columns:1.1fr 1fr 1fr}.content-grid,.lower-grid{grid-template-columns:1fr 1fr}
.my-card{padding:26px;display:flex;flex-direction:column}.my-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.my-card-head strong{font-size:22px;letter-spacing:-.04em;line-height:1.18}.my-card-copy{margin:0 0 16px;color:var(--ink-2);font-size:14px;font-weight:700}
.stamp-week{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:16px 0}.stamp-day{min-height:58px;border:1px solid var(--line);border-radius:16px;background:var(--paper-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ink-3)}.stamp-day span{font-size:10.5px;font-weight:800}.stamp-day b{font-size:18px;line-height:1}.stamp-day.on{background:#fff;border-color:rgba(176,131,39,.42);color:var(--gold-3);box-shadow:var(--shadow-s)}.stamp-day.today{box-shadow:inset 0 0 0 2px rgba(200,86,60,.20)}
.checkin-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.checkin-form select,.checkin-form button,.request-form input,.request-form textarea{font:inherit}.checkin-form select{flex:1 1 150px;min-height:44px;border:1px solid var(--line-2);border-radius:14px;background:#fff;padding:0 12px;color:var(--ink-2)}.checkin-form button,.request-form button{border:0;border-radius:999px;background:linear-gradient(135deg,var(--terra),var(--terra-d));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(200,86,60,.22);transition:transform .22s var(--ease),box-shadow .22s}.checkin-form button{min-height:44px;padding:0 18px}.checkin-form button:hover,.request-form button:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(200,86,60,.30)}.checkin-form button:disabled,.checkin-form select:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}
.stat-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px dashed rgba(36,26,18,.13)}.stat-row span{color:var(--ink-2);font-weight:800}.stat-row b{font-family:var(--serif);font-size:26px;color:var(--gold-3)}.my-mini-copy{margin:14px 0 0;padding-top:14px;color:var(--ink-3);font-size:13px;line-height:1.6;margin-top:auto}
.my-mission h2,.my-section h2{margin:0;font-size:22px;letter-spacing:-.045em;line-height:1.2}.mission-list{margin-top:16px;display:flex;flex-direction:column;gap:10px}.mission-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:var(--paper-2);border:1px solid var(--line)}.mission-list span{font-size:13.5px;font-weight:800;color:var(--ink-2)}.mission-list b{font-size:12px;color:#fff;background:var(--terra);padding:4px 8px;border-radius:999px}.mission-list li.done{background:#F3FAEF}.mission-list li.done b{background:var(--sage)}
.my-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.my-section-title a{font-size:13px;font-weight:900;color:var(--gold-3);white-space:nowrap}.empty-soft{padding:22px;border-radius:18px;background:var(--paper-2);border:1px dashed rgba(176,131,39,.26);color:var(--ink-3);font-size:14px;line-height:1.7}
.saved-list,.mag-saved-list,.suggest-list{display:flex;flex-direction:column;gap:10px}.saved-item,.mag-saved-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff}.saved-main{display:flex;align-items:center;gap:12px;min-width:0}.saved-dot,.suggest-item>span{width:34px;height:34px;border-radius:14px;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.saved-main b,.mag-saved-item b,.suggest-item b{display:block;color:var(--ink);font-size:14.5px;letter-spacing:-.02em}.saved-main em,.mag-saved-item em,.suggest-item em{display:block;margin-top:2px;color:var(--ink-3);font-style:normal;font-size:12.5px;line-height:1.45}.mini-remove{border:0;background:var(--paper-deep);color:var(--ink-3);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;cursor:pointer}.mini-remove:hover{color:var(--terra)}.mag-saved-item a{min-width:0;flex:1}.mag-saved-item span{display:block;font-size:11px;color:var(--gold-3);font-weight:900;margin-bottom:2px}
.request-form{display:flex;flex-direction:column;gap:13px}.request-form label span{display:block;margin-bottom:7px;font-size:12.5px;font-weight:900;color:var(--ink-3)}.request-form input,.request-form textarea{width:100%;border:1px solid var(--line-2);border-radius:16px;background:#fff;color:var(--ink);padding:13px 14px;outline:none;resize:vertical}.request-form input:focus,.request-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(230,200,121,.18)}.request-form button{min-height:48px;padding:0 20px;align-self:flex-start}.request-history,.activity-box{margin-top:20px;padding-top:18px;border-top:1px dashed rgba(36,26,18,.14)}.request-history>strong,.activity-box>strong{display:block;margin-bottom:10px;font-size:13px;color:var(--ink);letter-spacing:-.02em}.request-row,.activity-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(36,26,18,.06)}.request-row span{padding:3px 7px;border-radius:999px;background:var(--paper-deep);font-size:11px;font-weight:900;color:var(--gold-3)}.request-row b{font-size:13.5px}.request-row em,.activity-row em{font-style:normal;color:var(--ink-3);font-size:12px}.activity-row{grid-template-columns:1fr auto}.activity-row span{font-size:13.5px;color:var(--ink-2);font-weight:800}
.suggest-item{display:flex;gap:12px;align-items:center;padding:13px;border-radius:18px;border:1px solid var(--line);background:#fff;transition:transform .22s var(--ease),box-shadow .22s}.suggest-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-s)}
.my-install-needed code{background:var(--paper-deep);border-radius:6px;padding:2px 7px;color:var(--gold-3)}
.member-save-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-4px 0 24px;padding:14px 16px;border-radius:22px;background:rgba(255,253,247,.82);border:1px solid var(--line);box-shadow:var(--shadow-s)}.member-save-bar div{min-width:0}.member-save-bar .save-kicker{display:block;font-family:var(--serif);font-style:normal;font-size:12px;color:var(--gold-3)}.member-save-bar b{display:inline-block;margin-right:8px}.member-save-bar em{font-style:normal;color:var(--ink-3);font-size:13px}.save-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--terra),var(--terra-d));color:#fff;font:inherit;font-size:13px;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 12px 26px rgba(200,86,60,.22)}.save-button.on{background:linear-gradient(135deg,var(--sage),#55754A);box-shadow:0 12px 26px rgba(110,140,94,.22)}.article-save-box{margin:20px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.article-save-box span{font-size:13px;color:var(--ink-3);font-weight:800}
@media(max-width:960px){.my-hero,.top-grid,.content-grid,.lower-grid{grid-template-columns:1fr}.my-hero-copy{padding:32px}.my-level-card{min-height:210px}}
@media(max-width:640px){.my-wrap{padding-top:28px}.my-hero-copy,.my-card,.my-level-card{padding:22px;border-radius:26px}.stamp-week{gap:5px}.stamp-day{min-height:48px;border-radius:13px}.member-save-bar{align-items:flex-start;flex-direction:column}.my-section-title{flex-direction:column}.request-row{grid-template-columns:1fr}.checkin-form button,.checkin-form select{width:100%}}

/* =================================================================
   Refinement layer — 2026.06 글꼴/기울임 정리
   · 기울임(synthetic italic) 제거 후 작은 라벨이 의도적으로 보이도록 정돈
   · 큰 숫자(픽 번호/지표)는 Pretendard에서 또렷하게 보이도록 굵기 보정
   ================================================================= */
.hero-eyebrow,.sec-num,.pcard-label,.tcell-num,.cl-num,
.editor-tag,.editor-foot .l,.auth-kicker,.related-eyebrow,
.cafe-hero-eyebrow,.entry-eyebrow,.cluster-card-label,
.picks-badge .side p:first-child{
  text-transform:uppercase;letter-spacing:.13em;font-weight:800;
}
/* 큰 숫자 강조 — 가는 무게를 또렷하게 */
.picks-badge .n,.hm b,.topics-tally em,.stat-row b,
.entry-count em,.entry-card-num,.pcard-cnt em,.tcell-cnt em{
  font-weight:700;
}
.picks-badge .n em{font-weight:800}

/* 추천 요청 — 관리자 답변(admin_memo)을 회원 마이페이지에 노출 */
.request-history .request-entry{padding:4px 0;border-bottom:1px solid rgba(36,26,18,.06)}
.request-history .request-entry:last-child{border-bottom:0}
.request-history .request-entry .request-row{border-bottom:0;padding:9px 0 7px}
.request-reply{margin:2px 0 8px;padding:11px 13px;border-radius:12px;
  background:#FCF8EF;border:1px solid rgba(176,131,39,.18)}
.request-reply-label{display:inline-flex;align-items:center;gap:5px;margin-bottom:4px;
  font-size:11px;font-weight:600;color:var(--gold-3);letter-spacing:.01em}
.request-reply-label::before{content:"↳";font-weight:600;opacity:.7}
.request-reply p{margin:0;color:var(--ink-2);font-size:12.5px;line-height:1.6;word-break:break-word}