@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('/assets/fonts/inter.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/geist-mono.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*,:after,:before{--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:rgba(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:rgba(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: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,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,pre,samp{font-family:Geist Mono,ui-monospace,SFMono-Regular,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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{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}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.relative{position:relative}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-\[17px\]{margin-bottom:17px}.ml-1{margin-left:.25rem}.mr-\[3px\]{margin-right:3px}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[100px\]{height:100px}.h-\[60px\]{height:60px}.h-auto{height:auto}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[100px\]{width:100px}.w-\[135px\]{width:135px}.w-\[180px\]{width:180px}.w-\[52px\]{width:52px}.w-\[62vw\]{width:62vw}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-6xl{max-width:72rem}.max-w-\[240px\]{max-width:240px}.max-w-\[640px\]{max-width:640px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[4px\]{gap:4px}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:14px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[\#e8e8e8\]{--tw-border-opacity:1;border-color:rgb(232 232 232/var(--tw-border-opacity,1))}.border-\[\#ececec\]{--tw-border-opacity:1;border-color:rgb(236 236 236/var(--tw-border-opacity,1))}.border-rule{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.bg-\[\#fbfbfb\]{--tw-bg-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity,1))}.bg-logo{--tw-bg-opacity:1;background-color:rgb(237 229 218/var(--tw-bg-opacity,1))}.bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(229 229 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-\[30px\]{padding-left:30px;padding-right:30px}.px-\[6px\]{padding-left:6px;padding-right:6px}.px-\[var\(--clamp-page-px\)\]{padding-left:var(--clamp-page-px);padding-right:var(--clamp-page-px)}.py-0{padding-top:0;padding-bottom:0}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.pb-12{padding-bottom:3rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-\[10px\]{padding-bottom:10px}.pt-16{padding-top:4rem}.pt-24{padding-top:6rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.align-baseline{vertical-align:baseline}.align-\[-2px\]{vertical-align:-2px}.font-heading{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.font-mono{font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace}.font-sans{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-6{line-height:1.5rem}.leading-\[1\.4\]{line-height:1.4}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.6\]{line-height:1.6}.leading-\[22px\]{line-height:22px}.leading-\[24px\]{line-height:24px}.leading-\[26px\]{line-height:26px}.leading-\[35\.2px\]{line-height:35.2px}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\[-0\.025em\]{letter-spacing:-.025em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.32em\]{letter-spacing:.32em}.tracking-widest{letter-spacing:.1em}.text-\[\#0062fb\]{--tw-text-opacity:1;color:rgb(0 98 251/var(--tw-text-opacity,1))}.text-\[\#0B0B0F\]{--tw-text-opacity:1;color:rgb(11 11 15/var(--tw-text-opacity,1))}.text-\[\#0B0B0F\]\/30{color:rgba(11,11,15,.3)}.text-\[\#0B0B0F\]\/75{color:rgba(11,11,15,.75)}.text-\[\#188f4e\]{--tw-text-opacity:1;color:rgb(24 143 78/var(--tw-text-opacity,1))}.text-\[\#666666\]{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1))}.text-\[\#6f6f6f\]{--tw-text-opacity:1;color:rgb(111 111 111/var(--tw-text-opacity,1))}.text-\[\#8a8a8a\]{--tw-text-opacity:1;color:rgb(138 138 138/var(--tw-text-opacity,1))}.text-\[\#a6a6a6\]{--tw-text-opacity:1;color:rgb(166 166 166/var(--tw-text-opacity,1))}.text-\[\#c0392b\]{--tw-text-opacity:1;color:rgb(192 57 43/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(9 9 9/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.text-neutral-300{--tw-text-opacity:1;color:rgb(212 212 212/var(--tw-text-opacity,1))}.text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}.text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.text-neutral-800{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity,1))}.text-neutral-900{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.text-slate{--tw-text-opacity:1;color:rgb(56 56 56/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:hsla(0,0%,100%,.7)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-80{opacity:.8}.shadow-\[0_2px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{--tw-shadow:0 2px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 2px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-black\/5{--tw-ring-color:rgba(0,0,0,.05)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[scrollbar-width\:none\]{scrollbar-width:none}:root{--clamp-page-px:clamp(1.25rem,0.721831rem + 2.25352vw,2.75rem);--ease:cubic-bezier(0.22,0.61,0.21,1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-cursor=custom],html[data-cursor=custom] *{cursor:none!important}.cursor{position:fixed;top:0;left:0;z-index:999;color:#171717;opacity:0;pointer-events:none;transition:opacity .12s;will-change:transform}.cursorBody{transform-origin:0 0}.cursorArrow,.cursorBody{position:absolute;top:0;left:0}.cursorArrow{display:block;opacity:1;transition:opacity .14s}.cursor[data-mode=zoom-in] .cursorArrow,.cursor[data-mode=zoom-out] .cursorArrow{opacity:0}.cursorRing{position:absolute;top:0;left:0;display:block;width:24px;height:24px;border:1.25px solid;border-radius:50%;translate:-50% -50%;scale:.72;opacity:0;transition:opacity .14s,scale .2s var(--ease)}.cursor[data-mode=zoom-in] .cursorRing,.cursor[data-mode=zoom-out] .cursorRing{opacity:.55;scale:1}.cursorBar{position:absolute;top:50%;left:50%;width:8px;height:1.25px;background:currentcolor;border-radius:1px;translate:-50% -50%;opacity:0;transition:opacity .14s}.cursorBar--v{rotate:90deg}.cursor[data-mode=zoom-in] .cursorBar,.cursor[data-mode=zoom-out] .cursorBar:not(.cursorBar--v){opacity:1}@media (prefers-reduced-motion:reduce){.cursor,.cursorArrow,.cursorBar,.cursorRing{transition:none}}.bg-grid{position:fixed;inset:0;z-index:-1;opacity:.55;pointer-events:none}.local-focus-ring:focus-visible{outline:none;box-shadow:0 0 0 2px #fbfbfb,0 0 0 4px #ef4444}.tap-target{position:relative}.tap-target:after{content:"";position:absolute;top:50%;left:0;right:0;height:100%;min-height:44px;transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){.tap-target:after{min-height:0}}.email-line{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;font-family:inherit;font-size:14px;color:#6f6f6f;cursor:pointer;transition:color .3s var(--ease)}.email-line--intro{font-size:15px;line-height:24px;color:#666}.email-line:hover{color:#000}.email-line svg{flex-shrink:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;height:41px;padding:12px 18px;border:none;border-radius:8px;background:#000;font-family:inherit;font-size:14px;color:#fff;cursor:pointer;transition:background .3s var(--ease),transform .3s var(--ease)}.btn-primary:hover{background:#1e293b;color:#fff;transform:translateY(-1px)}.btn-primary[disabled]{opacity:.55;cursor:not-allowed;transform:none}.btn-quiet{display:inline-flex;align-items:center;height:41px;font-size:14px;color:#6f6f6f;text-decoration:none;transition:color .3s var(--ease)}.btn-quiet:hover{color:#000}.field{display:block;width:100%;padding:10px 12px;border:1px solid #e2e2e2;border-radius:8px;background:#fff;font-family:inherit;font-size:15px;color:#171717;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.field::-moz-placeholder{color:#a6a6a6}.field::placeholder{color:#a6a6a6}.field:focus{outline:none;border-color:#171717;box-shadow:0 0 0 3px hsla(0,0%,9%,.07)}.field-label{display:block;margin-bottom:6px;font-size:13px;color:#525252}.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.intro-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:26px;font-size:15px;line-height:24px;color:#666}.intro-meta .sep{color:#d4d4d4}.projects-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:.02em;color:#171717}.folder-icon{display:inline-block;font-size:28px;transform-origin:50% 90%;transition:transform .4s var(--ease)}.projects-label:hover .folder-icon{transform:rotate(-8deg) scale(1.06)}.work-tabs{display:flex;align-items:center;gap:22px;scroll-margin-top:40px}.work-tab{display:inline-flex;align-items:center;padding:0;border:0;background:none;font-size:15px;font-weight:500;color:#a3a3a3;cursor:pointer;transition:color .2s var(--ease)}.work-tab:hover,.work-tab[aria-selected=true]{color:#171717}.tab-panel[hidden]{display:none}.play-grid{-moz-columns:2;column-count:2;-moz-column-gap:14px;column-gap:14px;margin-top:28px}.play-item{display:block;width:100%;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:12px;padding:0;border:0;background:none;cursor:zoom-in;text-align:left}.play-item .tile{position:relative;display:block;width:100%;overflow:hidden;border:1px solid #e8e8e8;border-radius:10px;background-color:#f2f3f4;background-image:repeating-linear-gradient(45deg,#eef0f2 0 10px,#e9ebee 10px 20px);transition:transform .35s var(--ease),border-color .2s var(--ease)}.play-item .tile:not(:has(>img,>video)){aspect-ratio:var(--ratio,1/1)}.play-item .tile>img,.play-item .tile>video{display:block;width:100%;height:auto}.play-item .tile:has(>img,>video){background-color:#fbfbfb;background-image:none}.play-item .tile[data-label]:not(:has(>img,>video)):not(:has(.play-badge)):after{content:attr(data-label);position:absolute;inset:0;display:grid;place-items:center;font-family:Geist Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#a8b0b8}.play-item:hover .tile{transform:translateY(-2px);border-color:#d8d8d8}.play-item .play-badge{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.play-item .play-badge svg{display:block;padding:11px;border-radius:999px;background:rgba(9,9,9,.6);color:#fff;box-sizing:content-box}.lightbox-restart{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:6px;padding:8px 14px 8px 12px;border:0;border-radius:999px;background:#fff;color:#171717;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 8px 20px rgba(0,0,0,.16);animation:lightbox-restart-in .25s var(--ease) both;transition:background .2s var(--ease),scale .2s var(--ease)}.lightbox-restart[hidden]{display:none}@keyframes lightbox-restart-in{0%{opacity:0;scale:.92}}.lightbox-restart svg{display:block}.lightbox-restart:hover{background:#f2f2f2;scale:1.05}.lightbox-restart:active{scale:.96}@media (prefers-reduced-motion:reduce){.lightbox-restart{transition:none;animation:none}.lightbox-restart:active,.lightbox-restart:hover{scale:1}}@media (max-width:720px){.play-grid{-moz-columns:2;column-count:2;-moz-column-gap:8px;column-gap:8px}.play-item{margin-bottom:8px}}.project-list{margin-top:28px}.project-row{display:grid;grid-template-columns:170px 1fr auto;align-items:baseline;width:100%;padding:12px 0;border-bottom:1px solid #e8e8e8;text-align:left;color:inherit;text-decoration:none;transition:opacity .15s}.project-list:hover .project-row:not(:hover){opacity:.45}.project-row .name{font-size:15px;font-weight:500;color:#171717}.project-row .desc{font-size:14px;color:#525252}.project-row .year{font-family:Geist Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:12px;color:#8a8a8a}.project-row .arrow{display:inline-block;margin-inline-start:6px;font-size:13px;transition:translate .2s cubic-bezier(.2,0,0,1)}.project-row:hover .arrow{translate:2px -2px}.project-row[data-soon=true]{cursor:default}.project-row[data-soon=true] .year{font-style:italic;opacity:.7}.row-reveal{opacity:0;animation:row-rise .5s var(--ease) both;animation-delay:calc(var(--i, 0)*70ms)}@keyframes row-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:720px){.project-row{grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:2px;padding:14px 0}.project-row .name{grid-column:1}.project-row .year{grid-area:1/2}.project-row .desc{grid-column:1/-1}.project-row--writing{grid-template-columns:1fr auto;grid-template-rows:auto}.project-row--writing .desc{grid-column:1}.project-row--writing .year{grid-area:auto;grid-column:2}}@media (prefers-reduced-motion:reduce){.row-reveal{animation-duration:1ms!important}.folder-icon,.project-row .arrow{transition:none}}.project-row--writing{grid-template-columns:1fr auto}.lightbox{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:28px;cursor:zoom-out}.lightbox[hidden]{display:none}.lightbox:before{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lightbox-veil-in .2s ease both}.lightbox[data-closing=true]:before{animation:lightbox-veil-out .28s cubic-bezier(.22,1,.36,1) both}@keyframes lightbox-veil-in{0%{opacity:0}}@keyframes lightbox-veil-out{to{opacity:0}}.lightbox-figure{position:relative;display:block;--lightbox-max-w:calc(100vw - 56px);width:clamp(min(280px,var(--lightbox-max-w)),min(calc((100vh - 220px)*var(--ratio, 16/9)),1000px,var(--lightbox-max-w)),1000px);max-height:100%;overflow:hidden;border-radius:16px;background:#f0f0f0;box-shadow:0 24px 64px rgba(0,0,0,.16),0 4px 12px rgba(0,0,0,.06);animation:lightbox-card-in .32s cubic-bezier(.22,1,.36,1) both}.lightbox[data-closing=true] .lightbox-figure{animation:lightbox-card-out .28s cubic-bezier(.22,1,.36,1) both}@keyframes lightbox-card-in{0%{opacity:0;translate:0 10px;scale:.94}}@keyframes lightbox-card-out{to{opacity:0;translate:0 10px;scale:.94}}.lightbox-stage,.lightbox-stage .tile{display:block;width:100%}.lightbox-stage .tile{position:relative;overflow:hidden;border:0;border-radius:0;background-color:#f2f3f4;background-image:repeating-linear-gradient(45deg,#eef0f2 0 10px,#e9ebee 10px 20px)}.lightbox-stage .tile:has(>img,>video){aspect-ratio:auto;background-color:#fbfbfb;background-image:none}.lightbox-stage .tile:not(:has(>img,>video)){aspect-ratio:var(--ratio,16/9);max-height:calc(100vh - 150px)}.lightbox-stage .tile>img,.lightbox-stage .tile>video{display:block;width:100%;height:auto;max-height:calc(100vh - 150px);-o-object-fit:contain;object-fit:contain;margin-inline:auto}.lightbox-stage .play-badge{display:none}.lightbox-cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:12px 16px}.lightbox-cap .m:empty{display:none}.lightbox-cap .t{font-size:13px;font-weight:500;color:#171717}.lightbox-cap .m{font-family:Geist Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#8a8a8a}@media (prefers-reduced-motion:reduce){.lightbox,.play-item,.play-item .tile{transition:none;animation:none}.play-item:hover .tile{transform:none}}.case-title{font-size:24px;font-weight:500;letter-spacing:-.02em;color:#171717}.case-sub{margin-top:4px;font-size:15px;color:#8a8a8a}.case-meta{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:18px;font-family:Geist Mono,ui-monospace,monospace;font-size:13px;color:#171717}.filmstrip{margin-top:22px;margin-right:-50vw;--col:calc(min(1152px, 100vw) - var(--clamp-page-px)*2 - 352px)}@media (max-width:767px){.filmstrip{--col:calc(min(1152px, 100vw) - var(--clamp-page-px)*2)}}.filmstrip-track{display:flex;gap:20px;overflow-x:auto;padding:0 50vw 6px 0;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;overscroll-behavior-x:contain}.filmstrip-track::-webkit-scrollbar{display:none}.filmstrip-track.is-dragging{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.strip-item{flex:0 0 var(--col);margin:0;border-radius:14px;overflow:hidden;background:#f1f2f3;box-shadow:0 1px 2px rgba(0,0,0,.04)}.strip-item img{display:block;width:100%;height:auto;pointer-events:none}.fig{display:flex;justify-content:space-between;gap:16px;max-width:100%;margin:12px 0 0;font-family:Geist Mono,ui-monospace,monospace;font-size:11px;color:#8a8a8a}.fig,.fig-tag{align-items:center}.fig-tag{display:inline-flex;gap:6px;padding:4px 10px;border-radius:999px;background:#f1f2f3;color:#5c5c5c}.case-lead{margin-top:40px;font-size:17px;line-height:26px;color:#171717}.case-body{display:flex;flex-direction:column;gap:16px;margin-top:20px;font-size:15px;line-height:24px;color:#666}.case-stats{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:32px;font-size:14px;font-weight:500;color:#171717}.intro-shot{margin:0;border-radius:14px;overflow:hidden;background:#f1f2f3}.intro-shot img{display:block;width:100%;height:auto}@media (max-width:720px){.strip-item{flex:0 0 var(--col)}.case-title{font-size:21px}}@media (prefers-reduced-motion:reduce){.filmstrip-track{scroll-behavior:auto}}.case-intro{margin:0 0 12px;font-size:16px;line-height:26px;color:#525252}.case-intro:last-of-type{margin-bottom:22px}.case-intro--strong{font-weight:500;color:#171717}.case-section{margin-top:56px}.case-num{font-family:Geist Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#9a9a9a}.case-head{margin-top:10px;font-size:18px;line-height:27px;font-weight:500;letter-spacing:-.015em;color:#171717}.case-text{margin-top:12px;font-size:15px;line-height:24px;color:#666}.flow-line{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;font-family:Geist Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#171717}.flow-line .sep{color:#c4c4c4}.case-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;font-family:Geist Mono,ui-monospace,monospace;font-size:13px;color:#171717}.case-flow .step{padding:7px 12px;border:1px solid #e4e6e8;border-radius:8px;background:#fff}.case-flow .sep{color:#b4b4b4}.case-metric{margin-top:10px;font-size:34px;line-height:42px;font-weight:500;letter-spacing:-.03em;color:#171717}.stat-bar{display:flex;flex-wrap:wrap;gap:28px 40px;margin-top:28px;padding-top:24px;border-top:1px solid #e5e5e5}.stat-bar .stat{display:flex;flex-direction:column;gap:6px}.stat-bar .stat-label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#9a9a9a}.stat-bar .stat-label,.stat-bar .stat-value{font-family:Geist Mono,ui-monospace,monospace}.stat-bar .stat-value{font-size:15px;font-weight:500;letter-spacing:-.01em;color:#171717;font-variant-numeric:tabular-nums}.stat-bar .stat-value .arrow{margin:0 5px;color:#c4c4c4}@media (max-width:480px){.stat-bar{gap:20px}}.shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.shot-grid figure{margin:0;border-radius:12px;overflow:hidden;background:#f1f2f3}.shot-grid img{display:block;width:100%;height:auto}@media (max-width:720px){.case-section{margin-top:44px}.case-metric{font-size:28px;line-height:36px}.shot-grid{grid-template-columns:1fr;gap:12px}}.strip-item--cap{background:none;box-shadow:none;border-radius:0;overflow:visible}.strip-shot{border-radius:14px;overflow:hidden;background:#f1f2f3;box-shadow:0 1px 2px rgba(0,0,0,.04)}.strip-shot img{display:block;width:100%;height:auto}.strip-cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:12px}.strip-cap .n{font-family:Geist Mono,ui-monospace,monospace;font-size:11px;color:#9a9a9a}.strip-cap .t{font-size:14px;font-weight:500;color:#171717}.strip-cap .d{flex:1 1 100%;font-size:13px;line-height:20px;color:#7a7a7a}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.compare-col{padding:16px;border:1px solid #e8e8e8;border-radius:12px;background:#fff}.compare-label{font-family:Geist Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.04em;color:#9a9a9a}.compare-steps{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:13px;color:#171717}.compare-steps .arrow-down{color:#c4c4c4;font-size:12px;line-height:1}.compare-col--muted .compare-steps{color:#8a8a8a}.result-num{margin-top:10px;font-size:64px;line-height:68px;font-weight:500;letter-spacing:-.04em;color:#171717}.result-label{margin-top:2px;font-size:16px;color:#525252}.side-result .num{font-size:34px;line-height:40px;font-weight:500;letter-spacing:-.03em;color:#171717}.side-result .label{margin-top:2px;font-size:inherit;line-height:inherit;color:#525252}.side-result .note{margin-top:10px;font-size:inherit;line-height:inherit;color:#8a8a8a}.side-body,.side-body a,.side-body p{font-size:13px;line-height:20px;letter-spacing:-.002em}.side-link{display:inline-flex;align-items:center;gap:5px;color:#383838;text-decoration:none;transition:color .2s var(--ease)}.side-link:hover{color:#090909;text-decoration:underline;text-underline-offset:3px}.side-quote{color:#525252}.side-quote>p{font-size:inherit;line-height:inherit;font-style:italic}.side-quote .who{display:flex;align-items:center;gap:10px;margin-top:14px}.side-quote .avatar{flex-shrink:0;width:34px;height:34px;border-radius:999px;overflow:hidden;background:#ede5da}.side-quote .avatar img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.side-quote .name{display:inline-flex;align-items:center;gap:5px;font-size:inherit;font-weight:500;color:#171717;text-decoration:none}.side-quote .name:hover{text-decoration:underline;text-underline-offset:3px}.side-quote .role{margin-top:1px;font-size:inherit;line-height:inherit;font-style:normal;color:#8a8a8a}.final-pair{display:grid;grid-template-columns:max-content 1fr;gap:32px}.final-pair>div+div{padding-left:32px;border-left:1px solid #e8e8e8}.final-pair .result-num{margin-top:8px;font-size:40px;line-height:46px}.final-pair .result-label{font-size:13px;line-height:20px}.final-pair .case-head{margin-top:8px;font-size:15px;line-height:22px}.final-pair .takeaway{margin-top:8px;font-size:16px;line-height:24px}.final-pair .case-text{margin-top:10px;font-size:13px;line-height:20px}@media (max-width:720px){.final-pair{grid-template-columns:1fr;gap:32px}.final-pair>div+div{padding-left:0;padding-top:32px;border-left:0;border-top:1px solid #e8e8e8}}.takeaway{margin-top:10px;font-size:22px;line-height:32px;font-weight:600;letter-spacing:-.02em;color:#171717}@media (max-width:720px){.compare{grid-template-columns:1fr}.result-num{font-size:48px;line-height:52px}.takeaway{font-size:19px;line-height:28px}}.toast{position:fixed;bottom:28px;left:50%;z-index:50;padding:10px 18px;border-radius:8px;background:#000;font-size:14px;color:#fff;opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.toast.show{opacity:1;transform:translate(-50%)}.folder{--c:var(--folder-color,#2440c8);padding:.5rem 1.75rem .5rem .25rem;opacity:0;transform:translateY(10px);animation:folder-in .5s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:calc(min(var(--i, 0) * 80ms, .36s))}.folder:focus-within,.folder:hover,.folder[data-open=true]{position:relative;z-index:1}@keyframes folder-in{to{opacity:1;transform:translateY(0)}}.folder__link{display:block}.folder__scene{position:relative;aspect-ratio:4/5;overflow:visible;transition:transform .62s cubic-bezier(.22,.61,.36,1)}.folder__wall{position:absolute;inset:0;z-index:0;border-radius:1.25rem;background:color-mix(in srgb,var(--c) 78%,#000)}.folder__cover-layer{position:absolute;inset:0;z-index:2;perspective:1000px;perspective-origin:58% 48%}.folder__cover{position:absolute;inset:0;border-radius:1.25rem;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 86%,#fff) 0,var(--c) 100%);box-shadow:inset 0 1px #ffffff29;transform-origin:0;backface-visibility:hidden;will-change:transform;transition:transform .62s cubic-bezier(.22,.61,.36,1)}.folder[data-open=true] .folder__cover{transform:rotateY(-152deg)}.folder__doc-layer{position:absolute;inset:0;z-index:1;perspective:1000px;perspective-origin:58% 48%;transform-origin:35% 88%;transition:transform .45s cubic-bezier(.22,.61,.36,1)}.folder[data-peek=true] .folder__doc-layer{transform:translate(13%) rotate(3.5deg)}.folder[data-open=true] .folder__doc-layer{transform:translate(26%) rotate(0deg)}.folder__doc{position:absolute;top:5%;bottom:5%;left:8%;right:8%;transform-origin:50%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.22,.61,.36,1)}.folder[data-open=true] .folder__doc{transform:rotateY(180deg)}.folder__face{position:absolute;inset:0;overflow:hidden;border-radius:1.1rem;background:#fff;box-shadow:0 18px 40px -18px #0d144666;backface-visibility:hidden}.folder__face--back{transform:rotateY(180deg)}.folder__stamp{position:absolute;top:50%;right:.7rem;white-space:nowrap;transform-origin:50%;transform:translateY(-50%) rotate(90deg)}@media (prefers-reduced-motion:reduce){.folder{opacity:1;transform:none;animation:none}.folder__cover-layer,.folder__doc-layer{perspective:none}.folder *,.folder__scene{transition:none!important}.btn-primary:hover{transform:none}}.pc-page{--pc-media:832px;--pc-text:640px;--pc-title:576px;--pc-ink:#41413f;--pc-quiet:#8f8f8b;--pc-rule:#e6e6e3}.pc-wrap{margin-inline:auto;max-width:calc(var(--pc-media) + var(--clamp-page-px)*2);padding-inline:var(--clamp-page-px)}.pc-figure>figcaption,.pc-quote>.pc-body,.pc-quote>.who,.pc-section>.pc-body,.pc-section>.pc-compare,.pc-section>.pc-display,.pc-section>.pc-flow,.pc-section>.pc-meta,.pc-section>.pc-stats,.pc-wrap>.pc-body,.pc-wrap>.pc-display,.pc-wrap>.pc-meta{width:100%;max-width:var(--pc-text);margin-inline:auto}.pc-hero{margin-top:clamp(48px,6vw,80px)}.pc-hero>*{width:100%;max-width:var(--pc-title);margin-inline:auto}.pc-display{font-size:18px;line-height:26px;font-weight:450;color:var(--pc-ink)}.pc-display--lg{font-size:clamp(26px,1.2rem + 1.3vw,32px);line-height:1.25;font-weight:400;letter-spacing:-.01em}.pc-body{font-size:16px;line-height:26px;font-weight:400;color:var(--pc-ink)}.pc-meta{font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:11px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:var(--pc-quiet)}.pc-section{margin-top:clamp(48px,5.5vw,68px)}.pc-meta+.pc-display{margin-top:6px}.pc-display+.pc-body{margin-top:10px}.pc-body+.pc-body{margin-top:20px}.pc-body+.pc-display,.pc-compare+.pc-display,.pc-figure+.pc-display,.pc-strip+.pc-display{margin-top:36px}.pc-display+.pc-flow{margin-top:28px}.pc-figure{margin:24px 0 0}.pc-figure img{display:block;width:100%;height:auto;border-radius:8px}.pc-figure>figcaption{margin-top:10px}.pc-figure--sm img{max-width:var(--pc-text);margin-inline:auto}.pc-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:720px){.pc-pair{grid-template-columns:1fr;gap:22px}}.pc-strip{margin:24px 0 0;margin-inline:calc(50% - 50vw);width:100vw;max-width:100vw}.pc-strip-track{display:flex;gap:20px;overflow-x:auto;padding-inline:max(var(--clamp-page-px),calc(50vw - var(--pc-media)/2));scrollbar-width:none;-ms-overflow-style:none;cursor:grab;overscroll-behavior-x:contain}.pc-strip-track::-webkit-scrollbar{display:none}.pc-strip-track.is-dragging{cursor:grabbing}.pc-strip-track.is-dragging *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pc-strip figure{flex:0 0 min(var(--pc-media),86vw);margin:0}.pc-strip img{display:block;width:100%;height:auto;border-radius:8px;pointer-events:none}.pc-strip figcaption{margin-top:10px}.pc-strip figcaption .pc-body{max-width:var(--pc-text);margin-top:6px}.pc-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:28px;padding:16px 0;border-top:1px solid var(--pc-rule);border-bottom:1px solid var(--pc-rule)}.pc-flow .sep{color:#c8c8c4}.pc-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px 40px;margin-top:28px;padding-top:22px;border-top:1px solid var(--pc-rule)}@media (max-width:640px){.pc-compare{grid-template-columns:1fr;gap:24px}}.pc-compare ul{margin:12px 0 0;padding:0;list-style:none}.pc-compare li{padding:7px 0;border-bottom:1px solid #eeeeec}.pc-compare li:last-child{border-bottom:0}.pc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;padding-top:22px;border-top:1px solid var(--pc-rule)}@media (max-width:600px){.pc-stats{grid-template-columns:1fr;gap:18px}}.pc-stats .v{margin-top:6px;font-variant-numeric:tabular-nums}.pc-stats .v .sep{margin:0 5px;color:#c8c8c4}.pc-quote{margin-top:clamp(56px,6.5vw,80px)}.pc-quote>.pc-body{padding-top:24px;border-top:1px solid var(--pc-rule)}.pc-quote .who{display:flex;align-items:center;gap:12px;margin-top:18px}.pc-quote .avatar{flex-shrink:0;width:34px;height:34px;border-radius:999px;overflow:hidden;background:#ede5da}.pc-quote .avatar img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cs-white{--cs-ink:#41413f;--cs-quiet:#8e8e93;--cs-rule:#ececec}@media (min-width:768px){.cs-white .cs-panel{position:relative;padding-left:56px}.cs-white .cs-panel:before{content:"";position:absolute;top:0;bottom:0;left:0;right:-100vw;background:#fff;border-left:1px solid var(--cs-rule)}.cs-white .cs-panel>*{position:relative}.cs-white .cs-side{padding-right:40px}}.cs-white .cs-title{font-size:24px;line-height:34px;font-weight:500;letter-spacing:-.015em;color:var(--cs-ink);margin-bottom:18px}.cs-white .case-metric,.cs-white .side-result .num{font-size:28px;line-height:34px;font-weight:600;letter-spacing:-.02em;color:var(--cs-ink)}.cs-white .case-head,.cs-white .cs-statement{font-size:18px;line-height:27px;font-weight:500;letter-spacing:-.015em;color:#171717}.cs-white .cs-statement{margin-top:34px}.cs-white .case-intro,.cs-white .case-text,.cs-white .side-body,.cs-white .side-body a,.cs-white .side-body p,.cs-white .side-quote>p,.cs-white .side-result .label,.cs-white .side-result .note,.cs-white .stat-bar .stat-value{font-size:15px;line-height:24px;letter-spacing:normal;color:#666}.cs-white .case-intro:last-of-type{margin-bottom:32px}.cs-white .side-body a.side-link{color:#383838}.cs-white .side-quote a.name{color:#171717}.cs-white .case-num,.cs-white .flow-line,.cs-white .stat-label{font-size:11px;line-height:1.5}.cs-white .stat-bar+.stat-label{font-family:Geist Mono,ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--cs-quiet)}.cs-white .side-quote>p{font-style:normal}.cs-white .side-result .num{margin-bottom:2px}.cs-white .case-section{margin-top:52px}.cs-white .intro-shot,.cs-white .strip-shot{border-radius:10px}@property --pos{syntax:"<percentage>";inherits:true;initial-value:50%}.cs-compare{position:relative;border-radius:14px;overflow:hidden;background:#f1f2f3;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cs-compare:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #ef4444}.cs-compare img{display:block;width:100%;height:auto;pointer-events:none}.cs-compare-after{position:relative}.cs-compare-before{position:absolute;inset:0;overflow:hidden;width:var(--pos,50%);border-right:2px solid #fff}.cs-compare-before img{position:absolute;top:0;left:0;right:auto;width:auto;max-width:none;height:100%}.cs-compare-handle{position:absolute;top:50%;left:var(--pos,50%);transform:translate(-50%,-50%);z-index:2}.cs-compare-grip{display:flex;align-items:center;justify-content:center;gap:2px;width:38px;height:38px;border-radius:999px;background:#fff;color:#383838;box-shadow:0 2px 10px rgba(0,0,0,.16)}.cs-compare-chip{position:absolute;top:14px;left:14px;z-index:2;padding:5px 10px;border-radius:999px;background:rgba(9,9,9,.72);font-family:Geist Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.07em;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.cs-compare-chip.is-visible{opacity:1}@media (prefers-reduced-motion:no-preference){.cs-compare.cs-compare--intro{animation:cs-compare-hint 1.8s ease-in-out .6s}}@keyframes cs-compare-hint{0%,to{--pos:50%}35%{--pos:38%}70%{--pos:62%}}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:text-ink:hover{--tw-text-opacity:1;color:rgb(9 9 9/var(--tw-text-opacity,1))}.hover\:text-neutral-900:hover{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.group:hover .group-hover\:bg-neutral-300{--tw-bg-opacity:1;background-color:rgb(212 212 212/var(--tw-bg-opacity,1))}@media (min-width:640px){.sm\:grid{display:grid}.sm\:w-auto{width:auto}.sm\:max-w-none{max-width:none}.sm\:shrink{flex-shrink:1}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:gap-4{gap:1rem}.sm\:overflow-visible{overflow:visible}.sm\:px-0{padding-left:0;padding-right:0}.sm\:pt-\[120px\]{padding-top:120px}.sm\:pt-\[96px\]{padding-top:96px}}@media (min-width:768px){.md\:sticky{position:sticky}.md\:top-16{top:4rem}.md\:h-fit{height:-moz-fit-content;height:fit-content}.md\:w-72{width:18rem}.md\:w-\[22rem\]{width:22rem}.md\:max-w-72{max-width:18rem}.md\:max-w-\[22rem\]{max-width:22rem}.md\:flex-row{flex-direction:row}.md\:gap-0{gap:0}.md\:gap-16{gap:4rem}.md\:pt-0{padding-top:0}.md\:pt-16{padding-top:4rem}}