@layer thoughts{.thoughts-page{background:var(--paper)}.thoughts-page .site-header nav a[aria-current=page]{text-decoration:underline 3px}.thoughts-masthead{min-height:500px;padding:clamp(54px, 8vw, 110px) var(--page-pad) 64px;border-bottom:var(--rule);background:var(--blue);color:var(--white);position:relative;overflow:hidden}.thoughts-masthead:after{content:"/// /// /// /// ///";color:var(--pink);letter-spacing:-.28em;opacity:.82;font-family:IBM Plex Mono,monospace;font-size:clamp(4rem,12vw,12rem);font-weight:900;position:absolute;bottom:-.28em;right:-2vw;rotate:-5deg}.thoughts-masthead .eyebrow{border:2px solid var(--ink);background:var(--white);color:var(--ink);padding:8px 11px;display:inline-block;rotate:-1deg}.thoughts-masthead h1{z-index:1;color:var(--acid);letter-spacing:-.09em;text-transform:uppercase;text-shadow:8px 8px 0 var(--ink);margin-top:40px;font-size:clamp(5.6rem,18vw,16rem);font-weight:880;line-height:.7;position:relative}.thoughts-intro{z-index:2;border:var(--rule);background:var(--acid);max-width:27ch;color:var(--ink);box-shadow:var(--hard-shadow);margin:54px 0 0 auto;padding:18px 20px;font-size:clamp(1.35rem,2.6vw,2.5rem);font-weight:760;line-height:.95;position:relative;rotate:1deg}.masthead-note{z-index:2;border:2px solid var(--ink);background:var(--orange);color:var(--ink);box-shadow:5px 5px 0 var(--ink);padding:10px 14px;font-family:IBM Plex Mono,monospace;font-size:.72rem;line-height:1.1;position:absolute;bottom:34px;left:8vw;rotate:-7deg}.thoughts-stream{max-width:1280px;padding:clamp(70px, 10vw, 150px) var(--page-pad);grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(42px,8vw,110px) 24px;margin:0 auto;list-style:none;display:grid}.thoughts-stream>li{grid-column:2/span 8}.thoughts-stream>li:nth-child(2n){grid-column:5/span 7}.thoughts-stream>li:nth-child(3n){grid-column:3/span 9}.thought-entry{border:var(--rule);background:var(--acid);box-shadow:var(--hard-shadow);padding:clamp(22px,4vw,52px);position:relative;rotate:-1deg}.thoughts-stream>li:nth-child(2n) .thought-entry{background:var(--pink);rotate:1.2deg}.thoughts-stream>li:nth-child(3n) .thought-entry{background:var(--orange);rotate:-.4deg}.thought-entry.is-featured:after{content:"STRONG OPINION";border:2px solid var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--blue);padding:9px 12px;font-family:IBM Plex Mono,monospace;font-size:.68rem;position:absolute;bottom:-22px;right:-20px;rotate:-6deg}.thought-meta{border-bottom:2px solid var(--ink);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;gap:20px;margin:calc(-1*clamp(22px,4vw,52px)) calc(-1*clamp(22px,4vw,52px)) 30px;padding:11px 13px;font-family:IBM Plex Mono,monospace;font-size:.7rem;display:flex}.thought-meta a{min-height:44px;color:inherit;align-items:center;display:inline-flex}.thought-meta time{white-space:nowrap;align-self:center}.thought-entry h2{letter-spacing:-.045em;text-wrap:balance;max-width:22ch;font-size:clamp(2.1rem,5vw,5rem);font-weight:780;line-height:.92}.thoughts-closing{padding:clamp(32px, 5vw, 64px) var(--page-pad);border-block:var(--rule);background:var(--ink);color:var(--acid);text-align:center;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:clamp(1rem,2vw,1.5rem)}.thoughts-home-link{border:2px solid var(--white);min-height:44px;color:var(--white);text-transform:uppercase;align-items:center;padding:0 14px;font-family:IBM Plex Mono,monospace;font-size:.72rem;display:inline-flex}html[data-chaos=civilized] .thought-entry,html[data-chaos=civilized] .thoughts-intro,html[data-chaos=civilized] .masthead-note{rotate:0deg}html[data-chaos=unsupervised] .thought-entry:hover{animation:.32s steps(2,end) thought-jolt}@keyframes thought-jolt{50%{translate:6px -4px;rotate:-2deg}}@media (width<=720px){.thoughts-masthead{min-height:520px;padding-top:60px}.thoughts-masthead h1{margin-top:76px;font-size:clamp(3.8rem,18vw,5.8rem)}.thoughts-intro{margin-top:64px}.masthead-note{bottom:22px;left:20px}.thoughts-stream{padding-block:70px;display:block}.thoughts-stream>li+li{margin-top:58px}.thought-entry,.thoughts-stream>li:nth-child(2n) .thought-entry,.thoughts-stream>li:nth-child(3n) .thought-entry{rotate:0deg}.thought-entry.is-featured:after{right:8px}.thought-entry h2{max-width:none;font-size:clamp(2rem,10vw,3.5rem)}.thought-meta{align-items:center}}@media (width<=430px){.thoughts-masthead{min-height:560px}.thoughts-masthead .eyebrow{max-width:26ch}.thoughts-intro{margin-top:72px}.thought-meta{flex-direction:column;align-items:flex-start;gap:0}.thought-meta time{align-self:flex-start;padding-bottom:8px}}@media (prefers-reduced-motion:reduce){html[data-chaos=unsupervised] .thought-entry:hover{animation:none}}}