:root{--black:#05070b;--light:#f6f6f4;--plate:#eceef1;--rule:#e1e3e6;--ink:#0c0f14;--ink-soft:#4b5260;--recede:#80868f;--fog:#b7bfcc;--fog-recede:#7d8696;--blue:#0078bf;--blue-type:#006dae;--blue-deep:#0a3f73;--blue-lit:#5ab4f2;--blue-step:#9fd2ff;--max:1240px;--gutter:clamp(16px, 4vw, 56px);--ease:cubic-bezier(.16, 1, .3, 1);--nav-h:64px;--glass-dark:#080b11bd;--glass-blur:blur(18px) saturate(160%);--lift:0 1px 2px #0c0f140f, 0 18px 40px -20px #0c0f1447;--panel:20px;--edge-light:linear-gradient(135deg, #ffffffe6 0%, #ffffff59 16%, #fff0 42%, #fff0 72%, #ffffff40 100%)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--light);color:var(--ink);font-variation-settings:"wdth" 100;margin:0;font-family:Archivo,ui-sans-serif,system-ui,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1.5px}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:2px}.wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.ink2{color:var(--recede)}.display .ink2,.display .soft{font-weight:480}.display{font-variation-settings:"wdth" 116;letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:860;line-height:.94}h2.display{font-size:clamp(32px,4.2vw,54px)}h3{font-variation-settings:"wdth" 108;letter-spacing:-.01em;margin:0;font-size:21px;font-weight:760;line-height:1.2}p{margin:0}section{padding:clamp(64px,9vw,128px) 0}.nav-wrap{z-index:20;margin-top:12px;position:sticky;top:12px}.nav{color:#fff;background:linear-gradient(180deg, #ffffff14, #fff0 70%), var(--glass-dark);backdrop-filter:var(--glass-blur);border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:28px;margin:0 -20px;padding:12px 14px 12px 20px;font-size:15px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1f,0 18px 40px -20px #0000008c}.mark{font-variation-settings:"wdth" 112;align-items:center;gap:10px;margin-right:auto;font-size:17px;font-weight:800;text-decoration:none;display:flex}.mark svg{width:30px;height:20px}.nav a:not(.mark){color:#c9d0db;transition:color .2s var(--ease);text-decoration:none}.nav a:not(.mark):hover{color:#fff}.hero-band{color:#fff;margin-top:calc(-1 * var(--nav-h));padding-top:var(--nav-h);background:radial-gradient(42% 70% at 76% 46%, #1590e080, #0078bf29 52%, transparent 78%), radial-gradient(40% 55% at 6% 0%, #0078bf29, transparent 72%), var(--black);overflow:hidden}.hero{grid-template-columns:58fr 42fr;align-items:start;padding-top:clamp(16px,4vw,48px);display:grid;overflow:hidden;container-type:inline-size}.hero-copy{grid-area:1/1;align-self:center;position:relative}.hero .actions{padding-bottom:0}.hero h1{color:#fff;font-size:clamp(56px,10.8cqi,140px);position:relative}.hero h1 span{display:block}.tagline{font-variation-settings:"wdth" 108;letter-spacing:-.01em;color:var(--fog);text-wrap:balance;margin-top:24px;font-size:clamp(18px,2.3cqi,28px);font-weight:520;line-height:1.25}.tagline .ink2{color:var(--fog-recede);display:block}.actions{z-index:2;flex-wrap:wrap;gap:12px;margin-top:32px;padding-bottom:clamp(32px,5vw,64px);display:flex;position:relative}.btn{border:2px solid var(--blue);transition:background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.solid{background:linear-gradient(180deg, #fff3, #fff0 55%) var(--blue);color:#fff;box-shadow:inset 0 1px #ffffff59,0 12px 30px -10px #0078bfbf}.btn.solid:hover{background-color:var(--blue-deep);border-color:var(--blue-deep)}.btn.line{color:var(--ink);border-color:var(--ink);background:0 0;border-width:1.5px}.btn.line:hover{background:var(--ink);color:#fff}.btn svg{width:16px;height:16px}.portrait{isolation:isolate;grid-area:1/2;align-self:end;margin:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.portrait img{z-index:1;width:100%;height:auto;display:block;position:relative}.portrait:before,.portrait:after{content:"";z-index:0;pointer-events:none;position:absolute}.portrait:before{background:radial-gradient(closest-side,#1590e08c,#0078bf38 55%,#0000);inset:0 2% 8% 10%}.portrait:after{background:radial-gradient(closest-side,#8ccdff66,#0000);inset:2% 18% 40% 34%}@media (prefers-reduced-motion:no-preference){.portrait:before{animation:light-up 1.6s var(--ease) .1s both}.portrait:after{animation:light-up 1.8s var(--ease) .3s both}@keyframes light-up{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}}.kind{text-transform:uppercase;letter-spacing:.06em;color:var(--blue-type);padding-top:3px;font-size:12px;font-weight:700}.tools{color:#fff;background:radial-gradient(70% 85% at 0% 0%, #0078bf80, #0078bf1f 50%, transparent 72%), radial-gradient(45% 60% at 100% 100%, #0078bf33, transparent 72%), var(--black);position:relative;overflow:hidden}.tools:before{content:"";pointer-events:none;filter:blur(10px);background:linear-gradient(118deg,#0000 14%,#8ccdff33 19%,#0000 25%),linear-gradient(118deg,#0000 27%,#8ccdff4d 31%,#0000 35%),linear-gradient(118deg,#0000 40%,#8ccdff24 47%,#0000 56%);position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 110% at 8% 0,#000 25%,#0000 80%);mask-image:radial-gradient(90% 110% at 8% 0,#000 25%,#0000 80%)}.tools .wrap{z-index:1;position:relative}.tools h2{color:#fff;max-width:14ch}.tools h2 .soft{color:var(--fog-recede)}.tool-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;display:grid}.tool{color:#fff;border-radius:var(--panel);backdrop-filter:var(--glass-blur);background:linear-gradient(140deg,#ffffff1c,#ffffff08 45%),#ffffff08;border:1px solid #ffffff12;align-content:start;gap:18px;padding:36px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1a,0 30px 60px -30px #000000d9}.tool p{color:var(--fog)}.tool header{justify-content:space-between;align-items:center;gap:16px;display:flex}.tool h3{font-variation-settings:"wdth" 116;letter-spacing:-.02em;text-wrap:balance;font-size:30px;font-weight:840}.tool .steps{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tool .steps li{border:1.5px solid var(--blue-lit);color:var(--blue-step);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:650}.tool .steps li.you{color:var(--ink);background:#fff;border-color:#fff}.tool .legend{color:var(--fog);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.tool .legend span:before{content:"";vertical-align:-1px;border:1.5px solid var(--blue-lit);border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.tool .legend span.you:before{background:#fff;border-color:#fff}.cmd{color:#e8ecf7;background:#00000080;border:1px solid #ffffff12;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;display:flex}.cmd em{color:var(--fog-recede);font-style:normal}.tool>a{color:var(--blue-lit);font-weight:700}.notes-grid{grid-template-columns:repeat(3,1fr);gap:36px;margin-top:56px;display:grid}.note{align-content:start;gap:14px;text-decoration:none;display:grid}.note .art{aspect-ratio:4/3;background:var(--plate);box-shadow:var(--lift);transition:transform .4s var(--ease), box-shadow .4s var(--ease);border-radius:16px;position:relative;overflow:hidden}.note .art svg{width:100%;height:100%;display:block}.nav:after,.tool:after{content:"";border-radius:inherit;pointer-events:none;background:var(--edge-light);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.nav:after{opacity:.5}.note:hover .art{transform:translateY(-4px);box-shadow:0 1px 2px #0c0f140f,0 28px 50px -22px #0c0f145c}.note:hover h3{color:var(--blue-type)}.note .kind{padding:0}.note .art text{fill:var(--ink);font-family:Archivo,sans-serif;font-size:15px;font-weight:650}.note .art text.w{fill:#fff}.note p{color:var(--ink-soft);font-size:16px}.more{color:var(--blue-type);margin-top:40px;font-weight:700;display:inline-block}.about-grid{grid-template-columns:260px 1fr;align-items:center;gap:clamp(28px,5vw,72px);display:grid}.about-photo{background:var(--plate);width:100%;height:auto;box-shadow:0 0 0 6px #fff, var(--lift);border-radius:50%;display:block}.about h2{color:var(--ink);font-size:clamp(32px,4vw,52px)}.about p{max-width:60ch;margin-top:20px;font-size:18px}.about .actions{padding-bottom:0}footer{background:var(--black);color:var(--fog)}footer .wrap{flex-wrap:wrap;gap:12px 28px;padding-top:36px;padding-bottom:44px;font-size:15px;display:flex}footer .wrap>:first-child{color:#fff;margin-right:auto;font-weight:700}footer a{transition:color .2s var(--ease);text-decoration:none}footer a:hover{color:#fff}@media (width<=900px){:root{--nav-h:56px}.nav{gap:12px;margin:0 -8px;padding:10px 16px;font-size:14px}.hero-band{background:radial-gradient(70% 38% at 62% 58%, #1590e080, #0078bf29 52%, transparent 80%), radial-gradient(60% 30% at 0% 0%, #0078bf29, transparent 72%), var(--black)}.hero{flex-direction:column;padding-bottom:40px;display:flex}.hero-copy{display:contents}.hero h1{order:1;font-size:clamp(44px,18.6cqi,120px)}.tagline{order:1;font-size:clamp(18px,5cqi,24px)}.portrait{order:2;align-self:flex-start;width:min(100%,520px);margin-top:20px}.hero .actions{order:3}.actions{padding-bottom:0}.tool-grid,.notes-grid,.about-grid{grid-template-columns:1fr}.tool{padding:26px}.about-photo{width:160px}footer .wrap>:first-child{flex-basis:100%}}@media (width<=600px){.mark-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-transparency:reduce){.nav{backdrop-filter:none;background:#0d1017}.tool{backdrop-filter:none;background:#11141a}}.article{padding-top:clamp(24px,5vw,64px)}.article .wrap{max-width:760px}.article header{gap:18px;display:grid}.article h1{color:var(--ink);font-size:clamp(36px,5vw,60px)}.article .meta{color:var(--ink-soft);align-items:baseline;gap:14px;font-size:15px;display:flex}.article .meta .kind{padding:0}.article .summary{color:var(--ink);font-size:clamp(18px,1.7vw,21px)}.article .art{aspect-ratio:4/3;background:var(--plate);box-shadow:var(--lift);border-radius:16px;margin:40px 0 0;overflow:hidden}.article .art svg{width:100%;height:100%;display:block}.article .art text{fill:var(--ink);font-family:Archivo,sans-serif;font-size:15px;font-weight:650}.article .art text.w{fill:#fff}.prose{margin-top:40px;font-size:18px}.prose>*+*{margin-top:1.1em}.prose h2{font-variation-settings:"wdth" 112;letter-spacing:-.015em;margin-top:1.8em;font-size:26px;font-weight:800;line-height:1.2}.prose a{color:var(--blue-type)}.prose code{background:var(--plate);border-radius:3px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}.back{color:var(--blue-type);margin-top:56px;font-weight:700;display:inline-block}.log-list{border-top:1px solid var(--rule);margin:56px 0 0;padding:0;list-style:none}.log-list a{border-bottom:1px solid var(--rule);transition:color .2s var(--ease);grid-template-columns:120px 1fr;gap:6px 28px;padding:22px 0;text-decoration:none;display:grid}.log-list time{color:var(--ink-soft);padding-top:2px;font-size:15px}.log-list div{gap:6px;display:grid}.log-list p{color:var(--ink-soft);max-width:62ch;font-size:16px}.log-list a:hover h3{color:var(--blue-type);text-underline-offset:3px;text-decoration:underline}.page-head h1{color:var(--ink);font-size:clamp(40px,6vw,76px)}@media (width<=900px){.log-list a{grid-template-columns:1fr}}