:root{
  --navy:#0B1421; --navy2:#0E1A2B; --gold:#C2A06B; --gold-d:#A6864F; --gold-l:#D4B57E;
  --cream:#F7F4EF; --cream2:#FCFAF6; --line:#ECE6DB; --line2:#DDD6C9;
  --ink:#11161D; --ink2:#3A4049; --muted:#6E6A63; --muted2:#8C877E; --muted3:#9A958C;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Pretendard',sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.5;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--navy2);color:#fff;}
.serif{font-family:'Cormorant Garamond',serif;}
.wrap{max-width:1280px;margin:0 auto;padding:0 28px;}
.eyebrow{font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:600;}
.btn-gold{display:inline-block;background:var(--gold);color:var(--navy2);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:14px 30px;cursor:pointer;border:none;transition:.2s;font-family:inherit;}
.btn-gold:hover{background:var(--gold-l);}
.btn-navy{display:inline-block;background:var(--navy2);color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:14px 30px;cursor:pointer;border:none;transition:.2s;font-family:inherit;}
.btn-navy:hover{background:var(--gold);color:var(--navy2);}
.btn-line{display:inline-block;border:1px solid var(--line2);background:#fff;color:var(--ink2);font-size:12.5px;font-weight:600;padding:13px 26px;cursor:pointer;font-family:inherit;}
/* header */
.lx-head{position:sticky;top:0;z-index:50;background:rgba(11,20,33,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);}
.lx-head .inner{display:flex;align-items:center;justify-content:space-between;height:72px;}
.lx-logo{font-family:'Jost',sans-serif;font-weight:400;font-size:25px;letter-spacing:.4em;padding-left:.4em;color:#fff;line-height:1;}
.lx-nav{display:flex;gap:26px;font-size:13px;color:rgba(255,255,255,.72);}
.lx-nav a:hover{color:#fff;}
.lx-acc{display:flex;align-items:center;gap:16px;font-size:12.5px;color:rgba(255,255,255,.72);}
/* product grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:30px 22px;}
.card .ph{aspect-ratio:3/4;background:#F2EDE4 center/cover no-repeat;border:1px solid var(--line);}
.card .brand{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);font-weight:600;margin-top:12px;}
.card .nm{font-size:13px;color:var(--ink);margin-top:5px;line-height:1.4;height:36px;overflow:hidden;}
.card .pr{font-size:14px;color:var(--ink);font-weight:600;margin-top:7px;}
/* form */
label.fl{display:block;font-size:12.5px;color:var(--ink2);font-weight:600;margin-bottom:8px;}
.req{color:var(--gold);}
.inp{width:100%;border:1px solid var(--line2);background:var(--cream2);padding:13px 14px;font-size:14px;color:var(--ink);outline:none;font-family:inherit;transition:.15s;}
.inp:focus{border-color:var(--navy2);background:#fff;}
.field{margin-bottom:20px;}
/* footer */
.lx-foot{background:var(--navy);color:rgba(255,255,255,.5);font-size:12px;line-height:1.9;}
.flash{background:#EAF5EE;border:1px solid #BFE3CC;color:#256B43;padding:13px 18px;font-size:13.5px;margin-bottom:18px;}
.tag{font-size:10.5px;letter-spacing:.06em;color:var(--gold);border:1px solid #E4D6BC;background:#FBF6EC;padding:4px 9px;}
table.tbl{width:100%;border-collapse:collapse;}
table.tbl th{padding:12px;text-align:left;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted3);font-weight:600;background:#FAF7F1;border-bottom:1px solid var(--line);}
table.tbl td{padding:11px 12px;border-bottom:1px solid var(--line);font-size:13px;}