@import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;500;600;700&display=swap");body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:bold;line-height:1.25;text-rendering:optimizeLegibility}h1{font-size:2rem}h2{margin-top:1rem;font-size:1.5rem}h3{margin-top:1.5rem;font-size:1.25rem}h4,h5,h6{margin-top:1rem;font-size:1rem}body{font-family:"Inconsolata",monospace}body img{align:middle;margin:5px auto auto auto;display:block;max-width:600px}p{display:block;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;line-height:1.65;font-family:"Inconsolata",monospace}ul,ol,dl{margin-top:1rem;margin-bottom:1rem;margin-left:1.5rem;font-family:"Inconsolata",monospace}ol li{margin-top:1rem;margin-bottom:1rem;margin-left:1.5rem}li{margin-bottom:1rem}dt{font-weight:bold}dd{margin-bottom:.5rem}a{color:#000;text-decoration:none}blockquote{margin:10px 20px 10px;padding:0px 15px;border-left:0.25em solid #ccc;color:#999;line-height:1.5}table{border-collapse:collapse;margin-bottom:30px;width:100%}table,th,td{border:1px solid black}th,td{padding:15px;text-align:left}code,pre{font-family:"Source Code Pro",monospace}code{padding:.25em .5em;font-size:.8rem;background-color:#f5f5f5;border-radius:3px}pre{display:block;margin-top:0;margin-bottom:1rem;padding:1rem;font-size:.8rem;line-height:1.4;white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5}pre code{padding:0;font-size:100%;color:inherit;background-color:transparent}.highlight{border-radius:4px}.highlight pre{margin-bottom:0}.gist .gist-file{font-family:"Source Code Pro",monospace !important}.gist .markdown-body{padding:15px}.gist pre{padding:0;background-color:transparent}.gist .gist-file .gist-data{font-size:.8rem !important;line-height:1.4}.gist code{padding:0;color:inherit;background-color:transparent;border-radius:0}.container{width:1100px;margin-left:auto;margin-right:auto}.container a{text-decoration:underline}.content-wrapper{padding-top:66px;margin:auto;display:block;width:1080px}.content-wrapper h1{margin:20px 0px 5px}@media (max-width: 1100px){.container{width:95vw;margin-left:auto;margin-right:auto}.content-wrapper{padding-top:66px;margin:auto;display:block;width:95vw}}.footer{background:white;color:#000;text-align:center;min-height:56px;line-height:45px;width:1100px}.footer a{color:#000;padding:0px 10px 0px;text-decoration:none}@media (max-width: 1100px){.footer{background:white;color:#000;text-align:center;min-height:56px;line-height:45px;width:95vw}}.footer-description{display:block;margin-bottom:1rem;color:#9a9a9a;font-size:0.8rem}body:has(.gallery-content) .container,body:has(.gallery-content) .content-wrapper{width:100%;max-width:100%;padding:0;margin:0}.gallery-content{padding-top:20px;width:100%;max-width:100%;padding-left:10px;padding-right:10px;margin:0}.gallery-content h1{text-align:center;margin:30px 0 40px}.gallery-grid{column-count:5;column-gap:8px;margin-bottom:50px}.gallery-item{break-inside:avoid;margin-bottom:8px;position:relative;overflow:hidden;cursor:pointer;display:inline-block;width:100%}.gallery-thumbnail{width:100%;height:auto;display:block;transition:transform 0.3s ease, opacity 0.3s ease;border-radius:4px;background-color:#f0f0f0;min-height:100px}.gallery-thumbnail.lazy-image{opacity:0;transition:opacity 0.5s ease-in}.gallery-thumbnail.lazy-image.loaded{opacity:1}.gallery-item:hover .gallery-thumbnail{transform:scale(1.05);opacity:0.9}@media (max-width: 1600px){.gallery-grid{column-count:4}}@media (max-width: 1200px){.gallery-grid{column-count:3}}@media (max-width: 900px){.gallery-grid{column-count:2}}@media (max-width: 600px){.gallery-grid{column-count:3;column-gap:4px}.gallery-item{margin-bottom:4px}.gallery-content{padding-left:5px;padding-right:5px}.gallery-thumbnail{min-height:auto}}.lightbox{display:none;position:fixed;z-index:9999;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.95)}.lightbox-content{margin:auto;display:block;max-width:90%;max-height:80vh;animation:zoom 0.3s}@keyframes zoom{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s;cursor:pointer;z-index:10000}.lightbox-close:hover,.lightbox-close:focus{color:#bbb}.lightbox-caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:20px 0;font-size:16px}.lightbox-prev,.lightbox-next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:white;font-weight:bold;font-size:30px;transition:0.3s ease;border-radius:0 3px 3px 0;user-select:none;background-color:rgba(0,0,0,0.3)}.lightbox-next{right:0;border-radius:3px 0 0 3px}.lightbox-prev{left:0}.lightbox-prev:hover,.lightbox-next:hover{background-color:rgba(0,0,0,0.8)}@media (max-width: 600px){.lightbox-content{max-width:95%}.lightbox-close{top:10px;right:15px;font-size:30px}.lightbox-prev,.lightbox-next{font-size:20px;padding:10px}.lightbox-caption{font-size:14px;width:90%}}.site-header{min-height:56px;width:1100px;position:fixed;background-color:white;box-shadow:0 5px 6px -6px #bbb;z-index:100}@media (max-width: 1100px){.site-header{min-height:56px;width:95vw;position:fixed;background-color:white;box-shadow:0 5px 6px -6px #bbb;z-index:100}}.site-header a{text-decoration:none}.site-title{font-size:26px;font-weight:400;line-height:56px;margin-bottom:0;margin-top:0;padding-left:10px;float:left}.menu-list{line-height:56px;float:right}.menu-link{padding:5px 10px}@media (min-width: 1100px){.dropbtn{display:none}.dropdown-content{display:none}}@media (max-width: 1100px){.menu-list{display:none}.site-title{padding-right:0.25rem}.dropbtn{background-color:white;color:black;padding:16px;margin-top:4px;font-size:16px;border:none;cursor:pointer}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1}.dropdown-content a{color:black;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#f1f1f1}}.featured-post{height:400px;margin:5px 10px 10px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.featured-post h2{bottom:0;margin:0;padding:10px;position:absolute}.featured-post h2 span{display:inline-block;color:white;font:bold 24px/45px Helvetica, Sans-Serif;letter-spacing:-1px;background:#000;background:rgba(0,0,0,0.7);padding:10px}.featured-post span a{color:white}.featured-post h1{margin:10px}.pagination{text-align:center}.pagination a{text-decoration:none}.pagination-button{color:#999;border:1px solid #e0e0e0;padding:15px 45px;margin-top:10px;margin-bottom:10px;display:inline-block;font-size:16px;font-weight:bold}.pagination-active{color:black}.pagination-active:hover{background-color:#e0e0e0}.landing-page{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative}.landing-logo{position:absolute;top:2rem;right:10rem;width:500px;height:auto;transition:transform 0.1s ease-out;will-change:transform}.landing-container{text-align:center}.landing-main-links-container{display:flex;flex-direction:row;gap:7rem;justify-content:center;margin-left:10rem;margin-top:13rem}.landing-main-links-container a{font-size:2rem;text-decoration:none;color:#000;transition:color 0.3s ease, transform 0.1s ease-out;will-change:transform}.landing-main-links-container a:hover{color:#666}.landing-link-about{transform:translateY(1rem)}.landing-link-music{transform:translateY(-5rem)}.landing-link-photos{transform:translateY(8rem)}.landing-link-notes{transform:translateY(-2rem)}.landing-page .footer{width:fit-content !important;margin-left:auto;margin-right:auto;outline:3px solid transparent;margin-top:30rem;display:flex;align-items:center;justify-content:center;min-height:auto !important;line-height:normal !important;padding:10px 0}.landing-page .footer.highlight{animation:monoFlash 0.5s ease-in-out infinite}.landing-link-sets{margin-top:10rem}@media (max-width: 1000px){.landing-main-links-container{flex-direction:column;gap:2rem;margin-right:auto;margin-left:5rem;margin-bottom:50rem}.landing-main-links-container a{font-size:1.5rem}.landing-logo{max-width:150px;top:3rem;right:2rem}.landing-page .footer{margin-left:-6rem;margin-right:auto;margin-top:27rem}.landing-link-music{margin-top:7rem}.landing-link-about{margin-left:-3rem}.landing-link-notes{margin-top:-13rem;margin-left:-2rem}.landing-link-photos{margin-top:-10rem;margin-left:4rem}}@media (min-width: 2200px){.landing-main-links-container{margin-left:20rem;margin-top:-5rem}.landing-link-about{margin-right:10rem}.landing-link-music{margin-top:-7rem}.landing-link-photos{margin-top:9rem}.landing-link-notes{margin-left:5rem}}@keyframes monoFlash{0%,
  100%{outline-color:#000}50%{outline-color:transparent}}.construction-tooltip{display:none;position:absolute;background:rgba(0,0,0,0.9);color:white;padding:10px 16px;border-radius:6px;z-index:10000;text-align:center;white-space:nowrap;opacity:0;transition:opacity 0.3s ease, transform 0.3s ease;transform:translateY(10px)}.construction-tooltip.show{display:block;opacity:1;transform:translateY(0)}.construction-tooltip::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);border:8px solid transparent;border-bottom-color:rgba(0,0,0,0.9)}.construction-tooltip p{margin:0;font-size:0.875rem;font-weight:600;letter-spacing:0.01em;display:inline}.construction-tooltip small{display:block;font-size:0.75rem;opacity:0.85;font-family:"Inconsolata",monospace;margin-top:4px}.construction-close{position:absolute;top:2px;right:6px;color:white;font-size:1.2rem;font-weight:bold;cursor:pointer;transition:opacity 0.3s ease;line-height:1;opacity:0.7}.construction-close:hover{opacity:1}@media (max-width: 600px){.construction-tooltip{padding:6px 10px}.construction-tooltip::before{top:-6px;border-width:6px}.construction-tooltip p{font-size:0.7rem}.construction-tooltip small{font-size:0.6rem;margin-top:2px}.construction-close{font-size:0.9rem;top:1px;right:4px}}.notes-page-home-link{display:block;margin-top:10rem}.notes-password-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.password-container{text-align:center;max-width:400px;width:100%}.password-title{font-size:2rem;margin-bottom:1rem;color:#000}.password-prompt{font-size:1.2rem;margin-bottom:2rem;color:#666;font-style:italic}.password-form{display:flex;flex-direction:column;gap:1rem;align-items:center}.password-input{width:100%;max-width:300px;padding:0.75rem 1rem;font-size:1rem;border:2px solid #000;border-radius:4px;text-align:center;transition:border-color 0.3s ease}.password-input:focus{outline:none;border-color:#666}.password-submit{padding:0.75rem 2rem;font-size:1rem;background-color:#000;color:white;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease, transform 0.1s ease}.password-submit:hover{background-color:#666;transform:translateY(-2px)}.password-submit:active{transform:translateY(0)}.error-message{display:none;color:#e74c3c;font-size:0.9rem;margin-top:0.5rem}@media (max-width: 600px){.password-title{font-size:1.5rem}.password-prompt{font-size:1rem}.password-input,.password-submit{font-size:0.9rem}}.page-content{max-width:600px;display:block;margin:10px auto 10px;padding:0px 10px 10px}.about-layout{display:flex;gap:4rem;align-items:center;justify-content:center;max-width:1000px;margin:0 auto;min-height:60vh;padding:2rem}.about-layout .about-image{flex-shrink:0}.about-layout .about-image a{display:block;cursor:pointer;position:relative}.about-layout .about-image img{max-width:300px;width:100%;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);transition:transform 0.3s ease, box-shadow 0.3s ease;display:block}.about-layout .about-image a:hover img{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.2)}.about-layout .about-image .image-link[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:-50px;left:50%;transform:translateX(-50%) translateY(10px);background:rgba(0,0,0,0.9);color:white;padding:8px 16px;border-radius:6px;font-size:0.875rem;font-family:"Inconsolata",monospace;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease, transform 0.3s ease;z-index:1000}.about-layout .about-image .image-link[data-tooltip]::before{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%) translateY(10px);border:8px solid transparent;border-bottom-color:rgba(0,0,0,0.9);opacity:0;pointer-events:none;transition:opacity 0.3s ease, transform 0.3s ease;z-index:1000}.about-layout .about-image .image-link[data-tooltip]:hover::after,.about-layout .about-image .image-link[data-tooltip]:hover::before{opacity:1;transform:translateX(-50%) translateY(0)}.about-layout .about-text{flex:1;color:#666}.about-layout .about-text p{font-size:1.125rem;line-height:1.7;letter-spacing:0.01em;margin-bottom:1.5rem}.about-layout .about-text p:last-child{margin-bottom:0}@media (max-width: 768px){.about-layout{flex-direction:column;gap:2.5rem;padding:1.5rem;margin-bottom:4rem}.about-layout .about-image img{max-width:250px}.about-layout .about-text p{font-size:1rem}}.post-content{width:600px;display:block;margin:10px auto 10px}.post-date{display:block;margin-bottom:1rem;color:#9a9a9a;font-size:0.8rem}.featured-image img{align:middle;margin:5px auto 25px;display:block;max-width:600px}@media (max-width: 1100px){.post-content{width:60vw;display:block;margin:10px auto 10px}.featured-image img{align:middle;margin:5px auto 25px;display:block;max-width:60vw}}@media (max-width: 600px){.post-content{width:95vw;display:block;margin:10px auto 10px}.featured-image img{align:middle;margin:5px auto 25px;display:block;max-width:95vw}}.post-share{padding-bottom:1rem}.sharing-icons a{padding-right:10px}.related{padding-bottom:1rem}.related ul,ol,dl{margin:0px}.related-posts{padding:10px 0px 10px;list-style:none;display:inline-block}.related-thumbnail{position:relative;width:600px;height:200px;overflow:hidden}.related img{position:absolute;left:50%;top:50%;height:auto;width:600px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.related-title{float:right;padding-bottom:.5rem;font-family:"Inconsolata",monospace}@media (max-width: 1100px){.related-thumbnail{width:60vw}}@media (max-width: 600px){.related-thumbnail{width:95vw}}.fa-envelope{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-envelope:hover{color:#f39c12}.fa-twitter{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-twitter:hover{color:#00aced}.fa-instagram{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-instagram:hover{color:#375989}.fa-spotify{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-spotify:hover{color:#1DB954}.fa-soundcloud{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-soundcloud:hover{color:#f50}.fa-bandcamp{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-bandcamp:hover{color:#659da1}.fa-github{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-github:hover{color:#343434}.fa-linkedin{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-linkedin:hover{color:#0073a4}.fa-facebook{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-facebook:hover{color:#3d5b99}.fa-google-plus{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-google-plus:hover{color:#e64a41}.fa-pinterest{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-pinterest:hover{color:#bd081c}.fa-medium{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-medium:hover{color:#00AB6C}.fa-codepen{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-codepen:hover{color:#000}.fa-rss-square{padding:5px;-webkit-transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;transition:.5s}.fa-rss-square:hover{color:#f60}
