@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-vietnamese-wght-normal.0da2o5sn3utep.woff2?dpl=dpl_BwiFeU3DmegkUPHgZvJKjyDjWHz8)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-ext-wght-normal.0ww4yqxbk72bj.woff2?dpl=dpl_BwiFeU3DmegkUPHgZvJKjyDjWHz8)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-wght-normal.092gko6h6levo.woff2?dpl=dpl_BwiFeU3DmegkUPHgZvJKjyDjWHz8)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2?dpl=dpl_BwiFeU3DmegkUPHgZvJKjyDjWHz8)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2?dpl=dpl_BwiFeU3DmegkUPHgZvJKjyDjWHz8)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2?dpl=dpl_BwiFeU3DmegkUPHgZvJKjyDjWHz8)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2?dpl=dpl_BwiFeU3DmegkUPHgZvJKjyDjWHz8)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2?dpl=dpl_BwiFeU3DmegkUPHgZvJKjyDjWHz8)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2?dpl=dpl_BwiFeU3DmegkUPHgZvJKjyDjWHz8)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#f6f7f4;--card:#fff;--ink:#14232b;--ink-soft:#46565c;--pine:#175c4c;--pine-dark:#0e3f34;--marigold:#e9a13b;--marigold-soft:#f7e3c2;--mist:#dfe7e3;--radius:14px;--font-display:"Space Grotesk Variable";--font-body:"Manrope Variable";--maxw:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.015em;margin:0 0 .5em;line-height:1.15}a{color:var(--pine);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}img{max-width:100%;display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--mist);background:#f6f7f4eb;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.brand{font-family:var(--font-display), sans-serif;color:var(--ink);align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand-dot{background:var(--marigold);border:3px solid var(--pine);border-radius:3px;flex-shrink:0;width:12px;height:12px;transform:rotate(45deg)}.main-nav{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.main-nav a{color:var(--ink-soft);font-size:.95rem;font-weight:600}.main-nav a:hover{color:var(--pine-dark);text-decoration:none}.main-nav a.active{color:var(--pine-dark);box-shadow:inset 0 -2px 0 var(--marigold)}.lang-switch{border:1px solid var(--mist);border-radius:999px;font-size:.82rem;font-weight:700;display:flex;overflow:hidden}.lang-switch a{color:var(--ink-soft);padding:4px 12px}.lang-switch a:hover{background:var(--mist);text-decoration:none}.lang-switch a.on{background:var(--pine);color:#fff}.hero{padding-top:88px;padding-bottom:72px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--pine);align-items:center;gap:10px;margin-bottom:20px;font-size:.8rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--marigold);border-radius:2px;width:9px;height:9px;transform:rotate(45deg)}.hero h1{max-width:16ch;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700}.mark{white-space:nowrap;color:var(--pine-dark);position:relative}.mark:after{content:"";background:var(--marigold-soft);border-bottom:3px solid var(--marigold);z-index:-1;height:.32em;position:absolute;bottom:.08em;left:-2%;right:-2%}.hero .lead{max-width:56ch;color:var(--ink-soft);margin:20px 0 32px;font-size:1.15rem}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hero-visual{position:relative}.hero-visual img{border-radius:var(--radius);aspect-ratio:5/4;object-fit:cover;width:100%;box-shadow:0 18px 44px #14232b29}.hero-visual:before{content:"";z-index:-1;background:var(--marigold-soft);border:3px solid var(--marigold);border-radius:var(--radius);width:45%;height:55%;position:absolute;top:-16px;right:-16px}.hero-visual:after{content:"";z-index:-1;background:var(--mist);border-radius:var(--radius);width:34%;height:40%;position:absolute;bottom:-14px;left:-14px}@media (max-width:900px){.hero{padding-top:56px;padding-bottom:56px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-visual img{aspect-ratio:16/10}}.btn-row{flex-wrap:wrap;gap:14px;display:flex}.btn{border:2px solid var(--pine);cursor:pointer;border-radius:999px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:transform .12s,background .12s;display:inline-block}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--pine);color:#fff}.btn-primary:hover{background:var(--pine-dark);border-color:var(--pine-dark)}.btn-ghost{color:var(--pine-dark);background:0 0}.btn-ghost:hover{background:var(--mist)}.section{padding:64px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.section-head h2{margin:0;font-size:clamp(1.5rem,3vw,2.1rem)}.section-lead{color:var(--ink-soft);max-width:60ch;margin-top:-16px;margin-bottom:32px}.band{background:var(--pine-dark);color:#eef3f0}.band a.btn-primary{background:var(--marigold);border-color:var(--marigold);color:var(--ink)}.band a.btn-primary:hover{background:#f0b054;border-color:#f0b054}.band h2{color:#fff}.grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--mist);border-radius:var(--radius);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #14232b17}.card-cover{aspect-ratio:16/9;background:var(--mist);object-fit:cover;width:100%}.card-cover-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg, var(--mist), var(--marigold-soft));color:var(--pine);font-family:var(--font-display), sans-serif;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.card-body{flex-direction:column;flex:1;gap:8px;padding:20px 22px 24px;display:flex}.card-body h3{margin:0;font-size:1.15rem}.card-body h3 a{color:var(--ink)}.card-body p{color:var(--ink-soft);flex:1;margin:0;font-size:.95rem}.card-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--pine);font-size:.8rem;font-weight:700}.card-more{font-size:.9rem;font-weight:700}.empty-note{border:2px dashed var(--mist);border-radius:var(--radius);text-align:center;color:var(--ink-soft);padding:40px}.quote{text-align:center;padding:72px 24px}.quote blockquote{font-family:var(--font-display), sans-serif;max-width:26ch;margin:0 auto 14px;font-size:clamp(1.4rem,3.4vw,2.2rem);font-weight:600}.quote cite{color:var(--ink-soft);font-style:normal;font-weight:600}.prose{max-width:72ch}.prose p{color:var(--ink-soft);margin:0 0 1.2em}.prose ul{color:var(--ink-soft)}.article-header{padding:64px 0 24px}.article-header h1{max-width:22ch;font-size:clamp(1.9rem,4.5vw,3rem)}.article-cover{border-radius:var(--radius);object-fit:cover;width:100%;max-height:480px;margin:24px 0}.about-visual{border-radius:var(--radius);object-fit:cover;width:100%;max-height:440px;margin-bottom:40px;box-shadow:0 14px 36px #14232b1f}.page-intro{background:var(--card);border:1px solid var(--mist);border-radius:var(--radius);margin-bottom:48px;padding:40px}.page-intro-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.page-intro-grid h2{max-width:20ch;font-size:clamp(1.5rem,3.2vw,2.2rem)}.page-intro-grid p{color:var(--ink-soft);max-width:52ch}.page-intro-visual{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;width:100%}.intro-features{border-top:1px solid var(--mist);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;margin-top:40px;padding-top:32px;display:grid}.feature h3{margin:14px 0 6px;font-size:1rem}.feature p{color:var(--ink-soft);margin:0;font-size:.92rem}.feature-chip{background:var(--marigold-soft);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;display:inline-flex}.feature:nth-child(2) .feature-chip{background:var(--mist)}.feature:nth-child(3) .feature-chip{background:#e6e1f2}.feature:nth-child(4) .feature-chip{background:#fbdcd2}@media (max-width:820px){.page-intro{padding:26px}.page-intro-grid{grid-template-columns:1fr;gap:26px}}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.contact-visual{border-radius:var(--radius);width:100%}@media (max-width:820px){.contact-grid{grid-template-columns:1fr}.contact-visual{object-fit:cover;order:-1;max-height:320px}}.article-date{color:var(--ink-soft);font-size:.9rem}.form{flex-direction:column;gap:14px;max-width:560px;display:flex}.form label{font-size:.9rem;font-weight:700}.form input,.form textarea,.form select{border:1.5px solid var(--mist);width:100%;font:inherit;background:var(--card);color:var(--ink);border-radius:10px;padding:12px 14px}.form input:focus,.form textarea:focus{border-color:var(--pine)}.form-status{font-weight:600}.form-status.ok{color:var(--pine)}.form-status.err{color:#b3402a}.site-footer{border-top:1px solid var(--mist);color:var(--ink-soft);margin-top:40px;padding:40px 0;font-size:.92rem}.site-footer .container{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.admin-wrap{max-width:980px;margin:0 auto;padding:32px 20px 80px}.admin-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.admin-tabs{flex-wrap:wrap;gap:8px;display:flex}.admin-tabs button{border:1.5px solid var(--mist);background:var(--card);font:inherit;cursor:pointer;color:var(--ink-soft);border-radius:999px;padding:8px 18px;font-weight:700}.admin-tabs button.on{background:var(--pine);color:#fff;border-color:var(--pine)}.admin-list{flex-direction:column;gap:10px;display:flex}.admin-item{background:var(--card);border:1px solid var(--mist);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.admin-item .t{font-weight:700}.admin-item .muted{color:var(--ink-soft);font-size:.85rem}.pill{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:800}.pill.pub{color:var(--pine-dark);background:#e0efe7}.pill.draft{background:var(--marigold-soft);color:#8a5a10}.admin-actions{gap:8px;display:flex}.btn-sm{border:1.5px solid var(--mist);background:var(--card);font:inherit;cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:700}.btn-sm.danger{color:#b3402a;border-color:#ecc9c0}.btn-sm:hover{background:var(--mist)}.editor-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:720px){.editor-grid{grid-template-columns:1fr}}.editor-grid .full{grid-column:1/-1}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.btn{transition:none}}