@import url("https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap");@view-transition{navigation:auto}*,*::before,*::after{box-sizing:border-box}html{font-size:100%;background:#dedede;min-height:100dvh;background:linear-gradient(270deg, #343d5b 0%, #555685 100%)}body *:not(.ab-icon:before){font-family:"Google Sans Flex", sans-serif !important;font-weight:400;font-size:16px}h1,h2,h3,h4,h5,h6,p,ul,li,a{font-family:"Google Sans Flex", sans-serif !important;font-weight:400;line-height:1.8em}h2{font-size:1.75em}h3{font-size:1.5em}p,ul{font-family:"Google Sans Flex", sans-serif !important;margin-bottom:3em;line-height:1.8em;font-size:1em;font-weight:500;text-wrap:balance}ul li{line-height:2.3em}p:not(.post-meta) a{display:inline-block;position:relative;overflow:visible}p:not(.post-meta) a:before{content:"";position:absolute;top:50%;left:-5px;right:-5px;bottom:10px;background:rgba(0,0,0,0.08);transition:all ease .25s}p:not(.post-meta) a:hover:before{top:0;bottom:0}button{text-transform:none;-webkit-appearance:button;border:none;display:flex;width:max-content;background:#d9b100;background:linear-gradient(0deg, #d9b100 0%, #ffe500 100%);color:black;justify-content:center;align-items:center;font-size:1.2rem;font-weight:400;padding:.5em 2em;border-radius:50dvw;transition:all 125ms ease}button:hover{filter:brightness(1.5);cursor:pointer}h2{text-wrap:balance}h2:has(button){clear:both;display:flex;justify-content:space-between}h2:has(button) button{float:right;background:linear-gradient(0deg, #FF9800 0%, #ffec46 100%)}@media all and (max-width: 650px){h2:has(button){display:grid}}hr{margin-bottom:3em}body{overflow-x:clip;padding:0;margin:0;background:linear-gradient(270deg, #343d5b 0%, #555685 100%)}header{display:flex;justify-content:space-between;width:95%;max-width:1400px;margin:0 auto -120px;background:#fff;z-index:2;border-radius:0 0 1em 1em;position:sticky;top:0px}header .logo{padding:1em}header .logo img{max-height:40px;display:block;width:100%}@media all and (max-width: 550px){header .logo img{max-height:30px}}header .menu-checkbox{display:none;transition:all 250ms linear}header .hamburger{display:none}header nav{display:flex;transition:all 250ms linear}header nav a{text-decoration:none;transition:all 200ms ease;padding:1em 1em .5em;border-radius:.5em;color:#0067be}header nav a:hover{background:rgba(0,0,0,0.05);filter:brightness(1.5)}header .menu-checkbox:checked ~ nav{transition:all 250ms linear}@media (max-width: 900px){header .menu-checkbox:checked ~ nav{display:flex;margin-top:1em}}@media (max-width: 900px){header{border-bottom:0px solid #ddd}header .hamburger{display:block;font-size:1.8em;cursor:pointer;user-select:none;position:relative;top:.5em;right:.5em}header nav{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;flex-direction:column;padding:1em 0;gap:0;z-index:10;box-shadow:0 4px 6px rgba(0,0,0,0.05);border-radius:1em}header nav a{padding:1em 5%;border-bottom:1px solid #eee}header nav a:last-child{border-bottom:none}}h1:has(img) span{visibility:hidden;position:relative;top:-.5em}section{overflow:clip;min-height:30dvh}section:nth-child(even){background:linear-gradient(90deg, #343d5b 0%, #555685 100%)}section:nth-child(odd){background:linear-gradient(270deg, #343d5b 0%, #555685 100%)}section:nth-of-type(1){background:none}section.hero{position:relative;display:flex;align-items:center;justify-content:center;align-content:center;gap:0 2em;z-index:1;background:#090979;padding:150px 1em;background:linear-gradient(298deg, #090979 0%, #00d4ff 100%);background-image:radial-gradient(at 20% 20%, #084c91 0px, transparent 50%),radial-gradient(at 80% 80%, #341339 0px, transparent 50%);background-color:#000;clip-path:polygon(0 0, 100% 0, 100% 90%, 0% 100%);min-height:100dvh;height:100dvh}section.hero img{width:100%;max-width:800px;position:relative;z-index:5;opacity:.8;opacity:0;top:-.5em;animation:heroFadeIn 1.5s ease forwards;animation-delay:1s}section.hero img.inverted{filter:invert(100%)}@media all and (max-width: 550px){section.hero img{max-width:80%;margin:0 auto;display:block;margin-top:2em}}section.hero h2{position:relative;z-index:10;display:block;max-width:800px;color:white;padding:1em;line-height:1.25em;font-size:1.5em;animation:heroFadeIn 2.5s ease forwards;animation-delay:0s;opacity:0}section.hero h2 span{color:#ffea47;font-weight:bold}section.hero h2:before{content:"";position:absolute;z-index:-1;inset:0 -50em 0 0;background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.5);border-radius:1em;animation:heroFadeIn 2.5s ease forwards;opacity:0;animation-delay:1s}@media all and (max-width: 550px){section.hero h2{font-size:1.25em}}@media all and (max-width: 1400px){section.hero{flex-direction:column}}section.hero .block{position:absolute;top:0;inset:0;background:rgba(0,0,0,0.22);z-index:1;opacity:0.15 !important}section.hero .block.b1,section.hero .block.b2,section.hero .block.b3{animation-timeline:scroll(root block);animation-range:entry 0% exit 50%;animation-timing-function:linear;animation-fill-mode:both;opacity:.8}section.hero .block.b1{--clip-from: polygon(0 10%, 100% 30%, 100% 50%, 0% 100%);--clip-to: polygon(0 80%, 100% 60%, 100% 100%, 0% 100%);clip-path:var(--clip-from);background:#5f7dde;background:linear-gradient(90deg, #5f7dde 0%, #555e85 100%);animation-name:block1}section.hero .block.b2{--clip-from: polygon(0 70%, 100% 18%, 100% 100%, 0% 100%);--clip-to: polygon(0 100%, 100% 90%, 100% 100%, 0% 100%);clip-path:var(--clip-from);z-index:3;background:#57408E;background:linear-gradient(90deg, #57408e 0%, #b754e8 100%);animation-name:block2;opacity:.5}section.hero .block.b3{--clip-from: polygon(0 40%, 100% 70%, 100% 100%, 0% 100%);--clip-to: polygon(0 170%, 100% 120%, 150% 150%, 0% 100%);clip-path:var(--clip-from);z-index:4;background:#4564CA;background:linear-gradient(90deg, #4564ca 0%, #c0a3ff 100%);animation-name:block3}@media all and (max-width: 900px){section.hero .block.b1,section.hero .block.b2,section.hero .block.b3{animation-range:0px 50vh}}section.focusBlocks .content{max-width:1400px;margin:0 auto;padding:1em;display:grid;gap:2em}section.focusBlocks .content h2{color:white;grid-column:span 2}section.focusBlocks .content img{width:100%}section.focusBlocks .content a{color:white;text-decoration:none;transition:all 125ms linear}section.focusBlocks .content a:hover{color:#ff0}section.legal{max-width:1400px;margin:0 auto;padding:8em 1em 1em}section.legal *{color:#fff}section.legal p{text-wrap:pretty !important}section.contact{background:none;max-width:1400px;margin:0 auto;min-height:5em}section.contact p{text-wrap:balance !important;color:white;text-align:right;margin-top:-2em}@keyframes heroFadeIn{from{opacity:0}to{opacity:1}}@keyframes block1{from{clip-path:var(--clip-from)}to{clip-path:var(--clip-to)}}@keyframes block2{from{clip-path:var(--clip-from);opacity:1}to{clip-path:var(--clip-to);opacity:.0}}@keyframes block3{from{clip-path:var(--clip-from);opacity:.5}to{clip-path:var(--clip-to);opacity:.9}}@keyframes fadeIn{from{opacity:0;transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=styles.css.map */