/* ===== 디자인하담 공용 스타일 ===== */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");

:root{
  --cream:#F5F0EB; --surface:#FFFFFF; --ink:#28231F; --muted:#9A8778;
  --line:#E3DBD0; --terra:#C06B45; --gold:#c9b79f; --logo:#26211d;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Apple SD Gothic Neo',sans-serif;
  background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}

/* ── Header ── */
.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;
  padding:14px 28px;background:rgba(245,240,235,.86);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);}
.brand{display:flex;align-items:center;gap:10px;}
.brand svg{width:30px;height:auto;}
.brand .bt{font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--ink);}
.brand .bt small{display:block;font-size:9px;letter-spacing:.28em;color:var(--muted);font-weight:500;margin-top:1px;}
.site-nav{display:flex;gap:6px;align-items:center;}
.site-nav a{position:relative;padding:8px 14px;font-size:14px;color:var(--ink);border-radius:8px;
  transition:background .15s,color .15s;white-space:nowrap;}
.site-nav a:hover{background:rgba(0,0,0,.04);}
.site-nav a.active{color:var(--terra);font-weight:600;}
@media(max-width:640px){
  .site-header{padding:12px 16px;}
  .site-nav{gap:0;}
  .site-nav a{padding:7px 9px;font-size:12.5px;}
  .brand .bt{font-size:13px;} .brand .bt small{display:none;}
}

/* ── Scroll reveal (스크롤 시 부드럽게 등장) ── */
.reveal{opacity:0;transform:translateY(30px);
  transition:opacity .75s cubic-bezier(.22,1,.36,1), transform .75s cubic-bezier(.22,1,.36,1);}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important;}}

/* ── Page heading ── */
.page-head{max-width:1200px;margin:0 auto;padding:60px 28px 34px;}
.page-head .eyebrow{font-size:12px;letter-spacing:.28em;color:var(--terra);font-weight:600;margin-bottom:10px;}
.page-head h1{font-size:clamp(28px,5vw,44px);font-weight:700;letter-spacing:-.01em;}
.page-head p{color:var(--muted);margin-top:12px;max-width:620px;font-size:15px;line-height:1.9;}
@media(max-width:640px){.page-head{padding:36px 18px 24px;}}

/* ── Footer ── */
.site-footer{margin-top:70px;border-top:1px solid var(--line);background:#efe8df;}
.site-footer .inner{max-width:1200px;margin:0 auto;padding:40px 28px;display:flex;
  flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start;}
.site-footer .f-brand{font-weight:700;font-size:16px;margin-bottom:10px;}
.site-footer .f-info{font-size:13px;color:var(--muted);line-height:2;}
.site-footer .f-links{display:flex;gap:18px;font-size:12px;letter-spacing:.18em;color:var(--muted);}
.site-footer .f-links a:hover{color:var(--ink);}
.site-footer .copy{width:100%;border-top:1px solid var(--line);padding-top:18px;margin-top:6px;
  font-size:11.5px;color:var(--muted);}