:root{--bg: #f6f7fb;--surface: #ffffff;--text: #101827;--muted: #4f5b72;--border: #d8deed;--accent: #0f7cff;--accent-strong: #00a88f;--focus: #1e9bff;--bg-grad-1: #ccf2ff;--bg-grad-2: #ffe2ef;--radius: 14px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--shadow: 0 14px 34px rgba(16, 24, 39, .1);--shadow-soft: 0 8px 20px rgba(16, 24, 39, .08);--shadow-strong: 0 18px 36px rgba(16, 24, 39, .14);--surface-1: color-mix(in srgb, var(--surface) 88%, transparent);--surface-2: color-mix(in srgb, var(--surface) 78%, transparent);--surface-3: color-mix(in srgb, var(--surface) 68%, transparent);--motion-fast: .14s;--motion-base: .18s;--motion-slow: .24s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--fs-900: clamp(2.4rem, 4.8vw, 3rem);--fs-800: clamp(2rem, 3.4vw, 2.25rem);--fs-700: clamp(1.6rem, 2.8vw, 1.75rem);--fs-600: clamp(1.2rem, 2vw, 1.25rem);--fs-500: 1rem;--font-reading: "IBM Plex Sans", "Segoe UI", sans-serif;--font-reading-heading: "Space Grotesk", "IBM Plex Sans", "Segoe UI", sans-serif;--font-code: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}:root[data-color-style=brinjal],:root:not([data-color-style]){--bg: #f6f7fb;--surface: #ffffff;--text: #101827;--muted: #4f5b72;--border: #d8deed;--accent: #0f7cff;--accent-strong: #00a88f;--focus: #1e9bff;--bg-grad-1: #ccf2ff;--bg-grad-2: #ffe2ef;--shadow: 0 14px 34px rgba(16, 24, 39, .1);--shadow-soft: 0 8px 20px rgba(16, 24, 39, .08);--shadow-strong: 0 18px 36px rgba(16, 24, 39, .14)}:root[data-theme=dark][data-color-style=brinjal],:root[data-theme=dark]:not([data-color-style]){--bg: #0b1020;--surface: #121a2f;--text: #e9efff;--muted: #a7b4d9;--border: #2a3559;--accent: #56c7ff;--accent-strong: #2be3be;--focus: #76d6ff;--bg-grad-1: #12243f;--bg-grad-2: #2a1e35;--shadow: 0 18px 42px rgba(0, 0, 0, .42);--shadow-soft: 0 10px 24px rgba(0, 0, 0, .35);--shadow-strong: 0 20px 44px rgba(0, 0, 0, .5)}:root[data-color-style=forest-tide]{--bg: #f3f3ef;--surface: #ffffff;--text: #121414;--muted: #4a5353;--border: #cad1cf;--accent: #0a7f69;--accent-strong: #055947;--focus: #0d9f84;--bg-grad-1: #d8ece6;--bg-grad-2: #e9ded1;--shadow: 0 12px 30px rgba(18, 20, 20, .08);--shadow-soft: 0 8px 18px rgba(18, 20, 20, .06);--shadow-strong: 0 16px 34px rgba(18, 20, 20, .12)}:root[data-theme=dark][data-color-style=forest-tide]{--bg: #111716;--surface: #1a2221;--text: #e9f0ee;--muted: #b7c4c0;--border: #33403d;--accent: #29ad91;--accent-strong: #46c7ac;--focus: #5dd7bd;--bg-grad-1: #1a3a34;--bg-grad-2: #2e2a23;--shadow: 0 14px 36px rgba(0, 0, 0, .34);--shadow-soft: 0 8px 20px rgba(0, 0, 0, .28);--shadow-strong: 0 18px 40px rgba(0, 0, 0, .42)}:root[data-color-style=sunset-graphite]{--bg: #f8f3ef;--surface: #fffdfb;--text: #1a1620;--muted: #5f5768;--border: #dfd4cc;--accent: #d55f3a;--accent-strong: #9a3d9f;--focus: #cf5d8f;--bg-grad-1: #ffd9bf;--bg-grad-2: #e7d8ff;--shadow: 0 14px 34px rgba(26, 22, 32, .12);--shadow-soft: 0 8px 20px rgba(26, 22, 32, .08);--shadow-strong: 0 18px 36px rgba(26, 22, 32, .16)}:root[data-theme=dark][data-color-style=sunset-graphite]{--bg: #131018;--surface: #1e1726;--text: #f2ebff;--muted: #b9adc9;--border: #3b2f4b;--accent: #ff9a62;--accent-strong: #d98bff;--focus: #ffb38f;--bg-grad-1: #442722;--bg-grad-2: #312044;--shadow: 0 18px 42px rgba(0, 0, 0, .45);--shadow-soft: 0 10px 24px rgba(0, 0, 0, .34);--shadow-strong: 0 22px 48px rgba(0, 0, 0, .54)}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(120% 78% at 100% 0%,color-mix(in srgb,var(--bg-grad-1) 42%,transparent) 0%,transparent 58%),radial-gradient(110% 74% at 0% 0%,color-mix(in srgb,var(--bg-grad-2) 40%,transparent) 0%,transparent 62%),var(--bg);line-height:1.62}main{flex:1}h1,h2,h3{font-family:Space Grotesk,Arial Black,sans-serif;line-height:1.1;letter-spacing:-.02em}h1{font-size:var(--fs-900)}h2{font-size:var(--fs-800)}h3{font-size:var(--fs-700)}a{color:inherit}a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.shell{width:min(1080px,92vw);margin-inline:auto}.section{padding:clamp(3rem,6vw,4.5rem) 0;animation:section-fade .42s ease both}.section-alt{background:color-mix(in srgb,var(--surface) 72%,transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.site-header{border-bottom:1px solid color-mix(in srgb,var(--border) 20%,transparent);backdrop-filter:blur(14px) saturate(108%);-webkit-backdrop-filter:blur(14px) saturate(108%);background:color-mix(in srgb,var(--bg) 46%,transparent);position:sticky;top:0;z-index:12}.header-inner{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between;padding:.8rem 0}.brand{position:relative;display:inline-flex;align-items:center;gap:.46rem;white-space:nowrap;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:1.04rem;font-weight:600;letter-spacing:.01em;text-transform:none;text-decoration:none;color:color-mix(in srgb,var(--text) 96%,var(--muted) 4%);padding:.22rem 0;border:0;background:transparent;box-shadow:none;transition:color .18s ease,opacity .14s ease,transform .14s ease}.brand:hover{color:color-mix(in srgb,var(--accent-strong) 72%,var(--text) 28%)}.brand:active{transform:translateY(1px);opacity:.92}.brand:focus-visible{outline-color:color-mix(in srgb,var(--focus) 82%,transparent)}.brand:before{content:none}.header-controls{display:flex;align-items:center;gap:.62rem;border:0;border-radius:999px;padding:.34rem;background:transparent;box-shadow:none;backdrop-filter:blur(14px) saturate(112%);-webkit-backdrop-filter:blur(14px) saturate(112%)}.primary-nav{display:block}.nav-menu-toggle{display:none;align-items:center;justify-content:center;width:2.08rem;height:2.08rem;border:1px solid color-mix(in srgb,var(--border) 56%,transparent);background:transparent;color:var(--text);border-radius:999px;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .14s ease}.nav-menu-toggle svg{width:1.05rem;height:1.05rem}.nav-menu-toggle:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--border) 62%);background:color-mix(in srgb,var(--accent) 8%,var(--surface) 92%)}.nav-list,.social-links,.tag-list{display:flex;gap:var(--space-4);list-style:none;padding:0;margin:0}.social-links-icons{gap:.55rem}.social-links-icons a{width:2.05rem;height:2.05rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,transparent);transition:transform var(--motion-fast) ease,border-color var(--motion-base) ease,color var(--motion-base) ease,box-shadow var(--motion-base) ease,background-color var(--motion-base) ease}.social-links-icons a:hover{border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface) 92%)}.social-links-icons a:active{transform:translateY(1px) scale(.98)}.social-links-icons img{display:block;width:1rem;height:1rem}.nav-list{gap:.3rem}.tag-list li{border:1px solid var(--border);border-radius:999px;padding:.2rem .62rem;background:color-mix(in srgb,var(--surface) 84%,transparent);font-size:.8rem}.nav-list a{position:relative;overflow:hidden;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:1.02rem;text-decoration:none;padding:.46rem .82rem;border:1px solid transparent;border-radius:999px;color:color-mix(in srgb,var(--text) 84%,var(--muted) 16%);transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .16s ease,box-shadow .18s ease}.nav-list a[aria-current=page]{background:color-mix(in srgb,var(--surface) 52%,transparent);border-color:color-mix(in srgb,var(--border) 56%,var(--accent) 44%);color:var(--text);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 14%,transparent)}.nav-list a:hover{border-color:color-mix(in srgb,var(--border) 72%,var(--accent) 28%);background:color-mix(in srgb,var(--surface) 56%,transparent);color:var(--text);transform:translateY(-.5px);box-shadow:0 2px 8px #1214140a}.nav-list a:active{transform:translateY(0) scale(.99)}.nav-list:hover a:not(:hover):not(:focus-visible){filter:blur(1.6px);opacity:.55}.hero{padding:clamp(3.8rem,8vw,5.5rem) 0 1.2rem}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);margin:.5rem 0 1rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--muted)}.hero-copy{color:var(--muted);max-width:55ch;margin-bottom:1.4rem}.hero-actions{display:flex;gap:.9rem;flex-wrap:wrap}.button{text-decoration:none;border-radius:999px;padding:.7rem 1.1rem;font-weight:600;display:inline-flex;align-items:center;gap:.42rem;border:1px solid transparent;transition:transform var(--motion-base) ease,border-color var(--motion-base) ease,background-color var(--motion-base) ease,box-shadow var(--motion-base) ease,color var(--motion-base) ease}.button:active{transform:translateY(1px) scale(.99)}.button-solid{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,white 12%),color-mix(in srgb,var(--accent-strong) 58%,var(--accent) 42%));border-color:color-mix(in srgb,var(--accent) 70%,var(--border) 30%);color:#f8fffe;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 26%,transparent),inset 0 1px #ffffff38}.button-solid:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 82%,var(--border) 18%);box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 34%,transparent),0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.hero-actions .button-solid{background:var(--accent);border-color:color-mix(in srgb,var(--accent) 70%,var(--border) 30%);box-shadow:inset 0 1px #ffffff38}.hero-actions .button-solid:hover{background:var(--accent-strong);border-color:color-mix(in srgb,var(--accent-strong) 70%,var(--border) 30%)}.button-ghost{border-color:color-mix(in srgb,var(--accent) 42%,var(--border) 58%);background:color-mix(in srgb,var(--surface) 84%,transparent);color:color-mix(in srgb,var(--text) 90%,var(--accent) 10%);box-shadow:var(--shadow-soft)}.button-ghost:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 64%,var(--border) 36%);color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 10%,var(--surface) 90%);box-shadow:var(--shadow)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--border) 56%,transparent);background:transparent;color:var(--text);border-radius:999px;width:2.08rem;height:2.08rem;padding:0;font:inherit;line-height:1;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .14s ease,box-shadow .18s ease}.theme-toggle:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--border) 64%);background:color-mix(in srgb,var(--accent) 8%,var(--surface) 92%);box-shadow:0 4px 10px #1214140f}.theme-toggle:active{transform:translateY(1px) scale(.98)}.theme-icon{width:1rem;height:1rem}.theme-icon-sun{display:none}.theme-icon-moon{display:block}:root[data-theme=dark] .theme-icon-sun{display:block}:root[data-theme=dark] .theme-icon-moon{display:none}.hero-aside{justify-self:end;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-height:340px;padding:.8rem 1rem .5rem;text-align:center;display:flex;flex-direction:column;justify-content:center}.hero-aside img{display:block;width:100%;max-width:240px;height:auto}.section-heading{margin-bottom:1.6rem}.section-heading h2{margin:0;font-size:clamp(1.6rem,2.6vw,2.6rem)}.section-heading p{margin:.6rem 0 0;color:var(--muted)}.projects-construction-section{padding-top:clamp(4rem,9vw,6rem)}.projects-construction-panel{position:relative;max-width:760px;margin:0 auto;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border) 60%);border-radius:20px;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 42%),color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 22px 48px #12141424;overflow:hidden}.projects-construction-panel:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 78%,transparent),transparent 56%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.projects-construction-kicker{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 70%,var(--text) 30%)}.projects-construction-panel h1{margin:.55rem 0 .8rem;font-size:clamp(2rem,5vw,3rem)}.projects-construction-panel p{margin:0;max-width:56ch;color:var(--muted)}.projects-construction-note{margin-top:1rem!important;color:var(--text)!important;font-weight:600}.projects-feed{list-style:none;margin:0;padding:0;display:grid;gap:0}.projects-feed-item{padding:1rem 0;border-bottom:1px dashed color-mix(in srgb,var(--border) 78%,transparent)}.projects-feed-item:first-child{border-top:1px dashed color-mix(in srgb,var(--border) 78%,transparent)}.projects-feed-item h2{margin:0 0 .4rem;font-size:clamp(1.08rem,1.5vw,1.24rem);line-height:1.3}.projects-feed-item h2 a{text-decoration:none}.projects-feed-item h2 a:hover{color:var(--accent-strong)}.projects-feed-item p{margin:0;color:var(--muted);line-height:1.56}.projects-feed-links{margin-top:.5rem!important;display:flex;gap:.7rem}.projects-feed-links a{color:color-mix(in srgb,var(--text) 78%,var(--muted) 22%);text-decoration:none;font-size:.84rem}.projects-feed-links a:hover{color:var(--accent-strong)}.project-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.project-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:1.2rem;background:var(--surface-2);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:230px;transition:transform var(--motion-base) ease,box-shadow var(--motion-base) ease,border-color var(--motion-base) ease}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-strong);border-color:color-mix(in srgb,var(--accent) 42%,var(--border) 58%)}.project-meta{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.88rem;color:var(--muted)}.project-year{border:1px solid var(--border);border-radius:999px;padding:.2rem .65rem;font-weight:600;font-size:.76rem;letter-spacing:.04em}.project-card h3{margin:.7rem 0 .55rem;font-size:1.25rem}.project-card p{margin:0;color:var(--muted);line-height:1.62;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.project-status,.project-featured,.project-visibility{border:1px solid var(--border);border-radius:999px;padding:.18rem .52rem;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--surface) 86%,transparent)}.project-status.is-shipped{color:color-mix(in srgb,var(--accent-strong) 78%,var(--text) 22%);border-color:color-mix(in srgb,var(--accent) 45%,var(--border) 55%)}.project-status.is-in-progress{color:color-mix(in srgb,#c37a00 72%,var(--text) 28%);border-color:color-mix(in srgb,#d59b2a 45%,var(--border) 55%)}.project-status.is-research{color:color-mix(in srgb,#5d6da8 70%,var(--text) 30%);border-color:color-mix(in srgb,#6f82c7 45%,var(--border) 55%)}.project-featured{color:color-mix(in srgb,var(--accent) 78%,var(--text) 22%);border-color:color-mix(in srgb,var(--accent) 50%,var(--border) 50%)}.project-visibility{color:color-mix(in srgb,var(--text) 70%,var(--muted) 30%)}.project-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.38rem;margin:.7rem 0 0;padding:0}.project-tags li{border:1px solid var(--border);border-radius:999px;padding:.14rem .5rem;font-size:.72rem;color:var(--muted);background:color-mix(in srgb,var(--surface) 86%,transparent)}.project-links{display:flex;gap:.8rem;margin-top:auto;padding-top:.9rem;flex-wrap:wrap}.project-action{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--border);border-radius:999px;padding:.38rem .62rem;text-decoration:none;background:color-mix(in srgb,var(--surface) 88%,transparent);font-weight:600;font-size:.82rem}.project-action:hover{border-color:var(--accent);color:var(--accent-strong)}.project-action:active,.page-chip:active,.about-now-playing .about-track-action a:active,.about-photo-journal-action .button:active{transform:translateY(1px) scale(.99)}.blog-list{display:grid;gap:1rem;list-style:none;margin:0;padding:0}.blog-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:var(--shadow);padding:1.2rem;transition:transform var(--motion-base) ease,box-shadow var(--motion-base) ease,border-color var(--motion-base) ease}.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-strong);border-color:color-mix(in srgb,var(--accent) 42%,var(--border) 58%)}.blog-card h2{margin:.5rem 0 .7rem;font-size:clamp(1.2rem,2.2vw,1.6rem)}.blog-card-link{display:block;color:inherit;text-decoration:none}.blog-card h2 a,.blog-card h3 a{text-decoration:none}.blog-card h2 a:hover,.blog-card-link:hover h2{color:var(--accent-strong)}.blog-listing{display:flex;flex-direction:column;gap:.72rem}.blog-listing .blog-card{padding:.9rem 1rem;min-height:auto;box-shadow:none;border-radius:12px;background:color-mix(in srgb,var(--surface) 76%,transparent)}.blog-listing .eyebrow{font-size:.72rem;letter-spacing:.08em}.blog-listing h2{margin:.38rem 0 .42rem;font-size:clamp(1.08rem,1.5vw,1.24rem);line-height:1.3}.blog-listing .blog-card>p{margin:0}.blog-listing .blog-card>p:nth-of-type(2){color:var(--muted);line-height:1.56;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-listing .tag-list{margin-top:.52rem;gap:.42rem}.blog-listing .tag-list li{padding:.16rem .5rem;font-size:.72rem}.blog-listing .blog-meta{margin-top:.55rem;font-size:.78rem}.blog-empty{border:1px dashed var(--border);border-radius:var(--radius-md);padding:1rem 1.1rem;background:var(--surface-2)}.blog-empty p:before,.reading-library-empty:before{content:"i ";color:var(--accent-strong);font-weight:700}.post-shell{max-width:780px;min-width:0}.post-layout{display:flex;justify-content:center}.post-layout .post-shell{width:min(780px,100%);margin-inline:auto}.post-back a{text-decoration:none;font-weight:600}.post-back a:hover{color:var(--accent-strong)}.back-chip{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:var(--shadow);font-size:1rem}.back-chip:hover{border-color:var(--accent)}.post-shell h1{margin:.4rem 0 1rem;font-size:var(--fs-900)}.post-shell .tag-list{margin-bottom:1rem}.post-meta-inline{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.1rem 0 .9rem}.post-meta-inline .post-readtime,.post-meta-inline .post-tags{margin:0}.post-shell>:where(p,ul,ol,blockquote){margin-block:1rem}.post-shell>:where(h2,h3,h4){margin-top:2rem;margin-bottom:.7rem;scroll-margin-top:5.5rem}.post-shell>h2{font-size:clamp(1.45rem,2.2vw,2rem)}.post-shell>h3{font-size:clamp(1.2rem,1.9vw,1.5rem)}.heading-anchor{display:inline-flex;align-items:center;justify-content:center;margin-left:.35rem;border:0;background:transparent;color:color-mix(in srgb,var(--muted) 78%,var(--text) 22%);font-size:.88rem;line-height:1;padding:.15rem;border-radius:.35rem;cursor:pointer;opacity:0;transform:translateY(1px);transition:opacity var(--motion-fast) ease,transform var(--motion-fast) ease,color var(--motion-base) ease,background-color var(--motion-base) ease}.post-shell>h2:hover .heading-anchor,.post-shell>h3:hover .heading-anchor,.heading-anchor:focus-visible{opacity:1;transform:translateY(0)}.heading-anchor:hover,.heading-anchor:focus-visible{color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 12%,transparent)}.post-shell :where(p,li){font-size:var(--fs-500);line-height:1.7;max-width:100%}.post-shell a{color:var(--accent-strong);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.2em;transition:text-decoration-color .16s ease,color .16s ease}.post-shell a:hover{color:var(--accent);text-decoration-color:var(--accent)}.post-shell blockquote{margin:1.3rem 0;padding:.9rem 1rem;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--surface) 65%,transparent);border-radius:0 10px 10px 0;color:var(--muted)}.post-shell strong{color:var(--text)}.post-shell pre{margin:1.2rem 0;border:0;border-radius:12px;padding:1rem;background:transparent;overflow-x:auto;font-size:.9rem;line-height:1.6;font-family:var(--font-code)}:root[data-theme=dark] .post-shell pre{background:transparent}:root[data-theme=light] .post-shell pre{background:transparent}.post-shell pre.astro-code{background-color:transparent!important;color:var(--shiki-light)!important}:root[data-theme=dark] .post-shell pre.astro-code{background-color:transparent!important;color:var(--shiki-dark)!important}.post-shell pre.astro-code code,.post-shell pre.astro-code code span{font-family:var(--font-code)}.post-shell pre.astro-code span{background-color:transparent!important}:root[data-theme=dark] .post-shell pre.astro-code span{color:var(--shiki-dark)!important;background-color:transparent!important;font-style:var(--shiki-dark-font-style, inherit)!important;font-weight:var(--shiki-dark-font-weight, inherit)!important;text-decoration:var(--shiki-dark-text-decoration, none)!important}.post-shell :not(pre)>code{font-family:var(--font-code);font-size:.9em;padding:.14rem .35rem;border-radius:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 72%,transparent)}.post-shell img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow)}.post-shell p:has(>img){margin-bottom:.4rem}.post-shell p+p>em:only-child{display:block;color:var(--muted);font-size:.9rem;margin-top:-.2rem}.post-shell hr{margin:2rem 0;border:0;border-top:1px solid var(--border)}.post-shell table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.96rem}.post-shell th,.post-shell td{border:1px solid var(--border);padding:.62rem .72rem;text-align:left}.post-shell th{background:color-mix(in srgb,var(--surface) 80%,transparent)}.post-shell ul,.post-shell ol{padding-left:1.2rem}.post-shell details{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 86%,transparent);padding:.7rem .9rem;margin:1rem 0}.post-shell details summary{cursor:pointer;font-weight:600}.post-category{display:inline-block;margin:0 0 .4rem;border:1px solid var(--border);border-radius:999px;padding:.2rem .62rem;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--surface) 86%,transparent)}.blog-meta{margin-top:.9rem;color:var(--muted);font-size:.88rem}.blog-toolbar{margin-bottom:1.1rem}.blog-search-status{margin:-.45rem 0 .8rem;font-size:.82rem;color:var(--muted)}.blog-search-empty{margin-top:.8rem}.recent-writing-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,330px);gap:.85rem;margin-top:1.1rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.35rem;scroll-snap-type:x proximity;scrollbar-width:thin}.recent-writing-scroll::-webkit-scrollbar{height:9px}.recent-writing-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border) 78%,transparent);border-radius:999px}.recent-card{min-height:210px;padding:.95rem 1rem;display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start;gap:.5rem}.project-card,.blog-card,.recent-card{backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}.recent-card h3{margin:.7rem 0 .6rem;font-size:1.1rem}.recent-card p{margin:0}.recent-card>p:last-child{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted)}.recent-card-link{margin-top:1rem;font-size:.82rem;font-weight:700;color:var(--accent-strong)}.recent-card:hover{transform:none;box-shadow:0 18px 34px #1214141f}:root:not([data-theme=dark]) .recent-writing-scroll .blog-card{box-shadow:none}:root:not([data-theme=dark]) .recent-writing-scroll .blog-card:hover{box-shadow:0 18px 34px #1214141f}.recent-card:hover .recent-card-link{color:var(--accent)}.hero-actions .button{padding:.5rem .85rem;font-size:.88rem}.hero-actions .button:hover,.hero-actions .button:active{transform:none}.section-link{margin-top:1.35rem}.button-blur{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 76%,transparent);backdrop-filter:blur(10px)}.button-blur:hover{border-color:var(--accent)}.pagination{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.page-chip{display:inline-flex;align-items:center;justify-content:center;min-width:2.05rem;height:2.05rem;padding:0 .62rem;border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;background:var(--surface-1);transition:transform var(--motion-fast) ease,border-color var(--motion-base) ease,background-color var(--motion-base) ease,color var(--motion-base) ease,box-shadow var(--motion-base) ease}.page-chip:hover{border-color:var(--accent);color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 10%,var(--surface) 90%);transform:translateY(-1px);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.page-chip.is-active{border-color:var(--accent);color:var(--accent-strong);font-weight:600;background:color-mix(in srgb,var(--accent) 16%,var(--surface) 84%)}.page-chip:active{transform:translateY(1px) scale(.99)}.blog-search{width:min(520px,100%);border:1px solid var(--border);border-radius:999px;padding:.62rem .92rem;background:var(--surface-1);color:var(--text);font:inherit}.blog-search:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.86rem;color:var(--muted);margin-bottom:.6rem}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{color:var(--accent-strong)}.scroll-progress{position:fixed;top:0;left:0;z-index:20;width:var(--scroll-progress, 0%);height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.toc-panel{position:sticky;top:6rem;border:1px solid var(--border);border-radius:12px;padding:.9rem .9rem .4rem;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--shadow)}.toc-list{list-style:none;padding:0;margin:.65rem 0 0;display:grid;gap:.35rem}.toc-list li a{text-decoration:none;color:var(--muted);font-size:.88rem;line-height:1.4}.toc-list li a:hover{color:var(--accent-strong)}.toc-list li a.is-active{color:var(--accent-strong);font-weight:600}.toc-depth-3{padding-left:.75rem}.code-block{position:relative;border:0;border-radius:12px;overflow:hidden;margin:1.1rem 0;background:color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:none;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.code-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:.24rem;border-bottom:0;padding:.16rem .3rem;background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%)}.code-lang{margin-left:.2rem;margin-right:auto;padding:.05rem .08rem;font-size:.66rem;font-weight:500;letter-spacing:.03em;color:color-mix(in srgb,var(--muted) 90%,var(--text) 10%);background:transparent;text-transform:lowercase;line-height:1;user-select:none}.code-btn{display:inline-flex;align-items:center;justify-content:center;width:1.46rem;height:1.46rem;border:1px solid var(--border);border-radius:8px;padding:0;background:transparent;color:var(--text);cursor:pointer;transition:transform .14s ease,border-color .14s ease}.code-btn svg{width:.74rem;height:.74rem}.code-btn:hover{border-color:var(--accent)}.code-btn:active{transform:translateY(1px)}.code-block pre{margin:0;border:0;border-radius:0;box-shadow:none}.code-block pre code{display:block;counter-reset:code-line}.code-block pre.astro-code .line{display:inline}.code-block pre.astro-code .line:before{counter-increment:code-line;content:counter(code-line);display:inline-block;width:1.6rem;text-align:right;user-select:none;color:var(--muted);opacity:.72;padding-right:.4rem}.code-line{display:grid;grid-template-columns:1.65rem 1fr;gap:.45rem}.line-number{user-select:none;text-align:right;color:var(--muted);opacity:.72;padding-right:.25rem}.line-content{min-width:0}@media(max-width:768px){.code-block pre.astro-code .line:before{content:none;width:0;padding-right:0}}.copy-toast{position:fixed;right:1rem;bottom:1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:.55rem .8rem;box-shadow:var(--shadow);font-size:.84rem;z-index:30}.post-cta{margin-top:2.2rem;border:1px solid var(--border);border-radius:14px;padding:1.1rem;background:color-mix(in srgb,var(--surface) 88%,transparent)}.post-cta h2{margin-top:0;margin-bottom:.6rem;font-size:var(--fs-700)}.cta-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.8rem}.post-nav{margin-top:1.4rem;display:grid;grid-template-columns:1fr 1fr;gap:.8rem;align-items:center;width:100%}.post-nav-icon.right{justify-self:end}.post-nav-icon{display:inline-flex;align-items:center;justify-content:center;justify-self:start;width:2.25rem;height:2.25rem;border:1px solid var(--border);border-radius:10px;text-decoration:none;background:color-mix(in srgb,var(--surface) 88%,transparent);font-size:1.1rem}.post-nav-icon:hover{border-color:var(--accent)}@keyframes section-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.prose p,.prose li{max-width:100%}.about-shell{display:grid;gap:2.4rem}.about-hero{padding:0;border:0;background:none}.about-hero h1{margin:.4rem 0 .8rem;font-size:clamp(2.1rem,4.8vw,3.5rem)}.about-hero p{margin:0;max-width:68ch;color:var(--muted)}.about-block{display:grid;gap:1.2rem}.about-block h2{margin:0;font-size:clamp(1.3rem,2.5vw,2rem);text-transform:lowercase}.about-heading-row{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline;flex-wrap:wrap;border-bottom:1px dashed color-mix(in srgb,var(--border) 76%,transparent);padding-bottom:.6rem}.about-feature-block{padding:1rem;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 52%,transparent);box-shadow:none;backdrop-filter:blur(8px) saturate(108%);-webkit-backdrop-filter:blur(8px) saturate(108%)}.about-updated{margin:0;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.about-grid-2{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid-3{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.about-now-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 76%,transparent);background:color-mix(in srgb,var(--surface) 44%,transparent)}.about-now-item{padding:.95rem 1rem}.about-now-item+.about-now-item{border-left:1px solid color-mix(in srgb,var(--border) 76%,transparent)}.about-now-item h3{margin:0 0 .45rem;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase}.about-now-item p{margin:0;color:var(--muted);line-height:1.58}.about-philosophy{padding:1.5rem 0}.thirukural{margin:0;padding:0;background:color-mix(in srgb,var(--surface) 60%,transparent);border-radius:8px;overflow:hidden;display:flex;align-items:center;gap:0}.thirukural-image{flex-shrink:0;width:280px;height:240px;overflow:hidden;position:relative}.thirukural-image:after{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--surface) 80%,transparent) 70%);pointer-events:none}.thirukural-image img{width:100%;height:100%;object-fit:cover;object-position:center 8%;opacity:.5;filter:grayscale(15%)}[data-theme=dark] .thirukural-image img{opacity:.4;filter:grayscale(25%)}.thirukural-content{flex:1;padding:2rem 2.5rem;min-width:0}.thirukural-tamil{font-size:1.35rem;line-height:1.8;color:var(--text);margin:0 0 1.25rem;font-weight:500;white-space:pre-line}.thirukural-translation{font-size:.95rem;line-height:1.65;color:var(--muted);margin:0 0 .8rem;font-style:italic}.thirukural-reference{display:block;font-size:.82rem;color:var(--muted);text-align:right;font-style:normal;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.career-timeline{padding:.5rem 0;margin:0 auto;width:100%;position:relative}.career-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,color-mix(in srgb,var(--border) 85%,transparent),color-mix(in srgb,var(--border) 55%,transparent));transform:translate(-50%)}.timeline-item{display:flex;gap:1.5rem;position:relative;padding-bottom:2.5rem;width:50%}.timeline-item:nth-child(odd){align-self:flex-start;padding-right:2rem;text-align:right;flex-direction:row-reverse}.timeline-item:nth-child(2n){align-self:flex-end;margin-left:auto;padding-left:2rem;text-align:left}.timeline-item:last-child{padding-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:2rem;position:absolute;left:50%}.timeline-item:nth-child(odd) .timeline-marker{right:-1rem;left:auto}.timeline-item:nth-child(2n) .timeline-marker{left:-1rem}.timeline-dot{width:.75rem;height:.75rem;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent);position:relative;z-index:1}.timeline-item-current .timeline-dot{width:1rem;height:1rem;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--text) 40%));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent),0 0 12px color-mix(in srgb,var(--accent) 40%,transparent)}.timeline-line{display:none}.timeline-content{flex:1;padding-top:.1rem}.timeline-date{display:block;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;font-weight:500}.timeline-title{margin:0 0 .25rem;font-size:1.1rem;line-height:1.4;text-transform:lowercase}.timeline-subtitle{margin:0;font-size:.9rem;color:var(--muted);line-height:1.5}.timeline-item-current .timeline-title{color:var(--accent);font-weight:500}@media(max-width:768px){.career-timeline:before{left:1rem}.timeline-item,.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){width:100%;margin-left:0;padding-left:3rem;padding-right:0;text-align:left;flex-direction:row}.timeline-marker,.timeline-item:nth-child(odd) .timeline-marker,.timeline-item:nth-child(2n) .timeline-marker{left:.5rem;right:auto}}.about-reading-preview{border-top:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--surface) 46%,transparent)}.about-reading-preview-list{list-style:none;margin:0;padding:0}.about-reading-preview-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.85rem .95rem}.about-reading-preview-item+.about-reading-preview-item{border-top:1px solid color-mix(in srgb,var(--border) 76%,transparent)}.about-reading-preview-copy{min-width:0}.about-reading-preview-title{margin:0 0 .2rem;font-size:.98rem;line-height:1.45}.about-reading-preview-author{margin:0;font-size:.86rem;color:var(--muted)}.about-reading-preview-meta{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.about-reading-preview-action{margin:0;padding:.75rem .95rem .85rem;border-top:1px dashed color-mix(in srgb,var(--border) 70%,transparent);font-size:.84rem;letter-spacing:.02em}.about-reading-preview-action a{text-decoration:none;color:var(--accent-strong)}.about-reading-preview-action a:hover{color:var(--accent)}.reading-shelf-link{color:var(--text);text-decoration:none}.reading-shelf-link:hover,.reading-shelf-link:focus-visible{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 55%,transparent);text-underline-offset:.2em}.reading-kind-chip{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:999px;padding:.22rem .52rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:color-mix(in srgb,var(--surface) 88%,transparent)}.reading-status{flex-shrink:0;padding:.25rem .55rem;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);color:var(--muted);background:color-mix(in srgb,var(--surface) 86%,transparent)}.reading-status.is-completed{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border) 55%);background:color-mix(in srgb,var(--accent) 12%,transparent)}.reading-status.is-in-progress{color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%,var(--border) 65%);background:color-mix(in srgb,var(--accent) 8%,transparent)}.reading-status.is-todo{border-color:color-mix(in srgb,var(--border) 85%,transparent)}.reading-page-shell{display:grid;gap:2rem}.reading-page-header,.reading-page-group{width:min(860px,100%);margin-inline:auto}.reading-page-header h1{margin:.45rem 0 .85rem;font-size:clamp(2.1rem,4.8vw,3.5rem)}.reading-page-header p{margin:0;max-width:68ch;color:var(--muted)}.reading-toolbar{margin-top:1rem}.reading-page-group{display:grid;gap:.95rem}.reading-page-count{margin:0;color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.06em}.reading-page-list{list-style:none;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);background:var(--surface-2);border-radius:var(--radius-md)}.reading-page-item{display:flex;flex-direction:column;gap:.75rem;padding:.88rem .95rem}.reading-page-item[hidden]{display:none!important}.reading-page-item-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;width:100%}.reading-page-item-content>div:first-child{min-width:0}.reading-page-item+.reading-page-item{border-top:1px solid color-mix(in srgb,var(--border) 76%,transparent)}.reading-page-item-title{margin:0 0 .2rem;font-size:1rem;line-height:1.45;overflow-wrap:anywhere}.reading-page-item-author{margin:0;font-size:.86rem;color:var(--muted)}.reading-progress{display:flex;align-items:center;gap:.75rem}.reading-progress-bar{flex:1;height:8px;background:color-mix(in srgb,var(--border) 75%,transparent);border-radius:999px;overflow:hidden}.reading-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,var(--text) 30%));border-radius:999px;transition:width .3s ease}.reading-progress-label{flex-shrink:0;font-size:.78rem;color:var(--muted);font-weight:500;min-width:38px;text-align:right}.reading-library{display:grid;gap:1rem;margin-top:.35rem;padding-top:1rem;border-top:1px dashed color-mix(in srgb,var(--border) 72%,transparent)}.reading-library-empty{margin:0;color:var(--muted);font-size:.92rem;line-height:1.58;border-left:2px solid color-mix(in srgb,var(--accent) 42%,var(--border) 58%);padding:.35rem 0 .35rem .7rem}.reading-library-tagline{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.reading-library-empty code{font-family:var(--font-code);font-size:.9em;padding:.1rem .3rem;border-radius:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 76%,transparent)}.reading-library-meta{display:inline-flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.reading-pager{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;margin-top:.15rem}.reading-pager-status{font-size:.8rem;color:var(--muted);min-width:6.8rem;text-align:center}.reading-pager .page-chip{min-width:2rem;height:2rem}.reading-pager .page-chip:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.thirukural{flex-direction:column}.thirukural-image{width:100%;height:240px}.thirukural-content{padding:1.5rem}.about-reading-preview-item,.reading-page-item-content{flex-direction:column;align-items:flex-start;gap:.6rem}.reading-library-meta,.about-reading-preview-meta,.reading-pager{justify-content:flex-start}}.about-card{border:1px solid var(--border);border-radius:14px;padding:clamp(.82rem,1.7vw,1.02rem);background:color-mix(in srgb,var(--surface) 82%,transparent);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.about-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 48%,var(--border) 52%);box-shadow:0 14px 28px #0c0c121a}.about-card h3{margin:0 0 .5rem;font-size:1.08rem;text-transform:lowercase}.about-card p{margin:0;color:var(--muted)}.about-card ul{margin:0;padding-left:1.05rem}.about-card li{margin-bottom:.3rem;line-height:1.55}.about-gear{display:grid;gap:.9rem}.about-gear-switcher{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%}.about-gear-tag{display:inline-block;padding:0;border:0;background:none;font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.about-gear-arrows{display:inline-flex;align-items:center;gap:.4rem}.about-gear-arrows .page-chip{color:var(--text);background:color-mix(in srgb,var(--surface) 88%,transparent);border-color:color-mix(in srgb,var(--border) 82%,transparent)}.about-gear-arrows .page-chip:hover{color:var(--accent-strong);border-color:var(--accent)}.about-gear-table-wrap{padding:0;overflow:hidden;border:2px solid color-mix(in srgb,var(--border) 90%,var(--text) 10%);border-radius:var(--radius-sm);background:transparent}.about-spec-card{border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface) 56%,transparent);box-shadow:none;overflow:hidden;backdrop-filter:blur(8px) saturate(108%);-webkit-backdrop-filter:blur(8px) saturate(108%)}.about-spec-head{display:grid;grid-template-columns:.32fr .68fr;gap:1rem;padding:.78rem .88rem;border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--surface) 42%,transparent)}.about-spec-head p{margin:0;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--muted) 88%,var(--text) 12%)}.about-spec-list{list-style:none;margin:0;padding:0}.about-spec-item{display:grid;grid-template-columns:.32fr .68fr;gap:1rem;padding:.78rem .88rem;border-top:1px solid color-mix(in srgb,var(--border) 74%,transparent)}.about-spec-item:first-child{border-top:0}.about-spec-title,.about-spec-value{margin:0}.about-spec-title{font-size:.86rem;text-transform:lowercase;color:var(--text)}.about-spec-value{color:var(--muted);line-height:1.54;font-size:.92rem}.about-spec-card-stack .about-spec-value{color:var(--text)}.about-gear-table{width:100%;border-collapse:collapse;font-size:.93rem}.about-gear-table th,.about-gear-table td{padding:.74rem .82rem;border:1.5px solid color-mix(in srgb,var(--border) 88%,transparent);text-align:left;vertical-align:top}.about-gear-table thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:color-mix(in srgb,var(--surface) 86%,transparent)}.about-gear-table tbody th{width:22%;font-size:.86rem;text-transform:lowercase;color:var(--text)}.about-gear-table tbody td{color:var(--muted);line-height:1.54}.about-stack-table tbody td{color:var(--text)}.stack-icon-wrapper{display:inline-flex;align-items:center;gap:.5rem}.stack-icon{width:1.15rem;height:1.15rem;flex-shrink:0;object-fit:contain;opacity:.95;transition:opacity .18s ease,transform .18s ease,filter .18s ease}.stack-icon[src="/icons/aws.svg"]{filter:brightness(0) saturate(100%) invert(.5)}[data-theme=dark] .stack-icon[src="/icons/aws.svg"]{filter:brightness(0) saturate(100%) invert(.9)}.about-stack-table tbody tr:hover .stack-icon,.about-spec-card-stack .about-spec-item:hover .stack-icon{opacity:1;transform:scale(1.15);filter:saturate(1.12)}.about-stack-table tbody tr:hover .stack-icon[src="/icons/aws.svg"],.about-spec-card-stack .about-spec-item:hover .stack-icon[src="/icons/aws.svg"]{filter:brightness(0) saturate(100%) invert(.3)}[data-theme=dark] .about-stack-table tbody tr:hover .stack-icon[src="/icons/aws.svg"],[data-theme=dark] .about-spec-card-stack .about-spec-item:hover .stack-icon[src="/icons/aws.svg"]{filter:brightness(0) saturate(100%) invert(1)}.about-gear-image{margin:0}.about-gear-image img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--border)}.about-gear-image img[hidden]{display:none!important}.about-gear-image figcaption{margin-top:.55rem;color:var(--muted);font-size:.86rem}.about-timeline{margin:0;padding:0;list-style:none;display:grid;gap:.85rem}.about-notes{display:grid;gap:.7rem}.about-polaroids{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.about-polaroids figure{margin:0}.about-polaroids img{width:100%;display:block;border-radius:10px;border:1px solid var(--border)}.about-polaroids figcaption{margin-top:.55rem;color:var(--muted);font-size:.84rem}.about-contact p{margin-top:.45rem}.about-contact .social-links{margin-top:.75rem}.about-now-playing{padding:clamp(.8rem,1.55vw,1rem) clamp(.8rem,1.5vw,1rem);border-left:2px solid color-mix(in srgb,var(--accent) 48%,var(--border) 52%);background:color-mix(in srgb,var(--surface) 52%,transparent)}.about-now-playing-grid{display:grid;grid-template-columns:1fr 96px;gap:.9rem;align-items:start}.about-now-playing .about-track-state{display:inline-flex;margin:0 0 .85rem;border:1px solid color-mix(in srgb,var(--accent) 52%,var(--border) 48%);border-radius:999px;padding:.2rem .6rem;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong);background:color-mix(in srgb,var(--surface) 78%,transparent)}.about-now-playing .about-track-state.is-live{border-color:color-mix(in srgb,var(--accent) 68%,var(--border) 32%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.about-now-playing .about-track-title{margin:0 0 .55rem;font-size:clamp(1.2rem,2.1vw,1.58rem);line-height:1.2;text-transform:none;letter-spacing:-.01em}.about-now-playing .about-track-artist{margin:0 0 .68rem;color:var(--text);font-weight:600}.about-now-playing .about-track-meta{display:flex;flex-wrap:wrap;gap:.46rem;margin:.35rem 0 0}.about-now-playing .about-track-meta span{border:1px solid var(--border);border-radius:999px;padding:.15rem .55rem;font-size:.8rem;color:var(--muted);background:color-mix(in srgb,var(--surface) 88%,transparent)}.about-now-playing .about-eq{display:inline-flex;align-items:flex-end;gap:.22rem;margin:0 0 .78rem;min-height:.82rem}.about-now-playing .about-eq span{width:3px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--muted) 80%,transparent)}.about-now-playing .about-eq.is-live span{background:color-mix(in srgb,var(--accent) 74%,var(--accent-strong) 26%);animation:about-eq 1s ease-in-out infinite}.about-now-playing .about-eq.is-live span:nth-child(2){animation-delay:.12s}.about-now-playing .about-eq.is-live span:nth-child(3){animation-delay:.24s}.about-now-playing .about-track-action{margin:0}.about-now-playing .about-track-action a{display:inline-flex;align-items:center;text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:.36rem .74rem;font-weight:600;background:color-mix(in srgb,var(--surface) 88%,transparent)}.about-now-playing .about-track-action a:hover{border-color:var(--accent);color:var(--accent-strong)}.about-now-playing .about-track-cover{width:96px;aspect-ratio:1;border-radius:12px;object-fit:cover;border:1px solid var(--border);box-shadow:0 8px 16px #0c0c121a}.about-now-playing .about-track-cover-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:2rem;color:var(--accent-strong);background:color-mix(in srgb,var(--surface) 72%,transparent)}.about-photo-journal{display:grid;gap:.95rem;padding:1.05rem 1.1rem;background:transparent;box-shadow:none;border-radius:14px}.about-photo-journal-head{display:flex;align-items:center;gap:.6rem}.about-photo-journal p{margin:0;color:var(--muted)}.about-photo-journal-lead{line-height:1.6}.about-photo-journal-highlights{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}.about-photo-journal-highlights li{border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:999px;padding:.2rem .55rem;font-size:.76rem;color:var(--muted);background:color-mix(in srgb,var(--surface) 86%,transparent)}.about-photo-journal-action{margin:0}.about-photo-journal-action .button{display:inline-flex;align-items:center;gap:.42rem;box-shadow:var(--shadow-soft)}.about-photo-journal-button-icon{width:1rem;height:1rem;flex:0 0 1rem}.about-contact{padding:clamp(.9rem,1.9vw,1.08rem)}.site-footer{border-top:1px solid var(--border);padding:1.2rem 0 2rem}.footer-inner{display:flex;justify-content:space-between;gap:1rem;align-items:center}@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-aside{justify-self:start}.post-layout{grid-template-columns:1fr}.toc-panel{position:static;margin-top:1rem}.about-grid-2,.about-grid-3,.about-polaroids,.about-now-strip{grid-template-columns:1fr}.about-now-item+.about-now-item{border-left:0;border-top:1px solid color-mix(in srgb,var(--border) 76%,transparent)}.about-now-playing-grid{grid-template-columns:1fr}.about-now-playing .about-track-cover{width:86px}.about-gear-table{font-size:.88rem}.about-gear-table th,.about-gear-table td{padding:.58rem .62rem}.about-gear-table tbody th{width:30%}.about-spec-head,.about-spec-item{grid-template-columns:1fr;gap:.3rem}.about-spec-head,.about-spec-item{padding:.72rem .76rem}}@keyframes about-eq{0%,to{height:4px;opacity:.7}50%{height:13px;opacity:1}}@media(max-width:640px){.header-inner{align-items:center}.footer-inner{flex-direction:column;align-items:flex-start}.nav-list,.social-links,.tag-list{flex-wrap:wrap}.recent-writing-scroll{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;overflow:visible;scroll-snap-type:none;padding-bottom:0}.recent-card{min-height:auto;scroll-snap-align:none}.header-controls{position:relative;width:auto;display:flex;align-items:center;gap:.38rem;padding:.26rem}.nav-menu-toggle{display:inline-flex}.primary-nav{position:absolute;top:calc(100% + .55rem);right:0;width:min(18rem,92vw);border:1px solid color-mix(in srgb,var(--border) 40%,transparent);border-radius:14px;padding:.4rem;background:color-mix(in srgb,var(--surface) 94%,var(--bg) 6%);box-shadow:0 8px 24px #12141424;backdrop-filter:blur(18px) saturate(116%);-webkit-backdrop-filter:blur(18px) saturate(116%);opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.header-controls[data-menu-open=true] .primary-nav{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.primary-nav .nav-list{flex-direction:column;width:100%;gap:.25rem}.primary-nav .nav-list a{display:block;width:100%;white-space:nowrap;font-size:.98rem;padding:.52rem .72rem;border:0;border-radius:0;background:transparent;box-shadow:none}.primary-nav .nav-list a[aria-current=page]{border:0;background:transparent;box-shadow:none}.primary-nav .nav-list a:hover{border:0;background:transparent;box-shadow:none;transform:none}.primary-nav .nav-list a:active{transform:none}.theme-toggle{flex-shrink:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.section{animation:none}.brand{transition:none}}