:root{--bg-light: #F4F4F0;--bg-dark: #0E0E0E;--text-light: #F4F4F0;--text-dark: #0E0E0E;--accent: #C52184;--font-sans: "Jost", -apple-system, sans-serif;--font-serif: "Bitter", serif;--font-mono: "JetBrains Mono", monospace}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body,html{margin:0;padding:0;background-color:var(--bg-light);color:var(--text-dark);font-family:var(--font-sans);overflow-x:hidden;cursor:crosshair}::selection{background:var(--text-dark);color:var(--bg-light)}.bg-dark ::selection{background:var(--bg-light);color:var(--bg-dark)}.serif{font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0}.sans-bold{font-family:var(--font-sans);font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:-.04em}.small{font-size:clamp(.7rem,1vw,1rem);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.text-accent{color:var(--accent)}.nav{position:fixed;top:2vw;left:2vw;right:2vw;display:flex;justify-content:space-between;z-index:100;mix-blend-mode:difference;color:#fff}.nav a{color:inherit;text-decoration:none;transition:color .3s}.nav a:hover{color:var(--accent)}.reading-progress{position:fixed;top:0;left:0;height:.4vw;background-color:var(--accent);width:0%;z-index:101}.article-page{padding-top:10vw;display:flex;flex-direction:column;align-items:center}.article-header{width:100%;max-width:1200px;padding:0 5vw;box-sizing:border-box;margin-bottom:4vw}.article-meta{display:flex;gap:2vw;align-items:baseline;opacity:.5;margin-bottom:2vw;border-bottom:2px solid var(--text-dark);padding-bottom:1vw}.meta-date{font-weight:700;font-size:clamp(.7rem,1vw,1rem);text-transform:uppercase;letter-spacing:.05em}.meta-tag{margin-left:auto;font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.article-title{font-size:clamp(2.5rem,4.5vw,5rem);font-weight:900;line-height:.95;text-transform:uppercase;letter-spacing:-.03em;margin:0 0 3vw}.article-lead{font-size:clamp(1.2rem,2vw,2.5rem);line-height:1.4;max-width:900px;margin:0;color:#0e0e0ecc}.article-cover{width:100vw;height:60vh;margin:2vw 0 6vw;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover}.article-content{width:100%;max-width:950px;padding:0 5vw;box-sizing:border-box;font-size:clamp(1.1rem,1.3vw,1.4rem);line-height:1.7;color:#222}.article-content p{margin-bottom:2.5vw}.article-content strong{font-weight:900;color:var(--text-dark)}.article-content em{font-family:var(--font-serif);font-size:1.1em;color:var(--accent)}.article-content h2{font-size:clamp(2rem,3vw,3.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:1.1;color:var(--text-dark);margin:5vw 0 2vw}.article-content h3{font-family:var(--font-serif);font-size:clamp(1.5rem,2vw,2.5rem);font-style:italic;font-weight:400;color:var(--text-dark);margin:4vw 0 1.5vw;border-bottom:1px solid rgba(14,14,14,.2);padding-bottom:.5vw}.article-content blockquote{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.8rem,2.5vw,3rem);line-height:1.3;color:var(--text-dark);margin:5vw -5vw;padding:0 0 0 3vw;border-left:4px solid var(--accent)}.article-content ul,.article-content ol{margin:2vw 0 3vw 2vw;padding-left:1.5vw}.article-content li{margin-bottom:1vw;line-height:1.6}.article-note{background:#0e0e0e0a;padding:2.5vw;margin:4vw 0;border-top:2px solid var(--text-dark);font-size:.9em;line-height:1.6}.article-note strong{color:var(--accent);text-transform:uppercase;font-size:.8em;letter-spacing:.05em;display:block;margin-bottom:1vw}.article-content pre{background:var(--text-dark);color:var(--text-light);padding:2vw;margin:4vw -5vw;overflow-x:auto;font-family:var(--font-mono);font-size:.9rem;line-height:1.5;border-left:.5vw solid var(--accent)}.article-content code{font-family:var(--font-mono)}.article-content :not(pre)>code,.inline-code{background:#0e0e0e1a;padding:.2em .4em;font-family:var(--font-mono);font-size:.9em;color:var(--accent)}.article-content figure{margin:4vw 0}.article-content figure img{width:100%;height:auto;filter:grayscale(100%)}.article-content figcaption{font-family:var(--font-serif);font-style:italic;font-size:.9rem;color:#0e0e0e80;text-align:center;margin-top:1vw}.article-footer{width:100%;max-width:750px;padding:4vw 5vw 0;box-sizing:border-box;margin-top:8vw;border-top:2px solid var(--text-dark)}.cta-brutal{display:inline-flex;align-items:center;gap:1vw;background:var(--text-dark);color:var(--text-light);padding:.8vw 1.5vw;font-family:var(--font-sans);font-weight:900;font-size:clamp(.9rem,1.2vw,1.5rem);text-transform:uppercase;text-decoration:none;border:2px solid var(--text-dark);box-shadow:.3vw .3vw 0 var(--accent);transition:all .2s cubic-bezier(.25,.8,.25,1);cursor:pointer;margin-top:2vw}.cta-brutal .arrow{color:var(--accent);font-size:1.2em;transition:transform .3s ease}.cta-brutal:hover{transform:translate(.2vw,.2vw);box-shadow:.1vw .1vw 0 var(--accent);background:var(--bg-light);color:var(--text-dark)}.cta-brutal:hover .arrow{transform:translate(.5vw)}.cta-brutal:active{transform:translate(.3vw,.3vw);box-shadow:0 0 0 var(--accent)}.next-article{position:relative;display:flex;align-items:center;margin-top:10vw;padding:10vw 5vw;background:var(--bg-dark);text-decoration:none;width:100vw;box-sizing:border-box;overflow:hidden}.next-content{position:relative;z-index:2;max-width:80%}.n-label{color:var(--text-light);font-size:.8rem;font-weight:700;opacity:.5;letter-spacing:.05em;display:block;margin-bottom:1vw}.n-title{font-size:clamp(2.5rem,5vw,6rem);font-weight:900;margin:0;line-height:1.1;text-transform:uppercase;letter-spacing:-.02em;background:linear-gradient(to right,var(--accent) 50%,var(--text-light) 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;transition:background-position .5s cubic-bezier(.25,.8,.25,1)}.brutal-arrow{position:absolute;right:4vw;top:50%;transform:translateY(-50%);font-size:clamp(6rem,12vw,15rem);color:var(--accent);font-family:var(--font-sans);font-weight:900;line-height:.8;z-index:1;opacity:.9;pointer-events:none}.next-article:hover .n-title{background-position:0% 0}
