@font-face{font-family:"JackKanit";src:url("/wp-content/themes/generatepress/assets/fonts/kanit/kanit_5.3.0_latin-300-normal.woff2#1788675042") format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:"JackKanit";src:url("/wp-content/themes/generatepress/assets/fonts/kanit/kanit_5.3.0_latin-400-normal.woff2#1788675042") format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"JackKanit";src:url("/wp-content/themes/generatepress/assets/fonts/kanit/kanit_5.3.0_latin-500-normal.woff2#1788675042") format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:"JackKanit";src:url("/wp-content/themes/generatepress/assets/fonts/kanit/kanit_5.3.0_latin-600-normal.woff2#1788675042") format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:"JackKanit";src:url("/wp-content/themes/generatepress/assets/fonts/kanit/kanit_5.3.0_latin-700-normal.woff2#1788675042") format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:"JackKanit";src:url("/wp-content/themes/generatepress/assets/fonts/kanit/kanit_5.3.0_latin-900-normal.woff2#1788675042") format("woff2");font-style:normal;font-weight:900;font-display:swap}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;background:#000}body:has(#jack3d-root){overflow-x:clip}body:has(#jack3d-root).admin-bar{margin-top:0;padding-top:0}body:has(#jack3d-root) #wpadminbar{display:none}body:has(#jack3d-root) :is(.site-header,#masthead,.header-wrap,.site-header-wrap,.main-header,.main-header-bar,.entry-header,.page-header,.site-header-spacer,.header-spacer,.sticky-header-spacer,.header-placeholder){display:none;width:0;height:0;min-height:0;margin:0;padding:0;border:0}body:has(#jack3d-root) :is(#page,.site,.site-content,.content-area,.site-main,#primary,#main,main,article,.inside-article,.entry-content,.content-container,.content-wrap,.inside-container,.grid-container){width:100%;max-width:none;margin:0;padding:0;border:0;overflow:visible!important}#jack3d-root{width:100%;max-width:1440px;margin:0 auto;padding:0;position:relative;background:#000;color:#D7E2EA;font-family:"JackKanit",sans-serif;font-synthesis:none;isolation:isolate;overflow:visible!important}#jack3d-root *,#jack3d-root *::before,#jack3d-root *::after{font-family:"JackKanit",sans-serif;font-synthesis:none}#jack3d-root .jack3d{width:100%;background:#000;color:#D7E2EA;font-weight:400;line-height:1.2}#jack3d-root :is(h1,h2,h3,h4,h5,h6){font-weight:900}#jack3d-root a{color:inherit;text-decoration:none}#jack3d-root :is(img,video){max-width:100%}#jack3d-root :is(.jack3d-gradient,.hero-heading){background:linear-gradient(180deg,#646973 0%,#BBCCD7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0}#jack3d-root .jack3d-hero{width:100%;height:100vh;min-height:680px;position:relative;overflow:hidden;background:#000;isolation:isolate}#jack3d-root .jack3d-nav{width:100%;position:absolute;top:0;left:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;color:#D7E2EA;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}#jack3d-root .jack3d-nav a{display:inline-block;color:#D7E2EA;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:opacity 200ms ease}#jack3d-root .jack3d-nav a:hover{opacity:.7}#jack3d-root .jack3d-hero-heading-wrap{width:100%;position:absolute;top:0;left:0;z-index:30;padding-top:clamp(35px, 3.5vh, 55px);pointer-events:none}#jack3d-root .jack3d-hero-heading{width:100%;margin:0;background:linear-gradient(180deg,#646973 0%,#BBCCD7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;font-size:14vw;font-weight:900;line-height:.95;letter-spacing:-.025em;text-align:center;text-transform:uppercase;white-space:nowrap;position:relative;z-index:30}#jack3d-root .jack3d-portrait-wrap{position:absolute;left:50%;bottom:0;width:min(680px, 62vw);height:min(82vh, 820px);transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center;z-index:20;pointer-events:none}#jack3d-root .jack3d-portrait-wrap .jack3d-magnetic{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative;transform:translate3d(0,0,0);will-change:transform}#jack3d-root :is(.jack3d-portrait,.jack3d-portrait-wrap video){display:block;width:auto;height:min(82vh, 820px);max-width:75vw;max-height:820px;object-fit:contain;object-position:center bottom;border:0;background:#fff0;vertical-align:bottom}#jack3d-root .jack3d-hero-bottom{width:100%;position:absolute;left:0;bottom:0;z-index:50;padding:0 24px 32px;display:flex;align-items:flex-end;justify-content:space-between}#jack3d-root .jack3d-hero-bottom p{max-width:270px;margin:0;color:#D7E2EA;font-size:clamp(0.75rem, 1.4vw, 1.5rem);font-weight:300;letter-spacing:.06em;line-height:1.15;text-transform:uppercase}#jack3d-root .jack3d-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 32px;color:#D7E2EA;font-size:clamp(0.72rem, 1vw, 1rem);font-weight:500;line-height:1.2;text-transform:uppercase;letter-spacing:.15em;border:2px solid #D7E2EA;white-space:nowrap;transition:background 250ms ease,transform 250ms ease}#jack3d-root .jack3d-pill:hover{transform:translateY(-2px)}#jack3d-root .jack3d-pill.contact{background:linear-gradient(123deg,#18011F 7%,#B600A8 37%,#7621B0 72%,#BE4C00 100%);border-color:#FFF;box-shadow:0 4px 4px rgb(181 1 167 / .25),4px 4px 12px #7721B1 inset;outline:2px solid #FFF;outline-offset:-5px;color:#FFF}#jack3d-root .jack3d-pill.live{padding:12px 24px;border-color:#D7E2EA;color:#D7E2EA}#jack3d-root .jack3d-pill.live:hover{background:rgb(215 226 234 / .1)}#jack3d-root .jack3d-marquee{padding:120px 0 40px;overflow:hidden;background:#000;display:flex;flex-direction:column;gap:16px}#jack3d-root .jack3d-marquee-row{display:flex;gap:16px;width:max-content;will-change:transform}#jack3d-root .jack3d-marquee-row:nth-child(1),#jack3d-root .jack3d-marquee-row:nth-child(3){animation:marqueeLeft 45s linear infinite}#jack3d-root .jack3d-marquee-row:nth-child(2){animation:marqueeRight 45s linear infinite}@keyframes marqueeLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes marqueeRight{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}#jack3d-root .jack3d-marquee-tile{width:420px;height:270px;flex:0 0 420px;overflow:hidden;border-radius:24px;cursor:pointer;position:relative}#jack3d-root .jack3d-marquee-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 500ms ease,filter 500ms ease}#jack3d-root .jack3d-marquee-tile:hover img{transform:scale(1.04);filter:brightness(1.08)}#jack3d-root .jack3d-about{min-height:80vh;padding:100px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;background:#000;width:100%;max-width:100%}#jack3d-root :is(.jack3d-about h2,.jack3d-services h2,.jack3d-projects>h2){font-size:clamp(3.5rem, 10vw, 130px);line-height:1;margin:0;font-weight:900;text-transform:uppercase;letter-spacing:-.03em;max-width:100%;word-break:break-word}#jack3d-root .jack3d-about .jack3d-animated-text{max-width:680px;width:100%;margin:35px auto 50px;font-size:clamp(1.05rem, 1.8vw, 1.35rem);line-height:1.65;font-weight:400;color:#D7E2EA;white-space:normal;word-break:break-word;overflow-wrap:anywhere}#jack3d-root .jack3d-decor{position:absolute;pointer-events:none;z-index:1}#jack3d-root .jack3d-decor.moon{width:clamp(80px, 12vw, 180px);top:6%;left:5%}#jack3d-root .jack3d-decor.object{width:clamp(70px, 10vw, 150px);bottom:8%;left:8%}#jack3d-root .jack3d-decor.lego{width:clamp(80px, 12vw, 180px);top:6%;right:5%}#jack3d-root .jack3d-decor.group{width:clamp(90px, 13vw, 190px);bottom:8%;right:8%}#jack3d-root .jack3d-services{background:#FFF;color:#0C0C0C;border-radius:60px 60px 0 0;padding:90px 20px 120px;position:relative;z-index:2}#jack3d-root .jack3d-services h2{text-align:center;margin-bottom:80px}#jack3d-root .jack3d-service{max-width:1000px;margin:auto;border-top:1px solid rgb(12 12 12 / .15);padding:42px 0;display:grid;grid-template-columns:30% 70%;align-items:start}#jack3d-root .jack3d-service-num{font-size:clamp(3rem, 10vw, 140px);font-weight:900;line-height:.8}#jack3d-root .jack3d-service h3{font-size:clamp(1rem, 2.2vw, 2.1rem);font-weight:500;text-transform:uppercase;margin:0 0 10px}#jack3d-root .jack3d-service p{font-size:clamp(0.85rem, 1.6vw, 1.25rem);line-height:1.55;font-weight:300;opacity:.6;margin:0;max-width:700px}#jack3d-root .jack3d-projects{background:#000;border-radius:60px 60px 0 0;margin-top:-55px;position:relative;z-index:10;padding:90px 20px 180px;overflow:visible!important}#jack3d-root .jack3d-projects>h2{text-align:center;margin-bottom:40px}#jack3d-root .jack3d-project-wrap,#jack3d-root .project-card-wrapper{position:-webkit-sticky;position:sticky;top:40px!important;height:auto!important;max-width:900px;margin:0 auto 60px auto;will-change:transform}#jack3d-root .jack3d-project,#jack3d-root .project-card-inner{position:relative;height:auto!important;border:2px solid #D7E2EA;border-radius:45px;background:#000;padding:28px;transform-style:preserve-3d;transition:transform 550ms cubic-bezier(.2,.7,.2,1),box-shadow 450ms ease,border-color 350ms ease}#jack3d-root .jack3d-project:hover{border-color:#FFF;box-shadow:0 28px 80px rgb(0 0 0 / .45),0 0 0 1px rgb(215 226 234 / .16) inset}#jack3d-root .jack3d-project-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}#jack3d-root .jack3d-project-num{font-size:clamp(2.5rem, 5vw, 4.5rem);font-weight:900;line-height:.8}#jack3d-root .jack3d-project-info{flex:1;min-width:0}#jack3d-root .jack3d-project-type{text-transform:uppercase;letter-spacing:.14em;opacity:.65;font-size:.8rem}#jack3d-root .jack3d-project-name{text-transform:uppercase;font-size:clamp(1.1rem, 2vw, 1.8rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#jack3d-root .jack3d-project-grid{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:0!important;height:auto!important;width:100%!important}#jack3d-root .jack3d-grid-left{display:none!important}#jack3d-root .jack3d-project-preview,#jack3d-root .jack3d-project-image-wrap{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:16 / 9;border-radius:28px;overflow:hidden;cursor:pointer;background:transparent!important;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}#jack3d-root .jack3d-project-grid img,#jack3d-root .jack3d-project-grid video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;display:block!important}.jack3d-cta-section{width:100%;padding:60px 20px;margin:40px 0 20px 0}.jack3d-cta-container{max-width:1140px;margin:0 auto;padding:48px 40px;background:#EBF0F4;border:1px solid #D1DCE5;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:32px;box-shadow:0 10px 30px rgb(0 0 0 / .15)}.jack3d-cta-content{max-width:650px}.jack3d-cta-tag{display:inline-block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#333D47;background:rgb(0 0 0 / .06);padding:6px 14px;border-radius:999px;margin-bottom:14px;border:1px solid rgb(0 0 0 / .12)}.jack3d-cta-title{font-size:clamp(1.6rem, 3vw, 2.2rem);font-weight:800;line-height:1.25;margin:0 0 12px 0;color:#1A202C;background:none;-webkit-text-fill-color:initial}.jack3d-cta-desc{font-size:1rem;color:#4A5568;margin:0;line-height:1.6;font-weight:500}.jack3d-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#1A202C;color:#FFF;font-size:.95rem;font-weight:700;border-radius:999px;transition:all 250ms ease;white-space:nowrap}.jack3d-cta-btn svg{stroke:#FFF;transition:transform 250ms ease}.jack3d-cta-btn:hover{background:#2D3748;transform:translateY(-2px)}.jack3d-cta-btn:hover svg{transform:translateX(4px)}.jack3d-footer{width:100%;background:#050505;color:#D7E2EA;border-top:1px solid rgb(215 226 234 / .12);padding:60px 32px 30px;position:relative;z-index:20}.jack3d-footer-container{max-width:1140px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:32px}@media screen and (min-width:601px) and (max-width:1024px){#jack3d-root{width:100%;overflow:visible!important}#jack3d-root .jack3d-hero{height:auto!important;min-height:unset!important;max-height:none!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding-bottom:40px!important}#jack3d-root .jack3d-hero-heading-wrap{position:relative!important;padding-top:80px!important;z-index:25!important}#jack3d-root .jack3d-hero-heading{font-size:clamp(3.8rem, 12vw, 7.5rem)!important;line-height:0.9!important}#jack3d-root .jack3d-portrait-wrap{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;margin:-4vw auto 0 auto!important;width:min(580px, 75vw)!important;height:auto!important;max-height:none!important;z-index:20!important}#jack3d-root :is(.jack3d-portrait,.jack3d-portrait-wrap video){width:100%!important;height:auto!important;max-height:52vh!important;object-fit:contain!important}#jack3d-root .jack3d-hero-bottom{position:relative!important;bottom:auto!important;padding:24px 24px 0!important;margin-top:-10px!important}#jack3d-root .jack3d-projects{border-radius:40px 40px 0 0!important;margin-top:-40px!important;padding:60px 16px 140px!important;overflow:visible!important}#jack3d-root .jack3d-project-wrap,#jack3d-root .project-card-wrapper{position:-webkit-sticky!important;position:sticky!important;top:-40px!important;height:calc(100vh - 10px)!important;max-height:750px!important;margin-bottom:50px!important;z-index:10}#jack3d-root .jack3d-project,#jack3d-root .project-card-inner{height:100%!important;padding:22px!important;border-radius:35px!important;background:#000000!important}#jack3d-root .jack3d-project-grid{grid-template-columns:42% 58%!important;gap:12px!important;height:calc(100% - 90px)!important}#jack3d-root .jack3d-about{padding:70px 20px!important;min-height:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}#jack3d-root .jack3d-about h2{font-size:clamp(2.8rem, 7vw, 5rem)!important;line-height:1.1!important;max-width:100%!important}#jack3d-root .jack3d-about .jack3d-animated-text{font-size:clamp(1rem, 2.2vw, 1.18rem)!important;line-height:1.65!important;max-width:100%!important;padding:0 16px!important;margin:24px auto 32px!important;word-break:break-word!important;overflow-wrap:anywhere!important}#jack3d-root .jack3d-decor{max-width:65px!important;opacity:.5}#jack3d-root .jack3d-services{border-radius:40px 40px 0 0!important;padding:60px 20px 80px!important}.jack3d-cta-container{padding:40px 32px}.jack3d-footer{padding:50px 28px 28px}}@media screen and (max-width:600px){#jack3d-root .jack3d-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:auto;min-height:unset;padding-top:30px}#jack3d-root .jack3d-hero-heading-wrap{position:relative;padding-top:0;z-index:20;width:100%}#jack3d-root .jack3d-hero-heading{font-size:clamp(2.5rem, 11vw, 4.5rem)!important;line-height:0.95!important}#jack3d-root .jack3d-portrait-wrap{position:relative;left:auto;bottom:auto;transform:none;margin-top:-12vw;width:88vw;height:auto;max-height:52vh;z-index:10}#jack3d-root :is(.jack3d-portrait,.jack3d-portrait-wrap video){width:100%;height:auto;max-height:52vh;object-fit:contain}#jack3d-root .jack3d-hero-bottom{position:relative;padding:16px 18px 24px;align-items:center}#jack3d-root .jack3d-hero-bottom p{max-width:150px;font-size:.72rem}#jack3d-root .jack3d-pill{padding:10px 18px;font-size:.68rem}#jack3d-root .jack3d-marquee{padding:60px 0 20px;gap:10px}#jack3d-root .jack3d-marquee-row{gap:10px}#jack3d-root .jack3d-marquee-tile{width:220px;height:140px;flex:0 0 220px;border-radius:14px}#jack3d-root :is(.jack3d-about h2,.jack3d-services h2,.jack3d-projects>h2){font-size:clamp(2rem, 8.5vw, 3.2rem)!important;line-height:1.15!important;padding:0!important;max-width:100%!important}#jack3d-root .jack3d-about{padding:60px 12px;min-height:auto;width:100%;max-width:100%;box-sizing:border-box}#jack3d-root .jack3d-about .jack3d-animated-text{font-size:clamp(0.9rem, 4vw, 1.05rem)!important;line-height:1.6!important;margin:20px auto 30px!important;padding:0 8px!important;width:100%!important;max-width:100%!important;word-break:break-word!important;overflow-wrap:anywhere!important}#jack3d-root .jack3d-decor{max-width:45px;opacity:.6}#jack3d-root .jack3d-services{border-radius:35px 35px 0 0;padding:60px 16px}#jack3d-root .jack3d-service{grid-template-columns:1fr;gap:10px;padding:25px 0}#jack3d-root .jack3d-service-num{font-size:2.8rem}#jack3d-root .jack3d-projects{border-radius:35px 35px 0 0;padding:60px 12px 100px;overflow:visible!important}#jack3d-root .jack3d-project-wrap,#jack3d-root .project-card-wrapper{height:auto;top:0px!important;margin-bottom:24px}#jack3d-root .jack3d-project,#jack3d-root .project-card-inner{height:auto;border-radius:28px;padding:16px}#jack3d-root .jack3d-project-grid{grid-template-columns:1fr;height:auto;gap:10px}#jack3d-root .jack3d-grid-left{grid-template-rows:auto auto;gap:10px}#jack3d-root .jack3d-project-image-wrap,#jack3d-root .jack3d-project-preview{height:200px;border-radius:20px}.jack3d-cta-container{flex-direction:column;text-align:center;padding:36px 20px;gap:24px}.jack3d-cta-btn{width:100%;justify-content:center}.jack3d-footer{padding:40px 20px 24px}}@media (prefers-reduced-motion:reduce){#jack3d-root *{animation:none!important;transition:none!important}}.jack3d-project-preview{position:relative;width:100%;height:100%;min-height:280px;overflow:hidden;border-radius:inherit}.jack3d-project-preview video,.jack3d-project-preview img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;border-radius:inherit}