/* JISOAR 케이스스터디 공용 스타일 (브랜드 톤: 밤하늘/새벽 + Cormorant/Inter) */
:root{
  --bg-top:#0a0e1a; --bg-mid:#141b33; --dawn:#ff9d6c; --dawn-2:#ffd9a8;
  --ink:#f4f6fb; --muted:#9aa6c4; --line:rgba(255,255,255,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);
  background:
    radial-gradient(120% 55% at 50% 0%, rgba(255,157,108,.12), transparent 55%),
    linear-gradient(180deg,var(--bg-top) 0%, var(--bg-mid) 100%);
  background-attachment:fixed; -webkit-font-smoothing:antialiased; min-height:100vh;
}
.wrap{max-width:720px;margin:0 auto;padding:0 28px}
.back{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--muted);
  font-size:14px;padding:28px 0 0;transition:color .2s}
.back:hover{color:var(--dawn)}
.back .m{font-family:'Cormorant Garamond',serif;font-weight:600;color:var(--ink);font-size:19px;letter-spacing:-.01em}
.back .m .dot{color:var(--dawn)}
header.cs{padding:46px 0 38px;border-bottom:1px solid var(--line)}
.eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--dawn);margin-bottom:16px}
h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(40px,9vw,66px);line-height:1.04;letter-spacing:-.01em;
  background:linear-gradient(180deg,#fff 0%,#aebcea 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.04em}
.tagline{margin-top:14px;color:var(--dawn-2);font-style:italic;font-family:'Cormorant Garamond',serif;font-size:clamp(18px,4.5vw,25px)}
section.cs{padding:38px 0;border-bottom:1px solid var(--line)}
section.cs h2{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-weight:600}
section.cs p{color:var(--ink);font-weight:300;line-height:1.85;font-size:clamp(15px,3.8vw,17px)}
ul.feat{list-style:none;display:grid;gap:11px}
ul.feat li{color:var(--ink);font-weight:300;line-height:1.6;padding-left:24px;position:relative;font-size:clamp(15px,3.8vw,16px)}
ul.feat li::before{content:"";position:absolute;left:2px;top:8px;width:0;height:0;
  border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--dawn)}
.meta{display:grid;gap:10px}
.meta .row{display:flex;gap:16px;font-size:14.5px;line-height:1.5}
.meta .k{color:var(--muted);min-width:78px;font-weight:300}
.meta .v{color:var(--ink);font-weight:400}
.live{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:12px 22px;border-radius:999px;
  border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;transition:.2s}
.live:hover{border-color:var(--dawn);color:var(--dawn);transform:translateY(-2px)}
.note{color:var(--muted);font-size:13px;font-style:italic;margin-top:14px;line-height:1.6}
footer{padding:44px 0 64px;text-align:center;color:var(--muted);font-size:13px;font-weight:300}
footer .name{font-family:'Cormorant Garamond',serif;font-size:19px;color:var(--ink)}
footer .name .dot{color:var(--dawn)}