footer{background:var(--color-4)}footer p{max-width:unset}footer p a{text-decoration:none}footer a:after{content:".";display:inline-block}header{z-index:3;backdrop-filter:blur(12px);background:#063658ca;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}#logo{flex-grow:1;text-decoration:none;display:block}#logo svg{max-width:3rem;height:auto;transition:transform .3s}#logo:hover svg{transform:scale(1.125)}nav{flex-grow:1}nav ul,nav li{margin:0;padding:0;list-style:none}nav ul{text-align:right;flex-direction:row;justify-content:end;gap:1rem;display:flex}nav a{transition:transform .3s;position:relative}nav a:before{content:"";background-color:var(--color-1);height:2px;transition:all .3s .1s;position:absolute;bottom:-2px;left:0;right:0;transform:scale(0)}nav li.current a:before,nav a:hover:before{transition-delay:0s;transform:scale(1)}@font-face{font-display:swap;font-family:Urbanist;font-style:normal;font-weight:400;src:url(/fonts/urbnst.woff2)format("woff2"),url(/fonts/urbnst.woff)format("woff")}@font-face{font-display:swap;font-family:Urbanist;font-style:normal;font-weight:500;src:url(/fonts/urbnst-500.woff2)format("woff2"),url(/fonts/urbnst-500.woff)format("woff")}:root{--color-0:#dbf0ff;--color-1:#64b1e8;--color-2:#3c74c3;--color-3:#0e4e7c;--color-4:#06375b;--bg-lightness:19%;--bg-color:hsl(205 87% var(--bg-lightness))}*,:before,:after{box-sizing:border-box}html{background:var(--color-3);background-color:var(--bg-color);color:var(--color-0);scroll-behavior:smooth;scroll-margin-block-start:6.75rem;font-family:Urbanist,system-ui,sans-serif;font-weight:400;line-height:1.33}html,body{width:100%;min-height:100%;margin:0;padding:0}body{font-size:1.125rem}img{max-width:100%;height:auto;margin:0;padding:0;display:block}.framed-image{clip-path:url(#frame-clip)}header,main,footer{box-sizing:content-box;max-inline-size:100rem;margin-inline:auto;padding:1rem 1.6125rem}section{align-items:center;gap:1.5rem;min-height:max(25rem,100vh - 6rem);margin-block:3rem;scroll-margin-block-start:7rem;display:grid}#clipper{width:0;height:0}span{display:inline-block}:where(p),.content :where(ul){max-width:52ch}a{color:inherit;text-decoration:none}p a{-webkit-text-decoration:2px underline var(--color-1);text-decoration:2px underline var(--color-1)}p a:hover{-webkit-text-decoration:2px underline var(--color-0);text-decoration:2px underline var(--color-0)}.preheadline{color:var(--color-1);margin-bottom:0;font-size:1.175rem;line-height:1}.headline{margin-block:.3125rem;font-size:2rem;font-weight:500;line-height:1.1}.subheadline{color:var(--color-1);margin-block:.3125rem;font-size:1.8rem;font-weight:500;line-height:1.1}.techstack{grid-template-columns:1fr 1fr;gap:.5rem;margin:0;padding-block:.5rem;padding-inline:3rem 0;list-style-type:none;display:grid}.techstack li{margin:0;padding:0 .25rem;font-weight:500;list-style-image:url(data:image/svg+xml,\ %3Csvg%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width=%2220%22%20height=%2218%22%20fill=%22none%22%3E%3Cpath%20fill=%22%2364B1E7%22%20d=%22M15.4%203.5a15%2015%200%200%201%203.8%204.6c.5%202.3-8.4%209.7-8.4%209.7L.8%209.6%208.4.3s4.2.9%207%203.2Z%22%2F%3E%3C%2Fsvg%3E%0A%0A)}.techstack li::marker{color:var(--color-1)}