.page-container{background:var(--color-deep);min-height:100vh;position:relative}.page-container:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%230f2847' fill-opacity='0.3' d='M0,192L48,176C96,160,192,128,288,138.7C384,149,480,203,576,208C672,213,768,171,864,165.3C960,160,1056,192,1152,197.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat bottom center/100% auto,linear-gradient(180deg,var(--color-deep)0%,var(--color-ocean)50%,var(--color-deep)100%);pointer-events:none;z-index:0;position:fixed;inset:0}.page-container:after{content:"";opacity:.03;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.container{max-width:var(--max-width-2xl);padding:0 var(--space-6);z-index:1;margin-left:auto;margin-right:auto;position:relative}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid var(--color-border);background:#0a1628d9;width:100%;position:fixed}.nav .container{padding:0}.nav-content{height:4.5rem;padding:0 var(--space-6);justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:var(--font-normal);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-primary);transition:color var(--duration-normal);text-decoration:none}.nav-logo:hover{color:var(--color-brass)}.nav-links{gap:var(--space-10);display:none}.nav-link{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-muted);transition:color var(--duration-normal);text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--color-brass);width:100%;height:1px;transition:transform var(--duration-normal);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-link:hover{color:var(--color-text-primary)}.nav-link:hover:after{transform:scaleX(1)}.nav-right{align-items:center;gap:var(--space-6);display:flex}@media (min-width:768px){.nav-links{display:flex}}@media (min-width:1024px){.nav-content{padding:0 var(--space-12)}}.footer{padding:var(--space-10)var(--space-6);border-top:1px solid var(--color-border);text-align:center;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);z-index:1;position:relative}.theme-toggle{border:1px solid var(--color-border);padding:var(--space-2);cursor:pointer;color:var(--color-text-muted);transition:all var(--duration-normal);background:0 0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--color-brass);border-color:var(--color-brass);background:#c9a2271a}.theme-toggle svg{width:1.25rem;height:1.25rem}.theme-toggle-placeholder{width:2.25rem;height:2.25rem}.blog-main{padding-top:7rem;padding-bottom:var(--space-16);min-height:100vh;position:relative}.blog-main:before{content:"";opacity:.4;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 Q25 0 50 10 T100 10' fill='none' stroke='%23c9a227' stroke-width='0.5' opacity='0.1'/%3E%3C/svg%3E");background-size:100px 20px;position:fixed;inset:0}.blog-main:after{content:"";opacity:.02;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.blog-header{text-align:center;margin-bottom:var(--space-12);z-index:1;position:relative}.blog-page-title{font-family:var(--font-display);font-size:clamp(var(--text-4xl),5vw,var(--text-5xl));font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-bottom:var(--space-4);display:inline-block;position:relative}.blog-page-title:before{content:"⎈";color:var(--color-brass);margin-bottom:var(--space-4);opacity:.8;font-size:1.5rem;animation:20s linear infinite compass-spin;display:block}@keyframes compass-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-page-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);max-width:var(--max-width-sm);font-style:italic;line-height:var(--leading-relaxed);margin-inline:auto}.blog-page-subtitle:after{content:"—— 47°36'N ——";font-family:var(--font-mono);font-style:normal;font-size:var(--text-sm);letter-spacing:.15em;color:var(--color-brass);margin-top:var(--space-6);opacity:.7;display:block}@media (min-width:768px){.blog-page-subtitle:after{content:"—— 47°36'N · 122°19'W ——"}}.blog-filters{gap:var(--space-8);margin-bottom:var(--space-12);padding-bottom:var(--space-4);z-index:1;flex-wrap:wrap;justify-content:center;display:flex;position:relative}.blog-filters:after{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-border)20%,var(--color-brass)50%,var(--color-border)80%,transparent 100%);width:min(100%,600px);height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tag-badge{padding:var(--space-2)0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-muted);transition:color var(--duration-fast);background:0 0;border:none;text-decoration:none;display:inline-block;position:relative}.tag-badge:after{content:"";background:var(--color-brass);transform-origin:50%;width:100%;height:1px;transition:transform var(--duration-normal)var(--ease-out);position:absolute;bottom:0;left:0;transform:scaleX(0)}.tag-badge:hover{color:var(--color-text-primary)}.tag-badge:hover:after{transform:scaleX(1)}.tag-badge-active{color:var(--color-brass)}.tag-badge-active:after{transform:scaleX(1)}@media (max-width:639px){.blog-filters{gap:var(--space-6)}}.blog-grid{gap:var(--space-8);z-index:1;grid-template-columns:1fr;display:grid;position:relative}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{gap:var(--space-6);grid-template-columns:repeat(12,1fr)}.blog-grid .blog-card:first-child{grid-area:span 2/span 8}.blog-grid .blog-card:nth-child(2),.blog-grid .blog-card:nth-child(3),.blog-grid .blog-card:nth-child(n+4){grid-column:span 4}}.blog-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform var(--duration-slow)var(--ease-out),border-color var(--duration-fast),box-shadow var(--duration-slow)var(--ease-out);opacity:0;animation:card-enter .8s var(--ease-out)forwards;background:linear-gradient(135deg,#162d50cc 0%,#0f284799 100%);position:relative;overflow:hidden}.blog-card:first-child{animation-delay:.1s}.blog-card:nth-child(2){animation-delay:.2s}.blog-card:nth-child(3){animation-delay:.3s}.blog-card:nth-child(4){animation-delay:.4s}.blog-card:nth-child(5){animation-delay:.5s}.blog-card:nth-child(6){animation-delay:.6s}.blog-card:nth-child(7){animation-delay:.7s}.blog-card:nth-child(8){animation-delay:.8s}.blog-card:nth-child(9){animation-delay:.9s}@keyframes card-enter{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.blog-card:before,.blog-card:after{content:"";border:1px solid var(--color-brass);opacity:.5;width:16px;height:16px;transition:opacity var(--duration-fast);pointer-events:none;z-index:10;position:absolute}.blog-card:before{border-bottom:none;border-right:none;top:8px;left:8px}.blog-card:after{border-top:none;border-left:none;bottom:8px;right:8px}.blog-card:hover{border-color:var(--color-brass);box-shadow:0 20px 40px #0000004d,0 0 60px var(--color-brass-glow);transform:translateY(-8px)}.blog-card:hover:before,.blog-card:hover:after{opacity:.8}.blog-card-link{text-decoration:none;display:block}@media (min-width:1024px){.blog-grid .blog-card:first-child .blog-card-content{padding:var(--space-8)}.blog-grid .blog-card:first-child .blog-card-title{font-size:var(--text-2xl)}.blog-grid .blog-card:first-child .blog-card-excerpt{-webkit-line-clamp:4;font-size:var(--text-base)}}@media (max-width:639px){.blog-card:before,.blog-card:after{width:12px;height:12px}}.blog-card-image-container{aspect-ratio:16/9;background:var(--color-surface);width:100%;position:relative;overflow:hidden}.blog-card-image-container:after{content:"";pointer-events:none;background:linear-gradient(#0000 0% 60%,#0a1628cc 100%);position:absolute;inset:0}.blog-card-image{object-fit:cover;transition:transform var(--duration-slow)}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-content{padding:var(--space-6)}.blog-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);transition:color var(--duration-fast)}.blog-card:hover .blog-card-title{color:var(--color-brass-light)}.blog-card-excerpt{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-meta{align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-subtle);display:flex}.blog-card-meta>:not(:last-child):after{content:"·";margin-left:var(--space-4);color:var(--color-brass)}.blog-card-tags{gap:var(--space-2);padding:0 var(--space-6)var(--space-6);flex-wrap:wrap;display:flex}.blog-card-tags .tag-badge{padding:var(--space-1)var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#c9a2271a;font-size:.6875rem}.blog-card-tags .tag-badge:after{display:none}.blog-empty{text-align:center;padding:var(--space-12)var(--space-4);z-index:1;position:relative}.blog-empty:before{content:"⚓";margin-bottom:var(--space-6);opacity:.4;font-size:3rem;display:block}.blog-empty-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.blog-empty-text{font-family:var(--font-body);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-12);padding-top:var(--space-8);z-index:1;display:flex;position:relative}.pagination:before{content:"◇ ─────────── ◇";font-size:var(--text-xs);letter-spacing:.5em;color:var(--color-brass);opacity:.5;position:absolute;top:0;left:50%;transform:translate(-50%)}.pagination-pages{align-items:center;gap:2px;display:flex}.pagination-btn,.pagination-page{min-width:2.5rem;height:2.5rem;padding:0 var(--space-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text-muted);transition:all var(--duration-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:flex}.pagination-btn:hover:not(.pagination-btn-disabled),.pagination-page:hover:not(.pagination-page-active){color:var(--color-text-primary);border-color:var(--color-border);background:#c9a2271a}.pagination-page-active{color:var(--color-deep);background:var(--color-brass);border-color:var(--color-brass);font-weight:var(--font-bold)}.pagination-btn-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.pagination-ellipsis{color:var(--color-text-subtle);padding:0 var(--space-2);font-family:var(--font-mono)}.pagination-btn svg{stroke:currentColor;transition:transform var(--duration-fast)}.pagination-btn:hover:not(.pagination-btn-disabled) svg{transform:translate(-2px)}.pagination-btn:last-child:hover:not(.pagination-btn-disabled) svg{transform:translate(2px)}.blog-article{padding-inline:var(--space-4);z-index:1;position:relative}.blog-article-header{margin-bottom:var(--space-8)}.blog-back-link{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-8);transition:color var(--duration-fast);text-decoration:none;display:inline-flex}.blog-back-link:hover{color:var(--color-brass)}.blog-back-link svg{transition:transform var(--duration-fast)}.blog-back-link:hover svg{transform:translate(-4px)}.blog-article-tags{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.blog-article-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}.blog-article-meta{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.blog-meta-separator{color:var(--color-brass)}.blog-article-image{aspect-ratio:16/9;width:100%;margin-bottom:var(--space-8);border-radius:var(--radius-md);border:1px solid var(--color-border);position:relative;overflow:hidden}.blog-article-image-inner{object-fit:cover}.blog-content{font-family:var(--font-body);color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.85}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{font-family:var(--font-display);color:var(--color-text-primary);font-weight:var(--font-bold);margin-top:var(--space-8);margin-bottom:var(--space-4);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.blog-content h1{font-size:var(--text-3xl)}.blog-content h2{font-size:var(--text-xl);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.blog-content h3{font-size:var(--text-lg)}.blog-content p{margin-bottom:var(--space-6)}.blog-content a{color:var(--color-brass-light);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);transition:all var(--duration-fast)}.blog-content a:hover{color:var(--color-brass);-webkit-text-decoration-color:var(--color-brass);text-decoration-color:var(--color-brass)}.blog-content ul,.blog-content ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.blog-content li{margin-bottom:var(--space-2)}.blog-content li::marker{color:var(--color-brass)}.blog-content blockquote{border-left:3px solid var(--color-brass);padding-left:var(--space-6);margin:var(--space-8)0;color:var(--color-text-muted);font-style:italic}.blog-content pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-6);overflow-x:auto}.blog-content code{font-family:var(--font-mono);font-size:var(--text-sm)}.blog-content :not(pre)>code{background:var(--color-surface);border-radius:var(--radius-sm);color:#4fd1c5;padding:.125rem .375rem;font-size:.875em}.blog-content img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:var(--space-8)0;border:1px solid var(--color-border)}.blog-content hr{text-align:center;margin:var(--space-8)0;border:none}.blog-content hr:before{content:"◇ ◇ ◇";color:var(--color-brass);letter-spacing:.5em;font-size:var(--text-xs)}.blog-content table{border-collapse:collapse;width:100%;margin-bottom:var(--space-6)}.blog-content th,.blog-content td{border:1px solid var(--color-border);padding:var(--space-3);text-align:left}.blog-content th{background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-display);font-weight:var(--font-bold)}.blog-article-footer{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border)}@keyframes wave-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{pointer-events:none}.skeleton-card.blog-card{opacity:1;animation:none}.skeleton-image{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-wave)25%,#c9a22733 50%,var(--color-wave)75%,var(--color-surface)100%);background-size:200% 100%;animation:2s ease-in-out infinite wave-shimmer}.skeleton-tags{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.skeleton-tag{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-wave)50%,var(--color-surface)100%);border-radius:var(--radius-sm);background-size:200% 100%;width:60px;height:20px;animation:2s ease-in-out infinite wave-shimmer}.skeleton-title{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-wave)50%,var(--color-surface)100%);border-radius:var(--radius-sm);width:85%;height:24px;margin-bottom:var(--space-4);background-size:200% 100%;animation:2s ease-in-out infinite wave-shimmer}.skeleton-excerpt{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.skeleton-excerpt span{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-wave)50%,var(--color-surface)100%);border-radius:var(--radius-sm);background-size:200% 100%;height:14px;animation:2s ease-in-out infinite wave-shimmer}.skeleton-excerpt span:first-child{width:100%;animation-delay:.1s}.skeleton-excerpt span:nth-child(2){width:90%;animation-delay:.2s}.skeleton-excerpt span:nth-child(3){width:70%;animation-delay:.3s}.skeleton-meta{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-wave)50%,var(--color-surface)100%);border-radius:var(--radius-sm);background-size:200% 100%;width:120px;height:12px;animation:2s ease-in-out infinite wave-shimmer}.skeleton-filters{gap:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.skeleton-filter-tag{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-wave)50%,var(--color-surface)100%);border-radius:var(--radius-sm);background-size:200% 100%;width:70px;height:24px;animation:2s ease-in-out infinite wave-shimmer}.skeleton-filter-tag:first-child{width:40px;animation-delay:.1s}.skeleton-filter-tag:nth-child(2){width:80px;animation-delay:.15s}.skeleton-filter-tag:nth-child(3){width:60px;animation-delay:.2s}.skeleton-filter-tag:nth-child(4){width:75px;animation-delay:.25s}.skeleton-filter-tag:nth-child(5){width:55px;animation-delay:.3s}.skeleton-pagination{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.skeleton-page-button{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-wave)50%,var(--color-surface)100%);border-radius:var(--radius-md);background-size:200% 100%;width:40px;height:40px;animation:2s ease-in-out infinite wave-shimmer}.skeleton-page-info{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-wave)50%,var(--color-surface)100%);border-radius:var(--radius-sm);background-size:200% 100%;width:100px;height:24px;animation:2s ease-in-out infinite wave-shimmer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.skeleton-image,.skeleton-tag,.skeleton-title,.skeleton-excerpt span,.skeleton-meta,.skeleton-filter-tag,.skeleton-page-button,.skeleton-page-info{opacity:.5;animation:none}.blog-card{opacity:1;animation:none}.blog-page-title:before{animation:none}}[data-theme=light] .page-container{background:var(--color-deep)}[data-theme=light] .page-container:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23e8e0d0' fill-opacity='0.5' d='M0,192L48,176C96,160,192,128,288,138.7C384,149,480,203,576,208C672,213,768,171,864,165.3C960,160,1056,192,1152,197.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat bottom center/100% auto,linear-gradient(180deg,var(--color-deep)0%,var(--color-ocean)50%,var(--color-deep)100%)}[data-theme=light] .nav{background:#f5f0e8e6}[data-theme=light] .blog-card{background:#ffffffb3}