:root{--color-bg: #06080a;--color-surface: #080e12;--color-surface-alt: #09151b;--color-surface-muted: #081e26;--color-surface-highlight: #052a32;--color-accent: #4e715f;--color-accent-soft: #365c51;--color-accent-hover: #809a80;--color-link: #9dd9c5;--color-link-visited: #7fbda9;--color-text: #f1fbfe;--color-text-muted: #9eaf99;--color-border: rgba(158, 175, 153, 0.2);--font-heading: 'Silkscreen', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-mono: 'JetBrains Mono', 'Fira Code', 'SFMono-Regular', 'Segoe UI Mono', 'Roboto Mono', monospace;--radius-lg: 1.5rem;--radius-md: 1rem;--radius-sm: 0.5rem;--layout-max: 65rem;--shadow-soft: 0 24px 40px rgba(6, 8, 10, 0.28)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);line-height:1.6;color:var(--color-text);background:radial-gradient(circle at top left, var(--color-surface-alt), var(--color-bg));min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto;margin-bottom:4rem}a{color:var(--color-link);text-decoration:underline;text-decoration-thickness:0.08em;text-underline-offset:0.22em;text-decoration-color:currentColor;transition:color 150ms ease, text-decoration-color 150ms ease}a:visited{color:var(--color-link-visited)}a:hover,a:focus-visible{color:var(--color-text);text-decoration-color:currentColor}a:focus-visible{outline:2px solid currentColor;outline-offset:2px}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;top:-4rem;left:1rem;background:var(--color-text);color:var(--color-bg);padding:0.75rem 1rem;border-radius:var(--radius-sm);font-weight:600;transition:top 150ms ease;z-index:999}.skip-link:focus{top:1rem}.site-wrapper{max-width:var(--layout-max);margin:0 auto;padding:0 1.5rem}.site-header{position:sticky;top:0;z-index:10;background:rgba(6,8,10,0.85);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0}.site-title{font-family:var(--font-heading);font-size:clamp(1.25rem, 4vw, 1.75rem);letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text);margin:0;font-weight:400;text-decoration:none}.site-title a{color:inherit;text-decoration:none}a.site-title:visited,a.site-title:hover,a.site-title:focus-visible{color:var(--color-text);text-decoration:none}.site-nav{display:flex;gap:1.5rem;font-size:0.95rem;letter-spacing:0.04em;font-family:var(--font-heading)}.site-nav__link{position:relative;padding-bottom:0.25rem;color:var(--color-text-muted);text-decoration:none}.site-nav__link::after{content:'';position:absolute;left:0;bottom:-0.2rem;width:100%;height:2px;background:var(--color-accent);opacity:0;transform:scaleX(0);transition:transform 200ms ease, opacity 200ms ease}.site-nav__link:hover,.site-nav__link:focus-visible,.site-nav__link.is-active{color:var(--color-text)}.site-nav__link.is-active::after,.site-nav__link:hover::after,.site-nav__link:focus-visible::after{opacity:1;transform:scaleX(1)}.hero{position:relative;margin:0 0 3rem;border-radius:0;overflow:hidden;min-height:20vh;width:100%;background:linear-gradient(135deg, #184042, #809a80);box-shadow:var(--shadow-soft)}.hero__media{position:absolute;inset:0}.hero--post{min-height:clamp(18rem, 45vh, 28rem)}.hero--post .hero__media picture{display:block;height:100%}.hero__credit{position:absolute;left:50%;bottom:1.5rem;transform:translateX(-50%);margin:0;padding:0.75rem 1.25rem;font-size:0.85rem;line-height:1.4;text-align:center;background:rgba(8,14,18,0.75);color:var(--color-text-muted);border:1px solid rgba(128,154,128,0.2);border-radius:var(--radius-md);box-shadow:0 18px 32px rgba(6,8,10,0.32);max-width:32rem;width:calc(100% - 4rem)}.hero__credit a{color:inherit}.hero__credit a:hover,.hero__credit a:focus-visible{color:var(--color-text)}.post-updated{margin:0.75rem 0 0;color:var(--color-text-muted);font-size:0.9rem}.hero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(0.9) brightness(0.9)}.hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(6,8,10,0.2), rgba(6,8,10,0.6))}.content-section{margin-top:3rem}.local-notice{margin:1rem 0 2rem;padding:0.75rem 1rem;border-radius:var(--radius-sm);background:rgba(24,64,66,0.35);border:1px solid rgba(128,154,128,0.4);color:var(--color-text-muted);font-size:0.9rem;letter-spacing:0.04em;text-transform:uppercase}.section-heading{margin:0 0 1.5rem;font-family:var(--font-heading);font-size:clamp(1.5rem, 3vw, 1.8rem);letter-spacing:0.08em;text-transform:uppercase}.post-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3, minmax(0, 1fr))}.project-list{margin-top:2rem;display:flex;flex-direction:column;gap:2.5rem}.post-card{width:100%;max-width:none;background:rgba(8,14,18,0.85);border:1px solid rgba(128,154,128,0.15);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 14px 32px rgba(6,8,10,0.22);display:flex;flex-direction:column;transition:transform 200ms ease, border-color 200ms ease;text-decoration:none;color:inherit}.post-card:hover,.post-card:focus-within{transform:translateY(-4px);border-color:rgba(128,154,128,0.35)}.post-card__thumb{position:relative;aspect-ratio:4 / 3;background:radial-gradient(circle at top, #081e26, #06080a)}.post-card__thumb-link{display:block;height:100%}.post-card--project .post-card__thumb{aspect-ratio:16 / 9}.post-card__thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.post-card__body{padding:1.25rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:0.75rem}.post-card__title{font-family:var(--font-heading);font-size:1.1rem;letter-spacing:0.06em;color:var(--color-text);margin:0}.post-card__meta--project{display:flex;align-items:center;gap:0.75rem;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted)}.post-card__category{display:inline-flex;align-items:center;padding:0.25rem 0.6rem;border-radius:999px;background:rgba(54,92,81,0.35);border:1px solid rgba(128,154,128,0.4);letter-spacing:0.1em}.post-card__summary{margin:0;color:var(--color-text-muted);font-size:0.95rem}.post-card__tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin:0;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:0.35rem;padding:0.3rem 0.75rem;border-radius:999px;font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;background:rgba(54,92,81,0.25);border:1px solid rgba(128,154,128,0.25);color:var(--color-text-muted)}.chip--category{background:rgba(54,92,81,0.4);color:var(--color-text)}.chip--date{background:rgba(8,14,18,0.6)}.chip--tag{background:rgba(8,14,18,0.55)}.post-meta{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.08em}.post-meta--project-detail{margin-top:-0.5rem}.post-meta__separator::before{content:'•';opacity:0.6}.post-card__cta{margin-top:auto;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--color-accent-hover)}.prose{color:var(--color-text-muted);font-size:1.05rem}.prose code{font-family:var(--font-mono);font-size:0.95em}.prose pre{font-family:var(--font-mono);font-size:clamp(0.82rem, calc(0.78rem + 0.3vw), 0.95rem);line-height:1.55;background:rgba(8,30,38,0.65);border:1px solid rgba(128,154,128,0.3);border-radius:var(--radius-sm);margin:1.5rem 0;padding:1rem 1.25rem;overflow-x:auto;max-width:100%}.prose pre code{font-size:inherit;font-family:inherit}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-heading);color:var(--color-text);letter-spacing:0.08em}.prose p{margin-bottom:1.2rem}.pagination{margin:2.5rem 0 4rem;display:flex;justify-content:center}.pagination__list{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;border-radius:999px;background:rgba(8,14,18,0.8);border:1px solid rgba(128,154,128,0.25);flex-wrap:wrap;justify-content:center;row-gap:0.75rem}.pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;padding:0 0.75rem;height:2.25rem;border-radius:999px;color:var(--color-text-muted);background:transparent;border:1px solid transparent;font-weight:600;letter-spacing:0.04em}.pagination__link:hover,.pagination__link:focus-visible{color:var(--color-text);border-color:rgba(128,154,128,0.35)}.pagination__link.is-active{background:var(--color-accent);color:var(--color-bg)}.pagination__link.is-disabled{pointer-events:none;opacity:0.35}.site-footer{margin-top:auto;border-top:1px solid var(--color-border);background:rgba(8,14,18,0.9)}.site-footer__inner{padding:2.5rem 0;display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.site-footer__meta{color:var(--color-text-muted);font-size:0.9rem;letter-spacing:0.04em}.social-links{display:flex;gap:1rem}.social-links__item{background:rgba(54,92,81,0.3);border:1px solid rgba(128,154,128,0.25);width:3rem;height:3rem;border-radius:0.75rem;display:inline-flex;align-items:center;justify-content:center;transition:transform 150ms ease, border-color 150ms ease, background 150ms ease}.social-links__item img,.social-links__item svg{width:1.5rem;height:1.5rem}.social-links__item:hover,.social-links__item:focus-visible{transform:translateY(-3px);border-color:rgba(158,175,153,0.6);background:rgba(54,92,81,0.6)}.content-wrapper{background:rgba(8,14,18,0.75);border:1px solid rgba(128,154,128,0.15);border-radius:var(--radius-lg);padding:clamp(1.5rem, 3vw, 2.5rem);box-shadow:0 24px 40px rgba(6,8,10,0.32)}.tag-list{display:flex;flex-wrap:wrap;gap:0.6rem;margin:1.5rem 0}.tag{background:rgba(54,92,81,0.35);border:1px solid rgba(158,175,153,0.3);border-radius:999px;padding:0.35rem 0.9rem;font-size:0.8rem;letter-spacing:0.08em;text-transform:uppercase}.post-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;font-size:0.9rem}.post-nav__item{flex:1 1 0;display:flex;flex-direction:column;gap:0.4rem}.post-nav__item--prev{align-items:flex-start;text-align:left}.post-nav__item--next{align-items:flex-end;text-align:right}.post-nav a{color:var(--color-accent-hover)}.post-nav span{display:block;margin-bottom:0.35rem;color:var(--color-text-muted);letter-spacing:0.08em;text-transform:uppercase;font-size:0.75rem}.project-detail{display:flex;flex-direction:column;gap:2rem}.project-detail__header{display:flex;flex-direction:column;gap:1.5rem}.project-detail__hero{margin:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(128,154,128,0.2)}.project-detail__hero img{display:block;width:100%;height:auto}.project-detail__tags{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:0.75rem}.project-detail__link{align-self:flex-start;display:inline-flex;align-items:center;gap:0.45rem;padding:0.65rem 1.2rem;border-radius:999px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;background:rgba(54,92,81,0.45);border:1px solid rgba(128,154,128,0.45);color:var(--color-text);transition:transform 150ms ease, background 150ms ease, border-color 150ms ease}.project-detail__link:hover,.project-detail__link:focus-visible{transform:translateY(-2px);background:rgba(54,92,81,0.7);border-color:rgba(158,175,153,0.6)}.project-detail__cta{margin-top:1rem}.project-detail__back{margin-top:1rem;display:inline-flex;align-items:center;gap:0.4rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.08em;font-size:0.85rem}.book-grid .book-card{height:100%}.book-card{position:relative;padding:1.5rem;background:rgba(8,14,18,0.85);border:1px solid rgba(128,154,128,0.15);border-radius:var(--radius-md);box-shadow:0 14px 32px rgba(6,8,10,0.22);transition:transform 200ms ease, border-color 200ms ease}.book-card--linked{border-color:rgba(158,175,153,0.45);cursor:pointer}.book-card--linked:hover,.book-card--linked:focus-within{transform:translateY(-4px);border-color:rgba(182,223,195,0.7)}.book-card__overlay{position:absolute;inset:0;border-radius:inherit;z-index:2;display:block}.book-card__overlay:focus-visible{outline:2px solid rgba(182,223,195,0.9);outline-offset:3px}.book-card__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.2rem;height:100%;pointer-events:none}.book-card__cover{aspect-ratio:2 / 3;border-radius:var(--radius-sm);overflow:hidden;background:radial-gradient(circle at top, #081e26, #06080a);border:1px solid rgba(128,154,128,0.2);position:relative}.book-card__cover img{width:100%;height:100%;object-fit:cover;display:block}.book-card__body{display:flex;flex-direction:column;gap:0.75rem}.book-card__badge{position:absolute;left:0;right:0;bottom:0;padding:0.4rem 0.8rem;background:rgba(24,64,66,0.9);border-top:1px solid rgba(182,223,195,0.45);font-size:0.8rem;letter-spacing:0.08em;text-transform:uppercase;text-align:center;color:rgba(214,236,223,0.92)}.book-card__title{margin:0;font-family:var(--font-heading);font-size:1.05rem;letter-spacing:0.04em;text-transform:none}.book-card__authors{margin:0;font-size:0.95rem;color:rgba(214,236,223,0.75)}.book-card__meta{margin-top:auto;display:flex;flex-direction:column;gap:0.4rem;font-size:0.85rem;color:rgba(214,236,223,0.7);letter-spacing:0.02em}.book-card__date{display:inline-flex;align-items:center;gap:0.3rem}.book-card__status{margin-top:0.2rem}@media (max-width: 479px){.site-wrapper{padding:0 1rem}.site-header__inner{flex-direction:column;align-items:center;gap:0.75rem}.site-nav{flex-wrap:wrap;justify-content:center;gap:0.75rem}.hero{margin-bottom:2.25rem;min-height:18vh}.content-section{margin-top:2.25rem}.post-grid{grid-template-columns:1fr}.post-card{padding:1.25rem}.book-grid{gap:1.25rem}.book-card{padding:1.25rem}.post-nav{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.post-nav__item,.post-nav__item--prev,.post-nav__item--next{align-items:center;text-align:center}.pagination{margin:2rem 0 3rem}.pagination__list{width:100%;display:flex}.pagination__link{min-width:2.5rem;padding:0 0.6rem;height:2.25rem}.project-detail__link{align-self:stretch;justify-content:center}.site-footer__inner{padding:2rem 0}.social-links{flex-wrap:wrap;justify-content:center}}@media (min-width: 480px) and (max-width: 767px){.site-wrapper{padding:0 1.25rem}.site-header__inner{flex-direction:column;align-items:center;gap:0.75rem}.site-nav{flex-wrap:wrap;justify-content:center;gap:1rem}.post-nav{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.post-nav__item,.post-nav__item--prev,.post-nav__item--next{align-items:center;text-align:center}.post-grid{grid-template-columns:1fr}.book-grid{gap:1.5rem;grid-template-columns:1fr}.pagination__list{max-width:24rem;display:flex}.project-detail__link{align-self:center}}@media (min-width: 768px) and (max-width: 1023px){.site-wrapper{padding:0 1.75rem}.post-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.book-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.pagination__list{max-width:none}.post-nav{flex-direction:row;justify-content:space-between}}