:root{--color-bg: #fff;--color-text: #1a1a1a;--color-text-muted: #666;--color-border: #eee;--color-accent: #1a1a1a}[data-pizza]{--color-bg: #F5E6C8;--color-text: #3D2B1F;--color-text-muted: #7D6B5D;--color-border: #E8A33C;--color-accent: #C0392B}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);transition:background-color .5s ease,color .5s ease}[data-pizza] body{background-image:linear-gradient(45deg,rgba(214,69,65,.045) 25%,transparent 25%),linear-gradient(-45deg,rgba(214,69,65,.045) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(214,69,65,.045) 75%),linear-gradient(-45deg,transparent 75%,rgba(214,69,65,.045) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}[data-pizza] body:before{content:"";display:block;height:5px;background:linear-gradient(to right,#009246 33.3%,#f0f0f0 33.3% 66.6%,#ce2b37 66.6%);position:fixed;top:0;left:0;right:0;z-index:1000}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{text-decoration:underline}[data-pizza] a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}.site-container{max-width:800px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh;display:flex;flex-direction:column}.site-header{margin-bottom:3rem}.header-inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.site-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;transition:text-shadow .5s ease}.site-title:hover{text-decoration:none}[data-pizza] .site-title{text-shadow:0 0 30px rgba(232,163,60,.3)}.site-nav{display:flex;gap:2rem}.site-nav a{font-size:1rem;color:var(--color-text-muted)}.site-nav a:hover,.site-nav a.active{color:var(--color-accent)}main{flex:1}.hero{text-align:center;margin-bottom:3rem}.hero-floppy{max-width:300px;margin:0 auto 2rem}.hero-text{max-width:600px;margin:0 auto;font-size:2rem}.hero-text p{margin-bottom:1.5rem}.hero-text .contact-line{margin-bottom:.5rem}.hero-text a{text-decoration:underline}.hero-bottom-images{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-burst{max-width:150px}.hero-aol{max-width:100px}.pizza-link{display:block;margin-top:2rem;text-align:center}.hero-pizza{max-width:50px;margin:0 auto;transition:transform .2s}.hero-pizza:hover{transform:scale(1.1)}.about-content{text-align:center}.about-content h1{font-size:2rem;margin-bottom:2rem}[data-pizza] .about-content h1{color:var(--color-accent)}.portrait{max-width:400px;margin:0 auto 2rem;border-radius:4px;transition:box-shadow .5s ease}[data-pizza] .portrait{box-shadow:0 4px 24px #e8a33c59}.bio{text-align:left;max-width:600px;margin:0 auto}.bio p{margin-bottom:1.5rem}.bio a{text-decoration:underline}[data-pizza] .bio a{color:var(--color-accent)}.site-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--color-border);text-align:center;transition:border-color .5s ease}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.social-links a{color:var(--color-text-muted);transition:color .2s}.social-links a:hover{color:var(--color-accent);text-decoration:none}.social-links svg{width:24px;height:24px}.email-text{color:var(--color-text-muted);font-size:.9rem}.pizza-toggle{background:none;border:none;padding:.5rem;cursor:pointer;margin:1rem auto 0;display:block;border-radius:50%;transition:background-color .3s ease;line-height:0}.pizza-toggle:hover{background-color:#e8a33c26}.footer-pizza{width:50px;height:auto;display:block;transition:transform .3s ease}.pizza-toggle:hover .footer-pizza{transform:scale(1.1)}[data-pizza] .footer-pizza{width:60px;animation:pizza-spin 6s linear infinite}[data-pizza] .pizza-toggle:hover .footer-pizza{animation-duration:1s}@keyframes pizza-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pizza-rain{position:fixed;top:-60px;z-index:9999;pointer-events:none;animation:pizza-fall linear forwards}@keyframes pizza-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(110vh) rotate(720deg)}}@media (min-width: 600px){.header-inner{flex-direction:row;justify-content:space-between}.hero-images{flex-direction:row;justify-content:center}}
