:root{--color-bg:#fff;--color-bg-soft:#f7f7f7;--color-surface:#fff;--color-text:#151515;--color-text-muted:#6b6b6b;--color-border:#e6e6e6;--color-accent:#c92ba8;--color-accent-hover:#b91d9a;--color-accent-soft:#fceef8;--color-focus:#285c8a;--color-paper:var(--color-bg);--color-paper-deep:var(--color-bg-soft);--color-ink:var(--color-text);--color-muted:var(--color-text-muted);--color-line:var(--color-border);--color-link:var(--color-accent);--color-link-hover:var(--color-accent-hover);--color-reading:var(--color-surface);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-serif:Georgia, "Times New Roman", Times, serif;--text-page:clamp(1.5rem, 2.2vw, 1.875rem);--text-entry:clamp(1.35rem, 2vw, 1.65rem);--text-section:1.125rem;--text-body:clamp(1.0625rem, 1.2vw, 1.125rem);--text-ui:.875rem;--text-label:.75rem;--leading-body:1.7;--leading-tight:1.25;--leading-ui:1.45;--tracking-label:.06em;--width-shell:1220px;--width-sidebar:320px;--width-reading:720px;--width-narrow:640px;--measure:var(--width-reading);--layout-gap:clamp(2rem, 4vw, 3.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-5);--space-xl:var(--space-7);--space-2xl:var(--space-8);--space-3xl:var(--space-9);--pad-inline:clamp(1rem, 3vw, 1.75rem);--pad-block-section:var(--space-6);--line-height-body:var(--leading-body);--radius:4px;--shadow-soft:none;--duration-fast:.15s;--duration:.18s;--ease:ease}.prose{max-width:var(--width-reading);font-family:var(--font-serif);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text)}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p{margin:0 0 var(--space-4)}.prose p:last-child{margin-bottom:0}.prose h2,.prose h3{font-family:var(--font-sans);color:var(--color-text);font-weight:700;line-height:1.3}.prose h2{margin:2.25em 0 .75em;font-size:clamp(1.25rem,1.8vw,1.4rem)}.prose h3{margin:var(--space-6) 0 var(--space-3);font-size:clamp(1.1rem,1.5vw,1.25rem)}.prose ul,.prose ol{margin:0 0 var(--space-4);padding-left:var(--space-5)}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-bottom:var(--space-2);line-height:var(--leading-body)}.prose li:last-child{margin-bottom:0}.prose li::marker{color:var(--color-text-muted)}.prose li>ul,.prose li>ol{margin-top:var(--space-2);margin-bottom:0}.prose blockquote{margin:0 0 var(--space-4);padding:var(--space-2) 0 var(--space-2) var(--space-4);border-left:3px solid var(--color-accent);color:var(--color-text-muted);font-style:italic}.prose a{color:var(--color-accent);text-underline-offset:.15em;transition:color var(--duration) var(--ease);text-decoration-thickness:1px}.prose a:hover{color:var(--color-accent-hover)}.prose a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}.prose hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.prose strong{font-weight:700}.prose em{font-style:italic}.prose code{font-family:var(--font-sans);background:var(--color-bg-soft);border-radius:2px;padding:.1em .35em;font-size:.92em}.prose pre{margin:0 0 var(--space-4);padding:var(--space-4);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);overflow-x:auto}.prose pre code{background:0 0;padding:0}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{min-height:100vh;font-family:var(--font-sans);font-size:1.0625rem;line-height:var(--leading-ui);color:var(--color-text);background:var(--color-bg);flex-direction:column;margin:0;display:flex;overflow-x:hidden}img,svg{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-underline-offset:.15em;transition:color var(--duration) var(--ease)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.skip-link{left:var(--pad-inline);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);font-size:var(--text-ui);text-decoration:none;position:absolute;top:-100%}.skip-link:focus{top:var(--space-4)}.shell{width:100%;max-width:var(--width-shell);padding-inline:var(--pad-inline);margin-inline:auto}.site-main{width:100%;max-width:var(--width-shell);padding:var(--space-5) var(--pad-inline) var(--space-8);flex:1;margin-inline:auto}.page-layout{gap:var(--layout-gap);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.page-layout__main,.page-layout__sidebar{min-width:0}@media (width>=60rem){.page-layout{grid-template-columns:minmax(0, 1fr) var(--width-sidebar);gap:var(--layout-gap)}.page-layout__sidebar{top:var(--space-4);position:sticky}}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.site-header__inner{width:100%;max-width:var(--width-shell);padding:var(--space-3) var(--pad-inline);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-5);flex-wrap:nowrap;margin-inline:auto;display:flex}.site-header__brand-block{align-items:center;gap:var(--space-3);min-width:0;display:flex}.site-brand{align-items:center;gap:var(--space-2);color:var(--color-text);flex:auto;min-width:0;line-height:1.2;text-decoration:none;display:inline-flex}.site-brand__mark{flex-shrink:0;width:36px;max-width:126px;height:auto;max-height:126px;display:block}.site-brand__text-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.site-brand__title{font-family:var(--font-sans);color:var(--color-text);letter-spacing:-.01em;font-size:clamp(.875rem,2.6vw,1.125rem);font-weight:700}.site-brand__tagline{font-family:var(--font-sans);color:var(--color-text-muted);flex-direction:column;align-items:flex-start;margin:0;font-size:clamp(.6875rem,2.1vw,.75rem);line-height:1.3;display:flex}.site-brand__tagline-sep{display:none}.site-brand__tagline-year{white-space:nowrap}.site-brand:hover .site-brand__title{color:var(--color-accent)}@media (width>=48rem){.site-brand{gap:var(--space-3);flex:0 auto}.site-brand__mark{width:42px}.site-brand__title{font-size:clamp(.95rem,2.4vw,1.125rem)}.site-brand__tagline{font-size:.75rem;display:block}.site-brand__tagline-sep{display:inline}.site-header__inner{padding-block:var(--space-4);gap:var(--space-3) var(--space-5)}}.main-nav{flex-shrink:0;position:relative}.main-nav__details{position:relative}.main-nav__summary{cursor:pointer;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);font-family:var(--font-sans);font-size:var(--text-ui);color:var(--color-text);user-select:none;align-items:center;list-style:none;display:inline-flex}.main-nav__summary::-webkit-details-marker{display:none}.main-nav__summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.main-nav__list{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);flex-direction:column;margin:0;list-style:none;display:flex}.main-nav__details[open] .main-nav__list{right:0;top:calc(100% + var(--space-2));width:13.75rem;min-width:12.5rem;max-width:min(14.375rem, calc(100vw - 2 * var(--pad-inline)));z-index:30;max-height:min(70dvh,24rem);box-shadow:0 6px 18px color-mix(in srgb, var(--color-text) 7%, transparent);position:absolute;overflow:hidden auto}@media (prefers-reduced-motion:no-preference){.main-nav__details[open] .main-nav__list{animation:main-nav-dropdown-in var(--duration-fast) var(--ease)}}@keyframes main-nav-dropdown-in{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.main-nav a{min-height:2.75rem;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-ui);color:var(--color-text);align-items:center;text-decoration:none;display:flex}.main-nav a:hover{color:var(--color-accent)}.main-nav a[aria-current=page]{color:var(--color-accent);box-shadow:inset 0 -2px 0 var(--color-accent)}.main-nav__item--cta{margin-top:var(--space-2)}.main-nav__item--cta a{background:var(--color-bg);width:100%;min-height:2.5rem;color:var(--color-text);box-shadow:none;transition:background-color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);border:1px solid #d8dadd;border-radius:4px;justify-content:center;padding:.4375rem .6875rem;font-weight:500}.main-nav__item--cta a:hover{background:var(--color-bg-soft);color:var(--color-accent);border-color:#b9bdc2}.main-nav__item--cta a[aria-current=page]{background:var(--color-bg);color:var(--color-text);box-shadow:inset 0 -2px 0 var(--color-accent);border-color:#d8dadd}.main-nav__item--cta a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width>=48rem){.main-nav__details{display:contents}.main-nav__summary{display:none}.main-nav__details[open] .main-nav__list,.main-nav__list{justify-content:flex-end;align-items:center;gap:var(--space-1) var(--space-4);width:auto;min-width:0;max-width:none;max-height:none;box-shadow:none;background:0 0;border:none;flex-flow:wrap;padding:0;animation:none;position:static;top:auto;right:auto;overflow:visible}.main-nav a{min-height:0;padding:var(--space-1) 0;display:block}.main-nav__item--cta{margin-top:0}.main-nav__item--cta a{width:auto;min-height:0;font-size:var(--text-ui);border-radius:4px;justify-content:center;align-items:center;padding:.4375rem .6875rem;font-weight:500;line-height:1.3;display:inline-flex}}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-soft);padding:var(--space-6) 0 var(--space-7);font-size:var(--text-ui);color:var(--color-text-muted);margin-top:auto}.site-footer__inner{width:100%;max-width:var(--width-shell);padding-inline:var(--pad-inline);gap:var(--space-4);flex-direction:column;margin-inline:auto;display:flex}.site-footer__brand{font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-weight:600}.site-footer__title{margin:var(--space-1) 0 0;font-family:var(--font-sans);color:var(--color-text);font-size:1rem;font-weight:600}.site-footer__tagline{margin:var(--space-1) 0 0;font-family:var(--font-sans);font-size:var(--text-ui);color:var(--color-text-muted)}.site-footer__nav{gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-footer__nav a{color:var(--color-text-muted);text-decoration:none}.site-footer__nav a:hover{color:var(--color-accent)}.site-footer__meta{gap:var(--space-2) var(--space-4);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;display:flex}.site-footer__copyright{padding-top:var(--space-4);border-top:1px solid var(--color-border);font-family:var(--font-sans);color:var(--color-text-muted);margin:0;font-size:.8125rem;line-height:1.55}.archive-label{margin:0 0 var(--space-2);font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.page-title{font-family:var(--font-sans);font-size:var(--text-page);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.02em;margin:0 0 var(--space-3);color:var(--color-text)}.page-title--entry{font-size:var(--text-entry);font-weight:600}.page-lead{margin:0 0 var(--space-4);max-width:36rem;color:var(--color-text-muted);font-family:var(--font-sans);font-size:.95rem;line-height:1.5}.section{margin-block:var(--pad-block-section)}.section:first-child{margin-top:0}.section__title{font-family:var(--font-sans);font-size:var(--text-section);margin:0 0 var(--space-4);color:var(--color-text);font-weight:700}.section__head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.section__head .section__title{margin:0}.reading-intro{margin:0 0 var(--space-4);max-width:var(--width-reading);font-family:var(--font-serif);color:var(--color-text);font-size:1.125rem;line-height:1.55}.reading-column{max-width:var(--width-reading)}.home-intro{margin:0 0 var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.home-intro__text{margin:0 0 var(--space-3);max-width:40rem;font-family:var(--font-sans);color:var(--color-text-muted);font-size:.95rem;line-height:1.55}.actions{align-items:center;gap:var(--space-3) var(--space-4);margin:var(--space-4) 0 0;flex-wrap:wrap;display:flex}.cta{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-ui);color:var(--color-text);border-bottom:1px solid var(--color-border);transition:color var(--duration) var(--ease), border-color var(--duration) var(--ease);padding-bottom:2px;text-decoration:none;display:inline-flex}.cta:hover{color:var(--color-accent);border-color:var(--color-accent)}.cta__arrow{transition:transform var(--duration) var(--ease);display:inline-block}.cta:hover .cta__arrow{transform:translate(2px)}.cta--ghost{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.cta--ghost:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.cta--quiet{color:var(--color-text-muted);border-bottom-color:#0000;font-size:.8125rem}.archive-stats{gap:var(--space-3) var(--space-5);margin:var(--space-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.archive-stats__item{flex-direction:column;gap:2px;min-width:4.5rem;display:flex}.archive-stats__value{font-family:var(--font-sans);color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:700}.archive-stats__label{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.diary-cards{gap:var(--space-3);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=30rem){.diary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=48rem){.diary-cards--archive{grid-template-columns:repeat(3,minmax(0,1fr))}}.diary-card{margin:0}.diary-card__link{gap:var(--space-1);height:100%;padding:var(--space-3) var(--space-3) var(--space-4);color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);border-left:3px solid var(--color-accent);transition:border-color var(--duration) var(--ease), background-color var(--duration) var(--ease), transform var(--duration) var(--ease);flex-direction:column;text-decoration:none;display:flex}.diary-card__link:hover{border-color:var(--color-accent);background:var(--color-bg-soft);color:inherit;transform:translateY(-1px)}.diary-card__date{font-family:var(--font-sans);color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700;line-height:1.25}.diary-card__link:hover .diary-card__date{color:var(--color-accent)}.diary-card__label{font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:lowercase;color:var(--color-text-muted)}.diary-card__excerpt{margin:var(--space-2) 0 0;font-family:var(--font-sans);color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.45;display:-webkit-box;overflow:hidden}@media (width<=29.99rem){.diary-card__excerpt{display:none}}.diary-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.diary-list-item{border-top:1px solid var(--color-border)}.diary-list-item:last-child{border-bottom:1px solid var(--color-border)}.diary-list-item__link{padding:var(--space-4) 0;color:inherit;text-decoration:none;display:block}.diary-list-item__link:hover{color:inherit}.diary-list-item__date{font-family:var(--font-sans);color:var(--color-text);font-variant-numeric:tabular-nums;margin-bottom:var(--space-1);font-size:1.05rem;font-weight:700;display:block}.diary-list-item__link:hover .diary-list-item__date{color:var(--color-accent)}.diary-list-item__title{margin:0 0 var(--space-1);font-size:var(--text-label);color:var(--color-text-muted);text-transform:lowercase}.diary-list-item__excerpt{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.5}.diary-list-item__index{display:none}.archive-page-header{margin-bottom:var(--space-5)}.archive-page-header .page-lead{margin-bottom:var(--space-3)}.archive-page-header .actions{margin-bottom:var(--space-4)}.year-nav{margin:var(--space-4) 0 0}.year-nav__list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.year-nav__link{border:1px solid var(--color-border);border-radius:var(--radius);min-height:2rem;font-family:var(--font-sans);font-size:var(--text-ui);font-variant-numeric:tabular-nums;color:var(--color-text);background:var(--color-bg);align-items:center;padding:.25rem .7rem;text-decoration:none;display:inline-flex}.year-nav__link:hover{border-color:var(--color-accent);color:var(--color-accent)}.year-nav__link--active{border-color:var(--color-text);background:var(--color-bg-soft);font-weight:600}.diary-archive{margin-top:var(--space-5)}.archive-count{margin:0 0 var(--space-2);font-family:var(--font-sans);font-size:var(--text-ui);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.archive-range{margin:0 0 var(--space-5);font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.archive-year{margin-bottom:var(--space-6)}.archive-year__title{font-family:var(--font-sans);margin:0 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700;line-height:1.2}.archive-month{margin-bottom:var(--space-5)}.archive-month__title{font-family:var(--font-sans);font-size:var(--text-ui);margin:0 0 var(--space-3);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.site-sidebar{gap:var(--space-5);flex-direction:column;display:flex}.sidebar-block{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.sidebar-block:last-child{border-bottom:none;padding-bottom:0}.sidebar-block__title{margin:0 0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text);font-weight:700}.sidebar-block__title--sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar-block--socials{padding-top:0}.sidebar-block__text{margin:0 0 var(--space-3);font-family:var(--font-sans);color:var(--color-text-muted);font-size:.875rem;line-height:1.55}.sidebar-block__more{border-bottom:1px solid var(--color-accent);font-size:.8125rem;text-decoration:none}.sidebar-empty{color:var(--color-text-muted);margin:0;font-size:.8125rem;line-height:1.45}.sidebar-projects{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar-project{gap:var(--space-3);color:inherit;flex-direction:column;text-decoration:none;display:flex}.sidebar-project:hover{color:inherit}.sidebar-project__media{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-soft);width:100%;display:block;overflow:hidden}.sidebar-project__image{object-fit:cover;object-position:center;width:100%;height:100%}.sidebar-project__body{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.sidebar-project__promo{font-family:var(--font-sans);color:var(--color-text);font-size:.9375rem;font-weight:700;line-height:1.3}.sidebar-project:hover .sidebar-project__promo{color:var(--color-accent)}.sidebar-project__desc{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:.8125rem;line-height:1.45}@media (width>=90rem){.page-layout{--width-sidebar:360px}.sidebar-project__desc{letter-spacing:-.03em;white-space:nowrap;font-size:.75rem}}.sidebar-projects__more{margin:var(--space-3) 0 0}.sidebar-project__name{margin-top:var(--space-1);font-family:var(--font-sans);color:var(--color-text);font-size:.8125rem;font-weight:600;line-height:1.35}.sidebar-project__url{color:var(--color-accent);word-break:break-all;font-size:.75rem;line-height:1.4}.social-links{gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.social-links a{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:.875rem;text-decoration:none;display:inline-flex}.social-links a:hover{color:var(--color-accent)}.social-links__icon{width:1.1rem;height:1.1rem;color:var(--color-text-muted);transition:color var(--duration) var(--ease);flex-shrink:0;display:inline-flex}.social-links a:hover .social-links__icon{color:var(--color-accent)}.social-links__icon svg{width:100%;height:100%}.diary-entry{max-width:var(--width-reading)}.diary-entry__header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.diary-entry__back{margin:0 0 var(--space-3)}.diary-entry__index{margin:0 0 var(--space-2)}.entry-reading{padding:var(--space-4) 0;background:0 0}.entry-nav{gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;display:grid}.entry-nav__link{gap:var(--space-1);color:var(--color-text);flex-direction:column;min-width:0;text-decoration:none;display:flex}.entry-nav__link:hover{color:var(--color-accent)}.entry-nav__dir{font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.entry-nav__date{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.entry-nav__link--next{text-align:right;justify-self:end}.entry-nav__empty{min-height:1px}@media (width<=36rem){.entry-nav{grid-template-columns:1fr}.entry-nav__link--next{text-align:left;justify-self:stretch}}.projects-list{gap:var(--space-4);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.project-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=40rem){.project-card:not(.project-card--text-only){grid-template-columns:minmax(180px,240px) minmax(0,1fr)}}.project-card__media{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-soft);width:100%;display:block;overflow:hidden}.project-card__image{object-fit:cover;object-position:center;width:100%;height:100%}.project-card__body{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.project-card__promo{font-family:var(--font-sans);color:var(--color-text);margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.project-card__name{font-family:var(--font-sans);margin:0;font-size:.95rem;font-weight:600}.project-card__name a{color:var(--color-text);text-decoration:none}.project-card__name a:hover{color:var(--color-accent)}.project-card__description{color:var(--color-text-muted);margin:0;font-size:.9375rem;line-height:1.5}.project-card__url{margin:0;font-size:.875rem}.project-card__url a{color:var(--color-accent);text-decoration:none}.project-card__url a:hover{color:var(--color-accent-hover)}.ui-note{max-width:36rem;color:var(--color-text-muted);font-family:var(--font-sans);margin:0;font-size:.95rem;line-height:1.55}.empty-archive{margin-top:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-soft)}.empty-archive__index{margin:0 0 var(--space-2)}.time-marker{margin:var(--space-5) 0 0;padding-top:var(--space-3);border-top:1px solid var(--color-border);font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.error-code{margin:0 0 var(--space-3);font-family:var(--font-sans);letter-spacing:-.03em;color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:clamp(3rem,10vw,5rem);font-weight:700;line-height:.95}.socials-list{gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}