@font-face{font-family:__funnel_60b65b;src:url(/_next/static/media/d2246011c2bd18e2-s.p.ttf) format("truetype");font-display:swap;font-weight:300 800}@font-face{font-family:__funnel_Fallback_60b65b;src:local("Arial");ascent-override:94.19%;descent-override:23.55%;line-gap-override:0.00%;size-adjust:106.17%}.__className_60b65b{font-family:__funnel_60b65b,__funnel_Fallback_60b65b}.__variable_60b65b{--font-funnel:"__funnel_60b65b","__funnel_Fallback_60b65b"}

/*
! tailwindcss v3.4.3 | 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:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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,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]{display:none}*,: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: }.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}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.top-\[1px\]{top:1px}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-\[1\]{z-index:1}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.\!hidden{display:none!important}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.w-2{width:.5rem}.w-3{width:.75rem}.w-6{width:1.5rem}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.max-w-max{max-width:-moz-max-content;max-width:max-content}.flex-1{flex:1 1 0%}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.list-none{list-style-type:none}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.bg-background{background-color:hsl(var(--background))}.bg-border{background-color:hsl(var(--border))}.bg-popover{background-color:hsl(var(--popover))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-popover-foreground{color:hsl(var(--popover-foreground))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.outline{outline-style:solid}.filter{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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-300{animation-duration:.3s}.paused{animation-play-state:paused}:root{--blue:#365de6;--paper:#f8f9f2;--black:#111210;--gutter:clamp(20px,2.1vw,40px);--grid-color:#11121012;--columns:4;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--black);font-family:var(--font-funnel),sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a,button,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a,button{touch-action:manipulation}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer}button:disabled{cursor:default}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.045em}em{font-style:normal;font-weight:350}::-moz-selection{background:var(--black);color:var(--paper)}::selection{background:var(--black);color:var(--paper)}:focus-visible{outline:3px solid #f38b36;outline-offset:6px}.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:var(--paper);color:var(--black);padding:14px 22px;transform:translateY(-160%);border-radius:30px}.skip-link:focus{transform:none}.grid-surface{position:relative;isolation:isolate}.grid-surface:before{content:"";position:absolute;inset:0 var(--gutter);z-index:-1;pointer-events:none;border-left:1px solid var(--grid-color);border-right:1px solid var(--grid-color);background-image:linear-gradient(to right,transparent calc(100% - 1px),var(--grid-color) 0);background-size:calc(100% / var(--columns)) 100%}.pill{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--paper);color:var(--black);padding:15px 23px;border-radius:100px;min-height:48px;line-height:1;white-space:nowrap;font-size:17px;font-weight:500;position:relative;isolation:isolate;transition:transform .2s,box-shadow .2s;box-shadow:3px 4px 0 #111210}.pill:after{content:"";position:absolute;inset:5px -5px -5px 5px;border-radius:inherit;z-index:-1;background-image:radial-gradient(#111210 45%,transparent 50%);background-size:2px 2px;opacity:.8}.pill:hover{transform:translate(-2px,-2px);box-shadow:5px 6px 0 #111210}.pill span{font-size:21px;font-weight:400}.pill-small{min-height:42px;padding:12px 18px;font-size:15px;gap:25px}.identity{font-size:19px;line-height:1.05;letter-spacing:-.025em;display:flex;align-items:center;gap:12px;min-height:44px}.identity-copy{display:flex;flex-direction:column}.identity-mark{width:40px;height:40px;flex:none}.back-to-top svg,.identity-mark{transition:transform .25s ease}.back-to-top:is(:hover,:focus-visible) svg,.identity:is(:hover,:focus-visible) .identity-mark{transform:translate(3px,-3px)}.identity strong{font-weight:550}.site-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px var(--gutter) 0}.hero{background:var(--blue);color:var(--paper);--grid-color:#f8f9f218;min-height:720px;height:100svh;overflow:clip}.hero h1{font-size:clamp(64px,9.5vw,152px);line-height:.91;margin:7vh var(--gutter) 0;max-width:1300px;letter-spacing:-.052em}.hero-footer{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between;font-size:15px;line-height:1.2}.scroll-cue{display:flex;gap:20px;align-items:center}.scroll-cue span{font-size:24px}.introduction{padding:clamp(100px,15vw,220px) var(--gutter) 45px;background:var(--paper)}.bio-copy{max-width:1220px;font-size:clamp(30px,4.45vw,72px);font-weight:550;line-height:1.05;letter-spacing:-.04em}.bio-word{display:inline}.intro-note{display:flex;justify-content:space-between;gap:30px;margin-top:100px;font-size:15px;color:#686a63}.project-chapter{height:260svh;min-height:1600px;background:var(--section-color);color:var(--section-ink);--grid-color:#f8f9f214;border-top:5px solid transparent;-o-border-image:repeating-linear-gradient(45deg,#111210 0 1px,transparent 1px 2px) 5;border-image:repeating-linear-gradient(45deg,#111210 0 1px,transparent 1px 2px) 5}.chapter-1,.chapter-2{--grid-color:#11121012}.chapter-sticky{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden}.chapter-header{position:absolute;inset:34px var(--gutter) auto;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px}.chapter-header h2{font-size:clamp(35px,4.2vw,68px);line-height:1.05}.eyebrow{font-size:12px;letter-spacing:.07em;line-height:1.4;font-weight:450;margin-bottom:10px}.draft-tag{opacity:.6;margin-left:15px;font-size:11px;letter-spacing:0;text-transform:none}.chapter-showcase{position:absolute;inset:0}.chapter-caption{position:absolute;top:145px;width:100%;text-align:center;font-size:15px;opacity:.65}.comparison-demo,.desktop-demo,.phone-demo{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);transition:opacity .55s,transform .7s cubic-bezier(.22,.8,.2,1)}.desktop-demo{width:min(78vw,1080px)}.phone-demo{width:clamp(165px,17vw,260px);opacity:0;transform:translate(-50%,-40%) rotate(8deg) scale(.8)}.step-1 .desktop-demo,.step-2 .desktop-demo{opacity:0;transform:translate(-50%,-60%) scale(.78);pointer-events:none}.step-1 .phone-demo{opacity:1;transform:translate(-50%,-50%) rotate(-5deg) scale(1)}.step-2 .phone-demo{opacity:0;transform:translate(-50%,-60%) scale(.8);pointer-events:none}.comparison-demo{width:min(72vw,980px);opacity:0;pointer-events:none;transform:translate(-50%,-40%) scale(.9)}.step-2 .comparison-demo{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.comparison-images{position:relative;overflow:hidden;border-radius:12px;box-shadow:5px 6px #111}.comparison-overlay{position:absolute;inset:0}.comparison-line{top:0;bottom:0;width:2px;display:flex;align-items:center;justify-content:center;color:var(--black);font-size:22px}.comparison-line,.comparison-line:before{position:absolute;background:var(--paper)}.comparison-line:before{content:"";width:38px;height:38px;border-radius:50%;z-index:-1}.comparison-control{margin-top:20px;display:flex;align-items:center;gap:20px;font-size:14px}.comparison-control input{flex:1;min-width:0;accent-color:var(--paper)}.device-browser{border-radius:12px;overflow:hidden;background:var(--paper);color:var(--black);box-shadow:6px 7px 0 #11121090}.browser-bar{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 15px;font-size:11px;gap:15px;background:#f8f9f2;color:#44463e}.browser-dots{display:flex;gap:4px}.browser-dots i{display:block;width:7px;height:7px;background:#d9dbd5;border-radius:50%}.browser-address{background:#ecede7;min-width:30%;padding:3px 18px;border-radius:20px;text-align:center}.device-phone{position:relative;border:6px solid #111;background:var(--paper);border-radius:34px;overflow:hidden;aspect-ratio:9/18;box-shadow:6px 6px #11121090}.phone-top{position:absolute;z-index:3;display:flex;justify-content:space-between;top:0;left:0;right:0;padding:7px 14px;font-size:10px;background:#f8f9f2;color:#111;height:30px}.phone-top i{width:36%;height:16px;background:#111;border-radius:12px;position:absolute;left:32%;top:3px}.device-phone .project-art{height:100%;aspect-ratio:auto;padding-top:24px}.device-phone .art-nav{font-size:7px;padding:23px 10px 0}.device-phone .art-nav>span:nth-child(2){display:none}.device-phone .art-copy{font-size:clamp(26px,4vw,48px);top:22%;left:8%}.device-phone .art-object{width:120%;right:-25%;top:45%}.device-phone .art-bottom{font-size:6px;padding:10px}.project-art{position:relative;aspect-ratio:1.72;overflow:hidden;background:#111b22;color:#edf3e9;container-type:inline-size}.project-media{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.art-nav{position:relative;display:flex;align-items:center;justify-content:space-between;padding:4% 5%;font-size:1.1cqw;z-index:2}.art-nav>span:first-child{font-size:2.5cqw;font-weight:550;letter-spacing:-.09em}.art-asterisk{margin-left:5px;color:#cdff82}.art-copy{position:absolute;top:30%;left:5%;z-index:2;font-size:8cqw;line-height:.9;letter-spacing:-.06em;font-weight:500}.art-copy i{font-family:Georgia,serif;font-weight:400}.art-object{position:absolute;width:60%;aspect-ratio:1;right:-5%;top:8%;perspective:800px;transition:filter .5s,transform .7s}.art-orb .art-object span{display:block;position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 28% 24%,#fbffe8 0,#d7f6bb 13%,#8cbd81 29%,#324d49 54%,#15272e 67%);box-shadow:inset -15px -20px 35px #0008,20px 30px 50px #0006}.art-orb .art-object span:nth-child(2){inset:6% 36% 6% 36%;background:none;border:3px solid #d4f5bc99;transform:rotate(-35deg);box-shadow:none}.art-orb .art-object span:nth-child(3){inset:35% 0;background:none;border:4px solid #d4f5bc99;transform:rotate(-35deg);box-shadow:none}.art-terrain{background:#251937;color:#e0d7fb}.art-terrain .art-object{right:-10%;top:0;width:78%;transform:rotate(-30deg)}.art-terrain .art-object span{position:absolute;inset:10%;border:35px solid #9a87ca;border-radius:34%;box-shadow:inset 3px 3px 4px #f0e3ff55,12px 30px 30px #0009;transform:rotateX(50deg) rotate(25deg)}.art-terrain .art-object span:nth-child(2){inset:25% 12% 0 7%;opacity:.7}.art-terrain .art-object span:nth-child(3){inset:40% 3% -15% 0;opacity:.5}.art-type{background:#e8e1cd;color:#242c20}.art-type .art-object{top:-8%;right:-3%;width:60%;text-align:center}.art-type .art-object>span{display:block;font-size:58cqw;font-weight:650;line-height:1;letter-spacing:-.15em;transform:rotate(-15deg);color:#ec5b35;text-shadow:7px 8px #c33d20}.art-type .art-asterisk{color:#ee5d32}.art-bottom{position:absolute;bottom:0;left:0;right:0;padding:4% 5%;font-size:1cqw;display:flex;justify-content:space-between;z-index:2}.art-grain{position:absolute;inset:0;pointer-events:none;opacity:.14;background:repeating-radial-gradient(circle at 30% 35%,#fff 0 .5px,#000 1px 1.5px,transparent 2px 3px);background-size:5px 5px;mix-blend-mode:overlay}.variant-1{filter:hue-rotate(65deg)}.variant-1 .art-object{transform:rotate(25deg) scale(1.05)}.variant-2{filter:hue-rotate(145deg)}.scratch-demo{position:absolute;width:min(76vw,1000px);top:49%;left:50%;transform:translate(-50%,-50%)}.scratch-surface{position:relative}.scratch-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.scratch-label{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#111;pointer-events:none;gap:20px}.scratch-label>span{font-size:clamp(24px,4vw,60px);line-height:.95;letter-spacing:-.045em;font-weight:550;background:#f3f2eddf;padding:10px 20px;border-radius:8px}.scratch-label small{background:#f3f2eddf;padding:4px 12px;border-radius:20px}.demo-controls{display:flex;justify-content:center;gap:20px;margin-top:22px}.demo-status{text-align:center;margin-top:16px;font-size:13px}.variants-demo{position:absolute;width:min(78vw,1080px);left:50%;top:49%;transform:translate(-50%,-50%)}.variant-device{width:100%;margin:auto;transition:width .6s cubic-bezier(.2,.8,.2,1)}.view-1 .variant-device{width:65%}.view-2 .variant-device{width:clamp(160px,17vw,240px)}.view-switcher{display:flex;justify-content:center;gap:4px;background:#11121018;padding:5px;width:-moz-fit-content;width:fit-content;margin:25px auto 0;border-radius:30px}.view-switcher button{background:transparent;padding:10px 18px;border-radius:25px;font-size:14px;transition:background .2s}.view-switcher button[aria-pressed=true]{background:var(--paper);color:#111;box-shadow:0 2px 5px #1112}.all-work{background:#f0f1e9;padding:100px var(--gutter) 140px}.work-header{display:flex;align-items:baseline;justify-content:space-between}.work-header h2{font-size:clamp(48px,7vw,110px);line-height:.95}.work-header>span{font-size:17px;color:#777970}.work-note{font-size:15px;color:#74766c;margin:20px 0 55px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 22px}.card-wide{grid-column:span 2}.work-card-image{position:relative;aspect-ratio:1.5;border-radius:10px;overflow:hidden;display:grid;place-items:center;perspective:900px}.card-wide .work-card-image{aspect-ratio:1.85}.work-card-device{width:75%;transform:rotate(-9deg) rotateY(-12deg) rotateX(10deg);transition:transform .6s;filter:drop-shadow(20px 30px 18px #0006)}.work-card:nth-child(2) .work-card-device{transform:rotate(7deg) rotateY(15deg)}.work-card:nth-child(3) .work-card-device{transform:rotate(-5deg) rotateX(15deg)}.work-card:hover .work-card-device{transform:rotate(0) scale(1.05)}.work-card-label{display:flex;justify-content:space-between;gap:15px;margin-top:16px;font-size:17px}.work-card-label h3{font-size:inherit;letter-spacing:-.025em;font-weight:500}.work-card-label>span{color:#777970;font-size:15px}.card-dither{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#f8f9f2 30%,transparent 35%);background-size:4px 4px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 38%,transparent 68%,#000);mask-image:linear-gradient(135deg,#000,transparent 38%,transparent 68%,#000);opacity:.65;transition:opacity .5s}.work-card:hover .card-dither{opacity:0}.card-arrow{position:absolute;top:15px;right:20px;color:var(--paper);font-size:28px;opacity:0;transform:translate(-10px,10px);transition:opacity .3s,transform .3s}.work-card:hover .card-arrow{opacity:1;transform:none}.background-section{margin-top:clamp(90px,12vw,180px);padding-bottom:60px}.background-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:48px}.background-heading h2{font-size:clamp(40px,5.7vw,88px);line-height:1}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px)}.experience-entry{border-top:1px solid #11121040;padding-top:24px}.experience-entry h3{font-size:clamp(26px,2.7vw,40px);line-height:1.1;margin-bottom:20px}.experience-entry li,.experience-entry>p:not(.eyebrow){font-size:clamp(17px,1.5vw,22px);line-height:1.45}.experience-entry ul{padding-left:20px;margin:18px 0 0;color:#55584f}.experience-entry li+li{margin-top:12px}.experience-entry:first-child{grid-column:1/-1}.experience-entry:first-child ul{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px}.experience-entry:first-child li+li{margin-top:0}.experience-entry>p.experience-period{font-size:15px;color:#686a63;margin:-8px 0 20px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:56px;padding-top:28px;border-top:1px solid #11121040}.skills-grid h3{font-size:22px;margin-bottom:12px}.skills-grid p{font-size:17px;line-height:1.6;color:#55584f}.education-note{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:48px;font-size:17px;line-height:1.5}.education-note span{color:#55584f}.education-note a,.resume-fallback a{text-decoration:underline;text-underline-offset:4px}.case-media-note{margin-top:18px;font-size:15px;opacity:.7}.resume-page{min-height:100svh;padding:32px var(--gutter) 100px}.resume-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.resume-page h1{font-size:clamp(65px,10vw,145px);margin:70px 0 16px;line-height:1}.resume-caption{font-size:24px}.resume-versions{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.resume-version{border:1px solid #11121040;padding:12px 20px;border-radius:30px;font-size:17px}.resume-version[aria-current=page]{color:var(--paper);background:var(--black);border-color:var(--black)}.resume-version:hover{border-color:var(--black)}.resume-fallback{margin:20px 0 32px;font-size:16px}.resume-preview{max-height:85svh;overflow:auto;border:1px solid #11121040;border-radius:8px;background:#fff}.resume-preview img{display:block;width:100%;height:auto}.resume-preview img+img{border-top:1px solid #11121040}.contact{background:#0c0d0b;color:var(--paper);--grid-color:#f8f9f218;min-height:1000px;height:120svh;padding:120px var(--gutter) 0;overflow:clip}.contact h2{font-size:clamp(54px,7.6vw,120px);line-height:.93}.contact-top>p{color:#a1a39b;font-size:clamp(19px,2vw,27px);margin:26px 0 40px}.email-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.contact-email{font-size:clamp(23px,3vw,44px);letter-spacing:-.035em;border-bottom:1px solid #7f8178;line-height:1.1;overflow-wrap:anywhere}.copy-email{background:transparent;color:#a1a39b;font-size:13px;padding:10px 0}.footer-links{margin-top:65px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:20px;max-width:800px;font-size:24px;letter-spacing:-.02em}.footer-links a:hover{text-decoration:underline;text-underline-offset:6px}.footer-meta{margin-top:36px;display:flex;justify-content:space-between;gap:24px;font-size:14px;color:#91948a;max-width:800px}.text-button{padding:0;background:transparent;font-size:inherit;text-align:left}.footer-small{margin-top:30px;color:#6c7064;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:800px}.back-to-top{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--paper);white-space:nowrap}.back-to-top svg{flex:none}.sound-toggle{position:fixed;z-index:65;bottom:24px;right:24px;background:var(--paper);color:var(--black);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;box-shadow:3px 4px #1115;transition:transform .2s}.sound-toggle:hover{transform:rotate(-8deg)}.trick-dialog{padding:0;border:0;border-radius:26px;width:min(540px,calc(100vw - 32px));background:var(--paper);color:var(--black);box-shadow:8px 8px #111}.trick-dialog::backdrop{background:#11121070;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.trick-panel{padding:28px}.trick-panel-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.trick-panel h2{font-size:30px}.icon-button{background:#1112100c;border-radius:50%;width:36px;height:36px;font-size:26px}.trick-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trick-options .pill{justify-content:space-between;border:1px solid #1112;padding:13px 17px;font-size:16px}.trick-panel>p{font-size:13px;margin-top:25px;color:#676b60}.case-study{background:var(--section-color);color:var(--section-ink);--grid-color:#8883;padding:20px var(--gutter) 0;min-height:100svh;animation:page-enter .6s ease-out}.case-header{display:flex;justify-content:space-between}.case-title{padding-top:70px}.case-title h1{font-size:clamp(48px,8vw,128px);line-height:.95}.case-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;margin:40px 0 45px;font-size:17px}.case-facts dt{opacity:.55;font-size:14px;margin-bottom:8px}.case-facts dd{margin:0}.case-hero{padding:7% 10%;background:#11121030;border-radius:12px;overflow:hidden}.case-hero .device-browser{transform:rotate(-5deg) perspective(1000px) rotateY(-10deg);box-shadow:20px 40px 50px #0006}.case-intro{font-size:clamp(25px,3.4vw,48px);line-height:1.15;letter-spacing:-.03em;max-width:1000px;margin:110px auto}.case-intro ul{font-size:18px;margin-top:25px;letter-spacing:0;line-height:1.5}.case-section{padding:40px 0 100px}.case-text{max-width:700px;margin-left:25%;margin-bottom:55px}.case-text h2{font-size:clamp(36px,4vw,60px);line-height:1;margin-bottom:25px}.case-text>p{font-size:clamp(19px,1.8vw,25px);line-height:1.35}.case-devices{padding:5% 12%;display:flex;align-items:center;justify-content:center;gap:5%;background:#1112101a;border-radius:12px}.case-devices>.device-browser{width:80%}.case-devices>.device-phone{width:20%;flex-shrink:0}.case-devices-1{flex-direction:row-reverse}.case-custom-media img{width:100%;height:auto;border-radius:12px}.next-project{display:grid;grid-template-columns:1fr auto;padding:80px 0 100px;border-top:1px solid #8885;gap:20px}.next-project>span:first-child{grid-column:span 2;opacity:.6;font-size:16px}.next-project strong{font-size:clamp(45px,8vw,115px);line-height:1;letter-spacing:-.04em;font-weight:550}.next-project>span:last-child{font-size:70px}.missing-page{min-height:100svh;overflow:hidden;background:var(--blue);color:var(--paper);--grid-color:#f8f9f218;padding:25px var(--gutter)}.missing-page>p:first-child{font-size:28px;font-weight:550;letter-spacing:-.035em}.missing-page h1{font-size:clamp(160px,28vw,420px);line-height:1;letter-spacing:-.075em;margin-left:-.025em}.missing-instruction{position:absolute;right:var(--gutter);bottom:30px;font-size:14px;line-height:1.3;opacity:.7}.accessory-tray{position:absolute;top:8%;right:5%;gap:12px}.accessory,.accessory-tray{display:flex;align-items:center}.accessory{background:#f8f9f2;border-radius:50%;width:100px;height:100px;color:#111;justify-content:center;flex-direction:column;gap:6px;cursor:grab;transform:rotate(10deg);box-shadow:4px 5px #111}.accessory[aria-pressed=true]{background:#dce5ff;transform:rotate(-10deg)}.accessory>span{font-size:35px;line-height:1}.accessory small{font-size:11px}@keyframes page-enter{0%{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:none}}@media (min-width:1000px){:root{--columns:8}.hero h1{margin-top:8vh}}@media (max-width:900px){.hero{min-height:700px}.hero h1{margin-top:8vh}.hero-footer>span{max-width:150px}.contact{min-height:950px;padding-top:100px}.case-facts{grid-template-columns:1fr 1fr}}@media (max-width:600px){:root{--gutter:18px}.site-header{padding-top:20px}.identity{font-size:16px;gap:8px}.identity-mark{width:30px;height:30px}.pill{font-size:14px;gap:20px;padding:13px 17px;min-height:44px}.pill span{font-size:18px}.hero{min-height:700px}.hero h1{font-size:clamp(49px,11vw,67px);line-height:.94;margin-top:8vh}.hero h1 br{display:none}.hero-footer{bottom:22px;font-size:11px}.hero-footer>span{max-width:100px}.scroll-cue{gap:10px}.introduction{padding:100px var(--gutter) 28px}.bio-copy{font-size:32px}.intro-note{margin-top:55px;font-size:11px}.project-chapter{height:240svh;min-height:1500px}.chapter-header{top:28px;align-items:flex-start}.chapter-header h2{font-size:32px}.chapter-header .pill{gap:12px;font-size:12px;padding:12px 15px}.eyebrow{font-size:10px}.draft-tag{display:block;margin:4px 0 0}.chapter-caption{top:140px;font-size:13px}.desktop-demo,.scratch-demo,.variants-demo{width:89vw;top:46%}.comparison-demo{width:88vw;top:46%}.phone-demo{width:165px;top:46%}.browser-bar{height:25px;padding:0 9px;font-size:8px}.browser-dots i{width:5px;height:5px}.browser-address{padding:2px 12px}.comparison-control{gap:10px;font-size:11px}.demo-controls{gap:12px}.pill-small{font-size:12px;min-height:36px;padding:10px 14px}.demo-status{font-size:11px;padding:0 20px}.view-switcher button{font-size:11px;padding:8px 14px}.all-work{padding-top:75px;padding-bottom:90px}.work-header h2{font-size:53px}.work-header>span{font-size:12px}.work-note{font-size:13px;max-width:260px;margin-bottom:35px}.work-grid{gap:35px 14px}.work-card-label{font-size:14px;margin-top:12px}.work-card-label>span{font-size:12px}.work-card .browser-bar{height:15px;padding:0 5px;font-size:4px;gap:5px}.work-card .browser-dots i{width:3px;height:3px}.work-card .device-browser{border-radius:5px}.work-card-image{border-radius:6px}.work-card-device{width:85%}.contact{min-height:960px;padding-top:95px}.contact h2{font-size:53px}.contact-top>p{font-size:18px;margin-bottom:30px;max-width:290px}.contact-email{font-size:25px}.email-row{gap:12px}.copy-email{font-size:11px}.footer-links{font-size:18px;margin-top:45px}.footer-meta{font-size:11px;gap:15px;margin-top:28px}.footer-small{font-size:12px}.sound-toggle{width:43px;height:43px;right:16px;bottom:16px}.trick-panel{padding:22px}.trick-panel h2{font-size:25px}.trick-options .pill{font-size:13px;gap:12px;padding:12px 15px}.case-title{padding-top:60px}.case-facts{font-size:15px;gap:25px 20px;margin:30px 0}.case-hero{padding:12% 7%}.case-intro{margin:65px auto;font-size:28px}.case-text{margin-left:0}.case-section{padding-bottom:50px}.case-devices{padding:12% 6%}.case-devices>.device-phone{border-width:3px;border-radius:15px;width:24%}.case-devices .phone-top{font-size:4px;height:10px;padding:2px 4px}.case-devices .phone-top i{height:6px;top:1px}.case-devices .device-phone .art-nav{padding-top:2px}.case-devices .device-phone .art-copy{font-size:12px}.next-project{padding:60px 0 95px}.next-project>span:last-child{font-size:45px}.accessory-tray{top:28%;right:20px;gap:8px}.accessory{width:70px;height:70px}.accessory>span{font-size:25px}.accessory small{font-size:9px}.missing-page h1{font-size:45vw}.missing-page>p:first-child{font-size:24px}.missing-instruction{font-size:11px;bottom:75px;max-width:100px}}@media (max-height:650px) and (min-width:601px){.hero{min-height:650px}.hero h1{margin-top:35px;font-size:70px}.chapter-sticky{min-height:550px}.chapter-caption{display:none}.desktop-demo,.scratch-demo,.variants-demo{width:55vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}.bio-word,[data-reveal]{opacity:1!important}[data-reveal]{transform:none!important}.project-chapter{height:115svh;min-height:800px}}.pill:after{display:none}.hero-footer .scroll-cue{margin-right:65px}@media (max-width:600px){.hero-footer .scroll-cue{max-width:75px;margin-right:45px}}@media (min-width:901px) and (max-height:800px){.hero h1{font-size:clamp(64px,8vw,110px)}}@media (max-width:600px){.accessory-tray{top:calc(45vw + 135px)}}@media (max-height:600px) and (min-width:601px){.hero h1{max-width:55%;font-size:clamp(45px,6.8vw,65px);margin-top:32px}.chapter-sticky{min-height:0}.comparison-demo,.desktop-demo,.scratch-demo,.variants-demo{width:42vw;top:58%}.phone-demo{width:130px;top:58%}.view-2 .variant-device{width:105px}.view-switcher{margin-top:10px}.view-switcher button{padding:7px 13px;font-size:12px}}.case-external-links{display:flex;gap:12px}.work-card-thumbnail{position:absolute;inset:0}.work-card-thumbnail .project-art{height:100%}@media (max-width:600px){.case-external-links .pill{font-size:11px;gap:8px;padding:12px}}@media (min-width:1000px) and (min-height:601px){.desktop-demo{width:min(78vw,calc((100svh - 350px) * 1.72),1080px);top:52%}.comparison-demo{width:min(72vw,calc((100svh - 350px) * 1.72),980px);top:54%}.scratch-demo{width:min(76vw,calc((100svh - 400px) * 1.72),1000px);top:54%}.variants-demo{width:min(78vw,calc((100svh - 400px) * 1.72),1080px);top:55%}}.character-stage{position:fixed;inset:0;width:100%;height:100svh;z-index:30;pointer-events:none}.character-stage.is-hidden{visibility:hidden}.character-render{position:absolute;inset:0;pointer-events:none}.character-render canvas{pointer-events:none!important}.character-grab{position:absolute;top:0;left:0;touch-action:none;cursor:grab;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:45% 45% 0 0}.is-dragging .character-grab{cursor:grabbing}.character-badge{position:absolute;left:calc(var(--head-x) - 42px);top:calc(var(--head-y) - 38px);width:84px;height:84px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 4px var(--paper),0 0 0 6px var(--blue);opacity:var(--badge-opacity,0)}.character-fallback,.character-loading{position:absolute;left:0;top:0;pointer-events:none}.character-loading{width:calc(var(--head-radius) * 3.5);height:calc(var(--head-radius) * 3.5);transform:translate(calc(var(--head-x) - var(--head-radius) * 1.75),calc(var(--head-y) - var(--head-radius) * 1.4))}.character-poster{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.speech-bubble{left:0;top:0;width:-moz-max-content;width:max-content;max-width:calc(100vw - 40px);color:var(--black);padding:20px 24px;border-radius:27px;font-size:clamp(16px,1.6vw,24px);line-height:1.15;font-weight:550;letter-spacing:-.025em;text-align:left;box-shadow:6px 6px #111;will-change:transform}.speech-bubble,.speech-bubble:after{position:absolute;background:var(--paper)}.speech-bubble:after{content:"";width:19px;height:19px;bottom:-9px;left:calc(var(--tail-x,50%) - 10px);transform:rotate(45deg);box-shadow:5px 4px #111}.speech-bubble[data-tail=left]:after{left:-9px;top:50%;bottom:auto;box-shadow:-3px 4px #111}.speech-bubble[data-tail=right]:after{left:auto;right:-9px;top:50%;bottom:auto}.grab-hint{display:none}.project-chapter{height:auto;min-height:0}.chapter-lines{position:relative;z-index:10;margin-top:-100svh;padding:100svh var(--gutter) 8svh;pointer-events:none}.chapter-line{min-height:36svh}.chapter-bubble{position:relative;background:var(--paper);color:var(--black);padding:24px 28px;border-radius:26px;font-size:clamp(20px,1.8vw,28px);font-weight:550;line-height:1.15;letter-spacing:-.025em;box-shadow:6px 6px #111}.chapter-bubble:after{content:"";position:absolute;left:28px;bottom:-10px;width:22px;height:22px;background:var(--paper);transform:rotate(45deg);box-shadow:4px 4px #111}[data-side=right] .chapter-bubble:after{left:auto;right:28px}@media (min-width:768px) and (orientation:landscape){:root{--gutter:2.8vw;--tour-gap:1.4vw;--columns:12;--tour-cell:calc((100vw - 2 * var(--gutter) + var(--tour-gap)) / 12)}.hero{height:100svh;min-height:0}.identity{font-size:clamp(19px,2.1vw,32px)}.hero h1{position:absolute;bottom:var(--gutter);margin:0 var(--gutter);max-width:60vw;font-size:clamp(56px,8.8vw,152px)}.hero-footer .scroll-cue,.hero-footer>span{display:none}.introduction{height:150svh;padding:0 var(--gutter)}.bio-copy{position:sticky;top:25svh;margin-left:calc(5 * var(--tour-cell));width:calc(7 * var(--tour-cell) - var(--tour-gap));padding-top:0;font-size:clamp(25px,3.4vw,56px)}.intro-note{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);margin:0}.chapter-sticky{min-height:0;height:100svh}.project-chapter{--media-left:calc(var(--gutter) + 5 * var(--tour-cell));--media-right:var(--gutter)}.project-chapter[data-side=right]{--media-left:var(--gutter);--media-right:calc(var(--gutter) + 5 * var(--tour-cell))}.chapter-header{left:var(--media-left);right:var(--media-right);top:clamp(24px,7svh,72px)}.chapter-header h2{font-size:clamp(32px,4.8vw,76px)}.chapter-caption{display:none}.comparison-demo,.desktop-demo,.scratch-demo,.variants-demo{left:var(--media-left);right:var(--media-right);width:auto;top:54%;transform:translateY(-50%)}.step-1 .desktop-demo{opacity:1;transform:translateY(-50%)}.step-2 .desktop-demo{opacity:0;transform:translateY(-60%) scale(.85)}.comparison-demo{transform:translateY(-40%) scale(.9)}.phone-demo,.step-2 .comparison-demo{transform:translateY(-50%)}.phone-demo{left:calc(var(--media-left) - 8vw);top:68%;width:min(14vw,24svh);opacity:1}.step-1 .phone-demo{transform:translateY(-50%) rotateY(1turn)}.step-2 .phone-demo{opacity:1;transform:translateY(-50%)}.chapter-lines{padding-top:60svh;padding-bottom:52svh}.chapter-line{min-height:42svh}.chapter-bubble{width:calc(4 * var(--tour-cell) - var(--tour-gap))}[data-side=right] .chapter-bubble{margin-left:auto}.contact{min-height:0;height:100svh;padding-top:18svh}.contact-top{max-width:62%}.contact h2{font-size:clamp(42px,6.8vw,108px)}.contact-top>p{margin:24px 0}.footer-links{margin-top:25px}.footer-links,.footer-meta,.footer-small{max-width:min(800px,62%)}}@media (min-width:768px) and (orientation:landscape) and (max-height:600px){.hero h1{font-size:clamp(42px,7vw,72px)}.chapter-header{top:20px}.chapter-header h2{font-size:32px}.eyebrow{font-size:9px;margin-bottom:4px}.comparison-demo,.desktop-demo,.scratch-demo,.variants-demo{top:58%}.chapter-bubble{padding:16px 20px;font-size:18px;border-radius:20px}.speech-bubble{padding:14px 18px;font-size:15px}.contact{padding-top:10svh}.contact h2{font-size:42px}.contact-top>p{font-size:17px;margin:12px 0}.footer-links{margin-top:16px;font-size:16px;grid-template-columns:repeat(3,max-content);gap:12px 20px}.footer-meta{margin-top:18px;font-size:11px}.footer-small{display:none}}@media (max-width:767px),(orientation:portrait){.chapter-bubble{max-width:100%;font-size:20px}.speech-bubble{font-size:15px;padding:18px 22px}}@media (prefers-reduced-motion:reduce){.chapter-bubble{opacity:1!important}}.character-grid-measure{position:absolute;width:var(--gutter);height:0;visibility:hidden;pointer-events:none}@media (max-width:900px){.skills-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.background-heading{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:32px}.experience-grid,.skills-grid{grid-template-columns:1fr;gap:32px}.experience-entry:first-child ul{grid-template-columns:1fr}.education-note{align-items:flex-start;flex-direction:column;font-size:15px}.background-section{padding-bottom:40px}.case-external-links,.case-header{flex-wrap:wrap;gap:12px}.case-header .pill{font-size:12px;padding:12px 14px;gap:12px}.resume-header .pill{font-size:12px;padding:12px 14px;gap:10px}.resume-caption{font-size:18px}.resume-version{font-size:14px;padding:12px 16px}}@media (prefers-reduced-motion:reduce){.story-word{opacity:1!important}.back-to-top svg,.identity .identity-mark{transform:none}}@media (min-width:768px) and (orientation:landscape) and (max-height:600px){.comparison-demo,.desktop-demo,.scratch-demo,.variants-demo{width:min(calc(7 * var(--tour-cell) - var(--tour-gap)),calc((100svh - 190px) * 1.72));right:auto;top:calc(50% + 45px)}.browser-bar{height:24px;font-size:8px}.demo-controls{margin-top:10px;gap:12px}.demo-controls .pill{min-height:28px;padding:8px 12px;font-size:11px}.demo-status{margin-top:6px;font-size:10px}.comparison-control{margin-top:10px;font-size:10px}}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.data-\[active\]\:bg-accent\/50[data-active],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent)/.5)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.md\:absolute{position:absolute}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}}