.section{background:var(--primary-dark);min-height:50vh}.section-experience .section-content{padding-top:0}.section[id]{scroll-margin-top:5.3rem}.section-about,.section-experience{background:var(--bg)}.section-portfolio{background:var(--secondary-light)}.section-portfolio h2{color:var(--bg)}.section-contact{background:var(--yellow)}.section-contact h2{color:var(--secondary-dark)}.section-contact .content{padding:2rem}.section-contact .section-content{justify-content:center;align-items:center;display:flex}.section-contact .links{flex-direction:column;display:flex}.section-contact .link{margin-bottom:1.5rem;display:inline-block}.section-contact .link:before{color:var(--secondary-dark);content:"+";margin-right:.4rem}.section-content{max-width:960px;color:var(--secondary-dark);margin:0 auto;padding:5rem 2rem}.main-banner-container{background:var(--secondary-dark);color:var(--bg)}.main-banner-content{z-index:2;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;width:50%;display:flex;position:relative}.main-banner-image{width:60%;max-width:1000px;height:auto;position:absolute;bottom:0;right:0}.main-banner{max-width:1200px;height:calc(100vh - 76px);max-height:800px;color:var(--pink);justify-content:space-between;margin:0 auto;padding:0 60px;display:flex;position:relative}.main-banner .button{font-size:2rem;display:block}.main-banner .title{width:100%;margin-bottom:2.4rem}.main-banner .image{object-fit:cover;object-position:center center;width:100%;height:100%}.intro-header,.intro-header-2{font-size:1.5rem}
.header{background-color:var(--secondary-dark);z-index:var(--zindex-header);transition:var(--transition);position:sticky;top:0}.header .header-container{max-width:var(--container-xl);margin:0 auto;display:flex}.header.header-scrolled,.contact-page .header{box-shadow:0 2px 4px #0000001a}.header-link,.header-logo{color:var(--pink)}.header-link{text-transform:uppercase;transition:var(--transition);display:block;position:relative;overflow:hidden}.header-link:hover{color:var(--secondary-dark)}.directional-btn{position:relative;overflow:hidden}.directional-btn .bg{background:var(--pink);pointer-events:none;width:100%;height:100%;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;transform:translate(0)translateY(0)}.directional-btn:not(.hovered) .bg{transform:translate(101%)translateY(0)}.directional-btn.preparing .bg{will-change:transform;transition:none}.directional-btn.enter-top .bg{transform:translateY(-101%)}.directional-btn.enter-bottom .bg{transform:translateY(101%)}.directional-btn.enter-left .bg{transform:translate(-101%)}.directional-btn.enter-right .bg{transform:translate(101%)}.directional-btn.hovered .bg{opacity:1;transform:translate(0)translateY(0)}.directional-btn.exit-top .bg{transform:translateY(-101%)}.directional-btn.exit-bottom .bg{transform:translateY(101%)}.directional-btn.exit-left .bg{transform:translate(-101%)}.directional-btn.exit-right .bg{transform:translate(101%)}.link-text{padding:1.5rem 2rem;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:relative}.header-link.enter .hover-bg,.header-link .hover-bg{opacity:1}.header-logo{margin-right:auto}.header.home{background-color:var(--secondary-dark)}.header.about{background-color:var(--bg)}.header.about .header-link{color:var(--secondary-dark)}.header.about .header-link:hover{color:var(--bg)}.header.about .header-logo{color:var(--secondary-dark)}.header.about .directional-btn .bg{background:var(--secondary-light)}.header.about .logo-letter:before,.header.about .logo-letter:after{background:var(--bg)}
.header-logo{color:var(--pink);align-items:center;margin-right:auto;display:flex}.header-logo .link-text{display:none}.header-logo .logo-letter{width:5rem;height:5rem;transition:var(--transition);margin-right:.5rem;transition-property:transform;position:relative}.header-logo .logo-letter:last-child{right:20px}.header-logo .logo-letter:before,.header-logo .logo-letter:after{opacity:0;content:"";background:var(--secondary-dark);z-index:999;width:80%;height:6px;transition:var(--transition);transition-property:background;position:absolute;top:6px;left:auto;right:auto}.header-logo .logo-letter:after{top:auto;bottom:6px}.header-logo .logo-letter img{filter:invert(78%)sepia(16%)saturate(820%)hue-rotate(308deg)brightness(99%)contrast(96%)}.about.header :is(.header-logo .logo-letter img){filter:var(--logo-secondary-light)}.header-logo .logo-letter:last-child{transform:rotate(-90deg)}.header-logo:hover{cursor:pointer}.header-logo:hover .logo-letter{transform:rotate(180deg)}.header-logo:hover .logo-letter:before,.header-logo:hover .logo-letter:after{opacity:1}.header-logo:hover .logo-letter:last-child{transform:rotate(180deg)translate(10px)}