:root{--accent-base:#e0b15c;--bg:#111112;--s1:#161618;--s2:#1c1c1f;--s3:#232327;--outline:#3b3b41;--outlinev:#28282c;--on:#ececed;--onv:#a1a1a8;--accent:var(--accent-base);--onaccent:#111112;--grid:rgba(255, 255, 255, 0.035);--scan:rgba(255, 255, 255, 0.03);--ring:rgba(0, 0, 0, 0.6);--bias:0.5;--act:0;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}.light{--bg:#f5f5f6;--s1:#ffffff;--s2:#ececed;--s3:#e3e3e6;--outline:#c4c4c9;--outlinev:#dedee2;--on:#17171a;--onv:#5c5c64;--accent:color-mix(in oklab, var(--accent-base) 62%, #2e1c00);--onaccent:#ffffff;--grid:rgba(0, 0, 0, 0.06);--scan:rgba(0, 0, 0, 0.035);--ring:rgba(0, 0, 0, 0.16)}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{font-family:var(--font-sans);color:var(--on);-webkit-font-smoothing:antialiased;transition:background .18s linear,color .18s linear}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}*:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}.page{position:relative;display:flex;min-height:100svh;flex-direction:column;padding:34px clamp(20px,4vw,44px)30px;overflow:hidden}.page::before,.page::after{content:"";position:absolute;pointer-events:none}.page::before{inset:0 50% 0 0;z-index:0;background-image:repeating-linear-gradient( 180deg,var(--grid) 0 1px,transparent 1px 28px );opacity:calc(1 - var(--act) * var(--bias) * .8)}.page::after{inset:0 0 0 50%;z-index:0;background:repeating-linear-gradient( 180deg,var(--scan) 0 1px,transparent 1px 4px );opacity:calc(1 - var(--act) * (1 - var(--bias)) * .7)}.row{position:relative;z-index:1;width:100%;max-width:1100px;margin:0 auto}.topbar{display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:12.5px;color:var(--onv)}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--on);font-weight:600}.brand-mark{display:inline-flex}.brand-mark svg{display:block;height:20px;width:20px}.theme{display:inline-flex;height:34px;align-items:center;gap:8px;margin-left:auto;padding:0 13px;border:1px solid var(--outlinev);border-radius:999px;background:var(--s1);color:var(--onv);font:inherit;font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease}.theme:hover{background:var(--s3);color:var(--on)}.theme:active{background:color-mix(in srgb,var(--accent) 18%,var(--s3))}.theme svg{display:block}.split{display:grid;flex:1;grid-template-columns:1fr 216px 1fr;align-items:center;gap:clamp(24px,3.4vw,44px);padding:48px 0}.side{transition:opacity .12s linear}.side-work{opacity:calc(1 - var(--act) * var(--bias) * .45)}.side-play{font-family:var(--font-mono);text-align:right;opacity:calc(1 - var(--act) * (1 - var(--bias)) * .45)}.kicker{margin-bottom:15px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.headline{margin:0 0 16px;font-size:clamp(34px,3.4vw,46px);font-weight:600;line-height:1.02;letter-spacing:-.035em}.side-play .headline{font-size:clamp(28px,2.8vw,38px);font-weight:500;line-height:1.12;letter-spacing:-.02em}.caret{color:var(--accent);animation:caret 1.05s steps(1)infinite}@keyframes caret{0%,45%{opacity:1}50%,100%{opacity:0}}.lines{display:grid;gap:7px;max-width:34ch;font-size:14.5px;line-height:1.5;color:var(--onv);text-wrap:pretty}.side-play .lines{max-width:36ch;margin-left:auto;font-size:13.5px;line-height:1.55}.rule{height:1px;width:120px;margin-top:20px}.side-work .rule{background:linear-gradient(90deg,var(--accent),transparent);opacity:calc(1 - var(--act) * var(--bias) * .75)}.side-play .rule{margin-left:auto;background:linear-gradient(270deg,var(--accent),transparent);opacity:calc(1 - var(--act) * (1 - var(--bias)) * .75)}.portrait-wrap{position:relative;justify-self:center}.seam{position:absolute;left:50%;top:-40px;bottom:-40px;width:1px;background:linear-gradient( 180deg,transparent,var(--outline) 22%,var(--outline) 78%,transparent );transform:translateX( calc(-.5px + (.5 - var(--bias)) * 16px * var(--act)) )}.portrait{position:relative;display:block;width:min(216px,54vw);height:min(216px,54vw);border:1px solid var(--outline);border-radius:50%;object-fit:cover;box-shadow:0 0 0 8px var(--bg),0 18px 50px var(--ring);transform:translateX(calc((.5 - var(--bias)) * 16px * var(--act)))}.footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:24px;border-top:1px solid var(--outlinev);font-family:var(--font-mono);font-size:12.5px}.whoami{color:var(--onv)}.links{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-left:auto}.icon-btn{display:flex;height:42px;width:42px;align-items:center;justify-content:center;border:1px solid var(--outline);border-radius:10px;color:var(--onv);transition:background .15s ease,color .15s ease,border-color .15s ease}.icon-btn:hover{background:var(--s2);border-color:var(--onv);color:var(--on)}.icon-btn:active{background:color-mix(in srgb,var(--accent) 16%,var(--s2))}.icon-btn svg{display:block}.cta{display:flex;height:42px;align-items:center;gap:9px;padding:0 18px;border-radius:10px;background:var(--accent);color:var(--onaccent);font-weight:600}.cta:hover{color:var(--onaccent);filter:brightness(1.08)}.cta svg{display:block}@media(max-width:900px){.split{grid-template-columns:1fr;justify-items:stretch;gap:34px;padding:36px 0}.page::before{inset:0 0 50% 0}.page::after{inset:50% 0 0 0}.seam{top:-26px;bottom:-26px}.lines,.side-play .lines{max-width:none}}@media(max-width:520px){.page{padding:22px 20px 24px}.headline{font-size:34px}.side-play .headline{font-size:28px}.footer{gap:16px}.links{margin-left:0;width:100%}.cta{flex:1;justify-content:center}}@media(hover:none){.side,.rule,.page::before,.page::after{opacity:1}.seam,.portrait{transform:none}.seam{transform:translateX(-.5px)}}@media(prefers-reduced-motion:reduce){*:not(.caret),*::before,*::after{animation:none!important;transition:none!important}}