:root{color-scheme:light;--background:#fff;--text-primary:#111;--muted:#595959;--line:#e0e0e0;--control-border:#767676;--surface:#f5f5f5;--media-background:#303030;--sun-display:none;--moon-display:block;--sans:"Inter", "Noto Sans SC", "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--mono:"SFMono-Regular", Consolas, "Microsoft YaHei", monospace}:root[data-theme=dark]{color-scheme:dark;--background:#000;--text-primary:#fff;--muted:#b3b3b3;--line:#303030;--control-border:#8a8a8a;--surface:#141414;--sun-display:block;--moon-display:none}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--background:#000;--text-primary:#fff;--muted:#b3b3b3;--line:#303030;--control-border:#8a8a8a;--surface:#141414;--sun-display:block;--moon-display:none}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text-primary);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--text-primary);color:var(--background)}:focus-visible{outline:2px solid var(--text-primary);outline-offset:6px}.skip{z-index:10;background:var(--background);padding:15px;position:fixed;top:-80px;left:20px}.skip:focus{top:10px}.wrap{width:min(1440px,100% - 112px);margin-inline:auto}.meta{font:13px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.1em}.muted{color:var(--muted)}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:108px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:13px;font-size:16px;font-weight:600;display:inline-flex}.brand-mark{grid-template-columns:repeat(2,7px);gap:3px;display:grid;transform:rotate(-8deg)}.brand-mark i{background:var(--text-primary);height:7px;display:block}.brand-mark i:last-child{background:var(--text-primary)}nav{align-items:center;gap:30px;font-size:13px;display:flex}nav a{color:var(--muted);padding:10px 0}nav a[aria-current=page]{color:var(--text-primary);border-bottom:1px solid var(--text-primary)}nav a:hover,.text-link:hover{color:var(--text-primary)}.hero{padding:65px 0 64px}.eyebrow{color:var(--text-primary);align-items:center;gap:10px;display:flex}.dot{background:var(--text-primary);border-radius:50%;width:6px;height:6px}.hero-heading{grid-template-columns:1.4fr 1fr;align-items:end;gap:40px;margin:31px 0 44px;display:grid}h1,h2,h3,p{margin-top:0}h1{font-family:var(--sans);letter-spacing:-.025em;margin-bottom:0;font-size:40px;font-weight:600;line-height:1.35}.hero-intro{justify-self:end;max-width:340px;padding-bottom:6px}.hero-intro p{color:var(--muted);margin-bottom:22px;font-size:14px;line-height:1.95}.text-link{border-bottom:1px solid var(--line);align-items:center;gap:28px;padding-bottom:7px;font-size:13px;display:inline-flex}.hero-image{background:var(--surface);margin:0;position:relative;overflow:hidden}.hero-image img{object-fit:cover;object-position:center 55%;width:100%;height:clamp(310px,35vw,520px);display:block}.image-label{color:var(--text-primary);position:absolute;top:23px;left:25px}.image-link{background:var(--background);align-items:center;gap:45px;padding:17px 20px;font-size:13px;display:flex;position:absolute;bottom:24px;right:26px}.image-link:hover{background:var(--surface)}.caption{color:var(--muted);font:13px/1.6 var(--mono);letter-spacing:.035em;justify-content:space-between;gap:20px;margin-top:13px;display:flex}.section{border-top:1px solid var(--line);padding:40px 0 70px}.section-head{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:35px;display:flex}.section-head h2{font-family:var(--sans);letter-spacing:-.03em;margin-bottom:0;font-size:26px;font-weight:600}.section-head h2 span{font:13px var(--mono);vertical-align:top;color:var(--muted);margin-left:12px}.filters{gap:23px;display:flex}.filters button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:6px 0;font-size:13px}.filters button[aria-pressed=true]{color:var(--text-primary);border-bottom-color:var(--text-primary)}.works{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.work[hidden]{display:none}.work-visual{aspect-ratio:1.26;margin-bottom:20px;position:relative;overflow:hidden}.work-visual img{object-fit:cover;width:100%;height:100%}.work:hover>a h3{text-underline-offset:5px;text-decoration:underline}.work-meta{color:var(--muted);font:13px var(--mono);letter-spacing:.06em;justify-content:space-between;margin-bottom:12px;display:flex}.work h3{font-size:20px;font-family:var(--sans);margin-bottom:10px;font-weight:600}.work h3 span{float:right;font-family:var(--sans);font-size:18px}.work p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.9}.paper-visual{background:var(--surface);place-items:center;display:grid}.paper{background:var(--background);border:1px solid var(--line);width:57%;height:79%;padding:27px 20px;transform:rotate(-7deg)}.paper .meta{color:var(--muted);font-size:7px}.paper strong{font:25px/1.5 var(--sans);margin:22px 0;display:block}.paper-lines{background:repeating-linear-gradient(transparent 0 8px, var(--line) 8px 9px);opacity:.6;height:38px}.project-visual{background:var(--surface);color:var(--text-primary);flex-direction:column;justify-content:center;padding:32px;display:flex}.project-visual>.meta{color:var(--muted);font-size:9px}.flow{justify-content:space-between;align-items:center;gap:8px;margin:35px 0;display:flex}.flow span{border:1px solid var(--control-border);font:13px var(--mono);padding:15px 10px}.flow b{color:var(--muted);font-weight:400}.project-rule{background:var(--line);height:1px}.about-strip{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:60px;padding:60px 0 70px;display:grid}.about-strip h2{font:35px/1.65 var(--sans);letter-spacing:-.03em;max-width:700px}.about-strip p{max-width:540px;color:var(--muted);font-size:13px;line-height:2}footer{border-top:1px solid var(--line);color:var(--muted);font:13px/1.7 var(--mono);justify-content:flex-end;align-items:center;gap:20px;padding:25px 0 32px;display:flex}.page-heading{padding:75px 0 55px}.page-heading h1{margin:20px 0}.page-heading>p{color:var(--muted);max-width:560px;font-size:14px;line-height:1.9}.listing{padding-bottom:100px}.article{width:min(680px,100%);margin:0 auto;padding:65px 0 100px}.article h1{margin:22px 0 24px;font-size:40px}.article h2{font:28px/1.5 var(--sans);margin-top:42px}.article p,.article li{color:var(--text-primary);font-size:17px;line-height:1.85}.article .meta{font:13px/1.8 var(--mono);color:var(--muted)}.article .sample-note{border-left:2px solid var(--text-primary);margin:28px 0 42px;padding-left:17px;font-size:13px}.article blockquote{border-left:1px solid var(--text-primary);font-family:var(--sans);margin:35px 0;padding:15px 0 15px 24px}.article img{width:100%;margin:25px 0;display:block}.notion-body{overflow-wrap:anywhere}.notion-body h3,.notion-body h4{font-family:var(--sans);margin-top:32px;font-weight:400;line-height:1.6}.notion-body a{color:var(--text-primary);text-underline-offset:4px;text-decoration:underline}.notion-body pre{background:var(--surface);max-width:100%;font:13px/1.8 var(--mono);padding:20px;overflow-x:auto}.notion-body code{font-family:var(--mono)}.notion-body figure{margin:32px 0}.notion-body img{height:auto}.notion-body figcaption{color:var(--muted);font-size:13px;line-height:1.8}.notion-body hr{border:0;border-top:1px solid var(--line);margin:32px 0}.tags{flex-wrap:wrap;gap:10px 16px;min-width:0;margin-top:18px;display:flex}.tag{font:13px/1.7 var(--sans);color:var(--text-primary);border-bottom:1px solid var(--text-primary);overflow-wrap:anywhere;max-width:100%;padding:4px 0}.tag:hover{color:var(--text-primary);border-bottom-color:var(--text-primary)}.listing-tools{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:25px;display:flex}.listing-tools p{margin-bottom:0}.tag-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;display:grid}.tag-index-item{border-top:1px solid var(--line);color:var(--text-primary);overflow-wrap:anywhere;justify-content:space-between;align-items:baseline;gap:20px;padding:24px 0;font-size:16px;display:flex}.tag-index-item>span{min-width:0}.tag-index-item .muted{flex-shrink:0;font-size:13px}.tag-index-item:hover{color:var(--text-primary)}.tag-title{overflow-wrap:anywhere}@media (width>=1600px){.hero{padding-top:80px}}@media (width<=900px){.wrap{width:calc(100% - 48px)}nav{gap:20px}.hero-heading{grid-template-columns:1.2fr 1fr}.works{gap:20px}.project-visual{padding:18px}.flow{gap:3px}.flow span{padding:10px 5px;font-size:8px}.paper{padding:15px}.paper strong{margin:10px 0;font-size:20px}}@media (width<=600px){.wrap{width:calc(100% - 36px)}header{flex-wrap:wrap;align-content:center;gap:12px;min-height:111px;padding:22px 0 14px}.brand{font-size:15px}nav{justify-content:space-between;gap:10px;width:100%;font-size:13px}nav a{padding:5px 0}.hero{padding:37px 0 38px}.hero-heading{margin:24px 0 28px;display:block}h1{font-size:32px;line-height:1.4}.hero-intro{max-width:290px;margin-top:24px}.hero-intro p{margin-bottom:16px;font-size:13px}.hero-image img{object-position:54% center;height:350px}.image-label{font-size:13px;top:16px;left:15px}.image-link{gap:24px;padding:12px 15px;bottom:15px;right:15px}.caption{font-size:13px}.caption span:last-child{text-align:right;max-width:140px}.section{padding:30px 0 45px}.section-head{margin-bottom:26px;display:block}.section-head h2{font-size:27px}.filters{gap:24px;margin-top:22px}.works{grid-template-columns:1fr;gap:35px}.tag-index{grid-template-columns:1fr}.work-visual{aspect-ratio:1.35}.paper{width:55%;padding:25px}.paper strong{margin:20px 0;font-size:25px}.project-visual{padding:35px}.flow span{padding:18px 10px;font-size:11px}.about-strip{grid-template-columns:1fr;gap:22px;padding:35px 0}.about-strip h2{font-size:27px}footer{align-items:start;font-size:13px}footer span{max-width:190px}.page-heading{padding:45px 0 35px}.article{padding-top:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-visual img{transition:none}}.site-header{padding:24px}.site-brand{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-extras{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:8px;margin-top:auto;display:flex}.sidebar-socials{gap:4px;display:flex}.sidebar-resources{align-items:center;gap:8px;display:flex}.sidebar-link{width:36px;height:36px;color:var(--muted);cursor:default;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.sidebar-link-text{width:auto;padding-inline:8px;font-size:13px}.sidebar-link:hover,.sidebar-link:focus-visible{color:var(--text-primary);background:var(--surface)}.sidebar-link svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.site-header nav a{align-items:center;gap:10px;display:flex}.site-header nav img,.site-header .brand-mark{flex-shrink:0}.site-header nav a[aria-current=page]{background:var(--surface);color:var(--text-primary);border-inline-start-color:var(--text-primary);font-weight:600}.site-header .brand{letter-spacing:-.03em}.menu-toggle{border:1px solid var(--control-border);color:var(--text-primary);cursor:pointer;background:0 0;padding:10px 14px;font-size:13px;display:none}.personal-intro{padding:72px 0 52px}.personal-intro h1{letter-spacing:-.04em;margin:0 0 24px;font-size:48px}.visual-title{margin:0;line-height:0}.visual-title img{width:auto;max-width:100%;height:auto;display:block}.visual-title-home img{height:104px}.visual-title-page{margin:20px 0}.visual-title-page img{height:86px}.visual-title-section img{height:48px}.personal-intro p{max-width:620px;color:var(--muted);margin:0;font-size:16px;line-height:2}.home-tools{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;display:flex}.home-tools .filters{gap:24px;margin:0}.home-tools p{margin:0}.home-section{padding:30px 0 48px}.home-section+.home-section{border-top:1px solid var(--line)}.home-section[hidden],.home-entry[hidden]{display:none}.home-section .section-head{margin-bottom:24px}.empty-state{border-top:1px solid var(--line);padding:32px 0 56px}.empty-state h2{margin:0 0 12px;font-size:24px}.empty-state p{color:var(--muted);margin:0}.writing-row{border-bottom:1px solid var(--line);grid-template-columns:140px minmax(0,1fr);gap:24px;padding:24px 0;display:grid}.writing-row:last-child{border-bottom:0}.writing-meta{padding-top:5px}.writing-meta span{display:block}.writing-row h3{font:600 22px/1.6 var(--sans);margin:0 0 8px}.writing-row h3 span{font:18px var(--sans)}.writing-row p{max-width:680px;color:var(--muted);margin:0;font-size:13px;line-height:1.9}.writing-link:hover h3{color:var(--text-primary)}.writing-row .tags{margin-top:12px}.home-artworks{max-width:640px}.home-artworks .work-visual{aspect-ratio:1.5}.home-projects{max-width:680px}.home-projects .work-visual{display:none}.home-projects .work h3{font-size:24px;line-height:1.6}.studio-connections{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:24px;padding:32px 0 56px;display:flex}.studio-connections h2{font:25px var(--sans);margin:0}.studio-connections>div{flex-wrap:wrap;gap:24px;display:flex}@media (width>=768px){.site-shell{grid-template-columns:248px minmax(0,1fr);display:grid}.site-header{border-bottom:0;border-right:1px solid var(--line);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:20px;height:100dvh;padding:28px 24px;position:sticky;top:0;overflow-y:auto}.site-header>*{flex-shrink:0}.site-header .brand{gap:12px;font-size:21px}.site-header nav{flex-direction:column;align-items:stretch;gap:6px}.site-header nav a{border-radius:4px;padding:10px 12px}.content-shell.wrap{width:min(1040px,100% - 96px);min-width:0}}@media (768px<=width<1100px){.site-shell{grid-template-columns:220px minmax(0,1fr)}.site-header{gap:18px;padding:28px 20px}.site-header .brand{font-size:19px}.content-shell.wrap{width:calc(100% - 48px)}.section-head{flex-wrap:wrap}.works{grid-template-columns:1fr;gap:35px}.tag-index{grid-template-columns:1fr}.writing-row{grid-template-columns:1fr;gap:8px}.writing-meta{flex-wrap:wrap;gap:12px;display:flex}}@media (width<768px){.site-header{flex-wrap:wrap;gap:20px;min-height:88px}.site-header nav{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.site-header nav a{min-height:44px;padding:12px}.menu-ready .menu-toggle{align-items:center;gap:20px;display:inline-flex}.menu-ready:not(.menu-open) nav{display:none}.sidebar-extras{border-top:1px solid var(--line);order:4;width:100%;margin-top:0;padding-top:12px}.menu-ready:not(.menu-open) .sidebar-extras{display:none}.menu-open .menu-toggle span{transform:rotate(45deg)}.personal-intro{padding:40px 0 36px}.personal-intro h1{font-size:36px}.visual-title-home img{height:78px}.visual-title-page img{height:68px}.visual-title-section img{height:42px}.personal-intro p{font-size:15px}.writing-row{grid-template-columns:1fr;gap:8px}.writing-meta{flex-wrap:wrap;gap:12px;display:flex}.writing-row h3{font-size:22px}.home-section .section-head .text-link{margin-top:12px}.home-section{padding:28px 0 36px}}@media (width<=600px){.site-header{padding:20px 18px}.site-header .brand{font-size:17px}}body{font-size:17px;line-height:1.85}main,.writing-row>div,.work{min-width:0}h1,h2,h3{overflow-wrap:anywhere}button,a{-webkit-tap-highlight-color:transparent}button{color:var(--text-primary)}a,button{transition:background-color .15s,border-color .15s}.text-link{border-bottom-color:currentColor}.text-link:hover,.tag:hover{background:var(--surface)}.article a:not(.tag):not(.text-link),.writing-link:hover h3{text-underline-offset:5px;text-decoration:underline}.article h2{font-weight:600}.article h3,.article h4{font-family:var(--sans);font-weight:600}.article img{height:auto}.article .sample-note{color:var(--muted)}.article pre{background:var(--surface);max-width:100%;font:13px/1.8 var(--mono);padding:20px;overflow-x:auto}.article code{font-family:var(--mono)}.article li+li{margin-top:8px}.article p{margin-bottom:24px}.page-heading>p,.personal-intro p{font-size:17px;line-height:1.85}.meta{letter-spacing:.04em}.writing-row p,.work p{font-size:15px;line-height:1.85}.writing-row h3{font-weight:600}.writing-link h3{justify-content:space-between;gap:12px;display:flex}.writing-link h3 span{flex-shrink:0}.writing-group+.writing-group{border-top:1px solid var(--line);margin-top:40px;padding-top:32px}.writing-group h2{margin-bottom:8px;font-size:24px}.work[data-kind=projects]{border:1px solid var(--line);border-radius:4px;padding:24px}.work[data-kind=projects]:hover{border-color:var(--control-border)}.work-visual{border-radius:4px}.project-visual{border:1px solid var(--line);border-radius:4px}.project-visual>.meta{font-size:13px}.flow{flex-wrap:wrap}.flow span{padding:12px 8px;font-size:13px}.home-projects .work h3{font-size:22px}.home-projects .work p{font-size:15px}.site-header nav a{border-bottom:0;border-inline-start:2px solid #0000;min-height:48px;font-size:15px}.site-header nav a:hover{background:var(--surface)}.site-header nav img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.theme-toggle{border:1px solid var(--control-border);background:var(--background);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:4px;flex-shrink:0;place-items:center;padding:0;display:grid}.theme-toggle:hover{background:var(--surface)}.theme-sun{display:var(--sun-display)}.theme-moon{display:var(--moon-display)}.theme-toggle img{object-fit:contain}.notion-body figure img{border-radius:4px}.menu-toggle{border-radius:4px;min-height:44px}@media (width<768px){.site-header{gap:10px}.site-brand{flex:1}.menu-toggle{order:2;padding:10px}.menu-ready .menu-toggle{gap:6px}.site-header nav{order:3}.article h1{font-size:32px}.article h2{font-size:25px}.article blockquote{padding-left:16px}.notion-body figure{margin-inline:0}.work[data-kind=projects],.project-visual{padding:20px}}@media (prefers-reduced-motion:reduce){a,button{transition:none}}.article{width:min(704px,100%);padding:64px 0 104px}.article>.meta:first-child{margin-bottom:34px;display:inline-flex}.article-header{border:0;min-height:0;margin-bottom:40px;display:block}.article-header .meta{margin:0 0 14px}.article h1{letter-spacing:-.03em;margin:0;font-size:40px;font-weight:700;line-height:1.2}.article-header .article-tags{gap:8px;margin-top:18px}.article>.article-tags{gap:8px;margin-top:48px}.article-tags .tag{border:1px solid var(--control-border);min-height:30px;color:var(--text-primary);border-radius:8px;align-items:center;padding:3px 10px;line-height:1.7;display:inline-flex}.article-tags .tag:hover{background:var(--surface);border-color:var(--text-primary)}.article-body{overflow-wrap:anywhere}.article-body>*{margin-block:0}.article-body>*+*{margin-top:20px}.article-body p,.article-body li{color:var(--text-primary);font-size:18px;line-height:1.8}.notion-body p,.notion-body li{white-space:pre-wrap}.article-body h2,.article-body h3,.article-body h4{font-family:var(--sans);letter-spacing:-.02em;font-weight:600}.article-body h2{margin-top:52px;font-size:28px;line-height:1.45}.article-body h3{margin-top:44px;font-size:24px;line-height:1.5}.article-body h4{margin-top:36px;font-size:20px;line-height:1.55}.article-body h2+*,.article-body h3+*,.article-body h4+*{margin-top:14px}.article-body ul,.article-body ol{padding-left:1.4em}.article-body li+li{margin-top:8px}.article-body li>ul,.article-body li>ol{margin:8px 0 0}.article-body blockquote{border-left:2px solid var(--text-primary);margin:28px 0;padding:4px 0 4px 22px}.article-body blockquote p{margin:0}.article-body hr{border:0;border-top:1px solid var(--line);margin:36px 0}.article-body figure{margin:28px 0}.article-body figure img,.article-body>img{object-fit:contain;border-radius:8px;width:100%;height:auto;margin:0;display:block}.article-body figcaption{color:var(--muted);font:13px/1.7 var(--sans);margin-top:10px}.article-body a{color:var(--text-primary);text-underline-offset:4px;text-decoration:underline 1px}.article-body a:hover{text-decoration-thickness:2px}.article-body a:focus-visible,.article-tags .tag:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px}.article-body pre{border-radius:4px;margin:28px 0}.notion-callout{--callout-accent:var(--muted);border:1px solid var(--line);border-left:3px solid var(--callout-accent);background:var(--surface);border-radius:8px;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.notion-callout[data-tone=brown]{--callout-accent:light-dark(#805a3c,#d4aa86)}.notion-callout[data-tone=orange]{--callout-accent:light-dark(#a34d13,#edb17d)}.notion-callout[data-tone=yellow]{--callout-accent:light-dark(#87630b,#dfca78)}.notion-callout[data-tone=green]{--callout-accent:light-dark(#216b46,#91c8a5)}.notion-callout[data-tone=blue]{--callout-accent:light-dark(#245c9c,#99bfe9)}.notion-callout[data-tone=purple]{--callout-accent:light-dark(#704299,#c7a4e5)}.notion-callout[data-tone=pink]{--callout-accent:light-dark(#9b3f71,#e4a3c5)}.notion-callout[data-tone=red]{--callout-accent:light-dark(#aa3737,#eaa)}.notion-callout-tinted{background:color-mix(in srgb, var(--callout-accent) 9%, var(--background))}.notion-callout-icon{text-align:center;flex:0 0 24px;font-size:22px;line-height:1.5}.article-body .notion-callout-icon img{object-fit:contain;width:24px;height:24px;margin:4px 0 0;display:block}.notion-callout-content{flex:1;min-width:0}.notion-callout-content>*{margin-block:0}.notion-callout-content>*+*{margin-top:14px}.notion-callout-content>p:empty{display:none}.notion-callout-content>p:empty+*{margin-top:0}.notion-callout-content pre{box-sizing:border-box}.article .back{margin-top:56px}.notes-page{width:100%;padding:75px 0 104px}.notes-heading{margin:0 0 64px}.notes-heading .visual-title{margin:20px 0}.notes-page>section{width:min(856px,100%);margin-inline:auto}.notes-intro{color:var(--muted);margin:20px 0 0;font-size:15px;line-height:1.9}.note-entry{grid-template-columns:110px minmax(0,1fr);gap:36px;margin-bottom:64px;scroll-margin-top:32px;display:grid}.note-date{text-align:right;color:var(--muted);font:12px/1.6 var(--mono);padding-top:5px}.note-content{min-width:0}.note-content>h2{font:600 20px/1.5 var(--sans);letter-spacing:-.02em;margin:0 0 14px}.note-content>h2 a:hover{text-underline-offset:4px;text-decoration:underline}.note-preview{cursor:pointer}.note-preview p,.note-preview li{font-size:17px;line-height:1.9}.note-content .tags{margin-top:18px}.note-content .tag{color:var(--muted);font-size:12px}.notes-empty{color:var(--muted);margin-left:146px}.note-hidden-title,.note-access-link:not(:focus){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.note-access-link:focus{margin-bottom:16px;display:inline-block}@media (768px<=width<1100px){.note-entry{grid-template-columns:88px minmax(0,1fr);gap:28px}.notes-empty{margin-left:116px}}@media (width<768px){.article{width:calc(100% - 4px);padding:40px 0 72px}.article>.meta:first-child{margin-bottom:28px}.article-header{margin-bottom:32px}.article h1{font-size:30px;line-height:1.25}.article-body h2{font-size:25px}.article-body h3{font-size:22px}.article-body h4{font-size:20px}.article-body blockquote{padding-left:18px}.notes-page{padding:45px 0 72px}.notes-heading{margin:0 0 44px}.note-entry{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:48px}.note-date{text-align:left;padding:0}.note-preview p,.note-preview li{font-size:16px}.notes-empty{margin-left:0}}