@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Outfit,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:root{--black:#0c0d0f;--near:#121419;--line:#292d34;--paper:#f6f5f1;--muted:#9298a5;--mint:#52dfc8;--amber:#ffb323;--violet:#7044d6;--sans:"DM Sans",sans-serif;--serif:"Playfair Display",serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:var(--sans);overflow-x:hidden}button,a{font:inherit;color:inherit}.nav{height:80px;position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff18;color:#fff}.nav>button{border:0;background:none;padding:0}.logo{display:inline-flex;align-items:center;gap:8px;color:inherit;font-size:1.35rem;font-weight:700;letter-spacing:-.06em}.logo-dot{height:9px;width:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 14px #ffb323a3}.nav nav{display:flex;gap:28px}.nav nav button{color:inherit;padding:8px 0;border:0;background:none;cursor:pointer;text-transform:uppercase;font:11px var(--mono);position:relative}.nav nav .active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--mint)}.menu{display:none}.kicker,.section-heading,.tag,.case-number,.data-list>article>span,.data-list small,.data-list i,.hero-footer,footer{font:11px var(--mono);text-transform:uppercase;letter-spacing:.04em}.hero{height:800px;position:relative;overflow:hidden;padding:190px 10vw 0;background:var(--black);color:#f7f7f8}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 60% 40%,#1a2627 0,transparent 30%),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:auto,60px 60px,60px 60px;-webkit-mask-image:linear-gradient(#0009,transparent 86%);mask-image:linear-gradient(#0009,transparent 86%)}.hero-copy{position:relative;z-index:2}.hero .kicker{color:var(--amber);margin:0 0 34px}.hero .kicker:before{content:"—";margin-right:13px}.hero h1{margin:0;font-size:clamp(5rem,10vw,10rem);line-height:.77;letter-spacing:-.1em}.hero h1 em,.data h2 em,.now h2 em,.about h2 em,.contact h2 em{font-family:var(--serif);font-weight:500}.intro{max-width:410px;margin:33px 0 28px;color:#a9afbb;font-size:17px;line-height:1.4}.primary{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:28px;padding:14px 21px;background:var(--amber);color:var(--black);font-weight:600;text-decoration:none;cursor:pointer}.primary svg{width:18px}.portrait-frame{position:absolute;right:11vw;top:150px;z-index:1;width:min(28vw,365px);aspect-ratio:.82;background:var(--violet);overflow:hidden;border-radius:180px 180px 14px 14px;border:1px solid #ffffff22;box-shadow:28px 30px #52dfc821}.portrait-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portrait-frame span{position:absolute;bottom:0;left:0;right:0;padding:11px 15px;background:#0c0d0fcc;font:10px var(--mono);letter-spacing:.1em}.signal-line{position:absolute;z-index:1;width:62%;right:-2%;bottom:125px;height:90px;border-top:1px solid #52dfc877;transform:rotate(-8deg)}.signal-line i{display:block;position:absolute;height:7px;width:7px;background:var(--amber);border-radius:50%;box-shadow:0 0 0 5px #ffb32322}.signal-line i:nth-child(1){left:0;top:-4px}.signal-line i:nth-child(2){left:17%;top:9px}.signal-line i:nth-child(3){left:29%;top:-6px}.signal-line i:nth-child(4){left:42%;top:21px}.signal-line i:nth-child(5){left:57%;top:7px}.signal-line i:nth-child(6){left:74%;top:-10px}.signal-line i:nth-child(7){left:87%;top:6px}.signal-line i:nth-child(8){right:0;top:-24px}.hero-footer{position:absolute;z-index:2;bottom:43px;left:5vw;right:5vw;display:flex;justify-content:space-between;color:#8e94a0}.hero-footer span:last-child{display:flex;gap:7px;align-items:center}.work,.data,.tools{padding:110px 7vw}.section-heading{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid currentColor}.section-heading p{margin:0}.case{display:grid;grid-template-columns:46px 1.3fr 1fr;gap:34px;padding:25px 0 43px;border-bottom:1px solid #c9cbc8}.case-number{padding-top:3px}.screen{min-height:390px;overflow:hidden;border-radius:10px;background:var(--near);border:1px solid #242832;box-shadow:0 18px 35px #12141915}.screen img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.case-copy{align-self:end;padding-bottom:5px}.tag{margin:0;color:#6e747d}.case-copy h2{font-size:clamp(3rem,5vw,5.3rem);letter-spacing:-.1em;line-height:.82;margin:16px 0 20px}.case-copy>p:not(.tag){margin:0;max-width:390px;font-size:17px;line-height:1.4}.case-actions{display:flex;align-items:center;gap:18px;margin-top:30px}.case-actions>span{font:10px var(--mono);text-transform:uppercase;color:#6e747d}.cat-interface{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--near);color:#f7f7f8;border-radius:10px;position:relative;overflow:hidden}.cat-interface:before{content:"";position:absolute;width:400px;aspect-ratio:1;border:1px solid #334547;border-radius:50%;top:-38%;right:-22%}.cat-display{z-index:1;width:190px;aspect-ratio:1;background:var(--mint);color:var(--black);border-radius:42% 42% 46% 46%;display:grid;place-items:center;box-shadow:0 0 0 13px #52dfc818}.cat-display span{font-size:62px;letter-spacing:.12em}.cat-display i{position:absolute;margin-top:130px;font:10px var(--mono);text-transform:uppercase}.cat-interface>p{position:absolute;top:21px;left:22px;margin:0;font:10px var(--mono);letter-spacing:.1em}.cat-interface>div:last-child{position:absolute;bottom:22px;right:22px;display:flex;gap:5px}.cat-interface>div:last-child i{width:6px;height:6px;border-radius:50%;background:var(--amber)}.cat-interface>div:last-child i:nth-child(2){opacity:.5}.cat-interface>div:last-child i:nth-child(3){opacity:.2}.progress{color:#c0730b}.line-link{display:inline-flex;align-items:center;gap:8px;padding-bottom:5px;border-bottom:1px solid var(--black);text-decoration:none;font:11px var(--mono);text-transform:uppercase}.data{background:var(--mint)}.data-heading{max-width:650px}.data h2,.now h2,.about h2,.contact h2{margin:42px 0 32px;font-size:clamp(3.8rem,8vw,8rem);line-height:.83;letter-spacing:-.1em}.data-heading>p:last-child{font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.25;margin:0 0 68px}.data-list{border-top:1px solid var(--black)}.data-list article{display:grid;grid-template-columns:42px 1.6fr 1fr 100px;gap:25px;padding:23px 0;border-bottom:1px solid var(--black)}.data-list h3{font-size:clamp(1.35rem,2vw,2rem);line-height:.95;letter-spacing:-.06em;margin:0 0 9px}.data-list p{max-width:430px;margin:0;line-height:1.35;font-size:14px}.data-list small{line-height:1.5}.data-list a{display:flex;justify-content:end;align-items:center;gap:4px;font:10px var(--mono);text-transform:uppercase;text-align:right}.data-list i{font-style:normal;text-align:right}.now{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;padding:105px 7vw;background:var(--black);color:#f7f7f8}.now h2{margin-top:38px}.now-grid>div{align-self:end;padding-top:80px}.now-grid>div>p{max-width:450px;color:#b4bac5;font-size:18px;line-height:1.4}.pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.pills span{border:1px solid #828995;border-radius:18px;padding:6px 10px;font:10px var(--mono);text-transform:uppercase}.tools{padding-top:90px}.tools>div{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #c9cbc8;margin-top:38px}.tools>div span{min-height:128px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #c9cbc8;border-bottom:1px solid #c9cbc8;font-size:clamp(1.25rem,2vw,2rem);font-weight:600;letter-spacing:-.06em}.tools i{font:10px var(--mono);font-style:normal}.about{display:grid;grid-template-columns:1fr 1.3fr;gap:9vw;padding:105px 12vw;background:#e7e5df}.about>img{width:100%;max-width:380px;aspect-ratio:.86;-o-object-fit:cover;object-fit:cover;border-radius:190px 190px 10px 10px;box-shadow:18px 20px 0 var(--amber)}.about h2{margin-top:38px}.about div>p:last-child{max-width:580px;font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.35}.contact{padding:105px 12vw 62px;background:var(--violet);color:#fff}.contact h2{margin-top:38px}.email{display:inline-flex;gap:10px;align-items:center;padding-bottom:4px;border-bottom:2px solid currentColor;text-decoration:none;font-size:clamp(1.5rem,3vw,3rem);font-weight:500}.social-links{display:flex;gap:24px;margin-top:72px}.social-links a{display:flex;gap:7px;align-items:center;text-decoration:none;font:11px var(--mono);text-transform:uppercase}.social-links a:hover{text-decoration:underline}footer{display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:var(--violet);border-top:1px solid #ffffff55;color:#fff}footer .logo{font-size:1rem}footer .logo-dot{width:6px;height:6px}footer a{text-decoration:underline}.about-text{max-width:580px;font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.42}.about-text p{margin:0 0 17px}.about-text p:first-child{font-size:1.15em;font-weight:600}.about-text em{font-family:var(--serif)}.scroll-progress{position:fixed;z-index:20;top:0;left:0;right:0;height:2px;background:#ffffff14}.scroll-progress span{display:block;width:100%;height:100%;background:var(--mint);transform-origin:left;box-shadow:0 0 10px #52dfc899}.portrait-frame img{transform:translate(calc(var(--mouse-x,0) * -12px),calc(var(--mouse-y,0) * -10px)) scale(1.04);transition:transform .45s cubic-bezier(.2,.7,.2,1)}.screen{position:relative}.screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 36%,#52dfc821 49%,transparent 62%);transform:translate(-130%);pointer-events:none}.case:hover .screen:after{animation:screen-scan 1.1s ease}.cat-display span{animation:cat-blink 5s 1s infinite}.tool-section,.tools.is-visible>div span{animation:tool-in .45s both}.tools.is-visible>div span:nth-child(2){animation-delay:.05s}.tools.is-visible>div span:nth-child(3){animation-delay:.1s}.tools.is-visible>div span:nth-child(4){animation-delay:.15s}.tools.is-visible>div span:nth-child(5){animation-delay:.2s}.tools.is-visible>div span:nth-child(6){animation-delay:.25s}.tools.is-visible>div span:nth-child(7){animation-delay:.3s}.tools.is-visible>div span:nth-child(8){animation-delay:.35s}@keyframes screen-scan{to{transform:translate(130%)}}@keyframes cat-blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.1)}}@keyframes tool-in{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}.hero-copy>*{animation:hero-in .7s both}.hero-copy .kicker{animation-delay:.08s}.hero-copy h1{animation-delay:.16s}.hero-copy .intro{animation-delay:.25s}.hero-copy .primary{animation-delay:.34s}.portrait-frame{animation:portrait-in .85s .22s both,portrait-float 6s 1.1s ease-in-out infinite}.signal-line{animation:signal-drift 9s ease-in-out infinite}.primary,.line-link,.email,.social-links a{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.primary:hover{transform:translateY(-3px);box-shadow:0 12px 24px #ffb32342}.line-link:hover,.email:hover{transform:translate(5px)}.screen img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.case:hover .screen img{transform:scale(1.035)}.case:hover .cat-display{transform:translateY(-7px) rotate(-2deg);box-shadow:0 0 0 16px #52dfc821}.cat-display{transition:transform .35s ease,box-shadow .35s ease}.data-list article{transition:padding .25s ease,background-color .25s ease}.data-list article:hover{padding-left:12px;padding-right:12px;background:#fff5}.tools>div span{transition:background-color .25s ease,color .25s ease}.tools>div span:hover{background:var(--black);color:var(--mint)}.social-links a{opacity:.82}.social-links a:hover{opacity:1;transform:translateY(-2px)}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}.case[data-reveal]{transition-delay:.08s}.catplay[data-reveal]{transition-delay:.16s}@keyframes hero-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes portrait-in{0%{opacity:0;transform:translateY(40px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes portrait-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes signal-drift{0%,to{transform:rotate(-8deg) translate(0)}50%{transform:rotate(-6deg) translate(-14px)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}@media (max-width:800px){.nav{height:66px;padding:0 6vw}.menu{display:block!important;color:inherit}.nav nav{display:none;position:absolute;top:65px;left:0;right:0;padding:20px 6vw;flex-direction:column;gap:14px;background:var(--black);border-top:1px solid #333}.nav nav.open{display:flex}.hero{height:760px;padding:112px 6vw 0}.portrait-frame{top:83px;right:6vw;width:124px;aspect-ratio:.82}.hero h1{font-size:18vw;margin-top:174px}.intro{max-width:285px;font-size:15px}.signal-line{display:none}.hero-footer{left:6vw;right:6vw;bottom:32px;font-size:9px}.hero-footer span:last-child{display:none}.work,.data,.tools{padding:72px 6vw}.case{display:block;padding-bottom:37px}.case-number{margin-bottom:17px}.screen,.cat-interface{min-height:260px}.case-copy{padding-top:26px}.case-copy h2{font-size:4rem}.case-actions{align-items:flex-start;flex-direction:column;gap:12px}.data h2,.now h2,.about h2,.contact h2{font-size:4.1rem;margin:36px 0 28px}.data-heading>p:last-child{margin-bottom:52px}.data-list article{grid-template-columns:28px 1fr 60px;gap:13px}.data-list small{grid-column:2;grid-row:2;font-size:9px}.data-list a,.data-list i{grid-column:3;grid-row:1}.now{display:block;padding:72px 6vw}.now-grid>div{padding-top:8px}.now-grid>div>p{font-size:16px}.tools>div{grid-template-columns:repeat(2,1fr)}.tools>div span{min-height:105px}.about{display:block;padding:72px 6vw}.about>img{width:190px}.about h2{font-size:4.2rem}.contact{padding:72px 6vw 45px}.social-links{gap:18px;margin-top:52px;flex-wrap:wrap}footer{padding:17px 6vw;font-size:9px}footer>span{display:none}}