*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sky:#f0f7ff;--ocean-surface:#d6eef8;--ocean-bright:#4bafd6;--ocean-deep:#1a7fa8;--chip-green:#2d7a4f;--chip-light:#e8f5ee;--text-dark:#0d1f2d;--text-mid:#2a5068;--text-soft:#5a8aa0;--serif:"Cormorant Garamond",Georgia,serif;--mono:"DM Mono",monospace;--grid-line:rgba(45,122,79,.12)}html{scroll-behavior:smooth}body{background:var(--sky);color:var(--text-dark);font-family:var(--serif);min-height:100vh;overflow-x:hidden;cursor:none}.cursor{position:fixed;width:8px;height:8px;background:var(--ocean-deep);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}.cursor-ring{position:fixed;width:30px;height:30px;border:1.5px solid rgba(26,127,168,.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .15s ease}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px}canvas#waves{position:fixed;bottom:0;left:0;width:100%;height:45%;z-index:1;pointer-events:none}.site{position:relative;z-index:2}nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(to bottom,#f0f7fff2,#f0f7ff00)}.logo-wrap{display:flex;align-items:center;gap:.75rem}.logo-mark{width:32px;height:32px}.logo-text{font-family:var(--serif);font-size:1rem;font-weight:400;letter-spacing:.12em;color:var(--text-dark);font-style:italic}.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-links a{display:inline-flex;align-items:center;font-family:var(--mono);font-size:.68rem;color:var(--text-soft);text-decoration:none;letter-spacing:.1em;transition:color .25s;line-height:1}.nav-links a:hover{color:var(--ocean-deep)}.nav-dropdown{position:relative}.nav-dropdown:after{content:"";position:absolute;top:100%;left:-10px;right:-10px;height:1.5rem}.nav-dropdown-trigger{display:flex;align-items:center;gap:.3em;cursor:pointer}.nav-arrow{font-size:.6em;opacity:.6;transition:transform .2s;display:inline-block}.nav-dropdown:hover .nav-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + .8rem);left:50%;transform:translate(-50%);background:#f0f7fff7;border:1px solid rgba(45,122,79,.15);border-radius:4px;list-style:none;min-width:140px;padding:.4rem 0;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;transform:translate(-50%) translateY(-4px)}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;pointer-events:all;transform:translate(-50%) translateY(0)}.nav-dropdown-menu li a{display:block;padding:.45rem 1rem;font-family:var(--mono);font-size:.68rem;color:var(--text-soft);text-decoration:none;letter-spacing:.1em;transition:color .2s,background .2s;white-space:nowrap}.nav-dropdown-menu li a:hover{color:var(--ocean-deep);background:var(--ocean-surface)}.nav-tag-hint{opacity:.45;font-size:.9em}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:5rem 3rem 0;position:relative}.hero-eyebrow{font-family:var(--mono);font-size:.65rem;color:var(--chip-green);letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.4rem;opacity:0;animation:fadeUp .8s .2s forwards}.hero-title{font-size:clamp(3.2rem,7vw,6.5rem);font-weight:300;line-height:1.05;letter-spacing:-.01em;max-width:800px;opacity:0;animation:fadeUp .9s .4s forwards}.hero-title em{font-style:italic;color:var(--ocean-deep)}.hero-title .accent{color:var(--chip-green)}.hero-sub{margin-top:1.8rem;font-family:var(--mono);font-size:.72rem;color:var(--text-soft);max-width:440px;line-height:1.9;letter-spacing:.03em;opacity:0;animation:fadeUp .9s .65s forwards}.hero-cta{margin-top:2.2rem;display:inline-flex;align-items:center;gap:.8rem;font-family:var(--mono);font-size:.68rem;color:var(--ocean-deep);letter-spacing:.1em;text-decoration:none;border-bottom:1px solid rgba(26,127,168,.3);padding-bottom:2px;opacity:0;animation:fadeUp .9s .9s forwards;transition:gap .2s}.hero-cta:hover{gap:1.2rem}.surface-label{position:absolute;right:3rem;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-family:var(--mono);font-size:.58rem;color:var(--text-soft);letter-spacing:.2em;opacity:0;animation:fadeIn 1s 1.2s forwards}.surface-line{position:absolute;right:3.8rem;top:30%;height:40%;width:1px;background:linear-gradient(to bottom,transparent,var(--ocean-bright),transparent);opacity:0;animation:fadeIn 1s 1s forwards}.posts{padding:2rem 3rem 4rem;max-width:960px}.posts-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;opacity:0;animation:fadeUp .8s 1.1s forwards}.posts-header-text{font-family:var(--mono);font-size:.6rem;color:var(--text-soft);letter-spacing:.22em;text-transform:uppercase}.posts-header-line{flex:1;height:1px;background:linear-gradient(to right,var(--grid-line),transparent)}.post-card{display:grid;grid-template-columns:60px 1fr;gap:0 2rem;margin-bottom:3rem;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s;cursor:pointer;text-decoration:none;color:inherit}.post-card.visible{opacity:1;transform:translateY(0)}.post-num{font-family:var(--mono);font-size:.58rem;color:var(--text-soft);letter-spacing:.1em;padding-top:.5rem;text-align:right}.post-body{border-left:2px solid var(--grid-line);padding-left:1.8rem;transition:border-color .3s}.post-card:hover .post-body{border-color:var(--ocean-bright)}.post-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.6rem}.post-tag{display:inline-block;font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;padding:2px 8px;border-radius:2px}.post-tag.kernels{color:var(--chip-green);background:var(--chip-light)}.post-tag.kelp{color:var(--ocean-deep);background:var(--ocean-surface)}.post-title{font-size:1.55rem;font-weight:300;line-height:1.2;margin-bottom:.5rem;font-style:italic;transition:color .25s}.post-card:hover .post-title{color:var(--ocean-deep)}.post-excerpt{font-family:var(--mono);font-size:.67rem;color:var(--text-soft);line-height:1.85;letter-spacing:.02em}.post-footer{display:flex;align-items:center;gap:1.5rem;margin-top:.7rem}.post-read{font-family:var(--mono);font-size:.58rem;color:var(--text-soft);letter-spacing:.08em}.about{padding:3rem 3rem 5rem;max-width:680px;border-top:1px solid var(--grid-line)}.about-text{font-size:1.2rem;font-weight:300;line-height:1.85;color:var(--text-mid);font-style:italic}.about-text strong{color:var(--text-dark);font-style:normal;font-weight:400}.about-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.2rem}.chip{font-family:var(--mono);font-size:.58rem;color:var(--text-soft);border:1px solid var(--grid-line);padding:3px 10px;border-radius:2px;letter-spacing:.08em}footer{padding:1.8rem 3rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--grid-line)}.footer-l{font-family:var(--mono);font-size:.58rem;color:var(--text-soft);letter-spacing:.1em}.footer-r{font-family:var(--mono);font-size:.58rem;color:var(--chip-green);letter-spacing:.1em}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}