/* Naturallynatural 공통 스타일 — 토큰·리셋·헤더. 페이지 고유 스타일은 각 페이지 <style>에. */
:root{
  --cream:#F4F0E6; --paper:#E8E3D5; --ink:#1F1D18; --sage:#4F5A3C; --stone:#B5AD96; --grey:#8B8475;
  --gutter: clamp(24px, 5vw, 56px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{overflow-x:clip}
img{display:block;width:100%;height:auto}
a{color:inherit;text-decoration:none}
header{
  position:fixed; inset:0 0 auto 0; z-index:50;
  display:flex; justify-content:space-between; align-items:center;
  padding:20px var(--gutter);
  mix-blend-mode:difference; color:#F4F0E6;
}
.logo{font-size:15px; font-weight:400; letter-spacing:0.02em; display:inline-flex; align-items:center; gap:10px}
.logo .mark{height:16px; width:auto; display:block; opacity:.9}
nav{display:flex; gap:28px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase}
nav a{opacity:.85} nav a:hover{opacity:1}

footer a{color:inherit; border-bottom:1px solid rgba(139,132,117,.55); padding-bottom:1px; transition:color .3s}
footer a:hover{color:var(--cream)}