@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.11x_mcju407z-.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.456c9vb2_utt8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.2fl0vhx7oyatw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.NjNj1a_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.NjNj1a_variable{--font-bricolage:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.Q_8U8a_className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.Q_8U8a_variable{--font-space:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.3zhtymus0wdqb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.3nkuoiize4urq.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.1da667lu-u79a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1i05ju5aeyhye.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.1dgcou5jor5q_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.31-2bzhq1gx_9.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.3xauquyg2sixn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.2taws-qdxmzlf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0htwiiqufp3l9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.28xcb7557rbh2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.KahaqW_className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.KahaqW_variable{--font-plex:"IBM Plex Mono", "IBM Plex Mono Fallback"}
@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/da4b870ab52b3094-s.2uxt0u9yugpfw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.2zeei6axiu3qn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27211fhlic14m.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/a85fe84266768609-s.00hx3ibfyf9qx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Fallback;src:local(Arial);ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.0%;size-adjust:76.94%}.NJ8GIq_className{font-family:Caveat,Caveat Fallback;font-style:normal}.NJ8GIq_variable{--font-caveat:"Caveat", "Caveat Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:var(--font-space), ui-sans-serif, system-ui, sans-serif;--font-mono:var(--font-plex), ui-monospace, SFMono-Regular, Consolas, monospace;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--font-weight-semibold:600;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-space), ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:var(--font-plex), ui-monospace, SFMono-Regular, Consolas, monospace;--font-display:var(--font-bricolage), var(--font-space), ui-sans-serif, system-ui, sans-serif;--font-hand:var(--font-caveat), cursive;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.nav-pill{pointer-events:auto;transition:background-color .4s var(--ease-metic), border-color .4s var(--ease-metic);border:1px solid #0000;border-radius:999px;align-items:center;gap:2px;padding:2px;display:flex}[data-site-header][data-scrolled]:not([data-open]) .nav-pill{background:var(--ground)}@supports (color:color-mix(in lab, red, red)){[data-site-header][data-scrolled]:not([data-open]) .nav-pill{background:color-mix(in srgb, var(--ground) 78%, transparent)}}[data-site-header][data-scrolled]:not([data-open]) .nav-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){[data-site-header][data-scrolled]:not([data-open]) .nav-pill{border-color:color-mix(in srgb, var(--ink) 12%, transparent)}}[data-site-header][data-open] .nav-pill{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){[data-site-header][data-open] .nav-pill{border-color:color-mix(in srgb, var(--ink) 14%, transparent)}}[data-site-header]{transition:translate .5s var(--ease-metic)}[data-site-header][data-hidden]:not(:focus-within){translate:0 -110%}.sound-bars{align-items:center;gap:2px;height:14px;display:flex}.sound-bars i{background:currentColor;border-radius:1px;width:2px;height:100%;scale:1 .35}.sound-toggle[data-on] .sound-bars i{animation:sound-bar .9s var(--ease-metic) infinite alternate}.sound-toggle[data-on] .sound-bars i:nth-child(2){animation-delay:-.3s}.sound-toggle[data-on] .sound-bars i:nth-child(3){animation-delay:-.6s}.sound-toggle[data-on] .sound-bars i:nth-child(4){animation-delay:-.15s}.nav-item{white-space:nowrap;height:44px;transition:color .3s var(--ease-metic), background-color .3s var(--ease-metic);border-radius:999px;align-items:center;padding:0 .8rem;font-size:14px;font-weight:500;display:inline-flex}html[data-mode=dev] [data-xray-button]{background:var(--red);color:var(--on-signal)}.menu-icon{background:var(--ink);width:28px;height:28px;color:var(--ground);transition:background-color .3s var(--ease-metic);border-radius:50%;place-items:center;display:grid;position:relative}.menu-icon i{width:12px;height:1.5px;transition:rotate .5s var(--ease-metic), translate .5s var(--ease-metic);background:currentColor;position:absolute}.menu-icon i:first-child{translate:0 -2.5px}.menu-icon i:last-child{translate:0 2.5px}[aria-expanded=true]>.menu-icon{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){[aria-expanded=true]>.menu-icon{background:color-mix(in srgb, var(--ink) 15%, transparent)}}[aria-expanded=true]>.menu-icon{color:var(--ink)}[aria-expanded=true]>.menu-icon i{translate:0}[aria-expanded=true]>.menu-icon i:first-child{rotate:45deg}[aria-expanded=true]>.menu-icon i:last-child{rotate:-45deg}.corners{position:relative}.corners:before,.corners:after{content:"";opacity:0;pointer-events:none;width:6px;height:6px;transition:opacity .25s var(--ease-metic), translate .25s var(--ease-metic);position:absolute}.corners:before{border-top:1px solid var(--red);border-left:1px solid var(--red);top:-2px;left:-6px;translate:-3px -3px}.corners:after{border-right:1px solid var(--red);border-bottom:1px solid var(--red);bottom:-2px;right:-6px;translate:3px 3px}.nav-item.corners:before{top:4px;left:0}.nav-item.corners:after{bottom:4px;right:0}.corners:is(:hover,:focus-visible):before,.corners:is(:hover,:focus-visible):after{opacity:1;translate:0}.loupe-rest{--loupe:max(220px, min(44vw, 652px, calc((100svh - 355px) * 1.1)));right:calc(3% + (600px - var(--loupe)) * .58);width:var(--loupe)}html[data-mode=dev] [data-media]:not(.mode-scope *),.mode-scope[data-mode=dev] [data-media]{position:relative}.service-card{transition:flex-grow .6s var(--ease-metic)}.service-picture{opacity:.32;filter:grayscale();transition:opacity .6s var(--ease-metic), filter .6s var(--ease-metic)}.service-picture:after{content:"";background:linear-gradient(to top, var(--panel), transparent);position:absolute;inset:45% 0 0}@supports (color:color-mix(in lab, red, red)){.service-picture:after{background:linear-gradient(to top, color-mix(in srgb, var(--panel) 90%, transparent), transparent)}}.service-card[data-open]>.service-picture,.services-stack .service-picture{opacity:1;filter:none}.service-number{transition:opacity .3s var(--ease-metic)}.service-card[data-open] .service-number{opacity:0}.service-title{font:500 20px/1.2 var(--font-display);letter-spacing:-.01em}.service-action{font:500 14px/1.3 var(--font-sans);color:var(--ink);gap:6px;display:inline-flex}.service-action span{transition:translate .3s var(--ease-metic)}.service-action:hover span{translate:2px -2px}.pill{isolation:isolate;white-space:nowrap;height:52px;transition:translate .16s var(--ease-metic), background-color .25s var(--ease-metic), color .25s var(--ease-metic);border-radius:999px;align-items:center;gap:12px;padding:0 8px 0 24px;font-size:.95rem;font-weight:500;line-height:1;display:inline-flex;position:relative}.pill[data-variant=primary]{background:var(--ink);color:var(--ground)}.pill[data-variant=secondary]{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}@supports (color:color-mix(in lab, red, red)){.pill[data-variant=secondary]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent)}}.pill-glow{z-index:-1;border-radius:inherit;opacity:0;box-shadow:0 0 0 1px var(--red), 0 12px 32px -10px var(--red);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.pill-glow{box-shadow:0 0 0 1px color-mix(in srgb, var(--red) 22%, transparent), 0 12px 32px -10px color-mix(in srgb, var(--red) 55%, transparent)}}.pill-glow{transition:opacity .25s var(--ease-metic)}.pill-dot{background:var(--red);width:36px;height:36px;color:var(--white);transition:translate .16s var(--ease-metic);border-radius:50%;place-items:center;display:grid}.pill[data-variant=secondary] .pill-dot{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.pill[data-variant=secondary] .pill-dot{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.pill[data-variant=secondary] .pill-dot{color:var(--ink)}.pill [data-arrow]{transition:rotate .16s var(--ease-metic), scale .16s var(--ease-metic)}.pill:is(:hover,:focus-visible) .pill-glow{opacity:1}.pill:is(:hover,:focus-visible) .pill-dot{translate:2px -2px}.pill:is(:hover,:focus-visible) [data-arrow]{rotate:45deg;scale:1.4}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.-top-12{top:calc(var(--spacing) * -12)}.-top-14{top:calc(var(--spacing) * -14)}.-top-\[38\%\]{top:-38%}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-\[calc\(var\(--header-h\)\+20px\)\]{top:calc(var(--header-h) + 20px)}.top-\[calc\(var\(--header-h\)\+22px\)\]{top:calc(var(--header-h) + 22px)}.-right-\[12\%\]{right:-12%}.right-0{right:0}.right-\[18px\]{right:18px}.right-\[var\(--margin\)\]{right:var(--margin)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-\[clamp\(32px\,4\.4vh\,64px\)\]{bottom:clamp(32px,4.4vh,64px)}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[var\(--margin\)\]{left:var(--margin)}.z-50{z-index:50}.z-\[250\]{z-index:250}.z-\[270\]{z-index:270}.z-\[280\]{z-index:280}.z-\[290\]{z-index:290}.float-left{float:left}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-\[var\(--margin\)\]{margin-inline:calc(var(--margin) * -1)}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-\[clamp\(40px\,5vw\,72px\)\]{margin-top:clamp(40px,5vw,72px)}.mt-\[clamp\(64px\,7vw\,100px\)\]{margin-top:clamp(64px,7vw,100px)}.mt-\[clamp\(72px\,8vw\,120px\)\]{margin-top:clamp(72px,8vw,120px)}.mt-\[clamp\(96px\,10vw\,160px\)\]{margin-top:clamp(96px,10vw,160px)}.mt-\[clamp\(96px\,12vw\,180px\)\]{margin-top:clamp(96px,12vw,180px)}.mt-\[clamp\(120px\,14vw\,200px\)\]{margin-top:clamp(120px,14vw,200px)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-\[0\.18em\]{margin-bottom:.18em}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[9\/19\.5\]{aspect-ratio:9/19.5}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[var\(--ratio\)\]{aspect-ratio:var(--ratio)}.aspect-square{aspect-ratio:1}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-\[7px\]{height:7px}.h-\[46px\]{height:46px}.h-\[540px\]{height:540px}.h-\[var\(--header-h\)\]{height:var(--header-h)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-\[190px\]{min-height:190px}.min-h-\[calc\(100svh-var\(--header-h\)\)\]{min-height:calc(100svh - var(--header-h))}.min-h-dvh{min-height:100dvh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-16{width:calc(var(--spacing) * 16)}.w-28{width:calc(var(--spacing) * 28)}.w-\[7px\]{width:7px}.w-\[22px\]{width:22px}.w-\[42px\]{width:42px}.w-\[46\%\]{width:46%}.w-\[min\(60vw\,260px\)\]{width:min(60vw,260px)}.w-\[min\(60vw\,280px\)\]{width:min(60vw,280px)}.w-\[min\(62vw\,240px\)\]{width:min(62vw,240px)}.w-\[min\(62vw\,620px\)\]{width:min(62vw,620px)}.w-full{width:100%}.max-w-\[11ch\]{max-width:11ch}.max-w-\[14rem\]{max-width:14rem}.max-w-\[15rem\]{max-width:15rem}.max-w-\[30ch\]{max-width:30ch}.max-w-\[34ch\]{max-width:34ch}.max-w-\[34rem\]{max-width:34rem}.max-w-\[40ch\]{max-width:40ch}.max-w-\[42ch\]{max-width:42ch}.max-w-\[46ch\]{max-width:46ch}.max-w-\[48ch\]{max-width:48ch}.max-w-\[52ch\]{max-width:52ch}.max-w-\[56ch\]{max-width:56ch}.max-w-\[60ch\]{max-width:60ch}.max-w-\[62ch\]{max-width:62ch}.max-w-\[64ch\]{max-width:64ch}.max-w-\[320px\]{max-width:320px}.max-w-\[1024px\]{max-width:1024px}.max-w-\[min\(480px\,calc\(100vw-2\*var\(--margin\)\)\)\]{max-width:min(480px, calc(100vw - 2 * var(--margin)))}.min-w-0{min-width:0}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-\[3\.4\]{flex-grow:3.4}.basis-0{flex-basis:0}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-px{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.04\]{scale:1.04}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.scroll-px-\[var\(--margin\)\]{scroll-padding-inline:var(--margin)}.\[scrollbar-width\:none\]{scrollbar-width:none}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-\[3fr_2fr\]{grid-template-columns:3fr 2fr}.grid-cols-\[4\.5rem_minmax\(0\,1fr\)\]{grid-template-columns:4.5rem minmax(0,1fr)}.grid-rows-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-rows:auto minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-\[clamp\(64px\,8vw\,120px\)\]{gap:clamp(64px,8vw,120px)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.gap-y-14{row-gap:calc(var(--spacing) * 14)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\[1\.65rem\]{border-radius:1.65rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:2147483647px}.rounded-media{border-radius:16px}.rounded-none\!{border-radius:0!important}.rounded-panel{border-radius:28px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--red\)\]{border-color:var(--red)}.border-line{border-color:var(--line)}.border-red{border-color:var(--red)}.bg-\[var\(--ink-950\)\]{background-color:var(--ink-950)}.bg-\[var\(--red\)\]{background-color:var(--red)}.bg-\[var\(--shameer\)\]{background-color:var(--shameer)}.bg-\[var\(--ubaid\)\]{background-color:var(--ubaid)}.bg-accent{background-color:var(--accent)}.bg-ground{background-color:var(--ground)}.bg-ink{background-color:var(--ink)}.bg-line{background-color:var(--line)}.bg-muted{background-color:var(--muted)}.bg-panel{background-color:var(--panel)}.bg-panel-2{background-color:var(--panel-2)}.bg-red{background-color:var(--red)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-top{object-position:top}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.frame{padding-inline:var(--margin)}.px-0{padding-inline:0}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[22px\]{padding-inline:22px}.px-\[var\(--margin\)\]{padding-inline:var(--margin)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-\[3px\]{padding-top:3px}.pt-\[calc\(var\(--header-h\)\+1\.5rem\)\]{padding-top:calc(var(--header-h) + 1.5rem)}.pt-\[clamp\(40px\,6vw\,96px\)\]{padding-top:clamp(40px,6vw,96px)}.pt-\[clamp\(48px\,8vw\,120px\)\]{padding-top:clamp(48px,8vw,120px)}.pt-\[clamp\(72px\,8vw\,128px\)\]{padding-top:clamp(72px,8vw,128px)}.pt-\[clamp\(96px\,10vw\,160px\)\]{padding-top:clamp(96px,10vw,160px)}.pt-\[clamp\(120px\,14vw\,200px\)\]{padding-top:clamp(120px,14vw,200px)}.pt-\[var\(--header-h\)\]{padding-top:var(--header-h)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-\[clamp\(80px\,14vh\,160px\)\]{padding-bottom:clamp(80px,14vh,160px)}.pl-0{padding-left:0}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-\[2px\]{padding-left:2px}.pl-\[3px\]{padding-left:3px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.t-display{font-family:var(--font-display);font-size:var(--step-display);letter-spacing:-.035em;font-weight:500;line-height:.96}.t-head{font-family:var(--font-display);font-size:var(--step-head);letter-spacing:-.03em;font-weight:500;line-height:1.02}.t-hero{font-family:var(--font-display);font-size:var(--step-display);letter-spacing:-.035em;font-weight:500;line-height:.96}.t-note{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);font-size:.75rem;line-height:1.55}.font-display{font-family:var(--font-bricolage), var(--font-space), ui-sans-serif, system-ui, sans-serif}.font-mono{font-family:var(--font-plex), ui-monospace, SFMono-Regular, Consolas, monospace}.font-sans{font-family:var(--font-space), ui-sans-serif, system-ui, sans-serif}.t-body{font-size:var(--step-body);line-height:1.55}.t-lead{font-size:var(--step-lead);line-height:1.5}.t-small{font-size:var(--step-small);line-height:1.45}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[9px\]{font-size:9px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[clamp\(20px\,2vw\,26px\)\]{font-size:clamp(20px,2vw,26px)}.text-\[clamp\(22px\,1\.8vw\,26px\)\]{font-size:clamp(22px,1.8vw,26px)}.text-\[clamp\(22px\,2vw\,26px\)\]{font-size:clamp(22px,2vw,26px)}.text-\[clamp\(26px\,2\.4vw\,34px\)\]{font-size:clamp(26px,2.4vw,34px)}.text-\[clamp\(28px\,3vw\,44px\)\]{font-size:clamp(28px,3vw,44px)}.text-\[clamp\(30px\,3vw\,44px\)\]{font-size:clamp(30px,3vw,44px)}.text-\[length\:var\(--step-display\)\]{font-size:var(--step-display)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-\[0\.96\]{--tw-leading:.96;line-height:.96}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.\[color\:color-mix\(in_oklab\,var\(--ink\)_calc\(var\(--reveal\)\*100\%\)\,var\(--muted\)\)\]{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.\[color\:color-mix\(in_oklab\,var\(--ink\)_calc\(var\(--reveal\)\*100\%\)\,var\(--muted\)\)\]{color:color-mix(in oklab,var(--ink) calc(var(--reveal) * 100%),var(--muted))}}.text-\[color\:var\(--code-keyword\)\]{color:var(--code-keyword)}.text-\[var\(--lead\)\]{color:var(--lead)}.text-\[var\(--paper-50\)\]{color:var(--paper-50)}.text-\[var\(--red\)\]{color:var(--red)}.text-ink,.text-ink\/70{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/70{color:color-mix(in oklab, var(--ink) 70%, transparent)}}.text-lead{color:var(--lead)}.text-line{color:var(--line)}.text-muted{color:var(--muted)}.text-on-ink{color:var(--on-ink)}.text-red{color:var(--red)}.text-red-text{color:var(--red-text)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-white\/15{--tw-ring-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.ring-white\/15{--tw-ring-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-offset-2{outline-offset:2px}.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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,scale\,visibility\]{transition-property:opacity,scale,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-\[var\(--ease-metic\)\]{--tw-ease:var(--ease-metic);transition-timing-function:var(--ease-metic)}.ease-\[var\(--ease-out-expo\)\]{--tw-ease:var(--ease-out-expo);transition-timing-function:var(--ease-out-expo)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}.\[clip-path\:inset\(-32px_-40px_0_-40px\)\]{clip-path:inset(-32px -40px 0)}.\[font-variant-ligatures\:none\]{font-variant-ligatures:none}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}.ring-inset{--tw-ring-inset:inset}.group-open\:rotate-45:is(:where(.group):is([open],:popover-open,:open) *){rotate:45deg}@media (hover:hover){.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale:1.02}.group-hover\:text-red-text:is(:where(.group):hover *){color:var(--red-text)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-focus-visible\:scale-100:is(:where(.group):focus-visible *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}.placeholder\:text-muted::placeholder{color:var(--muted)}@media (hover:hover){.hover\:border-ink:hover{border-color:var(--ink)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-panel-2:hover{background-color:var(--panel-2)}.hover\:text-on-signal:hover{color:var(--on-signal)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-3:focus{top:calc(var(--spacing) * 3)}.focus\:left-4:focus{left:calc(var(--spacing) * 4)}.active\:cursor-grabbing:active{cursor:grabbing}.has-checked\:border-ink:has(:checked){border-color:var(--ink)}.has-checked\:bg-ink:has(:checked){background-color:var(--ink)}.has-checked\:text-on-ink:has(:checked){color:var(--on-ink)}.has-focus-visible\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.aria-\[invalid\=true\]\:outline[aria-invalid=true]{outline-style:var(--tw-outline-style);outline-width:1px}.aria-\[invalid\=true\]\:outline-2[aria-invalid=true]{outline-style:var(--tw-outline-style);outline-width:2px}.aria-\[invalid\=true\]\:outline-signal[aria-invalid=true]{outline-color:var(--signal)}@media (prefers-reduced-motion:reduce){.motion-reduce\:text-ink{color:var(--ink)}}@media not all and (min-width:48rem){.max-md\:static{position:static}.max-md\:-top-\[16\%\]{top:-16%}.max-md\:-right-\[30\%\]{right:-30%}.max-md\:right-auto{right:auto}.max-md\:bottom-7{bottom:calc(var(--spacing) * 7)}.max-md\:left-1\/2{left:50%}.max-md\:mx-\[var\(--margin\)\]{margin-inline:var(--margin)}.max-md\:mt-8{margin-top:calc(var(--spacing) * 8)}.max-md\:hidden{display:none}.max-md\:w-\[76vw\]{width:76vw}.max-md\:max-w-\[calc\(100vw-2\*var\(--margin\)-136px\)\]{max-width:calc(100vw - 2 * var(--margin) - 136px)}.max-md\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.max-md\:self-start{align-self:flex-start}.max-md\:pt-\[calc\(76vw\+24px\)\]{padding-top:calc(76vw + 24px)}}@media not all and (min-width:40rem){.max-sm\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-x-6{column-gap:calc(var(--spacing) * 6)}}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:inset-y-0{inset-block:0}.md\:right-0{right:0}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-span-12{grid-column:span 12/span 12}.md\:mx-0{margin-inline:0}.md\:mt-14{margin-top:calc(var(--spacing) * 14)}.md\:mt-16{margin-top:calc(var(--spacing) * 16)}.md\:mb-\[72px\]{margin-bottom:72px}.md\:block{display:block}.md\:h-full{height:100%}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-\[6rem_minmax\(0\,1fr\)\]{grid-template-columns:6rem minmax(0,1fr)}.md\:grid-cols-\[120px_minmax\(0\,1fr\)_auto\]{grid-template-columns:120px minmax(0,1fr) auto}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:gap-2{gap:calc(var(--spacing) * 2)}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:gap-x-12{column-gap:calc(var(--spacing) * 12)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-16{padding-inline:calc(var(--spacing) * 16)}.md\:py-20{padding-block:calc(var(--spacing) * 20)}.md\:pb-16{padding-bottom:calc(var(--spacing) * 16)}.md\:text-\[1\.375rem\]{font-size:1.375rem}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-\[calc\(var\(--header-h\)\+24px\)\]{top:calc(var(--header-h) + 24px)}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-start-5{grid-column-start:5}.lg\:col-start-6{grid-column-start:6}.lg\:col-start-9{grid-column-start:9}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:aspect-auto{aspect-ratio:auto}.lg\:h-\[min\(520px\,calc\(100svh-var\(--header-h\)-210px\)\)\]{height:min(520px, calc(100svh - var(--header-h) - 210px))}.lg\:h-full{height:100%}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[5fr_7fr\]{grid-template-columns:5fr 7fr}.lg\:items-end{align-items:flex-end}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.lg\:pl-6{padding-left:calc(var(--spacing) * 6)}}@media (prefers-reduced-motion:no-preference){@media (min-width:64rem){.motion-safe\:lg\:sticky{position:sticky}.motion-safe\:lg\:\[scale\:var\(--stack-scale\)\]{scale:var(--stack-scale)}}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}:root{--paper-50:#f4f4f2;--paper-100:#e9e9e6;--paper-150:#e1e1dc;--paper-300:#d9d9d7;--paper-600:#62626a;--paper-700:#4a4a50;--graphite-950:#0b0c10;--graphite-900:#14151b;--graphite-850:#1b1c23;--graphite-700:#2c2d34;--graphite-400:#8a8a92;--ink-950:#121214;--ink-50:#eeeeea;--red-500:#ff3e3e;--red-700:#c0221c;--white:#fff;--ground:var(--paper-50);--panel:var(--paper-100);--panel-2:var(--paper-150);--line:var(--paper-300);--ink:var(--ink-950);--muted:var(--paper-600);--lead:var(--paper-700);--signal:var(--red-500);--red:var(--red-500);--red-text:var(--red-700);--on-signal:var(--ink-950);--code-keyword:var(--red-700);--accent:var(--signal);--on-ink:var(--white);--step-small:.875rem;--step-body:clamp(1rem, .9525rem + .1947vw, 1.0625rem);--step-lead:clamp(1.125rem, 1.059rem + .476vw, 1.375rem);--step-head:clamp(2.125rem, 4.6vw, 4rem);--step-display:clamp(2.75rem, 7.2vw, 9rem);--header-h:72px;--margin:max(20px, 5vw);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-metic:cubic-bezier(.23, 1, .32, 1)}@media (max-width:767px){:root{--header-h:64px}}html[data-mode=dev],.mode-scope[data-mode=dev]{--ground:var(--graphite-950);--code-keyword:var(--signal);--red-text:var(--signal);--lead:#b4b4bc;--panel:var(--graphite-900);--panel-2:var(--graphite-850);--line:var(--graphite-700);--ink:var(--ink-50);--muted:var(--graphite-400);--on-ink:var(--graphite-950);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.mode-scope[data-mode=design]{--ground:var(--paper-50);--panel:var(--paper-100);--panel-2:var(--paper-150);--line:var(--paper-300);--ink:var(--ink-950);--muted:var(--paper-600);--lead:var(--paper-700);--red-text:var(--red-700);--on-ink:var(--white);--code-keyword:var(--red-700);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.mode-scope{background:var(--ground);color:var(--ink)}:root{--button-bg:var(--ink);--button-fg:var(--on-ink);--button-bg-hover:var(--accent);--button-fg-hover:var(--on-signal)}html:not([data-mode=dev]) .in-dev:not(.mode-scope *),html[data-mode=dev] .in-design:not(.mode-scope *),.mode-scope[data-mode=design] .in-dev,.mode-scope[data-mode=dev] .in-design{display:none}.ink-ground,html[data-menu] [data-site-header]{--ground:var(--ink-950);--panel:var(--graphite-900);--panel-2:var(--graphite-850);--line:var(--graphite-700);--ink:var(--paper-50);--muted:var(--graphite-400);--lead:#b4b4bc;--red-text:var(--red-500);--on-ink:var(--ink-950);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.menu{visibility:hidden;clip-path:circle(0 at 100% 0);transition:clip-path .7s var(--ease-metic), visibility 0s linear .7s}.menu[data-open]{visibility:visible;clip-path:circle(150vmax at 100% 0);transition:clip-path .8s var(--ease-metic), visibility 0s}.menu-word{transition:translate .7s var(--ease-metic);translate:0 105%}.menu[data-open] .menu-word{transition-delay:calc(.12s + var(--i) * 50ms);translate:0}html[data-menu] :is([data-hunt],[data-dev-readout]){visibility:hidden}@media (prefers-reduced-motion:reduce){.menu,.menu[data-open],.menu-word,.menu[data-open] .menu-word{transition:none}}.section-scale:before{content:"";top:var(--header-h);background:repeating-linear-gradient(to bottom, var(--ink) 0 1px, transparent 1px 64px) right / 10px 100% no-repeat, repeating-linear-gradient(to bottom, var(--ink) 0 1px, transparent 1px 8px) right / 5px 100% no-repeat;width:10px;position:absolute;bottom:0;right:4px}@supports (color:color-mix(in lab, red, red)){.section-scale:before{background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--ink) 24%, transparent) 0 1px, transparent 1px 64px) right / 10px 100% no-repeat, repeating-linear-gradient(to bottom, color-mix(in srgb, var(--ink) 14%, transparent) 0 1px, transparent 1px 8px) right / 5px 100% no-repeat}}.section-scale-at{top:calc(var(--header-h) + 16px + var(--at,0) * (100% - var(--header-h) - 36px));align-items:center;display:flex;position:absolute;right:12px;translate:0 -50%}:root{--ease-compile:cubic-bezier(.65, 0, .35, 1)}html[data-compile] header{view-transition-name:none!important}html[data-compile]::view-transition-old(root){animation:none}html[data-compile]::view-transition-group(scanline){animation:none}html[data-compile]::view-transition-new(scanline){animation:none}html[data-compile]::view-transition-new(root){animation:compile-reveal .9s var(--ease-compile) both}html[data-compile=back]::view-transition-new(root){animation-name:compile-reveal-back}.scanline{z-index:300;pointer-events:none;view-transition-name:scanline;position:fixed;inset:0;overflow:hidden}.scanline i,.scanline-label{animation:scan .9s var(--ease-compile) both;position:absolute;left:0}.scanline[data-direction=back] :is(i,.scanline-label){animation-name:scan-back}.scanline i{background:var(--signal);width:2px;box-shadow:0 0 0 1px var(--signal), 0 0 28px 6px var(--signal);top:0;bottom:0}@supports (color:color-mix(in lab, red, red)){.scanline i{box-shadow:0 0 0 1px color-mix(in srgb, var(--signal) 25%, transparent), 0 0 28px 6px color-mix(in srgb, var(--signal) 45%, transparent)}}.scanline-label{background:var(--signal);color:var(--ink-950);font:500 11px/1.2 var(--font-mono);white-space:nowrap;border-radius:4px;margin-left:10px;padding:4px 8px;top:46%}.scanline[data-direction=back] .scanline-label{margin-left:0;translate:calc(-100% - 10px)}@keyframes scan{0%{transform:translate(0)}to{transform:translate(100vw)}}@keyframes scan-back{0%{transform:translate(100vw)}to{transform:translate(0)}}@keyframes compile-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes compile-reveal-back{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.scramble[data-glyphs]{color:#0000;position:relative}.scramble[data-glyphs]:after{content:attr(data-glyphs) / "";color:var(--ink);white-space:pre;position:absolute;inset:0;overflow:hidden}.xray-wrap{width:fit-content;max-width:100%;position:relative}.xray{z-index:6;pointer-events:none;outline:1px solid var(--ink);display:none;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.xray{outline:1px solid color-mix(in srgb, var(--ink) 22%, transparent)}}.xray{color:var(--ink);font:500 10px/1.45 var(--font-mono);letter-spacing:0;text-align:left;text-transform:none;white-space:nowrap}html[data-mode=dev] .xray:not(.mode-scope *),.mode-scope[data-mode=dev] .xray{display:block}html[data-mode=dev] #main{overflow-x:clip}html [data-site-header]:is([data-scrolled],[data-open]) .xray{display:none}@media (max-width:767px){html[data-mode] [data-site-header] .xray{display:none}}.xray-stack{flex-direction:column;align-items:flex-start;gap:3px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0}.xray[data-align=right] .xray-stack{align-items:flex-end;left:auto;right:0}.xray[data-place=below] .xray-stack{top:calc(100% + 6px);bottom:auto}.xray-tag{background:var(--red);color:var(--ink-950);padding:1px 5px}.xray-size{margin-left:.6em}.xray-type{border:1px solid var(--ink);padding:0 5px}@supports (color:color-mix(in lab, red, red)){.xray-type{border:1px solid color-mix(in srgb, var(--ink) 28%, transparent)}}.xray-type{white-space:pre}.xray-note{border-left:2px solid var(--red);text-overflow:ellipsis;max-width:100%;padding-left:6px;overflow:hidden}.xray-by{color:var(--red-text)}.xray-corner{background:var(--red);width:5px;height:5px;position:absolute}.xray-corner[data-corner=tl]{top:-3px;left:-3px}.xray-corner[data-corner=tr]{top:-3px;right:-3px}.xray-corner[data-corner=bl]{bottom:-3px;left:-3px}.xray-corner[data-corner=br]{bottom:-3px;right:-3px}.dev-readout{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.dev-readout{color:color-mix(in srgb, var(--ink) 58%, transparent)}}.dev-readout{font:400 11px/1 var(--font-mono);letter-spacing:.02em;white-space:nowrap}.dev-readout>span+span{margin-left:12px}.dev-readout b{color:var(--ink);font-weight:500}:root{--ubaid:#c81e5f;--shameer:#1f6feb}.caret{animation:1s step-end infinite caret-blink}@keyframes caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{animation:none}}.page-copy{z-index:240;pointer-events:none;clip-path:circle(var(--copy-r) at var(--copy-x) var(--copy-y));position:fixed;inset:0;overflow:clip}.page-copy>.mode-scope{transform-origin:var(--copy-x) var(--copy-y);scale:var(--copy-scale);position:absolute;inset:0;overflow:clip}.page-copy-track{position:absolute;top:0;left:0}.js .page-copy :is(.hero-word,.build-step){animation:none}.lens-ring{z-index:241;pointer-events:none;width:280px;height:280px;position:fixed;top:0;left:0}.lens-ring svg{stroke:var(--red-500);stroke-width:1px;position:absolute;inset:0}.lens-ring .lens-dot{fill:var(--red-500);stroke:none}.lens-grid{background-image:linear-gradient(to right, var(--lens-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--lens-grid) 1px, transparent 1px);--lens-grid:#ffffff12;background-position:50%;background-size:22px 22px;border-radius:50%;position:absolute;inset:30px}html[data-mode=dev] .lens-grid{--lens-grid:#12121412}.lens-coords{background:var(--ink-950);color:var(--paper-50);font:500 11px/1.4 var(--font-mono);white-space:nowrap;border-radius:3px;padding:2px 6px;position:absolute;bottom:52px;left:50%;translate:-50%}html.lens-holding{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.lens-hint{border:1px solid var(--line);background:var(--ground);color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:7px 16px 7px 8px;font-size:14px;line-height:1.4;display:inline-flex;box-shadow:0 10px 24px -14px #12121459}.lens-hint:not([data-shown]){visibility:hidden}.lens-hint-dot{background:radial-gradient(circle, var(--red) 0 3px, var(--red) 4px);border-radius:50%;flex:none;width:22px;height:22px}@supports (color:color-mix(in lab, red, red)){.lens-hint-dot{background:radial-gradient(circle, var(--red) 0 3px, color-mix(in srgb, var(--red) 14%, transparent) 4px)}}.lens-hint-touch{display:none}@media (pointer:coarse){.lens-hint-mouse{display:none}.lens-hint-touch{display:inline}}.hero-word{transform-origin:0;display:inline-block}.js .hero-word{animation:hero-rise 1.1s var(--ease-metic) both;animation-delay:calc(var(--d,0s) + .12s)}@keyframes hero-rise{0%{opacity:0;filter:blur(14px);transform:translateY(.24em)scaleX(.88)}}@media (prefers-reduced-motion:reduce){.js .hero-word{animation:none}}.letter-word{white-space:nowrap;display:inline-block}.letter{transform:translate(calc(var(--x,0) * 1px), calc(var(--y,0) * 1px)) scale(calc(1 + var(--k,0) * .14));transition:transform .35s var(--ease-metic);display:inline-block;position:relative}.letter:after{content:attr(data-ch);visibility:hidden}.letter:before{content:attr(data-ch);font-weight:calc(500 + round(var(--k,0) * 10) * 23);position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.letter{transition:none}}.magnifier{z-index:245;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;width:252px;height:252px;transition:opacity .3s var(--ease-metic);border-radius:50%;position:fixed;top:0;left:0}.magnifier:not([data-placed]){visibility:hidden}html[data-build] .magnifier[data-state=dock]{visibility:hidden;opacity:0;transition:opacity .3s var(--ease-metic), visibility 0s linear .3s}.magnifier[data-state=held]{cursor:grabbing}.magnifier-float{position:absolute;inset:0}.magnifier[data-state=rest] .magnifier-float{will-change:translate;animation:6s ease-in-out infinite loupe-float}@keyframes loupe-float{50%{translate:0 -5px}}@media (prefers-reduced-motion:reduce){.magnifier[data-state=rest] .magnifier-float{animation:none}}.magnifier-art{pointer-events:none;filter:drop-shadow(14px 26px 18px #12121447);position:absolute;overflow:visible}.magnifier-art[data-wire]{filter:none}.magnifier-art .magnifier-handle{pointer-events:visiblePainted}.magnifier-art :is(.magnifier-glass,.magnifier-ball,.magnifier-pick){transition:opacity .2s var(--ease-metic)}.magnifier-pick :is(text,path){opacity:0;transition:opacity .25s var(--ease-metic)}.magnifier-art[data-wire] .magnifier-pick :is(text,path){opacity:1}.magnifier-tag{border:1px solid var(--line);background:var(--ground);color:var(--ink);font:400 11px/1.3 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;transform-origin:50% 100%;translate:-50% calc(-100% - 4px);scale:calc(1 / var(--loupe-s,1));transition:opacity .25s var(--ease-metic), translate .25s var(--ease-metic);border-radius:999px;padding:3px 8px;position:absolute;top:0;left:50%}@media (hover:hover){.magnifier[data-state=rest]:hover :is(.magnifier-pick text,.magnifier-pick path){opacity:1}.magnifier[data-state=rest]:hover .magnifier-tag{opacity:1;translate:-50% calc(-100% - 8px)}}.magnifier[data-state=dock] .magnifier-pick :is(text,path),.magnifier[data-state=held] .magnifier-art :is(.magnifier-glass,.magnifier-ball,.magnifier-pick){opacity:0}.ink-note{visibility:hidden;color:var(--red-text);font-family:var(--font-hand);font-size:1.35rem;font-weight:600;line-height:1.1;rotate:-3deg}.page-copy .ink-note{visibility:visible}.ink-by{opacity:.8;font-size:.8em}html[data-mode=dev] [data-design-item]:is(:hover,:focus-visible) [data-media]:not(.mode-scope *),.mode-scope[data-mode=dev] [data-design-item]:is(:hover,:focus-visible) [data-media]{outline:1px solid var(--signal);outline-offset:4px}.note-dot:before{content:"";background:var(--signal);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}html[data-mode=dev] [data-media]:not(.mode-scope *) :is(img,video),.mode-scope[data-mode=dev] [data-media] :is(img,video){filter:grayscale()brightness(.55)contrast(1.2)}html[data-mode=dev] [data-media]:not(.mode-scope *):after,.mode-scope[data-mode=dev] [data-media]:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg, transparent 0 23px, var(--signal) 23px 24px), repeating-linear-gradient(0deg, transparent 0 23px, var(--signal) 23px 24px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){html[data-mode=dev] [data-media]:not(.mode-scope *):after,.mode-scope[data-mode=dev] [data-media]:after{background:repeating-linear-gradient(90deg, transparent 0 23px, color-mix(in srgb, var(--signal) 22%, transparent) 23px 24px), repeating-linear-gradient(0deg, transparent 0 23px, color-mix(in srgb, var(--signal) 22%, transparent) 23px 24px)}}html{background:var(--ground);color:var(--ink);scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);font-size:var(--step-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:var(--accent);color:var(--on-signal)}.lightbox{background:var(--ground);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;margin:0;padding:0}.lightbox::backdrop{background:var(--ground)}.lightbox:focus{outline:none}html:has(dialog[open]){overflow:hidden}html:not(.js) [data-reveal]{opacity:1!important;transform:none!important}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important}}.build-stage,.build-item-drawing{--build-ink:var(--ink);--build-muted:var(--muted);--build-paper:var(--ground);--build-lead:var(--lead);--build-picture:var(--panel)}.build-stage{display:none}.build-list{gap:72px;padding-block:clamp(96px,12vw,180px) 24px;display:grid}.build-item-drawing{border-radius:12px;margin-bottom:24px;overflow:hidden}.build-item-drawing .build-svg{aspect-ratio:1440/900;height:auto;position:static}@media (prefers-reduced-motion:no-preference){html.js .build-track{height:480svh}html.js .build-stage{background-image:radial-gradient(var(--ink) 1px, transparent 1.5px);height:100svh;display:block;position:sticky;top:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){html.js .build-stage{background-image:radial-gradient(color-mix(in srgb, var(--ink) 10%, transparent) 1px, transparent 1.5px)}}html.js .build-stage{background-size:24px 24px}html.js .build-list{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html.js .build-list :is(.build-item-drawing,.build-list-button){display:none}}.build-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.build-svg[data-layout=phone]{display:none}@media (max-width:767.98px){.build-stage>.build-svg[data-layout=wide]{display:none}.build-stage>.build-svg[data-layout=phone]{top:var(--header-h);height:auto;display:block;bottom:220px}}.build-words p{text-shadow:0 0 2px var(--build-paper), 0 0 6px var(--build-paper)}.build-svg .b{--i:clamp(0, (var(--p,1) - var(--a)) / (var(--b) - var(--a)), 1);--o:max(var(--f), clamp(0, (var(--d) - var(--p,1)) / (var(--d) - var(--c)), 1))}.build-svg .b-in{opacity:min(var(--i), var(--o))}.build-svg .b-draw{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--i));opacity:var(--o)}.build-svg .b-grow{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(var(--i));opacity:var(--o)}.build-svg .b-blur{opacity:min(var(--i), var(--o));filter:blur(calc((1 - var(--i)) * 8px))}.build-svg .b-fill{fill-opacity:min(var(--i), var(--o))}.build-svg .build-board{opacity:var(--o);transform-box:view-box;transform-origin:50% 46%;transform:scale(calc(.94 + .06 * var(--o)))}.build-svg .b-label{font:400 10px/1 var(--font-mono);letter-spacing:.02em}.build-svg .b-code{font:400 12px/1 var(--font-mono)}.build-svg .b-code-small{font-size:9px}.build-pulse{transform-box:fill-box;transform-origin:50%;animation:build-pulse 2.4s var(--ease-metic) infinite}.build-stage:not([data-live]) .build-pulse{animation:none}@keyframes build-pulse{50%{opacity:.4;transform:scale(1.5)}}.build-count{color:var(--ink);margin-top:2px}@supports (color:color-mix(in lab, red, red)){.build-count{color:color-mix(in srgb, var(--ink) 13%, transparent)}}.build-count{font:600 clamp(40px, 4.6vw, 66px) / .9 var(--font-display);letter-spacing:-.045em;font-variant-numeric:tabular-nums}.build-count-unit{letter-spacing:0;margin-left:2px;font-size:.4em}.build-step-title{font:500 clamp(26px, 2.4vw, 34px) / 1.12 var(--font-display);letter-spacing:-.02em}.build-step{animation:build-step-in .6s var(--ease-metic) both}@keyframes build-step-in{0%{opacity:0;translate:0 10px}}.build-sign{color:var(--white);font:500 11px/1.3 var(--font-mono);text-shadow:none;border-radius:4px;margin-left:6px;padding:2px 6px}.build-skip{right:var(--margin);color:var(--ink);font:400 12px/1.55 var(--font-mono);letter-spacing:.02em;position:absolute;bottom:clamp(48px,6vh,56px)}.build-finish{outline:1px solid var(--ink);padding:12px;position:absolute;top:43%;left:50%;translate:-50% -50%}@supports (color:color-mix(in lab, red, red)){.build-finish{outline:1px solid color-mix(in srgb, var(--ink) 30%, transparent)}}.build-finish{transition:opacity .5s var(--ease-metic), visibility 0s}.build-finish:not([data-shown]){visibility:hidden;opacity:0;transition:opacity .3s var(--ease-metic), visibility 0s linear .3s}.build-guide{background:var(--ink);position:absolute}@supports (color:color-mix(in lab, red, red)){.build-guide{background:color-mix(in srgb, var(--ink) 25%, transparent)}}.build-guide{pointer-events:none}.build-guide:is([data-edge=top],[data-edge=bottom]){height:1px;left:-100vw;right:-100vw}.build-guide[data-edge=top]{top:0}.build-guide[data-edge=bottom]{bottom:0}.build-guide:is([data-edge=left],[data-edge=right]){width:1px;top:-100vh;bottom:-100vh}.build-guide[data-edge=left]{left:0}.build-guide[data-edge=right]{right:0}.build-finish-label{color:var(--red-text);font:400 10px/1 var(--font-mono);letter-spacing:.02em;white-space:nowrap;position:absolute;top:calc(100% + 8px);left:0}.build-finish-arrow{position:absolute;bottom:calc(50% - 6px);left:calc(100% + 8px)}html[data-mode=dev] .service-card[data-open]>.service-picture:not(.mode-scope *),.mode-scope[data-mode=dev] .service-card[data-open]>.service-picture{opacity:.16}.target-cursor{z-index:400;border:1.5px solid var(--red);background:radial-gradient(var(--red) 0 1.5px, transparent 2px);pointer-events:none;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:fixed;top:0;left:0}.target-cursor:not([data-shown]){visibility:hidden}@media (pointer:fine){html[data-cursor],html[data-cursor] *{cursor:none!important}html[data-cursor] dialog[open],html[data-cursor] dialog[open] *{cursor:revert!important}}@media (min-width:1024px){html:not(.js) .services-row{display:none}html:not(.js) .services-stack{display:flex}}html:not(.js) .services-stack details::details-content{content-visibility:visible}html:not(.js) .services-stack [data-plus]{display:none}.work-case-dot{background:var(--ink-950);width:28px;height:28px;color:var(--white);transition:translate .3s var(--ease-metic);border-radius:50%;place-items:center;font-size:12px;display:grid}.work-case:hover .work-case-dot{translate:2px -2px}.work-all span{transition:translate .3s var(--ease-metic);display:inline-block}.work-all:hover span{translate:2px -2px}.work-number{color:var(--ink);position:absolute;top:-.55em;right:0}@supports (color:color-mix(in lab, red, red)){.work-number{color:color-mix(in srgb, var(--ink) 7%, transparent)}}.work-number{font:600 clamp(96px, 10vw, 160px) / 1 var(--font-display);letter-spacing:-.05em;pointer-events:none}.lost-number{right:var(--margin);color:var(--ink);position:absolute;bottom:6%}@supports (color:color-mix(in lab, red, red)){.lost-number{color:color-mix(in srgb, var(--ink) 6%, transparent)}}.lost-number{font:600 clamp(160px, 30vw, 440px) / .8 var(--font-display);letter-spacing:-.06em;pointer-events:none}.timeline-row{position:relative}.timeline-row:before{content:"";background:var(--red);width:1px;position:absolute;top:0;bottom:0;left:5px}@supports (color:color-mix(in lab, red, red)){.timeline-row:before{background:color-mix(in srgb, var(--red) 45%, transparent)}}.timeline-row:last-child:before{height:14px;bottom:auto}.timeline-row:after{content:"";background:var(--red);border-radius:50%;width:11px;height:11px;position:absolute;top:9px;left:0}@keyframes sound-bar{to{scale:1}}@media (prefers-reduced-motion:reduce){.sound-toggle[data-on] .sound-bars i{animation:none;scale:1 .7}}.zoom-ui{visibility:hidden;pointer-events:none;position:absolute;inset:0}.zoom[data-looking] .zoom-ui,.zoom[data-looking] .zoom-frame{visibility:visible}.zoom:not([data-zooming]) .zoom-circle{visibility:hidden}.zoom-line{background:var(--red);position:absolute}.zoom-line-x{top:var(--zy);height:1px;left:0;right:0}.zoom-line-y{top:0;bottom:0;left:var(--zx);width:1px}.zoom-circle{top:calc(var(--zy) - 83px);left:calc(var(--zx) - 83px);background:var(--panel);border-radius:50%;position:absolute;overflow:hidden;box-shadow:0 0 0 2px #fffffff2,0 12px 32px #00000038}.zoom-copy{display:block;position:absolute}.zoom-chip{top:calc(var(--zy) + 12px);left:calc(var(--zx) + 12px);border:1px solid var(--line);background:var(--ground);color:var(--ink);font:400 12px/1.2 var(--font-mono);white-space:pre;border-radius:4px;padding:3px 7px;position:absolute}.zoom-frame{visibility:hidden;border:1px solid var(--red);pointer-events:none;border-radius:10px;position:absolute;inset:0}.zoom-tag{background:var(--red);color:var(--white);font:500 12px/1.2 var(--font-mono);white-space:nowrap;padding:3px 7px;position:absolute;bottom:calc(100% + 4px);left:-1px}.zoom-handle{background:var(--red);width:7px;height:7px;position:absolute}.zoom-handle[data-corner^=t]{top:-4px}.zoom-handle[data-corner^=b]{bottom:-4px}.zoom-handle[data-corner$=l]{left:-4px}.zoom-handle[data-corner$=r]{right:-4px}.design-frame:before,.design-frame:after{content:"";pointer-events:none;--guide:1px solid var(--red);position:absolute}@supports (color:color-mix(in lab, red, red)){.design-frame:before,.design-frame:after{--guide:1px solid color-mix(in srgb, var(--red) 45%, transparent)}}.design-frame:before{border-block:var(--guide);inset:0 -12px}.design-frame:after{border-inline:var(--guide);inset:-28px 0 -12px}[data-magnet]{translate:var(--pull-x,0px) var(--pull-y,0px)}[data-arrow]{transition:rotate .4s var(--ease-out-expo)}[data-magnet]:is(:hover,:focus-visible) [data-arrow]{rotate:45deg}.link-draw{position:relative}.link-draw:after{content:"";transform-origin:0;height:1px;transition:scale .4s var(--ease-out-expo);background:currentColor;position:absolute;inset:auto 0 -2px;scale:0 1}.link-draw:is(:hover,:focus-visible):after{scale:1}html[data-mode=dev] .link-draw:not(.mode-scope *):after{content:none}html[data-mode=dev] .link-draw:not(.mode-scope *):before{content:"→";color:var(--signal);font-family:var(--font-mono);opacity:0;transition:opacity .2s ease, translate .3s var(--ease-out-expo);position:absolute;right:calc(100% + 6px);translate:-4px}html[data-mode=dev] .link-draw:not(.mode-scope *):is(:hover,:focus-visible):before{opacity:1;translate:none}[data-hover-note]{opacity:0;transition:opacity .3s ease, translate .4s var(--ease-out-expo);translate:0 6px}[data-lift]:is(:hover,:focus-visible) [data-hover-note]{opacity:1;translate:none}@media (pointer:fine){[data-lift]{transition:translate .4s var(--ease-out-expo)}[data-lift]:is(:hover,:focus-visible){translate:0 -4px}}@media (prefers-reduced-motion:no-preference){h2[data-arrive]{transition:mask-position 1.2s var(--ease-out-expo);-webkit-mask-image:linear-gradient(#000 40%,#0000 60%);mask-image:linear-gradient(#000 40%,#0000 60%);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:100% 250%;mask-size:100% 250%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}h2[data-arrive][data-seen]{-webkit-mask-position:0 0;mask-position:0 0}.t-note[data-arrive]{opacity:0;transition:opacity .6s var(--ease-out-expo), translate .6s var(--ease-out-expo);translate:0 8px}.t-note[data-arrive][data-seen]{opacity:1;translate:none}.t-lead[data-arrive]{opacity:0;transition:opacity .8s var(--ease-out-expo), translate .8s var(--ease-out-expo);translate:0 12px}.t-lead[data-arrive][data-seen]{opacity:1;translate:none}html[data-mode=dev] .t-note[data-arrive]:not(.mode-scope *){opacity:1;clip-path:inset(0 100% 0 0);transition:clip-path .7s steps(24,end);translate:none}html[data-mode=dev] .t-note[data-arrive][data-seen]:not(.mode-scope *){clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){[data-arrow],.link-draw:after,.link-draw:before,[data-hover-note],[data-lift]{transition:none}[data-lift]:is(:hover,:focus-visible){translate:none}}::view-transition{pointer-events:none}::view-transition-group(site-header){z-index:100;animation:none}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}::view-transition-old(.nav-forward){--slide-offset:-60px;animation:.15s ease-in reverse both vt-fade,.4s ease-in-out reverse both vt-slide}::view-transition-new(.nav-forward){--slide-offset:60px;animation:.21s ease-out .15s both vt-fade,.4s ease-in-out both vt-slide}::view-transition-old(.nav-back){--slide-offset:60px;animation:.15s ease-in reverse both vt-fade,.4s ease-in-out reverse both vt-slide}::view-transition-new(.nav-back){--slide-offset:-60px;animation:.21s ease-out .15s both vt-fade,.4s ease-in-out both vt-slide}::view-transition-group(.morph){animation-duration:.4s}::view-transition-image-pair(.morph){animation-name:vt-via-blur}@keyframes vt-fade{0%{filter:blur(3px);opacity:0}to{filter:blur();opacity:1}}@keyframes vt-slide{0%{translate:var(--slide-offset)}to{translate:0}}@keyframes vt-via-blur{30%{filter:blur(3px)}}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}@media (hover:hover){.thumb-tilt{transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(var(--lift,0px));transition:transform .18s cubic-bezier(.23,1,.32,1)}.thumb-tilt img,.thumb-tilt video{transition:transform .18s cubic-bezier(.23,1,.32,1)}.group:hover .thumb-tilt{--lift:-3px}.group:hover .thumb-tilt img,.group:hover .thumb-tilt video{transform:scale(1.012)}}@media (prefers-reduced-motion:reduce){.thumb-tilt,.thumb-tilt img{transition:none;transform:none!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}