.letter-art,body,h1,h2,h3,h4,h5,h6,html{color:var(--text-color-light)}#chat-button.hidden,#chat-button.visible{transition:opacity .3s,visibility .3s}#about,#all-services,#portfolio,#services,body,html{background-color:var(--background-color-dark)}#contact .button:hover,#home .button:hover,.button:hover{background-color:transparent}.card-footer-bar,.main-content,section{box-sizing:border-box}:root{--background-color-dark:#121212;--background-color-light:#FFFFFF;--text-color-light:#FFFFFF;--text-color-dark:#121212;--accent-color-yellow:#FFE700;--accent-color-white:#FFFFFF}body,html{margin:0;padding:0;height:100%;font-family:'Source Sans 3',sans-serif}#chat-button,.letter-art,.montserrat-uniquifier,h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}#loader img,.hero-logo{width:150px;height:auto}.montserrat-uniquifier{font-optical-sizing:auto;font-style:normal}h1,h2,h3,h4,h5,h6{font-weight:500;margin:0}#chat-button:hover,#contact a,.button:hover,.service-list li::before,a,h3,h4{color:var(--accent-color-yellow)}h1{font-size:3rem}h2{font-size:2.5rem}h4{font-size:1.25rem}p{max-width:600px;line-height:1.6}a{text-decoration:none}.scroll-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}section{height:100vh;width:100%;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;position:relative;overflow:hidden}.card-layout{display:flex;justify-content:center;align-items:stretch;width:100%;height:100%}.main-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem 2rem 6rem}.side-image-container{flex-basis:25vw;flex-shrink:0;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.side-image-container:empty{flex-basis:0}.headshot-placeholder img,.side-image-container img{width:100%;height:100%;object-fit:cover}.letter-art{font-size:80vmin;font-weight:700;opacity:.05;line-height:1;user-select:none}#chat-button,.button{color:var(--text-color-dark);text-decoration:none;transition:background-color .3s,color .3s;background-color:var(--accent-color-yellow)}.button{display:inline-block;padding:1rem 2rem;margin-top:1.5rem;border-radius:5px;font-weight:700;border:2px solid var(--accent-color-yellow)}#chat-button{position:fixed;top:20px;right:2.5rem;padding:.75rem 1.5rem;border-radius:5px;font-weight:600;z-index:1000;display:flex;align-items:center;justify-content:center;gap:8px}.chat-icon{display:none;width:24px;height:24px}#chat-button:hover{background-color:var(--text-color-dark)}#contact .card-footer-bar,#contact address,#contact h1,#contact h2,#contact h3,#contact p,#home,#home .button,#home .card-footer-bar,#home h1,#home h2,#home h3,#home p{color:var(--text-color-dark)}#chat-button.visible{opacity:1;visibility:visible}#chat-button.hidden,.loader-hidden{opacity:0;visibility:hidden}#home{background-color:var(--accent-color-yellow)}#home .button:hover,#home a{color:var(--accent-color-white)}#home .button{background-color:var(--accent-color-white);border-color:var(--accent-color-white)}#contact,#contact .button,#contact .button:hover{color:var(--text-color-dark)}#contact .letter-art,#home .letter-art{color:var(--text-color-dark);opacity:1}#services h2{margin-bottom:1rem}#contact{background-color:var(--background-color-light)}#contact .button{background-color:var(--accent-color-yellow);border-color:var(--accent-color-yellow)}.about-container{display:flex;gap:3rem;width:100%;max-width:800px;justify-content:center}.bio{flex:1;max-width:300px}.bio-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.bio-header h3{margin:0}.linkedin-icon{background:#000;position:relative;top:4vh;right:-6vh}.linkedin-icon svg{width:20px;height:20px;fill:var(--accent-color-yellow);transition:fill .3s}.linkedin-icon:hover svg{fill:var(--text-color-light)}.headshot-placeholder{width:120px;height:120px;background-color:#444;border-radius:50%;margin:0 auto 1rem;border:3px solid var(--accent-color-yellow);overflow:hidden}#loader,.yellow-line{width:100%;background-color:var(--accent-color-yellow)}.services-container{display:flex;gap:2rem;justify-content:center;align-items:flex-start;width:100%;max-width:900px}.service-path{flex:1;border:1px solid #444;padding:1.5rem}.service-path ul{list-style:none;padding:0}.service-path li{margin:.5rem 0}.four-column-layout{margin-top:1em;margin-bottom:5em;padding-bottom:15em;display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;width:100%;max-width:1400px;text-align:left}.yellow-line{border:none;height:2px;margin:.75rem 0 1.25rem}.service-list{list-style:none;padding:0;font-size:.9rem;line-height:1.5}.service-list li::before{content:'→';font-weight:700;margin-right:.75rem}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:600px;margin-top:2rem}.portfolio-item{background-color:#222;border:1px solid #444;height:100px;display:flex;align-items:center;justify-content:center}.card-footer-bar{position:absolute;bottom:0;left:0;width:100%;height:4rem;display:flex;justify-content:space-between;align-items:center;padding:0 5% 1.5rem;font-family:'Roboto Mono',monospace;font-weight:300;font-size:.9rem}.card-footer-bar::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:90%;height:1px;background-color:var(--text-color-light)}#contact .card-footer-bar::before,#home .card-footer-bar::before{background-color:var(--text-color-dark)}#loader{position:fixed;top:0;left:0;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease-out,visibility .5s ease-out}@media (max-width:920px){.four-column-layout,.portfolio-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:2rem}h2{font-size:1.8rem}p{font-size:.9rem}.main-content{padding-bottom:4rem}.hero-logo{width:100px;margin-bottom:.5rem}.about-container,.services-container{flex-direction:column;gap:1.5rem;align-items:center}.bio,.service-path{max-width:90%}.bio p{margin-top:0}.headshot-placeholder{width:100px;height:100px}#all-services .main-content{justify-content:flex-start;overflow-y:auto;padding-top:2rem}.four-column-layout{gap:1.5rem}.portfolio-grid{gap:.5rem}.portfolio-item{height:80px}.card-footer-bar{height:3rem;font-size:.75rem}#chat-button{padding:0;font-size:.8rem;width:50px;height:50px;border-radius:50%}#chat-button .chat-text{display:none}#chat-button .chat-icon{display:block}}@media (max-height:500px) and (orientation:landscape){h1{font-size:1.8rem}.hero-logo{width:80px}#home .main-content p,.yellow-line{margin:.5rem 0}.button{padding:.5rem 1rem;margin-top:.5rem}.about-container,.services-container{flex-direction:row;gap:1rem}#about p,#services p{font-size:.8rem;line-height:1.3}#all-services h2{margin-bottom:.5rem}.four-column-layout{gap:1rem}h4{font-size:1rem}.service-list{font-size:.75rem}.portfolio-grid{grid-template-columns:repeat(2,1fr);max-width:300px}.portfolio-item:nth-child(n+3),.side-image-container{display:none}}@media (max-width:480px){.four-column-layout{grid-template-columns:1fr}.side-image-container{display:none}}