@font-face{font-family:Inter;src:url('/fonts/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Silkscreen;src:url('/fonts/Silkscreen-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#142337;background:#fcfcfa;font-synthesis:none;--blue:#2468ef;--muted:#75808e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}em{font-style:normal;color:var(--blue)}.skip{position:fixed;top:-70px;left:20px;background:#fff;z-index:99;padding:14px}.skip:focus{top:12px}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:auto;padding:0 64px;border-bottom:1px solid #e5e8ed}.brand{display:flex;gap:10px;align-items:center}.brand>span{font-weight:750;letter-spacing:-1.1px;font-size:25px;line-height:.95}.brand-tech{display:block;font-size:8px;font-weight:500;letter-spacing:3.5px;text-transform:uppercase;margin-top:7px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:500}.site-header nav a:hover,footer nav a:hover{color:var(--blue)}.site-header .contact-link{border:1px solid #d4dae1;border-radius:5px;padding:12px 15px}.contact-link span{margin-left:16px}.hero{display:grid;grid-template-columns:1.1fr 1fr;max-width:1440px;margin:auto;padding:82px 64px 55px;gap:24px;overflow:hidden;min-height:660px}.eyebrow{font-size:9px;letter-spacing:.13em;font-weight:600;line-height:1.7;color:#697a8f}.status-dot{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:9px;vertical-align:middle}.hero h1{font-size:clamp(46px,5.1vw,74px);line-height:1.07;letter-spacing:-4px;font-weight:520;margin:29px 0 25px}.hero-description{font-size:16px;line-height:1.8;color:#728092;letter-spacing:-.3px}.button{display:inline-flex;align-items:center;gap:38px;background:var(--blue);color:white;border-radius:5px;padding:16px 20px;font-size:12px;margin-top:30px;box-shadow:0 4px 8px #2868ee16}.button:hover{background:#1554cd}.hero-caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e0e6ed;margin-top:69px;padding-top:18px;color:#8a94a3;font-size:8px;letter-spacing:.1em;max-width:435px}.orbit-art{position:relative;min-height:430px;align-self:center;isolation:isolate;background:radial-gradient(ellipse at 50% 50%,#d6e7ff6b,transparent 65%)}.planet{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:232px;height:232px;border-radius:50%;background:radial-gradient(circle at 31% 27%,#a5d3ff 0,#458cfd 23%,#1462e8 45%,#0641a4 66%,#052c74 78%,#09274f);box-shadow:inset -10px -8px 19px #001c6840,inset 8px 8px 26px #a2d4ff60,0 35px 50px -30px #1344bd70;overflow:hidden}.planet:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(13deg,transparent 0 7px,#b8daff0b 8px 9px);border-radius:50%}.planet-glint{position:absolute;inset:13% 32% 47% 13%;border-top:1px solid #d4eaff35;border-radius:50%;transform:rotate(-34deg)}.orbit{position:absolute;top:50%;left:50%;border:1px solid #c7d6eb90;border-radius:50%;width:450px;height:208px;transform:translate(-50%,-50%) rotate(-31deg);z-index:-1}.orbit-two{width:430px;height:312px;transform:translate(-50%,-50%) rotate(43deg)}.satellite{position:absolute;display:block;border-radius:50%;background:#256ef1;box-shadow:inset -3px -3px 5px #194daa}.satellite-one{width:16px;height:16px;left:14%;top:32%}.satellite-two{width:10px;height:10px;right:12%;bottom:32%;background:#b6cced}.orbit-cross{position:absolute;color:#7c9eca;font-size:16px;font-weight:200}.cross-one{right:18%;top:12%}.cross-two{left:12%;bottom:15%}.orbit-label{position:absolute;font-size:7px;letter-spacing:.13em;color:#7991b0;line-height:1.8}.label-one{top:9%;left:22%;display:flex;gap:7px;align-items:center}.label-one i{width:3px;height:3px;background:#6192d6}.label-two{right:4%;bottom:11%}.products{border-top:1px solid #e2e7ed;max-width:1440px;margin:auto;padding:64px}.section-heading{display:grid;grid-template-columns:1fr 2fr 1.3fr;align-items:end;gap:24px;margin-bottom:44px}.section-heading>.eyebrow{align-self:start;padding-top:7px}.section-heading h2{font-size:35px;font-weight:520;letter-spacing:-1.6px;line-height:1.15}.section-heading>p:last-child{font-size:11px;line-height:1.8;color:var(--muted);padding-bottom:3px}.product{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #e0e5ea;border-radius:12px;overflow:hidden;margin-top:24px;background:#fff;min-height:432px}.product-copy{padding:35px 36px}.product-top{display:flex;align-items:center;gap:14px;margin-bottom:24px}.product-number{font-size:9px;border:1px solid #d7dee7;padding:4px 6px;border-radius:3px;color:#7c8da3}.product-category{font-size:8px;letter-spacing:.08em;color:#7b8798}.product h3{font-size:25px;font-weight:650;letter-spacing:-1px;display:flex;gap:0;align-items:center}.product h3>span:last-child{font-weight:400;color:#71829b}.clipie-mark{display:inline-flex;color:#bb6ced;font-size:30px;margin-right:9px}.product h3>img{margin-right:8px}.product h4{font-size:30px;line-height:1.17;font-weight:500;letter-spacing:-1.3px;margin:23px 0 16px}.product-copy>p{font-size:12px;line-height:1.85;color:#7a8595;max-width:360px}.product-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.product-tags>span{font-size:8px;padding:5px 8px;border:1px solid #e0e6ec;border-radius:999px;color:#7f8b9d}.product-link{display:flex;align-items:center;gap:45px;margin-top:29px;font-size:12px;font-weight:550}.product-link:hover{color:var(--blue)}.clipie-art{position:relative;overflow:hidden;background:#171822;padding:34px 28px 26px;display:flex;flex-direction:column;justify-content:center;color:#cccbdb;min-height:400px}.studio-topline{display:flex;justify-content:space-between;gap:12px;font-size:7px;color:#b4b4c8;padding-bottom:20px;letter-spacing:.07em}.studio-topline i{display:inline-block;width:5px;height:5px;background:#c79de8;border-radius:50%;margin-right:5px}.studio-topline>span:last-child{color:#777990;font-size:6px}.film-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;min-height:224px}.film{position:relative;border-radius:5px;overflow:hidden;isolation:isolate}.film>span{position:absolute;bottom:10px;left:10px;font-size:6px;letter-spacing:.1em;color:#fffc;z-index:2}.still-one{background:radial-gradient(ellipse at 75% 15%,#9b7495,transparent 62%),linear-gradient(160deg,#372a49,#b56669)}.sculpture{position:absolute;top:24%;left:22%;width:75%;height:60%;border:19px solid #d8a9a4;border-radius:50%;transform:rotate(-30deg);box-shadow:inset 5px 6px 9px #261b3266,7px 13px 17px #1d153c44;background:transparent}.still-two{background:linear-gradient(150deg,#2e514f,#648888 52%,#97a99d)}.arch{position:absolute;left:17%;right:17%;height:85%;bottom:-8%;border:18px solid #cec9b3;border-radius:80px 80px 0 0;box-shadow:inset 4px 4px 6px #16272f44,8px 8px 20px #0d25384d;transform:perspective(300px) rotateY(-20deg)}.still-three{background:radial-gradient(ellipse at 70% 75%,#c59262,#342d50)}.film-orb{position:absolute;width:95px;height:95px;left:15%;top:28%;border-radius:50%;background:radial-gradient(circle at 28% 25%,#ffe1b7,#b98bb0 45%,#716ea5 63%,#474165);box-shadow:0 29px 25px -15px #251e44aa}.timeline{display:flex;align-items:center;gap:10px;margin-top:17px;padding:12px 0;border-bottom:1px solid #ffffff13;font-size:6px;color:#9b9bb5}.timeline-play{font-size:8px}.timeline-track{position:relative;display:flex;gap:3px;height:21px;flex:1}.timeline-track i{flex:1;border:1px solid #9a77914f;background:linear-gradient(110deg,#9d6b8155,#654f6a55);border-radius:2px}.timeline-track i:nth-child(2n){background:linear-gradient(110deg,#50787677,#a5a08766)}.playhead{position:absolute;top:-4px;bottom:-4px;border-left:1px solid #e5c9fc;left:58%}.art-note{font-size:8px;color:#8f91a6;align-self:center;margin-top:20px}.quest-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#eaf4ff;isolation:isolate;min-height:430px;padding-bottom:65px}.quest-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a7bfd91c 1px,transparent 1px),linear-gradient(90deg,#a7bfd91c 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(#0008,transparent 85%);z-index:-1}.quest-art-eyebrow{font:700 7px Silkscreen,monospace;letter-spacing:1px;color:#7698c2;margin-bottom:18px}.quest-art-title{font:700 54px/1 Silkscreen,monospace;color:#263d61;letter-spacing:-4px;text-align:center;z-index:1}.quest-art-title>span{color:#3779ef}.quest-art-button{font:700 9px Silkscreen,monospace;margin-top:20px;background:#3779ef;color:#fff;border:2px solid #1d4a9b;border-radius:2px;box-shadow:inset 0 2px #89b4fd,0 3px #1d4a9b;padding:11px 16px}.quest-art-button span{padding-left:20px}.pixel-cloud{position:absolute;width:87px;height:39px;background:#fff;clip-path:polygon(0 60%,20% 60%,20% 25%,40% 25%,40% 0,70% 0,70% 45%,85% 45%,85% 70%,100% 70%,100% 100%,0 100%)}.cloud-one{left:3%;top:25%}.cloud-two{right:8%;top:12%;width:60px;height:28px}.pixel-star{position:absolute;color:#dfa73d;font-size:23px}.star-one{left:20%;top:15%}.star-two{right:15%;bottom:30%;font-size:16px}.pixel-ground{height:53px;position:absolute;bottom:0;left:0;right:0;background:repeating-linear-gradient(90deg,#a9cde3 0 23px,#a1c4dc 23px 24px);border-top:8px solid #81af8f}.pixel-step{position:absolute;background:#c3dcec;border-top:5px solid #8ebda0;height:23px;width:110px;bottom:98px;box-shadow:0 2px #92b6d0}.step-one{left:0;width:85px}.step-two{right:0;bottom:154px;width:70px}.quest-art-character{position:absolute;width:54px;height:54px;bottom:58px;left:26%;transform:rotate(-6deg)}.quest-art-coordinate{position:absolute;bottom:20px;right:20px;font:700 6px Silkscreen,monospace;color:#557e8c}.perspective{max-width:1440px;margin:auto;padding:75px 64px 85px;display:grid;grid-template-columns:1fr 3.3fr;gap:24px;border-top:1px solid #e2e7ed}.perspective>.eyebrow{padding-top:8px}.perspective h2{font-size:43px;line-height:1.14;font-weight:500;letter-spacing:-2px}.perspective-bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:30px}.perspective-bottom p{font-size:12px;color:#778393;line-height:1.9;max-width:365px}.contact{margin:0 32px;background:#edf3fb;border:1px solid #e3ebf6;border-radius:9px;padding:53px max(32px,calc((100vw - 1376px)/2));display:flex;align-items:center;justify-content:space-between;gap:40px}.contact h2{font-size:44px;font-weight:500;letter-spacing:-2px;line-height:1.13;margin-top:16px}.contact>a{font-size:24px;letter-spacing:-.6px;min-width:270px;padding-bottom:15px;border-bottom:1px solid #bacde7}.contact>a>span{float:right;color:var(--blue)}.contact small{display:block;font-size:11px;color:#7c8ea8;letter-spacing:0;margin-top:12px}footer{max-width:1440px;margin:auto;padding:46px 64px 30px;display:flex;flex-wrap:wrap;align-items:center;gap:25px}footer .brand>span{font-size:21px}footer .brand-tech{font-size:7px;letter-spacing:3px}footer p{color:#8c95a3;font-size:9px;margin-left:16px}footer nav{display:flex;gap:23px;margin-left:auto;font-size:10px;color:#768294}.footer-note{width:100%;font-size:7px;letter-spacing:.12em;color:#a5adba;border-top:1px solid #e8ebef;padding-top:20px;margin-top:5px}.legal{max-width:850px;margin:70px auto;padding:0 24px;min-height:65vh}.legal h1{font-size:40px;letter-spacing:-1.5px;margin-bottom:25px}.legal h2{font-size:19px;margin:32px 0 10px}.legal p{font-size:14px;line-height:1.9;color:#6a7889}.legal a{color:var(--blue);text-decoration:underline}
@media(min-width:1441px){.contact{max-width:1376px;margin:auto;padding:53px 32px}}
@media(max-width:1050px){.site-header{padding:0 32px}.hero{padding:65px 32px 45px;min-height:600px}.hero h1{font-size:53px;letter-spacing:-3px}.orbit-art{min-height:390px}.planet{width:198px;height:198px}.orbit{width:350px;height:175px}.orbit-two{width:345px;height:260px}.products{padding:45px 32px}.section-heading{grid-template-columns:.8fr 1.6fr 1.2fr}.section-heading h2{font-size:28px}.product-copy{padding:30px 26px}.product h4{font-size:26px}.clipie-art{padding:28px 20px}.film-grid{min-height:210px}.sculpture{border-width:15px}.arch{border-width:14px}.film-orb{width:76px;height:76px}.perspective{padding:60px 32px;grid-template-columns:.8fr 2.8fr}.perspective h2{font-size:36px}footer{padding-inline:32px}.contact h2{font-size:37px}}
@media(max-width:720px){.site-header{height:80px;padding:0 22px}.brand>span{font-size:22px}.site-header nav{gap:16px;font-size:10px}.site-header nav a:nth-child(2){display:none}.site-header .contact-link{border:0;padding:0}.contact-link span{margin-left:4px}.hero{grid-template-columns:1fr;padding:44px 24px 32px;gap:0;min-height:0}.hero h1{font-size:clamp(42px,8vw,60px);line-height:1.12;letter-spacing:-2.8px;margin:22px 0}.hero-description{font-size:14px}.hero-caption{margin-top:30px;max-width:none}.orbit-art{min-height:335px;margin:10px -5px 0}.planet{width:192px;height:192px}.orbit{width:337px;height:170px}.orbit-two{width:325px;height:243px}.label-one{top:4%}.label-two{bottom:7%;right:9%}.products{padding:35px 20px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.section-heading h2{font-size:34px}.section-heading>p:last-child{font-size:12px}.product{grid-template-columns:1fr}.product-copy{padding:28px}.product h4{font-size:30px}.product-copy>p{font-size:13px;max-width:none}.product-category{font-size:8px}.product-link{margin-top:24px;font-size:13px;justify-content:space-between}.clipie-art{min-height:340px;padding:30px 24px}.film-grid{min-height:214px}.quest-art{min-height:370px}.perspective{padding:42px 24px;grid-template-columns:1fr;gap:25px}.perspective h2{font-size:34px;letter-spacing:-1.5px}.perspective-bottom{grid-template-columns:1fr;gap:18px;margin-top:24px}.perspective-bottom p{max-width:none;font-size:13px}.contact{margin:0 16px;padding:32px 24px;flex-direction:column;align-items:start;gap:30px}.contact h2{font-size:36px}.contact>a{min-width:0;width:100%;font-size:22px}footer{padding:35px 24px 24px;gap:25px}footer p{margin-left:auto;font-size:8px}footer nav{margin-left:0;width:100%;justify-content:space-between}.footer-note{font-size:6px;margin-top:0}.legal{margin:45px auto}.legal h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
