@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:var(--sv-font-sans);--font-mono:var(--sv-font-mono);--color-black:#000;--font-weight-normal:400;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--sv-font-sans);--default-mono-font-family:var(--sv-font-mono);--font-editorial:var(--sv-font-editorial)}}@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}*,:before,:after{border-color:var(--sv-border)}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.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}.inset-0{inset:0}.top-1\/2{top:50%}.top-16{top:16px}.right-16{right:16px}.left-1\/2{left:50%}.z-50{z-index:50}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.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-4{margin-inline:-4px}.mx-auto{margin-inline:auto}.my-4{margin-block:4px}.my-24{margin-block:24px}.my-48{margin-block:48px}.mt-2{margin-top:2px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-20{width:20px;height:20px}.size-32{width:32px;height:32px}.size-64{width:64px;height:64px}.h-12{height:12px}.h-24{height:24px}.h-32{height:32px}.h-40{height:40px}.h-px{height:1px}.min-h-dvh{min-height:100dvh}.w-40{width:40px}.w-64{width:64px}.w-96{width:96px}.w-\[180px\]{width:180px}.w-full{width:100%}.max-w-\[220px\]{max-width:220px}.max-w-\[280px\]{max-width:280px}.max-w-\[440px\]{max-width:440px}.max-w-\[640px\]{max-width:640px}.max-w-\[960px\]{max-width:960px}.min-w-0{min-width:0}.min-w-\[180px\]{min-width:180px}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-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)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-2{gap:2px}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.gap-40{gap:40px}.gap-48{gap:48px}.gap-64{gap:64px}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(8px * var(--tw-space-y-reverse));margin-block-end:calc(8px * calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:12px}.rounded-md{border-radius:8px}.rounded-sm{border-radius:4px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--sv-border)}.border-input{border-color:var(--input)}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-border{background-color:var(--sv-border)}.bg-brand{background-color:var(--sv-accent)}.bg-brand-subtle{background-color:var(--sv-accent-subtle)}.bg-brand\/20{background-color:var(--sv-accent)}@supports (color:color-mix(in lab, red, red)){.bg-brand\/20{background-color:color-mix(in oklab, var(--sv-accent) 20%, transparent)}}.bg-destructive{background-color:var(--destructive)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-surface{background-color:var(--sv-surface)}.bg-surface-hover{background-color:var(--sv-surface-hover)}.bg-surface-inverse{background-color:var(--sv-surface-inverse)}.bg-surface-raised{background-color:var(--sv-surface-raised)}.bg-surface-sunken{background-color:var(--sv-surface-sunken)}.bg-transparent{background-color:#0000}.p-2{padding:2px}.p-4{padding:4px}.p-16{padding:16px}.p-24{padding:24px}.px-4{padding-inline:4px}.px-8{padding-inline:8px}.px-12{padding-inline:12px}.px-16{padding-inline:16px}.px-24{padding-inline:24px}.py-2{padding-block:2px}.py-4{padding-block:4px}.py-8{padding-block:8px}.py-16{padding-block:16px}.py-32{padding-block:32px}.py-64{padding-block:64px}.pt-64{padding-top:64px}.pb-8{padding-bottom:8px}.pb-128{padding-bottom:128px}.pb-\[192px\]{padding-bottom:192px}.pl-24{padding-left:24px}.text-left{text-align:left}.font-editorial{font-family:var(--sv-font-editorial)}.font-mono{font-family:var(--sv-font-mono)}.font-sans{font-family:var(--sv-font-sans)}.text-body-lg{letter-spacing:0;font-size:1.125rem;font-weight:400;line-height:1.6}.text-body-md{letter-spacing:0;font-size:1rem;font-weight:400;line-height:1.65}.text-body-sm{letter-spacing:0;font-size:.875rem;font-weight:400;line-height:1.55}.text-caption{letter-spacing:.01em;font-size:.75rem;font-weight:400;line-height:1.4}.text-display{letter-spacing:-.02em;font-size:2.5rem;font-weight:600;line-height:1.15}.text-header-lg{letter-spacing:-.015em;font-size:1.75rem;font-weight:600;line-height:1.25}.text-header-md{letter-spacing:-.01em;font-size:1.25rem;font-weight:600;line-height:1.35}.text-label-md{letter-spacing:0;font-size:.875rem;font-weight:500;line-height:1.2}.text-label-sm{letter-spacing:0;font-size:.8125rem;font-weight:500;line-height:1.2}.text-title{letter-spacing:-.005em;font-size:1.0625rem;font-weight:500;line-height:1.45}.text-\[0\.875em\]{font-size:.875em}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.whitespace-nowrap{white-space:nowrap}.text-brand{color:var(--sv-accent)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-on-surface{color:var(--sv-on-surface)}.text-on-surface-inverse{color:var(--sv-on-surface-inverse)}.text-on-surface-secondary{color:var(--sv-on-surface-secondary)}.text-on-surface-tertiary{color:var(--sv-on-surface-tertiary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-border-strong{-webkit-text-decoration-color:var(--sv-border-strong);-webkit-text-decoration-color:var(--sv-border-strong);-webkit-text-decoration-color:var(--sv-border-strong);text-decoration-color:var(--sv-border-strong)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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{--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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-\[120ms\]{--tw-duration:.12s;transition-duration:.12s}.ease-standard{--tw-ease:cubic-bezier(.4, 0, .2, 1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-label-sm::file-selector-button{letter-spacing:0;font-size:.8125rem;font-weight:500;line-height:1.2}.file\:text-on-surface::file-selector-button{color:var(--sv-on-surface)}.placeholder\:text-on-surface-tertiary::placeholder{color:var(--sv-on-surface-tertiary)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-on-surface:hover{color:var(--sv-on-surface)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-on-surface-secondary:hover{-webkit-text-decoration-color:var(--sv-on-surface-secondary);-webkit-text-decoration-color:var(--sv-on-surface-secondary);-webkit-text-decoration-color:var(--sv-on-surface-secondary);text-decoration-color:var(--sv-on-surface-secondary)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus-visible\:border-border-strong:focus-visible{border-color:var(--sv-border-strong)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[inset\]\:pl-32[data-inset]{padding-left:32px}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=delayed-open\]\:animate-in[data-state=delayed-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=delayed-open\]\:fade-in-0[data-state=delayed-open]{--tw-enter-opacity:0}.data-\[state\=delayed-open\]\:zoom-in-95[data-state=delayed-open]{--tw-enter-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[variant\=destructive\]\:text-danger[data-variant=destructive]{color:var(--sv-danger)}.data-\[variant\=destructive\]\:focus\:bg-danger-subtle[data-variant=destructive]:focus{background-color:var(--sv-danger-subtle)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-16 svg{width:16px;height:16px}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}pre .\[pre_\&\]\:rounded-none{border-radius:0}pre .\[pre_\&\]\:bg-transparent{background-color:#0000}pre .\[pre_\&\]\:p-0{padding:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--sv-surface:#fff;--sv-surface-raised:#fff;--sv-surface-sunken:#fafafa;--sv-surface-hover:#f4f4f5;--sv-surface-inverse:#09090b;--sv-on-surface:#09090b;--sv-on-surface-secondary:#52525b;--sv-on-surface-tertiary:#a1a1aa;--sv-on-surface-inverse:#fafafa;--sv-border:#e4e4e7;--sv-border-strong:#d4d4d8;--sv-accent:#2b00ff;--sv-accent-hover:#2400d2;--sv-accent-subtle:#f0edff;--sv-on-accent:#fff;--sv-danger:#dc2626;--sv-danger-subtle:#fef2f2;--sv-on-danger:#fff;--sv-focus-ring:#a1a1aa;--sv-font-sans:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);--sv-font-mono:var(--font-mono,ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace);--sv-font-editorial:var(--font-editorial,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);--background:var(--sv-surface);--foreground:var(--sv-on-surface);--card:var(--sv-surface-raised);--card-foreground:var(--sv-on-surface);--popover:var(--sv-surface-raised);--popover-foreground:var(--sv-on-surface);--primary:var(--sv-surface-inverse);--primary-foreground:var(--sv-on-surface-inverse);--secondary:var(--sv-surface-hover);--secondary-foreground:var(--sv-on-surface);--muted:var(--sv-surface-hover);--muted-foreground:var(--sv-on-surface-secondary);--accent:var(--sv-surface-hover);--accent-foreground:var(--sv-on-surface);--destructive:var(--sv-danger);--destructive-foreground:var(--sv-on-danger);--border:var(--sv-border);--input:var(--sv-border);--ring:var(--sv-focus-ring);--radius:8px}[data-theme=dark]{--sv-surface:#09090b;--sv-surface-raised:#18181b;--sv-surface-sunken:#000;--sv-surface-hover:#27272a;--sv-surface-inverse:#fafafa;--sv-on-surface:#fafafa;--sv-on-surface-secondary:#a1a1aa;--sv-on-surface-tertiary:#52525b;--sv-on-surface-inverse:#09090b;--sv-border:#27272a;--sv-border-strong:#3f3f46;--sv-accent:#8a70ff;--sv-accent-hover:#ab97ff;--sv-accent-subtle:#0d004d;--sv-on-accent:#09090b;--sv-danger:#ef4444;--sv-danger-subtle:#7f1d1d;--sv-on-danger:#fff;--sv-focus-ring:#71717a}:root{--font-sans:var(--font-portfolio);--font-editorial:var(--font-portfolio);--font-mono:var(--font-portfolio);--sv-font-sans:var(--font-portfolio);--sv-font-editorial:var(--font-portfolio);--sv-font-mono:var(--font-portfolio);--portfolio-paper:#f6f5f1;--portfolio-ink:#191919;--portfolio-muted:#62625d;--portfolio-line:#d4d3cc;--portfolio-blue:#2b00ff;--portfolio-neon:#d4ff00;--site-max-width:1120px;--site-narrow-width:640px;--site-gutter:48px;--site-container-width:min(calc(100% - var(--site-gutter) * 2), var(--site-max-width));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--portfolio-plate:#e9e9e9;--portfolio-accent:var(--portfolio-blue)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--portfolio-paper:#141414;--portfolio-ink:#f1f0ed;--portfolio-muted:#aaa9a4;--portfolio-line:#3b3b38;--portfolio-plate:#242424;--portfolio-accent:var(--portfolio-neon);--sv-surface:var(--portfolio-paper);--sv-surface-raised:#202020;--sv-surface-sunken:#101010;--sv-surface-hover:#2c2c2c;--sv-on-surface:var(--portfolio-ink);--sv-on-surface-secondary:var(--portfolio-muted);--sv-on-surface-tertiary:var(--portfolio-muted);--sv-border:var(--portfolio-line);--sv-accent:var(--portfolio-accent)}@media (max-width:700px){:root{--site-gutter:20px}}body{background:var(--portfolio-paper);color:var(--portfolio-ink)}::selection{background:var(--portfolio-blue);color:#fff}a,button{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--portfolio-accent);outline-offset:5px}img{max-width:100%}.site-shell{width:var(--site-container-width);margin-inline:auto}.eyebrow{letter-spacing:.065em;text-transform:uppercase;font-size:12px;line-height:1.5}.text-link{text-underline-offset:5px;align-items:center;gap:16px;font-size:15px;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.text-link:hover{color:var(--portfolio-accent)}.skip-link{background:var(--portfolio-paper);z-index:1000;padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.home-hero{padding:48px 0 76px;position:relative;overflow:hidden}.hero-topline{border-top:1px solid var(--portfolio-line);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.availability{color:var(--portfolio-muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.availability i{background:var(--portfolio-blue);border-radius:100%;width:6px;height:6px}.home-hero h1{z-index:1;letter-spacing:-.065em;margin-top:52px;font-size:clamp(56px,7.8vw,118px);font-weight:400;line-height:.99;position:relative}.home-hero h1>span{color:var(--portfolio-accent)}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:32px;margin-top:38px;display:flex}.hero-bottom>p{letter-spacing:-.025em;max-width:530px;font-size:20px;line-height:1.5}.hero-asterisk{color:var(--portfolio-accent);font-size:190px;line-height:1;position:absolute;top:128px;right:7%;transform:rotate(-14deg)}.section-heading{border-top:1px solid var(--portfolio-line);justify-content:space-between;align-items:center;gap:20px;padding:24px 0 30px;display:flex}.section-heading h2{letter-spacing:-.03em;align-items:baseline;gap:24px;font-size:21px;font-weight:400;display:flex}.section-number{color:var(--portfolio-muted);letter-spacing:0;font-size:12px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 28px;display:grid}.project-card{min-width:0;display:block}.project-card.featured{grid-column:1/-1}.project-visual{justify-content:center;align-items:center;height:400px;display:flex;position:relative;overflow:hidden}.lilac{background:#e4def1}.mint{background:#dfe8df}.peach{background:#ebe1d8}.ink{background:#252b27}.project-visual>img{object-fit:contain;filter:drop-shadow(0 15px 24px #00000010);width:85%;height:75%;transition:transform .45s cubic-bezier(.2,.65,.3,1)}.project-visual>[data-browser-frame]{width:85%}.project-visual.ink>img{object-fit:cover;filter:none;width:100%;height:100%}.project-visual.peach>img{object-fit:cover;object-position:top;width:87%;height:74%}.project-card:hover .project-visual>img{transform:scale(1.025)}.project-visual.ink .visual-label{color:#fff;background:#191919;padding:5px 8px}.visual-label{z-index:2;letter-spacing:.05em;text-transform:uppercase;font-size:10px;position:absolute;top:22px;left:26px}.project-card-info{justify-content:space-between;gap:20px;padding-top:18px;display:flex}.project-card-info h3{letter-spacing:-.04em;font-size:25px;font-weight:400;line-height:1.3}.project-card-info p{color:var(--portfolio-muted);margin-top:5px;font-size:15px}.project-category{color:var(--portfolio-muted);text-align:right;max-width:135px;padding-top:8px;font-size:11px}.featured .project-visual{height:min(50vw,620px)}.featured .project-visual>img{object-fit:contain;width:79%;height:85%;margin-top:28px}.featured .project-card-info h3{font-size:29px}.featured .project-category{max-width:unset}.phone-composition{align-items:center;gap:18px;width:78%;height:82%;margin-top:55px;display:flex}.phone-composition img{width:calc(33.3333% - 12px);height:auto;transform:translateY(7%);box-shadow:0 14px 20px #16211618}.phone-composition img:nth-child(2){transform:translateY(-3%)}.tool-strip{border-top:1px solid var(--portfolio-line);border-bottom:1px solid var(--portfolio-line);grid-template-columns:1fr 1fr;align-items:stretch;gap:72px;margin:110px 0;padding:60px 0;display:grid}.tool-strip h2,.resource-teaser h2{letter-spacing:-.045em;margin:26px 0 22px;font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.07}.tool-strip>div>p:not(.eyebrow){color:var(--portfolio-muted);max-width:370px;margin-bottom:30px;font-size:17px;line-height:1.55}.freak-preview{color:#d9fba0;background:#20231e;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:380px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.freak-eyes{display:flex;position:absolute;top:36%;right:35px;transform:rotate(-12deg)}.freak-eyes i{background:#d9fba0;border-radius:50%;width:50px;height:64px;position:relative}.freak-eyes i:after{content:"";background:#20231e;border-radius:50%;width:20px;height:25px;position:absolute;top:27px;left:5px}.freak-name{letter-spacing:-.04em;margin:65px 0 40px;font-size:clamp(30px,3.4vw,48px);line-height:1.08}.freak-preview .text-link:hover{color:#fff}.home-writing{margin-bottom:100px}.article-row{border-bottom:1px solid var(--portfolio-line);grid-template-columns:32px 1fr 130px;align-items:start;gap:22px;padding:32px 0;display:grid}.article-number,.article-row time{color:var(--portfolio-muted);padding-top:7px;font-size:12px}.article-row h3{letter-spacing:-.035em;max-width:760px;font-size:clamp(23px,2.1vw,31px);font-weight:400;line-height:1.2}.article-row p{color:var(--portfolio-muted);max-width:650px;margin-top:12px;font-size:15px;line-height:1.55}.article-row:hover h3{color:var(--portfolio-accent)}.resource-teaser{background:#e9e7df;grid-template-columns:1fr 1fr;align-items:center;gap:70px;margin-bottom:100px;padding:48px;display:grid}.resource-teaser h2{margin-bottom:0}.resource-teaser>div>p:not(.eyebrow){max-width:390px;margin-bottom:24px;font-size:19px;line-height:1.5}.page-intro{border-top:1px solid var(--portfolio-line);margin-top:30px;padding:76px 0 66px}.page-intro h1{letter-spacing:-.06em;max-width:1000px;margin:30px 0 28px;font-size:clamp(48px,6.6vw,96px);font-weight:400;line-height:1.03}.page-description{letter-spacing:-.015em;max-width:650px;color:var(--portfolio-muted);font-size:21px;line-height:1.5}.archive-section{margin:100px 0}.section-description{color:var(--portfolio-muted);max-width:650px;margin-bottom:30px;font-size:18px;line-height:1.5}.archive-grid{grid-template-columns:repeat(3,1fr);gap:0 36px;display:grid}.archive-grid a{border-top:1px solid var(--portfolio-line);padding:26px 0}.archive-grid h3{letter-spacing:-.025em;justify-content:space-between;font-size:23px;font-weight:400;display:flex}.archive-grid p{color:var(--portfolio-muted);margin-top:8px;font-size:13px}.archive-grid a:hover h3{color:var(--portfolio-accent)}.archive-art{margin-top:28px}.writing-index{align-items:center;min-height:calc(100svh - 104px);padding:64px 0;display:flex}.writing-layout{gap:80px;width:100%}.writing-posts{gap:40px;display:grid}.writing-posts li{padding:0}.writing-posts a{text-decoration:none;display:block}.writing-posts h2{letter-spacing:-.015em;font-size:18px;font-weight:600;line-height:1.4}.writing-posts time{color:var(--portfolio-muted);margin-top:8px;font-size:14px;line-height:1.65;display:block}.writing-posts p{color:var(--portfolio-muted);margin-top:12px;font-size:16px;line-height:1.65}.writing-posts a:hover h2{color:var(--portfolio-accent)}.project-page{padding-top:44px}.back-link{color:var(--portfolio-muted);padding-block:10px;font-size:14px;display:inline-block}.back-link:hover{color:var(--portfolio-accent)}.case-header{margin:42px 0 46px}.case-header .eyebrow span{color:var(--portfolio-muted)}.case-header h1{letter-spacing:-.06em;max-width:1100px;margin:24px 0 42px;font-size:clamp(52px,6.6vw,96px);font-weight:400;line-height:1.05}.case-overview{grid-template-columns:1.3fr .7fr;gap:100px;display:grid}.case-overview>p{letter-spacing:-.02em;font-size:22px;line-height:1.5}.case-overview dl{gap:20px;display:grid}.case-overview dt{color:var(--portfolio-muted);text-transform:uppercase;margin-bottom:6px;font-size:11px}.case-overview dd{font-size:15px;line-height:1.5}.chapter-nav{border-top:1px solid var(--portfolio-line);border-bottom:1px solid var(--portfolio-line);flex-wrap:wrap;gap:6px 28px;padding:16px 0;display:flex}.chapter-nav a{color:var(--portfolio-muted);padding:8px 0;font-size:12px}.chapter-nav a:hover{color:var(--portfolio-accent);text-underline-offset:4px;text-decoration:underline}.case-section{padding-top:80px;scroll-margin-top:30px}.case-section-copy{grid-template-columns:1fr 1fr;gap:80px;margin-bottom:38px;display:grid}.case-section h2{letter-spacing:-.04em;max-width:490px;margin-top:20px;font-size:clamp(32px,3.3vw,48px);font-weight:400;line-height:1.1}.case-section-copy>div>p:not(.eyebrow){color:var(--portfolio-muted);margin-bottom:14px;font-size:18px;line-height:1.55}.case-section-copy .text-link{margin-top:12px}.case-gallery{gap:28px;padding:36px;display:grid}.case-gallery>img{width:100%;height:auto;display:block}.case-gallery.pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.case-gallery.phones{justify-content:center;align-items:start;gap:28px;padding:48px;display:flex}.case-gallery.phones>img{flex:1;width:0;min-width:0;max-width:270px}.next-project{border-top:1px solid var(--portfolio-line);flex-direction:column;gap:20px;margin-top:100px;padding:46px 0 70px;display:flex}.next-project>span:last-child{letter-spacing:-.045em;justify-content:space-between;font-size:clamp(38px,5vw,70px);display:flex}.next-project:hover{color:var(--portfolio-accent)}.tool-feature{border-top:1px solid var(--portfolio-line);padding:44px 0 70px}.tool-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.pill{background:var(--portfolio-plate);text-transform:uppercase;letter-spacing:.075em;color:var(--portfolio-muted);border:0;border-radius:6px;padding:5px 10px;font-size:10px;display:inline-flex}.tool-feature h2{letter-spacing:-.045em;margin:18px 0 12px;font-size:42px;font-weight:400;line-height:1.15}.tool-feature p{color:var(--portfolio-muted);font-size:18px;line-height:1.5}.filter-bar{flex-wrap:wrap;gap:8px;display:flex}.filter-bar button{border:1px solid var(--portfolio-line);border-radius:50px;padding:10px 18px;font-size:13px;transition:color .15s,background .15s}.filter-bar button:hover{border-color:var(--portfolio-ink)}.filter-bar button[aria-pressed=true]{color:var(--portfolio-paper);background:var(--portfolio-ink);border-color:var(--portfolio-ink)}.studio-screen{background:#e4def1;justify-content:center;height:640px;margin-top:22px;padding:40px;display:flex}.studio-screen img{object-fit:contain;width:100%;height:100%}.preview-description{padding-top:16px}.tool-split{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.tool-split>img{width:100%;height:auto}.tool-split .text-link{margin-top:28px}.attiro-preview{background:#ebe1d8;padding:26px}.attiro-preview img{width:100%;height:auto}.resources-page{padding-bottom:90px}.resource-controls{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.resource-count{color:var(--portfolio-muted);white-space:nowrap;font-size:12px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.resource-card{background:#eeede7;border:1px solid #0000;flex-direction:column;min-height:300px;padding:26px;display:flex}.resource-card:hover{border-color:#b7b4a9}.resource-card-top{color:var(--portfolio-muted);justify-content:space-between;align-items:center;display:flex}.resource-card h2{letter-spacing:-.03em;margin:36px 0 14px;font-size:27px;font-weight:400;line-height:1.15}.resource-card p{color:var(--portfolio-muted);margin-bottom:32px;font-size:15px;line-height:1.6}.resource-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:11px;display:flex}.suggested{color:var(--portfolio-accent)}.resource-draft-note{color:var(--portfolio-muted);max-width:600px;margin-top:30px;font-size:13px}.about-intro{grid-template-columns:clamp(240px,28vw,360px) minmax(0,1fr);align-content:center;align-items:center;gap:56px;min-height:calc(100svh - 104px);padding:72px 0 104px;display:grid}.about-portrait{border-radius:6px;width:100%;height:auto;display:block}.about-story h1,.about-story p{letter-spacing:-.018em;color:var(--portfolio-ink);font-size:20px;font-weight:400;line-height:1.55}.about-story h1{margin-bottom:20px}.about-story p+p,.about-story .about-side-note{margin-top:20px}.experience{margin:24px 0 96px;scroll-margin-top:120px}.experience h2{letter-spacing:-.035em;margin:0 0 28px;font-size:28px;font-weight:400}.experience-group{border-top:1px solid var(--portfolio-line);grid-template-columns:1fr 3fr;gap:20px;display:grid}.experience-company{padding:26px 0;font-size:15px;font-weight:400}.experience-company a{display:inline-block}.company-logo{width:112px;height:auto;display:block}.company-logo-samsung{width:120px}.experience-row{border-top:1px solid var(--portfolio-line);grid-template-columns:2fr 1fr;gap:20px;padding:23px 0;font-size:15px;display:grid}.experience-row:first-child{border-top:0}.experience-row h4{font-weight:400}.experience-row>span:last-child{text-align:right;color:var(--portfolio-muted);font-size:13px}.site-footer{color:#f6f5f1;text-align:left;--portfolio-muted:#d3cbff;--portfolio-line:#ffffff35;width:100%}.site-footer a:focus-visible{outline-color:#fff}.footer-bottom{border-top:1px solid var(--portfolio-line);color:var(--portfolio-muted);justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:13px;display:flex}@media (min-width:1100px){.home-work .project-grid .project-card:nth-child(2){grid-column:1/-1}.home-work .project-card:nth-child(2) .project-visual{height:520px}.home-work .project-card:nth-child(2) .phone-composition{gap:50px;width:66%;height:auto;margin-top:170px}.home-work .project-card:nth-child(2) .phone-composition img{width:calc(33.3333% - 33.3333px)}}@media (max-width:1100px){.hero-asterisk{font-size:145px;top:145px;right:1%}.project-visual{height:320px}.project-card-info{flex-direction:column;gap:0}.project-category{text-align:left;max-width:none}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-overview{gap:48px}.case-section-copy{gap:40px}.case-gallery.phones{gap:18px;padding:32px}}@media (max-width:700px){.home-hero{padding:22px 0 48px}.hero-topline{align-items:flex-start;gap:12px}.hero-topline .eyebrow{max-width:190px;font-size:10px}.availability{align-items:start;max-width:105px;font-size:10px}.availability i{flex-shrink:0;margin-top:4px}.home-hero h1{margin-top:46px;font-size:clamp(44px,10.6vw,72px)}.hero-asterisk{font-size:70px;top:auto;bottom:42px;right:0}.hero-bottom{margin-top:27px;display:block}.hero-bottom>p{max-width:100%;font-size:17px}.hero-bottom .text-link{margin-top:25px}.section-heading{padding:20px 0}.section-heading h2{gap:14px;font-size:19px}.section-heading .text-link{gap:8px;font-size:12px}.project-grid{grid-template-columns:1fr;gap:34px}.project-visual{height:330px}.featured .project-visual{height:290px}.featured .project-visual>img{width:92%;height:80%}.project-card-info{flex-direction:row;gap:16px}.project-card-info h3,.featured .project-card-info h3{font-size:23px}.project-card-info p{font-size:13px}.project-category,.featured .project-category{text-align:right;max-width:105px;padding-top:3px;font-size:10px}.visual-label{font-size:9px;top:18px;left:18px}.tool-strip{grid-template-columns:1fr;gap:32px;margin:60px 0;padding:36px 0}.tool-strip h2,.resource-teaser h2{font-size:40px}.freak-preview{min-height:330px;padding:24px}.freak-name{font-size:40px}.freak-eyes{right:24px}.article-row{grid-template-columns:1fr;gap:12px;padding:26px 0}.article-number{display:none}.article-row h3{font-size:24px}.article-row p{font-size:14px}.article-row time{grid-area:2/1;padding:0}.home-writing{margin-bottom:60px}.resource-teaser{grid-template-columns:1fr;gap:28px;margin-bottom:60px;padding:28px}.resource-teaser>div>p:not(.eyebrow){font-size:17px}.page-intro{margin-top:15px;padding:44px 0}.page-intro h1{margin:24px 0;font-size:48px}.page-description{font-size:18px}.archive-section{margin:60px 0}.archive-grid{grid-template-columns:1fr 1fr;gap:0 20px}.archive-grid h3{font-size:19px}.archive-grid p{font-size:11px}.project-page{padding-top:22px}.case-header{margin-top:30px}.case-header h1{margin-bottom:30px;font-size:49px}.case-overview{grid-template-columns:1fr;gap:28px}.case-overview>p{font-size:19px}.case-overview dl{grid-template-columns:1fr 1fr}.chapter-nav{gap:2px 20px}.case-section{padding-top:50px}.case-section-copy{grid-template-columns:1fr;gap:22px;margin-bottom:25px}.case-section h2{margin-top:14px;font-size:36px}.case-section-copy>div>p:not(.eyebrow){font-size:17px}.case-gallery{gap:18px;padding:15px}.case-gallery.pair{grid-template-columns:1fr}.case-gallery.phones{scroll-snap-type:x mandatory;justify-content:flex-start;padding:24px;overflow-x:auto}.case-gallery.phones>img{scroll-snap-align:center;flex:none;width:200px;min-width:200px}.next-project{margin-top:60px;padding-bottom:50px}.tool-heading{display:block}.tool-heading .text-link{margin-top:20px}.tool-feature{padding:30px 0 45px}.tool-feature h2{font-size:34px}.tool-feature p{font-size:17px}.filter-bar{gap:6px}.filter-bar button{padding:10px 14px;font-size:12px}.studio-screen{height:300px;padding:14px}.tool-split{grid-template-columns:1fr;gap:24px}.resource-controls{flex-wrap:wrap;gap:14px}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:270px}.resources-page{padding-bottom:60px}.about-intro{grid-template-columns:1fr;gap:28px;min-height:auto;padding:44px 0 64px}.about-portrait{width:min(240px,100%)}.about-story h1,.about-story p{font-size:18px}.experience{margin:32px 0 60px}.experience-group{grid-template-columns:1fr;gap:0}.experience-company{padding:26px 0 8px}.experience-row{grid-template-columns:1fr;gap:8px;font-size:14px}.experience-row>span:last-child{text-align:left;font-size:12px}.footer-top{padding:35px 0}.footer-top>p{font-size:12px}.footer-bottom{flex-wrap:wrap;gap:18px}.footer-links{gap:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}}@media (max-width:700px){.footer-bottom{align-items:center;gap:10px;padding-top:15px}}.footer-social{align-items:center;gap:8px;display:flex}.footer-icon{color:#f6f5f1;place-items:center;width:44px;height:44px;display:grid}.footer-icon svg{width:20px;height:20px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.footer-icon:hover svg,.footer-icon:focus-visible svg{transform:scale(1.15)}*,:before,:after{font-style:normal!important}em,article :is(p,li) :is(strong,b,em){font-weight:inherit}.article-quote,.article-quote *{font-family:var(--font-callout), Georgia, serif;color:var(--portfolio-accent);font-weight:400;font-style:italic!important}.article-quote{text-align:left;margin-block:20px;padding:12px 0}.article-quote p{font-size:clamp(1.75rem,3vw,2rem);line-height:1.4}.article-breadcrumb{color:var(--portfolio-muted);margin-bottom:16px;font-size:14px;line-height:1.5}.article-breadcrumb a{text-decoration:none}.article-breadcrumb a:hover{color:var(--portfolio-accent)}.navigation-arrow{--arrow-exit:65%;vertical-align:-.125em;flex:none;width:1em;height:1em;display:inline-block;overflow:visible}.navigation-arrow[data-direction=left]{--arrow-exit:-65%}.navigation-arrow>svg{width:100%;height:100%;display:block}.project-back-link{align-items:center;gap:7px;display:inline-flex}@keyframes navigation-arrow-loop{0%,18%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.6,1);transform:translate(0)}40%{transform:translateX(var(--arrow-exit));opacity:0}42%{transform:translateX(calc(var(--arrow-exit) * -1));opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1)}70%,to{opacity:1;transform:translate(0)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){a:hover .navigation-arrow>svg,[data-preview-hovered] [data-work-rail] [data-active] .navigation-arrow>svg{animation:1.9s ease-in-out infinite navigation-arrow-loop}[data-work-project]:has([data-work-preview]:hover) .navigation-arrow>svg{animation:1.9s ease-in-out infinite navigation-arrow-loop}}@media (prefers-reduced-motion:no-preference){a:focus-visible .navigation-arrow>svg,[data-preview-focused] [data-work-rail] [data-active] .navigation-arrow>svg{animation:1.9s ease-in-out infinite navigation-arrow-loop}[data-work-project]:has([data-work-preview]:focus-visible) .navigation-arrow>svg{animation:1.9s ease-in-out infinite navigation-arrow-loop}}.article-pagination{border-top:1px solid var(--portfolio-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:48px;padding-top:24px;display:grid}.article-pagination a{flex-direction:column;align-items:flex-start;font-size:16px;line-height:1.5;text-decoration:none;display:flex}.article-pagination a>span:first-child{color:var(--portfolio-muted)}.article-pagination a:hover>span:last-child{color:var(--portfolio-accent)}.article-pagination .article-pagination-next{text-align:right;grid-column:2;align-items:flex-end}@media (max-width:700px){.article-quote{margin-block:16px;padding:10px 0}}[data-theme=dark] :is(.lilac,.mint,.peach,.resource-teaser,.resource-card,.studio-screen,.attiro-preview){background:var(--portfolio-plate)}[data-theme=dark] .company-logo{filter:brightness(0)invert()}@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-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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-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}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}