@import "https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}a{color:inherit;text-decoration:none}:not(:is(div))>svg{width:1lh;height:1lh}svg{fill:currentColor}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container .container{max-width:unset;padding:0}.container.wide{width:100%;max-width:1400px}section{margin:2rem 0}section .container>:is(h1,h2,h3,h4,h5,h6){margin-bottom:.25lh}:root{--startColor:#80ffff;--stopColor:#8080ff;--bgColor:#030316}body{font-optical-sizing:auto;color:#fff;font-family:Roboto Flex,sans-serif;font-style:normal;font-weight:400;display:grid}section#hero{--spacing:0dvh;background-color:var(--bgColor);place-items:center;height:100dvh;margin:0;display:grid;position:relative;overflow:hidden}section#hero svg{z-index:1}section#hero>.container{height:inherit;place-items:center;padding-top:16vw;padding-bottom:20px;display:grid}section#hero>.container>*{grid-area:1/1}section#hero .cols{grid-template-columns:50% 50%;width:100%;max-width:clamp(600px,80vw,1431px);height:-webkit-fill-available;font-size:1.5rem;display:grid}@media (max-width:750px){section#hero .cols{grid-template-columns:unset;grid-template-rows:50% 50%}section#hero .cols>.row[data-alignment=left]{grid-area:1/1/2/2!important}section#hero .cols>.row[data-alignment=right]{grid-area:2/1/3/2!important}section#hero .cols>.row[data-alignment=center]{grid-area:1/1/3/2!important}}section#hero .cols>.row[data-alignment=left]{text-align:left;grid-area:1/1/2/2;justify-content:start;margin-top:3vh;margin-right:auto}section#hero .cols>.row[data-alignment=right]{text-align:right;grid-area:1/2/2/3;justify-content:end;margin-top:auto;margin-bottom:8vh;margin-left:auto}section#hero .cols>.row[data-alignment=right] ul{justify-content:end}section#hero .cols>.row:is([data-alignment=left],[data-alignment=right]){z-index:2;max-width:325px}section#hero .cols>.row:is([data-alignment=left],[data-alignment=right]) ul{gap:.4rem;margin-top:.5rem;list-style:none;display:flex}section#hero .cols>.row:is([data-alignment=left],[data-alignment=right]) a{background:color-mix(in srgb,var(--startColor)8%,transparent 90%);border-radius:2rem;grid-auto-flow:column;place-items:center;gap:.5rem;width:max-content;padding:.4rem .8rem;font-size:1.25rem;transition:scale .1s ease-in-out;display:grid}section#hero .cols>.row:is([data-alignment=left],[data-alignment=right]) a.icon{aspect-ratio:1;border-radius:50%;padding:.4rem}section#hero .cols>.row:is([data-alignment=left],[data-alignment=right]) a:is(:hover,:focus){color:#fff;scale:1.05}section#hero .cols>.row[data-alignment=center]{grid-area:1/1/2/3;justify-content:center;place-items:center;margin-top:-14vw;display:grid}section#hero .cols>.row[data-alignment=center]>svg{aspect-ratio:1;pointer-events:none;width:min(90vw,90vh);height:auto}section#hero .name{text-align:center;font-optical-sizing:auto;grid-template-rows:repeat(auto-fill,auto);grid-auto-flow:row;justify-content:center;align-items:center;width:100%;font-family:Tilt Warp,sans-serif;font-style:normal;font-weight:700;display:grid;position:absolute;top:0;left:0;right:0}section#hero .name span.name-item,section#hero .name h1{text-wrap:nowrap;text-transform:uppercase;font-size:13vw;display:block}section#hero .name span.name-item:is(span.name-item),section#hero .name h1:is(span.name-item){color:#ffffff06;-webkit-user-select:none;user-select:none;z-index:0;pointer-events:none}section#hero .name span.name-item:is(span.name-item):before,section#hero .name span.name-item:is(span.name-item):after,section#hero .name h1:is(span.name-item):before,section#hero .name h1:is(span.name-item):after{content:"RMJTromp";display:block}section#hero .name span.name-item:is(h1),section#hero .name h1:is(h1){z-index:2}section#hero .text{pointer-events:none;z-index:2;color:#fff;grid-auto-flow:column;justify-content:space-between;align-items:center;width:-webkit-fill-available;max-width:clamp(600px,80vw,1431px);height:100%;margin:0 auto;font-size:1.5rem;display:grid;position:relative}@media (max-width:830px){section#hero .text{grid-auto-flow:row;width:auto}}section#hero .text>div{pointer-events:all;font-size:inherit;grid-auto-flow:row;gap:1rem;max-width:325px;transition:translate 1s linear;display:grid}section#hero .text>div>p{margin:0}section#hero .text>div{--offset:-10vh}section#hero .text>div.left{translate:0 var(--offset)}section#hero .text>div.left a{background:color-mix(in srgb,var(--startColor)8%,transparent 90%);border-radius:2rem;grid-auto-flow:column;gap:.5rem;padding:.4rem .8rem;font-size:1.25rem}section#hero .text>div.right{translate:0 calc(var(--offset)*2);text-align:right;align-self:end;justify-items:end}section#hero .text>div>ul{grid-auto-flow:column;place-items:center;gap:.5rem;width:min-content;list-style:none;display:inline-grid}section#hero .text>div>ul a{fill:currentColor;background:color-mix(in srgb,var(--startColor)8%,transparent 90%);border-radius:50%;place-items:center;padding:.5rem;transition:scale .1s ease-in-out;display:grid}section#hero .text>div>ul a svg{width:1lh;height:1lh}section#hero .text>div>ul a:is(:hover,:focus){color:#fff;scale:1.05}