@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--bg:#000;--fg:#fff;--fg-muted:#fff9;--fg-subtle:#fffc;--fg-faint:#ffffff4d;--fg-ghost:#fff3;--hover:#353535;--surface:#ffffff0d;--border:#ffffff1a;--cursor-ring:#fff;--work-grey:#c4c4c4}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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-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-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-semibold:600;--font-weight-black:900;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-snug:1.375;--leading-relaxed:1.625;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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,ui-sans-serif, system-ui, 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{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;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-5{bottom:calc(var(--spacing) * 5)}.left-0{left:calc(var(--spacing) * 0)}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[10000\]{z-index:10000}.container{width:100%}@media (min-width:30rem){.container{max-width:30rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:62rem){.container{max-width:62rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:120rem){.container{max-width:120rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-\[55px\]{margin-top:55px}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-\[5px\]{margin-bottom:5px}.mb-\[55px\]{margin-bottom:55px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[4\/3\]{aspect-ratio:4/3}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.h-\[50px\]{height:50px}.h-\[120px\]{height:120px}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-\[4px\]{min-height:4px}.w-12{width:calc(var(--spacing) * 12)}.w-\[50px\]{width:50px}.w-\[120px\]{width:120px}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-12{min-width:calc(var(--spacing) * 12)}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-none{cursor:none}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.grid-flow-col{grid-auto-flow:column}.grid-flow-row{grid-auto-flow:row}.grid-cols-\[3rem_1fr_3rem\]{grid-template-columns:3rem 1fr 3rem}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-\[3px\]{gap:3px}.justify-self-center{justify-self:center}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[color-mix\(in_srgb\,var\(--red\)_30\%\,transparent\)\]{border-color:var(--red)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--red\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--red) 30%,transparent)}}.border-\[var\(--border\)\]{border-color:var(--border)}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--cursor-ring\)\]{background-color:var(--cursor-ring)}.bg-\[var\(--red\)\]\/30{background-color:var(--red)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--red\)\]\/30{background-color:color-mix(in oklab, var(--red) 30%, transparent)}}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-transparent{background-color:#0000}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-bottom{object-position:bottom}.object-center{object-position:center}.p-0{padding:calc(var(--spacing) * 0)}.p-3{padding:calc(var(--spacing) * 3)}.p-\[2px\]{padding:2px}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.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-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[28px\]{font-size:28px}.text-\[40px\]{font-size:40px}.text-\[44px\]{font-size:44px}.text-\[60px\]{font-size:60px}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-\[0\.88\]{--tw-leading:.88;line-height:.88}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--fg\)\]{color:var(--fg)}.text-\[var\(--fg-muted\)\]{color:var(--fg-muted)}.text-\[var\(--fg-subtle\)\]{color:var(--fg-subtle)}.text-\[var\(--hover\)\]{color:var(--hover)}.text-\[var\(--red\)\]{color:var(--red)}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.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}.opacity-0{opacity:0}.opacity-90{opacity:.9}.opacity-100{opacity:1}.ring{--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)}.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,)}.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-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))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}@media (hover:hover){.group-hover\/nav\:text-\[var\(--hover\)\]:is(:where(.group\/nav):hover *){color:var(--hover)}.hover\:text-\[var\(--fg-subtle\)\]:hover{color:var(--fg-subtle)}.hover\:text-\[var\(--hover\)\]:hover{color:var(--hover)}}.active\:text-\[var\(--hover\)\]:active{color:var(--hover)}.active\:opacity-70:active{opacity:.7}@media not all and (min-width:62rem){.max-lg\:mx-auto{margin-inline:auto}.max-lg\:mt-2{margin-top:calc(var(--spacing) * 2)}.max-lg\:mb-10{margin-bottom:calc(var(--spacing) * 10)}.max-lg\:block{display:block}.max-lg\:w-full{width:100%}.max-lg\:flex-\[0\.55_1_0\%\]{flex:.55}.max-lg\:flex-\[1\.45_1_0\%\]{flex:1.45}.max-lg\:-translate-y-3{--tw-translate-y:calc(var(--spacing) * -3);translate:var(--tw-translate-x) var(--tw-translate-y)}.max-lg\:translate-y-\[100px\]{--tw-translate-y:100px;translate:var(--tw-translate-x) var(--tw-translate-y)}.max-lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.max-lg\:text-center{text-align:center}}@media (min-width:30rem){.sm\:h-\[60px\]{height:60px}.sm\:h-\[140px\]{height:140px}.sm\:w-\[60px\]{width:60px}.sm\:w-\[140px\]{width:140px}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-7{gap:calc(var(--spacing) * 7)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:pt-16{padding-top:calc(var(--spacing) * 16)}.sm\:pt-\[18px\]{padding-top:18px}.sm\:pl-3{padding-left:calc(var(--spacing) * 3)}.sm\:text-\[9px\]{font-size:9px}.sm\:text-\[10px\]{font-size:10px}.sm\:text-\[12px\]{font-size:12px}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[15px\]{font-size:15px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[17px\]{font-size:17px}.sm\:text-\[19px\]{font-size:19px}.sm\:text-\[20px\]{font-size:20px}.sm\:text-\[34px\]{font-size:34px}.sm\:text-\[42px\]{font-size:42px}.sm\:text-\[52px\]{font-size:52px}.sm\:text-\[90px\]{font-size:90px}}@media (min-width:48rem){.md\:mb-14{margin-bottom:calc(var(--spacing) * 14)}.md\:h-\[70px\]{height:70px}.md\:h-\[180px\]{height:180px}.md\:w-\[70px\]{width:70px}.md\:w-\[180px\]{width:180px}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:gap-16{gap:calc(var(--spacing) * 16)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}.md\:py-5{padding-block:calc(var(--spacing) * 5)}.md\:pt-5{padding-top:calc(var(--spacing) * 5)}.md\:pt-16{padding-top:calc(var(--spacing) * 16)}.md\:pt-20{padding-top:calc(var(--spacing) * 20)}.md\:pb-16{padding-bottom:calc(var(--spacing) * 16)}.md\:pl-4{padding-left:calc(var(--spacing) * 4)}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-\[10px\]{font-size:10px}.md\:text-\[11px\]{font-size:11px}.md\:text-\[18px\]{font-size:18px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[30px\]{font-size:30px}.md\:text-\[40px\]{font-size:40px}.md\:text-\[62px\]{font-size:62px}.md\:text-\[64px\]{font-size:64px}.md\:text-\[72px\]{font-size:72px}.md\:text-\[132px\]{font-size:132px}}@media (min-width:62rem){.lg\:mx-0{margin-inline:calc(var(--spacing) * 0)}.lg\:-ml-\[0\.025em\]{margin-left:-.025em}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-\[80px\]{height:80px}.lg\:w-\[80px\]{width:80px}.lg\:w-auto{width:auto}.lg\:flex-row{flex-direction:row}.lg\:flex-wrap{flex-wrap:wrap}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:justify-start{justify-content:flex-start}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:gap-\[5px\]{gap:5px}.lg\:px-16{padding-inline:calc(var(--spacing) * 16)}.lg\:px-20{padding-inline:calc(var(--spacing) * 20)}.lg\:pt-24{padding-top:calc(var(--spacing) * 24)}.lg\:pt-\[21px\]{padding-top:21px}.lg\:pr-16{padding-right:calc(var(--spacing) * 16)}.lg\:pb-1{padding-bottom:calc(var(--spacing) * 1)}.lg\:pb-16{padding-bottom:calc(var(--spacing) * 16)}.lg\:pl-8{padding-left:calc(var(--spacing) * 8)}.lg\:pl-\[18px\]{padding-left:18px}.lg\:text-left{text-align:left}.lg\:text-\[11px\]{font-size:11px}.lg\:text-\[14px\]{font-size:14px}.lg\:text-\[16px\]{font-size:16px}.lg\:text-\[19px\]{font-size:19px}.lg\:text-\[20px\]{font-size:20px}.lg\:text-\[21px\]{font-size:21px}.lg\:text-\[37px\]{font-size:37px}.lg\:text-\[72px\]{font-size:72px}.lg\:text-\[77px\]{font-size:77px}.lg\:text-\[88px\]{font-size:88px}.lg\:text-\[165px\]{font-size:165px}.lg\:whitespace-normal{white-space:normal}}@media (min-width:80rem){.xl\:inline{display:inline}.xl\:h-\[90px\]{height:90px}.xl\:w-\[90px\]{width:90px}.xl\:px-20{padding-inline:calc(var(--spacing) * 20)}.xl\:pt-\[23px\]{padding-top:23px}.xl\:pr-20{padding-right:calc(var(--spacing) * 20)}.xl\:pl-10{padding-left:calc(var(--spacing) * 10)}.xl\:text-\[12px\]{font-size:12px}.xl\:text-\[21px\]{font-size:21px}.xl\:text-\[22px\]{font-size:22px}.xl\:text-\[23px\]{font-size:23px}.xl\:text-\[45px\]{font-size:45px}.xl\:text-\[88px\]{font-size:88px}.xl\:text-\[96px\]{font-size:96px}.xl\:text-\[200px\]{font-size:200px}}@media (min-width:120rem){.\32 xl\:text-\[45px\]{font-size:45px}.\32 xl\:text-\[96px\]{font-size:96px}.\32 xl\:text-\[200px\]{font-size:200px}}}@font-face{font-family:Qalam ABC Otto;src:url(/work/qalam/fonts/ABCOtto-Regular-Trial.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Qalam ABC Otto;src:url(/work/qalam/fonts/ABCOtto-Medium-Trial.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Qalam ABC Otto;src:url(/work/qalam/fonts/ABCOtto-Bold-Trial.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Qalam Forma DJR Text;src:url(/work/qalam/fonts/FormaDJRText-Regular-Testing.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Qalam Forma DJR Text;src:url(/work/qalam/fonts/FormaDJRText-Medium-Testing.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Qalam Forma DJR Text;src:url(/work/qalam/fonts/FormaDJRText-ExtraBold-Testing.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@property --bg{syntax:"<color>";inherits:true;initial-value:#000}@property --fg{syntax:"<color>";inherits:true;initial-value:#fff}@property --fg-muted{syntax:"<color>";inherits:true;initial-value:#fff9}@property --fg-subtle{syntax:"<color>";inherits:true;initial-value:#fffc}@property --fg-faint{syntax:"<color>";inherits:true;initial-value:#ffffff4d}@property --fg-ghost{syntax:"<color>";inherits:true;initial-value:#fff3}@property --hover{syntax:"<color>";inherits:true;initial-value:#353535}@property --surface{syntax:"<color>";inherits:true;initial-value:#ffffff0d}@property --border{syntax:"<color>";inherits:true;initial-value:#ffffff1a}@property --cursor-ring{syntax:"<color>";inherits:true;initial-value:#fff}@property --work-grey{syntax:"<color>";inherits:true;initial-value:#c4c4c4}:root{--red:red;--work-grey:#c4c4c4;--black:#000;--white:#fff;--bg:#000;--fg:#fff;--fg-muted:#fff9;--fg-subtle:#fffc;--fg-faint:#ffffff4d;--fg-ghost:#fff3;--hover:#353535;--surface:#ffffff0d;--border:#ffffff1a;--cursor-ring:#fff;--sidebar-w:50px;--logo-length:210px;--font-secondary:Tahoma, Geneva, Verdana, sans-serif;--font-arabic:"Futura 100 ARA Bold", futura-100-arabic, sans-serif;--work-footer-below-line:80px;--work-visual-inset-block:3.5rem;--work-visual-inset-inline:1.5rem;--work-visual-radius:14px;--work-visual-col:36%;--work-visual-min:400px;--work-visual-max:560px;--work-visual-width:var(--work-visual-max);--work-mobile-visual-min:200px;--work-mobile-visual-max:380px;--work-mobile-visual-margin-inline:var(--work-visual-inset-inline);--work-mobile-visual-ratio:512 / 608;--selection-body:var(--red);--selection-accent:var(--white)}@media (min-width:480px) and (max-width:61.999rem){:root{--work-mobile-visual-max:460px}}@media (min-width:768px) and (max-width:61.999rem){:root{--work-mobile-visual-max:540px}}@font-face{font-family:"Futura 100 ARA Bold";src:url(/fonts/Futura100ARA-Bold.woff2)format("woff2"),url(/fonts/Futura100ARA-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Anora Black;src:url(/fonts/anora/Anora-Black.otf)format("opentype");font-weight:900;font-style:normal;font-display:swap}[data-theme=light]{--work-grey:#d6d6d6;--bg:#fff;--fg:#000;--fg-muted:#0009;--fg-subtle:#000c;--fg-faint:#00000059;--fg-ghost:#0003;--hover:#c8c8c8;--surface:#0000000d;--border:#0000001a;--cursor-ring:#000;--selection-accent:var(--black)}@media (min-width:480px){:root{--sidebar-w:56px}}@media (min-width:768px){:root{--sidebar-w:60px}}@media (min-width:992px){:root{--sidebar-w:64px}}@media (min-width:1280px){:root{--sidebar-w:70px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);max-width:100%;height:100%;color:var(--fg);-webkit-user-select:text;user-select:text;overflow-x:hidden}html.theme-fallback-transition{transition:--bg .38s,--fg .38s,--fg-muted .38s,--fg-subtle .38s,--fg-faint .38s,--fg-ghost .38s,--hover .38s,--surface .38s,--border .38s,--cursor-ring .38s,--work-grey .38s}html.theme-fallback-transition,html.theme-fallback-transition *{transition:background-color .38s,color .38s,border-color .38s,fill .38s,stroke .38s!important}.theme-mode-wipe{z-index:9999;visibility:hidden;pointer-events:none;position:fixed;inset:0;overflow:hidden}.theme-mode-wipe__panel{background:var(--red);transform-origin:50%;will-change:transform;justify-content:center;align-items:center;transition:transform .26s cubic-bezier(.76,0,.24,1);display:flex;position:absolute;inset:0;transform:scaleY(0)}.theme-mode-wipe__label{color:#000;letter-spacing:-.04em;text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(4rem,18vw,13rem);font-weight:400;line-height:.8}.theme-mode-wipe--covering,.theme-mode-wipe--revealing{visibility:visible}.theme-mode-wipe--covering .theme-mode-wipe__panel{transform:scaleY(1)}.theme-mode-wipe--revealing .theme-mode-wipe__panel{transform-origin:top;transition-duration:.42s;transform:scaleY(0)}@media (prefers-reduced-motion:reduce){.theme-mode-wipe{display:none}}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}::selection{color:var(--selection-body);-webkit-text-fill-color:var(--selection-body);background:0 0}::-moz-selection{color:var(--selection-body);background:0 0}:is(h1,h1 *,.work-case-heading,.work-case-heading *,.about-me-title,.about-me-title *,.about-me-sofar,.about-me-sofar *,.about-heading,.about-heading *,.about-location-city,.about-location-city *,.about-connect-title,.about-connect-title *,.nav-prompt,.nav-prompt *,.text-\[var\(--red\)\],.text-\[var\(--red\)\] *,[style*="color: var(--red)"],[style*="color: var(--red)"] *,[style*="color: \"var(--red)\""],[style*="color: \"var(--red)\""] *,[style*="color: rgba(255, 0, 0"],[style*="color: rgba(255, 0, 0"] *,.selection-invert,.selection-invert *)::selection{color:var(--selection-accent);-webkit-text-fill-color:var(--selection-accent)}:is(h1,h1 *,.work-case-heading,.work-case-heading *,.about-me-title,.about-me-title *,.about-me-sofar,.about-me-sofar *,.about-heading,.about-heading *,.about-location-city,.about-location-city *,.about-connect-title,.about-connect-title *,.nav-prompt,.nav-prompt *,.text-\[var\(--red\)\],.text-\[var\(--red\)\] *,[style*="color: var(--red)"],[style*="color: var(--red)"] *,[style*="color: \"var(--red)\""],[style*="color: \"var(--red)\""] *,[style*="color: rgba(255, 0, 0"],[style*="color: rgba(255, 0, 0"] *,.selection-invert,.selection-invert *)::-moz-selection{color:var(--selection-accent)}@media (min-width:62rem){html,body,*,:before,:after{cursor:none!important}}.cursor-sketch{z-index:1}.cursor-sketch,.cursor-sketch canvas{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.cursor-sketch canvas{display:block;background:0 0!important}body.site-loading{overflow:hidden}.flash-curtain{will-change:transform, background-color;transition:transform .6s cubic-bezier(.4,0,.2,1)}.flash-curtain--exit{pointer-events:none;transform:translateY(-100%)}.nav-progress{z-index:10001;pointer-events:none;background:var(--red);opacity:0;transform-origin:0;width:0;height:2px;position:fixed;top:0;left:0}.nav-progress.is-pending{opacity:1;animation:1.1s cubic-bezier(.4,0,.2,1) infinite nav-progress-run}@keyframes nav-progress-run{0%{opacity:.9;width:0}40%{opacity:1;width:68%}to{opacity:1;width:92%}}body:has(.nav-progress.is-pending){cursor:progress}.flash-curtain__stage{justify-content:center;align-items:center;animation:.12s cubic-bezier(.22,1,.36,1) both flash-stage-pop;display:flex}.flash-curtain__box{transform-origin:50%;will-change:transform;border-style:solid;border-width:clamp(3px,.6vw,8px);justify-content:center;align-items:center;padding:clamp(.6rem,2.6vw,1.6rem) clamp(1.2rem,5vw,3rem);display:flex}.flash-curtain__text{text-transform:uppercase;white-space:nowrap;text-shadow:0 0;margin:0;font-size:clamp(3.5rem,16vw,9rem);font-weight:400;line-height:.9}@keyframes flash-stage-pop{0%{opacity:.55;transform:scale(.92)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.flash-curtain{transition-duration:.2s}.flash-curtain__stage{animation:none!important}}@keyframes at-enter{0%{opacity:0;transform:translate3d(0, calc(-1 * var(--at-travel,16px)), 0)}to{opacity:1;transform:translate(0)}}@keyframes at-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate3d(0, var(--at-travel,16px), 0)}}@keyframes work-thumb-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.work-thumb-in{animation:.75s cubic-bezier(.4,0,.2,1) both work-thumb-in}@keyframes nav-prompt-blink{0%,45%{opacity:1}50%,to{opacity:.3}}.nav-prompt{animation:1.15s step-end infinite nav-prompt-blink}.work-page{min-height:calc(100dvh - var(--work-footer-below-line))}.work-page [data-footer-spacer]{display:none}@media (max-width:61.999rem){.work-split{display:none!important}}.work-split{grid-template-columns:var(--work-visual-width) minmax(0, 1fr);grid-template-rows:minmax(calc(100dvh - var(--work-footer-below-line)), auto);width:100%;min-height:calc(100dvh - var(--work-footer-below-line));flex:1 0 auto;align-items:start}.work-split-list{overflow-wrap:anywhere;align-self:start;min-width:0}.work-split-title{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}.work-split-visual{top:var(--work-visual-inset-block);width:var(--work-visual-width);min-width:var(--work-visual-width);max-width:var(--work-visual-width);height:calc(100dvh - var(--work-footer-below-line) - (var(--work-visual-inset-block) * 2));padding-right:var(--work-visual-inset-inline);padding-left:var(--work-visual-inset-inline);box-sizing:border-box;flex-shrink:0;align-self:start;position:sticky}.work-split-visual-inner{border-radius:var(--work-visual-radius);height:100%;overflow:hidden}@media (min-width:1600px){:root{--work-visual-max:660px}.work-split-visual{max-height:calc(var(--work-visual-width) * 1.3)}}@media (min-width:1920px){:root{--work-visual-max:760px}}.work-grey-box{background-color:var(--work-grey);transition:background-color .38s}@keyframes work-thumbnail-pan-x{0%{transform:translate(0)}to{transform:translate(calc(100cqw - 100%))}}@keyframes work-thumbnail-pan-x-zoomed{0%{transform:translateY(-50%)translate(0)}to{transform:translateY(-50%)translate(calc(100cqw - 100%))}}.work-thumbnail-pan-frame{position:absolute;inset:0;overflow:hidden;container-type:size}.work-thumbnail-cycle{position:absolute;inset:0;overflow:hidden}.work-thumbnail-cycle__slide{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.work-thumbnail-cycle__slide.is-active{opacity:1}.work-thumbnail-pan-media{will-change:transform;width:auto;max-width:none;height:100%;animation:14s ease-in-out infinite alternate work-thumbnail-pan-x;display:block;position:absolute;top:0;left:0}.work-thumbnail-pan-media.is-zoomed{height:calc(100% * var(--thumb-pan-zoom,1.5));animation-name:work-thumbnail-pan-x-zoomed;animation-duration:16s;top:50%}@media (prefers-reduced-motion:reduce){.work-thumbnail-pan-media{animation:none;left:50%;transform:translate(-50%)}.work-thumbnail-pan-media.is-zoomed{transform:translate(-50%,-50%)}}.work-split-title,.work-split-list p,.work-mobile-title,.work-mobile-copy p{transition:color .38s,border-color .38s}.work-t-apos{letter-spacing:0;margin-left:-.08em}.work-mobile-stack{gap:1.75rem;width:100%}@media (max-width:61.999rem){.work-mobile-stack{flex-direction:column;display:flex}}@media (min-width:62rem){.work-mobile-stack{display:none!important}}@media (min-width:480px) and (max-width:61.999rem){.work-mobile-stack{gap:2rem}}.work-mobile-item{width:100%;padding-left:var(--work-mobile-visual-margin-inline);padding-right:var(--work-mobile-visual-margin-inline);-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;align-items:center;display:flex}.work-mobile-item__focus{transform-origin:50%;will-change:filter, transform, opacity;flex-direction:column;align-items:center;width:100%;display:flex}.work-mobile-item:active .work-mobile-visual{opacity:.88}.work-mobile-item:active .work-mobile-title{color:var(--hover)}.work-mobile-item[data-work-mobile-active=true]:active .work-mobile-title{color:var(--red)}.work-mobile-visual{width:min(100%, var(--work-mobile-visual-max));min-width:min(100%, var(--work-mobile-visual-min));aspect-ratio:var(--work-mobile-visual-ratio);border-radius:var(--work-visual-radius);flex-shrink:0;height:auto;margin-left:auto;margin-right:auto;transition:opacity .2s;position:relative;overflow:hidden}.work-mobile-copy{width:min(100%, var(--work-mobile-visual-max));min-width:min(100%, var(--work-mobile-visual-min));flex-direction:column;gap:.25rem;margin-top:.625rem;margin-left:auto;margin-right:auto;display:flex}.work-mobile-title{white-space:normal;overflow-wrap:anywhere;max-width:100%}.work-project-page{max-width:100%}.work-case-wrap{max-width:100%;padding:max(calc(4rem - 45px), calc(env(safe-area-inset-top,0px) + 3.25rem - 45px)) 1.5rem .5rem}.work-project-page [data-footer-spacer]{padding-block:0!important}.work-case{width:100%;max-width:100%;margin:0}.work-case-header{margin-bottom:1.75rem}.work-case-title{color:var(--red);letter-spacing:-.03em;text-transform:uppercase;transform-origin:0 100%;font-size:clamp(2.5rem,9vw,5.5rem);font-weight:400;line-height:.88;animation:.62s cubic-bezier(.22,1,.36,1) both work-case-title-carry}@keyframes work-case-title-carry{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.work-case-title-part{display:block}.work-case-title-gap{display:none}@media (min-width:480px){.work-case-title-part,.work-case-title-gap{display:inline}}.work-case-category{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-top:.75rem;font-size:.75rem;animation:.62s cubic-bezier(.22,1,.36,1) 90ms both work-case-fade-up}@keyframes work-case-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0)}}.work-case-hero{margin-bottom:3rem;animation:.72s cubic-bezier(.22,1,.36,1) 60ms both work-case-hero-settle}.work-case-hero-cycle{position:absolute;inset:0}.work-case-hero-cycle__media{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.work-case-hero-cycle__media:after{content:"";z-index:1;pointer-events:none;background:#00000061;position:absolute;inset:0}.work-case-hero-cycle__slide{object-fit:cover;object-position:center 72%;opacity:0;pointer-events:none;width:100%;height:100%;transition-property:opacity;transition-timing-function:ease;position:absolute;inset:0}.work-case-hero-cycle__slide.is-active{opacity:1}.work-case-hero-cycle__stickers-scale{z-index:2;transform-origin:50%;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.work-case-hero-cycle__stickers{pointer-events:none;justify-content:center;align-items:center;gap:.75rem;width:100%;margin:0;padding:0 6%;list-style:none;display:flex;position:relative}.work-case-hero-cycle__sticker{transform-origin:50%;flex:none;width:min(54%,28.5rem)}.work-case-hero-cycle__sticker.is-salem{margin-inline-end:3.5rem}.work-case-hero-cycle__stickers-scale.is-compact .work-case-hero-cycle__stickers{gap:.1rem;padding:0 1.5%}.work-case-hero-cycle__stickers-scale.is-compact .work-case-hero-cycle__sticker{width:min(34%,8.5rem)}.work-case-hero-cycle__stickers-scale.is-compact .work-case-hero-cycle__sticker.is-salem,.work-case-hero-cycle__stickers-scale.is-compact .work-case-hero-cycle__sticker.is-hala{width:min(42%,10.5rem)}.work-case-hero-cycle__stickers-scale.is-compact .work-case-hero-cycle__sticker.is-salem{margin-inline-end:.2rem}.work-case-hero-cycle__stickers-scale.is-compact .work-case-hero-cycle__sticker.is-simsim{width:min(40%,10rem)}.work-case-hero-cycle__sticker-image{object-fit:contain;object-position:center;filter:drop-shadow(0 10px 18px #0000006b);-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}[data-theme=light] .work-case-hero-cycle__sticker-image{filter:none}.work-case-hero--stickers{overflow:hidden}.work-case--qalam .work-case-hero,.work-case--qalam .work-case-hero .work-case-hero-cycle__media{border-radius:0}@media (prefers-reduced-motion:reduce){.work-case-hero-cycle__slide{transition:none}}@keyframes work-case-hero-settle{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes work-case-hero-pan-x{0%{transform:translateY(-50%)}to{transform:translate(calc(100cqw - 100%),-50%)}}.work-case-hero:has(.work-case-hero-pan-media){container-type:inline-size}.work-case-hero-pan-media{will-change:transform;width:auto;max-width:none;height:190%;animation:16s ease-in-out infinite alternate work-case-hero-pan-x;display:block;position:absolute;top:31%;left:0}@media (prefers-reduced-motion:reduce){.work-case-hero-pan-media{animation:none;left:50%;transform:translate(-50%,-50%)}}.work-case-figure--hero-slot{width:100vw;max-width:100vw;margin-top:4.5rem;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.work-case-hero-slot{margin-bottom:0}.work-case-caption--hero-slot{margin-top:.125rem;padding-inline:1.5rem}#specimen-book-posters .work-case-split .work-case-caption{margin-bottom:1.25rem}.work-case-hero-poster{z-index:1}.work-case-hero--transparent,.work-case-hero-media--transparent,.work-case-media-frame--transparent{background:0 0!important}.work-case-hero-media--transparent{pointer-events:none;background:0 0!important}.work-case-media-frame--code video,.work-case-media-frame--transparent video,.work-case-hero-media--transparent video{background:0 0!important}.work-case-interactive-svg{background:0 0;width:100%;height:auto;display:block}.work-case-interactive-svg .qalam-mark-olive{fill:#858b3e;opacity:.18;transition:opacity .35s}.work-case-interactive-svg .qalam-mark-olive-stroke{fill:none;stroke:#858b3e;stroke-miterlimit:10;stroke-width:2px;opacity:.18;transition:opacity .35s}.work-case-interactive-svg .qalam-mark-blue{fill:#0daee4}.work-case-interactive-svg:hover .qalam-mark-olive,.work-case-interactive-svg:hover .qalam-mark-olive-stroke{opacity:1}.work-case-media-frame--transparent .work-case-interactive-svg{background:0 0!important}.work-case-figure--glyph-cycle{width:100%;margin:0}.anora-glyph-cycle{justify-content:center;align-items:center;width:100%;min-height:clamp(242px,37.4vw,572px);display:flex;overflow:hidden}.anora-glyph-cycle__glyph{letter-spacing:-.04em;text-align:center;color:var(--red);font-family:Anora Black,serif;font-size:clamp(7.7rem,22vw,17.6rem);font-weight:900;line-height:.82;display:block}@media (min-width:62rem){.work-case-section--intro .work-case-split{align-items:center}#cake-picnic .work-case-split:first-child>.work-case-media>.work-case-figure:first-child{margin-top:3.25rem}.work-case--uncommon-thread .work-case-section--intro .work-case-split,.work-case--qalam .work-case-section--intro .work-case-split,.work-case--uncommon-thread #production .work-case-split:not(.work-case-split--sub){align-items:start}.anora-glyph-cycle{min-height:clamp(308px,41.8vw,616px)}}.work-case-section{padding-top:2.5rem;padding-bottom:2.5rem}.work-case-section--intro{padding-top:0}.scroll-reveal{opacity:0;will-change:opacity, transform;pointer-events:none;transition:opacity .85s cubic-bezier(.4,0,.2,1),transform .85s cubic-bezier(.4,0,.2,1);transform:translateY(22px)}.scroll-reveal.is-visible{opacity:1;will-change:auto;pointer-events:auto;transform:translate(0)}.scroll-reveal.is-visible .work-case-heading{transform-origin:0 100%;animation:.48s cubic-bezier(.22,1,.36,1) both scroll-reveal-heading}.scroll-reveal.is-visible .work-case-body>p{animation:.72s cubic-bezier(.4,0,.2,1) both scroll-reveal-body}.scroll-reveal.is-visible .work-case-body>p:nth-child(2){animation-delay:70ms}.scroll-reveal.is-visible .work-case-body>p:nth-child(3){animation-delay:.13s}.scroll-reveal.is-visible .work-case-body>p:nth-child(n+4){animation-delay:.18s}.scroll-reveal.is-visible .work-case-caption,.scroll-reveal.is-visible .work-case-footer-note{animation:.64s cubic-bezier(.4,0,.2,1) .12s both scroll-reveal-caption}@keyframes scroll-reveal-heading{0%{opacity:.35;transform:scale(1.06)translateY(8px)}to{opacity:1;transform:scale(1)translate(0)}}@keyframes scroll-reveal-body{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translate(0)}}@keyframes scroll-reveal-caption{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;will-change:auto;transition:none;transform:none}.scroll-reveal.is-visible .work-case-heading,.scroll-reveal.is-visible .work-case-body>p,.scroll-reveal.is-visible .work-case-caption,.scroll-reveal.is-visible .work-case-footer-note{animation:none}}.work-case-split{grid-template-columns:minmax(0,1fr);align-items:start;gap:2rem;max-width:100%;display:grid}.work-case-split--sub{margin-top:2.5rem}.work-case-split--full{grid-template-columns:minmax(0,1fr)}.work-case-media--full{width:100%;max-width:100%}.work-case-figure--flipbook,.work-case-flipbook{width:100%}.work-case-flipbook__book{aspect-ratio:3278/2155;perspective:2200px;width:100%;display:flex;position:relative}.work-case-flipbook__side{width:50%;min-width:0;height:100%;position:relative}:is(.work-case-flipbook__side:has(img),.work-case-flipbook__leaf-face:has(img)){box-shadow:0 8px 20px #00000024}.work-case-flipbook__image{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.work-case-flipbook__leaf{width:50%;height:100%;transform-style:preserve-3d;z-index:3;position:absolute;top:0}.work-case-flipbook__leaf--next{transform-origin:0;animation:.62s ease-in-out both work-case-flipbook-turn-next;left:50%}.work-case-flipbook__leaf--prev{transform-origin:100%;animation:.62s ease-in-out both work-case-flipbook-turn-prev;left:0}.work-case-flipbook__leaf--hint{transform-origin:0;animation:.98s cubic-bezier(.45,.05,.25,1) both work-case-flipbook-turn-hint;left:50%}.work-case-flipbook__leaf-face{backface-visibility:hidden;position:absolute;inset:0}.work-case-flipbook__leaf-face--back{transform:rotateY(180deg)}@keyframes work-case-flipbook-turn-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes work-case-flipbook-turn-prev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes work-case-flipbook-turn-hint{0%{transform:rotateY(0)}42%{transform:rotateY(-88deg)}to{transform:rotateY(0)}}.work-case-flipbook__controls{justify-content:center;align-items:center;gap:1rem;margin-top:.875rem;display:flex}.work-case-flipbook__button{border:1px solid var(--red);justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.work-case-flipbook__button{border:1px solid color-mix(in srgb, var(--red) 45%, transparent)}}.work-case-flipbook__button{color:var(--red);cursor:pointer;background:0 0;font-size:1.125rem;line-height:1;transition:opacity .2s,background-color .2s}.work-case-flipbook__button:hover:not(:disabled){background:var(--red)}@supports (color:color-mix(in lab, red, red)){.work-case-flipbook__button:hover:not(:disabled){background:color-mix(in srgb, var(--red) 8%, transparent)}}.work-case-flipbook__button:disabled{opacity:.35;cursor:not-allowed}.work-case-flipbook__button--hint{animation:.98s ease-in-out both work-case-flipbook-arrow-hint}@keyframes work-case-flipbook-arrow-hint{0%,to{background:0 0;transform:translate(0)}42%{background:color-mix(in srgb, var(--red) 10%, transparent);transform:translate(.35rem)}}.work-case-flipbook__counter{text-align:center;letter-spacing:.08em;text-transform:uppercase;min-width:4.5rem;color:var(--fg-muted);font-size:.75rem}.work-case-caption--flipbook{text-align:center}.work-case--uncommon-thread .work-case-section--intro .work-case-caption{text-align:left;width:142.857%;margin-left:-21.43%}.work-case-flipbook__preload{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.work-case-flipbook__leaf--next,.work-case-flipbook__leaf--prev,.work-case-flipbook__leaf--hint,.work-case-flipbook__button--hint{animation-duration:1ms}}.work-case-media--empty{min-height:0}.work-case-copy{flex-direction:column;gap:1rem;min-width:0;display:flex}.work-case-heading{color:var(--red);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1.65rem,4.4vw,2.475rem);font-weight:400;line-height:.92}.work-case-code-window{--code-plain:#d4d4d4;--code-comment:#6a9955;--code-string:#ce9178;--code-keyword:#c586c0;--code-function:#dcdcaa;--code-variable:#9cdcfe;--code-constant:#4ec9b0;--code-number:#b5cea8;background:#000;border:1px solid #2a2a2a;width:100%;max-width:100%;overflow:hidden}.work-case-code-window__tabs{background:#000;border-bottom:1px solid #2a2a2a;align-items:flex-end;min-height:1.85rem;padding-left:.35rem;display:flex}.work-case-code-window__tab{color:#ccc;background:#000;border:1px solid #2a2a2a;border-bottom:none;align-items:center;height:1.7rem;padding:0 .85rem;font-family:Inconsolata,Monaco,Consolas,Courier New,monospace;font-size:.7rem;display:flex}.work-case-code-window__body{touch-action:pan-x;background:#000;height:11rem;overflow:hidden}.work-case-code-window__body::-webkit-scrollbar{display:none}.work-case-code-window__lines{will-change:transform;min-width:max-content;padding:.55rem 0 .85rem}.work-case-code-window__line{grid-template-columns:2.75rem minmax(0,max-content);align-items:start;min-height:1.45em;font-family:Inconsolata,Monaco,Consolas,Courier New,monospace;font-size:.72rem;line-height:1.45;display:grid}.work-case-code-window__line-number{color:#858585;text-align:right;-webkit-user-select:none;user-select:none;padding-right:.7rem}.work-case-code-window__line-code{white-space:pre;color:#d4d4d4;padding:0 .9rem 0 .75rem;display:block}[data-theme=light] .work-case-code-window{--code-plain:#333;--code-comment:#6a737d;--code-string:#0b7a53;--code-keyword:#a3159a;--code-function:#075d8c;--code-variable:#1f4e79;--code-constant:#7048c6;--code-number:#b64200;background:#fff;border-color:#d0d0d0}[data-theme=light] .work-case-code-window__tabs,[data-theme=light] .work-case-code-window__tab,[data-theme=light] .work-case-code-window__body{background:#fff;border-color:#d0d0d0}[data-theme=light] .work-case-code-window__tab,[data-theme=light] .work-case-code-window__line-code{color:#333}.work-case-body{max-width:36rem;color:var(--fg);flex-direction:column;gap:1rem;font-size:.9375rem;line-height:20px;display:flex}.work-case-link{color:var(--red);text-decoration:underline;-webkit-text-decoration-color:var(--red);-webkit-text-decoration-color:var(--red);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:.18em;text-decoration-thickness:1px;transition:opacity .2s}.work-case-link:hover{opacity:.72}.work-case-media{flex-direction:column;gap:1.75rem;min-width:0;max-width:100%;display:flex}.work-case-split--mobile-media-first{grid-template-areas:"copy""media""apps"}.work-case-split--mobile-media-first>.work-case-copy{grid-area:copy}.work-case-split--mobile-media-first>.work-case-media{grid-area:media}.work-case-split--mobile-media-first>.work-case-copy-media-wrap{grid-area:apps}.work-case-split--mobile-media-before-code{grid-template-areas:"copy""media""code"}.work-case-split--mobile-media-before-code.work-case-split--mobile-after-code-media{grid-template-areas:"copy""media""code""after""apps"}.work-case-split--mobile-media-before-code>.work-case-copy{grid-area:copy}.work-case-split--mobile-media-before-code>.work-case-media{grid-area:media}.work-case-split--mobile-media-before-code>.work-case-detached-code-window{grid-area:code;width:100%}.work-case-split--mobile-after-code-media>.work-case-media--after-code{grid-area:after}.work-case-split--mobile-after-code-media>.work-case-copy-media-wrap{grid-area:apps}.work-case-media--after-code{display:none}.work-case-media-desktop-after-code{flex-direction:column;gap:1.75rem;width:100%;display:flex}@media (max-width:61.999rem){.work-case-media-desktop-after-code{display:none}.work-case-split--mobile-after-code-media>.work-case-media--after-code{display:flex}}.work-case-media-row-wrap{width:100%}.work-case-row-caption{text-align:right}.work-case-media-row{justify-content:flex-end;align-items:stretch;gap:.875rem;width:100%;margin-top:1.5rem;display:flex}.work-case-media-row .work-case-figure{flex:0 0 calc(17.0242% - .595846rem);align-self:stretch;width:auto;min-width:0}.work-case-media-row--pair{justify-content:flex-start}.work-case-media-row--pair .work-case-figure{flex:calc(50% - .4375rem)}.work-case-media-row--triptych{filter:drop-shadow(0 8px 18px #00000024);flex-wrap:nowrap;justify-content:flex-start;gap:0}.work-case-media-row--triptych .work-case-figure{flex:1 1 0;width:33.333%}.work-case--qalam #character-design .work-case-media-frame{max-height:16rem;overflow:visible}.work-case--qalam #outcome .work-case-figure{align-self:center;width:min(100%,18rem);max-width:100%;margin-inline:auto;transform:none}.work-case--qalam #outcome .work-case-media-frame{width:100%}.work-case--qalam #outcome .work-case-media-frame img{filter:drop-shadow(0 4px 10px #0000002e);width:100%;height:auto;display:block}@media (min-width:480px){.work-case--qalam #outcome .work-case-figure{width:min(100%,20rem)}}@media (min-width:62rem){.work-case--qalam #outcome .work-case-figure{width:min(100%,22.5rem);margin-inline:0;transform:translate(-80px)}}[data-theme=light] .work-case--qalam #outcome .work-case-media-frame img{filter:drop-shadow(0 3px 8px #0000001f)}.work-case--qalam #character-design .work-case-media-frame img{filter:drop-shadow(0 8px 16px #0006);object-fit:contain;object-position:center center}[data-theme=light] .work-case--qalam #character-design .work-case-media-frame img,[data-theme=light] .work-case--qalam #character-design .work-case-media-row--triptych{filter:none}@media (min-width:62rem){.work-case--qalam #character-design .work-case-media{margin-top:calc(clamp(1.65rem,4.4vw,2.475rem)/1.08696 + 1rem - 120px)}}.work-case--qalam #process .work-case-split--sub .work-case-copy{padding-top:130px}.work-case-cast{width:100%;max-width:none;margin-inline:0}.work-case-cast-stage{place-items:start center;width:100%;min-height:0;padding:0;display:grid;position:relative;overflow:visible}.work-case-cast-slide{transform-origin:50% 88%;will-change:transform, opacity;backface-visibility:hidden;grid-area:1/1;justify-content:center;align-items:flex-end;width:100%;max-width:min(26rem,88%);margin-inline:auto;display:flex}.work-case-cast-slide.is-slapping{z-index:2;animation:.9s cubic-bezier(.22,1.15,.36,1) both work-case-cast-slap}.work-case-cast-slide.is-leaving{z-index:1;pointer-events:none;animation:.42s cubic-bezier(.4,0,.2,1) both work-case-cast-peel}.work-case-cast-slide.is-static{opacity:1;transform:none}.work-case-cast-image{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 18px #0000006b);-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;max-height:clamp(14rem,32vw,20rem);display:block}[data-theme=light] .work-case-cast-image{filter:none}.work-case-cast-preload{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.work-case-cast-name{text-align:center;letter-spacing:.04em;text-transform:uppercase;opacity:1;margin:.65rem 0 0;font-size:.95rem}.work-case-cast-name.is-slapping{animation:.64s cubic-bezier(.22,1,.36,1) .12s both work-case-cast-name-in}.work-case-cast-caption{text-align:center;margin-top:.35rem}@keyframes work-case-cast-slap{0%{opacity:0;transform:translate3d(var(--cast-from-x,0), -12%, 0) rotate(var(--cast-from-rot,-12deg)) scale(1.12)}42%{opacity:1;transform:translate3d(0, 1.6%, 0) rotate(calc(var(--cast-from-rot,-12deg) * -.12)) scale(.97)}68%{transform:translateY(-.6%)rotate(.8deg)scale(1.015)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes work-case-cast-peel{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translate3d(var(--cast-leave-x,0), 6%, 0) rotate(var(--cast-leave-rot,-6deg)) scale(.9)}}@keyframes work-case-cast-name-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.work-case-cast-slide.is-slapping,.work-case-cast-slide.is-leaving,.work-case-cast-name.is-slapping{animation:none!important}}@media (max-width:640px){.work-case-cast-slide{max-width:92%}.work-case-cast-image{max-height:13rem}}.work-case-site-embed{width:100%}.work-case-site-embed__window{border:1px solid var(--fg);flex-direction:column;width:100%;display:flex}@supports (color:color-mix(in lab, red, red)){.work-case-site-embed__window{border:1px solid color-mix(in srgb, var(--fg) 18%, transparent)}}.work-case-site-embed__window{background:#fff8f2;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #00000047}[data-theme=light] .work-case-site-embed__window{border-color:#0000001f;box-shadow:0 14px 32px #0000001f}.work-case-site-embed__chrome{border-bottom:1px solid var(--fg);flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem .85rem;display:grid}@supports (color:color-mix(in lab, red, red)){.work-case-site-embed__chrome{border-bottom:1px solid color-mix(in srgb, var(--fg) 12%, transparent)}}.work-case-site-embed__chrome{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.work-case-site-embed__chrome{background:color-mix(in srgb, var(--bg) 70%, var(--fg))}}[data-theme=light] .work-case-site-embed__chrome{background:#ebe7e0;border-bottom-color:#0000001a}.work-case-site-embed__dots{gap:.4rem;padding-inline:.15rem;display:flex}.work-case-site-embed__dots span{background:var(--fg);border-radius:999px;width:.6rem;height:.6rem}@supports (color:color-mix(in lab, red, red)){.work-case-site-embed__dots span{background:color-mix(in srgb, var(--fg) 28%, transparent)}}.work-case-site-embed__dots span:first-child{background:#ff5f57}.work-case-site-embed__dots span:nth-child(2){background:#febc2e}.work-case-site-embed__dots span:nth-child(3){background:#28c840}.work-case-site-embed__url{background:var(--bg);border-radius:999px;min-width:0;padding:.35rem .85rem;display:block}@supports (color:color-mix(in lab, red, red)){.work-case-site-embed__url{background:color-mix(in srgb, var(--bg) 88%, var(--fg))}}.work-case-site-embed__url{color:var(--fg-muted,var(--fg));letter-spacing:.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;text-decoration:none;overflow:hidden}[data-theme=light] .work-case-site-embed__url{color:#0000009e;background:#fff}.work-case-site-embed__url:hover,.work-case-site-embed__open:hover{opacity:.78}.work-case-site-embed__open{color:var(--fg-muted,var(--fg));letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:.72rem;text-decoration:none}.work-case-site-embed__viewport{background:#fff8f2;flex:none;width:100%;line-height:0;position:relative;overflow:hidden}.work-case-site-embed__frame{transform-origin:0 0;pointer-events:auto;background:#fff8f2;border:0;position:absolute;top:0;left:0;width:1440px!important;max-width:none!important;height:900px!important}.work-case-site-embed__cursor{pointer-events:none;z-index:3;will-change:transform;width:24px;height:24px;margin:-2px 0 0 -2px;line-height:0;transition:transform 1.1s cubic-bezier(.4,0,.2,1),opacity .26s;position:absolute;top:0;left:0}.work-case-site-embed__viewport.is-live .work-case-site-embed__cursor,.work-case-site-embed__viewport.is-live .work-case-site-embed__hint{opacity:0}.work-case-site-embed__cursor-arrow{z-index:2;filter:drop-shadow(0 2px 3px #00000059);display:block;position:relative}.work-case-site-embed__cursor-ring{opacity:0;z-index:1;background:#ffffff8c;border-radius:999px;width:10px;height:10px;position:absolute;top:2px;left:2px;transform:translate(-50%,-50%)scale(0)}.work-case-site-embed__cursor.is-clicking .work-case-site-embed__cursor-ring{animation:.52s ease-out work-case-embed-click}.work-case-site-embed__cursor.is-clicking .work-case-site-embed__cursor-arrow{animation:.26s ease-out work-case-embed-press}@keyframes work-case-embed-click{0%{opacity:.85;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(4)}}@keyframes work-case-embed-press{0%,to{transform:scale(1)}45%{transform:scale(.82)}}.work-case-site-embed__hint{z-index:3;color:#fff;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#0000009e;border-radius:999px;padding:.28rem .6rem;font-size:.66rem;transition:opacity .26s;position:absolute;bottom:.7rem;right:.7rem}@media (prefers-reduced-motion:reduce){.work-case-site-embed__cursor{display:none}}.work-case-interface{width:100%;margin:0}.work-case-interface__stage{background:radial-gradient(at 14% 18%,#14ade517,#0000 44%),radial-gradient(at 86% 82%,#9d72c51c,#0000 40%),linear-gradient(165deg,#fff8f2 0%,#f4ebe2 100%);border-radius:1.4rem;grid-template-columns:minmax(4.5rem,auto) minmax(0,1fr);align-items:center;gap:1.5rem 2rem;width:100%;min-height:22rem;padding:1.6rem 1.5rem 1.7rem;display:grid;box-shadow:inset 0 0 0 1px #e4ddd5f2}.work-case-interface__hero{justify-content:center;display:flex}.work-case-interface__toolbar{background:#fff8f2;border:2px solid #2a6878;border-radius:1.9rem;flex-direction:column;align-items:center;gap:.5rem;width:fit-content;padding:.85rem .7rem .95rem;display:inline-flex;box-shadow:0 16px 36px #1919231a,0 3px 8px #1919230d}.work-case-interface__toolbar-handle{gap:.2rem;padding:.2rem 0 .35rem;display:flex}.work-case-interface__toolbar-handle>span{background:#2a687852;border-radius:999px;width:.3rem;height:.3rem}.work-case-interface__tool{cursor:pointer;background:0 0;border:0;border-radius:.9rem;justify-content:center;align-items:center;width:2.45rem;height:2.45rem;transition:background .15s,transform .15s;display:flex}.work-case-interface__tool:hover{background:#2a687812}.work-case-interface__tool:focus-visible{outline-offset:2px;outline:2px solid #2a6878}.work-case-interface__tool svg{opacity:.38;transition:opacity .15s}.work-case-interface__tool.is-active{background:#2a68781f}.work-case-interface__tool.is-active svg{opacity:.9}.work-case-interface__tool--clear svg{opacity:.38}.work-case-interface__toolbar-divider{background:#2a68782e;width:1.45rem;height:1px;margin:.2rem 0}.work-case-interface__toolbar-swatch{cursor:pointer;border:0;border-radius:999px;width:1.7rem;height:1.7rem;padding:0;transition:transform .15s,box-shadow .15s;box-shadow:inset 0 0 0 1px #1919230f}.work-case-interface__toolbar-swatch:hover{transform:scale(1.12)}.work-case-interface__toolbar-swatch:focus-visible{outline-offset:2px;outline:2px solid #2a6878}.work-case-interface__toolbar-swatch.is-active{transform:scale(1.08);box-shadow:0 0 0 2px #fff8f2,0 0 0 3.5px #191923}.work-case-interface__side{gap:1.45rem;min-width:0;display:grid}.work-case-interface__marks{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.work-case-interface__glyph{color:#2a6878;background:#ffffff9e;border-radius:1.05rem;justify-content:center;align-items:center;width:3.35rem;height:3.35rem;display:inline-flex;box-shadow:inset 0 0 0 1px #e4ddd5fa,0 6px 16px #1919230d}.work-case-interface__hamburger,.work-case-interface__close{width:1.25rem;height:.9rem;display:block;position:relative}.work-case-interface__hamburger>span,.work-case-interface__close>span{background:currentColor;border-radius:999px;width:100%;height:2px;display:block;position:absolute;left:0}.work-case-interface__hamburger>span:first-child{top:0}.work-case-interface__hamburger>span:nth-child(2){top:50%;transform:translateY(-50%)}.work-case-interface__hamburger>span:nth-child(3){bottom:0}.work-case-interface__close>span:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.work-case-interface__close>span:nth-child(2){top:50%;transform:translateY(-50%)rotate(-45deg)}.work-case-interface__nuqta{width:1.4rem;height:1.4rem;display:block;position:relative}.work-case-interface__nuqta-ring,.work-case-interface__nuqta-dot{border-radius:999px;position:absolute}.work-case-interface__nuqta-ring{border:1.5px solid #2a687880;inset:0}.work-case-interface__nuqta-dot{background:#2a6878;width:.42rem;height:.42rem;top:50%;left:50%;transform:translate(-50%,-50%)}.work-case-interface__dots{align-items:center;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.work-case-interface__dot{cursor:pointer;border:0;border-radius:999px;width:.78rem;height:.78rem;padding:0;transition:transform .15s,box-shadow .15s;display:block;position:relative;box-shadow:0 0 0 5px #fff6}.work-case-interface__dot:hover{transform:scale(1.15)}.work-case-interface__dot:focus-visible{outline-offset:3px;outline:2px solid}.work-case-interface__dot-tip{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#fff8f2;border-radius:.4rem;padding:.1rem .4rem;font-size:.6rem;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)translateY(.2rem);box-shadow:0 4px 12px #1919231f}.work-case-interface__dot:hover .work-case-interface__dot-tip,.work-case-interface__dot.is-active .work-case-interface__dot-tip,.work-case-interface__dot:focus-visible .work-case-interface__dot-tip{opacity:1;transform:translate(-50%)translateY(0)}.work-case-interface__typefaces{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.work-case-interface__type{background:#ffffffb3;border-radius:1rem;grid-template-rows:minmax(3.4rem,auto) auto;gap:.55rem;min-width:0;padding:.85rem .8rem .75rem;display:grid;box-shadow:inset 0 0 0 1px #e4ddd5fa}.work-case-interface__type-preview{justify-content:center;align-items:center;min-height:3.2rem;display:flex}.work-case-interface__type-sample{color:#191923;justify-content:center;align-items:center;font-size:2rem;line-height:1;display:flex}.work-case-interface__type-image{object-fit:contain;object-position:center;width:100%;max-width:7.5rem;height:2.6rem;display:block}.work-case-interface__type-meta{text-align:center;gap:.18rem;min-width:0;display:grid}.work-case-interface__type-name,.work-case-interface__type-role{display:block}.work-case-interface__type-name{color:#191923;font-size:.8rem;line-height:1.25}.work-case-interface__type-role{letter-spacing:.08em;text-transform:uppercase;color:#1919237a;font-size:.64rem}.work-case-interface__palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.work-case-interface__swatch{gap:.4rem;min-width:0;display:grid}.work-case-interface__chip{aspect-ratio:1;cursor:pointer;border:0;border-radius:.9rem;width:100%;padding:0;transition:transform .15s,box-shadow .15s;display:block;box-shadow:inset 0 0 0 1px #1919230f,0 8px 18px #1919230f}.work-case-interface__chip:hover{transform:translateY(-2px)}.work-case-interface__chip:focus-visible{outline-offset:2px;outline:2px solid #2a6878}.work-case-interface__chip.is-active{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #1919230f,0 0 0 2px #fff8f2,0 0 0 4px #191923,0 8px 18px #1919231f}.work-case-interface__swatch-meta{text-align:center;gap:.08rem;min-width:0;display:grid}.work-case-interface__swatch-name,.work-case-interface__swatch-hex{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.work-case-interface__swatch-name{color:#191923;font-size:.68rem}.work-case-interface__swatch-hex{letter-spacing:.04em;text-transform:uppercase;color:#19192373;font-size:.58rem}.work-case-interface__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.work-case-interface__card-item{min-width:0;display:block}.work-case-interface__card{text-align:left;width:100%;min-width:0;font:inherit;cursor:pointer;background:#fff8f2;border:2px solid;border-radius:1.35rem;gap:.55rem;padding:.85rem .85rem .95rem;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 8px 22px #19192312}.work-case-interface__card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #1919231f}.work-case-interface__card:focus-visible{outline-offset:3px;outline:2px solid #2a6878}.work-case-interface__card-head{gap:.2rem;min-width:0;display:grid}.work-case-interface__card-title{font-size:.95rem;font-weight:700;line-height:1.15;display:block}.work-case-interface__card-arabic{object-fit:contain;object-position:right center;width:auto;max-width:100%;height:1.35rem;margin-left:auto;display:block}.work-case-interface__card-media{aspect-ratio:16/10;background:#fff9;border-radius:.7rem;justify-content:center;align-items:center;display:flex;overflow:hidden}.work-case-interface__card-media img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.work-case-interface__card-rule{border:0;border-top:1px solid;width:100%;margin:0;display:block}.work-case-interface__card-subtitle{margin:0;font-size:.72rem;font-weight:700;line-height:1.3;display:block}.work-case-interface__caption{margin-top:.7rem}@media (max-width:39.99rem){.work-case-interface__stage{grid-template-columns:1fr;justify-items:start;gap:1.35rem;min-height:0;padding:1.25rem}.work-case-interface__typefaces,.work-case-interface__palette{grid-template-columns:repeat(2,minmax(0,1fr))}.work-case-interface__cards{grid-template-columns:1fr}}@media (min-width:62rem){.work-case--qalam #product .work-case-split{grid-template-columns:minmax(0,28%) minmax(0,68%);column-gap:4%}.work-case--qalam #interface-character-design .work-case-split{grid-template-columns:minmax(0,30%) minmax(0,66%);column-gap:4%}.work-case-interface__stage{gap:1.9rem 2.4rem;min-height:24rem;padding:1.9rem 2rem}.work-case-interface__toolbar{border-radius:2.1rem;padding:1rem .8rem 1.1rem}.work-case-interface__tool{width:2.7rem;height:2.7rem}.work-case-interface__toolbar-swatch{width:1.85rem;height:1.85rem}}.work-case-copy-media-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-width:36rem;display:grid}.work-case-copy-media-wrap{width:100%;max-width:36rem}.work-case-copy-media-wrap .work-case-copy-media-row{max-width:none;margin-top:0}.work-case-copy-media-caption{margin-top:.625rem}.work-case-copy-media-row .work-case-figure{width:100%}.work-case-media-row .work-case-figure--row-wide{flex:0 0 calc(31.9033% - 1.11662rem)}.work-case-media-row .work-case-figure--row-natural{align-self:start}.work-case-media-enlarge{width:100%;color:inherit;text-align:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.work-case-media-enlarge>*{pointer-events:none}.work-case-media-enlarge:focus-visible{outline:2px solid var(--red);outline-offset:3px}.work-case-lightbox{z-index:10000;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;padding:clamp(1rem,4vw,2.5rem);animation:.22s both work-case-lightbox-backdrop;display:flex;position:fixed;inset:0}.work-case-lightbox__frame{outline-offset:6px;outline:2px solid #0000;max-width:min(92vw,1200px);max-height:92vh;animation:.32s cubic-bezier(.22,1,.36,1) both work-case-lightbox-frame,.42s cubic-bezier(.22,1,.36,1) both work-case-lightbox-flash;position:relative}.work-case-lightbox__image{width:auto;max-width:min(92vw,1200px);height:auto;max-height:92vh;display:block}.work-case-lightbox__image-fill{width:min(92vw,1200px);height:min(92vh,900px);position:relative}@keyframes work-case-lightbox-backdrop{0%{opacity:0}to{opacity:1}}@keyframes work-case-lightbox-frame{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes work-case-lightbox-flash{0%{outline-color:var(--red)}55%{outline-color:var(--red)}to{outline-color:#0000}}@media (prefers-reduced-motion:reduce){.work-case-lightbox,.work-case-lightbox__frame{animation:none}}@media (max-width:47.999rem){.work-case-media-row{flex-wrap:wrap;gap:.875rem;width:100%;margin-left:0}.work-case-media-row .work-case-figure{flex:calc(50% - .4375rem)}.work-case-media-row .work-case-figure--row-wide{flex:100%}.work-case-media-row--triptych{flex-wrap:nowrap;gap:0}.work-case-media-row--triptych .work-case-figure{flex:1 1 0;width:33.333%}}.work-case-media .work-case-figure{align-self:flex-end;width:100%}.work-case-figure{min-width:0;max-width:100%;margin:0}.work-case-media-frame--paper-scan{overflow:visible}.work-case-scattered{width:100%;max-width:min(100%,28rem);margin-inline:auto}.work-case-scattered-stage{aspect-ratio:1.55;width:100%;position:relative;overflow:visible}.work-case-scattered-item{transform-origin:50%;filter:drop-shadow(0 6px 14px #00000047);width:30%;height:42%;position:absolute}.work-case-scattered-image{object-fit:contain;object-position:center center;background:0 0;border-radius:1px;width:100%;height:100%;display:block}[data-theme=light] .work-case-scattered-item{filter:drop-shadow(0 5px 12px #0000002e)}@media (min-width:900px){.work-case-scattered{max-width:26rem;margin-inline:0}}.work-case-media-frame--video-controls{background-color:#000;overflow:visible}.work-case-video--controls{background-color:#000}.work-case-media-frame--paper-scan img,.work-case-media-frame--paper-scan video{filter:drop-shadow(0 10px 28px #00000073)}[data-theme=light] .work-case-media-frame--paper-scan img,[data-theme=light] .work-case-media-frame--paper-scan video{filter:drop-shadow(0 8px 22px #00000029)}.work-case-media-frame--styled{box-sizing:border-box;padding:4%;overflow:visible}.work-case-media-rotate{transform-origin:50%;position:absolute;inset:0}.work-case-media-crop{width:100%;height:100%;position:relative;overflow:hidden}.work-case-code-embed canvas{display:block;width:100%!important;height:100%!important}.work-case-code-embed canvas:nth-of-type(n+2){width:0!important;height:0!important;display:none!important}.work-case-media-frame--code{background:0 0;overflow:hidden}.work-case-code-shell{background:0 0}.work-case-code-controls{z-index:1;background:0 0;justify-content:flex-start;gap:.375rem;margin-top:-60px;padding:.25rem 0 0;display:flex;position:relative}.work-case-caption--code{margin-top:.5rem}.work-case-video-controls{background:0 0;justify-content:flex-start;gap:.375rem;margin-top:.75rem;display:flex}.work-case-caption-key{color:inherit;font:inherit;line-height:inherit;pointer-events:none;background:0 0;border:0;margin:0;padding:0;display:inline}@media (max-width:61.999rem){.work-case-caption-key{color:var(--red);pointer-events:auto;cursor:pointer;text-underline-offset:.14em;-webkit-tap-highlight-color:transparent;text-decoration:underline}}.work-case-code-control{border:1px solid var(--border);min-width:4.5rem;color:var(--fg-muted);font-family:var(--font-secondary);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;padding:.35rem .75rem;font-size:.6875rem;transition:color .15s,border-color .15s,background-color .15s}.work-case-code-control:hover{color:var(--fg);border-color:var(--fg-subtle)}.work-case-code-control--active{color:var(--red);border-color:var(--red)}@supports (color:color-mix(in lab, red, red)){.work-case-code-control--active{border-color:color-mix(in srgb, var(--red) 45%, var(--border))}}.work-case-code-control--active{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.work-case-code-control--active{background:color-mix(in srgb, var(--red) 8%, transparent)}}.work-case-caption{color:var(--fg-muted);margin-top:.625rem;font-size:.75rem;line-height:18px}.work-case-footer-note{color:var(--fg-muted);margin-top:3rem;font-size:.75rem;line-height:18px}.work-case-next{border-top:1px solid var(--fg);margin-top:2.5rem;padding-top:1rem}@supports (color:color-mix(in lab, red, red)){.work-case-next{border-top:1px solid color-mix(in srgb, var(--fg) 14%, transparent)}}.work-case-next__link{color:inherit;text-decoration:none;display:block}.work-case-next__label{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:.35rem;font-size:.6875rem;transition:color .28s cubic-bezier(.22,1,.36,1);display:block}.work-case-next__row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.work-case-next__title{color:var(--red);letter-spacing:-.03em;text-transform:uppercase;transform-origin:0 100%;will-change:transform;font-size:clamp(2.25rem,8vw,4.75rem);font-weight:400;line-height:.88;transition:transform .36s cubic-bezier(.22,1,.36,1)}.work-case-next__title-part{display:block}.work-case-next__title-gap{display:none}.work-case-next__arrow{color:var(--red);flex-shrink:0;font-size:clamp(1.75rem,5vw,3rem);line-height:1;transition:transform .28s cubic-bezier(.22,1,.36,1);transform:translate(0)}.work-case-next__category{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-top:.75rem;font-size:.75rem;transition:color .28s cubic-bezier(.22,1,.36,1);display:block}.work-case-next__link:hover .work-case-next__title,.work-case-next__link:focus-visible .work-case-next__title{transform:scale(1.06)}.work-case-next__link:hover .work-case-next__arrow,.work-case-next__link:focus-visible .work-case-next__arrow{transform:translate(1rem)}.work-case-next__link:hover .work-case-next__label,.work-case-next__link:focus-visible .work-case-next__label,.work-case-next__link:hover .work-case-next__category,.work-case-next__link:focus-visible .work-case-next__category{color:var(--fg)}.work-case-next__link:focus-visible{outline:2px solid var(--red);outline-offset:6px}@media (min-width:480px){.work-case-next__title-part,.work-case-next__title-gap{display:inline}}@media (prefers-reduced-motion:reduce){.work-case-title,.work-case-category,.work-case-hero{animation:none}.work-case-next__title,.work-case-next__arrow{transition:none}.work-case-next__link:hover .work-case-next__title,.work-case-next__link:focus-visible .work-case-next__title,.work-case-next__link:hover .work-case-next__arrow,.work-case-next__link:focus-visible .work-case-next__arrow{transform:none}.work-case-next__link:hover .work-case-next__arrow,.work-case-next__link:focus-visible .work-case-next__arrow{transform:translate(.4rem)}}@media (min-width:480px){.work-case-wrap{padding-left:2.5rem;padding-right:2.5rem}.work-case-body{font-size:1rem}.work-case-caption{font-size:.8125rem}}@media (min-width:1600px){.work-case-body{font-size:1.125rem;line-height:22px}}@media (min-width:768px){.work-case-wrap{padding-bottom:1rem;padding-left:3rem;padding-right:3rem}.work-case-section{padding-top:3rem;padding-bottom:3rem}.work-case-hero{margin-bottom:3.5rem}}@media (min-width:62rem){.work-case-wrap{padding:calc(4.5rem - 45px) 2rem 1rem 1rem}.work-case-split{grid-template-columns:minmax(0,35%) minmax(0,58%);gap:2.5rem 7%}.work-case-split--mobile-media-first{grid-template-areas:"copy media""apps media"}.work-case-split--mobile-media-before-code{grid-template-areas:"copy media""code media";row-gap:1rem}.work-case-split--mobile-media-before-code.work-case-split--mobile-after-code-media{grid-template-areas:"copy media""code media""apps media"}.work-case-split--mobile-after-code-media>.work-case-media--after-code{display:none}.work-case-split--sub{margin-top:3rem}.work-case-header{margin-bottom:2rem}.work-case-body,.work-case-copy-media-row,.work-case-copy-media-wrap{max-width:none}}@media (min-width:80rem){.work-case-wrap{padding:calc(5rem - 45px) 2.5rem 6rem 1.25rem}}.about-page{position:relative}.about-layout{width:100%;padding:max(5rem, calc(env(safe-area-inset-top,0px) + 4.5rem)) 1.5rem 3rem;flex:1;position:relative}.about-page>footer{z-index:1;background-color:var(--bg);position:relative}.about-sketch{z-index:0;pointer-events:none;opacity:1;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.selection-invert::selection,.selection-invert ::selection{color:var(--selection-accent)!important;-webkit-text-fill-color:var(--selection-accent)!important;background:0 0!important}.selection-invert::-moz-selection{color:var(--selection-accent)!important;background:0 0!important}.selection-invert ::-moz-selection{color:var(--selection-accent)!important;background:0 0!important}[data-ocean-wave]{z-index:0;position:relative}[data-ocean-wave] canvas{pointer-events:auto}.about-sketch,[data-ocean-wave]{-webkit-mask-image:linear-gradient(#000 0% calc(100% - 2.5rem),#000000d1 calc(100% - 1.75rem),#00000080 calc(100% - 1rem),#0003 calc(100% - .5rem),#0000 100%);mask-image:linear-gradient(#000 0% calc(100% - 2.5rem),#000000d1 calc(100% - 1.75rem),#00000080 calc(100% - 1rem),#0003 calc(100% - .5rem),#0000 100%)}html.theme-fallback-transition .about-sketch{opacity:0;pointer-events:none;transition:none!important}.about-sketch canvas{display:block;background:0 0!important}@media (min-width:480px){.about-layout{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:768px){.about-layout{padding-left:3rem;padding-right:3rem;padding-top:max(5.5rem, calc(env(safe-area-inset-top,0px) + 5rem));padding-bottom:4rem}}@media (min-width:62rem){.about-layout{padding:6rem 4rem 5rem}}@media (min-width:80rem){.about-layout{padding:7rem 5rem 6rem}}.about-grid{z-index:1;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.about-intro{grid-column:1}.about-visual{grid-column:1;width:100%;max-width:340px;margin-left:auto;margin-right:auto}.about-location-block{flex-direction:column;gap:.125rem;display:flex}.about-location-city{font-size:1.5125rem;line-height:.9}.about-location-flip{vertical-align:bottom;min-width:11.5em;height:.9em;display:inline-block;position:relative;overflow:clip}.about-location-flip-layer{white-space:nowrap;line-height:.9;display:block;position:absolute;top:0;left:0}.about-heading{font-size:1.375rem}.about-me-title{font-size:2rem}.about-connect-title{font-size:2.1rem}.about-t-apos{letter-spacing:.02em;margin-left:max(0px,.1em - 1px)}.about-me-sofar{letter-spacing:.02em;margin-top:.25rem;font-size:.6875rem;font-weight:400}@media (min-width:480px){.about-heading{font-size:1.625rem}.about-me-title{font-size:2.5rem}.about-connect-title{font-size:2.625rem}.about-location-city{font-size:1.7875rem}.about-me-sofar{font-size:.75rem}}@media (min-width:62rem){.about-heading{font-size:2rem}.about-me-title{font-size:3rem}.about-connect-title{font-size:3.15rem}.about-location-city{font-size:2.2rem}.about-me-sofar{font-size:.8125rem}}.about-visual-inner{aspect-ratio:817/1024;border-radius:var(--work-visual-radius);transition:transform .9s cubic-bezier(.33,1,.68,1);position:relative;overflow:hidden}.about-visual-inner--active{transform:scale(1.015)}.about-portrait-frame{border-radius:inherit;opacity:0;pointer-events:none;border:1px solid #0000;transition:opacity .6s,border-color .6s;position:absolute;inset:0}.about-visual-inner--active .about-portrait-frame{opacity:1;border-color:var(--red)}.about-portrait-image{will-change:transform;transition:opacity .38s,transform .9s cubic-bezier(.33,1,.68,1)}.about-visual-inner--active .about-portrait-image{transition:opacity .38s,transform 80ms linear}.about-portrait-image--light,[data-theme=light] .about-portrait-image--dark{opacity:0}[data-theme=light] .about-portrait-image--light{opacity:1}@keyframes about-reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translate(0)}}.about-bio-paragraph{animation:.9s cubic-bezier(.4,0,.2,1) both about-reveal}.about-contact-link{letter-spacing:.12em;text-transform:uppercase;text-underline-offset:3px;transform-origin:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:.125rem 0;font-size:.6875rem;text-decoration:underline;transition:color .38s,filter .75s cubic-bezier(.4,0,.2,1),transform .75s cubic-bezier(.33,1,.68,1);display:inline-block}.about-bio p{transition:color .38s}@media (min-width:480px){.about-contact-link{font-size:.75rem}}@media (prefers-reduced-motion:reduce){html.theme-fallback-transition{transition:none}html.theme-fallback-transition,html.theme-fallback-transition *{transition:none!important}.work-grey-box,.about-portrait-image{transition:none}.about-bio-paragraph{animation:none}.about-visual-inner,.about-portrait-image{transition:none!important;transform:none!important}}.about-copy{flex-direction:column;grid-column:1;gap:1.25rem;max-width:34rem;display:flex}.about-bio{flex-direction:column;gap:1rem;display:flex}.about-connect-section{flex-direction:column;gap:.875rem;margin-top:2.5rem;padding-top:2.5rem;display:flex}.about-contact{flex-wrap:wrap;gap:.75rem 1rem;display:flex}@media (max-width:61.999rem){.about-contact{flex-flow:column;align-items:stretch;gap:.5rem;width:100%}.about-contact-link{width:100%;padding:.25rem 0;line-height:1.5;display:block}}@media (min-width:480px){.about-grid{gap:1.75rem}.about-visual{max-width:380px}.about-connect-section{margin-top:3rem;padding-top:3rem}}@media (min-width:62rem){.about-grid{grid-template-rows:auto 1fr;grid-template-columns:minmax(260px,380px) minmax(0,1fr);align-items:start;gap:1.25rem 4rem}.about-intro{grid-area:1/1}.about-visual{grid-area:2/1;width:100%;max-width:none;margin-left:0;margin-right:0}.about-copy{grid-area:1/2/span 2;align-self:start;gap:1.5rem;max-width:36rem;padding-top:.25rem}.about-connect-section{margin-top:3.5rem;padding-top:3.5rem}}@media (min-width:80rem){.about-grid{column-gap:5rem}}@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-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-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-ease{syntax:"*";inherits:false}@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}