:root{--color-background:#f5e6c8;--color-surface:#fdfcfb;--color-text:#1a1a1a;--color-text-muted:#444;--color-primary:#c0392b;--color-secondary:#2d6a4f;--color-tags:#c0392b;--color-border:#1a1a1a;--color-code-bg:#e8e4de;--shadow-encore:5px 5px 0 var(--color-border);--shadow-hover:7px 7px 0 var(--color-border);--font-sans:'Space Grotesk', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-background);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23noise)' opacity='0.9'/%3E%3C/svg%3E");background-attachment:fixed;color:var(--color-text);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.5rem}@media(min-width:1024px){h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}}a{color:var(--color-primary);text-decoration:underline;transition:color .2s ease}a:hover{color:var(--color-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}nav{display:flex;gap:1.5rem;padding:1.5rem 0;align-items:flex-end}nav a{text-decoration:none;color:var(--color-text)}nav a:hover{color:var(--color-primary)}.nav-link{font-size:1.25rem;font-weight:500;align-self:center}.logo{display:flex;align-items:baseline;transition:all .3s ease}.logo:hover{color:var(--color-primary);transform:scale(1.1)rotate(6deg)}.logo h1{margin:0}.logo-bang{transform:rotate(15deg);font-size:1.5rem;font-weight:700}@media(min-width:768px){.logo-bang{font-size:2.25rem}}@media(min-width:1024px){.logo-bang{font-size:3rem}}main{padding-bottom:3rem}.tile-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(min-content,max-content);gap:1.25rem}@media(min-width:640px){.tile-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.tile-grid{grid-template-columns:repeat(6,1fr)}}.tile{display:block;background-color:var(--color-surface);border:2px solid var(--color-border);padding:1.25rem;box-shadow:var(--shadow-encore);text-decoration:none;color:var(--color-text);transition:transform .15s ease,box-shadow .15s ease;border-radius:0;position:relative}.tile:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover);color:var(--color-text)}.tile:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-border),0 4px 8px rgba(0,0,0,8%)}@media(min-width:640px){.tile{grid-column:span 2}}@media(min-width:1024px){.tile--wide{grid-column:span 3}}@media(min-width:640px){.tile--tall{grid-row:span 2}}@media(min-width:640px){.tile--large{grid-column:span 3}}@media(min-width:1024px){.tile--large{grid-column:span 4}}.tile__type{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .5rem;border:2px solid;margin-bottom:.75rem}.tile__type--post{color:var(--color-secondary);border-color:var(--color-secondary)}.tile__type--reading{color:var(--color-primary);border-color:var(--color-primary)}.tile__title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;line-height:1.3}.tile__description{font-size:.9rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:.75rem}.tile__tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.tile__tags li{font-size:.75rem;font-weight:500;color:var(--color-tags)}.tile__external{position:absolute;top:1rem;right:1rem;font-size:.8rem;color:var(--color-text-muted)}.prose{font-size:1.125rem;line-height:1.75;max-width:50ch}@media(min-width:1024px){.prose{font-size:1.25rem}}.prose p{margin-bottom:1rem}.prose h1{margin-bottom:0}.prose h2{margin-bottom:.5rem;margin-top:2rem}.prose h3{margin-bottom:.5rem;margin-top:1.5rem}.prose blockquote{border-left:4px solid var(--color-primary);padding-left:1rem;font-style:italic;margin:1.5rem 0;color:var(--color-text-muted)}.prose ul,.prose ol{margin:1rem 0;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose code{background-color:var(--color-code-bg);color:var(--color-text);padding:.125rem .375rem;border-radius:0;font-size:.875em;border:1px solid var(--color-border)}.prose pre{background-color:var(--color-code-bg);padding:1rem;border-radius:0;border:2px solid var(--color-border);overflow-x:auto;margin:1.5rem 0}.prose pre code{background:0 0;padding:0;border:none}.prose img{max-width:100%;height:auto;border-radius:0;border:2px solid var(--color-border)}.tags{list-style:none;display:inline}.tags li{display:inline-block;margin-right:.75rem;color:var(--color-tags);font-weight:500}article header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:3px solid var(--color-border)}article header h1{margin-bottom:.5rem}article header .date{color:var(--color-text-muted);font-size:.9rem}hr{border:none;border-top:2px solid var(--color-border);margin:1.5rem 0}.about-content{max-width:65ch}.about-content img{float:left;margin:1rem 1rem 1rem 0;width:16rem;border-radius:0;border:3px solid var(--color-border)}.about-content p{margin-bottom:1rem}.apple-music-embed{margin:1.5rem 0}.section-header{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--color-border)}