:root {
  --ink: #14221f; --ink-soft: #4a5552; --muted: #6d7874; --paper: #fffdf8; --sand: #f3eee4; --sand-2: #e8e0d2;
  --line: rgba(20, 34, 31, 0.1); --teal-900: #0e2c2a; --teal-800: #164844; --teal-700: #1f6b64; --teal-500: #3d9a90; --teal-100: #d7efe9;
  --clay: #c45c3a; --clay-soft: #e8b09a; --gold: #b8894a; --white: #ffffff;
  --shadow: 0 24px 60px rgba(14, 44, 42, 0.1); --shadow-sm: 0 10px 28px rgba(14, 44, 42, 0.06);
  --radius: 18px; --max: 1160px; --header-h: 76px;
  --serif: "Fraunces", "Iowan Old Style", Georgia, serif; --sans: "Manrope", "Segoe UI", sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 420px at 10% -10%,rgba(61,154,144,.12),transparent 55%),var(--sand);line-height:1.65;min-height:100vh}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);background:rgba(243,238,228,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:600;font-size:1.42rem;letter-spacing:-.03em;color:var(--teal-900)}
.logo-mark{width:34px;height:34px}
.header-right{display:flex;align-items:center;gap:10px}
.lang-switch{display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(20,34,31,.06)}
.lang-switch button{border:0;background:transparent;color:var(--ink-soft);font-weight:750;font-size:.72rem;letter-spacing:.06em;padding:6px 8px;border-radius:999px;cursor:pointer}
.lang-switch button.is-active{background:var(--teal-800);color:#fff}
.nav{display:flex;align-items:center;gap:4px}
.nav a{padding:8px 13px;border-radius:999px;font-weight:650;font-size:.92rem;color:var(--ink-soft)}
.nav a:hover,.nav a.active{color:var(--teal-900);background:var(--teal-100)}
.menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer}
.menu-toggle span{display:block;width:20px;height:2px;margin:5px auto;background:var(--teal-800)}
.eyebrow{display:inline-block;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:750;color:var(--clay);margin-bottom:14px}
h1,h2,h3,.serif{font-family:var(--serif);letter-spacing:-.03em}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;border:0;font-weight:750;cursor:pointer}
.btn-primary{background:var(--teal-800);color:#fff}.btn-clay{background:var(--clay);color:#fff}
.muted{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--paper);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;border:1px solid rgba(20,34,31,.05)}
.card-media{height:208px;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}
.card-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.tag{display:inline-flex;width:fit-content;padding:4px 10px;border-radius:999px;background:var(--teal-100);color:var(--teal-800);font-size:.72rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}
.card h3{font-size:1.26rem;line-height:1.28;color:var(--teal-900)}.card p{color:var(--ink-soft);font-size:.97rem}
.meta{margin-top:auto;padding-top:8px;font-size:.84rem;color:var(--muted)}
.page-hero{padding:48px 0 16px}.page-hero h1{font-size:clamp(2.2rem,4vw,3.5rem);color:var(--teal-900)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 28px}
.filter-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:650}
.filter-btn.active,.filter-btn:hover{background:var(--teal-800);color:#fff;border-color:var(--teal-800)}
.article-wrap{display:grid;grid-template-columns:minmax(0,740px);justify-content:center;padding-bottom:64px}
.article-hero-img{width:100%;height:380px;object-fit:cover;border-radius:20px;margin:18px 0 28px}
.article-body{font-size:1.08rem;color:#3d4542}.article-body h2{margin:32px 0 12px;font-size:1.7rem;color:var(--teal-900)}.article-body p,.article-body ul{margin-bottom:16px}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--clay);z-index:80}
.split{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.panel{background:var(--paper);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm)}
.contact-form{display:grid;gap:12px}.contact-form label{font-weight:750;font-size:.9rem}
.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--sand-2);background:var(--sand);padding:12px 14px;border-radius:12px}
.contact-form textarea{min-height:140px}
.site-footer{background:var(--teal-900);color:#dceae6;padding:48px 0 24px;margin-top:20px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;margin-bottom:28px}
.site-footer a{color:#cfe8e1}.site-footer ul{list-style:none;display:grid;gap:8px}
.copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;font-size:.9rem;opacity:.75}
.card.is-hidden{display:none}
.white-wrap{width:min(760px,calc(100% - 40px));margin:0 auto;padding:36px 0 80px}
.white-kicker{display:flex;justify-content:space-between;gap:12px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:var(--muted);margin-bottom:22px}
.white-wrap h1{font-size:clamp(2.2rem,4.4vw,3.5rem);line-height:1.08;color:var(--teal-900);margin-bottom:16px}
.white-deck{font-size:1.2rem;color:var(--ink-soft);margin-bottom:22px}
.white-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:.9rem;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.white-hero{width:100%;height:420px;object-fit:cover;border-radius:8px 28px 8px 28px;margin-bottom:28px}
.white-body{font-size:1.12rem;color:#3a433f}.white-body p{margin-bottom:18px}
.white-body p.drop::first-letter{font-family:var(--serif);float:left;font-size:3.6rem;line-height:.8;padding-right:10px;color:var(--teal-800)}
.white-body h2{margin:34px 0 12px;font-size:1.7rem;color:var(--teal-900)}
.white-body blockquote{margin:28px 0;padding:6px 0 6px 20px;border-left:3px solid var(--clay);font-family:var(--serif);font-size:1.42rem;color:var(--teal-800)}
.white-callout{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:28px 0}
.white-cta{margin-top:40px;background:var(--teal-900);color:#e8f4f0;border-radius:22px;padding:28px;text-align:center}
.white-cta h2{color:#fff;margin-bottom:10px}
@media(max-width:900px){
  .cards,.split,.footer-grid{grid-template-columns:1fr}
  .nav{position:absolute;top:var(--header-h);left:0;right:0;display:none;flex-direction:column;background:var(--sand);padding:12px 20px 20px}
  .nav.open{display:flex}.menu-toggle{display:block}
  .white-hero,.article-hero-img{height:240px}
}