html { background:#dce4e8; color-scheme:light; }
body.about-body { margin:0; }
#seokbeom-about { --ink:#414e53; --muted:#63747c; --accent:#9b4f3e; min-height:100vh; min-height:100dvh; padding:0 clamp(24px,5.2vw,80px); color:var(--ink); background:#dce4e8; font:400 1rem/1.95 -apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif; -webkit-font-smoothing:antialiased; }
#seokbeom-about * { box-sizing:border-box; }
#seokbeom-about a { color:inherit; text-decoration:none; }
#seokbeom-about a:hover { color:var(--accent); }
#seokbeom-about a:focus-visible { outline:1px solid var(--accent); outline-offset:6px; }
#seokbeom-about .about-header { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:132px; }
#seokbeom-about .about-home { display:inline-flex; align-items:center; min-height:44px; font-size:.875rem; letter-spacing:.20em; }
#seokbeom-about .about-back { display:inline-flex; align-items:center; min-height:44px; font-size:.75rem; letter-spacing:.18em; }
#seokbeom-about .about-content { width:min(100%,620px); margin:clamp(40px,8vh,100px) auto 0; padding-bottom:80px; }
#seokbeom-about h1,#seokbeom-about h2 { font-weight:400; font-size:.75rem; line-height:1.5; letter-spacing:.19em; color:var(--muted); }
#seokbeom-about h1 { margin:0 0 40px; }
#seokbeom-about .about-lead { font-size:clamp(26px,3vw,36px); line-height:1.65; letter-spacing:-.045em; margin:0 0 28px; }
#seokbeom-about p { margin:0; word-break:keep-all; letter-spacing:-.02em; }
#seokbeom-about section { margin-top:48px; }
#seokbeom-about h2 { margin:0 0 12px; }
#seokbeom-about .about-note { color:var(--muted); font-size:.875rem; }
@media(max-width:620px) {
  #seokbeom-about .about-header { min-height:100px; gap:16px; }
  #seokbeom-about .about-home { font-size:.75rem; letter-spacing:.15em; }
  #seokbeom-about .about-back { font-size:.75rem; }
  #seokbeom-about .about-content { margin-top:44px; }
  #seokbeom-about h1 { margin-bottom:30px; }
  #seokbeom-about section { margin-top:38px; }
}