@font-face{font-family:Overpass;src:url(/assets/fonts/Overpass-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:Syne;src:url(/assets/fonts/Syne-VariableFont_wght.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box}:root{--font-body: "Overpass", sans-serif;--font-heading: "Syne", sans-serif;--color-bg: #fffcf3;--color-text: #000000;--color-highlight: #4b47ff}html{scroll-behavior:smooth;scroll-padding-top:120px;overflow-x:hidden}body{background-color:var(--color-bg);font-family:var(--font-body);color:var(--color-text);margin:0;padding:80px 0 0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0;padding:0}.section-title{font-size:3.8rem;font-weight:700;margin-bottom:1rem}.section-title:hover{color:var(--color-highlight)}p{margin:0;padding:0}a{color:var(--color-text);text-decoration:none}a:hover{cursor:pointer}.container{max-width:1440px;width:100%;margin:0 auto}.anchor-spacer{display:block;height:120px;margin-top:-120px;pointer-events:none;visibility:hidden}section[id]{scroll-margin-top:120px}[id]{scroll-margin-top:120px}.portfolio-button{display:inline-flex;align-items:center;justify-content:center;width:9rem;height:auto;padding:.6rem 1rem;font-size:1.3rem;font-family:var(--font-body);color:var(--color-text);border:3px solid var(--color-text);text-decoration:none;font-weight:400;transition:width .1s ease,font-weight .1s ease}.portfolio-button:hover{width:11.5rem;font-weight:700}.arrow-wrapper{display:flex;align-items:center;padding-block:2rem;width:100%;cursor:pointer;justify-content:flex-end}.arrow-southeast{justify-content:flex-start}.arrow-frame{width:11rem;height:11rem;background-size:contain;background-repeat:no-repeat;background-image:url(/assets/img/arrow-southwest-1.png);transition:transform .3s ease;transform:translate(0)}.arrow-southwest .arrow-frame{background-image:url(/assets/img/arrow-southwest-1.png);transform:translate(0)}.arrow-southwest.animated .arrow-frame{animation:animateArrowSouthwest .3s steps(2) forwards,moveArrowSouthwest .3s ease forwards}.arrow-southwest.final .arrow-frame{background-image:url(/assets/img/arrow-southwest-3.png);transform:translate(-1rem,1rem)}@media (max-width: 1000px){.arrow-wrapper,.arrow-southeast.arrow-wrapper{justify-content:center;padding-block:1.5rem}.arrow-frame{width:8rem;height:8rem}}@keyframes animateArrowSouthwest{0%{background-image:url(/assets/img/arrow-southwest-1.png)}50%{background-image:url(/assets/img/arrow-southwest-2.png)}to{background-image:url(/assets/img/arrow-southwest-3.png)}}@keyframes moveArrowSouthwest{0%{transform:translate(0)}to{transform:translate(-1rem,1rem)}}.arrow-southeast .arrow-frame{background-image:url(/assets/img/arrow-southeast-1.png);transform:translate(0)}.arrow-southeast.animated .arrow-frame{animation:animateArrowSoutheast .3s steps(2) forwards,moveArrowSoutheast .3s ease forwards}.arrow-southeast.final .arrow-frame{background-image:url(/assets/img/arrow-southeast-3.png);transform:translate(1rem,1rem)}@keyframes animateArrowSoutheast{0%{background-image:url(/assets/img/arrow-southeast-1.png)}50%{background-image:url(/assets/img/arrow-southeast-2.png)}to{background-image:url(/assets/img/arrow-southeast-3.png)}}@keyframes moveArrowSoutheast{0%{transform:translate(0)}to{transform:translate(1rem,1rem)}}@media (max-width: 400px){.section-title{font-size:2.5rem}}