:root{--ink: #1A1714;--ink-deep: #13110F;--surface: #221F1B;--teal: #2D5F5E;--teal-lit: #4A7C6E;--sand: #D4B896;--paper: #E0D5C8;--oxide: #B5683C;--bg: var(--ink);--text: var(--paper);--text-dim: rgba(224,213,200,.74);--accent: var(--teal-lit);--border: rgba(212,184,150,.2);--radius: 20px 6px 22px 8px;--maxw: 1180px;--mx: 0;--my: 0;--display: "OpenDyslexic","Atkinson Hyperlegible",Verdana,system-ui,sans-serif;--font: "Atkinson Hyperlegible","OpenDyslexic",Verdana,system-ui,sans-serif;--mono: "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}@font-face{font-family:OpenDyslexic;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/antijingoist/open-dyslexic@master/otf/OpenDyslexic-Regular.otf) format("opentype")}@font-face{font-family:OpenDyslexic;font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/antijingoist/open-dyslexic@master/otf/OpenDyslexic-Bold.otf) format("opentype")}@property --deep-angle{syntax:""; inherits:false; initial-value:0deg;}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--sand)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;position:relative;z-index:3}.muted{color:var(--text-dim)}.mono{font-family:var(--mono)}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.1;mix-blend-mode:overlay;transform:translate(calc(var(--mx)*-6px),calc(var(--my)*-6px));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vign{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 30%,transparent 42%,var(--ink-deep) 100%)}.nav{position:absolute;top:0;left:0;right:0;z-index:20;background:transparent}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:78px}.brand{font-family:var(--display);font-weight:700;letter-spacing:-.01em;font-size:1.4rem;color:var(--paper)}.brand span{color:var(--teal-lit)}.navlinks{display:flex;gap:22px}.navlinks a{font-family:var(--mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.navlinks a:hover{color:var(--sand)}.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--teal-lit);display:inline-flex;align-items:center;gap:10px}.eyebrow svg{width:22px;height:14px;overflow:visible}.hero{min-height:100svh;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:0}.deep{position:absolute;width:120vmax;height:120vmax;left:50%;top:42%;z-index:0;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%) translate(calc(var(--mx)*22px),calc(var(--my)*22px));background:conic-gradient(from var(--deep-angle),transparent 0deg,rgba(45,95,94,0) 30deg,rgba(74,124,110,.3) 90deg,rgba(45,95,94,.06) 160deg,transparent 220deg,rgba(74,124,110,.22) 300deg,transparent 360deg);animation:deepspin 26s linear infinite;filter:blur(40px);opacity:.9}@keyframes deepspin{to{--deep-angle:360deg}}@supports not (background:conic-gradient(from 1deg,red,blue)){.deep{background:radial-gradient(circle,rgba(74,124,110,.28),transparent 60%);animation:none}}.whale-wrap{position:absolute;z-index:1;width:min(720px,82vw);top:46%;left:50%;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%) translate(calc(var(--mx)*38px),calc(var(--my)*26px));animation:bob 7s ease-in-out infinite}@keyframes bob{0%,to{margin-top:0}50%{margin-top:-22px}}.whale-wrap svg{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}.whale-ink{stroke:var(--sand);stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.whale-fill{fill:var(--teal);opacity:.2}.whale-eye{fill:var(--ink-deep)}.whale-spout{stroke:var(--teal-lit);stroke-width:2.6;fill:none;stroke-linecap:round;opacity:.85}.hero-copy{position:relative;z-index:3;transform:translate(calc(var(--mx)*-10px),calc(var(--my)*-8px))}.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,8vw,6.2rem);line-height:.98;letter-spacing:-.01em;color:var(--paper);text-wrap:balance;margin:1.4rem 0 1.1rem}.swipe{position:relative;display:inline-block;isolation:isolate;color:var(--ink-deep);white-space:nowrap;padding:0 .08em}.swipe:before{content:"";position:absolute;inset:.06em -.12em .04em;z-index:-1;background:var(--sand);transform:rotate(-1.4deg);border-radius:.42em .14em .36em .16em;clip-path:inset(0 100% 0 0);animation:reveal 1s cubic-bezier(.7,0,.2,1) .35s forwards}@keyframes reveal{to{clip-path:inset(0 0 0 0)}}.hero .sub{font-size:clamp(1.05rem,2vw,1.4rem);max-width:38ch;margin:0 auto 2rem;color:var(--paper);opacity:.86}.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{font-family:var(--mono);font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:14px 26px;color:var(--paper);cursor:pointer;border:2.5px solid var(--sand);background:transparent;border-radius:22px 8px 24px 9px;corner-shape:bevel scoop bevel round;transition:transform .18s ease,background .2s ease,color .2s ease}.btn:hover{background:var(--sand);color:var(--ink-deep);transform:translateY(-2px) rotate(-.5deg)}.btn.solid{background:var(--teal);border-color:var(--teal-lit)}.btn.solid:hover{background:var(--teal-lit);color:var(--ink-deep)}.scrolltip{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--teal-lit);opacity:.7;z-index:3;animation:bob 7s ease-in-out infinite}.ripple{position:absolute;border:2px solid var(--sand);border-radius:50%;pointer-events:none;z-index:5;transform:translate(-50%,-50%);animation:ring 1.1s ease-out forwards}@keyframes ring{0%{width:8px;height:8px;opacity:.8}to{width:340px;height:340px;opacity:0}}.shead{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:2.4rem;border-bottom:2px solid rgba(212,184,150,.18);padding-bottom:1rem}.shead h2{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,4vw,3rem);line-height:1;color:var(--sand);margin:0}.shead p{max-width:34ch;opacity:.8;margin:0}.salvage{padding:9rem 0 7rem}.ribbon{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.track{display:flex;gap:18px;width:max-content;animation:slide 38s linear infinite}.ribbon:hover .track{animation-play-state:paused}@keyframes slide{to{transform:translate(-50%)}}.tag-card{display:flex;align-items:center;gap:14px;flex-shrink:0;background:var(--surface);border:2px solid rgba(212,184,150,.22);padding:16px 22px;border-radius:18px 6px 20px 7px;corner-shape:notch round scoop round}.tag-card .name{font-family:var(--display);font-weight:700;font-size:1.15rem;white-space:nowrap;color:var(--paper)}.tag-card .st{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;border-radius:6px;white-space:nowrap}.st.dead{color:var(--oxide);border:1px solid color-mix(in srgb,var(--oxide) 55%,transparent)}.st.alive{color:var(--teal-lit);border:1px solid color-mix(in srgb,var(--teal-lit) 60%,transparent)}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot.dead{background:var(--oxide)}.dot.alive{background:var(--teal-lit);box-shadow:0 0 10px var(--teal-lit)}.section{padding:5rem 0 7rem;position:relative;z-index:3}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:34px}.card{position:relative;background:var(--surface);border:2px solid rgba(212,184,150,.2);padding:34px 28px 28px;display:flex;flex-direction:column;gap:12px;border-radius:26px 8px 30px 10px;corner-shape:notch round bevel round;transform:rotate(var(--tilt,0deg));transition:transform .3s cubic-bezier(.34,1.4,.5,1),border-color .3s;color:var(--paper)}.card:nth-child(3n+1){--tilt:-1.2deg}.card:nth-child(3n+2){--tilt:.9deg}.card:nth-child(3n){--tilt:-.5deg}.card:hover{transform:rotate(0) translateY(-6px);border-color:var(--sand)}.card:before{content:"";position:absolute;top:-13px;left:50%;width:104px;height:28px;transform:translate(-50%) rotate(-2.5deg);background:color-mix(in srgb,var(--sand) 58%,transparent);border:1px dashed rgba(26,23,20,.3);opacity:.85}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.card h3{font-family:var(--display);font-weight:700;font-size:1.5rem;line-height:1.05;margin:.3rem 0 0;color:var(--paper)}.card .tagline{color:var(--text-dim);margin:0;font-size:1rem}.card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}.card .tag{font-family:var(--mono);font-size:.7rem;color:var(--teal-lit);background:#2d5f5e40;border-radius:5px;padding:4px 9px}.card-updated{font-size:.7rem;letter-spacing:.06em;color:var(--text-dim)}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.66rem;font-weight:500;padding:4px 10px;border-radius:6px;width:fit-content;text-transform:uppercase;letter-spacing:.1em}.badge.live{color:var(--teal-lit);border:1px solid color-mix(in srgb,var(--teal-lit) 55%,transparent)}.badge.in-progress{color:var(--sand);border:1px solid color-mix(in srgb,var(--sand) 50%,transparent)}.badge.planned{color:var(--text-dim);border:1px solid var(--border)}.reveal{opacity:1}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}@keyframes rise{0%{opacity:0;transform:translateY(46px) rotate(var(--tilt,0deg))}to{opacity:1;transform:translateY(0) rotate(var(--tilt,0deg))}}}}.edge{padding:4rem 0 8rem;position:relative;z-index:3}.edge .inner{background:linear-gradient(180deg,#221f1bb3,#13110fb3);border:2px solid rgba(45,95,94,.4);border-radius:34px 12px 38px;corner-shape:scoop round notch round;padding:clamp(2rem,5vw,4rem)}.edge h2{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,3.4vw,2.5rem);color:var(--sand);margin:0 0 .6rem}.edge .lede{opacity:.82;max-width:52ch;margin:0 0 2.4rem}.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.feat{border-left:3px solid var(--teal-lit);border-radius:0;padding:6px 0 6px 16px}.feat code{font-family:var(--mono);font-size:13px;color:var(--teal-lit);display:block;margin-bottom:5px}.feat span{font-size:.95rem;opacity:.78}.foot{border-top:2px solid rgba(212,184,150,.16);padding:4rem 0 5rem;color:var(--text-dim);position:relative;z-index:3}.foot .wrap{text-align:center}.foot .mark{width:54px;height:auto;margin:0 auto 1rem;display:block}.foot .mark path{stroke:var(--sand);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.foot h4{font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--paper);margin:0 0 .3rem}.foot p{font-family:var(--mono);font-size:12px;letter-spacing:.1em;opacity:.7;margin:0}.preview-banner{border:2px dashed var(--teal-lit);color:var(--teal-lit);border-radius:12px;padding:10px 14px;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;margin-bottom:14px}.subhero{position:relative;z-index:3;padding:128px 0 28px}.subhero h1{font-family:var(--display);font-weight:700;font-size:clamp(2rem,5vw,3.4rem);line-height:1.04;color:var(--paper);margin:.5rem 0 .6rem}.subhero .muted{max-width:62ch}.subhero .badge{margin-bottom:6px}.log-list{display:flex;flex-direction:column;gap:14px}.log-row{display:grid;grid-template-columns:90px 1fr;gap:18px;background:var(--surface);border:2px solid var(--border);padding:20px 22px;align-items:start;border-radius:18px 6px 20px 7px;corner-shape:notch round scoop round;transition:border-color .2s,transform .2s}.log-row:hover{border-color:var(--sand);transform:translateY(-3px)}.log-row.draft{opacity:.82;border-style:dashed}.log-day{font-family:var(--mono);color:var(--teal-lit);font-size:.8rem;letter-spacing:.08em;padding-top:3px}.log-title{font-family:var(--display);color:var(--paper);font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:10px}.log-date{font-size:.78rem;margin-top:2px;color:var(--text-dim)}.log-sum{margin:8px 0 0;font-size:.95rem;color:var(--text-dim)}.log-hero{padding:130px 0 28px}.log-hero h1{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--paper);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.log-body{max-width:760px}.log-intro{font-size:1.12rem;line-height:1.7;color:var(--paper);margin:0 0 38px;padding-bottom:30px;border-bottom:2px solid var(--border)}.log-block{margin:0 0 30px}.log-block h2{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--teal-lit);border-bottom:2px solid var(--border);padding-bottom:8px;margin:0 0 12px}.log-block ul{margin:0;padding-left:20px}.log-block li{margin:0 0 8px}.log-block p{margin:0 0 12px;color:var(--paper);opacity:.9}.log-block .quota{color:var(--sand);margin:0}.back{margin-top:40px;font-family:var(--mono);font-size:.85rem;letter-spacing:.08em}@media(prefers-reduced-motion:reduce){*{animation:none!important}.swipe:before{clip-path:inset(0 0 0 0)}.deep{opacity:.5}}@media(max-width:640px){.nav .wrap{height:64px}.salvage{padding:6rem 0 5rem}.log-row{grid-template-columns:64px 1fr;gap:12px}}