@font-face{font-family:ppNeueMontreal;src:url(../media/pp_neue_montreal_regular-s.p.39ofxgzl-ov_e.woff)format("woff");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:ppNeueMontreal Fallback;src:local(Arial);ascent-override:99.93%;descent-override:25.24%;line-gap-override:0.0%;size-adjust:95.87%}.ppneuemontreal_cd5fc2f6-module__RqSYwG__className{font-family:ppNeueMontreal,ppNeueMontreal Fallback;font-style:normal;font-weight:400}.ppneuemontreal_cd5fc2f6-module__RqSYwG__variable{--font-pp-neue-montreal:"ppNeueMontreal", "ppNeueMontreal Fallback"}
@font-face{font-family:ibmPlexMono;src:url(../media/ibm_plex_mono_regular-s.p.389rbadd3t86e.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:ibmPlexMono Fallback;src:local(Arial);ascent-override:77.95%;descent-override:20.91%;line-gap-override:0.0%;size-adjust:131.49%}.ibmplexmono_abfa9d56-module___LFjHq__className{font-family:ibmPlexMono,ibmPlexMono Fallback;font-style:normal;font-weight:400}.ibmplexmono_abfa9d56-module___LFjHq__variable{--font-ibm-plex-mono:"ibmPlexMono", "ibmPlexMono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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}}}@layer theme{:root,:host{--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--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);--font-weight-normal:400;--tracking-wide:.025em;--tracking-widest:.1em;--radius-xl:.75rem;--drop-shadow-md:0 3px 3px #0000001f;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-ibm-plex-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--default-mono-font-family:var(--font-ibm-plex-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}}@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}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-1\/2{top:50%}.right-0{right:0}.bottom-8{bottom:calc(var(--spacing) * 8)}.left-0{left:0}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.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}}.mt-1{margin-top:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-xl{max-width:var(--container-xl)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-\[\#212121\]{background-color:#212121}.bg-black{background-color:var(--color-black)}.bg-transparent{background-color:#0000}.bg-linear-to-tr{--tw-gradient-position:to top right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-tr{--tw-gradient-position:to top right in oklab}}.bg-linear-to-tr{background-image:linear-gradient(var(--tw-gradient-stops))}.from-white\/10{--tw-gradient-from:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.from-white\/10{--tw-gradient-from:color-mix(in oklab, var(--color-white) 10%, transparent)}}.from-white\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-8{padding:calc(var(--spacing) * 8)}.px-6{padding-inline:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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))}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-\[\#EFEFEF\]{color:#efefef}.text-\[\#EFEFEF\]\/55{color:#efefef8c;color:lab(94.4472% .0000298023 0/.55)}.text-\[\#EFEFEF\]\/65{color:#efefefa6;color:lab(94.4472% .0000298023 0/.65)}.text-foreground,.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/60{color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--shadow-border-dark\)\]{--tw-shadow:var(--shadow-border-dark);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,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));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))}.will-change-transform{will-change:transform}.select-none{-webkit-user-select:none;user-select:none}.group-\[\.is-dragging\]\/cf\:\!cursor-grabbing:is(:where(.group\/cf).is-dragging *){cursor:grabbing!important}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (prefers-color-scheme:dark){.dark\:opacity-20{opacity:.2}}}:root{--background:#000;--foreground:#efefef;--tonik-off-white:#efefef;--tonik-off-black:#212121;--tonik-dark-grey:#383838;--tonik-panel-grey:#383838;--tonik-panel-deep:#272727;--tonik-tab-deep:#171717;--tonik-taste-bg:#212121;--tonik-canvas-black:#383838;--tonik-asset-grey:#4a4a4a;--tonik-blue:#0a55ff;--tonik-yellow:#ffd400;--tonik-hairline:#efefef1f;--tonik-muted:#efefefa3;--type-meta:12px;--type-ui:14px;--type-copy:16px;--type-title:20px;--type-heading:clamp(36px, 5vw, 48px);--type-display:clamp(40px, 8vw, 112px);--work-share-figma-cursor-color:var(--tonik-blue);--work-share-card-radius:4px;--work-share-card-hover-scale:.985;--work-share-card-press-scale:.965;--work-share-card-motion-duration:.12s;--work-share-card-motion-ease:cubic-bezier(.2, 0, 0, 1);--work-share-item-outline:#ffffff1a;--work-share-lightbox-duration:.17s;--work-share-lightbox-ease:cubic-bezier(.2, 0, 0, 1);--work-share-grid-column-gap:10px;--work-share-grid-row-gap:48px;--work-share-canvas-inset:10px;--work-share-tab-height:34px;--work-share-tab-inline-padding:10px;--work-share-tab-close-size:18px;--work-share-tab-motion-duration:.16s;--work-share-tab-motion-ease:cubic-bezier(.645, .045, .355, 1);--work-share-tab-radius:5px;--work-share-tab-width:clamp(150px, 16vw, 210px)}*{box-sizing:border-box}html{background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}body{background:var(--background);min-height:100%;color:var(--foreground);font-family:var(--font-ibm-plex-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}::selection{background:var(--tonik-off-white);color:var(--tonik-off-black)}.type-heading{font-size:var(--type-heading);line-height:1.05}.work-share-page{background:var(--background);height:100svh;min-height:100svh;color:var(--foreground);grid-template-columns:minmax(400px,1fr) minmax(0,2.72fr);padding:0;display:grid;overflow:hidden}@media (pointer:fine){html.work-share-site-cursor-enabled,html.work-share-site-cursor-enabled *{cursor:none!important}}.work-share-figma-cursor{--cursor-x:-120px;--cursor-y:-120px;z-index:2147483647;pointer-events:none;opacity:0;width:72px;height:42px;transform:translate3d(var(--cursor-x), var(--cursor-y), 0);will-change:transform;transition-property:opacity;transition-duration:.1s;transition-timing-function:ease;position:fixed;top:0;left:0}.work-share-figma-cursor[data-visible=true]{opacity:1}.work-share-figma-cursor[data-variant=guide]{--work-share-figma-cursor-color:var(--tonik-yellow)}.work-share-figma-cursor[data-variant=guide] span{color:var(--tonik-tab-deep)}.work-share-figma-cursor span{transition:background-color .14s,color .14s}.work-share-figma-cursor-arrow{width:21px;height:21px;color:var(--work-share-figma-cursor-color);filter:drop-shadow(0 1px 1px #00000047);transition:color .14s;position:absolute;top:0;left:0}.work-share-figma-cursor-arrow path{fill:currentColor}.work-share-figma-cursor span{background:var(--work-share-figma-cursor-color);min-width:38px;height:24px;color:var(--tonik-off-white);filter:drop-shadow(0 1px 2px #0000003d);font-family:var(--font-pp-neue-montreal), Arial, Helvetica, sans-serif;font-size:var(--type-ui);white-space:nowrap;border-radius:999px;place-items:center;padding:0 10px;font-weight:400;line-height:1;display:inline-grid;position:absolute;top:17px;left:19px}.work-share-canvas-shell{border-radius:14px;min-width:0;height:100svh;padding:10px}.work-share-canvas{grid-template-rows:var(--work-share-tab-height) minmax(0, 1fr);background:0 0;min-width:0;height:100%;display:grid;overflow:hidden}.work-share-canvas-bar{color:#efefef61;min-width:0;font-size:var(--type-meta);text-transform:uppercase;background:0 0;justify-content:space-between;align-items:stretch;padding:0;line-height:1;display:flex;position:relative}.work-share-canvas-tabs{--active-tab-x:calc(var(--active-tab-index) * var(--work-share-tab-width));white-space:nowrap;align-items:stretch;gap:0;min-width:0;height:100%;display:flex;position:relative;overflow:visible}.work-share-canvas-active-tab{z-index:0;width:var(--work-share-tab-width);border-radius:var(--work-share-tab-radius) var(--work-share-tab-radius) 0 0;background:var(--tonik-taste-bg);pointer-events:none;height:100%;transform:translate3d(var(--active-tab-x), 0, 0);transition-duration:var(--work-share-tab-motion-duration);transition-property:transform,border-radius;transition-timing-function:var(--work-share-tab-motion-ease);position:absolute;top:0;left:0}.work-share-canvas-tab-wrap{z-index:1;grid-template-columns:minmax(0, 1fr) calc(var(--work-share-tab-close-size) + var(--work-share-tab-inline-padding));width:var(--work-share-tab-width);color:#efefef8c;background:0 0;align-items:center;min-width:68px;height:100%;transition-property:color;transition-duration:.16s;transition-timing-function:ease;display:grid;position:relative;overflow:hidden}.work-share-canvas-tab-wrap:after{content:"";opacity:1;background:#efefef1a;width:1px;height:14px;transition-property:opacity;transition-duration:.14s;transition-timing-function:ease;position:absolute;top:50%;right:0;transform:translateY(-50%)}.work-share-canvas-tab-wrap:last-child:after,.work-share-canvas-tab-wrap[data-active=true]:after{opacity:0}.work-share-canvas-tab-wrap:has(+.work-share-canvas-tab-wrap[data-active=true]):after{opacity:0}.work-share-canvas-tab-wrap[data-active=true]{color:#efefeff2}.work-share-canvas-tab-wrap:not([data-active=true]):hover{color:#efefefb8}.work-share-canvas-tab{min-width:0;height:100%;padding:0 4px 0 var(--work-share-tab-inline-padding);color:inherit;cursor:pointer;font-size:var(--type-meta);text-align:left;text-transform:uppercase;background:0 0;border:0;outline:none;line-height:1;overflow:hidden}.work-share-canvas-tab span{text-overflow:ellipsis;display:block;overflow:hidden}.work-share-canvas[data-active-view=about] .work-share-canvas-tab-wrap[data-active=true]{color:var(--tonik-off-white)}.work-share-canvas-tab-close{width:var(--work-share-tab-close-size);height:var(--work-share-tab-close-size);color:#efefef7a;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:999px;justify-self:start;place-items:center;padding:0;transition-property:opacity,color,scale;transition-duration:.12s;transition-timing-function:ease;display:grid;position:relative}.work-share-canvas-tab-close:before{content:"";position:absolute;inset:-7px}.work-share-canvas-tab-wrap[data-active=true] .work-share-canvas-tab-close,.work-share-canvas-tab-wrap:hover .work-share-canvas-tab-close,.work-share-canvas-tab-close:focus-visible{opacity:1}.work-share-canvas-tab-close:hover{color:var(--tonik-off-white)}.work-share-canvas-tab-close:active{scale:.96}.work-share-canvas-tab-close:disabled{pointer-events:none;opacity:0}.work-share-canvas-time{color:#efefef85;font-variant-numeric:tabular-nums;text-transform:uppercase;flex:none;align-self:center}.work-share-canvas-viewport{min-height:0;padding:var(--work-share-canvas-inset);background:var(--tonik-taste-bg);border-radius:4px;overflow:hidden}.work-share-canvas[data-active-position=first] .work-share-canvas-viewport,.work-share-canvas[data-active-position=only] .work-share-canvas-viewport{border-top-left-radius:0}.work-share-canvas[data-active-view=about] .work-share-canvas-active-tab,.work-share-canvas[data-active-view=about] .work-share-canvas-viewport{background:var(--tonik-blue)}.work-share-wall{overscroll-behavior:contain;background:var(--tonik-taste-bg);scrollbar-width:none;-webkit-overflow-scrolling:touch;height:100%;min-height:0;padding:0;position:relative;overflow:hidden auto}.work-share-wall::-webkit-scrollbar{display:none}.work-share-loop{gap:var(--work-share-grid-row-gap);display:grid}.work-share-grid{align-items:start;column-gap:var(--work-share-grid-column-gap);row-gap:var(--work-share-grid-row-gap);padding-bottom:var(--work-share-grid-row-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.work-share-item{grid-column:1/-1;align-self:start;width:100%;min-width:0;display:block}.work-share-link{width:100%;color:inherit;cursor:zoom-in;text-align:inherit;background:0 0;border:0;outline:none;padding:0;display:block}.work-share-link:active .work-share-card{scale:var(--work-share-card-press-scale)}.work-share-card{aspect-ratio:var(--media-ratio);border-radius:var(--work-share-card-radius);outline:1px solid var(--work-share-item-outline);outline-offset:-1px;background:var(--tonik-dark-grey);filter:grayscale();min-height:0;transition-duration:.28s, var(--work-share-card-motion-duration);transition-property:filter,scale;transition-timing-function:cubic-bezier(.215, .61, .355, 1), var(--work-share-card-motion-ease);will-change:filter, scale;display:block;position:relative;overflow:hidden}.work-share-item[data-in-view=true] .work-share-card{filter:grayscale(0)}.work-share-item[data-category=prototype] .work-share-card{background:var(--tonik-tab-deep)}.work-share-item[data-category=prototype] .work-share-card:before{z-index:2;content:"";pointer-events:none;background:linear-gradient(#171717eb,#17171794);height:18px;position:absolute;inset:0 0 auto;box-shadow:0 1px #ffffff14}.work-share-item:active .work-share-card{scale:var(--work-share-card-press-scale)}@media (hover:hover) and (pointer:fine){.work-share-item:hover .work-share-card{scale:var(--work-share-card-hover-scale)}}.work-share-media{background:var(--tonik-asset-grey);object-fit:contain;object-position:center;outline:0;width:100%;height:100%;display:block;position:absolute;inset:0}.work-share-item[data-category=media] .work-share-media{object-fit:cover}.work-share-prototype-frame{border:0}.work-share-lightbox{z-index:80;background:var(--tonik-blue);color:var(--tonik-off-white);cursor:zoom-out;animation:work-share-lightbox-backdrop-in var(--work-share-lightbox-duration) ease-out both;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.work-share-lightbox[data-phase=closing]{pointer-events:none;animation-name:work-share-lightbox-backdrop-out}.work-share-lightbox-stage{pointer-events:none;place-items:center;padding:clamp(12px,4vw,64px);display:grid;position:absolute;inset:0}.work-share-lightbox-frame{width:var(--preview-width);height:var(--preview-height);border-radius:var(--work-share-card-radius);background:var(--tonik-dark-grey);cursor:default;pointer-events:auto;transform-origin:50%;max-width:calc(100vw - 96px);max-height:calc(100svh - 96px);animation:work-share-lightbox-open var(--work-share-lightbox-duration) var(--work-share-lightbox-ease) both;will-change:transform;position:relative;overflow:hidden}.work-share-lightbox-frame[data-phase=closing]{animation-name:work-share-lightbox-close}.work-share-lightbox-media{background:var(--tonik-asset-grey);object-fit:contain;object-position:center;outline:0;width:100%;height:100%;display:block;position:absolute;inset:0}.work-share-lightbox-arrow{z-index:82;width:42px;height:42px;color:var(--tonik-off-white);cursor:pointer;background:#21212142;border:0;border-radius:999px;place-items:center;padding:0;transition-property:background-color,scale;transition-duration:.15s;transition-timing-function:ease;display:grid;position:fixed;top:50%;translate:0 -50%}.work-share-lightbox-arrow[data-direction=previous]{left:16px}.work-share-lightbox-arrow[data-direction=next]{right:16px}.work-share-lightbox-arrow:hover{background:#2121216b;scale:1.04}.work-share-lightbox-arrow:active{scale:.96}.work-share-panel{color:#efefefb8;height:100svh;font-size:var(--type-meta);letter-spacing:0;text-transform:uppercase;background:#080809;grid-template-rows:minmax(0,1fr) auto;padding:18px 16px 14px;line-height:1.28;display:grid;overflow:hidden}.work-share-panel-main{scrollbar-width:none;min-height:0;padding-right:2px;overflow:hidden auto}.work-share-panel-main::-webkit-scrollbar{display:none}.work-share-logo{color:var(--tonik-off-white);font-family:var(--font-ibm-plex-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-size:var(--type-meta);white-space:pre;text-transform:uppercase;margin:0 0 24px;font-weight:400;line-height:1;display:block;overflow:hidden}.work-share-panel-copy{max-width:56ch;color:var(--tonik-off-white);line-height:1.5}.work-share-panel-copy p{text-wrap:pretty;margin:0}.work-share-panel-copy p+p{margin-top:18px}.work-share-panel-copy strong{color:var(--tonik-off-white);font-weight:400}.work-share-terminal-accent{color:#efefef8c;gap:4px;margin-top:18px;display:grid}.work-share-terminal-accent p{overflow-wrap:anywhere;margin:0}.work-share-terminal-accent span{color:#efefefd9}.work-share-terminal-ok{color:#efefefe6;background:0 0;padding:0;display:inline-block}.work-share-chat-log{align-content:start;gap:12px;margin-top:18px;display:grid}.work-share-chat-message{overflow-wrap:anywhere;gap:4px;max-width:88%;margin:0;animation:.16s cubic-bezier(.215,.61,.355,1) both work-share-message-in;display:grid}.work-share-chat-message[data-role=user]{justify-self:end;justify-items:end}.work-share-chat-message[data-role=agent]{justify-self:start;justify-items:start}.work-share-message-meta{color:#efefef8c;font-size:var(--type-meta);text-transform:uppercase;align-items:center;gap:6px;line-height:1;display:flex}.work-share-chat-message[data-role=user] .work-share-message-meta{justify-content:end}.work-share-message-meta time{font-variant-numeric:tabular-nums}.work-share-message-copy{color:#efefef6b;cursor:pointer;opacity:.72;background:0 0;border:0;place-items:center;width:16px;height:16px;padding:0;transition-property:opacity,color,scale;transition-duration:.12s;transition-timing-function:ease;display:grid;position:relative}.work-share-message-copy:before{content:"";position:absolute;inset:-8px}.work-share-message-copy:hover{color:var(--tonik-off-white);opacity:1}.work-share-message-copy:active{scale:.96}.work-share-message-bubble{--work-share-message-line-box:1.26em;background:var(--tonik-panel-deep);color:#efefefeb;font-size:var(--type-meta);text-transform:uppercase;border-radius:0;gap:2px;padding:8px 9px;line-height:1.26;display:grid}.work-share-chat-message[data-role=user] .work-share-message-bubble{--work-share-message-line-box:1.42em;background:var(--tonik-blue);max-width:min(34ch,100%);color:var(--tonik-off-white);font-family:var(--font-pp-neue-montreal), Arial, Helvetica, sans-serif;font-size:var(--type-ui);text-align:left;text-transform:none;border-radius:19px 19px 5px;padding:7px 13px 8px;line-height:1.42}.work-share-chat-message[data-role=agent] .work-share-message-bubble{--work-share-message-line-box:1.42em;color:var(--tonik-off-white);font-family:var(--font-ibm-plex-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-size:var(--type-meta);background:0 0;padding:0;line-height:1.42}.work-share-message-bubble span{display:block}.work-share-typewriter-line{min-height:var(--work-share-message-line-box)}.work-share-message-bubble .work-share-typewriter-cursor{opacity:.72;background:currentColor;width:.58ch;height:1em;margin-left:2px;animation:.86s step-end infinite work-share-cursor-blink;display:inline-block;transform:translateY(.13em)}.work-share-chat-message[data-role=agent] .work-share-message-bubble:has(span:only-child){white-space:pre-wrap}.work-share-browser{grid-auto-rows:max-content;align-content:end;align-self:end;gap:18px;height:max-content;padding-bottom:12px;display:grid}.work-share-browser-links{text-transform:uppercase;grid-auto-rows:max-content;align-content:start;gap:8px;display:grid}.work-share-browser-links a{color:#efefef99;width:fit-content}.work-share-browser-links a:hover{color:var(--tonik-off-white)}.work-share-browser-form{text-transform:uppercase;border-top:1px dashed #efefef47;grid-template-columns:auto minmax(0,1fr) 28px;align-items:center;gap:8px;padding-top:18px;display:grid}.work-share-input-prompt{color:#efefef85}.work-share-browser-form input{color:#efefef9e;min-width:0;height:32px;font-family:inherit;font-size:var(--type-meta);text-transform:uppercase;background:0 0;border:0;outline:none;padding:0;line-height:1.42}.work-share-browser-form input::placeholder{color:#efefef73;opacity:1}.work-share-browser-form button{width:28px;height:28px;color:var(--tonik-off-black);cursor:pointer;background:#efefef6b;border:0;border-radius:0;place-items:center;padding:0;transition-property:background-color,border-radius,color,scale;transition-duration:.15s;transition-timing-function:ease;display:grid;position:relative}.work-share-browser-form button:before{content:"";position:absolute;inset:-8px}.work-share-browser-form button:active{scale:.96}.work-share-browser-form button[data-active=true]{background:var(--tonik-blue);color:var(--tonik-off-white)}.work-share-browser-form button:disabled{cursor:default;opacity:.48}.work-share-input-disclaimer{color:#efefef7a;text-transform:uppercase;margin:-8px 0 0;line-height:1.28}.work-share-internal-canvas{background:var(--tonik-panel-deep);height:100%;min-height:0;color:var(--tonik-off-white);border-radius:2px;grid-template-rows:auto minmax(0,1fr);padding:clamp(18px,3vw,36px);display:grid}.work-share-internal-canvas-copy{gap:8px;max-width:860px;display:grid}.work-share-internal-canvas-copy p,.work-share-internal-canvas-copy h1,.work-share-internal-canvas-row p{margin:0}.work-share-internal-canvas-copy p{color:#efefef94;font-size:var(--type-meta);text-transform:uppercase;line-height:1}.work-share-internal-canvas-copy h1{font-family:var(--font-pp-neue-montreal), Arial, Helvetica, sans-serif;font-size:var(--type-display);letter-spacing:0;font-weight:400;line-height:.88}.work-share-internal-canvas-list{align-content:end;gap:0;width:min(620px,100%);margin-top:36px;display:grid}.work-share-internal-canvas-row{color:#efefefb8;font-size:var(--type-copy);border-top:1px solid #efefef29;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:13px 0;line-height:1.5;display:grid}.work-share-internal-canvas-row:last-child{border-bottom:1px solid #efefef29}.work-share-internal-canvas-row span{color:#efefef80;font-variant-numeric:tabular-nums}.taste-board{overscroll-behavior:contain;background:var(--tonik-taste-bg);scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:2px;height:100%;min-height:0;overflow:hidden auto}.taste-board::-webkit-scrollbar{display:none}.taste-board-grid{column-count:2;column-gap:10px;padding-bottom:10px}.taste-board-pin{break-inside:avoid;width:100%;margin:0 0 10px;display:block}.taste-board-card{width:100%;aspect-ratio:var(--taste-pin-ratio);outline-offset:-1px;background:var(--tonik-panel-deep);filter:grayscale();transition-property:box-shadow,filter,scale;transition-duration:.13s,.22s,.13s;transition-timing-function:var(--work-share-card-motion-ease);border-radius:4px;outline:1px solid #ffffff1a;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000024}.taste-board-media{background:var(--tonik-panel-deep);object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.taste-board-pin:active .taste-board-card{filter:grayscale(0);scale:.96}.taste-board-empty{background:var(--tonik-taste-bg);color:#efefef9e;height:100%;min-height:0;font-size:var(--type-meta);text-transform:uppercase;text-wrap:pretty;border-radius:2px;place-items:center;line-height:1.4;display:grid}.preserve-3d{transform-style:preserve-3d}.playlist-cover-flow{height:100%;min-height:0}.about-canvas{height:100%;min-height:0;color:var(--tonik-off-white);scrollbar-width:thin;scrollbar-color:#efefef59 transparent;padding:clamp(20px,4vw,56px);overflow-y:auto}.about-canvas-path{color:#efefef99;font-size:var(--type-meta);text-transform:uppercase;letter-spacing:.04em;margin-bottom:28px}.about-canvas-file{max-width:62ch;font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;font-size:var(--type-ui);white-space:pre-wrap;overflow-wrap:break-word;line-height:1.75}.web-view-page{z-index:90;background:var(--tonik-blue);color:var(--tonik-off-white);position:fixed;inset:0}.web-view-scene{z-index:1;touch-action:none;position:absolute;inset:0}.web-view-scene canvas{width:100%;height:100%;position:absolute;inset:0}.web-view-edge{z-index:2;pointer-events:none;background:radial-gradient(#0a55ff00 0% 58%,#0a55ff 100%);position:absolute;inset:0}.web-view-exit{z-index:3;color:var(--tonik-off-white);cursor:pointer;font-size:var(--type-meta);text-transform:uppercase;background:0 0;border:1px solid #efefef66;border-radius:3px;padding:7px 12px;line-height:1;transition:background-color .14s,color .14s;position:absolute;top:18px;left:18px}.web-view-exit:hover,.web-view-exit:focus-visible{background:var(--tonik-off-white);color:var(--tonik-blue);outline:none}.web-view-placeholder{color:#efefefd9;font-size:var(--type-meta);text-align:center;text-transform:uppercase;letter-spacing:.04em;pointer-events:none;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.web-view-transition{z-index:100;pointer-events:none;flex-direction:row;display:flex;position:fixed;inset:0;overflow:clip}.web-view-transition[data-portrait=true]{flex-direction:column}.web-view-transition-line{flex-direction:column;flex:auto;justify-content:center;align-items:stretch;display:flex}.web-view-transition[data-portrait=true] .web-view-transition-line{flex-direction:row}.web-view-transition-pixel{aspect-ratio:1;background:var(--tonik-blue);opacity:0;flex-shrink:1;width:100%}.playlist-cover-flow-empty{background:var(--tonik-taste-bg);color:#efefef9e;height:100%;min-height:0;font-size:var(--type-meta);text-transform:uppercase;text-wrap:pretty;place-items:center;line-height:1.4;display:grid}@media (hover:hover) and (pointer:fine){.taste-board-pin:hover .taste-board-card{filter:grayscale(0)brightness(1.04);scale:.985;box-shadow:0 0 0 1px #ffffff24}}.work-share-url-canvas{height:100%;min-height:0;color:var(--tonik-off-black);background:#efefef;border-radius:2px;grid-template-rows:34px minmax(0,1fr);display:grid;overflow:hidden}.work-share-url-canvas-bar{min-width:0;font-size:var(--type-meta);text-transform:uppercase;border-bottom:1px solid #21212129;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 10px;line-height:1;display:grid}.work-share-url-canvas-bar>span{color:#2121219e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-share-url-canvas-bar a{color:#212121c7;text-transform:uppercase;align-items:center;gap:5px;display:inline-flex}.work-share-url-canvas-frame{background:#fff;min-height:0;position:relative}.work-share-url-canvas-frame iframe{background:#fff;border:0;width:100%;height:100%;display:block}.work-share-url-canvas-loading{color:#21212175;font-size:var(--type-meta);text-transform:uppercase;background:#efefef;place-items:center;display:grid;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.work-share-browser-form button:hover{border-radius:999px}}@keyframes work-share-message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes work-share-cursor-blink{0%,46%{opacity:.72}47%,to{opacity:0}}@keyframes work-share-lightbox-open{0%{transform:translate3d(var(--origin-x), var(--origin-y), 0) scale(var(--origin-scale-x), var(--origin-scale-y))}to{transform:translate(0)scale(1)}}@keyframes work-share-lightbox-close{0%{transform:translate(0)scale(1)}to{transform:translate3d(var(--origin-x), var(--origin-y), 0) scale(var(--origin-scale-x), var(--origin-scale-y))}}@keyframes work-share-lightbox-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes work-share-lightbox-backdrop-out{0%{opacity:1}to{opacity:0}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:680px){.work-share-item[data-category=media]:not([data-span="12"]){grid-column:span 6}}@media (min-width:1180px){.work-share-item[data-span="4"]{grid-column:span 4}.work-share-item[data-span="5"]{grid-column:span 5}.work-share-item[data-span="6"]{grid-column:span 6}.work-share-item[data-span="7"]{grid-column:span 7}.work-share-item[data-span="8"]{grid-column:span 8}.work-share-item[data-span="12"]{grid-column:1/-1}}@media (max-width:899px){.work-share-page{grid-template-columns:1fr;height:auto;min-height:100svh;overflow:visible}.work-share-canvas-shell{height:72svh}.work-share-canvas{--work-share-tab-width:104px}.work-share-canvas-time{display:none}.work-share-wall{height:100%}.work-share-internal-canvas{min-height:72svh}.taste-board-grid{column-count:2}.work-share-panel{min-height:100svh}.work-share-lightbox-frame{max-width:calc(100vw - 24px);max-height:calc(100svh - 84px)}.work-share-lightbox-arrow{width:36px;height:36px;top:auto;bottom:14px;translate:0}.work-share-lightbox-arrow[data-direction=previous]{left:12px}.work-share-lightbox-arrow[data-direction=next]{right:12px}}@media (min-width:720px){.taste-board-grid{column-count:3;column-gap:12px;padding-bottom:12px}.taste-board-pin{margin-bottom:12px}}@media (min-width:1280px){.taste-board-grid{column-count:4}}@media (min-width:1700px){.taste-board-grid{column-count:4;column-gap:14px;padding-bottom:14px}.taste-board-pin{margin-bottom:14px}}@media (prefers-reduced-motion:reduce){.work-share-grid[data-tile-set=clone]{display:none}.work-share-card,.taste-board-card{transition-duration:0s}.work-share-lightbox,.work-share-lightbox-frame{animation:none}.work-share-item:hover .work-share-card,.work-share-item:active .work-share-card,.taste-board-pin:hover .taste-board-card,.taste-board-pin:active .taste-board-card{scale:1}.work-share-canvas-tab-wrap,.work-share-canvas-active-tab,.work-share-canvas-tab-close,.work-share-figma-cursor,.work-share-chat-message,.work-share-typewriter-cursor,.work-share-message-copy,.work-share-browser-form button{transition-duration:0s;animation:none}.work-share-message-bubble .work-share-typewriter-cursor{display:none}}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}