@import "https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.absolute{position:absolute}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--font-primary:"Overused-Grotesk",Arial,sans-serif;--preload-transition-duration:1.2s;--hero-brand-top:35%;--slide-count:20;--bg:#fbfaf5;--muted:#999;--text:#111;--card-color:#a9ee31;--overlay-text:#111;--prefooter-fg:#fff;--circle-size:220px;--circle-border:6px;--marquee-speed-top:280s;--marquee-speed-bottom:280s;--circle-rotation-duration:20s;--parallax:0px;font-family:Gilroy-Bold,Gilroy,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}html,body,#__next{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.preload{z-index:9999;transition:transform var(--preload-transition-duration)cubic-bezier(.77,0,.175,1);will-change:transform;pointer-events:auto;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preload--hide{transform:translateY(-100%)}.preload__text{letter-spacing:2px;-webkit-text-fill-color:transparent;white-space:nowrap;background:linear-gradient(90deg,#000,#fff,#000) 0 0/80% no-repeat;-webkit-background-clip:text;font-size:clamp(28px,5vw,60px);animation:2.5s linear forwards preload-shine}@keyframes preload-shine{0%{background-position:-500%}to{background-position:500%}}.hero-brand-3d{--hb-color:#fff;--hb-back-color:#aeb2b5;--hb-gap:8px;--hb-font-size:1.4rem;font-size:var(--hb-font-size);line-height:1;display:inline-block}.hero-brand-3d .hb-letters{gap:var(--hb-gap);transform-style:preserve-3d;will-change:transform;align-items:center;display:inline-flex}.hero-brand-3d .hb-letter{vertical-align:middle;display:inline-block;position:relative}.hero-brand-3d .hb-inner{transform-style:preserve-3d;will-change:transform;display:block;position:relative}.hero-brand-3d .hb-face{pointer-events:none;backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.hero-brand-3d .hb-glyph{text-transform:uppercase;white-space:pre;-webkit-font-smoothing:antialiased;font-family:Gilroy-Bold,Gilroy,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:700;line-height:1;font-size:inherit;padding:0 .06ch;transition:color .24s,text-shadow .24s,filter .24s,opacity .24s;display:inline-block}.hero-brand-3d .hb-face.front .hb-glyph{color:var(--hb-color);text-shadow:none}.hero-brand-3d .hb-face.back .hb-glyph{color:var(--hb-color);text-shadow:0 4px 10px #00000047;filter:drop-shadow(0 4px 10px #0003);opacity:.98;font-weight:600}.hero-brand-3d.is-playing .hb-face.back .hb-glyph{color:var(--hb-back-color);text-shadow:0 8px 32px #06b6d42e,0 2px 8px #06b6d414,0 1px #ffffff05;filter:drop-shadow(0 10px 28px #06b6d41f);opacity:1}.hero-brand-3d .hb-sizer{visibility:hidden;height:0;display:block;overflow:hidden}.hero-brand-3d .hb-letters{gap:var(--hb-gap);transform-style:preserve-3d;will-change:transform;letter-spacing:3px;flex-wrap:nowrap;align-items:center;font-size:25px;display:inline-flex}.hero-brand-3d .hb-word{vertical-align:middle;display:inline-block}.hero-brand-3d .hb-word-letters{gap:var(--hb-gap);white-space:nowrap;transform-style:preserve-3d;will-change:transform;align-items:center;display:inline-flex}@media (max-width:500px){.hero-brand-3d .hb-letters{justify-content:center;gap:calc(var(--hb-gap)*.8);flex-wrap:wrap}.hero-brand-3d{max-width:80%;max-height:50%}.hero-brand-3d .hb-word-letters{gap:calc(var(--hb-gap)*.8);font-size:18px}.hero-brand-3d{--hb-font-size:.8rem;--hb-gap:8px}}.hero-wrapper{position:relative}.hero{--hero-3d-bg:#aeb2b5;--hero-overlay-opacity:.36;color:#fff;z-index:10;touch-action:pan-y;background:#0b0b0b;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.hero:before{content:"";z-index:15;pointer-events:none;background:rgba(0,0,0,var(--hero-overlay-opacity));transition:background-color .24s,opacity .24s;position:absolute;inset:0}.hero-brand-container{left:50%;top:var(--hero-brand-top,35%);z-index:30;pointer-events:none;justify-content:center;width:100%;margin:0;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.hero-spacer{height:calc(var(--slide-count)*100vh);width:100%}.slides{width:100%;height:100vh;position:relative;overflow:hidden}.slide{opacity:0;pointer-events:none;background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.parallax{z-index:0;pointer-events:none;will-change:transform;transform-origin:50%;position:absolute;inset:0;overflow:hidden}.slide.is-visible{opacity:1;pointer-events:auto}.parallax img{-o-object-fit:cover;object-fit:cover;transform-origin:50%;will-change:transform;width:100%;height:100%;display:block;transform:translateY(0%)scale(1)}.slide-content{z-index:2;color:#fff;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}body.smooth-scroll{scroll-behavior:smooth}.card{will-change:transform,background-color;z-index:1;background:0 0;border-radius:12px;width:280px;height:190px;transition:box-shadow .18s;position:absolute;overflow:hidden;box-shadow:0 10px 30px #0a0a0a1f}.maincard-text-container{z-index:9999;cursor:grab;width:clamp(200px,40vw,320px);transition:box-shadow .25s;position:absolute;top:clamp(24px,18vh,180px);left:clamp(16px,45vw,660px)}.maincard-text-container:active{cursor:grabbing}.maincard-text{background:#ffffffe6;border-radius:12px;padding:18px;box-shadow:0 6px 20px #0a0a0a14}p.p-small-des{margin:0;font-family:Segoe UI,Helvetica Neue,sans-serif;font-weight:400}.p-small-desk{color:#000;margin:0 0 6px;text-decoration:none}.project-container{justify-content:stretch;align-items:stretch;width:100%;height:100vh;min-height:100vh;padding:0;display:flex}.cards-container-wrapper{width:100%;height:100%;min-height:100%;position:relative;overflow:visible}.cards-stage{box-sizing:border-box;background:#374921;width:100%;height:100%;padding:24px;position:relative;overflow:hidden;box-shadow:0 8px 30px #0a0a0a0f}.card .card-bg{transform-origin:50%;will-change:transform,background-color;background-color:#fff;background-image:linear-gradient(to bottom right,#ffffff05,#00000003);width:100%;height:100%;transition:transform 2s cubic-bezier(.2,.9,.3,1),background-color 2s;display:block;position:absolute;inset:0}.card .overlay{text-align:center;pointer-events:none;color:var(--overlay-text,#111);text-shadow:none;justify-content:center;align-items:center;padding:16px;transition:color .25s,text-shadow .25s;display:flex;position:absolute;inset:0}.overlay .title{font-family:Gilroy,system-ui,sans-serif;font-weight:100}.card .title{margin:0;font-size:20px;font-weight:600}.card:hover .card-bg{background-color:var(--card-color);transform:scale(1.08)}.card:hover .overlay{color:#000}.more-section{box-sizing:border-box;background:#fff;width:100%;padding:80px 0}.hint{color:var(--muted);font-size:12px}@media (max-width:1024px),(max-width:920px){.cards-container-wrapper{width:100%}.card{width:160px;height:110px}p.p-small-des{font-size:15px}.overlay .title{font-family:Gilroy,system-ui,sans-serif;font-size:17px;font-weight:650}.maincard-text{width:180px;height:140px}}.prefooter-body{color:var(--prefooter-fg);font-family:var(--font-primary),serif;-webkit-font-smoothing:antialiased;overflow:visible}.pf-wrapper{z-index:0;background-color:#374921;flex-direction:column;justify-content:center;align-items:center;min-height:680px;padding:20px 0;display:flex;position:relative;overflow:hidden}.marquee{white-space:nowrap;z-index:1;width:100%;position:relative;overflow:hidden}.marquee-track{letter-spacing:-.02em;will-change:transform;gap:4vw;font-size:clamp(9rem,14vw,28rem);font-weight:600;line-height:.85;display:inline-flex}.marquee-top .marquee-track{animation:marquee-left var(--marquee-speed-top)linear infinite}.marquee-bottom .marquee-track{animation:marquee-right var(--marquee-speed-bottom)linear infinite}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.prefooter-top-buttons{box-sizing:border-box;z-index:10002;pointer-events:auto;justify-content:space-between;align-items:flex-start;width:100%;padding:12px 4vw;display:flex;position:absolute;top:0;left:0}.footer-widget{display:block}.footer-links-wrapper{perspective:1200px;box-sizing:border-box;display:block}.footer-link{-webkit-text-size-adjust:100%;box-sizing:border-box;-webkit-font-smoothing:antialiased;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;display:inline-block}.footer-link-inner{width:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:50%;will-change:transform;transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .35s;-webkit-transition:-webkit-transform .6s cubic-bezier(.22,.61,.36,1),opacity .35s;display:inline-block;position:relative}.footer-link-front,.footer-link-back{box-sizing:border-box;width:100%;font-family:var(--font-primary,Overused-Grotesk),Arial,sans-serif;letter-spacing:.01em;text-transform:uppercase;color:var(--prefooter-fg);-webkit-font-smoothing:antialiased;backface-visibility:hidden;padding:20px 6px;font-size:1.375rem;font-weight:500;line-height:1.1;display:block}.footer-link-front{opacity:1;position:relative;transform:rotateX(0)translateZ(0)}.footer-link-back{opacity:1;width:100%;position:absolute;top:0;left:0;transform:rotateX(180deg)translateZ(0)}.footer-link:hover .footer-link-inner,.footer-link:focus .footer-link-inner,.footer-link:focus-visible .footer-link-inner,.footer-link:active .footer-link-inner{transform:rotateX(180deg)}.footer-link:focus-visible{outline-offset:4px;outline:2px solid highlight}@media (max-width:600px){.prefooter-top-buttons{flex-direction:column;align-items:center;gap:8px;padding:10px}.footer-widget{justify-content:center;width:100%;display:flex}.footer-link{width:auto}}.is-preloading{touch-action:none;overflow:hidden}.cta-inner{width:var(--circle-size);height:var(--circle-size);z-index:9999;will-change:transform;background-color:#374921;border-radius:50%;outline:none;place-items:center;transition:transform .35s cubic-bezier(.22,.61,.36,1);display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.cta-inner:hover{transform:translate(-50%,-50%)scale(1.15)}.cta-inner:before{content:"";pointer-events:none;border:2px solid #ffffff59;border-radius:50%;position:absolute;inset:0}@keyframes circle-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.arc-rotator{z-index:1;pointer-events:none;transform-origin:50%;width:100%;height:100%;animation:circle-rotate var(--circle-rotation-duration)linear infinite;will-change:transform;position:absolute;inset:0}.arc-letter{color:var(--prefooter-fg);transform-origin:0 0;white-space:pre;-webkit-font-smoothing:antialiased;pointer-events:none;font-weight:450;display:block;position:absolute;top:50%;left:50%}.typing-paragraph strong,.typing-paragraph b{font-family:Gilroy,system-ui,sans-serif;font-size:18px;font-weight:1000}@media (max-width:900px){.typing-paragraph{font-size:14px}}.cta-arrow{z-index:10000;pointer-events:none;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:900px){.prefooter-body{--circle-size:240px}}@media (max-width:600px){.prefooter-body{--circle-size:180px}}.by-miracle{z-index:10;letter-spacing:-.01em;box-sizing:border-box;justify-content:space-between;min-width:100%;margin-left:0;margin-right:0;padding-left:1.875rem;padding-right:1.875rem;font-family:Gilroy-Bold,Gilroy,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1.125rem;font-weight:500;position:absolute;bottom:40px}.w-layout-blockcontainer,.container-fluid,.w-container{box-sizing:border-box;width:100%;display:block}.w-layout-grid.grid-12-columns-extra-small{box-sizing:border-box;display:block}.footer-credits{box-sizing:border-box;width:100%;display:block}.footer-credits-item{display:block}@media (max-width:500px){.footer-credits-item{text-align:center;display:block}}.link.w-inline-block,.link{color:inherit;-webkit-text-size-adjust:100%;letter-spacing:-.01em;font-size:1.125rem;line-height:1.5;display:inline-block}.link:hover,.link:focus{outline:none;text-decoration:underline}.wrapper{background-color:#f4ffdc;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.content-grid{grid-template-columns:1fr 1fr;place-items:center;gap:40px;width:100%;max-width:1200px;display:grid}.text-block{max-width:560px;padding:8px 12px}.text-block h2{color:#374921;text-transform:uppercase;margin:0 0 12px;font-size:40px}.text-block p{opacity:.9;color:#374921;margin:0 0 10px;line-height:1.5}.frame{cursor:pointer;will-change:transform;width:60vmin;height:90vmin;transform:translateY(var(--parallax,0px));background:#e6e6e6;border-radius:8px;justify-content:center;align-items:center;transition:transform .8s cubic-bezier(.22,.61,.36,1);display:flex;position:relative;overflow:hidden}.frame__img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.frame__placeholder{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);width:100%;height:100%}@media (max-width:900px){.content-grid{flex-direction:column;gap:24px;display:flex}.content-grid>.text-block{order:1}.content-grid>.frame{order:2}:root{--w:70vw;--h:90vw}.text-block{padding:0 8px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
