:root{color-scheme:light;--bg: #f6f1e9;--ink: #171411;--muted: #6c655c;--line: rgb(23 20 17 / .13);--line-strong: rgb(23 20 17 / .2);--shadow: 0 24px 70px rgb(58 47 35 / .13);--accent: #0c6f66;--accent-warm: #b35f36;--max: 1800px;--gutter: clamp(1.25rem, 4vw, 2.5rem);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{min-height:100vh;margin:0;color:var(--ink);background:linear-gradient(145deg,#fbf8f2,#f3ece1 52%,#f8f4ee);animation:page-in .52s ease both}a{color:inherit;text-decoration:none}a:focus-visible{border-radius:.35rem;outline:3px solid rgb(12 111 102 / .32);outline-offset:5px}.site-shell{width:min(100%,var(--max));min-height:100vh;margin:0 auto;padding:clamp(1.45rem,3vw,2.1rem) var(--gutter) clamp(2.5rem,6vw,4.5rem)}.topbar{display:flex;align-items:baseline;justify-content:space-between;line-height:1;gap:1rem}.brand{font-size:1.5rem;font-weight:700;font-family:Bradley Hand,Segoe Print,cursive}.nav-links{display:flex;align-items:center;gap:clamp(1rem,2vw,1.55rem);color:#504940;font-size:1rem;font-weight:600}.nav-links a{position:relative;padding-block:.35rem;transition:color .16s ease,transform .16s ease}.nav-links a:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:"";background:currentColor;opacity:.35;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav-links a:hover{color:var(--ink);transform:translateY(-1px)}.nav-links a:hover:after{transform:scaleX(1)}.hero{display:grid;grid-template-columns:minmax(460px,.85fr) minmax(700px,1.15fr);align-items:center;gap:clamp(3rem,5vw,6rem);min-height:calc(100vh - 5.9rem);padding-block:clamp(4rem,9vw,8rem) clamp(2.5rem,5vw,4rem)}.hero-copy{animation:rise-in .64s 80ms ease both}h1{margin:0 0 clamp(1.35rem,2.4vw,2rem)}.hero-kicker,.hero-subtitle{display:block;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-wrap:balance;letter-spacing:-.02em}.hero-kicker{font-size:4rem;font-weight:700}.hero-subtitle{margin-top:1.8rem;font-size:3rem;font-weight:600}.location{margin:0;color:var(--muted);font-size:1.2rem;font-weight:500;line-height:1.8}.code-window{justify-self:end;overflow:hidden;display:flex;flex-direction:column;width:min(100%,900px);margin:0;border:1px solid var(--line);border-radius:18px;background:#fffbf4bd;box-shadow:var(--shadow);backdrop-filter:blur(18px);animation:rise-in .68s .15s ease both}.editor-bar{display:grid;grid-template-columns:4rem 1fr 4rem;align-items:center;min-height:3.1rem;padding:0 1rem;border-bottom:1px solid rgb(23 20 17 / .1);background:linear-gradient(180deg,#fffdf9c7,#f8f1e7a3)}.window-dots{display:flex;gap:.42rem}.window-dots span{width:.62rem;height:.62rem;border:1px solid rgb(23 20 17 / .12);border-radius:50%;background:#ded1c0}.window-dots span:nth-child(1){background:#d88962}.window-dots span:nth-child(2){background:#d3af5f}.window-dots span:nth-child(3){background:#78a992}.filename{justify-self:center;color:#6d655d;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85rem;font-weight:650;letter-spacing:0;line-height:1}.code-body{display:flex;flex:1;min-width:0}.code-window pre{overflow-x:auto;flex:1;margin:0;padding:clamp(1.55rem,2vw,2rem);color:#312a24;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(.82rem,.92vw,.96rem);font-weight:500;letter-spacing:0;line-height:1.7;tab-size:2}.code-window .shiki{width:100%;background:transparent!important}@keyframes page-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1320px){.site-shell{min-height:100svh}.hero{grid-template-columns:1fr;align-items:start;gap:clamp(2.3rem,7vw,3.5rem);min-height:auto;padding-block:clamp(2rem,10vw,6rem) 2rem}.code-window{justify-self:stretch;width:min(100%,900px)}}@media(max-width:560px){.site-shell{padding-inline:1.05rem}.topbar{align-items:flex-start;gap:.8rem}.nav-links{gap:.85rem;font-size:.88rem}h1{margin-bottom:1.25rem}.hero-kicker{font-size:3rem}.hero-subtitle{font-size:2rem}.editor-bar{grid-template-columns:3.6rem 1fr 3.6rem;min-height:2.8rem;padding-inline:.85rem}}@media(max-width:360px){.topbar{display:grid}.nav-links{justify-self:start}.code-window pre{padding-inline:.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}