*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-dark:#163121;--green-mid:#33704d;--orange:#ff9724;--black:#0d0d0d;--white:#fff;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--nav-height:70px;--radius:12px;--max-width:1200px;--ease-enter:cubic-bezier(.16, 1, .3, 1);--ease-curtain:cubic-bezier(.76, 0, .24, 1);--bg-page:#0d0d0d;--text-primary:#fff;--text-secondary:#ffffffa6;--text-muted:#fff6;--text-body:#ffffffeb;--surface:#ffffff0a;--border-subtle:#ffffff1a;--hr-line:#ffffff1f}[data-theme=light]{--bg-page:#f4f1ea;--text-primary:#1a1a1a;--text-secondary:#000000b3;--text-muted:#00000080;--text-body:#000000d1;--surface:#0000000a;--border-subtle:#0000001f;--hr-line:#00000024}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-primary);flex-direction:column;min-height:100vh;line-height:1.6;transition:background .25s,color .25s;display:flex}a{color:inherit;text-decoration:none}nav{z-index:100;background:var(--bg-page);border-bottom:1px solid var(--border-subtle);height:var(--nav-height);align-items:center;display:flex;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;width:100%;padding:0 30px;display:flex}.nav-logo{align-items:center;display:flex}.nav-logo img{width:40px;height:auto;display:block}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--orange);font-size:14px;font-weight:400;transition:opacity .2s}.nav-links a:hover,.nav-links a.active{opacity:.8}.theme-toggle{color:var(--orange);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;margin-left:4px;padding:6px;transition:opacity .2s;display:inline-flex}.theme-toggle:hover{opacity:.8}.filter-bar{background:var(--bg-page);border-bottom:1px solid var(--border-subtle);scrollbar-width:none;top:var(--nav-height);z-index:90;align-items:center;padding:0;display:flex;position:sticky;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-bar-inner{max-width:var(--max-width);align-items:center;width:100%;margin:0 auto;padding:0 48px;display:flex}.filter-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 20px;transition:all .2s}.filter-btn:hover{color:var(--text-primary)}.filter-btn.active{color:var(--text-primary);border-bottom-color:var(--orange);font-weight:600}.page-header{background:var(--bg-page);padding:56px 0 48px}.page-header-inner{max-width:var(--max-width);margin:0 auto;padding:0 48px}.page-header-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:12px;font-size:11px;font-weight:600}.page-header h1{font-family:var(--font-display);color:var(--text-primary);margin-bottom:14px;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1}.page-header p{color:var(--text-secondary);max-width:480px;font-size:15px;line-height:1.6}main{flex:1}.main-inner{max-width:var(--max-width);margin:0 auto;padding:56px 48px 100px}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:24px;margin-bottom:80px;display:grid}.bento-grid .post-card{aspect-ratio:auto;height:auto}.bento-grid .bento-big{grid-area:span 2/span 2}.bento-grid .bento-wide{grid-area:span 1/span 2}.bento-grid .bento-small{grid-area:span 1/span 1}.post-card{cursor:pointer;border-radius:var(--radius);aspect-ratio:4/3;background:var(--green-dark);transition:transform .3s var(--ease-enter);position:relative;overflow:hidden}.post-card:hover{transform:scale(1.02)}.post-card:hover .card-image img{transform:scale(1.05)}.card-image{position:absolute;inset:0}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-enter)}.card-category-pill{letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);pointer-events:none;z-index:2;background:#ffffffe0;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700;position:absolute;top:14px;right:14px}.card-overlay{background:#00000073;flex-direction:column;justify-content:flex-end;gap:8px;padding:22px;display:flex;position:absolute;inset:0}.card-latest-badge{letter-spacing:.1em;text-transform:uppercase;background:var(--orange);color:var(--black);border-radius:3px;padding:3px 9px;font-size:9px;font-weight:700;position:absolute;top:14px;left:14px}.card-caption{font-family:var(--font-display);color:var(--white);font-size:18px;font-weight:700;line-height:1.3}.card-meta{color:#ffffffa6;align-items:center;gap:8px;font-size:11px;display:flex}.card-meta-author{color:#ffffffd9;font-weight:600}.meta-dot{background:#ffffff80;border-radius:50%;flex-shrink:0;width:3px;height:3px}.empty-state{text-align:center;color:var(--text-muted);padding:80px 20px}.empty-state h3{color:var(--text-secondary);margin-bottom:10px;font-size:20px}footer{background:var(--bg-page);border-top:3px solid var(--orange);justify-content:space-between;align-items:center;padding:36px 48px;display:flex}.footer-logo{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:13px;font-weight:700}.footer-logo span{color:var(--orange)}.footer-copy{color:var(--text-muted);font-size:12px}@media (width<=960px){.nav-inner,.filter-bar-inner,.page-header-inner,.main-inner,footer{padding-left:24px;padding-right:24px}.bento-grid{grid-template-columns:repeat(2,1fr);gap:16px}.bento-grid .bento-big,.bento-grid .bento-wide{grid-area:span 1/span 2}.bento-grid .bento-small{grid-area:span 1/span 1}}@media (width<=600px){.nav-links{display:none}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:16px}.bento-grid .post-card{aspect-ratio:4/3}.bento-grid .bento-big,.bento-grid .bento-wide,.bento-grid .bento-small{grid-area:span 1/span 1}}.curtain-left,.curtain-right{background:var(--black);z-index:1000;pointer-events:none;width:50%;height:100%;transition:transform .9s var(--ease-curtain);position:fixed;top:0}.curtain-left{left:0;transform:translate(0)}.curtain-right{right:0;transform:translate(0)}.curtain-left.open{transform:translate(-100%)}.curtain-right.open{transform:translate(100%)}.curtain-logo{z-index:1001;pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.curtain-logo.ready{opacity:1}.curtain-logo.gone{opacity:0;transform:translate(-50%,calc(220px - 50%))}.curtain-logo span{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--white);font-size:18px;font-weight:700}.post-hero-centered{text-align:center;max-width:var(--max-width);margin:0 auto;padding:72px 48px 48px}.post-hero-category-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--orange);opacity:0;transition:opacity .7s var(--ease-enter) .225s, transform .7s var(--ease-enter) .225s;margin-bottom:20px;font-size:11px;font-weight:600;display:inline-block;transform:translateY(-40px)}.post-hero-title-big{font-family:var(--font-display);color:var(--text-primary);opacity:0;transition:opacity .7s var(--ease-enter) .225s, transform .7s var(--ease-enter) .225s;margin-bottom:20px;font-size:clamp(32px,5vw,64px);font-weight:800;line-height:1.1;transform:translateY(-56px)}.post-hero-excerpt{color:var(--text-secondary);opacity:0;max-width:600px;transition:opacity .7s var(--ease-enter) .225s, transform .7s var(--ease-enter) .225s;margin:0 auto 20px;font-size:17px;line-height:1.65;transform:translateY(-40px)}.post-hero-meta-row{color:var(--text-muted);opacity:0;transition:opacity .7s var(--ease-enter) .225s, transform .7s var(--ease-enter) .225s;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;transform:translateY(-32px)}.post-hero-author{color:var(--text-secondary);font-weight:600}.post-hero-meta-row .meta-dot{background:var(--text-muted)}.post-hero-category-tag.anim-in,.post-hero-title-big.anim-in,.post-hero-excerpt.anim-in,.post-hero-meta-row.anim-in{opacity:1;transform:translateY(0)}.post-cover-wrap{max-width:var(--max-width);opacity:0;transition:opacity .7s var(--ease-enter) .225s, transform .7s var(--ease-enter) .225s;margin:0 auto;padding:0 48px 56px;transform:translateY(48px)}.post-cover-wrap.anim-in{opacity:1;transform:translateY(0)}.post-cover-full{object-fit:cover;border-radius:var(--radius);width:100%;height:480px;display:block}.post-layout{max-width:960px;margin:0 auto;padding:0 48px 100px}.post-article{opacity:0;transition:opacity .7s var(--ease-enter) .225s, transform .7s var(--ease-enter) .225s;transform:translateY(24px)}.post-article.anim-in{opacity:1;transform:translateY(0)}.post-article:after{content:"";clear:both;display:block}.post-author-card{float:right;background:var(--surface);border:1px solid var(--border-subtle);text-align:center;opacity:0;width:240px;transition:opacity .7s var(--ease-enter) .35s, transform .7s var(--ease-enter) .35s;border-radius:16px;margin:0 -42px 32px 66px;padding:24px 20px;transform:translateY(24px)}.post-author-card.anim-in{opacity:1;transform:translateY(0)}.author-avatar{border:2px solid var(--border-subtle);border-radius:50%;width:80px;height:80px;margin:0 auto 16px;overflow:hidden}.author-avatar img{object-fit:cover;width:100%;height:100%}.author-avatar-placeholder{background:var(--green-mid);width:100%;height:100%;color:var(--white);justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.author-name{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:700}.author-role{color:var(--orange);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:600}.author-bio{color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:1.6}.author-divider{background:var(--border-subtle);height:1px;margin-bottom:20px}.author-meta-item{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.author-meta-label{color:var(--text-muted);font-weight:500}.author-meta-value{color:var(--text-secondary);text-align:right;font-weight:600}.post-content{color:var(--text-body);font-size:17px;line-height:1.85}.post-content h2{font-family:var(--font-display);color:var(--text-primary);border-bottom:1px solid var(--hr-line);margin:2.5rem 0 1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700;display:flow-root}.post-content h3{color:var(--text-primary);margin:1.75rem 0 .75rem;font-size:1.1rem;font-weight:700}.post-content p{margin-bottom:1.2rem}.post-content ul,.post-content ol{margin-bottom:1.2rem;padding-left:1.5rem}.post-content li{margin-bottom:.4rem}.post-content blockquote{border-left:4px solid var(--orange);background:#ff972414;border-radius:8px;margin:1.5rem 0;padding:1.25rem 1.5rem;display:flow-root}.post-content strong{color:var(--text-primary);font-weight:600}.post-content a{color:var(--orange);border-bottom:1px solid #ff97244d}.post-back{border-top:1px solid var(--hr-line);margin-top:3rem;padding-top:1.5rem}.post-back a{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s}.post-back a:hover{color:var(--orange)}@media (width<=960px){.post-layout{padding:0 24px 80px}.post-author-card{float:none;width:100%;margin:0 0 32px}.post-cover-wrap{padding:0 24px 40px}.post-hero-centered{padding:48px 24px 32px}.post-cover-full{height:300px}}@media (width<=600px){.post-cover-full{height:220px}}.site-footer{border-top:1px solid var(--border-color);padding:4rem 0}.footer-inner{justify-content:space-between;gap:4rem;width:min(1200px,100% - 4rem);margin:0 auto;display:flex}.footer-left{flex-direction:column;gap:1.5rem;display:flex}.footer-copyright{opacity:.8;font-size:1rem}.footer-columns{gap:5rem;display:flex}.footer-column-title{margin-bottom:1rem;font-size:1rem;font-weight:600}.footer-column ul{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.footer-column a{color:inherit;opacity:.8;text-decoration:none;transition:opacity .2s}.footer-column a:hover{opacity:1}