:root{--ink: oklch(.19 .018 255);--muted: oklch(.43 .024 245);--soft: oklch(.94 .018 174);--paper: oklch(.985 0 0);--surface: oklch(1 0 0);--line: oklch(.88 .012 174);--green: oklch(.45 .095 166);--green-dark: oklch(.25 .062 170);--cyan: oklch(.76 .118 181);--amber: oklch(.7 .128 72);--charcoal: oklch(.18 .018 250);--shadow-border: 0 0 0 1px rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-border-hover: 0 0 0 1px rgba(0, 0, 0, .08), 0 12px 28px -18px rgba(17, 21, 28, .34), 0 18px 48px -26px rgba(17, 21, 28, .28);--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: clamp(3rem, 7vw, 6rem);--max: 1180px;color-scheme:light;font-family:Aptos,Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;min-height:100svh;flex-direction:column;margin:0;background:var(--paper);color:var(--ink);overflow-x:hidden}.page-shell{flex:1}.skip-link{position:fixed;left:16px;top:12px;z-index:100;transform:translateY(-150%);border-radius:8px;background:var(--ink);color:#fff;font-weight:800;padding:12px 16px;transition:transform .18s ease-out}.skip-link:focus-visible{transform:translateY(0);outline:3px solid var(--amber);outline-offset:3px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in oklch,var(--paper) 88%,transparent);backdrop-filter:blur(16px);box-shadow:0 1px #11151c14}.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:var(--space-lg)}.brand{display:inline-flex;align-items:center;gap:11px;min-height:44px;font-size:18px;font-weight:800;line-height:1}.brand-mark{position:relative;flex:0 0 auto;overflow:hidden;width:34px;height:34px;border-radius:10px;background:radial-gradient(circle at 77% 24%,rgba(229,172,61,.98) 0 4px,transparent 5px),radial-gradient(circle at 26% 82%,rgba(128,242,222,.3),transparent 34%),linear-gradient(135deg,#062a2d,#0d7768 58%,#12202b);box-shadow:inset 0 0 0 1px #ffffff2e,0 12px 24px -18px #071116c7}.brand-mark:before,.brand-mark:after{position:absolute;content:""}.brand-mark:before{left:8px;top:15px;width:21px;height:11px;border-right:2px solid rgba(170,255,238,.92);border-bottom:2px solid rgba(170,255,238,.92);border-radius:0 0 9px;transform:rotate(-18deg);transform-origin:left center}.brand-mark:after{left:10px;top:9px;width:7px;height:7px;border-radius:999px;background:#88f3df;box-shadow:10px 5px 0 -2px #88f3dfe6,14px -3px 0 -1px #e5ac3deb,0 0 18px #88f3dfb8}.nav-links{display:flex;align-items:center;gap:var(--space-lg);color:var(--muted);font-size:14px;font-weight:700}.nav-links a:hover{color:var(--ink)}.nav-links a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.nav-links a[aria-current=page]{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;font-weight:800;transition:transform .18s ease-out,color .18s ease-out,background-color .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out;touch-action:manipulation}.button.secondary{border-color:#11151c2e;background:color-mix(in oklch,var(--paper) 76%,transparent);color:var(--ink)}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-border-hover)}.button:active{transform:scale(.96)}a:focus-visible,.button:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.section{padding:var(--space-2xl) 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{margin:0 0 10px;color:var(--green);font-size:14px;font-weight:900}h1,h2,h3,p{letter-spacing:0}h1,h2,h3{text-wrap:balance}h1{margin:0;max-width:780px;font-size:clamp(48px,8vw,96px);line-height:.95}h2{margin:0;font-size:clamp(32px,5vw,56px);line-height:1}h3{margin:0;font-size:22px;line-height:1.18}p{color:var(--muted);font-size:17px;line-height:1.65;text-wrap:pretty}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.post-card{overflow:hidden;border-radius:8px;background:var(--surface);box-shadow:var(--shadow-border);transition:transform .18s ease-out,box-shadow .18s ease-out}.post-card a{display:block;height:100%}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-border-hover)}.post-card img{width:100%;height:clamp(220px,18vw,268px);object-fit:cover;transition:transform .26s ease-out}.post-card:hover img{transform:scale(1.025)}.post-card-body{padding:22px}.post-card h3{font-size:21px;line-height:1.18;text-wrap:pretty}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;color:var(--green);font-size:12px;font-weight:900}.post-card p{margin:12px 0 0;font-size:15px}.site-footer{border-top:1px solid var(--line);padding:42px 0;background:var(--soft);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}.footer-links{display:flex;flex-wrap:wrap;justify-content:end;gap:14px;font-size:14px}.footer-links a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}@media(max-width:820px){.nav{align-items:start;flex-direction:column;gap:8px;padding:12px 0}.nav-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:6px;color:var(--ink);font-size:13px}.nav-links a{justify-content:center;border-radius:8px;padding:0 8px;background:color-mix(in oklch,var(--surface) 70%,transparent)}.nav-links a[aria-current=page]{background:var(--ink);color:#fff}.section{padding:clamp(3rem,11vw,4.5rem) 0}.section-heading,.footer-grid{align-items:start;display:grid;grid-template-columns:1fr}.grid{grid-template-columns:1fr}.post-card img{height:auto;aspect-ratio:16 / 9}.footer-links{justify-content:start}}@media(max-width:520px){.container{width:min(var(--max),calc(100% - 32px))}h1{max-width:100%;font-size:clamp(34px,10.5vw,40px);line-height:1;text-wrap:pretty}h2{font-size:clamp(30px,10vw,42px)}.button{width:100%}.nav-links{grid-template-columns:repeat(2,minmax(0,1fr));font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}