/* SLOW AGING — mobile slide-in drawer (shared) */
.smenu-bg{position:fixed;inset:0;z-index:68;background:rgba(59,36,41,.28);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;transition:opacity .45s cubic-bezier(.22,.8,.2,1),visibility .45s}
body.menu-open .smenu-bg{opacity:1;visibility:visible}
.smenu{position:fixed;left:0;top:0;bottom:0;z-index:70;width:min(78vw,330px);display:flex;flex-direction:column;padding:18px 20px 22px;overflow-y:auto;overscroll-behavior:contain;
  background:linear-gradient(170deg,#fff 0%,#fff6f8 50%,#fde6ec 100%);border-radius:0 28px 28px 0;box-shadow:20px 0 60px rgba(185,86,111,.22);
  transform:translateX(-104%);transition:transform .55s cubic-bezier(.22,.8,.2,1);visibility:hidden}
body.menu-open .smenu{transform:none;visibility:visible}
body.menu-open{overflow:hidden}
.smenu .sm-orb{position:absolute;right:-40%;top:18%;width:90%;aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,#ffe3ea,#f6b3c4 55%,transparent 70%);filter:blur(40px);opacity:.5}
.smenu>*{position:relative}
.sm-head{display:flex;justify-content:space-between;align-items:center;padding:4px 0 22px}
.sm-head .lg{font-family:"Cormorant Garamond",serif;font-size:18px;letter-spacing:.3em;color:#3b2429;text-decoration:none}
.sm-head .lg i{color:#e07a95;font-style:normal}
.sm-close{width:38px;height:38px;border-radius:50%;border:1px solid rgba(59,36,41,.1);background:rgba(255,255,255,.85);display:grid;place-items:center;cursor:pointer;color:#3b2429;transition:all .3s}
.sm-close:hover{background:#e07a95;border-color:#e07a95;color:#fff}
.sm-close svg{width:14px;height:14px}
.sm-eyebrow{font-size:10px;letter-spacing:.3em;color:#b9566f;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:4px}
.sm-eyebrow::before{content:"";width:22px;height:1px;background:#e07a95}
.sm-list{list-style:none;margin:0;padding:0}
.sm-list li{border-bottom:1px solid rgba(59,36,41,.08);opacity:0;transform:translateX(-16px);transition:opacity .5s cubic-bezier(.22,.8,.2,1),transform .5s cubic-bezier(.22,.8,.2,1)}
body.menu-open .sm-list li{opacity:1;transform:none}
.sm-list a{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:4px;padding:14px 0;color:#3b2429;text-decoration:none}
.sm-list .no{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:13px;color:#e07a95}
.sm-list .nm{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:27px;line-height:1}
.sm-list .kr{display:block;font-family:"Pretendard",sans-serif;font-size:11.5px;color:#7a5c63;margin-top:5px;font-weight:300}
.sm-list .end{display:flex;align-items:center;gap:8px}
.sm-list .bd{font-family:"Pretendard",sans-serif;font-size:10px;padding:3px 8px;border-radius:100px;background:#fbd9e1;color:#b9566f;font-weight:500;white-space:nowrap}
.sm-list .ar{color:#e07a95;font-size:14px;transition:transform .3s}
.sm-list a:hover .ar{transform:translateX(4px)}
.sm-list a.on .nm{font-style:italic;color:#e07a95}
.sm-sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.sm-sub a{padding:8px 12px;border-radius:100px;background:rgba(255,255,255,.8);border:1px solid rgba(59,36,41,.08);font-size:12px;color:#7a5c63;text-decoration:none}
.sm-bottom{margin-top:auto;padding-top:22px}
.sm-card{display:block;padding:16px;border-radius:18px;text-decoration:none;color:#3b2429;
  background:linear-gradient(135deg,#ffe4ec,#fff 50%,#f9cbd7);box-shadow:0 14px 30px rgba(185,86,111,.14),inset 0 1px 0 #fff;position:relative;overflow:hidden}
.sm-card::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-20deg);animation:smswipe 4s cubic-bezier(.22,.8,.2,1) infinite 1s}
@keyframes smswipe{0%{left:-80%}60%,100%{left:140%}}
.sm-card .who{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.sm-card .av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ffd6df,#e98ea4);flex:none}
.sm-card .who b{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:400;font-size:22px;color:#e07a95;display:block;line-height:1.1}
.sm-card .who small{font-size:11.5px;color:#7a5c63}
.sm-card .lv{margin-left:auto;font-size:10px;letter-spacing:.2em;color:#b9566f}
.sm-card .pb{height:5px;border-radius:5px;background:rgba(255,255,255,.85);overflow:hidden}
.sm-card .pb i{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,#f4b3c2,#e07a95);transition:width 1.2s cubic-bezier(.22,.8,.2,1) .5s}
body.menu-open .sm-card .pb i{width:var(--p)}
.sm-card .pt{display:flex;justify-content:space-between;font-size:11px;color:#7a5c63;margin-top:7px}
.sm-cta{display:grid;gap:8px}
.sm-cta a{display:flex;align-items:center;justify-content:center;padding:15px;border-radius:100px;font-family:"Pretendard",sans-serif;font-size:13px;letter-spacing:.04em;text-decoration:none}
.sm-cta .pri{background:linear-gradient(120deg,#b9566f,#e07a95 50%,#f29bb1);color:#fff;font-weight:500;box-shadow:0 10px 24px rgba(224,122,149,.3)}
.sm-cta .sec{background:rgba(255,255,255,.85);border:1px solid rgba(59,36,41,.1);color:#3b2429}
.sm-social{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.sm-social .ic{display:flex;gap:8px}
.sm-social .ic a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.85);border:1px solid rgba(59,36,41,.08);display:grid;place-items:center;color:#b9566f}
.sm-social .ic svg{width:16px;height:16px}
.sm-social .tag{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:14px;color:#b0959b}
@media (min-width:821px){.smenu,.smenu-bg{display:none}}
@media (max-height:680px){.sm-list a{padding:10px 0}.sm-list .nm{font-size:23px}.sm-head{padding-bottom:12px}}
@media (prefers-reduced-motion:reduce){.smenu,.smenu *,.smenu-bg{transition:none!important;animation:none!important}}
