:root{
  --navy:#0D1B2A; --navy2:#122238; --navy3:#0A141F;
  --gold:#C9A84C; --goldl:#E8C97A; --cream:#F8F4EE;
  --white:#FFFFFF; --slate:#697B8C; --ink:#1c2733; --border:rgba(201,168,76,0.2);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--cream); color:var(--ink); font-family:'Noto Serif KR',serif; -webkit-font-smoothing:antialiased; line-height:1.7;}
a{text-decoration:none; color:inherit;}

/* NAV */
nav{position:sticky; top:0; z-index:100; height:64px; padding:0 clamp(20px,5vw,52px); display:flex; align-items:center; justify-content:space-between; background:rgba(13,27,42,.96); backdrop-filter:blur(14px); border-bottom:1px solid var(--border);}
.nav-logo{font-family:'Cormorant Garamond',serif; font-size:20px; font-weight:300; letter-spacing:6px; color:var(--white); text-transform:uppercase;}
.nav-logo em{color:var(--gold); font-style:normal;}
.nav-links{display:flex; gap:28px; list-style:none;}
.nav-links a{font-family:'Montserrat',sans-serif; font-size:9.5px; font-weight:500; letter-spacing:2.2px; color:rgba(255,255,255,.66); text-transform:uppercase; transition:color .25s;}
.nav-links a:hover,.nav-links a.active{color:var(--gold);}
.nav-cta{font-family:'Montserrat',sans-serif; font-size:8.5px; font-weight:700; letter-spacing:1.8px; padding:10px 20px; background:var(--gold); color:var(--navy); text-transform:uppercase; transition:.25s;}
.nav-cta:hover{background:var(--goldl);}
@media(max-width:820px){.nav-links{display:none;}}

/* BLOG HEADER */
.blog-head{background:linear-gradient(180deg,var(--navy),var(--navy2)); color:var(--white); text-align:center; padding:clamp(56px,8vw,96px) 24px clamp(40px,6vw,64px); position:relative; overflow:hidden;}
.blog-head::before{content:''; position:absolute; inset:0; background:radial-gradient(ellipse 50% 60% at 50% 20%, rgba(201,168,76,.08), transparent 62%); pointer-events:none;}
.bh-eyebrow{font-family:'Montserrat',sans-serif; font-size:8.5px; font-weight:600; letter-spacing:4px; color:var(--gold); text-transform:uppercase; margin-bottom:18px; position:relative;}
.bh-title{font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(38px,6vw,60px); letter-spacing:.04em; line-height:1.05; margin-bottom:16px; position:relative;}
.bh-title em{color:var(--gold); font-style:normal;}
.bh-desc{font-family:'Noto Serif KR',serif; font-weight:300; font-size:14.5px; color:rgba(255,255,255,.72); max-width:580px; margin:0 auto; line-height:1.85; position:relative;}

/* LISTING */
.list-wrap{max-width:1080px; margin:0 auto; padding:clamp(48px,6vw,72px) 24px clamp(64px,8vw,96px);}
.feature{display:grid; grid-template-columns:1.15fr 1fr; gap:0; border:1px solid var(--border); background:var(--white); margin-bottom:40px; overflow:hidden; transition:transform .35s, box-shadow .35s;}
.feature:hover{transform:translateY(-4px); box-shadow:0 26px 60px -34px rgba(13,27,42,.4);}
.feature .f-side{background:linear-gradient(150deg,var(--navy),var(--navy3)); padding:44px 40px; display:flex; flex-direction:column; justify-content:center; color:var(--white);}
.feature .f-side .cat{font-family:'Montserrat',sans-serif; font-size:8px; font-weight:600; letter-spacing:2.5px; color:var(--gold); text-transform:uppercase; margin-bottom:16px;}
.feature .f-side h2{font-family:'Cormorant Garamond',serif; font-weight:400; font-size:34px; line-height:1.12; letter-spacing:.02em;}
.feature .f-body{padding:44px 40px; display:flex; flex-direction:column; justify-content:center;}
.feature .f-body .meta{font-family:'Montserrat',sans-serif; font-size:8.5px; font-weight:500; letter-spacing:1.5px; color:var(--slate); text-transform:uppercase; margin-bottom:14px;}
.feature .f-body p{font-size:13.5px; font-weight:300; color:#475563; line-height:1.85; margin-bottom:22px;}
.read{font-family:'Montserrat',sans-serif; font-size:9px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:var(--gold); display:inline-flex; align-items:center; gap:8px;}
.read::after{content:'→'; transition:transform .25s;}
.feature:hover .read::after,.card:hover .read::after{transform:translateX(5px);}
@media(max-width:760px){.feature{grid-template-columns:1fr;}}

.grid{display:grid; grid-template-columns:1fr 1fr; gap:28px;}
.card{background:var(--white); border:1px solid var(--border); padding:34px 32px; display:flex; flex-direction:column; transition:transform .35s, box-shadow .35s;}
.card:hover{transform:translateY(-5px); box-shadow:0 22px 54px -32px rgba(13,27,42,.38);}
.card .cat{font-family:'Montserrat',sans-serif; font-size:8px; font-weight:600; letter-spacing:2.5px; color:var(--gold); text-transform:uppercase; margin-bottom:14px;}
.card h3{font-family:'Cormorant Garamond',serif; font-weight:500; font-size:25px; line-height:1.2; color:var(--navy); margin-bottom:14px;}
.card .meta{font-family:'Montserrat',sans-serif; font-size:8px; letter-spacing:1.5px; color:var(--slate); text-transform:uppercase; margin-bottom:12px;}
.card p{font-size:12.5px; font-weight:300; color:#52606d; line-height:1.8; margin-bottom:20px; flex:1;}
@media(max-width:680px){.grid{grid-template-columns:1fr;}}

/* ARTICLE */
.article{max-width:760px; margin:0 auto; padding:clamp(40px,5vw,64px) 24px clamp(56px,7vw,80px);}
.art-cat{font-family:'Montserrat',sans-serif; font-size:9px; font-weight:600; letter-spacing:3px; color:var(--gold); text-transform:uppercase; margin-bottom:18px;}
.art-title{font-family:'Cormorant Garamond',serif; font-weight:400; font-size:clamp(30px,4.6vw,46px); line-height:1.15; letter-spacing:.01em; color:var(--navy); margin-bottom:20px;}
.art-meta{display:flex; align-items:center; gap:12px; font-family:'Montserrat',sans-serif; font-size:9px; letter-spacing:1.5px; color:var(--slate); text-transform:uppercase; padding-bottom:26px; margin-bottom:34px; border-bottom:1px solid var(--border);}
.art-meta .dot{width:3px; height:3px; border-radius:50%; background:var(--gold);}
.article p{font-size:15px; font-weight:300; color:#2d3a47; line-height:1.95; margin-bottom:22px;}
.article h2{font-family:'Noto Serif KR',serif; font-weight:700; font-size:21px; color:var(--navy); margin:40px 0 16px; padding-left:14px; border-left:3px solid var(--gold);}
.article strong{color:var(--navy); font-weight:600;}
.article .lead{font-size:16.5px; color:var(--ink); font-weight:400; line-height:1.9;}
.article blockquote{margin:30px 0; padding:22px 28px; background:var(--white); border:1px solid var(--border); border-left:3px solid var(--gold); font-family:'Cormorant Garamond',serif; font-size:21px; font-style:italic; color:var(--navy); line-height:1.5;}
.article .source{font-size:11.5px; color:var(--slate); font-weight:300; line-height:1.7; margin-top:34px; padding-top:18px; border-top:1px solid var(--border);}

/* AUTHOR + CTA */
.author{display:flex; align-items:center; gap:16px; margin-top:40px; padding:24px 28px; background:var(--white); border:1px solid var(--border);}
.author .av{width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,var(--navy),var(--navy2)); color:var(--gold); display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond',serif; font-size:22px; flex-shrink:0;}
.author .an{font-family:'Noto Serif KR',serif; font-size:14px; font-weight:600; color:var(--navy);}
.author .ar{font-family:'Noto Serif KR',serif; font-size:11.5px; font-weight:300; color:var(--slate); margin-top:3px;}
.cta-box{margin-top:34px; background:linear-gradient(135deg,var(--navy),var(--navy3)); color:var(--white); text-align:center; padding:42px 32px; position:relative; overflow:hidden;}
.cta-box::before{content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(180deg,transparent,var(--gold),transparent);}
.cta-box h3{font-family:'Cormorant Garamond',serif; font-weight:400; font-size:27px; margin-bottom:10px;}
.cta-box h3 em{color:var(--goldl); font-style:normal;}
.cta-box p{font-size:13px; font-weight:300; color:rgba(255,255,255,.72); margin-bottom:22px;}
.cta-box a{display:inline-block; font-family:'Montserrat',sans-serif; font-size:9.5px; font-weight:700; letter-spacing:2px; text-transform:uppercase; padding:15px 34px; background:var(--gold); color:var(--navy); transition:.25s;}
.cta-box a:hover{background:var(--goldl); transform:translateY(-2px);}
.back{display:inline-block; margin-top:34px; font-family:'Montserrat',sans-serif; font-size:9px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:var(--slate);}
.back:hover{color:var(--gold);}

/* FOOTER */
footer{background:var(--navy3); color:rgba(255,255,255,.6); padding:48px 24px 36px; text-align:center; border-top:1px solid var(--border);}
.f-logo{font-family:'Cormorant Garamond',serif; font-size:20px; font-weight:300; letter-spacing:6px; text-transform:uppercase; color:var(--white); margin-bottom:12px;}
.f-logo em{color:var(--gold); font-style:normal;}
.f-slogan{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:15px; color:var(--goldl); margin-bottom:14px;}
.f-copy{font-family:'Noto Serif KR',serif; font-size:10px; font-weight:300; color:var(--slate); line-height:1.7;}