@import"https://fonts.googleapis.com/css2?family=Special+Elite&display=swap";:root{--faded-black: #2E2E2E;--dirty-yellow: #B5A642;--muted-red: #8C2727;--off-white: #E9E1D4;--paper-white: #F2EEE6;--olive-drab: #6B8E23;--concrete-grey: #7A7A7A;--burnt-orange: #A84700;--dark-surface: #1A1A1A;--text-primary: #2E2E2E;--text-muted: #5A5A5A;--border: #2E2E2E;--accent: #B5A642;--accent-dark: #8C7A2E;--surface-card: #EDE7D9;--font-grunge: "Special Elite", "Courier New", monospace;--font-mono: "Courier New", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--section-gap: clamp(4rem, 8vw, 8rem);--z-base: 0;--z-nav: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--paper-white);color:var(--text-primary);font-family:var(--font-grunge);font-size:1rem;line-height:1.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat}img{max-width:100%;display:block}a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease-out}a:hover{color:var(--faded-black)}.container{max-width:1280px;margin-inline:auto;padding-inline:1.5rem}h1,h2,h3,h4{font-family:var(--font-grunge);font-weight:700;line-height:1.15;letter-spacing:-.01em}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(1.8rem,3.5vw,2.5rem)}h3{font-size:1.4rem}.section-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--concrete-grey);margin-bottom:.75rem}.grunge-underline{position:relative;display:inline-block}.grunge-underline:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:var(--dirty-yellow);clip-path:polygon(0 60%,5% 20%,10% 80%,20% 30%,30% 70%,40% 10%,50% 60%,60% 20%,70% 80%,80% 30%,90% 70%,100% 40%,100% 100%,0 100%)}.tape-strip{position:relative}.tape-strip:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-1.5deg);width:60px;height:18px;background:#b5a6428c;border:1px solid rgba(181,166,66,.7);z-index:1}.torn-bottom{position:relative}.torn-bottom:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:30px;background:var(--paper-white);clip-path:polygon(0% 100%,2% 40%,5% 80%,8% 20%,12% 70%,16% 10%,20% 60%,25% 30%,28% 80%,32% 15%,36% 65%,40% 5%,44% 55%,48% 25%,52% 75%,56% 10%,60% 60%,65% 30%,68% 80%,72% 20%,76% 65%,80% 5%,84% 55%,88% 30%,92% 75%,96% 15%,100% 60%,100% 100%)}.btn{display:inline-block;font-family:var(--font-grunge);font-weight:600;font-size:.95rem;text-decoration:none;padding:.65rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out;letter-spacing:.03em}.btn-primary{background-color:var(--dirty-yellow);color:var(--faded-black);border:2px solid var(--faded-black);box-shadow:3px 3px 0 var(--faded-black)}.btn-primary:hover{background-color:var(--accent-dark);color:var(--off-white);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--faded-black)}.btn-primary:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--faded-black)}.btn-secondary{background-color:transparent;color:var(--faded-black);border:1.5px dashed var(--faded-black)}.btn-secondary:hover{background-color:#2e2e2e12}.btn-ghost-light{background-color:transparent;color:var(--off-white);border:1.5px solid var(--off-white)}.btn-ghost-light:hover{background-color:#e9e1d41f;color:var(--off-white)}.card{background:var(--surface-card);border:2px solid var(--faded-black);border-radius:.5rem;padding:1.5rem;box-shadow:4px 4px 0 var(--faded-black);position:relative;transition:transform .2s ease-out,box-shadow .2s ease-out}.card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--faded-black)}.site-nav{position:sticky;top:0;z-index:var(--z-nav);background:var(--faded-black);border-bottom:3px solid var(--dirty-yellow);padding:.75rem 0}.site-nav .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-brand{font-family:var(--font-grunge);font-size:1.1rem;font-weight:700;color:var(--dirty-yellow);text-decoration:none;letter-spacing:.05em}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--off-white);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--dirty-yellow)}.nav-active{color:var(--dirty-yellow)!important}.hero{background-color:var(--faded-black);color:var(--off-white);padding:clamp(4rem,10vw,8rem) 0 clamp(5rem,12vw,10rem);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dirty-yellow);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.hero-eyebrow:before{content:"//";opacity:.5}.hero-title{font-size:clamp(2.8rem,5.5vw,4.5rem);color:var(--off-white);margin-bottom:1.25rem;line-height:1.05}.hero-title span{color:var(--dirty-yellow);position:relative}.hero-subtitle{font-family:var(--font-mono);font-size:clamp(.85rem,1.5vw,1rem);color:var(--concrete-grey);max-width:50ch;margin-bottom:2rem;line-height:1.7;border-left:3px solid var(--dirty-yellow);padding-left:1rem}.hero-image-wrap{position:relative}.hero-image-wrap:before{content:"";position:absolute;inset:-8px;border:2px dashed var(--dirty-yellow);border-radius:.5rem;opacity:.5;transform:rotate(1.5deg)}.hero-img{width:100%;max-height:560px;object-fit:cover;object-position:top center;border-radius:.4rem;border:3px solid var(--dirty-yellow);filter:saturate(.85) contrast(1.1)}.philosophy{padding:var(--section-gap) 0;background:var(--paper-white)}.philosophy-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem 4rem;align-items:start}.philosophy-image-wrap{position:relative}.philosophy-image-wrap:after{content:"";position:absolute;bottom:-10px;right:-10px;width:100%;height:100%;border:2px solid var(--dirty-yellow);border-radius:.4rem;z-index:-1}.philosophy-img{width:100%;max-height:480px;object-fit:cover;object-position:top;border-radius:.4rem;border:2px solid var(--faded-black);filter:saturate(.8) contrast(1.15)}.philosophy-body p{font-family:var(--font-grunge);font-size:1.05rem;line-height:1.75;color:var(--text-primary);max-width:72ch}.pull-quote{border-left:4px solid var(--dirty-yellow);padding:1rem 1.5rem;margin:1.5rem 0;background:#b5a64214;border-radius:0 .5rem .5rem 0;font-size:1.1rem;font-style:italic;color:var(--faded-black)}.loveatarian{padding:var(--section-gap) 0;background:var(--off-white);position:relative}.loveatarian-header{text-align:center;margin-bottom:3rem}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2.5rem}.post-card{background:var(--paper-white);border:2px solid var(--faded-black);border-radius:.5rem;padding:1.5rem;box-shadow:4px 4px 0 var(--faded-black);transition:transform .2s ease-out,box-shadow .2s ease-out;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.75rem}.post-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--faded-black);color:inherit}.post-date{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--concrete-grey)}.post-title{font-size:1.05rem;font-weight:700;line-height:1.3;color:var(--faded-black)}.post-excerpt{font-size:.88rem;color:var(--text-muted);line-height:1.6;flex:1}.post-read-more{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark);text-decoration:none;margin-top:auto}.subscribe-cta{text-align:center;margin-top:1rem}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.post-skeleton{pointer-events:none;gap:.85rem}.skeleton-line{display:block;height:.85rem;border-radius:4px;background:linear-gradient(90deg,#2e2e2e14 25%,#2e2e2e26,#2e2e2e14 75%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-line:nth-child(1){animation-delay:0ms}.skeleton-line:nth-child(2){animation-delay:.1s;height:1.1rem}.skeleton-line:nth-child(3){animation-delay:.18s}.skeleton-line:nth-child(4){animation-delay:.26s}.reading{padding:var(--section-gap) 0;background:var(--paper-white)}.reading-header{margin-bottom:3rem}.books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.book-card{background:var(--surface-card);border:2px solid var(--faded-black);border-radius:.5rem;overflow:hidden;box-shadow:4px 4px 0 var(--faded-black);transition:transform .2s ease-out,box-shadow .2s ease-out;text-decoration:none;color:inherit;display:flex;flex-direction:column}.book-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--faded-black)}.book-cover{width:100%;aspect-ratio:6 / 9;object-fit:contain;object-position:center;background:var(--faded-black);border-bottom:2px solid var(--faded-black);filter:saturate(.9) contrast(1.05)}.book-cover-fallback{width:100%;aspect-ratio:2 / 3;display:flex;align-items:center;justify-content:center;background:var(--faded-black);color:var(--dirty-yellow);font-family:var(--font-grunge);font-size:.9rem;text-align:center;padding:1rem;border-bottom:2px solid var(--faded-black)}.book-meta{padding:1rem;display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--concrete-grey)}.book-meta:before{content:"→";color:var(--dirty-yellow)}.podcast{padding:var(--section-gap) 0;background:var(--faded-black);color:var(--off-white);position:relative}.podcast-grid{display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center;max-width:860px;margin-inline:auto}.podcast-thumb-wrap{position:relative;width:220px;flex-shrink:0}.podcast-thumb-wrap:before{content:"";position:absolute;inset:-6px;border:2px dashed var(--dirty-yellow);border-radius:.75rem;opacity:.6;transform:rotate(-1deg)}.podcast-thumb{width:220px;height:220px;object-fit:cover;border-radius:.5rem;border:3px solid var(--dirty-yellow);filter:saturate(.85)}.podcast-thumb-placeholder{width:220px;height:220px;border-radius:.5rem;border:3px solid var(--dirty-yellow);background:var(--dark-surface);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;color:var(--dirty-yellow)}.podcast-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dirty-yellow);margin-bottom:.75rem}.podcast-title{font-size:clamp(1.5rem,3vw,2.25rem);color:var(--off-white);margin-bottom:1rem;line-height:1.2}.podcast-description{color:var(--concrete-grey);font-size:.95rem;max-width:55ch;margin-bottom:1.75rem;line-height:1.65}.spotify-badge{display:inline-flex;align-items:center;gap:.6rem;background:#1db954;color:#000;padding:.65rem 1.4rem;border-radius:.5rem;font-weight:700;font-size:.9rem;text-decoration:none;transition:background-color .2s,transform .15s;font-family:var(--font-grunge)}.spotify-badge:hover{background:#1ed760;color:#000;transform:translate(-1px,-1px)}.spotify-icon{width:20px;height:20px}.social-section{padding:var(--section-gap) 0;background:var(--off-white)}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.social-card{background:var(--surface-card);border:2px solid var(--faded-black);border-radius:.5rem;padding:2rem 1.5rem;box-shadow:4px 4px 0 var(--faded-black);text-align:center;text-decoration:none;color:var(--faded-black);display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:transform .2s ease-out,box-shadow .2s ease-out}.social-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--faded-black);color:var(--faded-black)}.social-icon{width:44px;height:44px;background:var(--dirty-yellow);border:2px solid var(--faded-black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.social-platform{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--concrete-grey)}.social-handle{font-weight:700;font-size:1rem}footer{background:var(--dark-surface);color:var(--concrete-grey);padding:2rem 0;border-top:3px solid var(--dirty-yellow)}footer .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em}footer a{color:var(--dirty-yellow)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .42s ease-out both}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-image-wrap{order:-1;max-width:480px;margin-inline:auto}.philosophy-grid{grid-template-columns:1fr}.philosophy-image-wrap{max-width:480px;margin-inline:auto}.books-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.podcast-grid{grid-template-columns:1fr;text-align:center;justify-items:center}.podcast-thumb-wrap{width:180px}.podcast-thumb,.podcast-thumb-placeholder{width:180px;height:180px}.podcast-description{margin-inline:auto}}@media(max-width:640px){.books-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.social-grid{grid-template-columns:1fr;max-width:360px;margin-inline:auto}footer .container{flex-direction:column;text-align:center}.hero-subtitle{font-size:.85rem}.pull-quote{font-size:1rem}}@media(max-width:400px){.books-grid{grid-template-columns:1fr 1fr;gap:.75rem}.hero-actions{flex-direction:column;align-items:flex-start}.btn{width:100%;text-align:center}}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:2px solid var(--dirty-yellow);border-radius:4px;cursor:pointer;padding:6px;transition:border-color .2s}.nav-toggle:hover{border-color:var(--off-white)}.nav-toggle-bar{display:block;width:22px;height:2px;background:var(--dirty-yellow);border-radius:1px;transition:background .2s,transform .2s,opacity .2s}.nav-toggle:hover .nav-toggle-bar{background:var(--off-white)}.mobile-nav-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:#0009;opacity:0;pointer-events:none;transition:opacity .25s ease-out}.mobile-nav-overlay.open{opacity:1;pointer-events:auto}.mobile-nav-panel{position:absolute;top:0;right:0;width:min(320px,85vw);height:100%;background:var(--faded-black);border-left:3px solid var(--dirty-yellow);padding:2rem 1.5rem;overflow-y:auto;transform:translate(100%);transition:transform .25s ease-out;display:flex;flex-direction:column}.mobile-nav-overlay.open .mobile-nav-panel{transform:translate(0)}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--dirty-yellow)}.mobile-nav-heading{font-family:var(--font-grunge);font-size:1rem;font-weight:700;color:var(--dirty-yellow);letter-spacing:.08em}.mobile-nav-close{background:none;border:2px solid var(--dirty-yellow);color:var(--dirty-yellow);width:36px;height:36px;border-radius:4px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s;line-height:1}.mobile-nav-close:hover{color:var(--off-white);border-color:var(--off-white)}.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:.25rem}.mobile-nav-extra{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(181,166,66,.3)}.mobile-nav-links a{display:block;padding:.85rem 1rem;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--off-white);text-decoration:none;border-radius:4px;transition:background .15s,color .15s}.mobile-nav-links a:hover,.mobile-nav-links a:focus-visible{background:#b5a64226;color:var(--dirty-yellow)}.mobile-nav-links a.nav-active{color:var(--dirty-yellow);font-weight:700}.mobile-nav-footer{margin-top:auto;padding-top:1.5rem}@media(max-width:640px){.nav-links{display:none}.nav-toggle{display:flex}}