@import"https://fonts.googleapis.com/css2?family=Anton&family=Geist+Mono:wght@100..900&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";:root{--base-100: #e8efe9;--base-200: #7d8a85;--base-300: #1f2624;--base-400: #0b0f0e;--base-500: #c6ff3d;--base-100-rgb: 232, 239, 233}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{display:none}body{background-color:var(--base-400);color:var(--base-100)}img{width:100%;height:100%;object-fit:cover}h1,h2,h3{text-transform:uppercase;font-family:Anton,Impact,sans-serif;font-weight:400;line-height:.9}h1{font-size:clamp(4rem,10vw,10rem);letter-spacing:clamp(-.03rem,-.3vw,-.08rem)}h2{font-size:clamp(3.25rem,8vw,8rem);letter-spacing:clamp(-.02rem,-.25vw,-.06rem)}h3{font-size:clamp(2.5rem,6.5vw,5rem);letter-spacing:0}a,p{text-decoration:none;text-transform:uppercase;color:var(--base-100);font-family:Geist Mono,monospace;font-weight:500;line-height:1}a,p{font-size:clamp(.8rem,.75vw,.85rem)}a.md,p.md{font-size:clamp(1rem,.8vw,1.25rem)}a.lg,p.lg{font-size:clamp(1.1rem,.85vw,1.35rem)}p.bodyCopy{text-transform:none;font-family:Host Grotesk,sans-serif;font-weight:450;line-height:1.1}p.bodyCopy{font-size:clamp(1.125rem,.75vw,1.25rem)}p.bodyCopy.md{font-size:clamp(1.25rem,.85vw,1.35rem)}p.bodyCopy.lg{font-size:clamp(1.375rem,.95vw,1.45rem)}.btn{display:inline-block}a.btn{position:relative;width:max-content;min-width:200px;height:65px;padding:0 2rem;font-weight:400;letter-spacing:1.8px;color:var(--base-200);background-color:var(--base-400);border:solid 1px var(--base-300);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}a.btn>*:not(.btn-line){position:relative;z-index:1}a.btn:before{content:"";position:absolute;top:0;left:10%;width:60px;height:1px;transform:translateY(-1px);background:var(--base-500);transition:all .3s ease}a.btn:after{content:"";position:absolute;bottom:0;right:10%;width:60px;height:1px;transform:translateY(1px);background:var(--base-500);transition:all .3s ease}a.btn:hover{color:var(--base-100);border:solid 1px var(--base-300);text-shadow:0 0 10px rgba(var(--base-100-rgb),.2)}a.btn:hover:before{left:0;width:20px}a.btn:hover:after{right:0;width:20px}a.btn:hover .btn-line:before{bottom:-1px}a.btn:hover .btn-line:after{top:-1px}.btn-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.btn-line:before{content:"";position:absolute;bottom:30%;right:-1px;width:1px;height:20px;background:var(--base-500);transition:all .3s ease}.btn-line:after{content:"";position:absolute;top:30%;left:-1px;width:1px;height:20px;background:var(--base-500);transition:all .3s ease}.container{width:100%;height:100%;padding:1.5rem;max-width:2000px;margin:0 auto}.line{position:relative;will-change:transform}nav{position:fixed;top:1rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:2000px;height:3rem;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;z-index:100;--base-100: rgb(232, 239, 233);--base-200: rgb(125, 138, 133);--base-300: rgb(31, 38, 36);--base-400: rgb(11, 15, 14);--base-100-rgb: 232, 239, 233}nav .nav-container{position:absolute;top:0;left:0;width:100%;height:100%;filter:url(#goo);z-index:-1}nav .nav-bg{width:100%;height:100%;background-color:var(--base-300);clip-path:polygon(1rem 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,0 100%,0 1rem)}nav .nav-mobile-header{width:100%;justify-content:space-between;align-items:center;padding:0 .75rem;cursor:pointer;display:none}nav .nav-overlay{display:contents}nav .nav-items{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}nav .nav-item a{display:block;padding:.5rem .75rem;text-align:center;font-weight:500;color:var(--base-200);transition:color .2s ease}nav .nav-item a:hover{color:var(--base-500)}nav .nav-socials{display:flex;align-items:center;gap:.5rem}nav .nav-socials a{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;border:1px solid rgba(var(--base-100-rgb),.2);border-radius:.25rem;color:var(--base-100);transition:background-color .2s ease,border-color .2s ease,color .2s ease}nav .nav-socials a svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}nav .nav-socials a:hover,nav .nav-socials a:focus-visible{background-color:var(--base-500);border-color:var(--base-500);color:var(--base-400);outline:none}@media(max-width:1000px){nav{top:2rem;width:calc(100% - 4rem);max-width:28rem;height:2rem;padding:0;justify-content:center}nav .nav-bg{background-color:var(--base-500);clip-path:none}nav .nav-mobile-header{position:relative;height:2rem;display:flex;z-index:2}nav .nav-mobile-header p{font-weight:600;color:var(--base-400)}nav .nav-overlay{position:absolute;top:100%;left:0;width:100%;display:flex;filter:url(#goo);margin-top:-1rem;z-index:1}nav .nav-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--base-500);clip-path:polygon(0 0,100% 0,100% 0rem,0 0rem);transition:clip-path .3s ease;z-index:-1}nav .nav-items{position:relative;width:100%;padding:2rem 0 1rem;flex-direction:column;justify-content:center;z-index:2}nav .nav-item{width:100%;pointer-events:none}nav .nav-item a{padding:.5rem;font-weight:600;color:var(--base-400)}nav .nav-socials{display:none}nav.nav-open .nav-overlay:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}nav.nav-open .nav-item{pointer-events:all}}.interactive-grid{position:fixed;top:0;left:0;width:100%;height:100svh;z-index:-1;pointer-events:none;overflow:hidden}.interactive-grid .block{position:absolute;border:.5px solid var(--base-300);transition:border-color .3s ease;box-sizing:border-box;will-change:transform}.interactive-grid .block.highlight{border-color:var(--base-500)}.transition-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.transition-block{position:absolute;background-color:var(--base-400);opacity:0}.preloader-overlay{position:fixed;top:0;left:0;width:100%;height:100svh;z-index:9999;pointer-events:none;overflow:hidden}.preloader-grid{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.preloader-grid .preloader-block{position:absolute;background-color:var(--base-400);opacity:1;box-sizing:border-box;will-change:opacity}.preloader-animation-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.preloader-text{position:absolute;bottom:6rem;color:var(--base-100);animation:preloader-blink 1s ease-in-out infinite;animation-delay:.1s;z-index:2;opacity:0}@keyframes preloader-blink{0%,to{opacity:.1}50%{opacity:1}}.preloader-ring-frame,.preloader-disc-frame{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:absolute}.preloader-ring{border:2px solid rgba(0,0,0,0);border-left:2px solid var(--base-500);border-right:2px solid var(--base-500);border-radius:50%;display:flex;position:absolute}.preloader-ring:nth-child(1){animation:preloader-spin 1s linear infinite}.preloader-ring:nth-child(2){animation:preloader-spinner 1.5s linear infinite}.preloader-ring:nth-child(3){animation:preloader-spin 2s linear infinite}.preloader-disc{height:var(--preloader-size);width:var(--preloader-size);border:2px solid var(--base-500);border-radius:50%;animation:preloader-rotate 3s linear infinite;position:absolute}:root{--preloader-size: 150px}@keyframes preloader-rotate{to{transform:rotate3d(1,.25,.75,360deg)}}@keyframes preloader-spin{to{transform:rotate(360deg)}}@keyframes preloader-spinner{to{transform:rotate(-360deg)}}.hero{position:relative;width:100%;height:100svh;min-height:640px;padding:4.75rem 1rem 1rem}.hero .hero-container{position:relative;width:100%;height:100%;max-width:2000px;margin:0 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:.75rem}.hero .bento-tile{position:relative;overflow:hidden;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;background-color:color-mix(in srgb,var(--base-300) 70%,transparent);border:1px solid rgba(var(--base-100-rgb),.15);border-radius:.5rem;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.hero .bento-role{grid-column:9 / 13;grid-row:1 / 3}.hero .bento-bio{grid-column:9 / 13;grid-row:3 / 5}.hero .bento-status{grid-column:9 / 11;grid-row:5 / 7}.hero .bento-stack{grid-column:11 / 13;grid-row:5 / 7}.hero .bento-label{position:relative;padding-left:1rem;color:var(--base-200)}.hero .bento-label:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:.5rem;height:.5rem;border-radius:50%;background:var(--base-500)}.hero .bento-role h3{font-size:clamp(2.5rem,4.5vw,4.5rem)}.hero .bento-list{display:flex;flex-direction:column;gap:.5rem}.hero .hero-container .hero-img-container{position:relative;grid-column:1 / 9;grid-row:1 / 7;overflow:hidden;background-color:var(--base-300);border:1px solid rgba(var(--base-100-rgb),.15);border-radius:.75rem;isolation:isolate}.hero .hero-container .hero-img-container .hero-img{position:absolute;top:0;left:0;width:100%;height:100%}.hero .hero-container .hero-img-container .hero-img img,.hero .hero-container .hero-img-container .hero-img video{width:100%;height:100%;object-fit:cover;display:block}.hero .hero-container .hero-img-container .hero-img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(var(--base-100-rgb),.125),rgba(var(--base-100-rgb),.125) 4px,transparent 4px,transparent 10px);background-size:100% 9px;filter:blur(2px);animation:pan-overlay 30s infinite linear;z-index:1}.hero.is-offscreen .hero-img-overlay{animation-play-state:paused}@keyframes pan-overlay{0%{background-position:0% 0%}to{background-position:0% -100%}}.hero .hero-container .hero-img-container .hero-img-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background:linear-gradient(0deg,#000000a6,#0000);z-index:1}.hero .hero-container .hero-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.hero .hero-container .hero-content .container{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.hero .hero-container .hero-content .container .hero-content-nav{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.hero .hero-container .hero-content .container .hero-content-nav .hero-timer{opacity:0;will-change:opacity}.hero .hero-container .hero-content .container .hero-content-nav .hero-timer p{width:10rem;height:2rem;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--base-100-rgb),.05);border:1px solid rgba(var(--base-100-rgb),.15);border-radius:.25rem;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.hero .hero-container .hero-content .container .hero-content-footer{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem}.hero .hero-container .hero-content .container .hero-content-header h1{font-size:clamp(4rem,9vw,9rem)}.intro{position:relative;width:100%;height:100%;overflow:hidden;padding-bottom:clamp(6rem,25vh,14rem)}.intro .container{display:flex;flex-direction:column}.intro .container .stats-container{width:100%;display:flex;gap:1.5rem;margin-bottom:5rem}.intro .container .stats-container .stat{flex:1;background-color:var(--base-300);border:1px solid rgba(var(--base-100-rgb),.15);border-radius:.5rem;padding:1.5rem}.intro .container .stats-container .stat .stat-copy{display:flex;flex-direction:column;gap:3rem}.intro .container .stats-container .stat .stat-copy .stats-copy-label{position:relative}.intro .container .stats-container .stat .stat-copy .stats-copy-label p{margin-left:1rem}.intro .container .stats-container .stat .stat-copy .stats-copy-label:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:.5rem;height:.5rem;border-radius:50%;background:var(--base-500);display:inline-block}.intro .container .stats-container .stat .stat-copy .stat-note{max-width:28rem;margin-top:-1.5rem;color:var(--base-200)}.intro .container .intro-header{width:50%;margin-bottom:2.5rem}.intro .container .intro-copy{width:100%;display:flex;justify-content:flex-end;margin-bottom:2.5rem}.intro .container .intro-copy .intro-copy-wrapper{width:70%}.intro .container .intro-copy .intro-copy-wrapper h3{color:var(--base-300)}.intro .container .intro-copy .intro-copy-wrapper h3 .char{display:inline-block;will-change:color}.featured-missions-header{position:relative;width:100vw;height:100svh;padding:1.5rem;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden;z-index:-1}.featured-missions-header h1{color:var(--base-100);font-size:17vw}.featured-missions{width:100%;padding:7.5rem 1.5rem 15rem}.featured-missions .featured-missions-list{width:100%;max-width:1300px;margin:0 auto;display:flex;flex-direction:column;gap:6rem}.project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);align-items:center;gap:3rem;padding:3rem;background-color:var(--base-200);border-radius:.75rem}.project:nth-child(2n){grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.project:nth-child(2n) .project-info{order:2}.project h3,.project p{color:var(--base-400)}.project-info{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.project-info h3{font-size:clamp(2.25rem,4vw,3.75rem)}.project-index{font-weight:600}.project-desc{max-width:28rem;line-height:1.2}.project-meta{display:flex;flex-wrap:wrap;gap:.5rem}.project-meta p{padding:.4rem .7rem;border:1px solid var(--base-400);border-radius:.25rem;font-weight:600}.project-devices{display:flex;align-items:flex-end;gap:0}.device-laptop{flex:1;min-width:0}.laptop-screen{aspect-ratio:16 / 10;overflow:hidden;background:#111;border:.55rem solid #111;border-bottom-width:.7rem;border-radius:.8rem .8rem 0 0}.laptop-screen img,.phone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.laptop-base{height:.9rem;margin:0 -5%;background:linear-gradient(#3a3f3d,#1a1d1c);border-radius:0 0 1rem 1rem}.device-phone{position:relative;z-index:1;flex:0 0 21%;margin-left:-5%;margin-bottom:.9rem;padding-bottom:0;filter:drop-shadow(0 .75rem 1.25rem rgba(0,0,0,.35))}.phone-screen{position:relative;aspect-ratio:9 / 19;overflow:hidden;background:#111;border:.35rem solid #111;border-radius:1.5rem}.phone-screen:before{content:"";position:absolute;top:.35rem;left:50%;transform:translate(-50%);width:28%;height:.4rem;background:#111;border-radius:9999px;z-index:1}@media(max-width:1000px){.featured-missions{padding:8rem 1rem}.featured-missions .featured-missions-list{gap:3rem}.project,.project:nth-child(2n){grid-template-columns:minmax(0,1fr);padding:1.5rem;gap:2rem}.project-devices{order:-1}.project:nth-child(2n) .project-info{order:0}.laptop-screen{border-width:.35rem;border-bottom-width:.45rem}.phone-screen{border-width:.25rem;border-radius:1rem}}.zoom-gallery{position:relative;width:100%;height:100dvh;overflow:hidden}.zoom-bg{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;will-change:opacity}.zoom-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;will-change:transform}.zoom-item{position:relative;overflow:hidden}.zoom-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos, center)}.zoom-overlay{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,var(--o, 0))}.zi-1{width:50vw;height:10vh;top:-18vh;left:3.5vw}.zi-2{width:50vw;height:10vh;top:-5vh;left:-40vw}.zi-3{width:50vw;height:12vh;top:-5vh;left:40vw}.zi-4{width:50vw;height:10vh;top:20vh;left:10.5vw}.zi-5{width:50vw;height:12vh;top:7.5vh;left:-45.5vw}.zi-6{width:50vw;height:10vh;top:8vh;left:45vw}.zoom-center{position:relative;width:110px;height:23vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background-image:url(/img/image.png);background-size:cover;background-position:center;box-shadow:0 1px 3px #0000004d}.zoom-center:after{content:"";position:absolute;bottom:0;left:0;right:0;height:9rem;background:linear-gradient(to top,var(--base-400),transparent);pointer-events:none;z-index:1}.zoom-center-inner{width:100%;height:100%;padding:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#000000b3}.zoom-hint{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0 2rem}.zoom-hint .scroll-label{margin-bottom:.75rem;font-size:10px;font-weight:300;letter-spacing:.3em;color:var(--base-100);opacity:.8}.scroll-mouse{position:relative;width:20px;height:34px;padding-top:6px;display:flex;justify-content:center;border:1px solid rgba(var(--base-100-rgb),.5);border-radius:9999px}.scroll-wheel-dot{width:3px;height:6px;border-radius:9999px;background:var(--base-500)}.scroll-chevrons{margin-top:.75rem;display:flex;flex-direction:column;align-items:center;color:var(--base-100)}.scroll-chevron{display:block;width:14px;height:7px}.scroll-chevron+.scroll-chevron{margin-top:-.375rem}@media(min-width:640px){.zoom-hint .scroll-label{font-size:12px}.scroll-mouse{width:24px;height:38px;padding-top:8px}}@media(min-width:768px){.zoom-center{width:25vw;height:25vh}.zi-1{width:30vw;height:30vh;top:-29.5vh}.zi-2{width:28vw;height:30vh;top:-10vh;left:-27.5vw}.zi-3{width:25vw;height:25vh;top:0;left:26vw}.zi-4{width:24vw;height:25vh;top:27.5vh;left:2vw}.zi-5{width:24vw;height:25vh;top:21vh;left:-25.5vw}.zi-6{width:20vw;height:20vh;top:24vh;left:26vw}}.contact{position:relative;width:100%;min-height:100svh;padding:5rem 1.5rem 1.5rem;display:flex}.contact-inner{width:100%;max-width:1300px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.contact-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.contact-status{display:inline-flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border:1px solid rgba(var(--base-100-rgb),.15);border-radius:.25rem}.contact-status:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--base-500);animation:contact-blink 1.6s ease-in-out infinite}@keyframes contact-blink{50%{opacity:.25}}.contact .contact-meta{color:var(--base-200)}.contact-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem}.contact .contact-title{font-size:clamp(3.5rem,min(10vw,17svh),11rem);color:var(--base-100)}.contact-row{max-width:24rem}.contact-copy .line-mask{position:relative;overflow:hidden}.contact-copy .line{position:relative;will-change:transform;color:var(--base-200)}.contact-cards{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(8.5rem,auto));gap:.75rem}.contact-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:1.5rem;background-color:color-mix(in srgb,var(--base-300) 70%,transparent);border:1px solid rgba(var(--base-100-rgb),.15);border-radius:.75rem;will-change:transform;transition:background-color .3s ease,border-color .3s ease}.contact-card-email{grid-column:1 / 9;grid-row:1 / 3}.contact-card-linkedin{grid-column:9 / 13;grid-row:1}.contact-card-copy{grid-column:9 / 13;grid-row:2}button.contact-card{width:100%;font:inherit;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none}.contact-card,.contact-card p{color:var(--base-100)}.contact-card .contact-card-note{color:var(--base-200)}.contact-card-top{display:flex;justify-content:space-between;align-items:center}.contact-card-label{position:relative;padding-left:1rem}.contact-card-label:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:.5rem;height:.5rem;border-radius:50%;background:var(--base-500)}.contact-card-arrow{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}.contact-card-text{display:flex;flex-direction:column;gap:.75rem}.contact-card-value{text-transform:none;font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1.2;overflow-wrap:anywhere}.contact-card-email .contact-card-value{font-family:Host Grotesk,sans-serif;font-weight:500;font-size:clamp(1.5rem,3.6vw,3.5rem);line-height:1.05;letter-spacing:-.02em}a.contact-card:hover,button.contact-card:hover,.contact-card.is-copied{background-color:var(--base-500);border-color:var(--base-500)}a.contact-card:hover,a.contact-card:hover p,button.contact-card:hover,button.contact-card:hover p,.contact-card.is-copied,.contact-card.is-copied p{color:#0b0f0e}a.contact-card:hover .contact-card-label:before,button.contact-card:hover .contact-card-label:before,.contact-card.is-copied .contact-card-label:before{background:#0b0f0e}a.contact-card:hover .contact-card-arrow{transform:translate(.25rem,-.25rem)}@media(max-width:1000px){.contact{padding:5rem 1rem 1rem}.contact-inner{gap:2.5rem}.contact .contact-title{font-size:clamp(3.25rem,16vw,6rem)}.contact-row{max-width:none}.contact-cards{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.contact-card-email,.contact-card-linkedin,.contact-card-copy{grid-column:1;grid-row:auto}.contact-card{min-height:10rem}}@media(max-width:1000px){.hero{height:auto;min-height:100svh;padding:4.75rem 1rem 1rem}.hero .hero-container{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto}.hero .hero-container .hero-img-container{grid-column:1 / 3;grid-row:auto;min-height:65svh}.hero .hero-container .hero-img-container .hero-img-overlay{display:none}.hero .bento-role,.hero .bento-bio{grid-column:1 / 3;grid-row:auto}.hero .bento-status{grid-column:1 / 2;grid-row:auto}.hero .bento-stack{grid-column:2 / 3;grid-row:auto}.hero .bento-tile{min-height:9rem;gap:2rem}.hero .hero-container .hero-content .container .hero-content-header h1{font-size:clamp(3.5rem,16vw,7rem)}.intro .container .stats-container{flex-direction:column}.intro .container{padding:1rem}.intro .container .intro-header{width:75%}.intro .container .intro-copy .intro-copy-wrapper{width:100%}}footer{--base-100: rgb(232, 239, 233);--base-200: rgb(125, 138, 133);--base-300: rgb(31, 38, 36);--base-400: rgb(11, 15, 14);--base-100-rgb: 232, 239, 233;color:var(--base-100)}footer .footer-icons{display:flex;flex-wrap:wrap;gap:.75rem}footer .footer-icons a{width:3.5rem;height:3.5rem;display:inline-flex;align-items:center;justify-content:center;background-color:rgba(var(--base-100-rgb),.08);transition:background-color .3s ease,color .3s ease}footer .footer-icons a svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}footer .footer-icons a:hover{background-color:var(--base-500);color:var(--base-400)}footer .footer-links{display:flex;flex-wrap:wrap;gap:4rem}footer .footer-links-group{display:flex;flex-direction:column;gap:.9rem;min-width:9rem}footer .footer-content-col .footer-links-label{position:relative;margin-bottom:.6rem;padding-left:1rem;color:var(--base-200)}footer .footer-content-col .footer-links-label:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:.5rem;height:.5rem;border-radius:50%;background:var(--base-500)}footer .footer-links-group a{position:relative;width:max-content;padding:.2rem 0;color:var(--base-200);transition:color .3s ease,padding-left .3s ease}footer .footer-links-group a:before{content:"";position:absolute;top:50%;left:0;width:0;height:2px;transform:translateY(-50%);background:var(--base-500);transition:width .3s ease}footer .footer-links-group a:hover{padding-left:1.4rem;color:var(--base-100)}footer .footer-links-group a:hover:before{width:1rem}@media(max-width:1000px){footer .footer-links{gap:2.5rem}}.routine{position:relative;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;overflow:hidden}.routine .routine-bg{display:none}.routine .routine-container{position:relative;width:100%;height:100%}.routine .routine-copy{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.routine .routine-copy .container{padding:6rem 1.5rem 1.5rem}.routine .routine-header{width:100%;display:flex;justify-content:space-between;gap:3rem}.routine .routine-progress-bar{position:relative;width:100%;height:.25rem;margin:1.5rem 0;overflow:hidden;background-color:rgba(var(--base-100-rgb),.15)}.routine .routine-progress{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--base-100);transform:scaleX(0);transform-origin:left;will-change:transform}.routine .routine-slider{width:100%;height:calc(100% - 8.5rem);overflow:hidden;container-type:inline-size}.routine .routine-slider-wrapper{position:relative;width:max-content;height:100%;display:flex;align-items:center;gap:1.5rem;will-change:transform}.routine .routine-block{position:relative;flex:0 0 auto;width:calc((100vw - 6rem) / 3);width:calc((100cqw - 3rem) / 3);height:100%;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background-color:#1f2624;border-radius:.75rem}.routine .routine-block-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.routine .routine-block:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#000000bf,#0000 55%),linear-gradient(180deg,#0006,#0000 30%)}.routine .routine-block-header,.routine .routine-block-footer{position:relative;z-index:2;width:100%;display:flex}.routine .routine-block p,.routine .routine-block h3{color:#e8efe9}.routine .routine-block-header{justify-content:space-between;align-items:flex-start}.routine .routine-block-header p:nth-child(2){color:#e8efe9bf}.routine .routine-block-footer{flex-direction:column;align-items:flex-start;gap:.6rem}.routine .routine-block-footer h3{font-size:clamp(2rem,3vw,3.25rem)}.routine .routine-block-footer p{color:#e8efe9bf}.routine .routine-controls{display:none}@media(max-width:1000px){.routine{height:auto;display:block;padding:6rem 0 4rem;overflow:visible}.routine .routine-container,.routine .routine-copy{position:static;height:auto}.routine .routine-copy .container{height:auto;padding:0 1rem}.routine .routine-header{align-items:flex-end}.routine .routine-progress-bar{margin:1.25rem 0 1.5rem}.routine .routine-slider{height:auto;margin:0 -1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.routine .routine-slider::-webkit-scrollbar{display:none}.routine .routine-slider-wrapper{height:auto;align-items:stretch;padding:0 1rem}.routine .routine-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem}.routine .routine-count{color:var(--base-100);font-size:1rem}.routine .routine-count .routine-count-current{color:var(--base-500)}.routine .routine-arrows{display:flex;gap:.5rem}.routine .routine-arrow{width:3.5rem;height:3.5rem;padding:0;display:flex;justify-content:center;align-items:center;background:var(--base-500);border:1px solid var(--base-500);border-radius:.25rem;color:#0b0f0e;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.routine .routine-arrow svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.routine .routine-arrow:active:not(:disabled){transform:scale(.94)}.routine .routine-arrow:focus-visible{outline:2px solid var(--base-100);outline-offset:2px}.routine .routine-arrow:disabled{background:transparent;border-color:rgba(var(--base-100-rgb),.3);color:var(--base-100);opacity:.35;cursor:default}.routine .routine-block{height:auto;aspect-ratio:4 / 5;width:clamp(16rem,78vw,22rem);scroll-snap-align:start}.routine .routine-block-footer h3{font-size:clamp(1.75rem,8vw,2.25rem)}}:root.is-light{--base-100: rgb(11, 15, 14);--base-200: rgb(90, 102, 96);--base-300: rgb(226, 231, 228);--base-400: rgb(255, 255, 255);--base-100-rgb: 11, 15, 14}.zoom-gallery{--base-100: rgb(232, 239, 233);--base-200: rgb(125, 138, 133);--base-300: rgb(31, 38, 36);--base-400: rgb(11, 15, 14);--base-100-rgb: 232, 239, 233}footer{position:relative;width:100%;height:100svh;max-height:1200px;padding:1rem;display:flex;justify-content:center;align-items:center;overflow:hidden}footer .footer-container{position:relative;width:100%;height:100%;filter:url(#goo);max-width:2000px}footer .footer-bg-container{position:relative;width:100%;height:100%;background-color:var(--base-300);border-radius:.75rem}footer .footer-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:6rem}footer .footer-content-meta{width:100%;display:flex;gap:1.5rem}footer .footer-content-col{flex:1}footer .footer-content-col h3,footer .footer-content-col p{margin-bottom:3rem}footer input{width:50%;border:none;outline:none;padding:1.5rem;text-decoration:none;text-transform:uppercase;background-color:rgba(var(--base-100-rgb),.08);color:var(--base-100);font-family:Geist Mono,monospace;font-size:clamp(.8rem,.75vw,.85rem);font-weight:500;line-height:1}footer .footer-socials{display:flex;flex-wrap:wrap}footer .footer-socials .footer-social{display:inline-block;margin-right:.3rem}footer .footer-socials .footer-social a{color:var(--base-200)}footer .footer-content-meta:nth-child(1){gap:7.5rem}footer .footer-content-meta:nth-child(2){align-items:flex-end}footer .footer-content-meta:nth-child(2) .footer-content-col:nth-child(1){display:flex}footer .footer-content-meta:nth-child(2) .footer-content-col:nth-child(1) p:nth-child(2){color:var(--base-200)}footer .footer-content-meta:nth-child(2) p{margin-bottom:0;flex:1}@media(max-width:1000px){footer{height:auto;min-height:100svh;max-height:none;padding:.75rem;align-items:stretch}footer .footer-container{height:auto;min-height:calc(100svh - 1.5rem)}footer .footer-bg-container{position:absolute;top:0;left:0}footer .footer-content{position:relative;height:auto;min-height:calc(100svh - 1.5rem);justify-content:flex-start;gap:3.5rem;padding:4rem 1.25rem 2rem}footer .footer-content-col{flex:none}footer .footer-content-meta{flex-direction:column}footer .footer-content-meta:nth-child(2){flex-direction:column-reverse;align-items:flex-start;margin-top:auto;gap:2rem}footer input{width:100%;margin-bottom:.5rem}footer .footer-content-meta:nth-child(1){gap:3rem}footer .footer-content-col h3{margin-bottom:1.5rem}footer .footer-content-col h1{font-size:12vw;line-height:.95}footer .footer-content-meta:nth-child(1) p.bodyCopy{display:none}footer .footer-content-meta:nth-child(2) .footer-content-col:nth-child(1){flex-direction:column-reverse;gap:.25rem}}
