:root{--bg-color:#08080a;--text-color:#f0f0f5;--accent-color:#ff3366;--secondary-accent:#00ff66;--muted-color:#8a8a9e;--border-color:#2a2a38;--card-bg:#101016;--font-main:'Space Grotesk', sans-serif;--font-mono:'JetBrains Mono', monospace;--font-display:'Space Grotesk', sans-serif}[data-theme=light]{--bg-color:#f4f4f8;--text-color:#0f0f14;--accent-color:#e60039;--secondary-accent:#008a38;--muted-color:#52525f;--border-color:#d5d5e0;--card-bg:#ffffff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);line-height:1.5;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}a{color:inherit}.skip-link{position:absolute;left:-999px;top:0;background:var(--accent-color);color:#fff;padding:.75rem 1.25rem;z-index:5000;font-family:var(--font-mono);font-size:.8rem}.skip-link:focus{left:0}.logo{display:inline-flex;align-items:baseline;text-decoration:none;font-family:var(--font-mono);white-space:nowrap}.logo-mark{font-weight:700;font-size:2.5rem;letter-spacing:-.5px;color:var(--text-color);text-transform:lowercase;transition:font-size .3s ease;line-height:1}.logo-mark::after{content:".";color:var(--accent-color);display:inline-block;margin-left:-.05em}.logo-mark::before,.logo-version{display:none}header#mainHeader{border-bottom:1px solid var(--border-color);padding:1.25rem 3rem;position:sticky;top:0;background:var(--bg-color);backdrop-filter:blur(12px);z-index:1000;transition:padding .3s ease,background-color .3s ease,box-shadow .3s ease;border-top:3px solid var(--accent-color)}.header-top{display:flex;justify-content:space-between;align-items:center;gap:2rem;width:100%;transition:all .3s ease}.brand-container{display:flex;flex-direction:column;justify-content:center}.slogan{font-family:var(--font-mono);font-size:.72rem;color:var(--muted-color);letter-spacing:1.5px;margin-top:.25rem;max-height:1.5rem;opacity:1;overflow:hidden;transition:max-height .3s ease,opacity .25s ease,margin .3s ease;line-height:1}.slogan::before{content:"// ";color:var(--accent-color)}nav.main-nav{display:flex;gap:2rem;align-items:center;padding-top:15px}nav.main-nav a{text-decoration:none;color:var(--muted-color);font-family:var(--font-main);font-size:1.05rem;text-transform:uppercase;font-weight:100;line-height:1;transition:font-size .3s ease,color .2s ease,padding .3s ease;white-space:nowrap}nav.main-nav a:hover,nav.main-nav a.active{color:var(--accent-color)}header.scrolled{padding:.6rem 2rem!important}header.scrolled .header-top{gap:1.5rem}header.scrolled .logo-mark{font-size:.95rem;line-height:1}header.scrolled nav.main-nav{padding-top:0}header.scrolled nav.main-nav a{font-size:.85rem}header.scrolled .slogan{max-height:0;opacity:0;margin-top:0}header.scrolled .header-search-btn,header.scrolled .theme-toggle,header.scrolled .nav-toggle{padding:.15rem .5rem!important;font-size:.65rem!important;line-height:1.1}.header-actions{display:flex;align-items:center;gap:.75rem}.header-search-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--muted-color);padding:.4rem .8rem;font-family:var(--font-mono);font-size:.75rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:1.5rem;transition:all .2s ease}.header-search-btn:hover{border-color:var(--accent-color);color:var(--text-color)}.header-search-btn kbd{background:var(--bg-color);border:1px solid var(--border-color);padding:.1rem .3rem;border-radius:3px;font-size:.65rem;color:var(--muted-color)}.theme-toggle{background:0 0;border:1px solid var(--border-color);color:var(--text-color);padding:.4rem .8rem;font-family:var(--font-mono);font-size:.75rem;cursor:pointer;border-radius:4px;transition:all .2s;white-space:nowrap}.theme-toggle:hover{border-color:var(--accent-color);color:var(--accent-color)}.nav-toggle{display:none;background:0 0;border:1px solid var(--border-color);color:var(--text-color);padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(8,8,10,.7);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;opacity:0;pointer-events:none;transition:opacity .25s ease}.search-modal-overlay.active{opacity:1;pointer-events:all}.search-modal{background:var(--card-bg);border:1px solid var(--border-color);width:90%;max-width:650px;max-height:75vh;display:flex;flex-direction:column;border-radius:8px;padding:1.75rem;box-shadow:0 20px 50px rgba(0,0,0,.5);transform:scale(.95)translateY(-10px);transition:transform .25s ease}.search-modal-overlay.active .search-modal{transform:scale(1)translateY(0)}.modal-header{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.modal-header input{width:100%;background:0 0;border:none;outline:none;color:var(--text-color);font-family:var(--font-mono);font-size:1.1rem}.modal-header input::placeholder{color:var(--muted-color)}.close-modal{background:0 0;border:none;color:var(--muted-color);font-family:var(--font-mono);font-size:1.2rem;cursor:pointer;padding:.2rem .5rem;transition:color .2s}.close-modal:hover{color:var(--accent-color)}.search-results-preview{display:flex;flex-direction:column;gap:.6rem;overflow-y:auto}.search-results-preview .results-label{font-family:var(--font-mono);font-size:.75rem;color:var(--muted-color);text-transform:uppercase;margin-bottom:.35rem}.search-result-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;border:1px solid transparent;border-radius:4px;text-decoration:none;color:var(--text-color);transition:all .2s ease}.search-result-item:hover{border-color:var(--border-color);background:rgba(255,51,102,5%)}.search-result-item h5{font-family:var(--font-display);font-size:1rem;text-transform:uppercase}.search-result-item p{font-size:.8rem;color:var(--muted-color);margin-top:.15rem}.search-result-item .tag-pill{flex-shrink:0}.search-empty{font-family:var(--font-mono);font-size:.85rem;color:var(--muted-color);padding:1rem .25rem}main{max-width:1440px;margin:0 auto;padding:3rem}.tag-pill{display:inline-flex;align-items:center;gap:.4rem;background:rgba(10,10,12,.75);backdrop-filter:blur(3px);color:var(--accent-color);border:1px solid var(--border-color);padding:.3rem .65rem;border-radius:50px;font-family:var(--font-mono);font-size:.7rem;font-weight:100;text-transform:uppercase;letter-spacing:.3px;line-height:1;z-index:5;width:fit-content!important;max-width:max-content!important;align-self:flex-start!important}[data-theme=light] .tag-pill{background:rgba(255,255,255,.65)}.tag-pill::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background-color:var(--accent-color)}.img-container .tag-pill{position:absolute;top:.75rem;left:.75rem}.dates-container{display:flex;gap:1.25rem;font-family:var(--font-mono);font-size:.75rem;color:var(--muted-color);text-transform:uppercase;flex-wrap:wrap}.dates-container span strong{color:var(--text-color)}.img-container{width:100%;height:100%;min-height:250px;background:var(--card-bg);border:1px solid var(--border-color);border-bottom:none;position:relative;overflow:hidden}.img-container img{width:100%;height:100%;object-fit:cover;filter:grayscale(80%)contrast(110%);transition:filter .4s ease,transform .4s ease;display:block}.img-container:hover img{filter:grayscale(0%)contrast(100%);transform:scale(1.03)}.media-figure{display:flex;flex-direction:column}.img-caption{width:100%;border:1px solid var(--border-color);border-top:none;background:var(--card-bg);color:var(--muted-color);font-family:var(--font-main);font-size:.8rem;font-style:italic;padding:.5rem .9rem;text-align:right;line-height:1.4}.img-caption a{color:var(--muted-color);text-decoration:underline}.img-caption a:hover{color:var(--accent-color)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;margin-bottom:6rem;align-items:center}.hero-content h1{font-family:var(--font-display);font-size:clamp(2.5rem,4.5vw,4.2rem);line-height:.95;letter-spacing:-2px;margin-bottom:1.5rem;text-transform:uppercase;margin-top:10px}.hero-content p,.category-featured p{font-size:1.1rem;color:var(--muted-color);margin-bottom:1.5rem}.article-card p,.side-item p{font-size:.95rem;color:var(--muted-color)}.hero .img-container,.hero .media-figure{height:auto}.hero .img-container{height:420px}.sub-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-bottom:6rem}.article-card{display:flex;flex-direction:column;gap:.85rem;text-decoration:none;color:inherit}.card-img-wrapper{height:240px}.article-card h3{font-family:var(--font-display);font-size:1.5rem;line-height:1.1;letter-spacing:-.5px;text-transform:uppercase}.category-section{margin-bottom:6rem;border-top:2px solid var(--border-color);padding-top:1.5rem}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:1rem;flex-wrap:wrap}.category-title{font-family:var(--font-display);font-size:2rem;text-transform:uppercase;letter-spacing:-1px;display:flex;align-items:center;gap:.85rem;line-height:1}.category-title .tag-pill{align-self:center!important}.category-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem}.category-featured{display:flex;flex-direction:column;gap:.85rem;text-decoration:none;color:inherit}.category-featured .card-img-wrapper{height:380px}.category-featured h3{font-family:var(--font-display);font-size:2rem;line-height:1;text-transform:uppercase}.side-list{display:flex;flex-direction:column;gap:2rem}.side-item{border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem;text-decoration:none;color:inherit}.side-item:last-child{border-bottom:none}.side-item h4{font-family:var(--font-display);font-size:1.2rem;line-height:1.15;text-transform:uppercase}.btn-retro{display:inline-block;background:0 0;border:1px solid var(--accent-color);color:var(--accent-color);padding:.75rem 1.5rem;font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;text-decoration:none;font-weight:700;transition:all .2s ease;width:fit-content;cursor:pointer}.btn-retro:hover{background:var(--accent-color);color:#fff}.breadcrumb{font-family:var(--font-mono);font-size:.8rem;color:var(--muted-color);margin-bottom:1.5rem;text-transform:uppercase}.breadcrumb a{color:var(--muted-color);text-decoration:none}.breadcrumb a:hover{color:var(--accent-color)}.section-hero{margin-bottom:3rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.section-hero h1{font-family:var(--font-display);font-size:3rem;text-transform:uppercase;letter-spacing:-1px;margin-bottom:.75rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.section-hero h1 .tag-pill{align-self:center!important}.section-hero p{color:var(--muted-color);font-size:1.1rem;max-width:800px}.filters-bar{display:flex;gap:.75rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);padding:.5rem 1rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all .2s}.filter-btn.active,.filter-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-bottom:4rem}.list-grid>*,.sub-hero-grid>*,.category-grid>*{content-visibility:auto;contain-intrinsic-size:0 500px}.empty-state{font-family:var(--font-mono);color:var(--muted-color);padding:2rem 0}.pagination{display:flex;justify-content:center;gap:.5rem;font-family:var(--font-mono);flex-wrap:wrap}.page-node{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);text-decoration:none;font-size:.85rem}.page-node.active,.page-node:hover{border-color:var(--accent-color);color:var(--accent-color)}.article-header{margin-bottom:2.5rem;display:flex;flex-direction:column;gap:1.25rem}.article-header h1{font-family:var(--font-display);font-size:clamp(2.5rem,4.5vw,4rem);line-height:.95;text-transform:uppercase;letter-spacing:-1.5px}.article-chapeau{font-size:1.2rem;color:var(--muted-color);line-height:1.5;max-width:1000px}.article-meta{display:flex;gap:2.5rem;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:1rem 0;font-family:var(--font-mono);font-size:.8rem;color:var(--muted-color);margin-bottom:3rem;flex-wrap:wrap}.article-meta strong{color:var(--text-color)}.featured-media{margin-bottom:3.5rem}.featured-media .img-container{height:550px}.article-body-grid{display:grid;grid-template-columns:2.8fr 1fr;gap:4rem;max-width:1100px;margin:0 auto}.content-text p{font-size:1.1rem;margin-bottom:1.75rem;color:var(--text-color);line-height:1.6}.content-text h2{font-family:var(--font-display);font-size:1.8rem;text-transform:uppercase;margin:2.5rem 0 1rem;letter-spacing:-.5px;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.content-text h3{font-family:var(--font-display);font-size:1.3rem;text-transform:uppercase;margin:2rem 0 1rem}.content-text ul,.content-text ol{margin:0 0 1.75rem 1.25rem;color:var(--text-color)}.content-text li{margin-bottom:.5rem}.content-text a{color:var(--accent-color)}.content-text figure.media-figure{margin:2.5rem 0}.content-text figure.media-figure .img-container{height:480px}.pull-quote{border-left:3px solid var(--accent-color);padding-left:1.5rem;margin:2.5rem 0;font-family:var(--font-display);font-size:1.4rem;line-height:1.25;text-transform:uppercase;color:var(--text-color)}.article-sidebar .related-box h4{font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;color:var(--muted-color);margin-bottom:1.25rem;letter-spacing:.5px}.related-list{display:flex;flex-direction:column;gap:1.25rem}.related-item{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.35rem;border-bottom:1px solid var(--border-color);padding-bottom:1.25rem}.related-item:last-child{border-bottom:none;padding-bottom:0}.related-item:hover h5{color:var(--accent-color)}.related-item h5{font-family:var(--font-display);font-size:1.1rem;line-height:1.2;text-transform:uppercase;transition:color .2s ease}.related-item .item-date{font-family:var(--font-mono);font-size:.7rem;color:var(--muted-color)}.tags-line{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:2rem}.tags-line a.tag-pill{text-decoration:none}.simple-page{max-width:900px;margin:0 auto;padding:4rem 3rem 6rem}.simple-page h1{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.2rem);text-transform:uppercase;letter-spacing:-1px;margin-bottom:1rem}.simple-page .lede{color:var(--muted-color);font-size:1.15rem;margin-bottom:2.5rem}.simple-page h2{font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase;margin:2rem 0 1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.simple-page p{margin-bottom:1.25rem;font-size:1.02rem}.simple-page ul{margin:0 0 1.25rem 1.25rem}.content-text hr{border:none;border-top:1px solid var(--border-color);margin:3rem 0 2rem}.content-text .footnotes{font-family:var(--font-mono);font-size:.85rem;color:var(--muted-color)}.content-text .footnotes ol{margin:0 0 0 1.25rem;padding:0;list-style:decimal}.content-text .footnotes li{margin-bottom:.85rem;padding-left:.5rem}.content-text .footnotes li p{display:inline;font-size:inherit;margin:0;color:var(--muted-color)}.content-text .footnotes a{color:var(--accent-color);text-decoration:none;word-break:break-all}.content-text .footnotes a:hover{text-decoration:underline}.content-text .footnote-backref{display:inline-block;margin-left:.4rem;color:var(--muted-color)!important;font-size:.9rem;text-decoration:none!important;transition:color .2s ease,transform .2s ease}.content-text .footnote-backref:hover{color:var(--accent-color)!important;transform:translateX(2px)}.content-text sup a[href^="#fn:"]{color:var(--accent-color);text-decoration:none;font-weight:700;padding:0 .1rem}.content-text sup a[href^="#fn:"]:hover{text-decoration:underline}footer{border-top:1px solid var(--border-color);padding:3rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.8rem;color:var(--muted-color);margin-top:2rem;flex-wrap:wrap;gap:1.5rem}.footer-brand{display:flex;flex-direction:column;gap:.5rem}.footer-brand .logo-mark{font-size:1.1rem}.footer-links{display:flex;gap:2rem;flex-wrap:wrap}.footer-links a{color:var(--muted-color);text-decoration:none}.footer-links a:hover{color:var(--text-color)}@media(max-width:1350px){.hero{grid-template-columns:1fr}.sub-hero-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.list-grid{grid-template-columns:1fr}.article-body-grid{grid-template-columns:1fr;gap:2rem}main,.page-container{padding:1.5rem}header{padding:1rem 1.5rem}header.scrolled{padding:.25rem 1.5rem!important}.featured-media .img-container{height:320px}nav.main-nav{display:none}.nav-toggle{display:inline-flex}.header-search-btn span{display:none}header[data-nav-open=true] nav.main-nav{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding-top:1rem;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}