/* Kreate Lab — shared styles (subpages) */
:root{
  --cream:#F7F2E9; --ink:#141311; --gold:#D4A24E; --gold-d:#0E8A7B;
  --muted:#6E6A62; --line:#E6DFD2;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Pretendard','Noto Sans KR',-apple-system,Helvetica,Arial,sans-serif;
     background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}

/* NAV */
nav{display:flex;justify-content:space-between;align-items:center;
    padding:22px clamp(20px,5vw,64px);position:fixed;top:0;left:0;right:0;z-index:50;
    background:rgba(247,242,233,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.logo{font-weight:800;letter-spacing:.14em;font-size:15px;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.logo span{color:var(--gold)}
.nav-links{display:flex;gap:clamp(16px,2.5vw,32px);align-items:center}
.nav-links a{color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:600;transition:.2s}
.nav-links a:hover, .nav-links a.active{color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:18px}
.lang-toggle{display:flex;border:1px solid var(--ink);border-radius:999px;overflow:hidden;font-size:12px;font-weight:700}
.lang-toggle button{padding:6px 14px;border:none;background:transparent;cursor:pointer;color:var(--muted);letter-spacing:.08em}
.lang-toggle button.active{background:var(--ink);color:var(--cream)}
.ig-link{display:flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:600}
.ig-link svg{width:18px;height:18px}

/* PAGE COMMON */
.page-head{padding:170px clamp(20px,5vw,64px) 60px;max-width:1200px;margin:0 auto}
.page-kicker{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-d);margin-bottom:16px}
.page-title{font-size:clamp(38px,5.5vw,68px);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin-bottom:18px}
.page-title em{font-style:normal;color:var(--gold-d)}
.page-sub{color:var(--muted);font-size:clamp(15px,1.4vw,18px);line-height:1.8;max-width:600px}
section{padding:clamp(60px,8vw,110px) clamp(20px,5vw,64px);max-width:1200px;margin:0 auto}
.sec-label{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-d);margin-bottom:16px}
h2{font-size:clamp(28px,3.6vw,46px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:18px}
h2 em{font-style:normal;color:var(--gold-d)}
.sec-desc{color:var(--muted);font-size:16px;line-height:1.8;max-width:600px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--cream);
     text-decoration:none;font-weight:700;font-size:15px;padding:16px 32px;border-radius:999px;
     transition:.25s;border:1px solid var(--ink)}
.btn:hover{background:transparent;color:var(--ink)}
hr.rule{border:none;border-top:1px solid var(--line);max-width:1200px;margin:0 auto}

/* FOOTER (shared) */
footer{background:var(--ink);color:var(--cream);padding:clamp(56px,7vw,90px) clamp(20px,5vw,64px) 34px}
.foot-inner{max-width:1200px;margin:0 auto}
.foot-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:28px;
          padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.12)}
.foot-mark{font-size:clamp(44px,7vw,92px);font-weight:800;letter-spacing:-.02em;line-height:1}
.foot-mark span{color:var(--gold)}
.foot-tag{font-size:clamp(15px,1.6vw,20px);font-weight:700;text-align:right;line-height:1.5;color:rgba(255,255,255,.85)}
.foot-cols{display:flex;gap:clamp(40px,8vw,140px);flex-wrap:wrap;padding:40px 0}
.foot-col h4{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.foot-col a{display:block;color:rgba(255,255,255,.75);text-decoration:none;font-size:14px;margin-bottom:12px;transition:.2s}
.foot-col a:hover{color:#fff}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:26px;display:flex;justify-content:space-between;
             flex-wrap:wrap;gap:12px;font-size:12.5px;color:rgba(255,255,255,.45)}

@media(max-width:860px){
  .nav-links{display:none}
  .page-head{padding-top:140px}
}