:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fdfcf9;--sidebar:#f4f3ef;--surface:#f6f5f1;--hover:#eeede8;--ink:#33332f;--secondary:#696961;--muted:#706f67;--line:#e8e7e1;--accent:#3e716c;--accent-soft:#e3eeea;--ocean-ink:#4e7e79;--ocean-pattern:url(/patterns/coastal-mandala.svg);--sidebar-width:236px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1d1e1c;--sidebar:#242521;--surface:#262722;--hover:#30312b;--ink:#e6e6df;--secondary:#b0b1a6;--muted:#98998e;--line:#363730;--accent:#94c3b9;--accent-soft:#2d403b;--ocean-ink:#94beb3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--paper);color:var(--ink);margin:0;font-size:15px;line-height:1.6}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{flex-shrink:0;display:block}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}#main-content:focus{outline:none}.skip-link{z-index:100;background:var(--ink);color:var(--paper);border-radius:5px;padding:8px 16px;position:fixed;top:10px;left:15px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sidebar{width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;padding:32px 17px 20px;display:flex;position:fixed;inset:0 auto 0 0}.identity{align-items:center;gap:11px;margin-bottom:35px;padding:4px 11px;font-size:14px;font-weight:600;display:flex}.ocean-mark{color:var(--accent)}.nav-label{color:var(--muted);margin:0 0 9px;padding:0 12px;font-size:11px;font-weight:500}.nav-link{min-height:39px;color:var(--secondary);border-radius:5px;align-items:center;gap:11px;margin:3px 0;padding:7px 11px;font-size:13px;transition:background .15s,color .15s;display:flex}.nav-link svg{color:var(--muted)}.nav-link:hover{background:var(--hover);color:var(--ink)}.nav-link.active{background:var(--accent-soft);color:var(--ink);font-weight:500;position:relative}.nav-link.active svg{color:var(--accent)}.nav-link.active:after{content:"";background:var(--accent);opacity:.4;pointer-events:none;width:60px;height:6px;position:absolute;bottom:2px;right:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 6'%3E%3Cpath d='M0 3Q7-1 15 3T30 3T45 3T60 3' fill='none' stroke='black' stroke-width='1'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 6'%3E%3Cpath d='M0 3Q7-1 15 3T30 3T45 3T60 3' fill='none' stroke='black' stroke-width='1'/%3E%3C/svg%3E") 50%/contain no-repeat}.nav-count{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto;font-size:11px}.elsewhere-nav{margin-top:35px}.external-icon{opacity:.6;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.theme-toggle{width:100%;color:var(--secondary);background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;min-height:38px;padding:9px 11px;font-size:12px;display:flex}.theme-toggle:hover{background:var(--hover)}.theme-value{color:var(--muted);margin-left:auto;font-size:10px}.dark-theme-icon{display:none}[data-theme=dark] .dark-theme-icon{display:block}[data-theme=dark] .light-theme-icon{display:none}.workspace{margin-left:var(--sidebar-width);flex-direction:column;min-height:100svh;display:flex}#main-content{flex:1;min-width:0}.document{width:min(100% - 112px,724px);margin:0 auto;padding:88px 0 0}.eyebrow{color:var(--secondary);margin-bottom:10px;font-size:13px}h1{letter-spacing:-.8px;text-wrap:balance;font-size:32px;font-weight:650;line-height:1.25}.intro-copy{color:var(--secondary);max-width:560px;margin-top:16px;font-size:15px;line-height:1.85}.intro-personal{color:var(--secondary);margin-top:10px;font-size:13px}.ocean-pattern{pointer-events:none;overflow:hidden}.ocean-pattern--banner{margin-top:27px}.ocean-pattern:before{content:"";aspect-ratio:724/164;background:var(--ocean-ink);width:100%;-webkit-mask-image:var(--ocean-pattern);mask-image:var(--ocean-pattern);display:block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.article-document{--muted:var(--secondary);isolation:isolate;position:relative}.ocean-pattern--article{z-index:-1;width:calc(100vw - var(--sidebar-width));opacity:.25;filter:blur(4px);height:600px;max-height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.ocean-pattern--article:before{aspect-ratio:auto;height:100%;-webkit-mask-position:50% 40px;mask-position:50% 40px;-webkit-mask-size:max(100%,1800px);mask-size:max(100%,1800px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.intro+.home-section{margin-top:30px}.icon-study{align-items:center;gap:24px;margin:0 0 28px;display:flex}.icon-study .ocean-mark:first-child{width:16px;height:16px}.icon-study .ocean-mark:nth-child(2){width:32px;height:32px}.icon-study .ocean-mark:nth-child(3){width:48px;height:48px}.icon-study .text-link{margin-left:auto}.pattern-studies{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px;display:grid}.pattern-study,.pattern-study .ocean-pattern{margin:0}.pattern-study .ocean-pattern:before{width:100%;margin-left:0}.pattern-study figcaption{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:8px;font-size:11px;display:flex}.pattern-name{color:var(--secondary);text-transform:capitalize;margin-left:8px}.home-section{margin-top:44px;scroll-margin-top:30px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:13px;display:flex}.section-heading h2{letter-spacing:-.2px;align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.text-link{color:var(--secondary);white-space:nowrap;align-items:center;gap:7px;padding:3px 0;font-size:11px;display:inline-flex}.text-link:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.note-row+.note-row{border-top:1px solid var(--line)}.note-link{isolation:isolate;align-items:flex-start;gap:15px;padding:21px 0;display:flex;position:relative}.note-link:before{content:"";z-index:-1;background:0 0;border-radius:6px;transition:background .15s;position:absolute;inset:5px -12px}.note-link:hover:before{background:var(--surface)}.document-icon{color:var(--muted);padding-top:3px}.note-copy{flex:1;min-width:0}.note-copy h3{letter-spacing:-.1px;font-size:14px;font-weight:550;line-height:1.6}.note-copy>p{color:var(--secondary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.note-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px;font-size:10px;display:flex}.meta-dot{opacity:.65}.row-arrow{color:var(--muted);opacity:.6;align-self:center;transition:transform .15s}.note-link:hover .row-arrow{transform:translate(3px)}.home-projects>li+li{border-top:1px solid var(--line)}.project-link{justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 0;display:flex}.project-link>div{min-width:0}.project-link>svg{color:var(--muted);margin-top:4px}.project-link h3{font-size:14px;font-weight:550;line-height:1.6}.project-link p{color:var(--secondary);margin-top:4px;font-size:12px;line-height:1.8}.project-link:hover h3{text-underline-offset:4px;text-decoration:underline}.page-footer{border-top:1px solid var(--line);width:min(100% - 112px,724px);color:var(--muted);justify-content:space-between;gap:20px;margin:38px auto 0;padding:20px 0 24px;font-size:10px;display:flex}.collection-document{min-height:68vh;padding-top:88px}.page-heading{margin-bottom:34px}.page-heading h1{letter-spacing:-.8px;font-size:32px}.page-heading p{color:var(--secondary);margin-top:14px;font-size:14px;line-height:1.8}.search-field{border:1px solid var(--line);height:44px;color:var(--muted);background:var(--paper);border-radius:6px;align-items:center;gap:10px;padding:0 13px;display:flex}.search-field:focus-within{border-color:var(--accent);outline:1px solid var(--accent)}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:12px}.search-field input::placeholder{color:var(--muted)}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.search-field button{color:var(--secondary);background:0 0;border:none;padding:8px}.results-count{color:var(--muted);margin-top:14px;font-size:11px}.notes-year{margin-top:32px}.notes-year h2{color:var(--muted);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding-bottom:9px;font-size:12px;font-weight:500}.archive-caption{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:14px;font-size:11px}.experiment-list>li{border-bottom:1px solid var(--line)}.experiment-link{align-items:flex-start;gap:22px;padding:27px 0;display:flex}.experiment-link:hover .experiment-copy h2{text-underline-offset:5px;text-decoration:underline}.experiment-copy{flex:1}.experiment-copy h2{letter-spacing:-.2px;font-size:15px;font-weight:550;line-height:1.5}.experiment-copy p{color:var(--secondary);margin-top:7px;font-size:12px;line-height:1.8}.tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tags span+span:before{content:"·";color:var(--muted);margin-right:6px}.tags span{color:var(--secondary);font-size:11px;line-height:1.6}.experiment-end{color:var(--muted);flex-direction:column;align-items:center;gap:27px;padding-top:4px;display:flex}.experiment-end time{font-size:10px}.archive-note{color:var(--muted);max-width:480px;margin-top:25px;font-size:11px;line-height:1.8}.back-link{color:var(--secondary);align-items:center;gap:8px;margin-bottom:35px;font-size:12px;display:inline-flex}.back-link:hover{color:var(--ink)}.article-header{border-bottom:1px solid var(--line);margin-bottom:35px;padding-bottom:28px}.article-header .tags{margin:0 0 18px}.article-header h1{letter-spacing:-1px;font-size:36px;line-height:1.3}.article-description{color:var(--secondary);margin-top:18px;font-size:15px;line-height:1.9}.article-header .note-meta{margin-top:18px;font-size:11px}.prose{overflow-wrap:anywhere;font-size:15px;line-height:1.85}.prose :where(p,ul,ol,pre,blockquote,table,figure){margin:20px 0}.prose :where(h2,h3,h4,h5,h6){letter-spacing:-.5px;margin:36px 0 14px;scroll-margin-top:30px;font-weight:600;line-height:1.4}.prose h2{font-size:25px}.prose h3{font-size:21px}.prose :where(h4,h5,h6){font-size:17px}.prose a{text-decoration:underline;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:3px}.prose a:hover{color:var(--accent)}.prose ul{padding-left:25px;list-style:outside}.prose ol{padding-left:25px}.prose li,.prose li>:where(ul,ol){margin:8px 0}.prose blockquote{border-left:3px solid var(--line);color:var(--secondary);padding:1px 0 1px 20px}.prose img{border:1px solid var(--line);border-radius:5px;max-width:100%;height:auto;margin:15px 0}.prose iframe{max-width:100%}.prose iframe[src$=\.mp4]{aspect-ratio:16/9;height:auto;display:block}.prose code{font:.85em/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.prose :not(pre)>code{background:var(--surface);color:var(--accent);border-radius:3px;padding:2px 5px}.prose pre{border:1px solid var(--line);background:var(--surface);border-radius:5px;max-width:100%;padding:17px 0;font-size:13px;line-height:1.7;overflow-x:auto}.prose pre>code{width:max-content;min-width:100%;display:grid}.prose pre [data-line]{padding:0 19px}.prose code[data-line-numbers]{counter-reset:line}.prose code[data-line-numbers]>[data-line]:before{counter-increment:line;content:counter(line);text-align:right;width:22px;color:var(--muted);margin-right:18px;display:inline-block}.prose [data-highlighted-line]{background:var(--accent-soft)}.prose pre span{color:var(--shiki-light)}[data-theme=dark] .prose pre span{color:var(--shiki-dark)}.prose figure{margin-left:0;margin-right:0}.prose figcaption{color:var(--secondary);font-size:12px}.prose hr{border:0;border-top:1px solid var(--line);margin:30px 0}.table-scroll{max-width:100%;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:13px}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:9px 12px}.prose th{background:var(--surface)}.article-end{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;margin-top:45px;padding-top:25px;font-size:11px;display:flex}.article-end .text-link{margin-left:auto}.empty-state{text-align:center;color:var(--secondary);flex-direction:column;align-items:center;gap:13px;padding:65px 0;display:flex}.empty-state h2{color:var(--ink);font-size:19px;font-weight:550}.empty-state p{font-size:13px}.quiet-button{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:8px 15px;font-size:12px;display:inline-flex}.quiet-button:hover{background:var(--hover)}.error-state{padding-top:120px}.error-state h1{color:var(--ink);font-size:30px}.error-state .eyebrow{margin:0}@media (min-width:1600px){.document{padding-top:96px}}@media (max-width:1100px){:root{--sidebar-width:210px}.document,.page-footer{width:calc(100% - 80px)}}@media (max-width:760px){.sidebar{border-right:none;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:0;width:100%;padding:17px 22px 9px;position:relative}.identity{min-height:44px;margin:0;padding:0}.main-nav{order:3;gap:6px;width:100%;margin-top:17px;display:flex}.elsewhere-nav{display:none}.nav-link{flex:1;justify-content:center;gap:7px;min-height:42px;margin:0;padding:8px 9px;font-size:12px}.nav-link svg{width:16px;height:16px}.nav-count{margin-left:0;font-size:10px}.sidebar-bottom{margin:0 0 0 auto;padding:0}.theme-toggle{justify-content:center;width:40px;height:40px;padding:10px}.theme-toggle>span:nth-child(n+3){display:none}.workspace{min-height:calc(100svh - 130px);margin-left:0}.document{width:calc(100% - 48px);padding-top:38px}h1{letter-spacing:-.6px;font-size:28px}.intro-copy{margin-top:17px;font-size:14px}.ocean-pattern--banner{margin-top:20px}.ocean-pattern--banner:before{width:max(100%,460px);margin-left:min(0px,50% - 230px)}.ocean-pattern--article{width:100vw;height:440px}.ocean-pattern--article:before{-webkit-mask-position:50% 32px;mask-position:50% 32px;-webkit-mask-size:1086px;mask-size:1086px}.pattern-studies{grid-template-columns:1fr}.home-section{margin-top:34px}.section-heading{gap:10px;padding-bottom:12px}.section-heading h2{gap:7px;font-size:14px}.text-link{font-size:10px}.note-link{gap:11px;padding:19px 0}.note-copy h3{font-size:13px;line-height:1.6}.note-copy>p{-webkit-line-clamp:2;font-size:11px}.note-meta{gap:6px;font-size:10px}.document-icon svg{width:17px;height:17px}.row-arrow{display:none}.page-footer{gap:10px;width:calc(100% - 48px);margin-top:30px;font-size:9px}.page-heading h1{font-size:28px}.page-heading p{font-size:13px}.search-field input{font-size:16px}.search-field input::placeholder{font-size:11px}.experiment-link{gap:13px;padding:24px 0}.experiment-copy h2{font-size:14px}.experiment-copy p{font-size:11px}.article-header h1{letter-spacing:-.8px;font-size:29px;line-height:1.3}.article-description,.prose{font-size:14px}.prose h2{font-size:23px}.prose h3{font-size:20px}.article-end{flex-wrap:wrap;font-size:10px}.article-end .text-link{margin-left:auto}.error-state{padding-top:70px}}@media (max-width:359px){.sidebar{padding-left:16px;padding-right:16px}.document,.page-footer{width:calc(100% - 36px)}h1{font-size:27px}.nav-count{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media print{.sidebar,.page-footer,.back-link,.article-end,.skip-link,.ocean-pattern{display:none}.workspace{margin:0}.document{width:100%;padding:0}:root,:root[data-theme=dark]{--paper:white;--ink:black;--secondary:#444;--surface:#f6f6f6}.prose pre{white-space:pre-wrap}}.mobile-socials{display:none}@media (max-width:760px){.page-footer{flex-wrap:wrap}.mobile-socials{gap:23px;width:100%;font-size:11px;display:flex}.mobile-socials a{align-items:center;min-height:44px;display:inline-flex}.mobile-socials a:hover{text-underline-offset:4px;text-decoration:underline}.nav-link{min-height:44px}.theme-toggle{width:44px;height:44px}}