:root{--bg:#f0eadf;--bg-2:#f5efe6;--cream:#fbf8f2;--glass:rgba(255,253,248,.55);--glass-strong:rgba(255,253,248,.74);--glass-border:hsla(0,0%,100%,.75);--glass-line:rgba(110,95,72,.16);--ink:#2c2620;--ink-soft:#574e43;--ink-dim:#8a8073;--accent:#a37b4f;--accent-deep:#855f37;--accent-soft:rgba(163,123,79,.13);--accent-ring:rgba(163,123,79,.3);--shadow-sm:0 1px 2px rgba(80,60,40,.06);--shadow-md:0 18px 44px -22px rgba(70,52,32,.32);--shadow-lg:0 30px 70px -30px rgba(70,52,32,.4);--glass-sheen:inset 0 1px 0 hsla(0,0%,100%,.65);--font-display:"Plus Jakarta Sans",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--maxw:940px;--pad:clamp(20px,5vw,48px);--radius:18px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}body{background:radial-gradient(1200px 620px at 18% -10%,#faf4ea 0,transparent 60%),radial-gradient(900px 540px at 100% 0,#ece1cf 0,transparent 55%),radial-gradient(700px 700px at 88% 100%,#f5eede 0,transparent 60%),var(--bg);background-attachment:fixed;color:var(--ink-soft);font-family:var(--font-body);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);background:color-mix(in srgb,var(--cream) 58%,transparent);border-bottom:1px solid var(--glass-line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}.nav-mark{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--ink);display:inline-flex;align-items:center;gap:8px}.nav-leaf{color:var(--accent);font-size:15px}.nav-links{display:flex;align-items:center;gap:24px;font-family:var(--font-mono);font-size:12.5px}.nav-links a{color:var(--ink-dim);transition:color .2s;white-space:nowrap;letter-spacing:.01em}.nav-links a:hover{color:var(--accent-deep)}@media (max-width:720px){.nav-links{gap:15px;font-size:12px}}@media (max-width:560px){.nav-mark{font-size:16px}.nav-links{gap:12px}}.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--glass-border);border-radius:100px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm),var(--glass-sheen)}.lang-btn{font-family:var(--font-mono);font-size:12px;line-height:1;padding:5px 10px;border:0;border-radius:100px;background:transparent;color:var(--ink-dim);cursor:pointer;transition:all .18s}.lang-btn:hover{color:var(--accent-deep)}.lang-btn[data-active=true]{background:var(--accent);color:var(--cream);font-weight:500;box-shadow:0 2px 8px var(--accent-ring)}.hero{position:relative;overflow:hidden;padding-block:clamp(84px,15vw,160px) clamp(60px,10vw,104px);text-align:center}.hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px 380px at 50% 16%,hsla(0,0%,100%,.5) 0,transparent 70%)}.hero .wrap{position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12.5px;color:var(--accent-deep);letter-spacing:.05em;margin-bottom:30px;padding:7px 16px;border-radius:100px;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm),var(--glass-sheen)}.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(163,123,79,.45)}70%{box-shadow:0 0 0 8px rgba(163,123,79,0)}to{box-shadow:0 0 0 0 rgba(163,123,79,0)}}.hero-name{font-family:var(--font-display);font-weight:600;font-size:clamp(50px,11.5vw,116px);line-height:1;letter-spacing:-.035em;margin-bottom:30px;color:var(--ink)}.hero-tagline{font-size:clamp(19px,2.6vw,25px);max-width:26ch;line-height:1.5;color:var(--ink-soft);margin:0 auto 34px;font-weight:400}.hero-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-dim)}.hero-meta-label{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--accent-deep)}.langs{display:inline-flex;flex-wrap:wrap;gap:4px 6px}.langs span:not(:last-child):after{content:" ·";color:var(--accent)}.section{padding-block:clamp(60px,9vw,104px);border-top:1px solid var(--glass-line)}.section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:44px}.section-num{font-family:var(--font-mono);font-size:12.5px;color:var(--accent);font-weight:500}.section-title{font-family:var(--font-display);font-weight:600;color:var(--ink);font-size:clamp(27px,4.2vw,40px);letter-spacing:-.025em}.about p{max-width:64ch;margin-bottom:20px;color:var(--ink-soft);font-size:17.5px}.about p:first-of-type{color:var(--ink);font-size:20px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.filter{font-family:var(--font-mono);font-size:12.5px;padding:8px 16px;border:1px solid var(--glass-border);border-radius:100px;color:var(--ink-dim);background:var(--glass);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .18s;box-shadow:var(--shadow-sm),var(--glass-sheen)}.filter:hover{color:var(--accent-deep)}.filter[data-active=true]{color:var(--cream);background:var(--accent);border-color:var(--accent);font-weight:500;box-shadow:0 4px 14px var(--accent-ring)}.projects{display:grid;grid-gap:16px;gap:16px}.card{background:var(--glass);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--glass-border);border-radius:var(--radius);padding:26px clamp(22px,4vw,34px);box-shadow:var(--shadow-md),var(--glass-sheen);transition:transform .25s,box-shadow .3s;display:block;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--glass-sheen)}.card-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.card-title{font-family:var(--font-display);font-weight:600;font-size:21px;letter-spacing:-.02em;color:var(--ink)}.card-year{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-dim);flex-shrink:0}.card-blurb{color:var(--ink-soft);margin:12px 0 18px;max-width:62ch;font-size:15.5px}.card-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;padding:4px 11px;border-radius:100px;background:var(--accent-soft);color:var(--accent-deep);border:1px solid var(--accent-ring)}.tag-soft{background:hsla(0,0%,100%,.4);border-color:var(--glass-line);color:var(--ink-dim)}.card-arrow{color:var(--accent);opacity:0;transition:opacity .2s,transform .2s}.card:hover .card-arrow{opacity:1;transform:translateX(3px)}.post-list{display:grid;grid-gap:16px;gap:16px}.post{display:block;background:var(--glass);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--glass-border);border-radius:var(--radius);padding:24px clamp(22px,4vw,30px);box-shadow:var(--shadow-md),var(--glass-sheen);transition:transform .25s,box-shadow .3s}.post:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--glass-sheen)}.post-meta{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim);margin-bottom:10px}.post-read{display:inline-flex;align-items:center;gap:6px}.post-read:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent)}.post-date{font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.post-title{font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:-.02em;color:var(--ink);transition:color .2s;margin-bottom:8px}.post:hover .post-title{color:var(--accent-deep)}.post-blurb{color:var(--ink-soft);font-size:15.5px;max-width:64ch;margin-bottom:16px}.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.post-cta{margin-left:auto;font-family:var(--font-mono);font-size:12.5px;color:var(--accent);transition:transform .2s}.post:hover .post-cta{transform:translateX(3px)}.article{padding-block:clamp(40px,7vw,80px) clamp(52px,9vw,96px)}.article-wrap{max-width:700px}.article-back{display:inline-block;font-family:var(--font-mono);font-size:12.5px;color:var(--accent-deep);margin-bottom:30px;transition:color .2s}.article-back:hover{color:var(--accent)}.article-back-end{margin-top:52px;margin-bottom:0}.article-meta{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim);margin-bottom:16px}.article-title{font-family:var(--font-display);font-weight:700;font-size:clamp(33px,5.6vw,54px);line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:20px}.article-tags{margin-bottom:40px}.article-body{font-size:18.5px;line-height:1.85}.article-body p{margin-bottom:26px;color:var(--ink-soft)}.article-body p:first-of-type{color:var(--ink)}.article-body p:first-of-type:first-letter{font-family:var(--font-display);font-weight:600;color:var(--accent-deep);font-size:3em;line-height:.82;float:left;margin:7px 14px 0 0}.contact-lead{color:var(--ink-soft);margin-bottom:30px;max-width:54ch;font-size:17.5px}.cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13.5px;padding:14px 26px;border-radius:100px;background:var(--accent);color:var(--cream);font-weight:500;box-shadow:0 12px 28px -12px var(--accent-deep);transition:transform .15s,box-shadow .25s,background .2s}.cta:hover{transform:translateY(-2px);background:var(--accent-deep);box-shadow:0 18px 36px -12px var(--accent-deep)}.footer{border-top:1px solid var(--glass-line);padding-block:48px;font-family:var(--font-mono);font-size:12.5px;background:color-mix(in srgb,var(--cream) 40%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footer .nav-inner{flex-wrap:wrap;gap:16px 28px;height:auto}.footer-links{display:flex;gap:28px;flex-wrap:wrap}.footer a{color:var(--ink-dim);transition:color .2s}.footer a:hover{color:var(--accent-deep)}.footer .copy{color:var(--ink-dim)}.article-wide{max-width:880px}.post-featured{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 60%,var(--glass)) 0,var(--glass) 70%);border-color:var(--accent-ring)}.post-flag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:100px;background:var(--accent);color:var(--cream);font-weight:600}.cs{font-size:17px;line-height:1.75;color:var(--ink-soft)}.article-wide .article-body p:first-of-type:first-letter{float:none;font-size:inherit;font-weight:inherit;color:inherit;margin:0;line-height:inherit}.cs p{margin-bottom:22px}.cs strong{color:var(--ink);font-weight:600}.cs em{color:var(--ink);font-style:italic}.cs-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1px;gap:1px;background:var(--glass-line);border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;margin-bottom:36px;box-shadow:var(--shadow-sm),var(--glass-sheen)}.cs-overview-item{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 18px;display:flex;flex-direction:column;gap:5px}.cs-overview-k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep)}.cs-overview-v{font-size:14.5px;color:var(--ink);font-weight:500}.cs-lead{font-size:20px;line-height:1.6;color:var(--ink)!important;margin-bottom:12px}.cs-h2{font-family:var(--font-display);font-weight:600;color:var(--ink);font-size:clamp(23px,3.2vw,30px);letter-spacing:-.02em;margin:56px 0 20px;display:flex;align-items:baseline;gap:12px;padding-top:28px;border-top:1px solid var(--glass-line)}.cs-h2-num{font-family:var(--font-mono);font-size:14px;color:var(--accent);font-weight:500}.cs-h3{font-weight:600;font-size:20px;letter-spacing:-.01em;margin:40px 0 16px}.cs-h3,.cs-question{font-family:var(--font-display);color:var(--ink)}.cs-question{font-weight:500;font-size:clamp(20px,2.6vw,25px);line-height:1.4;margin:0 0 22px;padding:22px 26px;border-left:3px solid var(--accent);border-radius:0 14px 14px 0;background:var(--accent-soft)}.cs-list{list-style:none;margin:0 0 22px;padding:0}.cs-list li{position:relative;padding-left:26px;margin-bottom:11px;color:var(--ink-soft)}.cs-list li:before{content:"\2192";position:absolute;left:0;color:var(--accent);font-weight:600}.cs-table-wrap{overflow-x:auto;margin:24px 0 28px;border:1px solid var(--glass-border);border-radius:14px;box-shadow:var(--shadow-sm),var(--glass-sheen)}.cs-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:460px}.cs-table thead th{text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-deep);background:color-mix(in srgb,var(--accent-soft) 50%,var(--glass))}.cs-table tbody td,.cs-table thead th{padding:13px 16px;border-bottom:1px solid var(--glass-line)}.cs-table tbody td{color:var(--ink-soft);vertical-align:top;background:var(--glass)}.cs-table tbody tr:last-child td{border-bottom:0}.cs-pid{display:inline-block;font-family:var(--font-mono);font-weight:600;font-size:12px;color:var(--accent-deep);background:var(--accent-soft);border:1px solid var(--accent-ring);padding:2px 9px;border-radius:100px}.cs-pid-sm{font-size:11px;color:var(--ink-dim);background:hsla(0,0%,100%,.4);border-color:var(--glass-line)}.cs-chart{display:flex;flex-direction:column;gap:12px;margin:26px 0 8px;padding:24px clamp(18px,3vw,26px);background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-sm),var(--glass-sheen);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cs-bar-row{display:flex;align-items:center;gap:14px}.cs-bar-label{flex:0 0 220px;font-size:13.5px;color:var(--ink);line-height:1.3}.cs-bar-track{flex:1 1;height:32px;border-radius:9px;background:rgba(110,95,72,.1);overflow:hidden}.cs-bar-fill{height:100%;border-radius:9px;background:linear-gradient(90deg,var(--accent),var(--accent-deep));display:flex;align-items:center;justify-content:flex-end;padding-right:12px;min-width:64px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.cs-bar-who{font-family:var(--font-mono);font-size:11px;color:var(--cream);white-space:nowrap}.cs-bar-n{flex:0 0 auto;width:40px;text-align:right;font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--ink)}.cs-bar-den{font-size:12px;color:var(--ink-dim);font-weight:500}@media (max-width:640px){.cs-bar-row{flex-wrap:wrap;gap:6px 12px}.cs-bar-label{flex-basis:100%}}.cs-pains{display:grid;grid-gap:18px;gap:18px;margin-top:8px}.cs-pain{background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid var(--glass-border);border-radius:18px;padding:26px clamp(20px,3.5vw,30px);box-shadow:var(--shadow-md),var(--glass-sheen)}.cs-pain-head{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}.cs-pain-no{font-weight:700;font-size:26px;color:var(--accent);flex-shrink:0;line-height:1}.cs-pain-no,.cs-pain-title{font-family:var(--font-display)}.cs-pain-title{font-weight:600;font-size:19px;letter-spacing:-.01em;color:var(--ink);line-height:1.3}.cs-evidence{display:inline-block;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.03em;color:var(--accent-deep);background:var(--accent-soft);border:1px solid var(--accent-ring);padding:4px 11px;border-radius:100px;margin-bottom:18px}.cs-quotes{display:grid;grid-gap:10px;gap:10px;margin-bottom:18px}.cs-quote{margin:0;padding:14px 16px;border-radius:12px;background:hsla(0,0%,100%,.42);border:1px solid var(--glass-line)}.cs-quote p{margin:0 0 6px;font-style:italic;color:var(--ink);font-size:15px;line-height:1.55}.cs-quote cite{font-family:var(--font-mono);font-style:normal;font-size:11.5px;font-weight:600;color:var(--accent-deep)}.cs-impact{font-size:15.5px;margin-bottom:16px!important;color:var(--ink-soft)}.cs-emotions{display:flex;flex-wrap:wrap;gap:8px}.cs-emotion{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:4px 11px;border-radius:6px;background:rgba(110,95,72,.09);color:var(--ink-dim);border:1px solid var(--glass-line)}.cs-insight{font-size:17px!important;line-height:1.6;color:var(--ink)!important;padding:22px 26px;border-radius:14px;background:var(--accent-soft);border:1px solid var(--accent-ring);margin:8px 0 28px!important}.cs-recs{display:grid;grid-gap:16px;gap:16px}.cs-rec{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:24px clamp(20px,3.5vw,28px);box-shadow:var(--shadow-sm),var(--glass-sheen)}.cs-rec-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.cs-rec-no{font-weight:600;font-size:13px;color:var(--cream);background:var(--accent);padding:3px 11px;border-radius:100px}.cs-rec-addr,.cs-rec-no{font-family:var(--font-mono)}.cs-rec-addr{font-size:11.5px;color:var(--ink-dim)}.cs-rec-title{font-family:var(--font-display);font-weight:600;font-size:18.5px;letter-spacing:-.01em;color:var(--ink);margin-bottom:10px;line-height:1.3}.cs-rec-sol{font-size:15.5px;color:var(--ink-soft);margin-bottom:14px!important}.cs-rec-metric{font-size:13.5px;color:var(--ink-dim);margin:0!important}.cs-rec-metric span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep);margin-right:8px}.cs-reflection{font-size:19px!important;line-height:1.6;color:var(--ink)!important}.cs-sig{margin-top:40px!important;padding-top:24px;border-top:1px solid var(--glass-line);font-family:var(--font-mono);font-size:12.5px;color:var(--ink-dim)}