:root{--color-blue:#0f3aaf;--color-pink:#ff80df;--color-green:#3f7f00;--color-ink:#161616;--color-muted:#60636b;--color-line:#d9deec;--color-paper:#fff;--color-soft:#f7f8fb;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{background:var(--color-paper);min-height:100vh;color:var(--color-ink);font-family:var(--font-sans);flex-direction:column;margin:0;line-height:1.55;display:flex}main{flex:1 0 auto}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(1120px,100% - 32px);margin:0 auto}.site-header{z-index:10;border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.brand{align-items:center;gap:12px;font-weight:760;display:inline-flex}.brand-mark{object-fit:contain;width:42px;height:42px}.brand-text{max-width:210px;color:var(--color-blue);line-height:1.1}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav a{color:var(--color-muted);border:1px solid #0000;border-radius:999px;padding:8px 12px;font-size:.95rem}.nav a:hover,.nav a[aria-current=page]{border-color:var(--color-line);color:var(--color-blue)}.language-switch{font-weight:700;border-color:var(--color-blue)!important;color:var(--color-blue)!important}.hero{align-items:center;min-height:calc(100vh - 76px);padding:60px 0 42px;display:grid}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:40px;display:grid}.eyebrow{color:var(--color-green);letter-spacing:0;text-transform:uppercase;margin:0 0 16px;font-size:.82rem;font-weight:760}h1,h2,h3{overflow-wrap:break-word;letter-spacing:0;margin:0;line-height:1.06}h1{max-width:850px;color:var(--color-blue);font-size:clamp(3rem,7vw,6.5rem)}h2{color:var(--color-blue);font-size:clamp(2rem,4vw,3.6rem)}h3{font-size:1.35rem}.lead{max-width:680px;color:var(--color-muted);margin:22px 0 0;font-size:1.2rem}.home-details{max-width:900px;margin:12px 0 0;font-size:1.2rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid var(--color-blue);background:var(--color-blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:760;display:inline-flex}.button.secondary{color:var(--color-blue);background:#fff}.identity-panel{border:1px solid var(--color-line);background:linear-gradient(#ffffffe6,#ffffffd1),url(/assets/brand/pattern-color.svg) 50%/cover;place-items:center;min-height:430px;padding:40px;display:grid}.identity-panel img{width:min(280px,70%)}.section-band{border-top:1px solid var(--color-line);padding:64px 0}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.section-heading p{max-width:560px;color:var(--color-muted);margin:10px 0 0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--color-line);background:#fff;border-radius:8px;flex-direction:column;min-height:220px;padding:22px;display:flex}.card:hover{border-color:var(--color-blue)}.section-card>.pill:first-child{margin-bottom:16px}.meta{min-height:94px;color:var(--color-muted);flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px;font-size:.88rem;display:flex}.post-date{min-height:1.35em}.pill{border:1px solid var(--color-line);max-width:100%;color:var(--color-blue);border-radius:999px;padding:3px 8px;font-size:.82rem;font-weight:700;line-height:1.35;display:inline-flex}.card h3{min-height:3.2em;margin-bottom:16px}.card p{min-height:3.1em;color:var(--color-muted);margin:0 0 20px}.card>.pill:last-child{align-self:flex-start;margin-top:auto}.page-header{border-bottom:1px solid var(--color-line);background:linear-gradient(90deg,#fffffffa,#ffffffd1),url(/assets/brand/pattern-color.svg) 50%/820px;padding:72px 0}.page-header h1{font-size:clamp(2rem,4vw,3.6rem)}.page-header .home-title{max-width:900px;font-size:clamp(2rem,4vw,3.6rem)}.article{width:min(760px,100% - 32px);margin:0 auto;padding:64px 0}.article--html{width:min(1120px,100% - 32px)}.article h1{font-size:clamp(2rem,4vw,3.6rem)}.article-body{font-family:var(--font-serif);margin-top:36px;font-size:1.16rem;line-height:1.72}.article-cover{width:100%;height:auto;margin-top:36px}.article-html-frame{border:0;width:100%;min-height:320px;margin-top:36px;display:block}.article-body h2{font-family:var(--font-sans);margin-top:42px;margin-bottom:18px;font-size:2rem}.article-body h3{font-family:var(--font-sans);margin-top:32px;margin-bottom:14px}.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body pre,.article-body table{margin-top:0;margin-bottom:1.2em}.article-body li+li{margin-top:.35em}.article-body blockquote{border-left:3px solid var(--color-blue);color:var(--color-muted);margin-left:0;padding-left:20px}.article-body pre,.article-body table{max-width:100%;overflow-x:auto}.article-body a{color:var(--color-blue);text-decoration:underline}.article-body picture,.article-body img{width:100%;display:block}.article-body picture{margin:36px 0}.article-body img{height:auto}.site-footer{border-top:1px solid var(--color-line);color:var(--color-muted);padding:34px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:18px;display:flex}a:focus-visible,button:focus-visible{outline:3px solid var(--color-pink);outline-offset:3px}@media (max-width:800px){.hero-grid,.section-heading{flex-direction:column;align-items:flex-start}.header-inner{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:0;padding:12px 0;display:grid}.header-actions{display:contents}.language-switch{grid-area:1/2;align-self:center}.nav{grid-area:2/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;display:grid}.nav a{text-align:center;justify-content:center;align-items:center;min-width:0;padding:7px 4px;font-size:.85rem;display:flex}.hero-grid,.grid,.grid.two{grid-template-columns:1fr}.hero{min-height:auto}.page-header,.section-band,.article{padding-top:48px;padding-bottom:48px}.article-body{margin-top:30px;font-size:1.08rem;line-height:1.68}.card h3,.card p,.meta{min-height:0}.identity-panel{min-height:280px}}@media (max-width:360px){.brand-text{max-width:175px;font-size:.92rem}.nav a{font-size:.78rem}}