.blog-shell{--blog-paper:#f3efe5;--blog-ink:#121313;--blog-red:#e3422f;--blog-blue:#173d73;background:var(--blog-paper);min-height:100svh;color:var(--blog-ink);font-family:var(--font-editorial), Georgia, serif;overflow:hidden}.blog-shell *,.blog-shell :before,.blog-shell :after{box-sizing:border-box}.blog-shell a{color:inherit}.blog-header{border-bottom:2px solid var(--blog-ink);min-height:86px;font-family:var(--font-mono), monospace;justify-content:space-between;align-items:center;gap:2rem;padding:0 clamp(1.25rem,4vw,4rem);display:flex}.blog-wordmark{letter-spacing:-.04em;font-size:clamp(1rem,2vw,1.35rem);font-weight:600;text-decoration:none}.blog-wordmark span{color:var(--blog-red)}.blog-header nav{text-transform:uppercase;align-items:center;gap:clamp(1rem,3vw,2.5rem);font-size:.75rem;display:flex}.blog-header nav a{text-decoration:none}.blog-header form{margin:0}.blog-header button{color:inherit;font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0}.blog-login-link{background:var(--blog-ink);padding:.7rem 1rem;color:var(--blog-paper)!important}.blog-masthead{border-bottom:2px solid var(--blog-ink);align-content:end;min-height:min(76svh,760px);padding:clamp(5rem,12vw,9rem) clamp(1.25rem,6vw,7rem) clamp(3rem,6vw,5.5rem);display:grid;position:relative}.blog-masthead:after{aspect-ratio:1;border:2px solid var(--blog-ink);content:"CG";width:clamp(70px,10vw,135px);color:var(--blog-red);font:600 clamp(1rem, 2vw, 1.5rem) var(--font-mono), monospace;border-radius:50%;place-items:center;display:grid;position:absolute;top:9%;right:7%;transform:rotate(8deg)}.blog-kicker,.blog-meta{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.72rem}.blog-masthead h1{max-width:1080px;font:400 clamp(4rem, 12vw, 10rem)/.79 var(--font-display), sans-serif;letter-spacing:-.045em;text-transform:uppercase;margin:1.25rem 0 1.5rem}.blog-masthead h1 em{color:var(--blog-red);font-family:var(--font-editorial), Georgia, serif;text-transform:none;font-weight:500}.blog-intro{max-width:600px;margin:0 0 0 auto;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.35}.blog-featured,.blog-archive{border-bottom:2px solid var(--blog-ink);grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);display:grid}.blog-section-label{border-right:2px solid var(--blog-ink);font-family:var(--font-mono), monospace;padding:2rem clamp(1.25rem,3vw,3rem)}.blog-section-label span{color:var(--blog-red);font-size:.75rem}.blog-section-label h2{font:500 .9rem var(--font-mono), monospace;text-transform:uppercase;margin:.5rem 0 0}.blog-featured>article{grid-template-columns:minmax(90px,.22fr) 1fr;gap:clamp(1.5rem,5vw,5rem);padding:clamp(3rem,7vw,7rem);display:grid}.blog-featured-index{color:var(--blog-red);font-size:clamp(4rem,9vw,9rem);line-height:.7}.blog-featured h3{max-width:760px;font:500 clamp(3rem, 7vw, 7rem)/.88 var(--font-editorial), Georgia, serif;letter-spacing:-.055em;margin:1.25rem 0}.blog-featured h3 a,.blog-archive h3 a{text-decoration:none}.blog-dek{max-width:700px;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.45}.blog-read{font:600 .78rem var(--font-mono), monospace;border-bottom:2px solid;gap:2rem;margin-top:1.5rem;padding-bottom:.35rem;text-decoration:none;display:inline-flex}.blog-read span{color:var(--blog-red)}.blog-archive>div:last-child{display:grid}.blog-archive article{border-bottom:1px solid #12131361;grid-template-columns:70px minmax(0,1fr) auto;align-items:start;gap:1.5rem;padding:clamp(2rem,4vw,4rem);display:grid}.blog-archive article:last-child{border-bottom:0}.blog-list-no{color:var(--blog-red);font:500 .75rem var(--font-mono), monospace}.blog-archive h3{font:500 clamp(2rem, 4vw, 4rem)/.95 var(--font-editorial), Georgia, serif;letter-spacing:-.04em;margin:.65rem 0}.blog-archive article>a{font:2rem var(--font-mono), monospace;text-decoration:none}.blog-archive article div>p:last-child{max-width:630px;margin-bottom:0;line-height:1.5}.blog-footer{background:var(--blog-ink);color:var(--blog-paper);font:.72rem var(--font-mono), monospace;text-transform:uppercase;justify-content:space-between;gap:2rem;padding:2rem clamp(1.25rem,4vw,4rem);display:flex}.blog-footer p{margin:0}.blog-auth-page{background:linear-gradient(135deg, transparent 68%, var(--blog-red) 68%);place-items:center;min-height:calc(100svh - 86px);padding:4rem 1.25rem;display:grid}.blog-auth-card{border:2px solid var(--blog-ink);background:var(--blog-paper);width:min(100%,600px);box-shadow:12px 12px 0 var(--blog-ink);padding:clamp(2rem,6vw,5rem)}.blog-auth-card h1{font:500 clamp(3rem, 7vw, 5.5rem)/.9 var(--font-editorial), Georgia, serif;letter-spacing:-.055em;margin:1rem 0}.blog-auth-card>p{line-height:1.5}.blog-auth-card form{gap:1rem;margin-top:2rem;display:grid}.blog-auth-card label,.blog-comment-form label{font:600 .72rem var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;gap:.45rem;display:grid}.blog-auth-card input,.blog-comment-form textarea{border:1px solid var(--blog-ink);width:100%;color:var(--blog-ink);font:1rem var(--font-mono), monospace;background:#fffdf7;border-radius:0}.blog-auth-card input{min-height:50px;padding:0 .8rem}.blog-auth-card button,.blog-comment-form button{background:var(--blog-ink);min-height:52px;color:var(--blog-paper);font:600 .75rem var(--font-mono), monospace;text-transform:uppercase;cursor:pointer;border:0;padding:0 1.25rem}.blog-auth-switch{font-family:var(--font-mono), monospace;margin:1.5rem 0 0;font-size:.78rem}.blog-form-error{color:#b42318;font:600 .8rem var(--font-mono), monospace}.blog-article-page{padding:clamp(3rem,7vw,7rem) clamp(1.25rem,5vw,5rem)}.blog-article{width:min(100%,900px);margin:0 auto}.blog-back{font:600 .72rem var(--font-mono), monospace;text-decoration:none}.blog-article header{margin:clamp(3rem,7vw,7rem) 0}.blog-article h1{font:500 clamp(4rem, 10vw, 8.5rem)/.83 var(--font-editorial), Georgia, serif;letter-spacing:-.065em;margin:1rem 0}.blog-article-dek{max-width:760px;font-size:clamp(1.3rem,2.5vw,1.9rem);line-height:1.38}.blog-byline{font:.72rem/1.5 var(--font-mono), monospace;text-transform:uppercase;align-items:center;gap:.9rem;margin-top:2rem;display:flex}.blog-byline>span{background:var(--blog-red);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:600;display:grid}.blog-byline p{margin:0}.blog-prose{width:min(100%,720px);margin:0 auto}.blog-prose p{margin:0 0 1.5em;font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.65}.blog-prose p:first-child:first-letter{float:left;color:var(--blog-red);font:400 5.6rem/.72 var(--font-display), sans-serif;margin:.07em .1em 0 0}.blog-interactions{border-top:2px solid var(--blog-ink);width:min(100%,900px);margin:clamp(5rem,10vw,10rem) auto 0;padding-top:2rem}.blog-reaction-row{justify-content:space-between;align-items:center;gap:2rem;display:flex}.blog-reaction-row h2{font:500 clamp(2rem, 4vw, 3.5rem) var(--font-editorial), Georgia, serif;margin:.5rem 0 0}.blog-reaction-row button,.blog-like-locked{border:1px solid var(--blog-ink);color:inherit;font:600 .78rem var(--font-mono), monospace;cursor:pointer;background:0 0;padding:1rem 1.25rem;text-decoration:none;display:block}.blog-reaction-row button.is-liked{border-color:var(--blog-red);background:var(--blog-red);color:#fff}.blog-comment-form{margin-top:2.5rem}.blog-comment-form textarea{resize:vertical;min-height:140px;padding:1rem}.blog-comment-form>div{min-height:52px;font:.72rem var(--font-mono), monospace;justify-content:space-between;align-items:center;gap:1rem;display:flex}.blog-login-prompt{background:var(--blog-blue);color:#fff;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:1.25rem;display:flex}.blog-login-prompt p{margin:0}.blog-login-prompt a{font:600 .72rem var(--font-mono), monospace}.blog-comments{margin-top:4rem}.blog-comments>h3{font:600 .75rem var(--font-mono), monospace;border-bottom:1px solid;padding-bottom:1rem}.blog-comments article{border-bottom:1px solid #12131340;grid-template-columns:44px 1fr;gap:1rem;padding:1.5rem 0;display:grid}.blog-comments article>div:first-child{background:var(--blog-ink);color:#fff;width:42px;height:42px;font-family:var(--font-mono), monospace;border-radius:50%;place-items:center;display:grid}.blog-comments article p{margin:0;line-height:1.5}.blog-comments article div p:first-child{font-family:var(--font-mono), monospace;justify-content:space-between;gap:1rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.blog-comments time{color:#6b6b65}.blog-empty{color:#6b6b65;font-style:italic}@media (max-width:720px){.blog-header{min-height:72px}.blog-header nav>a:not(.blog-login-link):nth-child(-n+2){display:none}.blog-header nav{gap:.75rem}.blog-featured,.blog-archive{grid-template-columns:1fr}.blog-section-label{border-right:0;border-bottom:1px solid var(--blog-ink)}.blog-featured>article{grid-template-columns:1fr}.blog-featured-index{font-size:4rem}.blog-archive article{grid-template-columns:36px minmax(0,1fr) auto;gap:.75rem}.blog-masthead:after{top:6%}.blog-intro{margin-left:0}.blog-footer,.blog-reaction-row,.blog-login-prompt,.blog-comment-form>div{flex-direction:column;align-items:flex-start}.blog-like-locked{font-size:.68rem}}
