.post-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 60%,var(--green-dim),transparent 60%),var(--bg-2);padding:88px 0 72px}.post-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:38px 38px;pointer-events:none;z-index:0}.post-hero .container{position:relative;z-index:1;max-width:760px}.back{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .15s ease}.back:hover{color:var(--ink)}.back .back-arrow{display:inline-block;transition:transform .18s ease}.back:hover .back-arrow{transform:translate(-3px)}.post-hero .back{margin-bottom:48px}.post-hero .post-meta{margin-bottom:24px}.post-hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(32px,5vw,54px);line-height:1.05;letter-spacing:-.025em;margin:0 0 24px}.post-hero .lede{font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:var(--muted);margin:0}.post-body{padding:72px 0 96px}.post-body .container{max-width:760px}.prose p{font-size:17px;line-height:1.75;color:var(--ink);margin:0 0 24px}.prose strong{color:var(--ink);font-weight:700}.prose h2{font-family:var(--serif);font-weight:700;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.015em;margin:56px 0 20px;line-height:1.1}.prose .post-img{margin:40px 0 32px;border-radius:4px;overflow:hidden;border:1px solid var(--line);background-color:var(--bg-2);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:24px 24px;display:flex;flex-direction:column;align-items:center}.prose .post-img img{width:85%;height:auto;display:block}.prose .post-img.phone img{width:32%}.prose .post-img figcaption{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);padding:14px 18px;border-top:1px solid var(--line);background:var(--bg-2);line-height:1.5;width:100%;box-sizing:border-box}.prose .post-img-pair{display:flex;gap:12px;margin:40px 0 0;align-items:stretch}.prose .post-img-pair .post-img{flex:1;margin:0}.prose .post-img-pair .post-img.phone img{width:65%}.prose .post-img-pair-caption{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);line-height:1.5;margin:10px 0 32px!important;text-align:center}.prose .text-img-row{display:flex;gap:28px;align-items:flex-start;margin:0 0 40px}.prose .text-img-row .text-content{flex:1;min-width:0}.prose .text-img-row .text-content>*:first-child{margin-top:0}.prose .text-img-row .text-content p:last-child{margin-bottom:0}.prose .text-img-row .post-img.phone{flex-shrink:0;width:210px;margin:0}.prose .text-img-row .post-img.phone img{width:82%}.prose .era-list{margin:0 0 24px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.prose .era-list li{display:flex;gap:14px;font-size:17px;line-height:1.6;color:var(--ink)}.prose .era-list li:before{content:"";flex-shrink:0;margin-top:10px;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #2f6bff80}.prose .era-list li strong{color:var(--green)}.prose .era-list.cols li strong{flex:0 0 34%}.prose .era-list.cols li span{flex:1;min-width:0}.post-footer-nav{border-top:1px solid var(--line);padding:44px 0}.post-footer-nav .container{max-width:760px}@media(max-width:720px){.post-hero{padding:60px 0 52px}.post-hero .back{margin-bottom:32px}.post-body{padding:52px 0 72px}.prose .post-img{margin:28px 0 24px}.prose .post-img img{width:88%}.prose .post-img.phone img{width:60%}.prose .post-img-pair{flex-direction:column}.prose .post-img-pair .post-img.phone img{width:60%}.prose .era-list.cols li{flex-wrap:wrap}.prose .era-list.cols li strong{flex:1 0 calc(100% - 20px)}.prose .era-list.cols li span{flex-basis:100%;padding-left:20px}.prose .text-img-row{flex-direction:column}.prose .text-img-row .post-img.phone{width:100%}.prose .text-img-row .post-img.phone img{width:60%}}