@layer reset{:where(:not(iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}*,:after,:before{box-sizing:border-box}a,button{cursor:revert}menu,ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where([hidden]){display:none}:where([contenteditable]){-moz-user-modify:read-write;-webkit-user-modify:read-write;-webkit-line-break:after-white-space;overflow-wrap:break-word}:where([draggable=true]){-webkit-user-drag:element}a,body,h1,h2,h3,h4,h5,p{margin:0}}@layer defaults{:root{--bg-color:#262a52;--nav-bg:#02143f;--t-color:#ededed;--p-color:#8626f9;--s-color:#ea0874;--n-weight:400;--sb-weight:700;--b-weight:800}html{font-size:1vh}body{font-family:Anybody,sans-serif;font-weight:var(--n-weight)}ul{list-style:inherit;margin-left:1em}.semi-bold-weight{font-weight:var(--sb-weight)}.app{--h-height:10rem;--h-padding:max(5vw,24px);--m-height:calc(100vh - var(--h-height));--nav-open-duration:1s;background:var(--bg-color);color:var(--t-color);display:grid;font-size:max(1.8vh,18px);grid-template-columns:minmax(0,1fr);grid-template-rows:var(--h-height) minmax(0,1fr);height:100vh;overflow:hidden;width:100%}.app,header{position:relative}header{align-items:center;display:flex;gap:3em;padding:0 var(--h-padding);z-index:420}header.is-mock{height:0;overflow:hidden;padding:0}@media (max-width:650px){.app{grid-template-rows:auto minmax(0,1fr)}header{border-bottom:2px solid var(--nav-bg);display:block;padding:64px 32px 32px}header h1{text-align:center;white-space:pre}header h1 .my-name{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,var(--p-color),var(--s-color));-webkit-background-clip:text;background-clip:text;font-size:32px}}.main-container{overflow:auto}}@layer framework{[class*=d-flex]{display:flex;gap:0}[class*=d-flex][class*=dir-col]{flex-direction:column}[class*=d-flex][class*=f-wrap]{flex-wrap:wrap}[class*=d-flex][class*=min-0]{min-width:0}[class*=col-container],[class*=d-grid]{grid-gap:16px;--layout-gap:16px;display:grid;gap:16px}[class*=d-grid]>*{min-width:0}[class*=col-container]{grid-template-columns:minmax(0,1fr);grid-template-columns:var(--col-template,minmax(0,1fr))}[class*="col-container:2"]{--col-template:minmax(0,1fr) minmax(0,1fr)}[class*="col-container:3"]{--col-template:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}[class*="col-container:4"]{--col-template:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}[class*=col-container][class*=with-divider]>:not(:last-child){position:relative}[class*=col-container][class*=with-divider]>:not(:last-child):after{background:var(--grey-300);content:"";display:block;height:100%;position:absolute;right:calc(var(--layout-gap)/2*-1 - 1px);top:0;width:1px}[class*=ali-start]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){align-items:flex-start}[class*=ali-center]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){align-items:center}[class*=ali-end]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){align-items:flex-end}[class*=ali-baseline]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){align-items:baseline}[class*=ali-stretch]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){align-items:stretch}[class*=jc-start]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){justify-content:flex-start}[class*=jc-center]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){justify-content:center}[class*=jc-end]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){justify-content:flex-end}[class*=jc-sb]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){justify-content:space-between}[class*=xs-gap]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){--layout-gap:4px;gap:4px}[class*=sm-gap]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){--layout-gap:8px;gap:8px}[class*=md-gap]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){--layout-gap:16px;gap:16px}[class*=lg-gap]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){--layout-gap:24px;gap:24px}[class*=xl-gap]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){--layout-gap:48px;gap:48px}[class*=no-gap]:is([class*=d-flex],[class*=d-grid],[class*=col-container]){--layout-gap:0;gap:0}}@layer pages{.main-page-wrapper{--btn-num:6;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--btn-num),1fr);height:var(--m-height);overflow:hidden}section{grid-column-gap:10rem;grid-row-gap:4.8rem;-webkit-column-gap:10rem;column-gap:10rem;display:grid;grid-template-columns:2fr 5fr;grid-template-columns:var(--temp-col,2fr 5fr);margin:0 auto;max-width:240rem;padding:8rem 15rem;row-gap:4.8rem}section h1{font-size:max(6.4rem,28px);font-weight:var(--b-weight);margin-bottom:max(2.4rem,12px)}section h2{font-size:max(2rem,18px);line-height:1.5}section p,section ul{font-size:max(1.6rem,14px);line-height:1.5;margin-bottom:max(2.4rem,12px);max-width:50em}section h3{margin-bottom:max(.8rem,4px)}section img{border-radius:max(.4rem,4px);box-shadow:-.8rem -.8rem 1.5rem #0005}section div:not(.two-imgs) img{display:block;margin-bottom:max(2.4rem,12px);max-width:800px;width:100%}section:first-of-type img{justify-self:center;max-height:max(40rem,140px)}section:first-of-type{background:conic-gradient(from 95deg at 10% 60%,var(--nav-bg) 135deg,#0000 0)}section:last-of-type{background:var(--nav-bg);grid-template-rows:1fr auto}section:last-of-type:not(:has(.two-imgs)){--temp-col:1fr 1fr}.demo-link{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,var(--p-color),var(--s-color));-webkit-background-clip:text;background-clip:text;display:inline-block;margin-bottom:2em}.two-imgs{display:flex;flex-direction:column;grid-column:2/-1;grid-row:1/-1}.two-imgs img:first-child{width:40%}.two-imgs img:last-child{align-self:end;margin-top:-3rem;width:70%}.project-end-nav a:first-of-type .arrow{rotate:180deg}@media (max-width:1400px){section{-webkit-column-gap:4rem;column-gap:4rem;grid-template-columns:1fr 1fr;padding-inline:4rem}}@media (max-width:900px){.main-page-wrapper{height:100%;overflow:auto}section{-webkit-column-gap:normal;-webkit-column-gap:initial;column-gap:normal;gap:32px;grid-template-columns:1fr;padding:24px;row-gap:normal}section h1{font-size:28px;margin-bottom:12px}.demo-link{text-align:center}.two-imgs{gap:12px;grid-column:unset;grid-row:unset}.two-imgs img:first-child{width:50%}.two-imgs img:last-child{margin-top:8px;width:90%}.project-end-nav{gap:initial;justify-content:space-between}}}@layer components{@property --g-color-1{syntax:"<color>";inherits:false;initial-value:#02143f}@property --g-color-2{syntax:"<color>";inherits:false;initial-value:#02143f}.project-main-btn{--padding:2rem;-webkit-animation:move infinite linear calc(var(--e-width)/30*1s);animation:move infinite linear calc(var(--e-width)/30*1s);-webkit-animation-play-state:paused;animation-play-state:paused;display:block;font-size:calc(var(--m-height)/var(--btn-num) - var(--padding));font-weight:var(--b-weight);line-height:1;margin-left:0;margin-left:var(--rand-place,0);white-space:nowrap}.project-main-btn:hover{-webkit-animation-play-state:running;animation-play-state:running}.project-main-btn span{--color-delay:.5s;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,var(--g-color-1),var(--g-color-2));-webkit-background-clip:text;background-clip:text;transition:--g-color-1 var(--color-delay),--g-color-2 var(--color-delay)}.project-main-btn span:after{content:" ∙ "}.project-main-btn:hover span{--g-color-1:var(--p-color);--g-color-2:var(--s-color)}@media (max-width:650px){.project-main-btn{align-items:center;-webkit-animation:none 0s ease 0s 1 normal none running;animation:none 0s ease 0s 1 normal none running;-webkit-animation:initial;animation:initial;border-top:2px solid var(--nav-bg);color:var(--t-color);display:flex;font-size:28px;justify-content:center;margin:0;padding:32px;text-align:center}.project-main-btn:first-child{border-top:none}.project-main-btn span:not(:first-child){display:none}.project-main-btn span{-webkit-text-fill-color:unset;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;background-clip:initial}.project-main-btn span:after{content:normal}}@-webkit-keyframes move{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(200px*-1px));transform:translateX(calc(200px*-1px));-webkit-transform:translateX(calc(var(--e-width, 200px)*-1px));transform:translateX(calc(var(--e-width, 200px)*-1px))}}@keyframes move{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(200px*-1px));transform:translateX(calc(200px*-1px));-webkit-transform:translateX(calc(var(--e-width, 200px)*-1px));transform:translateX(calc(var(--e-width, 200px)*-1px))}}}@layer components{.main-nav{background:var(--nav-bg);bottom:0;height:100%;left:-100%;max-width:100%;padding:var(--h-height) var(--h-padding) 0 var(--h-padding);position:absolute;top:0;transition:var(--nav-open-duration);z-index:69}.main-nav-shadow{background:var(--bg-color);inset:0 auto 0 0;opacity:0;position:absolute;transition:opacity .5s;z-index:42}.is-menu-open .main-nav{left:0}.is-menu-open .main-nav-shadow{opacity:.5;right:0}.main-nav h3{margin-bottom:2.4vh}.main-nav h3:not(:first-of-type){margin-top:4vh}.main-nav a{display:block;font-size:clamp(20px,4vw,5.5vh);font-weight:var(--b-weight);margin-bottom:2.4vh}.external-links>a{display:inline-block}.external-link:not(:last-child):after{content:"∙";margin:0 .2em}@media (max-width:650px){.main-nav{border-top:2px solid var(--t-color);bottom:-100%;height:calc(100% - 150px);left:0;min-width:0;min-width:auto;padding-top:32px;top:auto;width:100%;z-index:690}.main-nav div:has(.menu-icon){margin-bottom:24px}.main-nav-shadow{z-index:500}.is-menu-open .main-nav{bottom:0}.external-links{display:block}.external-link:not(:first-child):before{content:normal}}.menu-icon{cursor:pointer;height:1em;position:relative;width:1em}.menu-icon span{--height:max(10%,2px);--center-value:calc(50% - var(--height)/2);background:var(--t-color);border-radius:1em;height:var(--height);position:absolute;transition:var(--nav-open-duration);width:100%}.menu-icon span:nth-child(2){top:var(--center-value);width:60%}.menu-icon span:nth-child(3){bottom:0;width:90%}.is-menu-open .menu-icon span:first-child{rotate:315deg;top:var(--center-value)}.is-menu-open .menu-icon span:nth-child(2){opacity:0}.is-menu-open .menu-icon span:nth-child(3){bottom:var(--center-value);rotate:45deg;width:100%}@media (max-width:650px){header .menu-icon{left:24px;position:absolute;top:24px}.is-menu-open header .menu-icon span:first-child{rotate:unset;top:auto}.is-menu-open header .menu-icon span:nth-child(2){opacity:1}.is-menu-open header .menu-icon span:nth-child(3){bottom:0;rotate:unset;width:90%}}}@layer utilities{.show-on-mobile-flex{display:none}.bold-weight{font-weight:var(--b-weight)}@media (max-width:650px){.hide-on-mobile{display:none}.show-on-mobile-flex{display:flex}}}@layer reset, third-party, defaults, framework, pages, components, responsive, utilities;
/*# sourceMappingURL=main.c573f7cb.css.map*/