-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 33.2 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><link rel="icon" href="/favicon.png"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#000000"><meta name="description" content="A community all about digital design, including UX, UI, and graphic design. View more about us and come to our next meeting!"><meta name="keywords" content="design,at,UCI,university,irvine,UC,motion,graphic,UX,UI,learn,club,group,community,organization"><meta property="og:type" content="website"><meta property="og:title" content="Design at UCI"><meta property="og:description" content="A club for all digital designers–from UI/UX to graphic design and beginners to experienced–to connect, learn, and innovate together!"><meta property="og:image" content="https://designatuci.com/ogimg.png"><meta property="og:url" content="https://designatuci.com"><meta property="og:site_name" content="Design at UCI"><link rel="canonical" href="https://designatuci.com/"><link rel="icon" href="/static/favicon/favicon16x.png" sizes="16x16"><link rel="icon" href="/static/favicon/favicon32x.png" sizes="32x32"><link rel="icon" href="/static/favicon/favicon48x.png" sizes="48x48"><link rel="apple-touch-icon" href="/static/favicon/favicon180x.png" sizes="180x180"><link rel="manifest" href="/manifest.json"><title>Welcome – Design at UCI</title><link rel="preload" href="/static/font/bold.woff2" as="font" type="font/woff" crossorigin=""><link rel="preload" href="/static/font/medium.woff2" as="font" type="font/woff" crossorigin=""><link rel="preconnect" href="https://www.googletagmanager.com"><link rel="preconnect" href="https://www.google-analytics.com"></head><body class=""><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"><div id="navSpacer"></div><div id="nav" mobile-expand="false" class=""><div class="wrapper center wide"><div class="center row group left"><div class="space undefined" w="8" style="width:8px"></div><a target="noreferer" href="https://www.tiktok.com/@design_at_uci" class="item social center"><div class="icon hoverable undefined" style="width:24px;height:24px;background-image:url("/static/icon/nav-tiktok.svg")"></div></a><a target="noreferer" href="https://www.instagram.com/designatuci/" class="item social center"><div class="icon hoverable undefined" style="width:24px;height:24px;background-image:url("/static/icon/nav-instagram.svg")"></div></a><a target="noreferer" href="https://discord.com/invite/MBVrKe9" class="item social center"><div class="icon hoverable undefined" style="width:24px;height:24px;background-image:url("/static/icon/nav-discord.svg")"></div></a><a target="noreferer" href="https://www.facebook.com/designatuci/" class="item social center"><div class="icon hoverable undefined" style="width:24px;height:24px;background-image:url("/static/icon/nav-facebook.svg")"></div></a><a target="noreferer" href="https://www.linkedin.com/company/design-at-uci" class="item social center"><div class="icon hoverable undefined" style="width:24px;height:24px;background-image:url("/static/icon/nav-linkedin.svg")"></div></a></div><div class="center row group center"><a class="item center" href="/join/"><div class="text undefined undefined">Join</div></a><a class="item center" href="/events/"><div class="text undefined undefined">Events</div></a><a class="item center" href="/resources/"><div class="text undefined undefined">Resources</div></a></div><div class="center row group right"><a class="item center" href="/about/"><div class="text undefined undefined">About</div></a><a class="item center" href="/contact/"><div class="text undefined undefined">Contact</div></a></div></div><div class="wrapper center mobile"><div class="center row group left"><div class="space undefined" w="8" style="width:8px"></div><a href="https://www.tiktok.com/@design_at_uci" class="item social center"><div class="icon hoverable undefined" style="width:24px;height:24px;background-image:url("/static/icon/nav-tiktok.svg")"></div></a><a href="https://www.youtube.com/channel/UC3LqXqBN-R7C91ttlyXHhIQ" class="item social center"><div class="icon hoverable undefined" style="width:24px;height:24px;background-image:url("/static/icon/nav-youtube.svg")"></div></a><a href="https://discord.com/invite/MBVrKe9" class="item social center"><div class="icon hoverable undefined" style="width:24px;height:24px;background-image:url("/static/icon/nav-discord.svg")"></div></a><a href="https://www.linkedin.com/company/design-at-uci" class="item social center"><div class="icon hoverable undefined" style="width:24px;height:24px;background-image:url("/static/icon/nav-linkedin.svg")"></div></a><a href="https://www.instagram.com/designatuci/" class="item social center"><div class="icon hoverable undefined" style="width:24px;height:24px;background-image:url("/static/icon/nav-instagram.svg")"></div></a></div><div class="center row group right"><a class="item center" id="navToggle"><div class="icon undefined" style="width:24px;height:24px;background-image:url("/static/icon/nav-menu.svg")"></div></a></div><div class="links spaceChildren"><a class="item center" href="/events/"><div class="text L undefined">Events</div></a><a class="item center" href="/resources/"><div class="text L undefined">Resources</div></a><a class="item center" href="/about/"><div class="text L undefined">About</div></a><a class="item center" href="/contact/"><div class="text L undefined">Contact</div></a><a class="item center button fill sky" href="/join/"><div class="text L undefined">Join</div></a></div></div></div><div class="section center short page"><div class="wrapper flex"><div class="wait show scale"><div class="icon wait subtle dx show" style="width:32px;height:32px;background-image:url("/static/icon/logo.svg")"></div><div class="space undefined" w="16" style="width:16px"></div><div class="text L bold">Design at UCI</div></div><div class="space undefined" h="0" style="height:0"></div><div class="text XXXL block-paragraph wait show scale l3 bold color blue" style="max-width:900px"><div class="text XXXL wait dx l2 bold show">A<pre> </pre></div><div class="text XXXL wait dx l2 bold show">community<pre> </pre></div><div class="text XXXL wait dx l2 bold show">for<pre> </pre></div><div class="text XXXL wait dx l2 bold show">all<pre> </pre></div><div class="text XXXL wait dx l2 bold show">digital<pre> </pre></div><div class="text XXXL wait dx l2 bold show">designers<pre> </pre></div><div class="text XXXL wait dx l2 bold show">to<pre> </pre></div><div class="text XXXL wait dx l2 bold show">connect,<pre> </pre></div><div class="text XXXL wait dx l2 bold show">learn,<pre> </pre></div><div class="text XXXL wait dx l2 bold show">and<pre> </pre></div><div class="text XXXL wait dx l2 bold show">innovate<pre> </pre></div></div><div class="text undefined color gray wait show d10 subtle">The club for UI, UX, and graphic design at the University of California Irvine.</div><div class="wait show drop d10 l2"><a class="button L fill blue" href="/join/"><div class="text L pagelink L white">Get involved</div></a></div><div id="heroart" class="wait drop d05 l3 show"></div><style>#heroart{margin-bottom:0;z-index:0;position:absolute;left:0;right:0;bottom:0;top:0;background:url(/static/photo/hero.png) bottom/calc(768px + 38vw) no-repeat}</style></div></div><div class="section center fill black" style="background:url("/static/photo/pulse.jpg") center center/cover no-repeat"><div class="wrapper undefined"><a class="flex spaceChildrenSmall" href="/designathon22/"><div class="space undefined" h="16" style="height:16px"></div><div class="text undefined bold">Design-a-thon 2022</div><div class="space undefined" h="16" style="height:16px"></div><div class="text XXL bold">Impact 2022</div><div class="space undefined" h="16" style="height:16px"></div><div class="text undefined bold">Our biggest event of the year is coming soon.</div><div class="text undefined bold">January 28-30</div></a></div></div><div class="section fill black"><div class="wrapper undefined"><div class="split2"><div><div class="photo wait flopL" style="min-height:384px;background-image:url("/static/photo/img3.png")"></div></div><div class="wait flex left"><div class="text XL bold">Learn more about<div class="text XL bold color blue">Graphic Design,</div><div class="text XL bold color orange">UX Design,</div><div class="text XL bold color yellow">Creative Software,</div><div class="text XL bold">and much more in our live and interactive workshops.</div></div><div class="space undefined" h="32" style="height:32px;display:block"></div><div class="text undefined color gray">Hosted nearly every week during the academic quarter, you'll get the chance to level up your design game and make new friends with fellow designers.</div><div class="space undefined" h="32" style="height:32px;display:block"></div><a href="/events/"><div class="text undefined color blue pagelink">Found in our events</div></a></div></div><div class="space undefined" h="64" style="height:64px"></div><div class="split2 wideFlip"><div><div class="photo wait flopR" style="min-height:384px;background-image:url("/static/photo/img2.png")"></div></div><div class="wait flex left"><div class="text XL bold">Listen to<div class="text XL bold color green">professional designers</div><div class="text XL bold">working at the top companies, and get exclusive insight to</div><div class="text XL bold color pink">industry practices.</div></div><div class="space undefined" h="32" style="height:32px;display:block"></div><div class="text undefined color gray">We feature speakers across all fields. Get a chance to ask your questions and recieve a professional's advice.</div><div class="space undefined" h="32" style="height:32px;display:block"></div><a href="/events/"><div class="text undefined color blue pagelink">Found in our events</div></a></div></div><div class="space undefined" h="64" style="height:64px"></div><div class="split2"><div><div class="photo wait flopL" style="min-height:384px;background-image:url("/static/photo/img0.png")"></div></div><div class="wait flex left"><div class="text XL bold">Get invovled in our special programs, like<div class="text XL bold color blue">Design-a-thon</div><div class="text XL bold">or</div><div class="text XL bold color yellow">Project Teams,</div><div class="text XL bold">for a fun and</div><div class="text XL bold">valuable experience.</div></div><div class="space undefined" h="32" style="height:32px;display:block"></div><div class="text undefined color gray">Meet other designers, get exclusive perks, and expand your portfolio with fresh new work.</div><div class="space undefined" h="32" style="height:32px;display:block"></div><a href="/Resources/"><div class="text undefined color blue pagelink">See our resources</div></a></div></div></div></div><div class="section center"><div class="wrapper undefined"><div class="icon wait dx rainbow" style="width:192px;height:192px;background-image:url("/static/icon/loveDesign.svg")"></div><div class="flex spaceChildrenSmall"><div class="text XXXL block-paragraph wait scale l3 bold" style="max-width:650px"><div class="text XXL wait l2 dx">Do<pre> </pre></div><div class="text XXL wait l2 dx">you<pre> </pre></div><div class="text XXL wait l2 dx">love<pre> </pre></div><div class="text XXL wait l2 dx">design?<pre> </pre></div><div class="text XXL wait l2 dx">Let's<pre> </pre></div><div class="text XXL wait l2 dx">keep<pre> </pre></div><div class="text XXL wait l2 dx">in<pre> </pre></div><div class="text XXL wait l2 dx">touch.<pre> </pre></div></div><div class="space undefined" h="16" style="height:16px"></div><a class="wait dx drop button L" href="/join"><div class="text L pagelink L color blue">Join Design at UCI</div></a></div></div></div><div class="relative"><div class="photo background" style="background-position:center top;z-index:-1;background-image:url("/static/photo/img4.png")"></div><div class="space undefined" h="192" style="height:192px"></div><div style="background:linear-gradient(0deg,var(--blue),#089AFF00);padding:256px 0 64px"><div class="section center bare relative"><div class="wrapper undefined"><div class="flex spaceChildren"><div class="text XL wait scale bold narrow color white">We're focused on buliding a friendly community that helps striving designers.</div><a href="/about/"><div class="text undefined pagelink white color">Learn more about us</div></a></div></div></div></div></div><div class="section short" id="bot"><div class="wrapper undefined"><div class="split3"><div style="color:#fff"><a href="/"><div class="icon undefined" style="width:24px;height:24px;background-image:url("/static/icon/logo.svg")"></div><div class="space undefined" w="12" style="width:12px"></div><div class="text undefined undefined">Design at UCI</div></a><div class="space undefined" h="48" style="height:48px;display:block"></div><div class="spaceChildrenSmall"><div><a href="https://www.tiktok.com/@design_at_uci" target="noreferer"><div class="icon undefined" style="width:24px;height:24px;background-image:url("/static/icon/tiktok.svg");margin-right:16px"></div><div class="text undefined undefined">TikTok</div></a></div><div><a href="https://www.instagram.com/designatuci/" target="noreferer"><div class="icon undefined" style="width:24px;height:24px;background-image:url("/static/icon/instagram.svg");margin-right:16px"></div><div class="text undefined undefined">Instagram</div></a></div><div><a href="https://www.facebook.com/designatuci" target="noreferer"><div class="icon undefined" style="width:24px;height:24px;background-image:url("/static/icon/facebook.svg");margin-right:16px"></div><div class="text undefined undefined">Facebook</div></a></div><div><a href="https://discord.com/invite/MBVrKe9" target="noreferer"><div class="icon undefined" style="width:24px;height:24px;background-image:url("/static/icon/discord.svg");margin-right:16px"></div><div class="text undefined undefined">Discord</div></a></div><div><a href="https://www.youtube.com/channel/UC3LqXqBN-R7C91ttlyXHhIQ" target="noreferer"><div class="icon undefined" style="width:24px;height:24px;background-image:url("/static/icon/youtube.svg");margin-right:16px"></div><div class="text undefined undefined">YouTube</div></a></div><div><a href="https://www.linkedin.com/company/design-at-uci" target="noreferer"><div class="icon undefined" style="width:24px;height:24px;background-image:url("/static/icon/linkedin.svg");margin-right:16px"></div><div class="text undefined undefined">LinkedIn</div></a></div></div><div class="space undefined" h="32" style="height:32px"></div></div><div class="spaceChildrenSmall"><div><a class="mark" href="/resources/"><div class="text undefined undefined">Resources</div></a></div><div class="space undefined" h="16" style="height:16px"></div><div><a href="/resources/featured/"><div class="text undefined undefined">Featured Resources</div></a></div><div><a href="/pt/"><div class="text undefined undefined">Project Teams</div></a></div><div><a href="/merch/"><div class="text undefined undefined">Merch</div></a></div><div><a href="/designathons/"><div class="text undefined undefined">Design-a-thon</div></a></div><div><a target="noreferer" href="https://medium.com/@designatuci"><div class="text undefined undefined">Board Blogs</div></a></div><div><a target="noreferer" href="https://us16.campaign-archive.com/home/?u=96e1277e37e6f4c2940cd1dc9&id=3cdf6c3ea8"><div class="text undefined undefined">Newsletter Archive</div></a></div><div class="space undefined" h="16" style="height:16px"></div></div><div class="spaceChildrenSmall"><div><a class="mark" href="/join/"><div class="text undefined undefined">Join</div></a></div><div class="space undefined" h="16" style="height:16px"></div><div><a href="/contact/"><div class="text undefined undefined">Contact</div></a></div><div><a href="/events/"><div class="text undefined undefined">Events</div></a></div><div><a href="/about/"><div class="text undefined undefined">About</div></a></div></div></div><div class="color gray"><div class="space undefined" h="32" style="height:32px"></div><div><div class="icon undefined" style="width:18px;height:18px;background-image:url("/static/icon/copyright-gray.svg")"></div><div class="space undefined" w="8" style="width:8px"></div><div class="text undefined undefined">Copyright 2022 Design at UCI</div></div><div class="space undefined" h="16" style="height:16px"></div><div><div class="text undefined undefined">Developed by <a class="mark" href="https://www.kailerg.com/">Kailer Garcia</a></div></div><div class="space undefined" h="64" style="height:64px;display:block"></div><div class="text undefined undefined">This website uses Google Analytics, their privacy policy can be found <a target="noreferer" class="mark" href="https://www.google.com/policies/privacy/">here</a>.</div></div></div></div></div><script>!function(e){function r(r){for(var n,i,l=r[0],a=r[1],c=r[2],p=0,s=[];p<l.length;p++)i=l[p],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,c||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var a=t[l];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/";var l=this["webpackJsonpreact-duci"]=this["webpackJsonpreact-duci"]||[],a=l.push.bind(l);l.push=r,l=l.slice();for(var c=0;c<l.length;c++)r(l[c]);var f=a;t()}([])</script><script src="/static/js/2.94aafaa8.chunk.js"></script><script src="/static/js/main.f555688f.chunk.js"></script><script>window.addEventListener("load",()=>{document.body.classList.remove("freeze")})</script><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-4WX6MFE69G"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-4WX6MFE69G")</script><script></script><style>@font-face{font-family:ducimain;src:url(/static/font/bold.woff2) format('woff2');font-weight:700;font-style:normal}@font-face{font-family:ducimain;src:url(/static/font/medium.woff2) format('woff2');font-weight:400;font-style:normal}:root{--white:#fff;--black:#000024;--blue:#089AFF;--orange:#FC593D;--peach:#ffdfd9;--red:#FC123D;--yellow:#FFCC45;--green:#2ADB6A;--forest:#05864a;--mint:#d1ffe1;--pink:#ff9ff4;--blush:#ffe1fb;--peach:#fceddc;--violet:#e7e3fd;--ultraviolet:#011EFB;--deepBlue:#00007D;--gray:#7A7A8D;--silver:#E4E4E6;--sky:#CEF2FF;--pageHeight:100vh}::-webkit-scrollbar{display:none}*{z-index:1;-webkit-tap-highlight-color:transparent;cursor:default;outline:0;scrollbar-width:none;box-sizing:border-box;vertical-align:middle;font-family:ducimain,helvetica,sans-serif;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;font-size:0;margin:0;padding:0}.freeze,.freeze *{animation-play-state:paused!important}head,img,script,style{display:none!important}body{min-height:100vh;color:var(--black)}body *{display:block}.wait{opacity:0;will-change:transform,opacity}.wait.show{transform-origin:top;animation:simple-fadein .8s cubic-bezier(.32,.35,.07,1) forwards}@keyframes simple-fadein{0%{opacity:0;transform:translateY(64px) skewY(3deg)}100%{opacity:1;transform:none}}.wait.show.drop{transform-origin:top;animation-name:drop-fadein;animation-duration:1.8s;animation-timing-function:cubic-bezier(.32,.35,.07,1);animation-fill-mode:forwards}@keyframes drop-fadein{0%{transform:translateY(128px)}100%{opacity:1;transform:none}}.wait.show.flopR{transform-origin:left;animation:flopR-fadein 2.4s cubic-bezier(.32,.35,.07,1) forwards}@keyframes flopR-fadein{0%{transform:perspective(512px) translateX(64px) RotateY(-20deg)}100%{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}.wait.show.flopL{transform-origin:right;animation:flopL-fadein 2.4s cubic-bezier(.32,.35,.07,1) forwards}@keyframes flopL-fadein{0%{transform:perspective(512px) translateX(-64px) RotateY(20deg)}100%{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}.wait.show.scale{transform-origin:bottom;animation:scale-fadein 1.8s cubic-bezier(.42,.63,0,1) forwards}@keyframes scale-fadein{0%{transform:translateY(-32px) scale(1.24)}100%{opacity:1;transform:none}}.wait.show.rainbow{transform-origin:top;animation:rainbow-fadein 3s cubic-bezier(.42,.63,0,1) forwards}@keyframes rainbow-fadein{0%{transform:perspective(256px) translateY(-64px) scale(1.24) rotateX(60deg);filter:hue-rotate(360deg)}100%{opacity:1;transform:none;filter:none}}.wait.show.subtle{transform-origin:bottom;animation-name:subtle-fadein;animation-duration:1s;animation-timing-function:cubic-bezier(.42,.63,0,1) forwards}@keyframes subtle-fadein{0%{transform:translateY(-8px)}100%{opacity:1;transform:none}}.wait.dx{animation-delay:.5s}.wait.dx:nth-child(1){animation-delay:0s}.wait.dx:nth-child(2){animation-delay:50ms}.wait.dx:nth-child(3){animation-delay:.1s}.wait.dx:nth-child(4){animation-delay:.15s}.wait.dx:nth-child(5){animation-delay:.2s}.wait.dx:nth-child(6){animation-delay:.25s}.wait.dx:nth-child(7){animation-delay:.3s}.wait.dx:nth-child(8){animation-delay:.35s}.wait.dx:nth-child(9){animation-delay:.4s}.wait.dx:nth-child(10){animation-delay:.45s}.wait.d05{animation-delay:.5s}.wait.d10{animation-delay:1s}.wait.d15{animation-delay:1.5s}.wait.l2{animation-duration:2s}.wait.l3{animation-duration:3s}.spaceChildren>*{margin-bottom:32px}.spaceChildrenSmall>*{margin-bottom:16px}.spaceChildrenLarge>*{margin-bottom:64px}.spaceChildren>:last-child{margin-bottom:0}.spaceChildrenSmall>:last-child{margin-bottom:0}.spaceChildrenLarge>:last-child{margin-bottom:0}.pagelink::after{z-index:1;content:"";display:inline-block;background:url(/static/icon/link-arrow.svg) center no-repeat;background-size:contain;width:18px;height:18px;vertical-align:middle;transform:translate(0,-2px);margin-left:6px;transition:transform .4s cubic-bezier(.47,.4,0,1)}.pagelink.white::after{background:url(/static/icon/link-arrow-white.svg) center no-repeat}.pagelink.L::after{width:24px;height:24px;margin-left:10px;background-size:contain}.pagelink:hover::after{transform:translate(2px,-2px) scale(1.62);transition-timing-function:cubic-bezier(.42,1.52,.56,1)}.maxWidth{width:100%}.shadow{box-shadow:0 0 1px 1px #2232,0 6px 12px -4px #2231}.photo{width:100%;height:100%;border-radius:12px;background-position:center;background-size:cover}.icon{max-width:100%;display:inline-block;background-position:center;background-repeat:no-repeat;background-size:contain}.icon.hoverable{background-size:cover;background-position:bottom}.icon.hoverable:hover{background-position:top}.button{padding:12px 24px;background:#fff;border-radius:64px}.button.L{padding:16px 32px}.button.S{padding:6px 18px}.button.fill.blue{box-shadow:0 6px 12px -8px var(--blue)}.button.black{background:var(--black);color:var(--white)}.button.gray{background:var(--gray);color:var(--white)}.text{display:inline-block;line-height:1.12;font-size:18px}.text s,.text>.text{display:inline;vertical-align:baseline}.block-paragraph>.text{display:inline-block}.text s{text-decoration:none;font-size:inherit;font-weight:inherit}.fill.white{background-color:var(--white);color:var(--black)}.fill.black{background-color:var(--black);color:var(--white)}.fill.blue{background-color:var(--blue);color:var(--white)}.fill.pink{background-color:var(--pink);color:var(--black)}.fill.green{background-color:var(--forest);color:var(--white)}.fill.red{background-color:var(--red);color:var(--white)}.fill.sky{background-color:var(--sky)}.fill.gray{background-color:var(--silver)}.fill.dusk{background-color:var(--gray)}.text.color.white{color:var(--white)}.text.color.black{color:var(--black)}.text.color.gray{color:var(--gray)}.text.color.silver{color:var(--silver)}.text.color.blue{color:var(--blue)}.text.color.sky{color:var(--sky)}.text.color.orange{color:var(--orange)}.text.color.yellow{color:var(--yellow)}.text.color.pink{color:var(--pink)}.text.color.red{color:var(--red)}.text.color.violet{color:var(--ultraviolet)}.text.color.green{color:var(--green)}.color.white{color:var(--white)}.color.black{color:var(--black)}.color.gray{color:var(--gray)}.color.silver{color:var(--silver)}.color.blue{color:var(--blue)}.color.sky{color:var(--sky)}.color.orange{color:var(--orange)}.color.yellow{color:var(--yellow)}.color.pink{color:var(--pink)}.color.red{color:var(--red)}.color.violet{color:var(--ultraviolet)}.color.green{color:var(--green)}.text .link{text-decoration:underline}.text .link:hover{color:#000}.text.S{font-size:14px}.text.L{font-size:24px}.text.XL{font-size:36px}.text.XXL{font-size:56px}.text.XXXL{font-size:64px}.textAlignLeft,.textAlignLeft .text{text-align:left}.text.indent{text-indent:2em}pre{color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;vertical-align:baseline}a,pre{cursor:pointer;display:inline-block;color:inherit;font-size:inherit;font-weight:inherit;text-decoration:none;vertical-align:baseline}a:hover .icon.hoverable{background-position:top}a>*{cursor:pointer}.pointer,.pointer *{cursor:pointer}.bold{font-weight:700}.italic{font-style:italic}.space{display:inline-block}break{display:block}.section{display:block;padding:128px 64px}.flatBot{padding-bottom:0}.flatTop{padding-top:0}#root>.section{overflow:hidden}.section.short{padding:64px 64px}.section.bare{padding:0 64px}.section.shortTop{padding-top:32px}.transition{height:64px;margin-top:-64px;background:linear-gradient(0,#00001008,#0010)}.section .wrapper>*{margin-bottom:32px}.section .wrapper>:last-child{margin-bottom:0}.relative{position:relative}.pageFull{min-height:100vh}.page,.widePage{min-height:calc(100vh - 88px)}.page.hint,.widePage.hint{min-height:calc(100vh - 176px)}.background{z-index:0;border-radius:0;position:absolute;top:0;left:0;width:100%;height:100%}.flex{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.flex.row{flex-direction:row}.flex.wideRow{flex-direction:row}.flex.left{align-items:flex-start}.flex.right{align-items:flex-end}.flex.top{justify-content:flex-start}.flex.bottom{justify-content:flex-end}.flex.wrap{flex-wrap:wrap}.flex.spaceBetween{justify-content:space-between}.split2{display:grid;grid-template-columns:1fr 1fr;gap:64px}.split3,.split32{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.splitEventCard{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.split4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}.split2.wideFlip>div:nth-child(1){order:2}.split2.wideFlip>div:nth-child(2){order:1}.paragraph{line-height:1.38;color:var(--gray)}.wrapper{width:100%;max-width:1280px;margin-left:auto;margin-right:auto}.center,.center>.wrapper{display:flex;text-align:center;align-items:center;flex-direction:column;justify-content:center}.center.row{flex-direction:row}.middle{margin-left:auto;margin-right:auto}.slim{max-width:1024px}.narrow{max-width:768px}.tiny{max-width:512px}.nano{max-width:384px}.form{width:88%;max-width:768px}.form .inputs{width:100%;gap:16px;display:grid;grid-template-columns:1fr 1fr}.form input:nth-child(1){grid-column:1/3}.form input{width:auto;min-width:unset;border:none;font-size:20px;padding:12px 24px;border-radius:8px}.form input:focus{box-shadow:0 0 0 3px var(--blue),0 4px 4px -1px var(--blue)}.card{overflow:hidden;position:relative;border-radius:8px;padding:32px}.card.L{padding:48px;border-radius:16px}.card.S{padding:16px}.splitEventCard .card{box-shadow:0 12px 24px -32px var(--gray)}.largeEvent{border-radius:16px;box-shadow:0 1px 2px 1px var(--silver),0 16px 32px var(--silver);padding:64px;opacity:0;animation:largeEvent-show 1.8s cubic-bezier(.18,.62,0,1) forwards}.largeEvent .info{flex-wrap:wrap}.largeEvent .split2{width:100%;gap:8px}@keyframes largeEvent-show{0%{transform:perspective(512px) scale(.88) translateY(32px) rotateX(20deg)}100%{transform:none;opacity:1}}#navSpacer{height:88px;display:block}#nav{position:absolute;top:0;left:0;width:100%;padding:0 48px;z-index:1000;background:#fff}#nav.clear{background:0 0}#nav>.wrapper{display:grid;max-width:calc(1280px + 32px);grid-template-columns:1fr 1fr 1fr;transition:height .2s cubic-bezier(.55,.01,.38,.99)}#nav .group.left{justify-content:flex-start}#nav .group.right{justify-content:flex-end}#nav .group a{display:inline-block;padding:16px;color:var(--gray)}#nav.clear .group a{color:var(--white)}#nav .group a:hover{color:var(--black)}#nav.clear .group a:hover{color:var(--white)}#nav .mobile{display:none;grid-template-rows:88px 1fr}#nav .wide{display:grid;height:88px}#nav .item.social{padding-right:8px;padding-left:8px}#nav .item.social:hover{animation:itemBounce 333ms forwards}@media only screen and (min-width:768px){#nav.shrink>.wrapper{height:66px}}#nav.shrink{background:#fff;box-shadow:0 0 1px 1px var(--silver)}@keyframes itemBounce{0%{transform:translateY(0);animation-timing-function:cubic-bezier(0,.7,.51,.99)}25%{transform:translateY(-4px);animation-timing-function:cubic-bezier(.55,.01,.51,.99)}65%{transform:translateY(1px);animation-timing-function:cubic-bezier(.55,.01,.51,.99)}100%{transform:none;animation-timing-function:cubic-bezier(0,.59,.51,.99)}}#nav .mobile .links{grid-column:1/3}#nav #navToggle{transition:background .2s cubic-bezier(.6,.01,.83,.67);background:var(--white);border-radius:32px}#nav #navToggle:active{transition:background 0s;background:var(--silver)}#nav #navToggle .icon{background-size:cover;background-position:bottom}#nav .links{display:none;padding-bottom:16px}#nav .links .item{opacity:0}#nav[mobile-expand=true] .links{transform-origin:bottom;animation:links-in 1.6s cubic-bezier(.34,1.54,.36,1) forwards}#nav[mobile-expand=true] .links .item{animation:link-in .4s cubic-bezier(.33,.53,.18,1) forwards}#nav[mobile-expand] .links .item:nth-child(1){animation-delay:0s}#nav[mobile-expand] .links .item:nth-child(2){animation-delay:50ms}#nav[mobile-expand] .links .item:nth-child(3){animation-delay:.1s}#nav[mobile-expand] .links .item:nth-child(4){animation-delay:.15s}#nav[mobile-expand] .links .item:nth-child(5){animation-delay:.2s}@keyframes links-in{0%{transform:perspective(256px) rotateX(-40deg)}100%{opacity:1;transform:none}}@keyframes link-in{0%{transform:translateX(-64px)}100%{opacity:1;transform:none}}#nav[mobile-expand=true] .links{display:block}#nav[mobile-expand=true]{transition:box-shadow .8s cubic-bezier(.02,.69,.12,1);box-shadow:0 128px 128px 128px #334b}#nav[mobile-expand=true] .brand{color:#000}#nav[mobile-expand=true] .brand .icon{background-position:top}#nav[mobile-expand=true] #navToggle .icon{background-position:top}#bot{padding-top:88px;color:var(--white);background:var(--black)}#bot a .text{border-bottom:solid 1px #0000}#bot .mark:hover,#bot a:hover .text{color:var(--blue);border-bottom:solid 1px var(--blue)}#bot .mark{border-bottom:solid 1px var(--gray)}@media only screen and (max-width:1280px){.text.XXL{font-size:48px}.splitEventCard{grid-template-columns:1fr 1fr;gap:16px}}@media only screen and (max-width:1024px){break.collapse{display:none}.split32{grid-template-columns:1fr 1fr}.split2{grid-template-columns:1fr;gap:32px}.split2 .first{grid-row:0/1}.split4{display:grid;grid-template-columns:1fr 1fr;gap:16px}}@media only screen and (max-width:768px){.wideOnly{display:none!important}.flex.wideRow{flex-direction:column}.split3,.split32{grid-template-columns:1fr}.split2.wideFlip>div:nth-child(1){order:1}.split2.wideFlip>div:nth-child(2){order:2}.form{width:88%}.form .inputs{grid-template-columns:1fr}.form input{width:100%}.form input:nth-child(1){grid-column:1/2}.splitEventCard{grid-template-columns:1fr;gap:16px}.largeEvent{padding:64px 32px}.card{border-radius:8px;padding:16px}.card.L{padding:48px 32px;border-radius:16px}break{display:none}.section.flex{display:flex}.text{font-size:16px}.text.L{font-size:20px}.text.XL{font-size:32px}.text.XXL{font-size:48px}.text.XXXL{font-size:44px}.widePage{min-height:unset}#nav{padding:0 16px;box-shadow:0 0 128px 64px #6670}#nav .wrapper{grid-template-columns:3fr 64px}#nav .mobile{display:grid}#nav .wide{display:none}#nav .item{padding:8px 0}#nav .item.button{padding:16px 0}.section{display:block;padding:128px 32px}.section.short{padding:64px 32px}.section.bare{padding:0 32px}.section,.section.bare,.section.short{display:block;padding-left:32px;padding-right:32px}#bot{padding:64px 48px}.section.center,.section.flex{display:flex}}.section.bareTop{padding-top:0}.section.bareBot{padding-bottom:0}.section.path{background:linear-gradient(90deg,var(--silver) -20%,var(--white) 50%)}.section.path a{padding-top:4px;padding-bottom:4px}.section.path:hover{background:linear-gradient(90deg,var(--sky),var(--white))}.section.path .flex .div{margin:0 8px}.section.path .flex .text{color:var(--gray)}.section.path:hover .flex .text{color:var(--blue);opacity:1}.section.path .flex a:hover .text{text-decoration:underline}</style></body></html>