main.post{width:100%;max-width:100%;margin-top:0;margin-bottom:0;padding:0}.post__body{width:var(--col-width);max-width:calc(100% - 2rem);margin:0 auto 3rem}.post:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(242,81,27,.07) 42%,rgba(242,81,27,.16) 50%,rgba(242,81,27,.07) 58%,transparent 100%);background-size:100% 300%;background-position:0 -200%;pointer-events:none;z-index:999;animation:page-scan 1.5s cubic-bezier(.4,0,.6,1) .1s forwards}@keyframes page-scan{0%{background-position:0 -200%;opacity:1}80%{background-position:0 200%;opacity:1}to{background-position:0 200%;opacity:0}}.post__header{width:100%;box-sizing:border-box;padding:3rem max(1.25rem,calc((100vw - var(--col-width)) / 2)) 3.5rem;margin-bottom:3rem;background-color:var(--bg);background-image:radial-gradient(ellipse 90% 70% at 50% 110%,rgba(242,81,27,.18) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(242,81,27,.12) 0%,transparent 100%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.14) 2px,rgba(0,0,0,.14) 3px);animation:header-fade-in .7s ease both}@keyframes header-fade-in{0%{opacity:0}to{opacity:1}}.post__header:before{content:"// TRANSMISSION · ▁▂▃▄▅ · SIGNAL ACQUIRED";display:block;font-size:.58rem;letter-spacing:.38em;text-transform:uppercase;color:#f2511b8c;margin-bottom:1.5rem;font-feature-settings:"tnum";animation:signal-slide-in .9s cubic-bezier(.16,1,.3,1) .3s both,signal-blink 6s ease-in-out 2.5s infinite}@keyframes signal-slide-in{0%{opacity:0;letter-spacing:.65em}to{opacity:1;letter-spacing:.38em}}@keyframes signal-blink{0%,86%,to{opacity:1}90%{opacity:.15}94%{opacity:.8}98%{opacity:.05}}.post__header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent) 25%,var(--accent) 75%,transparent 100%);transform-origin:center;animation:header-line-in 1s cubic-bezier(.16,1,.3,1) .4s both}@keyframes header-line-in{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.post__header--meta{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border);position:relative}.post__header--meta:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:0;background:linear-gradient(90deg,var(--accent),rgba(242,81,27,.1));animation:meta-trace 1.2s cubic-bezier(.16,1,.3,1) .6s both}@keyframes meta-trace{0%{width:0}to{width:100%}}.post__header--meta a{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);white-space:nowrap;position:relative;transition:color .15s ease,letter-spacing .25s ease}.post__header--meta a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .25s cubic-bezier(.16,1,.3,1)}.post__header--meta a:hover{color:var(--accent);letter-spacing:.24em}.post__header--meta a:hover:after{width:100%}.post__header--meta time{font-size:.65rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-feature-settings:"tnum";white-space:nowrap}.post__header--meta time:before{content:"▸ ";color:var(--accent);opacity:.65}.post__header h2{font-family:var(--font-display);font-size:clamp(2.5rem,9vw,6rem);font-optical-sizing:auto;font-variation-settings:"MORF" 15,"SHLN" 50;font-weight:400;line-height:1;color:var(--accent);text-transform:lowercase;letter-spacing:-.01em;text-shadow:0 0 80px rgba(242,81,27,.35),0 0 200px rgba(242,81,27,.18);position:relative;padding:1.5rem 2.25rem;animation:title-morph-in 1s cubic-bezier(.16,1,.3,1) .2s both,title-pulse 9s ease-in-out 1.5s infinite}@keyframes title-morph-in{0%{opacity:0;transform:translateY(16px);font-variation-settings:"MORF" 0,"SHLN" 50;text-shadow:none}to{opacity:1;transform:translateY(0);font-variation-settings:"MORF" 15,"SHLN" 50;text-shadow:0 0 80px rgba(242,81,27,.35),0 0 200px rgba(242,81,27,.18)}}@keyframes title-pulse{0%,to{font-variation-settings:"MORF" 15,"SHLN" 50;text-shadow:0 0 80px rgba(242,81,27,.35),0 0 200px rgba(242,81,27,.18)}50%{font-variation-settings:"MORF" 38,"SHLN" 50;text-shadow:0 0 120px rgba(242,81,27,.6),0 0 280px rgba(242,81,27,.3)}}.post__header h2:before{content:"";position:absolute;top:0;left:0;width:2.75rem;height:2.75rem;border-top:3px solid rgba(242,81,27,.7);border-left:3px solid rgba(242,81,27,.7);animation:bracket-pop .35s cubic-bezier(.16,1,.3,1) .8s both}.post__header h2:after{content:"";position:absolute;bottom:0;right:0;width:2.75rem;height:2.75rem;border-bottom:3px solid rgba(242,81,27,.7);border-right:3px solid rgba(242,81,27,.7);animation:bracket-pop .35s cubic-bezier(.16,1,.3,1) .95s both}@keyframes bracket-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.post__image{width:100%;display:block;margin-bottom:3.5rem;opacity:.9;mask-image:linear-gradient(to bottom,black 45%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 45%,transparent 100%);animation:image-wake 1.3s cubic-bezier(.16,1,.3,1) .25s both}@keyframes image-wake{0%{opacity:0;filter:grayscale(100%) brightness(.4) sepia(30%)}to{opacity:.9;filter:grayscale(0%) brightness(1) sepia(0%)}}.post article{line-height:1.85;overflow:auto;animation:article-in .6s cubic-bezier(.16,1,.3,1) .3s both}@keyframes article-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.post article>p:first-of-type:first-letter{font-family:var(--font-display);font-size:4.5em;font-variation-settings:"MORF" 20,"SHLN" 50;color:var(--accent);float:left;line-height:.75;margin:.06em .1em 0 0;text-shadow:0 0 40px rgba(242,81,27,.5)}.post article h2{font-size:1.4rem;font-weight:700;margin-top:3rem;margin-bottom:1rem;padding-top:1.5rem;padding-left:1rem;border-top:1px solid var(--border);border-left:3px solid var(--accent);color:var(--text)}.post article h3{font-size:1.05rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:var(--text);letter-spacing:.02em}.post article h3:before{content:"▸ ";color:var(--accent);opacity:.7}.post article hr{border:none;height:1px;margin:2.5rem 0;position:relative;background:linear-gradient(90deg,transparent 0%,var(--border) 20%,var(--accent) 50%,var(--border) 80%,transparent 100%)}.post article hr:after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg);color:var(--accent);font-size:.5rem;padding:0 .5rem;opacity:.6}.post article p:not(:last-child),.post article dl:not(:last-child),.post article ol:not(:last-child),.post article ul:not(:last-child),.post article blockquote:not(:last-child),.post article pre:not(:last-child),.post article table:not(:last-child){margin-bottom:1.25em}.post article ol,.post article ul{padding:0 0 0 1.5em;text-align:left}.post article li+li{margin-top:.4em}.post article li ul,.post article li ol{margin-top:.25em}.post article ul{list-style:none}.post article ul>li:before{content:"▸";color:var(--accent);display:inline-block;width:1.25em;margin-left:-1.25em;opacity:.65}.post article ol{list-style-position:outside}.post article pre{overflow-x:auto;white-space:pre;word-wrap:normal;line-height:1.2;font-family:IBM Plex Mono,monospace;margin-bottom:1.25em}.post article code{background:#f2511b1a;color:var(--accent);font-size:.875em;padding:.175em .4em;border-radius:2px;border:1px solid rgba(242,81,27,.2)}.post article pre code{padding:0;background:none;color:inherit;font-size:inherit;border-radius:0;border:none}.post article a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.post article a:hover{color:var(--text)}.post blockquote{position:relative;padding:1.25rem 1.5rem 1.25rem 2.25rem;border-left:3px solid var(--accent);background:var(--bg-card);color:var(--text-muted);font-style:italic;margin:2rem 0;overflow:hidden}.post blockquote:before{content:'"';position:absolute;top:-.4rem;left:.5rem;font-family:var(--font-display);font-size:5rem;font-variation-settings:"MORF" 5,"SHLN" 50;color:#f2511b24;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}@media only screen and (max-width: 600px){.post__header h2{font-size:clamp(2rem,10vw,3rem);padding:1rem 1.25rem}.post__header h2:before,.post__header h2:after{width:1.75rem;height:1.75rem}.post article>p:first-of-type:first-letter{font-size:3.5em}}
