html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-padding-top:100px}body{color:#f4f6f8;background:#070a0f;margin:0;font-family:Inter,sans-serif}*{box-sizing:border-box}.studio{--ink:#f4f6f8;--quiet:#a1aab5;--cyan:#74d9e2;--line:#ffffff19;--serif:"Inter",sans-serif;color:var(--ink);background:#070a0f;line-height:1.65;overflow:clip}.studio a{color:inherit;text-decoration:none}.studio button{cursor:pointer;font:inherit;color:inherit}.studio h1,.studio h2,.studio h3,.studio p{margin:0}.studio h2{letter-spacing:-.055em;font-size:clamp(2.6rem,4.7vw,4.7rem);font-weight:400;line-height:1.05}.studio em{font-family:var(--serif);letter-spacing:-.04em;color:#b8dce5;font-style:normal;font-weight:500}.studio h3{letter-spacing:-.035em;font-weight:400;line-height:1.18}.studio svg{flex-shrink:0}.studio :focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.shell{width:min(1320px,100% - 112px);margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--quiet);font-size:.75rem;line-height:1.6}.reading-progress{z-index:99;height:2px;transform:scaleX(var(--progress,0));transform-origin:0;background:linear-gradient(90deg,#74d9e2,#7398ed);position:fixed;inset:0 0 auto}.skip-link{z-index:1000;background:#fff;padding:12px;position:fixed;top:-100px;left:20px;color:#000!important}.skip-link:focus{top:12px}.site-header{z-index:40;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:28px 4%;transition:padding .3s,background .3s;display:flex;position:fixed;top:0;left:0}.scrolled .site-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#070a0fde;padding-block:16px}.wordmark{letter-spacing:-.06em;font-size:2.25rem;font-weight:700;line-height:1}.wordmark>span{vertical-align:top;margin-left:5px;font-size:.8rem;font-weight:400}.site-header nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d131bdd;border:1px solid #ffffff20;border-radius:100px;padding:5px;display:flex}.site-header nav a{color:#c1c8d1;border-radius:100px;padding:9px 19px;font-size:.875rem;transition:background .3s,color .3s}.site-header nav a:hover{color:#fff;background:#ffffff10}.header-cta{border-bottom:1px solid #8c9ba1;align-items:center;gap:14px;padding-bottom:5px;font-size:.875rem;display:flex}.hero{isolation:isolate;flex-direction:column;justify-content:center;height:100svh;min-height:850px;max-height:1250px;display:flex;position:relative}.hero-media{z-index:-1;background:#070a0f url(/motion/portfolio-vortex-poster.jpg) 80% 15%/cover;position:absolute;inset:0;overflow:hidden}.hero-media video{object-fit:cover;object-position:center 20%;opacity:.8;filter:hue-rotate(-12deg);width:100%;height:100%}.hero-media>div{background:linear-gradient(90deg,#050a10b8,#050a1044 70%),linear-gradient(#0000 68%,#070a0f);position:absolute;inset:0}.hero-inner{transform:translateY(var(--hero-shift,0px));justify-content:space-between;align-items:flex-end;gap:40px;padding-block:150px 130px;display:flex}.hero-copy{flex:1;min-width:0}.hero-copy>.eyebrow{color:#c2d4dc;margin-bottom:35px}.hero h1{letter-spacing:-.065em;font-size:clamp(4.6rem,8.5vw,8.6rem);font-weight:400;line-height:.98}.hero h1>span{display:block}.hero h1 em{color:#c2e8ef}.hero-lower{align-items:center;gap:70px;margin-top:50px;display:flex}.hero-lower p{color:#c6cdd7;font-size:1rem;line-height:1.7}.hero-product{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0910198c;border:1px solid #ffffff2a;border-radius:22px;flex-shrink:0;width:235px;margin-bottom:5px;padding:25px;transition:border-color .3s,transform .3s;position:relative}.hero-product:hover{border-color:#74d9e2;transform:translateY(-6px)}.hero-product strong{margin:16px 0 8px;font-size:1.25rem;font-weight:400;display:block}.hero-product>span:not(.eyebrow){color:var(--quiet);font-size:.875rem}.hero-product>svg{color:var(--cyan);position:absolute;bottom:24px;right:24px}.hero-bottom{color:#a8b3bf;justify-content:space-between;align-items:center;font-size:.75rem;display:flex;position:absolute;inset:auto 0 35px}.scroll-cue{letter-spacing:.15em;align-items:center;gap:12px;font-size:.75rem;display:flex}.scroll-cue i{background:#ffffff30;width:1px;height:35px;position:relative;overflow:hidden}.scroll-cue i:after{content:"";background:#a3e6ed;width:1px;height:15px;animation:1.6s infinite scroll-line;display:block}.motion-control{background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;display:flex;font-size:.75rem!important}.button{background:0 0;border:1px solid #ffffff38;border-radius:100px;justify-content:center;align-items:center;gap:22px;min-height:50px;padding:15px 24px;transition:transform .3s,background .3s,border-color .3s,box-shadow .3s;display:inline-flex;font-size:.875rem!important}.button.light{color:#08111c;background:#e8f1f4;border-color:#e8f1f4}.button:hover{border-color:var(--cyan);background:#102028;transform:translateY(-3px);box-shadow:0 0 0 3px #74d9e21a}.button.light:hover{color:#071219;background:#bfeaf0}.text-link{background:0 0;border:0;border-bottom:1px solid #ffffff35;align-items:center;gap:14px;padding:0 0 7px;transition:color .3s;display:inline-flex;font-size:.875rem!important}.text-link:hover{color:var(--cyan)}.manifesto{padding:115px 0 80px}.manifesto>p{letter-spacing:-.04em;max-width:1050px;margin:35px 0 55px;font-size:clamp(1.8rem,3.5vw,3.2rem);font-weight:300;line-height:1.3}.manifesto>p em{color:#778999}.manifesto-foot{border-top:1px solid var(--line);color:var(--quiet);justify-content:space-between;padding-top:25px;font-size:.875rem;display:flex}.manifesto-foot>span:last-child{letter-spacing:.13em;font-size:.75rem}.work-section{padding:60px 0 110px}.section-heading{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:55px;display:flex}.section-heading h2{margin-top:22px}.section-heading>p{max-width:310px;color:var(--quiet);font-size:1rem}.flagship{background:linear-gradient(130deg,#13212d,#0d151e);border:1px solid #ffffff20;border-radius:28px;grid-template-columns:40% 60%;margin-bottom:30px;display:grid;overflow:hidden}.flagship-copy{flex-direction:column;align-items:flex-start;padding:45px;display:flex}.tag{letter-spacing:.04em;background:#0c121bd9;border:1px solid #ffffff30;border-radius:100px;padding:6px 12px;font-size:.75rem;line-height:1.5}.flagship h3{margin:35px 0 20px;font-size:clamp(3rem,5vw,5rem)}.flagship-copy>p{color:#aebcc7;max-width:340px;font-size:1rem}.product-tags{flex-wrap:wrap;gap:8px;margin:28px 0 35px;display:flex}.product-tags>span{color:#bfd1df;border:1px solid #fff2;border-radius:5px;padding:4px 10px;font-size:.75rem}.flagship-copy>.text-link{margin-top:auto}.project-image{border:1px solid var(--line);width:100%;height:430px;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));background:#121923;border-radius:22px;padding:0;transition:transform .35s,border-color .35s;display:block;position:relative;overflow:hidden}.project-image>img{object-fit:cover;width:100%;height:100%;transition:transform 1s,filter .7s;display:block}.project-image:hover>img{filter:brightness(.72);transform:scale(1.06)}.flagship-image{border:0;border-radius:0;height:100%;min-height:560px}.flagship-image img{object-fit:contain;background:#101b26;padding:45px}.image-caption{letter-spacing:.14em;color:#d5e4ef;font-size:.75rem;position:absolute;bottom:25px;left:30px}.view-cursor{z-index:3;left:var(--mx,50%);top:var(--my,50%);color:#091722;opacity:0;letter-spacing:.08em;pointer-events:none;background:#eef7fa;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:85px;height:85px;font-size:.75rem;transition:transform .3s,opacity .3s;display:flex;position:absolute;transform:translate(-50%,-50%)scale(.6)}.work-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 28px;display:grid}.work-card{grid-column:span 6}.work-card.card-2{grid-column:span 12;grid-template-columns:1fr 1fr;align-items:center;gap:0 60px;padding:35px 0;display:grid}.card-2>.project-image{grid-row:span 2;height:470px}.card-2>.work-caption{align-self:end;display:block}.card-2>.work-caption h3{margin-bottom:10px;font-size:3rem}.card-2>p{align-self:start;max-width:370px;font-size:1.3rem!important}.cukka-image>img{object-position:center;height:113%;transform:translateY(-9%)}.cukka-image:hover>img{transform:translateY(-9%)scale(1.06)}.image-tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;top:20px;left:20px}.corner-arrow{background:#070a0f55;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:20px;right:20px}.work-caption{justify-content:space-between;align-items:center;gap:20px;padding:22px 0 8px;display:flex}.work-caption h3{font-size:1.6rem}.work-caption>span{color:var(--quiet);font-size:.75rem}.work-card>p{color:var(--quiet);font-size:1rem}.website-list{margin-top:65px}.list-label{color:var(--quiet);justify-content:space-between;padding-bottom:22px;font-size:.75rem;display:flex}.website-list>a{border-top:1px solid var(--line);align-items:center;gap:25px;padding:28px 0;transition:padding .3s,color .3s;display:flex}.website-list>a:hover{color:var(--cyan);padding-inline:10px}.website-list>a>div{flex:1}.website-list h3{font-size:1.5rem}.website-list p{color:var(--quiet);margin-top:6px;font-size:.875rem}.index{font:italic 1.4rem var(--serif);color:#7b8998}.website-type{color:var(--quiet);font-size:.875rem}.expertise{border-block:1px solid var(--line);background:#0d121a;padding:105px 0}.service-tabs[data-slot=tabs]{grid-template-columns:.85fr 1.15fr;gap:65px;display:grid}.service-list[data-slot=tabs-list]{background:0 0;border-radius:0;flex-direction:column;justify-content:flex-start;width:100%;height:auto;padding:0;display:flex}.service-trigger[data-slot=tabs-trigger]{color:#7d8b9b;white-space:normal;text-align:left;border:0;border-bottom:1px solid #ffffff1c;border-radius:0;flex:none;justify-content:flex-start;gap:18px;width:100%;height:auto;padding:25px 6px;font-size:1.3rem;font-weight:400}.service-trigger>span{color:#768597;font-size:.75rem}.service-trigger>svg{margin-left:auto}.service-trigger[data-state=active]{color:#dff4f8;box-shadow:none;border-bottom-color:var(--cyan);background:0 0}.service-trigger[data-state=active]>span{color:var(--cyan)}.service-trigger[data-state=active]>svg{color:var(--cyan);transform:rotate(45deg)}.service-trigger>svg{transition:transform .4s}.service-panels{min-width:0}.service-panel[data-slot=tabs-content]{animation:.55s both panel-in}.service-top{color:var(--cyan);align-items:center;gap:18px;margin-bottom:24px;display:flex}.service-panel h3{max-width:480px;margin-bottom:20px;font-size:clamp(2rem,3vw,2.9rem)}.service-panel>p{color:#afbbc8;font-size:1rem}.service-panel ul,.offer ul,.case-copy ul{margin:24px 0;padding:0;list-style:none}.service-panel li,.offer li,.case-copy li{align-items:flex-start;gap:10px;margin:12px 0;font-size:.875rem;display:flex}.service-panel li>svg,.offer li>svg,.case-copy li>svg{color:var(--cyan);margin-top:4px}.flow{grid-template-columns:repeat(3,1fr);gap:7px;margin:30px 0 20px;display:grid}.flow>span{background:#111c27;border:1px solid #354352;border-radius:10px;flex-direction:column;gap:12px;padding:18px 12px;font-size:.875rem;display:flex;position:relative}.flow small{color:#72bcc9;font-size:.75rem}.flow svg{z-index:1;background:#0d121a;border-radius:50%;position:absolute;top:45%;right:-12px}.service-proof{color:#8799ac;font-size:.75rem;line-height:1.8;display:block}.service-start{border-top:1px solid var(--line);margin-top:25px;padding-top:23px}.service-start p{color:#bdcbd6;margin-bottom:18px;font-size:.875rem}.industry{grid-template-columns:1fr 1fr;align-items:center;gap:85px;padding:130px 0;display:grid}.industry-image{border-radius:24px;min-height:540px;position:relative;overflow:hidden}.industry-image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.industry-image>span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050b13bb;border-radius:100px;padding:8px 15px;font-size:.75rem;position:absolute;bottom:25px;left:25px}.industry-copy h2{margin:24px 0 30px;font-size:clamp(2.6rem,4vw,4rem)}.industry-copy>p:not(.eyebrow){color:var(--quiet);margin-bottom:20px;font-size:1rem}.industry-copy .button{margin-top:12px}.industry-note{color:#7c8b9a;margin-top:22px;font-size:.75rem;display:block}.approach{grid-template-columns:1fr 1.15fr;align-items:start;gap:80px;padding:60px 0 130px;display:grid}.approach-title{position:sticky;top:130px}.approach-title h2{margin:23px 0 30px}.approach-title>p:last-child{color:var(--quiet);font-size:1rem}.step{border-top:1px solid var(--line);gap:28px;padding:35px 0 45px;display:flex}.step-number{font:italic 1.7rem var(--serif);color:#66c8d3}.step h3{margin-bottom:18px;font-size:2rem}.step p{color:var(--quiet);font-size:1rem}.step-output{color:#82bac7;margin-top:22px;font-size:.75rem;display:block}.start-section{padding:50px 0 130px}.offers{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.offer{background:#0c1118;border:1px solid #fff2;border-radius:24px;flex-direction:column;padding:32px;display:flex}.offer.featured{background:linear-gradient(145deg,#132b37,#101921);border-color:#4e9cac}.offer h3{max-width:230px;margin:27px 0 30px;font-size:2rem}.price{font:500 clamp(2rem,3.4vw,3.25rem)/1.12 var(--serif);letter-spacing:-.055em;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px;display:flex}.price span{letter-spacing:.015em;color:#a6bac7;min-height:1.5rem;font:500 .875rem/1.5 Inter,sans-serif;display:block}.offer>p{color:var(--quiet);min-height:80px;font-size:1rem}.offer ul{flex:1;margin-bottom:32px}.offer small{color:#8597a8;margin-top:20px;font-size:.75rem;line-height:1.7;display:block}.studio-section{grid-template-columns:1.1fr 1fr;gap:110px;padding:60px 0 120px;display:grid}.studio-statement>img{object-fit:cover;border-radius:18px;width:105px;height:105px;margin-bottom:28px}.studio-statement h2{margin:22px 0 30px}.studio-statement>p:last-child{color:var(--quiet);max-width:450px;font-size:1rem}.team-expertise{padding-top:30px}.team-expertise article{border-top:1px solid var(--line);padding:35px 0}.team-expertise h3{margin:20px 0 17px;font-size:2rem}.team-expertise p{color:var(--quiet);margin-bottom:25px;font-size:1rem}.faq-section{grid-template-columns:.8fr 1.2fr;gap:90px;padding:50px 0 120px;display:grid}.faq-section h2{margin-top:22px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:25px;padding:25px 0;font-size:1rem;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{transition:transform .3s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details>p{color:var(--quiet);padding:0 35px 25px 0;font-size:1rem;animation:.3s panel-in}.contact-section{background:radial-gradient(at 0 100%,#18333e88,#0000 65%),#101820;border-block:1px solid #ffffff1c;padding:100px 0}.contact-grid{grid-template-columns:1.15fr 1fr;gap:100px;display:grid}.contact-grid h2{margin:25px 0 30px;font-size:clamp(2.7rem,4.5vw,4.5rem)}.contact-grid>div>p:not(.eyebrow){color:#aab8c6;max-width:440px;margin-bottom:35px;font-size:1rem}.brief-form{gap:22px;display:grid}.brief-form label{gap:9px;font-size:.875rem;display:grid}.brief-form input,.brief-form textarea{color:#eaf4f8;background:#07121a66;border:1px solid #ffffff27;border-radius:9px;height:auto;min-height:50px;padding:12px 14px;font-family:inherit;font-size:1rem}.brief-form textarea{resize:vertical;min-height:120px}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#7b8b9c}.brief-form>small{color:#92a1b1;font-size:.75rem}.brief-preview{background:#0b1821;border:1px solid #74d9e260;border-radius:15px;padding:24px}.brief-preview strong{font-weight:500}.brief-preview p{white-space:pre-wrap;overflow-wrap:anywhere;color:#b3c8d5;margin:15px 0 20px;font-size:.875rem}.brand-marquee{border-bottom:1px solid var(--line);color:#6c818e;padding:60px 0;overflow:hidden}.brand-marquee>div{width:max-content;animation:45s linear infinite marquee;display:flex}.brand-marquee span{letter-spacing:-.055em;white-space:nowrap;font-size:clamp(3rem,7vw,7rem);font-weight:300}.brand-marquee b{color:#74d9e2;margin:0 30px;font-weight:400}.brand-marquee em{color:#d5e7ec}.footer-bar{justify-content:space-between;align-items:center;gap:35px;padding:35px 0;display:flex}.footer-bar p{color:#8c9aa8;font-size:.75rem}.footer-bar>a:last-child{align-items:center;gap:15px;font-size:.875rem;display:flex}.intro{z-index:100;pointer-events:none;clip-path:inset(0);background:#070a0f;place-items:center;transition:clip-path .6s cubic-bezier(.76,0,.24,1);display:grid;position:fixed;inset:0}.intro-exit{clip-path:inset(0 0 100%)}.intro>.eyebrow{position:absolute;top:40px;left:4%}.intro>p{font:italic clamp(4rem,10vw,8rem) var(--serif);color:#b8dfe8}.intro-count{font:6rem var(--serif);font-variant-numeric:tabular-nums;position:absolute;bottom:30px;right:4%}.intro-progress{transform-origin:0;background:#74d9e2;height:2px;position:absolute;inset:auto 0 0}.ready .hero h1>span{animation:none}.ready .hero h1>span:nth-child(2){animation-delay:.12s}.ready .hero-enter{animation:.5s .1s both panel-in}.reveal{opacity:0;transition:opacity .85s,transform .85s cubic-bezier(.2,.7,.2,1);transform:translateY(45px)}.reveal.seen{opacity:1;transform:translateY(0)}.case-dialog[data-slot=dialog-content]{color:#edf4f7;background:#0c151e;border:1px solid #354958;border-radius:24px;gap:0;max-width:min(880px,100vw - 32px);max-height:90svh;padding:0;font-family:Inter,sans-serif;overflow-y:auto}.case-dialog>[data-slot=dialog-close]{z-index:5;opacity:1;color:#fff;background:#070a0fee;border:1px solid #ffffff40;border-radius:50%;padding:10px}.case-image{object-fit:contain;background:#070a0f;width:100%;max-height:390px}.case-copy{padding:35px 40px 40px}.case-copy [data-slot=dialog-title]{letter-spacing:-.04em;margin:20px 0;font-size:2.7rem;font-weight:400}.case-copy [data-slot=dialog-description],.case-copy>p{color:#aebfcb;font-size:1rem;line-height:1.8}.case-copy>h3{margin:30px 0 12px;font-size:1rem;font-weight:500}.case-copy .button{color:#08111c;text-decoration:none}.case-copy svg{flex-shrink:0}.case-copy .eyebrow{color:#8cacbe}@keyframes title-in{0%{opacity:0;filter:blur(8px);transform:translateY(70px)rotate(2deg)}to{opacity:1;filter:blur();transform:none}}@keyframes panel-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes scroll-line{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}@media (hover:hover) and (pointer:fine){.project-image:hover{cursor:none;border-color:#74d9e280}.project-image:hover .view-cursor{opacity:1;transform:translate(-50%,-50%)scale(1)}}.motion-off *,.motion-off :before,.motion-off :after{transition:none!important;animation:none!important}.motion-off .reveal{opacity:1;transform:none}.motion-off .project-image{transform:none}.motion-off .view-cursor{display:none}.motion-off .project-image:hover{cursor:pointer}@media (min-width:1600px){.hero h1{font-size:9rem}.hero-product{width:250px}}@media (max-width:1100px){.shell{width:calc(100% - 64px)}.hero-product{display:none}.hero{min-height:780px}.hero h1{font-size:clamp(5rem,10vw,7.5rem)}.flagship-copy{padding:32px}.flagship-image{min-height:500px}.flagship-image img{padding:20px}.service-tabs[data-slot=tabs]{gap:35px}.service-trigger[data-slot=tabs-trigger]{font-size:1.1rem}.industry{gap:40px}.studio-section,.contact-grid{gap:55px}.offer{padding:25px}.work-caption{flex-direction:column;align-items:flex-start;gap:7px}.offers .button{gap:10px;padding-inline:18px}.faq-section{gap:45px}}@media (max-width:767px){.shell{width:calc(100% - 40px)}.site-header{flex-wrap:wrap;gap:15px;padding:20px}.wordmark{font-size:1.9rem}.site-header nav{order:3;justify-content:center;width:100%;padding:3px}.site-header nav a{padding:8px 14px;font-size:.875rem}.header-cta{gap:7px;font-size:.75rem}.scrolled .site-header{padding:12px 20px}.hero{height:100svh;min-height:800px}.hero-inner{padding:180px 0 155px}.hero h1{letter-spacing:-.06em;font-size:clamp(3.5rem,11vw,5.3rem);line-height:1.08}.hero-copy>.eyebrow{letter-spacing:.12em;margin-bottom:27px;font-size:.75rem}.hero-lower{flex-direction:column;align-items:flex-start;gap:28px;margin-top:30px}.hero-lower p{font-size:1rem}.hero-bottom{flex-wrap:wrap;gap:20px;bottom:27px}.hero-bottom>span{width:100%;font-size:.75rem}.scroll-cue{font-size:.75rem}.scroll-cue i{height:25px}.hero-media video{object-position:60% center}.manifesto{padding:75px 0 45px}.manifesto>p{margin:25px 0 35px;font-size:1.7rem;line-height:1.4}.manifesto-foot{flex-direction:column;gap:15px}.manifesto-foot>span:last-child{display:none}.section-heading{margin-bottom:35px;display:block}.section-heading>p{max-width:100%;margin-top:23px}.studio h2{font-size:2.8rem}.work-section{padding:35px 0 65px}.flagship{border-radius:20px;grid-template-columns:1fr}.flagship-copy{padding:28px}.flagship h3{margin:27px 0 20px;font-size:3.6rem}.flagship-image{height:350px;min-height:0}.flagship-image img{padding:20px}.work-grid{grid-template-columns:1fr;gap:36px}.work-card,.work-card.card-2{grid-column:auto}.project-image{height:330px}.work-card.card-2{padding:0;display:block}.card-2>.project-image{height:390px}.card-2>.work-caption h3{margin-bottom:0;font-size:1.6rem}.card-2>p{font-size:1rem!important}.image-tag{max-width:calc(100% - 30px);font-size:.7rem;top:15px;left:15px}.work-caption{flex-direction:row;align-items:center;gap:15px}.work-caption>span{text-align:right;max-width:140px;font-size:.75rem}.website-list{margin-top:40px}.website-list>a{gap:17px;padding:23px 0}.website-list h3{font-size:1.3rem}.website-list p{font-size:.75rem}.website-type,.list-label>span:last-child{display:none}.expertise{padding:65px 0}.service-tabs[data-slot=tabs]{display:block}.service-list[data-slot=tabs-list]{grid-template-columns:1fr 1fr;gap:0 15px;margin-bottom:35px;display:grid}.service-trigger[data-slot=tabs-trigger]{gap:9px;padding:18px 0;font-size:.875rem}.service-trigger>svg{display:none}.service-panel h3{font-size:2.15rem}.flow{gap:6px}.flow>span{padding:14px 10px;font-size:.75rem}.industry{grid-template-columns:1fr;gap:35px;padding:75px 0}.industry-image{min-height:340px}.industry-copy h2{font-size:2.8rem}.approach{grid-template-columns:1fr;gap:40px;padding:25px 0 75px}.approach-title{position:static}.step{gap:20px;padding:28px 0 35px}.step h3{font-size:1.8rem}.start-section{padding:25px 0 75px}.offers{grid-template-columns:1fr}.offer{padding:30px}.offer h3{max-width:none;font-size:2rem}.offer>p{min-height:0}.offer ul{margin-top:18px}.studio-section{grid-template-columns:1fr;gap:30px;padding:20px 0 75px}.team-expertise{padding-top:0}.faq-section{grid-template-columns:1fr;gap:30px;padding:20px 0 75px}.faq-list summary{padding:22px 0}.contact-section{padding:65px 0}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-grid h2{font-size:2.9rem}.brand-marquee{padding:40px 0}.brand-marquee span{font-size:3.5rem}.footer-bar{flex-wrap:wrap;gap:25px;padding:30px 0}.footer-bar p{order:3;width:100%}.footer-bar>a:last-child{font-size:.75rem}.case-copy{padding:25px}.case-copy [data-slot=dialog-title]{font-size:2rem}.case-image{max-height:280px}.view-cursor{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.studio *,.studio :before,.studio :after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.intro,.hero-media video{display:none}.project-image{transform:none}.view-cursor{display:none}.hero-inner{transform:none}}.wordmark{flex-shrink:0;align-items:center;display:inline-flex}.wordmark>img{object-fit:contain;border-radius:10px;width:76px;height:76px;display:block}.site-header{padding-block:12px}.scrolled .site-header{padding-block:8px}.website-preview.project-image,.card-2>.website-preview{aspect-ratio:1024/537;background:#0d151f;height:auto;padding:42px 12px}.website-preview.project-image>img{object-fit:contain;border-radius:5px;width:100%;height:100%;transform:none}.website-preview.project-image:hover>img{filter:brightness(.82);transform:none}.website-preview .image-tag{font-size:.7rem;top:10px;left:12px}.website-preview .corner-arrow{width:30px;height:30px;bottom:6px;right:12px}.website-preview .corner-arrow svg{width:17px}.industry-image{border:1px solid var(--line);background:#0d151f;flex-direction:column;height:auto;min-height:0;padding:14px;display:flex}.industry-image img{object-fit:contain;border-radius:12px;width:100%;height:auto;position:static}.industry-image>span{background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:8px 4px;display:flex;position:static}.website-list>.other-project{text-align:left;border:0;border-top:1px solid var(--line);background:0 0;align-items:center;gap:25px;width:100%;padding:24px 0;transition:color .3s,padding .3s;display:flex}.website-list>.other-project:hover{color:var(--cyan);padding-inline:10px}.other-project>div{flex:1;min-width:0}.other-project>img{object-fit:contain;background:#101b26;border-radius:8px;width:96px;height:64px}.flagship h3{letter-spacing:-.055em;font-family:Inter,sans-serif;font-size:clamp(2.7rem,4.7vw,4.5rem);font-weight:500}.footer-main{grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:45px;padding:70px 0 55px;display:grid}.footer-brand .wordmark>img{width:120px;height:120px}.footer-brand>p{max-width:285px;color:var(--quiet);margin:20px 0 25px;font-size:1rem}.footer-main nav{flex-direction:column;align-items:flex-start;gap:13px;min-width:0;display:flex}.footer-main nav h3{margin:10px 0 12px;font-size:1rem;font-weight:500}.footer-main nav a{color:#b6c3ce;overflow-wrap:anywhere;font-size:.875rem}.footer-main nav a:hover{color:var(--cyan)}.footer-main nav p{color:var(--quiet);margin-top:12px;font-size:.875rem}.footer-bar{border-top:1px solid var(--line)}@media (max-width:1100px){.footer-main{grid-template-columns:1fr 1fr;gap:45px 60px}}@media (max-width:767px){.site-header{padding-block:8px}.wordmark>img{width:58px;height:58px}.scrolled .site-header{padding-block:6px}.studio h2{font-size:clamp(2.1rem,8.5vw,2.8rem);line-height:1.13}.website-preview.project-image,.card-2>.website-preview{aspect-ratio:auto;height:auto;padding:45px 10px 40px}.website-preview.project-image>img{aspect-ratio:1024/537;object-fit:contain;height:auto}.industry-image{min-height:0;padding:10px}.website-list>.other-project{gap:12px}.other-project>img{width:60px;height:50px}.other-project h3{font-size:1.1rem}.other-project .index{display:none}.footer-main{grid-template-columns:1fr 1fr;gap:35px 24px;padding:45px 0}.footer-brand,.footer-main nav:last-child{grid-column:1/-1}.footer-bar{align-items:flex-start}.price{font-size:2.8rem}}.card-2>.website-preview.project-image{aspect-ratio:4/5;max-height:620px}.card-2>.website-preview.project-image>img{aspect-ratio:auto;object-fit:contain;height:100%}@media (max-width:767px){.card-2>.website-preview.project-image{aspect-ratio:auto;height:470px;max-height:none}}.brief-form input,.brief-form textarea{min-height:46px;font-size:16px}.brief-preview p{white-space:pre-wrap;overflow-wrap:anywhere}.brief-form label{font-size:16px}.brief-form small{line-height:1.6}.work-card{border:1px solid var(--line);background:#0d151f;border-radius:24px;overflow:hidden}.work-card .project-image{border:0;border-bottom:1px solid var(--line);border-radius:0}.work-details{min-width:0;padding:26px 28px 30px}.work-details .work-caption{flex-direction:column;align-items:flex-start;gap:8px;padding:0 0 14px}.work-details .work-caption>span{text-align:left;max-width:none;font-size:.875rem}.work-details>p{color:var(--quiet);font-size:1rem}.work-details>.text-link{margin-top:22px}.work-card.card-2{grid-template-columns:1.2fr 1fr;gap:0;padding:0}.card-2>.website-preview.project-image{aspect-ratio:1024/650;border-bottom:0;border-right:1px solid var(--line);grid-row:auto;height:auto;max-height:none}.card-2 .work-caption h3{font-size:clamp(1.8rem,3vw,3rem)}.website-list>a>img{object-fit:contain;background:#101b26;border-radius:8px;flex-shrink:0;width:96px;height:64px}@media (max-width:767px){.work-card.card-2{display:block}.card-2>.website-preview.project-image{aspect-ratio:auto;border-right:0;border-bottom:1px solid var(--line);height:auto}.card-2>.website-preview.project-image>img{aspect-ratio:1024/571;height:auto}.work-details{padding:22px}.work-details .work-caption h3{font-size:1.6rem}.website-list>a>img{width:60px;height:50px}.website-list>a>.index{display:none}.website-list>a>div{min-width:0}.price{font-size:clamp(2rem,9vw,2.8rem)}}