@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--water-deep:#0e6da8;--water-mid:#1479b8;--water-bright:#1b8fd4;--water-pale:#e8f2f9;--water-mist:#f2f8fc;--water-ink:#0a3d5c;--water-ink-soft:#1a5a80;--water-ink-faint:#3d6d8a;--koi:#7a6100;--koi-dark:#6e5600;--hairline:#0a3d5c24;--abyss:#081e2e;--abyss-warm:#0c2740;--foam:#e8f2f9;--foam-soft:#b8d4e8;--foam-faint:#7aa0b8;--koi-dark-theme:#d4a017;--hairline-dark:#e8f2f924;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s20:80px;--s24:96px;--s32:128px;--s40:160px;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--ease:cubic-bezier(.22, .9, .28, 1);--dur:.18s;--max-w:1080px;--max-w-narrow:680px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root,:root[data-theme=light]{--bg:var(--water-mist);--bg-warm:var(--water-pale);--fg:var(--water-ink);--fg-soft:var(--water-ink-soft);--fg-faint:var(--water-ink-faint);--line:var(--hairline);--accent:var(--koi);--accent-hover:var(--koi-dark)}:root[data-theme=dark]{--bg:var(--abyss);--bg-warm:var(--abyss-warm);--fg:var(--foam);--fg-soft:var(--foam-soft);--fg-faint:var(--foam-faint);--line:var(--hairline-dark);--accent:var(--koi-dark-theme);--accent-hover:#e8bc3a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--abyss);--bg-warm:var(--abyss-warm);--fg:var(--foam);--fg-soft:var(--foam-soft);--fg-faint:var(--foam-faint);--line:var(--hairline-dark);--accent:var(--koi-dark-theme);--accent-hover:#f0904f}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:#fff}img{max-width:100%;height:auto;display:block}section[id]{scroll-margin-top:80px}.skip-link{top:-100px;left:var(--s4);z-index:1000;background:var(--fg);color:var(--bg);padding:var(--s3) var(--s5);transition:top var(--dur) var(--ease);border-radius:6px;font-size:.95rem;font-weight:600;text-decoration:none;position:absolute}.skip-link:focus{top:var(--s4)}:focus{outline:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reveal.will-reveal{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translateY(10px)}.reveal.will-reveal.is-visible{opacity:1;transform:none}.site-header{z-index:100;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.site-header.scrolled{background:var(--bg);border-bottom-color:var(--line)}.nav{height:64px;max-width:var(--max-w);padding:0 var(--s6);justify-content:space-between;align-items:center;gap:var(--s4);margin:0 auto;display:flex}.wordmark{font-family:var(--serif);letter-spacing:.01em;color:var(--fg);font-size:1.35rem;text-decoration:none}.site-header:not(.scrolled) .wordmark,.site-header:not(.scrolled) .nav-links a{color:#fff;text-shadow:0 1px 8px #00000059}.site-header:not(.scrolled) .theme-toggle{color:#fff;border-color:#ffffff4d}.nav-links{align-items:center;gap:var(--s1);margin-left:auto;list-style:none;display:flex}.nav-links a{color:var(--fg-soft);padding:var(--s2) var(--s3);border-radius:6px;align-items:center;min-height:44px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav-links a:after{content:"";left:var(--s3);right:var(--s3);background:var(--accent);transform-origin:0;height:2px;transition:transform var(--dur) var(--ease);position:absolute;bottom:6px;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}.theme-toggle{border:1px solid var(--line);cursor:pointer;width:44px;height:44px;color:var(--fg);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle:active{transform:scale(.94)}.menu-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.site-header:not(.scrolled) .menu-button{border-color:#ffffff4d}.menu-icon{width:20px;height:2px;color:inherit;background:currentColor;display:block;position:relative}.site-header:not(.scrolled) .menu-button{color:#fff}.menu-icon:before,.menu-icon:after{content:"";width:20px;height:2px;transition:transform var(--dur) var(--ease);background:currentColor;position:absolute;left:0}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.menu-icon.open{background:0 0}.menu-icon.open:before{transform:translateY(6px)rotate(45deg)}.menu-icon.open:after{transform:translateY(-6px)rotate(-45deg)}.mobile-nav{background:var(--bg);border-bottom:1px solid var(--line);padding:var(--s2) var(--s6) var(--s4)}.mobile-nav ul{list-style:none}.mobile-nav a{padding:var(--s3) 0;color:var(--fg);border-bottom:1px solid var(--line);min-height:44px;font-size:1.1rem;font-weight:500;text-decoration:none;display:block}.mobile-nav li:last-child a{border-bottom:none}@media (width<=640px){.nav-links{display:none}.menu-button{display:inline-flex}}.hero{background:var(--water-deep);align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.koi-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-content{z-index:2;max-width:var(--max-w);padding:var(--s24) var(--s6);width:100%;margin:0 auto;position:relative}.hero h1{font-family:var(--serif);letter-spacing:-.015em;color:#fff;max-width:12ch;margin-bottom:var(--s5);font-size:clamp(3.5rem,9vw,6rem);font-weight:400;line-height:1.02}.hero h1 em{font-style:italic}.hero-lead{color:#ffffffeb;max-width:42ch;margin-bottom:var(--s8);font-size:clamp(1.125rem,2.5vw,1.375rem);line-height:1.55}.hero-cta{align-items:center;gap:var(--s6);flex-wrap:wrap;display:flex}.btn{font-family:var(--sans);padding:var(--s3) var(--s6);cursor:pointer;min-height:48px;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#0b5a8e;background:#fff}.btn-primary:hover{background:#f0f4f8}.text-link{color:#fff;text-underline-offset:4px;min-height:44px;transition:text-decoration-color var(--dur) var(--ease);align-items:center;font-weight:500;-webkit-text-decoration:underline #ffffff80;text-decoration:underline #ffffff80;text-decoration-thickness:1px;display:inline-flex}.text-link:hover{text-decoration-color:#fff}main a:not(.btn):not(.text-link):not(.follow-row):not(.wordmark){color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-underline-offset:3px;transition:text-decoration-color var(--dur) var(--ease);text-decoration-thickness:1px}main a:not(.btn):not(.text-link):not(.follow-row):not(.wordmark):hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.btn-secondary{color:var(--fg);border-color:var(--line);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.wrap{max-width:var(--max-w);padding:0 var(--s6);margin:0 auto}.wrap.narrow{max-width:var(--max-w-narrow)}.section{padding:var(--s32) 0}@media (width<=640px){.section{padding:var(--s20) 0}}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:var(--s4);font-size:.8rem;font-weight:700}h2{font-family:var(--serif);letter-spacing:-.01em;margin-bottom:var(--s4);font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.1}h3{letter-spacing:-.01em;margin-bottom:var(--s2);font-size:1.15rem;font-weight:600}.lead{color:var(--fg-soft);max-width:56ch;margin-bottom:var(--s8);font-size:1.2rem;line-height:1.55}p{margin-bottom:var(--s4);max-width:65ch}.numbers{gap:var(--s10);margin:var(--s8) 0;flex-wrap:wrap;display:flex}.number{gap:var(--s1);flex-direction:column;display:flex}.number-value{font-family:var(--mono);color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;line-height:1}.number-label{color:var(--fg-soft);font-size:.9rem}.measure-table{border-collapse:collapse;width:100%;margin:var(--s8) 0;font-size:.95rem}.measure-table th,.measure-table td{padding:var(--s3) var(--s2);text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.measure-table th{color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.measure-table tbody tr{transition:background var(--dur) var(--ease)}.measure-table tbody tr:hover{background:var(--bg-warm)}.measure-table .saved{color:var(--accent);font-weight:700;font-family:var(--mono)}.disclaimer{border-left:3px solid var(--accent);padding:var(--s4) var(--s5);margin:var(--s8) 0;background:var(--bg-warm);max-width:65ch}.disclaimer p{color:var(--fg-soft);margin:0;font-size:.9rem;line-height:1.6}code{font-family:var(--mono);background:var(--bg-warm);border:1px solid var(--line);white-space:nowrap;border-radius:5px;padding:2px 7px;font-size:.88em}.install{color:var(--fg-soft);margin:var(--s6) 0;font-size:.95rem;line-height:2}.cta-row{gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;display:flex}.price-note{color:var(--fg-faint);margin-top:var(--s3);font-size:.9rem}.build-log{margin-top:var(--s8);max-width:640px;list-style:none}.log-entry{gap:var(--s6);padding:var(--s5) 0;border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;display:grid}.log-entry:first-child{border-top:1px solid var(--line)}.log-date{font-family:var(--mono);color:var(--fg-faint);white-space:nowrap;padding-top:3px;font-size:.82rem}.log-body h3{margin-bottom:var(--s1)}.log-body p{color:var(--fg-soft);margin:0;font-size:.95rem}@media (width<=560px){.log-entry{gap:var(--s1);grid-template-columns:1fr}}.log-cta{margin-top:var(--s8);color:var(--fg-soft)}.photo-section{padding:var(--s32) 0;background:#0a0a0c;overflow:hidden}@media (width<=640px){.photo-section{padding:var(--s20) 0}}.photo-full{max-width:1400px;padding:0 var(--s6);gap:var(--s16);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}@media (width<=900px){.photo-full{gap:var(--s10);grid-template-columns:1fr}}.photo-frame{position:relative;overflow:hidden}.photo-frame img{aspect-ratio:768/1376;object-fit:cover;filter:brightness(.94);width:100%;height:auto;transition:transform 1.2s var(--ease), filter 1.2s var(--ease);transform:scale(1.04)}.photo-reveal.is-visible .photo-frame img,.reveal.is-visible .photo-frame img{filter:brightness();transform:scale(1)}.photo-grain{pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.photo-vignette{pointer-events:none;background:radial-gradient(#0000 55%,#0000006b 100%);position:absolute;inset:0}.photo-line{border:none;margin:0;padding:0}.photo-line p{font-family:var(--serif);color:#f2f0eb;max-width:20ch;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.25}.about-text{color:var(--fg-soft);font-size:1.125rem;line-height:1.7}.follow-list{margin-top:var(--s8);border-top:1px solid var(--line);list-style:none}.follow-row{align-items:center;gap:var(--s4);padding:var(--s5) var(--s2);border-bottom:1px solid var(--line);color:var(--fg);min-height:72px;transition:background var(--dur) var(--ease);text-decoration:none;display:flex}.follow-row:hover{background:var(--bg-warm)}.follow-icon{width:44px;height:44px;color:var(--fg-soft);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.follow-text{flex-direction:column;flex:1;gap:2px;display:flex}.follow-name{font-size:1rem;font-weight:600}.follow-handle{color:var(--fg-faint);font-size:.88rem}.follow-arrow{color:var(--fg-faint);transition:transform var(--dur) var(--ease), color var(--dur) var(--ease)}.follow-row:hover .follow-arrow{color:var(--accent);transform:translate(4px)}.build-notes{margin-top:var(--s10);color:var(--fg-soft);font-size:.95rem}.site-footer{border-top:1px solid var(--line);padding:var(--s12) 0 var(--s8);margin-top:var(--s16)}.footer-links{gap:var(--s6);margin-bottom:var(--s6);flex-wrap:wrap;list-style:none;display:flex}.footer-links a{color:var(--fg-soft);align-items:center;min-height:44px;font-size:.9rem;text-decoration:none;display:inline-flex}.footer-links a:hover{color:var(--accent)}.copyright,.contact{color:var(--fg-faint);margin-bottom:var(--s2);font-size:.85rem}.contact a{color:var(--fg-soft)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal.will-reveal{opacity:1;transform:none}.photo-frame img{filter:none;transform:none}}