:root{--bg:#cfe6e6;--ink:#0c0f10;--ink-soft:#0c0f1094;--rule:#0c0f102e;--sans:"Helvetica Neue", Helvetica, "Inter", Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg-transition:4.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{background-color:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"kern", "liga";transition:background-color var(--bg-transition), color .3s ease;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.nav{z-index:20;mix-blend-mode:multiply;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 48px;display:grid;position:fixed;top:0;left:0;right:0}body.dark .nav{mix-blend-mode:screen}.brand{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.brand .mark{flex-shrink:0;width:17.6px;height:17.6px;display:inline-block}.brand .mark svg{width:100%;height:100%;display:block}.brand .mark svg g{stroke:currentColor}main{flex-direction:column;flex:1;justify-content:flex-start;gap:0;padding:22vh 48px 40px;display:flex;position:relative}.headline{letter-spacing:0;margin:0;font-size:clamp(56px,9vw,140px);font-weight:300;line-height:1.02}.headline em{font-style:normal}.contact-btn{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rule);border-radius:999px;margin-top:32px;padding:10px 18px;font-size:11px;transition:background .2s,border-color .2s;display:inline-block}.contact-btn:hover{border-color:var(--ink);background:#0c0f100f}.content{width:100%;max-width:720px;margin:0 auto;font-size:17px;font-weight:300;line-height:1.6}.content h1{letter-spacing:0;margin:0 0 8px;font-size:clamp(44px,6vw,84px);font-weight:300;line-height:1.05}.content .updated{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 40px;font-size:11px}.content h2{font-size:15px;font-weight:500;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:32px 0 10px}.content p{margin:0 0 12px}.content a{border-bottom:1px solid var(--rule);transition:border-color .2s}.content a:hover{border-color:var(--ink)}footer{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;opacity:.55;border-top:1px solid var(--rule);grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 48px;font-size:11px;display:grid}footer .foot-left{opacity:.7;justify-self:start}footer .foot-center{justify-self:center}footer .foot-right{opacity:1;justify-self:end}footer .foot-right a{opacity:.7;transition:opacity .2s}footer .foot-right a:hover{opacity:1}.crosshair{pointer-events:none;z-index:5;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);opacity:0;white-space:nowrap;padding-left:14px;font-size:10px;transition:opacity .4s;position:fixed;transform:translate(calc(-50% - 8px),calc(-50% - 4px))}.crosshair:before{content:"";background:currentColor;width:10px;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}body.cursor-live .crosshair{opacity:.55}.crosshair .xh-sep{vertical-align:middle;display:inline-block}.crosshair .xh-sep svg{vertical-align:middle;width:10px;height:10px;margin-top:-2px}.crosshair .xh-sep svg g{stroke:currentColor}.crosshair.on-diag{opacity:.9!important}body.dark{--bg:#0e1113;--ink:#eef0ee;--ink-soft:#eef0ee8c;--rule:#eef0ee29}@media (width<=640px){.nav{padding:16px 22px}main{padding:18vh 22px 40px}footer{padding:16px 20px}}
