:root{--spacing-base:1.5em;--font-family-base:'Inter', sans-serif;--font-size-base:1em;--spacing-xs:calc(var(--spacing-base) * 0.1);--spacing-sm:calc(var(--spacing-base) * 0.5);--spacing-md:var(--spacing-base);--spacing-lg:calc(var(--spacing-base) * 2);--color-bg-primary:#000000;--color-bg-secondary:#1c1b1a;--color-border:#282726;--color-text-primary:#D9D7C7;--color-text-secondary:#A2A093;--color-text-muted:#7B796E;--color-selection-bg:#282726;--color-selection-code-bg:#323130;--container-width:60ch;--border-radius:8px;--gap-base:1em;--gap-small:0.5em}::selection{background:var(--color-selection-bg);color:var(--color-text-primary)}*{margin:0;padding:0;font:inherit;color:inherit;box-sizing:border-box}ul{list-style-type:disc;margin-left:1.5rem}ol{list-style-type:decimal;margin-left:1.5rem}html{margin:0 0 0 calc(100vw - 100%);-webkit-text-size-adjust:100%;height:100%}body{font:var(--font-size-base)/var(--spacing-base)var(--font-family-base);font-weight:300;background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(auto,var(--container-width));justify-content:center;padding:var(--spacing-lg);gap:var(--spacing-lg)}a{display:inline-block;text-decoration:none}p,pre{margin:var(--spacing-base)0}p,li{color:var(--color-text-secondary)}main p a,main li a{color:var(--color-text-primary)}main p a:hover,main li a:hover{color:var(--color-text-muted)}h1,h2,h3,h4,h5{margin:var(--spacing-base)0;font-weight:500}h2{margin-top:var(--spacing-lg)}main>h2:first-child{margin-top:var(--spacing-base)}.highlight{background:var(--color-border);padding:0 3px}time{color:var(--color-text-muted)}h1+time{display:block;margin-top:calc(var(--spacing-base) * -.5);margin-bottom:var(--spacing-base)}footer{padding:calc(var(--spacing-base) * 2)0;text-align:center}footer p{margin-bottom:0}pre{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-sm);border-radius:var(--border-radius);white-space:pre-wrap;word-wrap:break-word}pre ::selection{background:var(--color-selection-code-bg);color:var(--color-text-primary)}p>code{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);white-space:pre-wrap;word-wrap:break-word}p>code ::selection{background:var(--color-selection-code-bg);color:var(--color-text-primary)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-base)0}.path-nav{font-family:var(--font-family-base);white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1}.path-nav::-webkit-scrollbar{display:none}.path-nav ol{display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:0}.path-nav li{display:flex;align-items:center;color:var(--color-text-muted);flex-shrink:0;max-width:200px}.path-nav li a{text-decoration:none;border-bottom:none;padding:0 .25em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-nav li.current a{color:var(--color-text-primary)}.time-list ul{list-style:none;margin-left:0}.time-list li{display:grid;grid-template-columns:auto 1fr;gap:var(--gap-base);align-items:start;padding:var(--spacing-sm)0}.time-list li a{color:var(--color-text-primary)}.main-nav{font-family:var(--font-family-base);margin-left:var(--spacing-base)}.main-nav nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1em}.main-nav nav ul li{display:inline-block}.main-nav nav ul li a{color:var(--color-text-muted);border-bottom:none;text-decoration:none}.main-nav nav ul li a:hover{color:var(--color-text-primary)}.main-nav nav ul li a.active{color:var(--color-text-primary);font-weight:700}img{display:block;max-width:100%;height:auto;margin:var(--spacing-base)auto;border-radius:12px}.content-image,.article-thumbnail,.content-video{display:block;width:100%;height:350px;object-fit:cover;max-width:100%}.content-video{border-radius:12px}.content-image,.content-video{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.article-thumbnail{margin:var(--spacing-base)0}.work-list{list-style:none;margin-left:0;margin-top:calc(var(--spacing-base) * 1.5)}.work-item{padding:0 0 var(--spacing-lg,var(--spacing-base))}.work-item-meta{display:flex;align-items:baseline;gap:var(--gap-base);margin-bottom:var(--spacing-sm)}.work-item-title{font-weight:500;color:var(--color-text-primary)}.work-item-thumb{display:block}.work-section{padding-top:var(--spacing-base)}.work-gallery{display:flex;flex-direction:column;gap:var(--spacing-base)}.work-gallery-item{display:block}.work-gallery-thumb,.work-thumbnail{width:100%;height:350px;object-fit:cover;margin:0}.profile-image{width:70px;height:70px;border-radius:50%;margin:var(--spacing-base)0;margin-right:var(--spacing-base);object-fit:cover}table{width:100%;margin:var(--spacing-base)0;border-collapse:collapse}thead th,th{font-weight:700;text-align:left;border-bottom:2px solid var(--color-border);padding:var(--spacing-sm)}td{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.list{list-style:none;margin:var(--spacing-md)0;margin-left:0}.list-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-sm)0}.list-item:first-child{padding-top:0}.list-item:last-child{padding-bottom:0}.list-item__label{flex:0 0 8em;color:var(--color-text-muted)}.list-item__title{color:var(--color-text-primary)}.list-item__sub{color:var(--color-text-muted)}@media(max-width:600px){.list-item{flex-direction:column;gap:var(--spacing-xs)}.list-item__label{flex-basis:auto}}strong{font-weight:700}em{font-style:italic}blockquote{margin:var(--spacing-base)0;padding:var(--spacing-sm)var(--spacing-base);border-left:3px solid var(--color-border);background:var(--color-bg-secondary);font-style:italic}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}.blur-gradient{position:fixed;left:0;right:0;height:200px;z-index:50;pointer-events:none}.blur-gradient--bottom{bottom:-60px;background:linear-gradient(to top,var(--color-bg-primary) 60px,transparent 84px)}body>header{margin-top:var(--spacing-lg)}.blur-gradient>div{position:absolute;inset:0}.blur-gradient>div:nth-child(1){backdrop-filter:blur(.75px);-webkit-backdrop-filter:blur(.75px)}.blur-gradient>div:nth-child(2){backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}.blur-gradient>div:nth-child(3){backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.blur-gradient>div:nth-child(4){backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.blur-gradient>div:nth-child(5){backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.blur-gradient>div:nth-child(6){backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.blur-gradient--bottom>div:nth-child(1){-webkit-mask-image:linear-gradient(to top,#000 30%,transparent 100%);mask-image:linear-gradient(to top,#000 30%,transparent 100%)}.blur-gradient--bottom>div:nth-child(2){-webkit-mask-image:linear-gradient(to top,#000 30%,transparent 88.3%);mask-image:linear-gradient(to top,#000 30%,transparent 88.3%)}.blur-gradient--bottom>div:nth-child(3){-webkit-mask-image:linear-gradient(to top,#000 30%,transparent 76.6%);mask-image:linear-gradient(to top,#000 30%,transparent 76.6%)}.blur-gradient--bottom>div:nth-child(4){-webkit-mask-image:linear-gradient(to top,#000 30%,transparent 65%);mask-image:linear-gradient(to top,#000 30%,transparent 65%)}.blur-gradient--bottom>div:nth-child(5){-webkit-mask-image:linear-gradient(to top,#000 30%,transparent 53.3%);mask-image:linear-gradient(to top,#000 30%,transparent 53.3%)}.blur-gradient--bottom>div:nth-child(6){-webkit-mask-image:linear-gradient(to top,#000 30%,transparent 41.6%);mask-image:linear-gradient(to top,#000 30%,transparent 41.6%)}@media(max-width:900px){body{grid-template-columns:minmax(auto,calc(100vw - 3em));padding:var(--spacing-lg)}.header-content{gap:var(--spacing-sm)}}@media(max-width:600px){.header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.main-nav{margin-left:0;margin-top:var(--spacing-sm)}.main-nav nav ul{flex-wrap:wrap}.path-nav li{max-width:100px}.path-nav li:first-child{max-width:none}.path-nav li.current{max-width:150px}body{grid-template-columns:minmax(auto,calc(100vw - 2em));padding:var(--spacing-md)}.time-list li{grid-template-columns:1fr;gap:var(--gap-small)}.content-image,.article-thumbnail,.content-video,.work-gallery-thumb,.work-thumbnail{height:auto}}@media(max-device-width:600px){body{padding-top:2em}pre{max-width:calc(100vw - 4em)}h1,h2,h3{font-size:1.1em}.time-list li{gap:var(--spacing-xs)}}