:root{--color-bg: #f6fef9;--color-dark: #003114;--color-text: #003114;--color-text-secondary: #4a6a52;--color-text-light: #f5fff9;--color-text-light-secondary: #b0d4ba;--color-border: #c8e0ce;--color-card-bg: #003114;--color-card-bg-hover: #00401a;--color-surface: #eaf7ef;--color-nav-bg: #f6fef9;--font-display: "Unbounded", sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width: 800px;--max-width-wide: 1040px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100%;display:flex;flex-direction:column}body>main{flex:1}a{color:var(--color-text);text-decoration:none;border-bottom:none;transition:opacity .2s}a:hover{opacity:.7}img{max-width:100%;display:block}h1{font-family:var(--font-display);font-size:2.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--spacing-md)}h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.01em}p{margin-bottom:var(--spacing-sm)}small,.text-secondary{color:var(--color-text-secondary);font-size:.875rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.container--wide{max-width:var(--max-width-wide)}.nav{position:sticky;top:0;background:var(--color-nav-bg);z-index:100;padding:var(--spacing-sm) 0}.nav .container{display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:-.01em}.nav__logo:hover{opacity:.7}.nav__links{display:flex;gap:var(--spacing-md);list-style:none}.nav__links a{font-size:.875rem;color:var(--color-text-secondary);transition:color .2s}.nav__links a:hover,.nav__links a.active{color:var(--color-text);opacity:1}.nav__toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}.nav__toggle span{display:block;width:20px;height:2px;background:var(--color-text);margin:4px 0;border-radius:2px;transition:transform .2s,opacity .2s}.hero{padding:var(--spacing-xl) 0 var(--spacing-lg)}.hero h1{margin-bottom:var(--spacing-sm);font-size:3.5rem}.hero__tagline{font-size:1.15rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);max-width:520px;line-height:1.7}.hero__links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.hero__links a{font-size:.9rem;color:var(--color-text-secondary);padding:.5rem 1.25rem;border:1px solid var(--color-border);border-radius:100px;transition:all .2s}.hero__links a:hover{background:var(--color-dark);color:var(--color-text-light);border-color:var(--color-dark);opacity:1}.hero__links a.btn-primary{background:var(--color-dark);color:var(--color-text-light);border-color:var(--color-dark)}.hero__links a.btn-primary:hover{background:var(--color-card-bg-hover);border-color:var(--color-card-bg-hover)}.sections{padding:var(--spacing-lg) 0}.sections__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.sections__item{padding:var(--spacing-md) 1.75rem;background:var(--color-card-bg);color:var(--color-text-light);border-radius:var(--radius-lg);transition:background .2s;display:block;border:none}.sections__item:hover{background:var(--color-card-bg-hover);opacity:1}.sections__item h3{margin-bottom:var(--spacing-xs);color:var(--color-text-light)}.sections__item p{color:var(--color-text-light-secondary);font-size:.875rem;margin-bottom:0}.page-header{padding:var(--spacing-xl) 0 var(--spacing-md);margin-bottom:var(--spacing-lg)}.page-header h1{margin-bottom:.5rem}.page-header p{color:var(--color-text-secondary);margin-bottom:0;font-size:1.05rem}.filter-bar{margin-bottom:var(--spacing-md)}.filter-search{width:100%;padding:.65rem 1rem;font-family:var(--font-sans);font-size:.875rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-text);outline:none;margin-bottom:var(--spacing-sm);transition:border-color .2s}.filter-search:focus{border-color:var(--color-dark)}.filter-dropdown{position:relative;display:inline-block;margin-bottom:var(--spacing-sm)}.filter-dropdown__toggle{font-family:var(--font-sans);font-size:.875rem;padding:.55rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-text);cursor:pointer;transition:all .2s}.filter-dropdown__toggle:hover{border-color:var(--color-dark)}.filter-dropdown__menu{display:none;position:absolute;top:100%;left:0;margin-top:.375rem;min-width:200px;max-height:260px;overflow-y:auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 16px #00311414;z-index:50}.filter-dropdown__menu.open{display:block}.filter-dropdown__item{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;color:var(--color-text);cursor:pointer;transition:background .1s}.filter-dropdown__item:hover{background:var(--color-surface)}.filter-dropdown__item input[type=checkbox]{accent-color:var(--color-dark)}.filter-active-tags{display:flex;flex-wrap:wrap;gap:.375rem}.filter-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.25rem .625rem;background:var(--color-dark);color:var(--color-text-light);border-radius:100px}.filter-badge button{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:.875rem;padding:0;line-height:1;opacity:.7}.filter-badge button:hover{opacity:1}.filter-empty{color:var(--color-text-secondary);font-size:.9rem;padding:var(--spacing-md) 0}.card-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-xl)}.card{padding:1.75rem 2rem;background:var(--color-card-bg);color:var(--color-text-light);border:none;border-radius:var(--radius-lg);transition:background .2s}.card:hover{background:var(--color-card-bg-hover)}.card__header{display:flex;justify-content:space-between;align-items:baseline}.card__title{margin-bottom:.25rem;color:var(--color-text-light)}.card__year{font-size:.8125rem;color:var(--color-text-light-secondary);white-space:nowrap}.card__status{font-size:.7rem;color:#fff;background:#22c55e;padding:.175rem .6rem;border-radius:100px;letter-spacing:.01em;white-space:nowrap}.card__meta{font-size:.8125rem;color:var(--color-text-light-secondary);margin-bottom:var(--spacing-sm)}.card__description{font-size:.9375rem;margin-bottom:var(--spacing-xs);color:var(--color-text-light-secondary);line-height:1.65}.card__tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:var(--spacing-sm)}.card__tag{font-size:.7rem;color:var(--color-text-light);background:#ffffff1a;padding:.175rem .6rem;border-radius:100px;border:1px solid rgba(255,255,255,.15);letter-spacing:.01em}.card__links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.card__link{display:inline-block;font-size:.875rem;color:var(--color-text-light);border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:1px}.card__link:hover{border-bottom-color:var(--color-text-light);opacity:1}.writing-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:var(--spacing-md)}.writing-filters .filter-search{margin-right:.25rem}.writing-filter{font-size:.8125rem;padding:.375rem 1rem;border:1px solid var(--color-border);border-radius:100px;background:none;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;font-family:inherit}.writing-filter:hover{border-color:var(--color-dark);color:var(--color-text)}.writing-filter.active{background:var(--color-dark);color:var(--color-text-light);border-color:var(--color-dark)}.writing-list{display:flex;flex-direction:column;gap:0;padding-bottom:var(--spacing-xl)}.writing-item{display:block;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);transition:opacity .2s}.writing-item:last-child{border-bottom:none}.writing-item:hover{opacity:1}.writing-item__meta{display:flex;align-items:center;gap:.625rem;margin-bottom:var(--spacing-xs)}.writing-item__date{font-size:.8125rem;color:var(--color-text-secondary)}.writing-item__type{font-size:.7rem;color:var(--color-text-light);background:var(--color-dark);padding:.125rem .55rem;border-radius:100px;letter-spacing:.01em}.writing-item__title{margin-bottom:var(--spacing-sm)}.writing-item__excerpt{color:var(--color-text-secondary);font-size:.9375rem;font-style:italic;line-height:1.8}.writing-item__read{display:inline-block;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-text-secondary);transition:color .2s}.writing-item:hover .writing-item__read{color:var(--color-text)}.writing-page{max-width:640px;padding:var(--spacing-lg) 0 var(--spacing-xl)}.writing-page__header{margin-bottom:var(--spacing-lg)}.writing-page__header h1{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.writing-page__date{font-size:.875rem;color:var(--color-text-secondary)}.writing-page__body{font-size:1.0625rem;line-height:1.85;color:var(--color-text-secondary)}.writing-page__body p{margin-bottom:var(--spacing-md)}.writing-page__body em{font-style:italic}.albums{padding-bottom:var(--spacing-xl)}.albums__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.album-cover{cursor:pointer;transition:transform .2s}.album-cover:hover{transform:translateY(-2px)}.album-cover__img{aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-card-bg);position:relative;margin-bottom:.75rem}.album-cover__img img{width:100%;height:100%;object-fit:cover}.album-cover__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-light-secondary);font-size:.8125rem}.album-cover__img img+.album-cover__placeholder{display:none}.album-cover__title{margin-bottom:.25rem}.album-cover__desc{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:0}.album-expanded__back{font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-secondary);background:none;border:1px solid var(--color-border);border-radius:100px;padding:.45rem 1.1rem;cursor:pointer;margin-bottom:var(--spacing-md);transition:all .2s}.album-expanded__back:hover{background:var(--color-dark);color:var(--color-text-light);border-color:var(--color-dark)}.album-expanded__title{margin-bottom:.5rem}.album-expanded__desc{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:var(--spacing-md)}.gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.gallery__item{aspect-ratio:1;overflow:hidden;cursor:pointer;border:none;border-radius:var(--radius-md);background:var(--color-surface);position:relative}.gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery__item:hover img{transform:scale(1.03)}.gallery__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:.75rem}.gallery__item img+.gallery__placeholder{display:none}.lightbox{display:none;position:fixed;inset:0;background:#003114eb;z-index:200;align-items:center;justify-content:center;cursor:pointer}.lightbox.active{display:flex}.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md)}.lightbox__close{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:var(--color-text-light);font-size:1.75rem;cursor:pointer;opacity:.7;transition:opacity .2s}.lightbox__close:hover{opacity:1}.loader{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) 0}.loader__spinner{width:28px;height:28px;border:3px solid var(--color-border);border-top-color:var(--color-dark);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.footer{border-top:1px solid var(--color-border);padding:var(--spacing-md) 0;margin-top:var(--spacing-lg)}.footer .container{display:flex;justify-content:space-between;align-items:center}.footer__text{font-family:var(--font-display);font-size:.8125rem;color:var(--color-text-secondary)}.footer__links{display:flex;gap:var(--spacing-sm)}.footer__links a{font-size:.8125rem;color:var(--color-text-secondary)}.footer__links a:hover{color:var(--color-text);opacity:1}@media(max-width:640px){h1{font-size:2rem}.hero h1{font-size:2.5rem}.nav__links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.nav__links.open{display:flex}.nav__toggle{display:block}.nav{position:relative}.sections__grid,.albums__grid{grid-template-columns:1fr}.gallery__grid{grid-template-columns:repeat(2,1fr)}.card{padding:1.5rem}.footer .container{flex-direction:column;gap:var(--spacing-sm);text-align:center}}