.home-screen{background:#f4f4f2;width:100%;min-height:100dvh;position:relative}.home-orb-container{pointer-events:none;z-index:5;min-height:100dvh;position:absolute;top:0;left:0;right:0}.home-orb-container>*{pointer-events:auto}.home-orb-container-dimmed .home-orb{opacity:.82;transition:opacity .4s ease-out}.background-layer{z-index:0;background:url(/hackathon.png) 50%/115% no-repeat;position:fixed;inset:0}.background-layer:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000000d 0%,#0000 60%);position:absolute;inset:0}.home-grain{pointer-events:none;opacity:.03;mix-blend-mode:overlay;z-index:1;width:100%;height:100%;position:absolute;inset:0}@keyframes home-orb-float{0%,to{transform:translate(0)}25%{transform:translate(6px,-6px)}50%{transform:translate(-4px,-8px)}75%{transform:translate(-6px,4px)}}@keyframes home-orb-float-2{0%,to{transform:translate(0)}33%{transform:translate(-5px,7px)}66%{transform:translate(4px,-6px)}}@keyframes home-orb-float-3{0%,to{transform:translate(0)}40%{transform:translate(5px,-7px)}80%{transform:translate(-6px,5px)}}@keyframes home-orb-float-4{0%,to{transform:translate(0)}50%{transform:translate(-7px,-5px)}}.home-orb-wrap{z-index:5;width:224px;height:224px;position:absolute}.home-orb-wrap.home-orb-tl{animation:12s ease-in-out infinite home-orb-float;top:18vh;left:14vw}.home-orb-wrap.home-orb-tr{animation:11s ease-in-out 1.5s infinite home-orb-float-2;top:22vh;left:auto;right:14vw}.home-orb-wrap.home-orb-bl{animation:13s ease-in-out .5s infinite home-orb-float-3;top:auto;bottom:20vh;left:18vw}.home-orb-wrap.home-orb-br{animation:10s ease-in-out 2s infinite home-orb-float-4;inset:auto 16vw 18vh auto}.home-orb-parallax{width:100%;height:100%;transition:transform .15s ease-out}.home-orb{text-align:center;color:#243c2c;box-sizing:border-box;-webkit-backdrop-filter:blur(30px);opacity:.94;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;text-decoration:none;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.home-orb[data-color="59789F"]{background:radial-gradient(circle at 30% 30%,#59789f59 0%,#59789f26 50%,#59789f14 70%,#0000 100%);box-shadow:inset 0 0 70px #ffffff38,0 0 68px #59789f36}.home-orb[data-color="7A9445"]{background:radial-gradient(circle at 30% 30%,#7a944559 0%,#7a944526 50%,#7a944514 70%,#0000 100%);box-shadow:inset 0 0 70px #ffffff38,0 0 68px #7a944536}.home-orb[data-color=A9B6C4]{background:radial-gradient(circle at 30% 30%,#a9b6c459 0%,#a9b6c426 50%,#a9b6c414 70%,#0000 100%);box-shadow:inset 0 0 70px #ffffff38,0 0 68px #a9b6c436}.home-orb[data-color=ECE69D]{background:radial-gradient(circle at 30% 30%,#ece69d59 0%,#ece69d26 50%,#ece69d14 70%,#0000 100%);box-shadow:inset 0 0 70px #ffffff38,0 0 68px #ece69d36}.home-orb:hover{filter:saturate(1.12);transform:scale(1.12)}.home-orb[data-color="59789F"]:hover{box-shadow:inset 0 0 60px #ffffff38,0 0 85px #59789f4d}.home-orb[data-color="7A9445"]:hover{box-shadow:inset 0 0 60px #ffffff38,0 0 85px #7a94454d}.home-orb[data-color=A9B6C4]:hover{box-shadow:inset 0 0 60px #ffffff38,0 0 85px #a9b6c44d}.home-orb[data-color=ECE69D]:hover{box-shadow:inset 0 0 60px #ffffff38,0 0 85px #ece69d4d}.home-orb-title{letter-spacing:.02em;margin-bottom:6px;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:16px;font-weight:400}.home-orb-desc{letter-spacing:.01em;opacity:.9;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:12px;font-weight:300;line-height:1.3}.home-screen:has(.home-orb:hover) .home-headline{opacity:.85;transform:scale(.9)}.home-center{z-index:10;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:64px 24px 48px;display:flex;position:relative}.home-content-block{flex-direction:column;align-items:center;max-width:680px;display:flex;position:relative}.headline-wrapper{z-index:10;position:relative}.home-headline{letter-spacing:-.5px;color:#fff;text-align:center;text-shadow:0 0 30px #ffffff73;max-width:680px;margin:0;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:clamp(36px,5.5vw,65px);font-weight:300;line-height:1.08;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.home-headline em{font-style:italic;font-weight:400}.home-cta{color:#ece69d;letter-spacing:.03em;z-index:12;cursor:pointer;transform-origin:50%;background:#243c2c;border-radius:999px;margin-top:48px;padding:16px 48px;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:15px;font-weight:400;text-decoration:none;transition:transform .2s;display:inline-block;position:relative;box-shadow:0 2px 16px #243c2c26}.home-cta:hover{background:#1e3227;transform:scale(1.05)}.home-header{z-index:20;justify-content:space-between;align-items:center;display:flex;position:fixed;top:40px;left:48px;right:48px}.home-logo{opacity:0;text-decoration:none;transition:opacity .3s;animation:.4s ease-out forwards home-logo-fade-in;display:block}.home-logo:hover{opacity:.85}@keyframes home-logo-fade-in{to{opacity:1}}.home-logo-img{background:#243c2c;width:136px;height:34px;display:block;-webkit-mask:url(/reframe-logo.png) 50%/contain no-repeat;mask:url(/reframe-logo.png) 50%/contain no-repeat}.home-about-btn{letter-spacing:.04em;color:#243c2c;opacity:.75;cursor:pointer;transform-origin:50%;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:14px;text-decoration:none;transition:transform .2s,opacity .2s}.home-about-btn:hover{opacity:1;transform:scale(1.05)}.home-about-btn:active{transform:scale(.98)}@media (max-width:480px){.home-about-btn{font-size:13px}.home-header{left:24px;right:24px}}.section{z-index:10;justify-content:center;align-items:center;min-height:80vh;padding:80px 24px;display:flex;position:relative}.reveal{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(10px)}.reveal.visible{opacity:1;transform:translateY(0)}.section-content{text-align:center;max-width:700px}.section h2{color:#243c2c;margin-bottom:24px;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:300}.section h3{color:#243c2c;margin:0 0 12px;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:20px;font-weight:500}.section p{opacity:.85;color:#243c2c;margin:0 0 24px;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:18px;line-height:1.6}.section p:last-child{margin-bottom:0}.section-label{letter-spacing:2px;opacity:.6;color:#243c2c;margin-bottom:60px;font-size:12px}.step p{margin:0}.step{margin-bottom:80px}.step:last-child{margin-bottom:0}.cta{color:#ece69d;letter-spacing:.03em;cursor:pointer;transform-origin:50%;background:#243c2c;border:none;border-radius:999px;margin-top:48px;padding:16px 48px;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:15px;font-weight:400;text-decoration:none;transition:transform .2s;display:inline-block;box-shadow:0 2px 16px #243c2c26}.cta:hover{color:#ece69d;background:#1e3227;transform:scale(1.05)}.home-section{box-sizing:border-box;opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;position:relative;transform:translateY(20px)}.home-section-visible{opacity:1;transform:translateY(0)}.home-section-inner{text-align:center;max-width:700px}.home-section-meaning .home-section-inner{max-width:700px}.home-section-heading{letter-spacing:-.5px;color:#243c2c;margin:0 0 28px;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:clamp(32px,4.5vw,52px);font-weight:300;line-height:1.3}.home-section-subtext{letter-spacing:.01em;color:#243c2c;opacity:.9;margin:0;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:18px;font-weight:300;line-height:1.5}.home-section-label{letter-spacing:.15em;color:#243c2c;opacity:.7;margin:0 0 60px;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:11px;font-weight:400}.home-steps{flex-direction:column;gap:90px;display:flex}.home-step{text-align:center}.home-step-title{letter-spacing:-.02em;color:#243c2c;margin:0 0 12px;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:20px;font-weight:500;line-height:1.4}.home-step-desc{color:#243c2c;opacity:.85;margin:0;font-family:Futura,Futura PT,Avenir,sans-serif;font-size:16px;font-weight:300;line-height:1.5}.home-section-final{padding:120px 24px}.home-section-final-inner{position:relative}.home-section-final .home-section-heading,.section-final h2{margin-bottom:20px}.home-section-final .home-section-subtext,.section-final .section-content>p{margin-bottom:48px}.home-section-final .home-cta,.section-final .cta{margin-top:0}.cta-no-hover-delay.reveal.visible{transform-origin:50%;transition:transform .18s ease-out,opacity .6s ease-out}.home-cta.reveal.visible:hover{transform:scale(1.05)}
