.atropos{display:block;perspective:1200px;position:relative;transform:translateZ(0)}.atropos-rotate-scroll-x,.atropos-rotate-scroll-y,.atropos-rotate-touch{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{touch-action:pan-y}.atropos-rotate-touch-scroll-x{touch-action:pan-x}.atropos-rotate-touch{touch-action:none}.atropos-rotate,.atropos-scale{display:block;height:100%;transform-style:preserve-3d;transition-property:transform;width:100%}.atropos-highlight,.atropos-shadow{display:block;opacity:0;pointer-events:none;position:absolute;transition-property:transform,opacity}.atropos-shadow{background:#000;filter:blur(30px);height:100%;left:0;top:0;width:100%;z-index:-1}.atropos-highlight{background-image:radial-gradient(circle at 50%,hsla(0,0%,100%,.25),transparent 50%);height:200%;left:-50%;top:-50%;width:200%;z-index:0}.atropos-inner,.atropos-rotate{position:relative}.atropos-inner{display:block;height:100%;overflow:hidden;transform:translateZ(0);transform-style:preserve-3d;width:100%}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1!important}[data-atropos-offset]{transition-property:transform}[data-atropos-opacity]{transition-property:opacity}[data-atropos-offset][data-atropos-opacity]{transition-property:transform,opacity}.composable-web-notification-bar{background:linear-gradient(267.74deg,#5aaefd 2.41%,#e291ff 100.11%);color:#000;font-family:Work Sans;font-size:14px;font-weight:500;letter-spacing:-.025em;line-height:1.5;padding:16px;text-align:center}.composable-web a{color:#39a0ff;text-decoration:underline}.composable-web .signup-button{background:linear-gradient(267.74deg,#39a0ff 2.41%,#d56dfb 100.11%);border-radius:16px;color:#000;display:block;font-family:Work Sans;letter-spacing:-.025em;line-height:1.5;line-height:22px;max-width:260px;padding:10px;text-align:center;text-decoration:none}.composable-web .signup-button .icon.arweave{background:#000;height:16px;width:16px}.composable-web .signup-button:has(.marquee-container){padding:10px 0}.composable-web .date{color:#d56dfb;font-family:Staatliches;font-size:22px;letter-spacing:0;line-height:.85;line-height:1.25}.composable-web .text-link{color:var(--c-text);cursor:pointer;font-family:Work Sans;font-size:22px;letter-spacing:-.025em;line-height:1.5;text-decoration:underline}.composable-web .hero{margin-top:50px}.composable-web .hero-left{font-size:18px;max-width:500px}@media (max-width:991.98px){.composable-web .hero-left{margin:0 auto}}.composable-web .hero-left .description{line-height:1.25;margin-bottom:40px}.composable-web .hero-left .signup-button-container{margin-bottom:40px}.composable-web .hero-left .signup-button-container .typed-container{font-size:14px;height:2.4em;margin-top:10px;opacity:.38;position:relative}.composable-web .hero-left .signup-button-container .helper-text{display:inline;line-height:1.2}.composable-web .hero-left .headline-partners{max-width:380px}.composable-web .hero-left .headline-partners>p{color:#d56dfb;font-family:Staatliches;font-size:20px;letter-spacing:normal;line-height:1;margin-bottom:8px}.composable-web .hero-left .headline-partners p.featured-partners-title{color:#fff;font-size:16px;margin:20px 0 8px}.composable-web .hero-left .headline-partners .headline-partner-container{display:inline-block;margin-right:15px;vertical-align:top;width:calc(33% - 10px)}.composable-web .hero-left .headline-partners .headline-partner-container p{color:#fff;font-size:14px;opacity:.38}.composable-web .hero-left .headline-partners .headline-partner-container:nth-child(4){margin-right:0}.composable-web .hero-left .headline-partners .featured-partner-container{display:inline-block;margin-right:15px;vertical-align:top;width:calc(33% - 10px)}.composable-web .hero-left .headline-partners .featured-partner-container:nth-child(8){margin-right:0}.composable-web .hero-left .headline-partners .featured-partner-container .partner-logo{aspect-ratio:3.5}.composable-web .hero-left .headline-partners .partner-logo{aspect-ratio:2.5;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;background-size:80% auto;border-radius:4px}.composable-web .title-logo{font-family:Staatliches;letter-spacing:0;line-height:.85;margin-bottom:60px;max-width:400px;position:relative}.composable-web .title-logo .hackathon{display:block;font-size:100px}.composable-web .title-logo .smaller{display:block;font-size:39px;line-height:.75}.composable-web .title-logo .the{display:block;font-size:38px;line-height:1.25}.composable-web .title-logo .permaweb{font-size:95px}.composable-web .title-logo .subtitle{font-family:Work Sans;font-size:20px;letter-spacing:-.025em;line-height:1.5;line-height:1;position:absolute;right:0;top:18px}.composable-web .title-logo .date{bottom:0;left:0;position:absolute;transform:translateY(80%)}@media (max-width:575.98px){.composable-web .title-logo{max-width:323px}.composable-web .title-logo .hackathon{display:block;font-size:81px}.composable-web .title-logo .smaller{display:block;font-size:32px;line-height:.75}.composable-web .title-logo .the{font-size:26px}.composable-web .title-logo .permaweb{font-size:80px}.composable-web .title-logo .subtitle{font-size:15px;top:10px}}.composable-web .hero-right{align-items:center;display:flex;flex:1;font-size:40px;justify-content:center;padding:20px}.composable-web .hero-right .illustration{display:inline-block;font-size:0;margin-bottom:20px;position:relative;width:50%}.composable-web .hero-right .illustration .logo-bg{height:110%;left:-5%;top:-5%;width:110%}.composable-web .hero-right .illustration .atropos-inner{font-size:42px;overflow:visible}@media (max-width:767.98px){.composable-web .hero-right .illustration .atropos-inner{font-size:30px}}.composable-web .hero-right .illustration .arweave-logo-container{position:relative}.composable-web .hero-right .illustration .arweave-logo{width:100%}.composable-web .hero-right .illustration .person-circle-container{animation:float 5s ease-in-out .4s infinite;position:absolute;width:53%}.composable-web .hero-right .illustration .person-circle-container:first-child{animation-delay:.5s;animation-duration:8s;right:-20%;top:-25%}.composable-web .hero-right .illustration .person-circle-container:nth-child(2){bottom:-10%;right:-15%;width:38%}.composable-web .hero-right .illustration .person-circle-container:nth-child(3){animation-duration:12s;bottom:0;left:-38%}.composable-web .hero-right .illustration .person-circle-container .person-circle{aspect-ratio:1;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;box-shadow:0 5px 15px #00000059,0 0 0 4px #fff3}.composable-web .hero-right .illustration .emoji-container{font-size:2em;line-height:0;position:absolute}.composable-web .hero-right .illustration .emoji-container:first-child{left:-20%;top:-10%;transform:rotate(-35deg)}.composable-web .hero-right .illustration .emoji-container:nth-child(2){left:35%;opacity:0;top:-27%}.composable-web .hero-right .illustration .emoji-container:nth-child(3){left:-45%;opacity:0;top:35%;transform:rotate(280deg)}.composable-web .hero-right .illustration .emoji-container:nth-child(4){bottom:30%;font-size:1.3em;right:-40%;transform:rotate(20deg)}.composable-web .hero-right .illustration .emoji-container:nth-child(5){bottom:-25%;font-size:1.5em;left:25%;transform:rotate(15deg)}.composable-web footer,.composable-web section{margin-top:60px;padding-top:60px!important;position:relative}.composable-web footer .section-title,.composable-web section .section-title{font-family:Staatliches,cursive;font-size:70px;letter-spacing:0;line-height:1;margin-bottom:20px}@media (max-width:767.98px){.composable-web footer .section-title,.composable-web section .section-title{font-size:60px}}.composable-web footer .section-title.center,.composable-web section .section-title.center{text-align:center}.composable-web footer .section-title~.text-link,.composable-web section .section-title~.text-link{display:block}@media (max-width:991.98px){.composable-web footer .section-title~.text-link,.composable-web section .section-title~.text-link{margin:-10px 0 20px}}@media (min-width:992px){.composable-web footer .section-title~.text-link,.composable-web section .section-title~.text-link{position:absolute;right:20px;top:90px}}.composable-web .hero-left,.composable-web section{padding:20px}@media (max-width:767.98px){.composable-web .hero-left,.composable-web section{padding:0}}.composable-web section.tags{margin-top:50px;padding:0}@media (min-width:768px){.composable-web section.tags .col-md-4:nth-child(2) img{position:relative;top:50px}}.composable-web section.tags img{display:block;margin:0 auto;max-width:210px;width:100%}.composable-web section.winners .section-title{margin-bottom:32px;text-align:center}.composable-web section.winners .winning-project{color:#fff;margin-bottom:8px;text-decoration:none}.composable-web section.winners .winning-project .project-image{aspect-ratio:1.5;background-image:url(../composableweb/placeholder.png);background-position:50%;background-repeat:no-repeat;background-size:100% auto;margin-bottom:16px;transition:background-size .2s;width:100%}.composable-web section.winners .winning-project .project-title{font-size:22px;font-weight:700;line-height:28px;overflow:hidden;text-overflow:ellipsis}.composable-web section.winners .winning-project .project-creator{font-size:14px;font-style:italic;line-height:20px}.composable-web section.winners .winning-project .project-creator:before{content:"By ";font-style:normal}.composable-web section.winners .winning-project:hover .project-image{background-size:116% auto}.composable-web section.bounties .bounty-categories{width:100%}.composable-web section.bounties .bounty-categories .bounty-category{border:1px solid #fff;font-family:Work Sans;font-size:20px;letter-spacing:-.025em;line-height:1.5;padding:20px}.composable-web section.bounties .bounty-categories .bounty-category:not(:first-child){margin-top:-1px}.composable-web section.bounties .bounty-categories .bounty-category:hover{background:#292929;cursor:pointer}.composable-web section.bounties .bounty-categories .bounty-category.selected{background:#fff;color:var(--c-bg)}@media (max-width:767.98px){.composable-web section.bounties .bounty-categories{display:flex;margin:0 -1px;overflow-x:auto;padding-top:1px;width:auto}.composable-web section.bounties .bounty-categories::-webkit-scrollbar-track{background-color:#000}.composable-web section.bounties .bounty-categories::-webkit-scrollbar{background-color:#000;height:10px}.composable-web section.bounties .bounty-categories::-webkit-scrollbar-thumb{background:#d6d6d6}.composable-web section.bounties .bounty-categories .bounty-category{white-space:nowrap}.composable-web section.bounties .bounty-categories .bounty-category:not(:first-child){margin-top:0}}.composable-web section.bounties .bounty-content{border:1px solid #fff;font-family:Work Sans;font-size:18px;letter-spacing:-.025em;line-height:1.5;margin:0 -1px;padding:40px}@media (max-width:767.98px){.composable-web section.bounties .bounty-content{padding:20px}}.composable-web section.bounties .bounty-content h1,.composable-web section.bounties .bounty-content h2,.composable-web section.bounties .bounty-content h3,.composable-web section.bounties .bounty-content h4,.composable-web section.bounties .bounty-content h5{border-bottom:1px solid #fff;margin-bottom:30px;padding-bottom:5px}.composable-web section.bounties .bounty-content p{margin-bottom:20px}.composable-web section.bounties .bounty-content .signup-button{margin:40px 0 10px;max-width:280px}.composable-web section.bounties .bounty-content hr{margin:20px 0}.composable-web section.demo-day{text-align:center}.composable-web section.demo-day .date{margin-bottom:50px}.composable-web section.demo-day .description{margin:0 auto 50px;max-width:600px}.composable-web section.demo-day .signup-button{margin:0 auto;max-width:300px}.composable-web section.three-categories .category{background:#a2a2a2;background-position:50%;background-repeat:no-repeat;background-size:cover;height:300px;position:relative}.composable-web section.three-categories .category:before{background:linear-gradient(90deg,#000 5%,#00000026);bottom:0;content:"";left:0;position:absolute;top:0;width:100%}.composable-web section.three-categories .category .content-container{bottom:20px;left:20px;position:absolute;right:20px}.composable-web section.three-categories .category .name{color:#fff;font-size:20px;font-weight:700;margin-bottom:10px}.composable-web section.three-categories .category .description,.composable-web section.three-categories .category .name{font-family:Work Sans;letter-spacing:-.025em;line-height:1.5;line-height:1.25;text-shadow:-2px 2px 0 #000}.composable-web section.three-categories .category.rapid-builds{background-image:url(../composableweb/rapid_builds.jpg)}.composable-web section.three-categories .category.only-on-permaweb{background-image:url(../composableweb/built_to_last.jpg)}.composable-web section.three-categories .category.renderers{background-image:url(../composableweb/renderers.jpg)}.composable-web section.mentors .mentors-container{margin:0 -12px;padding:12px}.composable-web section.mentors .mentors-container.expanded{max-height:5212px}.composable-web section.mentors .mentor{position:relative;transition:transform .2s}.composable-web section.mentors .mentor:hover{cursor:pointer}.composable-web section.mentors .mentor .mentor-avatar{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px}.composable-web section.mentors .mentor .mentor-information{color:#fff;margin-top:16px}.composable-web section.mentors .mentor .name{font-family:Work Sans;font-size:22px;font-weight:700;letter-spacing:-.025em;line-height:1.5;line-height:28px}.composable-web section.mentors .mentor .company-logo{background-position:0;background-repeat:no-repeat;background-size:contain;height:30px;margin-top:12px}.composable-web section.timeline .section-title{margin-bottom:60px}.composable-web section.timeline .timeline-items{margin:0 auto;max-width:600px}.composable-web section.timeline .timeline-items .timeline-item{display:flex}.composable-web section.timeline .timeline-items .timeline-item:not(:last-child){margin-bottom:60px}.composable-web section.timeline .timeline-items .timeline-item .emoji{font-size:80px;line-height:1.1;margin:0 40px 0 20px}.composable-web section.timeline .timeline-items .timeline-item .timeline-item-description .title{font-weight:700;margin-bottom:12px}.composable-web section.timeline .timeline-items .timeline-item .signup-button{margin-top:20px;max-width:300px}@media (max-width:767.98px){.composable-web section.timeline .timeline-items .timeline-item{flex-flow:column}.composable-web section.timeline .timeline-items .timeline-item .emoji{font-size:50px;margin:0 0 10px}}.composable-web section.partners .section-title{margin-bottom:60px}.composable-web section.partners .partner{aspect-ratio:2;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:80% auto;border-radius:4px;display:block;width:100%}.composable-web section.partners .partners-container{margin:0 auto;max-width:600px}.composable-web footer{text-align:center}.composable-web footer p{font-family:Staatliches;font-size:18px;letter-spacing:.035em}.marquee-container{height:22px;line-height:22px;overflow:hidden;position:relative}.marquee-container .marquee{align-items:center;animation:marquee 10s linear infinite;display:flex;justify-content:space-around;left:0;overflow:hidden;position:absolute;top:0;white-space:nowrap;width:100%}.marquee-container .marquee2{animation:marquee2 10s linear infinite;left:100%}.marquee-container b{padding-left:10px}@keyframes marquee{0%{left:0}to{left:-100%}}@keyframes marquee2{0%{left:100%}to{left:0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}