/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@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-border-style:solid;--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-ease:initial;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-sm--line-height:calc(1.25 / .875);--text-base--line-height: 1.5 ;--text-lg--line-height:calc(1.75 / 1.125);--text-xl--line-height:calc(1.75 / 1.25);--text-2xl--line-height:calc(2 / 1.5);--text-3xl--line-height: 1.2 ;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--radius-xs:var(--radius-xs);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--radius-3xl:var(--radius-3xl);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-body);--default-mono-font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing-0:var(--spacing-0);--spacing-50:var(--spacing-50);--spacing-100:var(--spacing-100);--spacing-150:var(--spacing-150);--spacing-200:var(--spacing-200);--spacing-300:var(--spacing-300);--spacing-400:var(--spacing-400);--spacing-600:var(--spacing-600);--spacing-800:var(--spacing-800);--spacing-1000:var(--spacing-1000);--spacing-1200:var(--spacing-1200);--spacing-1600:var(--spacing-1600);--radius-none:var(--radius-none);--radius-full:var(--radius-full);--color-border:var(--border);--color-accent:var(--color-accent);--color-link:var(--color-link)}}@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%;-moz-tab-size:4;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;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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border)}html{font-size:var(--font-size-root);background:var(--color-bg-subtle)}body{background-color:var(--background);font-family:var(--font-body);--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light);color:var(--foreground);font-size:var(--font-size-sm);line-height:var(--line-height-sm);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--foreground)}h1{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl);padding:0}h2{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}h3{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);margin:0;padding:0}h4{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}h5{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter{text-transform:uppercase}@media(max-width:48em){h1{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}h2{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}h3{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}h4{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}h5{font-size:var(--font-size-base);line-height:var(--line-height-base)}}a{color:var(--color-link)}::selection{color:var(--color-selection-text);background:var(--color-selection-bg)}}@layer components;@layer utilities{.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}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.top-0{top:var(--spacing-0)}.isolate{isolation:isolate}.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}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.w-full{width:100%}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.p-400{padding:var(--spacing-400)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--font-size-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--font-size-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.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)}.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,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;position:relative}.container-xl{max-width:1340px}.container-xs{max-width:720px}.section-cases-grid{align-items:stretch}.grid-portfolio,.grid{grid-template-columns:repeat(12,1fr);gap:32px;padding-bottom:40px;display:grid}@media(max-width:48em){.grid-portfolio,.grid{gap:48px 24px}}.col-8,.width-8\/12{grid-column:span 8}.col-4,.width-4\/12{grid-column:span 4}.col-7,.width-7\/12{grid-column:span 7}.col-5,.width-5\/12{grid-column:span 5}.col-6,.width-6\/12{grid-column:span 6}.col-1,.width-1\/12{grid-column:span 1}.col-12,.width-12\/12{grid-column:span 12}@media(max-width:48em){.width-1\/12\@m{grid-column:span 1}.width-2\/12\@m{grid-column:span 2}.width-3\/12\@m{grid-column:span 3}.width-4\/12\@m{grid-column:span 4}.width-5\/12\@m{grid-column:span 5}.width-6\/12\@m{grid-column:span 6}.width-7\/12\@m{grid-column:span 7}.width-8\/12\@m{grid-column:span 8}.width-9\/12\@m{grid-column:span 9}.width-10\/12\@m{grid-column:span 10}.width-11\/12\@m{grid-column:span 11}.width-12\/12\@m{grid-column:span 12}}.mt-xl{margin-top:160px}.mb-xl{margin-bottom:160px}.mt-l{margin-top:80px}.mb-l{margin-bottom:80px}.mt-m{margin-top:40px}.mt-s{margin-top:24px}.mb-s{margin-bottom:24px}.mb-20{margin-bottom:20px}.pb-m{padding-bottom:40px}.pt-l{padding-top:80px}.pb-l{padding-bottom:80px}.p-l{padding:80px}@media(max-width:48em){.mt-xl{margin-top:32px}.mb-xl{margin-bottom:32px}.mt-l{margin-top:24px}.mb-l{margin-bottom:24px}}p{margin-top:12px;margin-bottom:24px;font-size:18px;line-height:32.4px}p:first-letter{text-transform:uppercase}.no-ml{margin-left:0}.big-header{font-family:var(--font-heading);word-break:break-all;padding-top:var(--spacing-m);font-size:60px;font-weight:700;line-height:66px;display:inline-block}p.big-description,.big-description,.big-description.no-ml{width:66.6667%;color:var(--color-text);margin-left:16.6667%;font-size:36px;font-weight:300;line-height:54px}.big-text{letter-spacing:0;margin-top:12px;margin-bottom:24px;font-size:22px;font-weight:400;line-height:38.4px}@media(max-width:48em){.big-header{font-size:46px;line-height:56px}p.big-description,.big-description,.big-description.no-ml{width:100%;margin-left:0;font-size:26px;line-height:44px}}.project-detail-title span,.project-title span{color:var(--color-text-muted);font-weight:400}.project-title{font-family:var(--font-heading);max-width:80%;font-size:58px;font-weight:500;line-height:62px}@media(max-width:48em){.project-title{font-size:32px;line-height:40px}}.section-cases-item{height:480px;color:inherit;background:#f9f9f9;border-radius:12px;flex-direction:column;padding:40px;text-decoration:none;display:flex;position:relative;overflow:hidden}.section-cases-item.h-auto{height:auto}.section-cases-item-title,.latest-project-title{transition:all var(--duration-base) ease;flex-shrink:0;margin-bottom:24px;position:relative}.section-cases-item-label,.section-cases-item-description{flex-shrink:0}.section-cases-item-title.title-small,.title-small{font-size:26px}.section-cases-item-title:after,.latest-project-title:after{content:"→";opacity:0;transition:all var(--duration-base) ease;cursor:pointer;margin:0 0 0 -30px;font-weight:lighter;position:absolute}a.section-cases-item{cursor:pointer;transition:all var(--duration-slower) ease;transform:scale(.988)}a.section-cases-item:hover{transform:scale(1.02);box-shadow:0 13px 27px -5px #32325d1f,0 8px 16px -8px #0000001a}a.section-cases-item:hover .section-cases-item-title{margin-left:-10px}a.section-cases-item:hover .section-cases-item-title:after{opacity:1;margin-left:0}.arrow-external:hover .section-cases-item-title:after{transform:rotate(-90deg)}.section-cases-item-label{color:var(--color-text-muted);font-size:16px;line-height:20px}.section-cases-item-description{color:var(--color-text);margin-top:0}.section-cases-item picture{pointer-events:none;align-items:flex-end;gap:0;width:100%;margin-top:auto;display:flex}.section-cases-item picture img{flex-shrink:0;width:auto;max-width:none;height:auto;max-height:600px;display:block}.case-mindset{background-color:#b7e7e8}.bg-fou{background-color:#fbf4ef}.grid__item.section-cases-item.case-movibeta,.case-movibeta{background:#e7edfd;grid-row:span 2;height:100%;min-height:100%}.case-movibeta picture{max-height:600px;margin-top:auto}.case-movibeta picture img{object-fit:contain;height:870px;margin-top:-25px;margin-left:-40px;max-height:870px!important}.grid__item.section-cases-item.case-companion,.case-companion{background-color:#e2e9eb;grid-row:span 2;height:auto}.grid__item.section-cases-item.case-guia-hedonista,.case-guia-hedonista{background:#f8f4f2;grid-row:span 2;height:auto}.grid__item.section-cases-item.case-keepkee,.case-keepkee{background:#dddfe8;grid-row:span 2;height:auto}.case-hooptap{background:#f7f7fb}.grid__item.section-cases-item.case-favbox,.case-favbox{background-color:#dadfe0;grid-row:span 2;height:auto}.case-favbox picture{margin-top:110px;margin-left:-100px}.case-favbox picture img:first-child{margin-left:-20px}.case-favbox picture img:nth-child(2){margin-top:-80px}.grid__item.section-cases-item.case-nones,.case-nones{background-color:#faf4f6;grid-row:span 2;height:auto}@media(max-width:48em){.section-cases-item,.case-movibeta,.case-companion,.case-guia-hedonista,.case-keepkee,.case-favbox,.case-nones{grid-row:span 1;height:auto;max-height:380px}.section-cases-item picture{display:none}.section-cases-item picture img{width:auto;max-width:none;height:auto;max-height:380px}}.latest-project-story{grid-column:3/12;align-items:center;display:flex}.latest-project-story-content span{color:var(--color-text-muted);line-height:1.4}.latest-project-title{transition:all var(--duration-base) ease;margin-bottom:24px;position:relative}.latest-project-title:after{content:"→";opacity:0;transition:all var(--duration-base) ease;margin:0 0 0 -30px;font-weight:lighter;position:absolute}.latest-project-title:hover{margin-left:-10px;text-decoration:underline}.latest-project-title:hover:after{opacity:1;margin-left:0}@media(max-width:48em){.latest-project-story{grid-column:1/-1}}.button-nav{transition:all var(--duration-base) ease-in;border-radius:8px;padding:4px 8px;text-decoration:none}.button-nav:hover,.selected{color:var(--color-text);background:var(--color-bg-overlay)}.pill{border:2px solid var(--color-bg-overlay);background:var(--color-bg-elevated);transition:all var(--duration-base) ease-in;color:var(--color-text);border-radius:8px;align-items:center;padding:6px 16px 6px 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.pill:hover{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>💌</text></svg>") 16 0,auto;background:var(--color-bg-overlay);border:2px solid #edefec}.pill span{align-items:center;display:flex}.pill span:before{content:"";background:#00da00;border-radius:50%;width:8px;height:8px;margin-right:8px;animation:.5s linear infinite blink}.ml-xs{margin-left:16px}.alt-font{font-family:var(--font-heading-semibold)}.header-logo.alt-font,a.header-logo{font-family:var(--font-heading);color:var(--color-text);text-decoration:none}.badge{color:var(--color-text-inverse);background:#00f;padding:1px 4px;font-size:10px;line-height:12px;display:inline-flex;position:relative;top:-6px}.max-h-m{max-height:340px}.bg-alt{background:var(--color-bg-overlay)}@keyframes blink{0%{opacity:0;transform:scale(.5)}50%{opacity:.5}to{opacity:1;transform:scale(1)}}.text-center{text-align:center}footer svg{vertical-align:middle;display:inline-block;transform:rotate(95deg)}footer svg path{fill:var(--color-accent)}@media(max-width:48em){footer svg{display:none}footer li{margin-top:16px}}.banner{background:var(--color-bg-inverse);color:var(--color-text-inverse);padding:40px 0}.banner h3{font-family:var(--font-heading);margin:0;padding:0;font-size:24px;font-weight:500;line-height:1.2;color:var(--color-text-inverse)!important}.banner .email span{color:var(--color-text-inverse);white-space:nowrap}@media(max-width:48em){.banner .container{gap:32px;display:grid}}.me,.max-h-m.me{z-index:var(--z-base);width:auto;height:auto;max-height:340px;display:block;position:absolute;top:-110px;right:2%;transform:rotate(-8deg)}@media(max-width:48em){.me,.max-h-m.me{max-height:120px;top:-48px}}.page-about .big-header,.page-about .drawing-icon{z-index:var(--z-raised);position:relative}.section-principles{background:var(--color-bg-overlay);color:var(--color-text);padding:120px 0;position:relative;overflow:hidden}.section-principles .grid__item{color:var(--color-text);background:var(--color-bg-overlay);transition:transform var(--duration-base) ease;border-radius:32px;padding:64px 40px}.section-principles .grid__item:hover{transform:rotate(-1deg)}.section-principles .section-title-header,.section-principles .item-headline{color:var(--color-text)}h5.item-headline.alt-font span{text-align:center;background:#edefec;border-radius:100px;width:72px;height:72px;margin-bottom:24px;font-size:40px;line-height:72px;display:block}.list-square{list-style:inside square}.as-p{margin-top:12px;margin-bottom:24px;font-size:18px;line-height:32.4px}.label{color:var(--color-text-muted);letter-spacing:.83px;text-transform:uppercase;font-size:12px;font-weight:700;line-height:12px;display:block}.displace-xl{margin-top:280px}.displace-xl img{max-width:100%;margin-top:-160px;margin-left:auto;margin-right:auto;display:block}.project-detail-content .text-center img{margin-left:auto;margin-right:auto;display:block}.container.container-xs{max-width:720px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.container-xs.grid.oauto{max-width:720px}@media(max-width:48em){.displace-xl{margin-top:120px}.displace-xl img{max-width:80%;margin-top:-80px}}.fullwidth{width:100%}.fullwidth .prose-project .project-media__img{max-width:100%}.fullwidth.bg-soft-grey{background-color:var(--color-bg-muted)}.project-section-grid .fou-vid,.section-cases-grid video{border-radius:16px;width:100%}.caption{text-align:center;color:var(--color-text-muted);letter-spacing:-.5px;margin-top:10px;font-family:Andale Mono,AndaleMono,monaco,consolas,monospace;font-size:12px;font-weight:500;line-height:1.4}.text-bold{font-family:var(--font-heading-semibold);margin-bottom:8px;font-size:22px;font-weight:700}.project-detail img,.project-detail video{max-width:100%;height:auto}.prose-project .project-media{text-align:center;margin:40px 0}.prose-project .project-media__img{border-radius:16px;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:block}[data-slug=all-pass] .project-media__img,[data-slug=all-pass] video{width:auto;max-height:620px;margin-left:auto;margin-right:auto}[data-slug=all-pass] .project-article-hero-img{width:auto;max-height:640px;margin-left:auto;margin-right:auto}[data-slug=all-pass] .project-section-grid-item .project-prose .project-media__img{width:auto;height:auto;max-height:500px}[data-slug=lotus] .project-article-hero-media{aspect-ratio:16/10;border-radius:var(--radius-lg)}[data-slug=lotus] .project-section-fullwidth video{border-radius:var(--radius-lg);width:auto;max-height:640px;margin-left:auto;margin-right:auto}.project-detail-content .bg-keepkee{overflow:hidden}.project-detail-content .bg-keepkee img{width:100%;max-width:min(1120px,100%);margin-left:auto;margin-right:auto;display:block;box-shadow:0 16px 48px #00000059}.project-detail .prose-project p,.project-detail-text p{margin-top:12px;margin-bottom:24px;font-size:18px;line-height:32.4px}.project-detail .prose-project ul,.project-detail-text ul,.project-detail ul{padding-left:24px;list-style-type:square}.project-detail .prose-project li,.project-detail-text li,.project-detail li{margin-top:12px;margin-bottom:16px;font-size:18px;line-height:32.4px}.project-detail .prose-project ol,.project-detail-text ol,.project-detail ol.project-ol{margin:12px 0 24px;padding-left:24px;list-style:decimal}.project-detail .prose-project .project-table-wrap,.project-detail-text .project-table-wrap{-webkit-overflow-scrolling:touch;width:100%;margin:24px 0 32px;overflow-x:auto}.project-detail .prose-project .project-table,.project-detail-text .project-table{border-collapse:collapse;width:100%;min-width:480px;font-size:16px;line-height:1.5}.project-detail .prose-project .project-table th,.project-detail .prose-project .project-table td,.project-detail-text .project-table th,.project-detail-text .project-table td{text-align:left;vertical-align:top;border:1px solid #0000001f;padding:12px 16px}.project-detail .prose-project .project-table th,.project-detail-text .project-table th{font-family:var(--font-heading-semibold);background:#0000000a;font-weight:700}.project-detail .prose-project .project-table tr:nth-child(2n) td,.project-detail-text .project-table tr:nth-child(2n) td{background:#00000005}.project-detail .prose-project .project-pre,.project-detail-text .project-pre{color:var(--color-code-text);background:var(--color-code-bg);border:1px solid var(--color-code-border);white-space:pre;-webkit-overflow-scrolling:touch;border-radius:12px;margin:24px 0 32px;padding:20px 24px;font-family:Andale Mono,AndaleMono,monaco,consolas,monospace;font-size:13px;line-height:1.55;overflow-x:auto}.project-detail .prose-project .project-code-inline,.project-detail-text .project-code-inline{color:var(--color-code-text);background:var(--color-code-bg);border:1px solid var(--color-code-border);border-radius:4px;padding:2px 6px;font-family:Andale Mono,AndaleMono,monaco,consolas,monospace;font-size:.9em}.project-detail .prose-project blockquote,.project-detail-text blockquote,.project-detail blockquote{border-left:3px solid var(--color-text);margin:30px 0 40px;padding-left:20px;font-size:18px;font-style:italic;line-height:32.4px}.project-detail blockquote .text-bold,.project-detail-text blockquote .text-bold{font-style:normal}.project-detail .prose-project a,.project-detail-text a,.project-detail a{color:var(--color-text);background-color:#8484841a;text-decoration:none}.project-detail .prose-project .bold,.project-detail-text .bold,.project-detail .bold{font-weight:700}.text-highlight,.project-detail .prose-project strong,.project-detail-text strong,.project-detail strong{color:var(--color-prose-highlight-text);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(to top,transparent 0%,transparent 60%,var(--color-prose-highlight-bg) 60%,var(--color-prose-highlight-bg) 100%);background:-webkit-linear-gradient(top,transparent 0%,transparent 60%,var(--color-prose-highlight-bg) 60%,var(--color-prose-highlight-bg) 100%);padding:0 4px;font-weight:700}.project-detail .text-bold strong,.project-detail .text-bold .text-highlight,.project-detail-text .text-bold strong{font-size:inherit;line-height:inherit}.project-detail .text-bold,.project-detail-text .text-bold{font-family:var(--font-heading-semibold);margin-bottom:8px;font-size:22px;font-weight:700}.project-detail .text-bold.text-center,.project-detail-text .text-bold.text-center{text-align:center}.circle-wrapper{flex-flow:wrap;justify-content:center;display:flex}.circle-figure{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;max-width:400px;padding:0 32px;display:flex}.circle{width:220px;height:220px;color:var(--color-text-inverse);background-color:#1651f0;border-radius:50%;justify-content:center;align-items:center;font-size:4.5rem;font-weight:700;display:flex}.data-rect{background:#f0f0f0;border-radius:32px;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;max-width:400px;margin:8px;padding:40px 30px;display:flex}.data-num{font-size:4.5rem;font-weight:700}.project-detail-text{animation:project-title-in var(--duration-slow) var(--ease-standard) .4s forwards;opacity:0}.project-detail-text p+.label,.prose-project .label:first-child{margin-top:0}.circle-logo{background:var(--color-bg-inverse);opacity:0;width:128px;height:128px;animation:project-title-in var(--duration-slow) var(--ease-standard) .4s forwards;border-radius:50%;justify-content:center;align-self:center;margin:0 auto;padding:24px;display:flex;box-shadow:0 4px 15px #282c350f,0 2px 2px #282c3514}.circle-logo img{width:100%}.vh100{min-height:calc(100vh - var(--header-height))}.dl-grid{grid-template-rows:1fr auto;display:grid}.flex-end{align-self:flex-end;align-items:flex-end;display:flex}.v-center{align-content:center;display:grid}.page-404 .vh100.dl-grid{min-height:calc(100vh - var(--header-height))}.notfound-title{margin:0;font-size:32px;line-height:1.2}.notfound-icon img{margin:0 auto;display:block}.bg-ryanair{background:#0d49c0}.bg-ryanair .circle-logo{background:#073590}.bg-cepsa{background:#1f303e}.bg-cepsa .circle-logo{background:#12191f6e}.bg-bbva{background:#0c2a68}.bg-bbva .circle-logo{background:#072146}.bg-koaHealth{background:#fbf4ef}.bg-keepkee{background:#1a1e23}.bg-movibeta-soft{background:#eff2f7}.bg-nones-soft{background:#faf4f6}.project-detail-content .displace-xl.bg-nones-soft img{max-width:min(1120px,80%)}.bg-soft-grey{background:var(--color-bg-muted)}.cl-black{color:var(--color-text)!important}.cl-grey{color:var(--color-text-muted)!important}.underline-hover:hover{text-decoration:underline}.oauto{margin:0 auto}.no\@dkt{display:inline}@media(min-width:48em){.no\@dkt{display:none!important}}.header{height:var(--header-height);align-items:center;font-size:16px;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.dl-b{display:block}.w-100{width:100%}.auto{margin:auto}.img-fit{object-fit:cover;width:100%;height:100%}.cap{text-transform:capitalize}.br-m{border-radius:16px}.br-l{border-radius:24px}.br-xl{border-radius:32px}.no\@m{display:block}@media(max-width:48em){.no\@m{display:none!important}}.back-icon{width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:all var(--duration-base) cubic-bezier(.68,-.55,.27,1.55);border-radius:50%;flex:none;justify-content:center;align-items:center;text-decoration:none;display:flex;box-shadow:0 4px 16px #0000001a}.back-icon:hover{transition:all var(--duration-base) cubic-bezier(.68,-.55,.27,1.55);transform:scale(1.4)}.back-text{font-family:var(--font-heading-semibold)}.back-button{align-items:center;display:flex}.snackbar{border:1px solid;border-radius:8px;padding:24px;font-weight:700}.snackbar-info{background:#fafcff;border-color:#ecf2fe}.grid__item>.section-cases-item{flex-direction:column;width:100%;height:100%;display:flex}}:root{color-scheme:light;--palette-slate-0:#fff;--palette-slate-50:#f8fafc;--palette-slate-100:#f1f5f9;--palette-slate-200:#e2e8f0;--palette-slate-300:#cbd5e1;--palette-slate-400:#94a3b8;--palette-slate-500:#64748b;--palette-slate-600:#475569;--palette-slate-700:#334155;--palette-slate-800:#1e293b;--palette-slate-900:#0f172a;--palette-slate-950:#020617;--surface-0:var(--palette-slate-0);--surface-50:var(--palette-slate-50);--surface-100:var(--palette-slate-100);--surface-200:var(--palette-slate-200);--surface-300:var(--palette-slate-300);--surface-400:var(--palette-slate-400);--surface-500:var(--palette-slate-500);--surface-600:var(--palette-slate-600);--surface-700:var(--palette-slate-700);--surface-800:var(--palette-slate-800);--surface-900:var(--palette-slate-900);--surface-950:var(--palette-slate-950);--palette-brand-blue:#102483;--palette-brand-yellow:#ffc700;--palette-brand-blue-bright:#00f;--palette-success:#22c55e;--palette-callout-bg:#fdf2f2;--palette-callout-text:#5c1a1a;--palette-drawing-icon-yellow:#fecb4a;--palette-drawing-icon-blue:#2727e6;--palette-playground-yellow:#fff59d;--palette-playground-pink:#f8bbd0;--palette-playground-orange:#ffcc80;--palette-playground-green:#a5d6a7;--palette-playground-purple:#ce93d8;--palette-playground-blue:#81d4fa;--palette-playground-teal:#80cbc4;--palette-playground-rose:#ef9a9a;--palette-playground-sand:#ffe082;--palette-playground-sky:#90caf9;--palette-gradient-footer-1:#ff9eb5;--palette-gradient-footer-2:#fff59d;--palette-gradient-footer-3:#81d4fa;--palette-gradient-footer-4:#ce93d8;--color-bg:var(--surface-0);--color-bg-subtle:var(--surface-50);--color-bg-muted:var(--surface-100);--color-bg-sidebar:var(--surface-100);--color-bg-sidebar-hover:var(--surface-200);--color-bg-sidebar-active:var(--surface-200);--color-bg-elevated:var(--surface-0);--color-bg-inverse:var(--surface-950);--color-bg-inverse-hover:var(--surface-900);--color-bg-soft:var(--surface-100);--color-bg-overlay:#16330014;--color-bg-callout:var(--palette-callout-bg);--color-bg-media:var(--surface-100);--color-bg-blog:var(--surface-200);--color-text:var(--surface-950);--color-text-muted:var(--surface-500);--color-text-inverse:var(--surface-0);--color-text-callout:var(--palette-callout-text);--color-focus-outline:var(--color-text);--color-border:var(--surface-300);--color-border-subtle:var(--surface-200);--color-border-strong:var(--surface-400);--color-border-faint:#0003;--color-link:var(--palette-brand-blue);--color-link-hover:var(--surface-950);--color-accent:var(--palette-brand-yellow);--color-success:var(--palette-success);--color-selection-text:var(--surface-950);--color-selection-bg:var(--palette-brand-yellow);--color-shadow-sm:#00000014;--color-drawing-icon:var(--palette-drawing-icon-yellow);--color-text-on-drawing-icon:var(--surface-950);--color-playground-yellow:var(--palette-playground-yellow);--color-playground-pink:var(--palette-playground-pink);--color-playground-orange:var(--palette-playground-orange);--color-playground-green:var(--palette-playground-green);--color-playground-purple:var(--palette-playground-purple);--color-playground-blue:var(--palette-playground-blue);--color-playground-teal:var(--palette-playground-teal);--color-playground-rose:var(--palette-playground-rose);--color-playground-sand:var(--palette-playground-sand);--color-playground-sky:var(--palette-playground-sky);--color-highlight-yellow:var(--color-playground-yellow)}@supports (color:color-mix(in lab,red,red)){:root{--color-highlight-yellow:color-mix(in srgb, var(--color-playground-yellow) 34%, #fff)}}:root{--color-highlight-pink:var(--color-playground-pink)}@supports (color:color-mix(in lab,red,red)){:root{--color-highlight-pink:color-mix(in srgb, var(--color-playground-pink) 34%, #fff)}}:root{--color-highlight-orange:var(--color-playground-orange)}@supports (color:color-mix(in lab,red,red)){:root{--color-highlight-orange:color-mix(in srgb, var(--color-playground-orange) 34%, #fff)}}:root{--color-highlight-green:var(--color-playground-green)}@supports (color:color-mix(in lab,red,red)){:root{--color-highlight-green:color-mix(in srgb, var(--color-playground-green) 34%, #fff)}}:root{--color-highlight-purple:var(--color-playground-purple)}@supports (color:color-mix(in lab,red,red)){:root{--color-highlight-purple:color-mix(in srgb, var(--color-playground-purple) 34%, #fff)}}:root{--color-highlight-blue:var(--color-playground-blue)}@supports (color:color-mix(in lab,red,red)){:root{--color-highlight-blue:color-mix(in srgb, var(--color-playground-blue) 28%, #fff)}}:root{--color-highlight-teal:var(--color-playground-teal)}@supports (color:color-mix(in lab,red,red)){:root{--color-highlight-teal:color-mix(in srgb, var(--color-playground-teal) 34%, #fff)}}:root{--color-highlight-rose:var(--color-playground-rose)}@supports (color:color-mix(in lab,red,red)){:root{--color-highlight-rose:color-mix(in srgb, var(--color-playground-rose) 34%, #fff)}}:root{--color-highlight-sand:var(--color-playground-sand)}@supports (color:color-mix(in lab,red,red)){:root{--color-highlight-sand:color-mix(in srgb, var(--color-playground-sand) 34%, #fff)}}:root{--color-highlight-sky:var(--color-playground-sky)}@supports (color:color-mix(in lab,red,red)){:root{--color-highlight-sky:color-mix(in srgb, var(--color-playground-sky) 28%, #fff)}}:root{--color-bg-nda-banner:var(--color-playground-blue)}@supports (color:color-mix(in lab,red,red)){:root{--color-bg-nda-banner:color-mix(in srgb, var(--color-playground-blue) 28%, #fff)}}:root{--color-text-nda-banner:var(--color-text-muted);--color-gradient-footer-1:var(--palette-gradient-footer-1);--color-gradient-footer-2:var(--palette-gradient-footer-2);--color-gradient-footer-3:var(--palette-gradient-footer-3);--color-gradient-footer-4:var(--palette-gradient-footer-4);--color-prose-highlight-bg:#fbf36d;--color-prose-highlight-text:inherit;--color-code-bg:var(--surface-900);--color-code-text:var(--surface-100);--color-code-border:var(--surface-700);--color-text-on-pastel:var(--color-text);--color-glyph-fill:var(--palette-slate-0);--color-glyph-ink:var(--color-text-on-pastel);--palette-work-card-media-koa-foundations:url(/img/projects/foundations/foundations-bg.png) center / cover no-repeat;--palette-work-card-media-koa-mindset-design-system:#b7e7e8;--palette-work-card-media-koa-mindset-app:#b7e7e8;--palette-work-card-media-movibeta:#e5ecff;--palette-work-card-media-companion:#ebe5ff;--palette-work-card-media-ryanair:#0d49c0;--palette-work-card-media-bbva:#0c2a68;--palette-work-card-media-cepsa:#1f303e;--palette-work-card-media-datamaran:#341424;--palette-work-card-media-datamaran-vibe-coding-template:#341425;--color-work-card-media-koa-foundations:var(--palette-work-card-media-koa-foundations);--color-work-card-media-koa-mindset-design-system:var(--palette-work-card-media-koa-mindset-design-system);--color-work-card-media-koa-mindset-app:var(--palette-work-card-media-koa-mindset-app);--color-work-card-media-movibeta:var(--palette-work-card-media-movibeta);--color-work-card-media-companion:var(--palette-work-card-media-companion);--color-work-card-media-ryanair:var(--palette-work-card-media-ryanair);--color-work-card-media-bbva:var(--palette-work-card-media-bbva);--color-work-card-media-cepsa:var(--palette-work-card-media-cepsa);--color-work-card-media-datamaran:var(--palette-work-card-media-datamaran);--color-work-card-media-datamaran-vibe-coding-template:var(--palette-work-card-media-datamaran-vibe-coding-template);--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;--font-heading:"Sharp Grotesk Medium", "Open Sans", ui-sans-serif, sans-serif;--font-heading-semibold:"Sharp Grotesk SmBold", "Open Sans", ui-sans-serif, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing-0:0;--spacing-50:2px;--spacing-100:4px;--spacing-150:6px;--spacing-200:8px;--spacing-300:12px;--spacing-400:16px;--spacing-600:24px;--spacing-800:32px;--spacing-1000:40px;--spacing-1200:48px;--spacing-1600:64px;--layout-sidebar-width:calc(var(--spacing-1600) * 3 + var(--spacing-200));--layout-sidebar-width-collapsed:var(--spacing-1600);--layout-main-padding-inline:calc(var(--spacing-1200) + var(--spacing-200));--layout-section-gap-xl:calc(var(--spacing-1000) + var(--spacing-1000));--layout-section-gap-2xl:calc(var(--spacing-1200) + var(--spacing-1000) + var(--spacing-800));--layout-footer-cta-padding-y:calc(var(--spacing-1000) + var(--spacing-1000) + var(--spacing-1000));--layout-footer-cta-padding-bottom:calc(var(--spacing-1600) + var(--spacing-1600) + var(--spacing-800));--layout-content-narrow:42rem;--layout-content-medium:45rem;--layout-content-wide:56rem;--shadow-offset-y-hairline:1px;--shadow-blur-sm:var(--spacing-50);--shadow-blur-md:var(--spacing-100);--shadow-raised:#0000001f 0px 1px 1px 0px, #30313d14 0px 2px 5px 0px;--ease-standard:cubic-bezier(.6, .2, .1, 1);--duration-instant:.1s;--duration-quick:.12s;--duration-fast:.15s;--duration-base:.2s;--duration-moderate:.24s;--duration-slow:.4s;--duration-slower:.6s;--duration-entrance:.8s;--z-below:-1;--z-base:0;--z-raised:1;--z-overlap:2;--z-sticky:9;--z-nav:190;--z-dialog:200;--icon-size-2xs:10px;--icon-stroke-2xs:2;--icon-size-xs:12px;--icon-stroke-xs:1.75;--icon-size-sm:14px;--icon-stroke-sm:2;--icon-size-md:16px;--icon-stroke-md:2;--icon-size-lg:18px;--icon-stroke-lg:1.5;--icon-size-xl:20px;--icon-stroke-xl:1.5;--font-size-root:14px;--font-size-xxs:.714rem;--font-size-xs:.857rem;--font-size-sm:1rem;--font-size-base:1.143rem;--font-size-lg:1.286rem;--font-size-xl:1.429rem;--font-size-2xl:1.714rem;--font-size-3xl:2.143rem;--font-size-4xl:2.571rem;--line-height-xs:1.333;--line-height-sm:1.429;--line-height-base:1.5;--line-height-lg:1.556;--line-height-xl:1.4;--line-height-2xl:1.333;--line-height-3xl:1.2;--line-height-4xl:1.111;--line-height-prose:1.75;--line-height-relaxed:1.8;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--radius-none:var(--spacing-0);--radius-xs:var(--spacing-50);--radius-sm:var(--spacing-100);--radius-card:var(--spacing-150);--radius-md:var(--spacing-200);--radius-lg:var(--spacing-400);--radius-xl:var(--spacing-800);--radius-2xl:var(--spacing-1200);--radius-3xl:var(--spacing-1600);--radius-full:50%;--header-height:80px;--background:var(--color-bg);--foreground:var(--color-text);--primary:var(--color-link);--primary-foreground:var(--color-text-inverse);--muted:var(--color-bg-muted);--muted-foreground:var(--color-text-muted);--border:var(--color-border-subtle)}:root.dark,[data-theme=dark]{color-scheme:dark;--color-bg:var(--surface-950);--color-bg-subtle:var(--surface-950);--color-bg-muted:var(--surface-900);--color-bg-sidebar:var(--surface-950);--color-bg-sidebar-hover:var(--surface-900);--color-bg-sidebar-active:var(--surface-800);--color-bg-elevated:var(--surface-800);--color-bg-inverse:var(--surface-0);--color-bg-inverse-hover:var(--surface-100);--color-bg-soft:var(--surface-900);--color-bg-overlay:#00000080;--color-bg-callout:#3d2424;--color-bg-media:var(--surface-800);--color-bg-blog:var(--surface-800);--color-text:var(--surface-100);--color-text-muted:var(--surface-400);--color-text-inverse:var(--surface-950);--color-text-callout:#f5c4c4;--color-border:var(--surface-700);--color-border-subtle:var(--surface-800);--color-border-strong:var(--surface-600);--color-border-faint:#ffffff1f;--color-link:var(--palette-brand-yellow);--color-link-hover:var(--surface-0);--color-accent:var(--palette-brand-yellow);--color-selection-text:var(--surface-0);--color-selection-bg:var(--palette-brand-blue-bright);--color-drawing-icon:var(--palette-drawing-icon-blue);--color-text-on-drawing-icon:var(--surface-0);--color-prose-highlight-bg:#0e17ff;--color-prose-highlight-text:var(--surface-0);--color-text-on-pastel:var(--surface-950);--color-bg-nda-banner:var(--palette-playground-blue)}@supports (color:color-mix(in lab,red,red)){:root.dark,[data-theme=dark]{--color-bg-nda-banner:color-mix(in srgb, var(--palette-playground-blue) 22%, var(--surface-900))}}:root.dark,[data-theme=dark]{--color-text-nda-banner:var(--color-text-muted);--color-code-bg:var(--surface-100);--color-code-text:var(--surface-900);--color-code-border:var(--surface-300);--background:var(--color-bg);--foreground:var(--color-text);--primary:var(--color-link);--muted:var(--color-bg-muted);--muted-foreground:var(--color-text-muted);--border:var(--color-border-subtle)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not(.light){color-scheme:dark;--color-bg:var(--surface-950);--color-bg-subtle:var(--surface-950);--color-bg-muted:var(--surface-900);--color-bg-sidebar:var(--surface-950);--color-bg-sidebar-hover:var(--surface-900);--color-bg-sidebar-active:var(--surface-800);--color-bg-elevated:var(--surface-800);--color-bg-inverse:var(--surface-0);--color-bg-inverse-hover:var(--surface-100);--color-bg-soft:var(--surface-900);--color-bg-overlay:#00000080;--color-bg-callout:#3d2424;--color-bg-media:var(--surface-800);--color-bg-blog:var(--surface-800);--color-text:var(--surface-100);--color-text-muted:var(--surface-400);--color-text-inverse:var(--surface-950);--color-text-callout:#f5c4c4;--color-border:var(--surface-700);--color-border-subtle:var(--surface-800);--color-border-strong:var(--surface-600);--color-border-faint:#ffffff1f;--color-link:var(--palette-brand-yellow);--color-link-hover:var(--surface-0);--color-accent:var(--palette-brand-yellow);--color-selection-text:var(--surface-0);--color-selection-bg:var(--palette-brand-blue-bright);--color-drawing-icon:var(--palette-drawing-icon-blue);--color-text-on-drawing-icon:var(--surface-0);--color-prose-highlight-bg:#0e17ff;--color-prose-highlight-text:var(--surface-0);--color-text-on-pastel:var(--surface-950);--color-bg-nda-banner:var(--palette-playground-blue)}@supports (color:color-mix(in lab,red,red)){:root:not([data-theme=light]):not(.light){--color-bg-nda-banner:color-mix(in srgb, var(--palette-playground-blue) 22%, var(--surface-900))}}:root:not([data-theme=light]):not(.light){--color-text-nda-banner:var(--color-text-muted);--color-code-bg:var(--surface-100);--color-code-text:var(--surface-900);--color-code-border:var(--surface-300);--background:var(--color-bg);--foreground:var(--color-text);--primary:var(--color-link);--muted:var(--color-bg-muted);--muted-foreground:var(--color-text-muted);--border:var(--color-border-subtle)}}.text-caption{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.text-sm,.text-body-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.text-base,.text-body{font-size:var(--font-size-base);line-height:var(--line-height-base)}.text-lg,.text-lead{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.text-2xl,.page-title{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-3xl,.hero-title{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}.text-4xl,.hero-title-large{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}.text-normal{font-weight:var(--font-weight-normal)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-bold{font-weight:var(--font-weight-bold)}.text-color{color:var(--color-text)}.text-muted-color{color:var(--color-text-muted)}.btn{font:inherit;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease;border:0;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:var(--spacing-50) solid var(--color-focus-outline);outline-offset:var(--spacing-50)}.btn--secondary{background:var(--color-bg-muted);color:var(--color-text)}.btn--secondary:hover{background:var(--color-bg-sidebar-active)}.btn--primary{background:var(--color-bg-inverse);color:var(--color-text-inverse)}.btn--primary:hover{background:var(--color-bg-inverse-hover)}.btn--ghost{color:var(--color-text-muted);background:0 0}.btn--ghost:hover{background:var(--color-bg-muted);color:var(--color-text)}.btn--md{gap:var(--spacing-100);height:var(--spacing-800);padding:0 var(--spacing-400);border-radius:var(--radius-md);font-size:var(--font-size-sm);box-shadow:var(--shadow-raised);font-weight:500}.btn--round{gap:var(--spacing-200);height:var(--spacing-800);padding:0 var(--spacing-300) 0 var(--spacing-200);border-radius:var(--radius-3xl);font-size:var(--font-size-sm)}.btn--block{width:100%;height:var(--spacing-1000);padding:0 var(--spacing-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);justify-content:space-between;display:flex}.btn--icon{width:var(--spacing-1000);height:var(--spacing-1000);border-radius:var(--radius-sm);box-shadow:var(--shadow-raised);padding:0}.btn--icon-sm{width:var(--spacing-600);height:var(--spacing-600);border-radius:var(--radius-sm);transition-duration:var(--duration-quick);padding:0}.btn--icon svg,.btn--icon-sm svg{flex-shrink:0;display:block}.btn--field{gap:var(--spacing-200);padding:0 var(--spacing-300);border:1px solid var(--color-border-subtle);background:var(--color-bg);color:var(--color-text-muted);font-weight:inherit;box-shadow:none;transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease}.btn--field:hover{border-color:var(--color-border)}.btn-field-label{text-align:left;flex:1;min-width:4rem}.btn--field .kbd{font:inherit;font-size:var(--font-size-xs)}.btn:disabled,.btn[aria-disabled=true],.btn:disabled:hover,.btn[aria-disabled=true]:hover{box-shadow:inset 0 0 0 1px var(--color-border-subtle);color:var(--color-text-muted);cursor:default;background:0 0}.kbd{min-width:var(--spacing-400);height:var(--spacing-400);padding:var(--spacing-50) var(--spacing-100);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);background:var(--color-bg-muted);font-family:var(--font-mono);font-size:var(--font-size-xxs);color:var(--color-text);justify-content:center;align-items:center;font-weight:500;line-height:1;display:inline-flex}[data-pastel=yellow]{--pastel:var(--color-playground-yellow)}[data-pastel=pink]{--pastel:var(--color-playground-pink)}[data-pastel=orange]{--pastel:var(--color-playground-orange)}[data-pastel=green]{--pastel:var(--color-playground-green)}[data-pastel=purple]{--pastel:var(--color-playground-purple)}[data-pastel=blue]{--pastel:var(--color-playground-blue)}[data-pastel=teal]{--pastel:var(--color-playground-teal)}[data-pastel=rose]{--pastel:var(--color-playground-rose)}[data-pastel=sand]{--pastel:var(--color-playground-sand)}[data-pastel=sky]{--pastel:var(--color-playground-sky)}.badge--tag{align-items:center;gap:var(--spacing-150);padding:var(--spacing-50) var(--spacing-200);border-radius:var(--radius-sm);background:var(--color-bg-muted);color:var(--color-text);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-semibold);text-transform:none;letter-spacing:normal;display:inline-flex}.badge-dot{border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:.5rem;height:.5rem}.badge-dot[data-pastel]{background:var(--pastel)}.badge--count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.badge--outline{font-size:var(--font-size-xs);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:0 var(--spacing-300);flex-shrink:0;line-height:1.6}.badge--chip{align-items:center;gap:var(--spacing-100);padding:var(--spacing-50) var(--spacing-150) var(--spacing-50) var(--spacing-200);height:var(--spacing-600);border-radius:var(--radius-card);background:var(--color-bg-muted);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-weight:500;display:inline-flex}.badge-dismiss{cursor:pointer;color:var(--color-text-muted);transition:color var(--duration-instant) ease;background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.badge-dismiss:hover{color:var(--color-text)}.list-row{align-items:center;gap:var(--spacing-300);width:100%;height:var(--spacing-1000);padding:0 var(--spacing-200) 0 var(--spacing-300);border-radius:var(--radius-md);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background-color var(--duration-quick) ease,color var(--duration-quick) ease;background:0 0;border:0;text-decoration:none;display:flex}.list-row:hover{background:var(--color-bg-muted)}.list-row:focus-visible{outline-offset:0}.list-row--active,.list-row--active:hover{background:var(--color-bg-inverse);color:var(--color-text-inverse)}.list-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.list-row--active .badge--count{color:inherit;opacity:.6}.list-row-chevron{color:var(--color-text-muted);flex-shrink:0}.list-row--active .list-row-chevron{color:inherit}.list-row-icon{width:var(--spacing-600);height:var(--spacing-600);border-radius:var(--radius-card);background:var(--color-bg-muted);color:var(--color-text);box-shadow:var(--shadow-raised);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.list-row-icon[data-pastel]{background:var(--pastel)}.list-row-icon--plain{color:inherit;background:#ffffff30}.list-row-icon--image img{object-fit:cover;width:100%;height:100%}@keyframes list-row-icon-shimmer{0%{background-position:200%}to{background-position:-200%}}.list-row-icon--loading{animation:1.4s linear infinite list-row-icon-shimmer;background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-bg-sidebar-active) 50%,var(--color-bg-muted) 75%)!important;background-size:200% 100%!important}.list-row-icon--loading img{opacity:0}.list-row--active .list-row-icon:not(.list-row-icon--plain){box-shadow:0 0 0 1px var(--color-border-subtle)}.list-option{align-items:center;gap:var(--spacing-300);width:100%;padding:var(--spacing-200) var(--spacing-300);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background-color var(--duration-instant) ease;background:0 0;display:flex}.list-option[aria-selected=true]{background:var(--color-bg-muted)}.list-option-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);stroke-width:var(--icon-stroke-sm);color:var(--color-text-muted);flex-shrink:0}.list-option-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.dialog-overlay{z-index:var(--z-dialog);background:var(--color-bg-overlay,#00000059);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;top:0;right:0;bottom:0;left:0}.dialog-overlay[data-state=open]{animation:dialog-overlay-in var(--duration-fast) ease both}.dialog-overlay[data-state=closed]{animation:dialog-overlay-out var(--duration-fast) ease both}.dialog-content{z-index:var(--z-dialog);position:fixed}@keyframes dialog-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-out{0%{opacity:1}to{opacity:0}}:focus-visible{outline:var(--spacing-50) solid var(--color-focus-outline);outline-offset:var(--spacing-50)}.app-shell{background:var(--color-bg-subtle);min-height:100vh;color:var(--color-text);display:flex}.sidebar{flex:0 0 var(--layout-sidebar-width);height:100vh;padding:var(--spacing-800) var(--spacing-600);gap:var(--spacing-1000);transition:flex-basis var(--duration-base) ease,padding var(--duration-base) ease;flex-direction:column;display:flex;position:sticky;top:0}.sidebar--collapsed{flex:0 0 var(--layout-sidebar-width-collapsed);padding:var(--spacing-800) var(--spacing-200);align-items:center}.sidebar-top{align-items:center;width:100%;display:flex}.sidebar-avatar-wrap{justify-content:space-between;align-items:center;gap:var(--spacing-200);width:100%;display:flex;position:relative}.sidebar--collapsed .sidebar-top{justify-content:center}.sidebar--collapsed .sidebar-avatar-wrap{width:auto}.sidebar--collapsed .sidebar-avatar{transition:opacity var(--duration-fast) ease}.sidebar--collapsed .sidebar-avatar-wrap:hover .sidebar-avatar,.sidebar--collapsed .sidebar-avatar-wrap:has(.sidebar-collapse-btn:focus-visible) .sidebar-avatar{opacity:0}.sidebar--collapsed .sidebar-collapse-btn{width:var(--spacing-1000);height:var(--spacing-1000);opacity:0;pointer-events:none;border-radius:var(--radius-full);color:var(--color-text-muted);transition:opacity var(--duration-fast) ease,color var(--duration-fast) ease,background var(--duration-fast) ease;background:0 0;position:absolute;top:0;right:0;bottom:0;left:0}.sidebar--collapsed .sidebar-avatar-wrap:hover .sidebar-collapse-btn,.sidebar--collapsed .sidebar-collapse-btn:focus-visible{opacity:1;pointer-events:auto}.sidebar--collapsed .sidebar-collapse-btn:hover{color:var(--color-text);background:var(--color-bg-sidebar-hover)}.sidebar-collapse-btn{width:var(--spacing-600);height:var(--spacing-600);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.sidebar-collapse-btn:hover{color:var(--color-text);background:var(--color-bg-muted)}.sidebar-collapse-btn:focus-visible{outline:var(--spacing-50) solid var(--color-focus-outline);outline-offset:var(--spacing-50)}.sidebar-bottom{align-items:flex-start;gap:var(--spacing-600);flex-direction:column;margin-top:auto;display:flex}.sidebar--collapsed .sidebar-bottom{align-items:center;width:100%}.sidebar--collapsed .sidebar-nav ul,.sidebar--collapsed .sidebar-social ul{align-items:center}.sidebar--collapsed .sidebar-link-label,.sidebar--collapsed .sidebar-social-label{display:none}.sidebar--collapsed .sidebar-link,.sidebar--collapsed .sidebar-social-link{width:var(--spacing-1000);height:var(--spacing-1000);border-radius:var(--radius-md);justify-content:center;margin:0;padding:0}.sidebar--collapsed .sidebar-link:hover{background:var(--color-bg-sidebar-hover)}.sidebar--collapsed .sidebar-link-active{background:var(--color-bg-sidebar-active)}@keyframes read-mode-spin{to{transform:rotate(360deg)}}.read-mode-skeleton{gap:var(--spacing-300);padding:var(--spacing-200) 0;flex-direction:column;display:flex}.read-mode-skeleton-line{border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-bg-subtle) 50%,var(--color-bg-muted) 75%);background-size:400% 100%;height:1.1em;animation:1.4s ease-in-out infinite read-mode-shimmer}@keyframes read-mode-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sidebar-avatar{width:var(--spacing-1000);height:var(--spacing-1000);border-radius:var(--radius-full);display:block;overflow:hidden}.sidebar-avatar img{object-fit:cover;filter:grayscale();width:100%;height:100%}.sidebar-nav ul,.sidebar-social ul{gap:var(--spacing-200);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar-link{align-items:center;gap:var(--spacing-200);padding:var(--spacing-200) var(--spacing-300);margin:0 calc(-1 * var(--spacing-200));font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text);border-radius:var(--radius-md);font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--color-text);font-weight:var(--font-weight-semibold);background:var(--color-bg-sidebar-hover)}.sidebar-link-active{color:var(--color-text);font-weight:var(--font-weight-semibold);background:var(--color-bg-sidebar-active)}.sidebar-social-link{align-items:center;gap:var(--spacing-200);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;display:flex}.sidebar-social-link:hover{color:var(--color-text)}.sidebar-social-email-item{position:relative}.sidebar-tooltip{pointer-events:none;opacity:0;transition:opacity var(--duration-base) ease,transform var(--duration-base) ease;z-index:var(--z-raised);position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(6px)}.sidebar-tooltip .user-arrow{padding:4px 8px}.sidebar-tooltip--active{opacity:1;transform:translateY(0)}.sidebar--collapsed .sidebar-social-email-item .sidebar-tooltip{left:50%;right:auto;transform:translate(-50%)translateY(6px)}.sidebar--collapsed .sidebar-social-email-item .sidebar-tooltip.sidebar-tooltip--active{transform:translate(-50%)translateY(0)}.app-main{min-width:0;padding:var(--spacing-1200) var(--layout-main-padding-inline) 0;flex:1;container-type:inline-size}.site-footer{padding:var(--spacing-800) 0 var(--spacing-1000)}.site-footer-text{font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-text-muted);text-align:center;margin:0}.hero{margin-bottom:var(--layout-section-gap-xl)}.hero--annotated{position:relative}.hero-annotation{pointer-events:none;z-index:var(--z-overlap);position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.hero-annotation--visible{opacity:1}.hero-annotation-live{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-annotation-cursor{will-change:left,top,opacity;transition:opacity var(--duration-fast) ease;position:absolute}.hero-annotation-cursor-body{transform-origin:0 100%;display:inline-block;position:relative}.user-arrow{align-items:center;gap:var(--spacing-100);border-radius:var(--radius-md);background:var(--color-drawing-icon);white-space:nowrap;border:none;padding:4px 10px 4px 8px;display:inline-flex;position:relative;box-shadow:0 1px 4px #00000014}.hero-annotation-avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:24px;height:24px}.hero-annotation-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-on-drawing-icon);padding-right:var(--spacing-50);line-height:1.2}.hero-annotation-arrow{--hero-annotation-arrow-rotation:225deg;transform:translate(calc(-8% + 3px),calc(12% + 7px)) rotate(var(--hero-annotation-arrow-rotation));transform-origin:18% 82%;pointer-events:none;display:block;position:absolute;bottom:0;left:0}.hero-annotation-arrow-shape{fill:var(--color-drawing-icon);stroke:none}.hero-footnote.is-active{border-radius:var(--radius-xs);background:var(--color-bg-soft);color:var(--foreground);margin:-.12em -.08em}@media(prefers-reduced-motion:reduce){.hero-annotation-cursor{will-change:auto;transition:none}}.hero-greeting{margin:0 0 var(--spacing-1200);z-index:var(--z-raised);position:relative}.hero-columns{gap:var(--spacing-1200) var(--spacing-1600);grid-template-columns:1fr 1fr;display:grid}.hero-text{font-size:clamp(var(--font-size-lg),2.2vw,var(--font-size-2xl));line-height:var(--line-height-lg);font-weight:var(--font-weight-normal);margin:0}.highlight{padding:var(--spacing-100) var(--spacing-150);border-radius:var(--radius-xs);font-weight:inherit;color:var(--color-text-on-pastel);cursor:pointer}.highlight-yellow{background:var(--color-highlight-yellow)}.highlight-pink{background:var(--color-highlight-pink)}.highlight-green{background:var(--color-highlight-green)}.highlight-orange{background:var(--color-highlight-orange)}.highlight-purple{background:var(--color-highlight-purple)}.highlight-blue{background:var(--color-highlight-blue)}.highlight-teal{background:var(--color-highlight-teal)}.highlight-rose{background:var(--color-highlight-rose)}.highlight-sand{background:var(--color-highlight-sand)}.highlight-sky{background:var(--color-highlight-sky)}.hero-footnotes{z-index:var(--z-raised);gap:var(--spacing-400) var(--spacing-800);margin-top:var(--spacing-1200);margin-bottom:calc(var(--spacing-1600) + var(--spacing-1600));padding-top:var(--spacing-600);border-top:1px solid var(--color-border-subtle);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.hero-footnote{font-size:var(--font-size-xs);line-height:var(--line-height-base);color:var(--color-text-muted);padding:var(--spacing-200) var(--spacing-400);cursor:pointer;margin:0}.hero-footnote sup{font-weight:var(--font-weight-semibold);margin-right:var(--spacing-50)}.hero-footnote-ref{color:inherit;margin-left:.1em}.hero-footnote-ref sup{font-size:.5em;font-weight:var(--font-weight-semibold);vertical-align:super;line-height:0}.page-section{margin-bottom:calc(var(--spacing-1600) + var(--spacing-1600))}.page-hero{margin-bottom:var(--spacing-1600)}.page-hero-title{font-size:clamp(var(--font-size-3xl),4vw,var(--font-size-4xl));line-height:var(--line-height-3xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-400);letter-spacing:-.02em}.page-hero-desc{font-size:var(--font-size-lg);line-height:var(--line-height-lg);color:var(--color-text-muted);max-width:52ch;margin:0}.playground-filters{margin-bottom:var(--spacing-800)}.playground-grid{gap:var(--spacing-800) var(--spacing-400);grid-template-columns:repeat(3,1fr);display:grid}.playground-card-yellow{background:var(--color-playground-yellow)}.playground-card-pink{background:var(--color-playground-pink)}.playground-card-orange{background:var(--color-playground-orange)}.playground-card-green{background:var(--color-playground-green)}.playground-card-purple{background:var(--color-playground-purple)}.playground-card-blue{background:var(--color-playground-blue)}.writing-source{align-items:baseline;gap:var(--spacing-300);margin-top:var(--spacing-1000);padding-top:var(--spacing-600);border-top:1px solid var(--color-border-subtle);display:flex}.writing-source-label{font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-family:var(--font-body);font-weight:var(--font-weight-normal);color:var(--color-text-muted);flex-shrink:0}.writing-source-link,.writing-source-author{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text)}.writing-source-link{align-items:center;gap:var(--spacing-200);text-underline-offset:2px;text-decoration:underline;display:inline-flex}.writing-source-link:hover{color:var(--color-text-muted)}.writing-source-favicon{width:var(--icon-size-sm);height:var(--icon-size-sm);object-fit:contain;opacity:.8;border-radius:3px;flex-shrink:0;display:inline-block}.blog-grid{gap:var(--spacing-800);grid-template-columns:repeat(3,1fr);display:grid}.work-section{margin-bottom:var(--layout-footer-cta-padding-y)}.work-toolbar{margin-bottom:var(--spacing-800);justify-content:flex-end;display:flex}.work-grid{gap:var(--spacing-1600) var(--spacing-1200);grid-template-columns:repeat(2,1fr);display:grid}@media(min-width:901px){.work-grid.work-grid-home{gap:var(--spacing-800);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch}}.page-about{margin-top:calc(-1 * var(--spacing-1200));padding-top:var(--spacing-1200);position:relative}.about-intro{gap:var(--spacing-1200) var(--spacing-1600);grid-template-columns:1fr auto;align-items:start;display:grid}.about-intro-body{min-width:0}.about-intro-portrait{flex-shrink:0;align-self:start;position:relative}.about-portrait-user-arrow{z-index:var(--z-overlap);pointer-events:none;position:absolute;top:4%;left:54%}.about-portrait-user-arrow__body{transform-origin:0 100%;animation:5.5s ease-in-out infinite about-user-arrow-float;display:inline-block;position:relative;transform:translateY(-100%)}.about-skills-grid{gap:var(--spacing-1200);grid-template-columns:1fr 1fr;display:grid}.about-skills-title{font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-400)}.about-list{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text);margin:0;padding-left:1.1em;list-style-type:square}.principles-grid{gap:var(--spacing-800);margin-top:var(--spacing-800);grid-template-columns:repeat(3,1fr);display:grid}.principle-card h3{font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-200)}.principle-card p{font-size:var(--font-size-sm);line-height:var(--line-height-lg);color:var(--color-text-muted);margin:0}.about-principles-intro{margin-top:var(--spacing-200)}.about-portrait{width:auto;max-width:var(--layout-sidebar-width);border-radius:var(--radius-sm);max-height:340px;display:block;transform:rotate(-8deg)}.footer-cta-gradient{transform-origin:bottom;background:linear-gradient(90deg,var(--color-gradient-footer-1) 0%,var(--color-gradient-footer-2) 25%,var(--color-gradient-footer-3) 50%,var(--color-gradient-footer-4) 75%,var(--color-gradient-footer-1) 100%);opacity:.85;width:120%;height:100%;filter:blur(var(--spacing-50));image-rendering:pixelated;background-size:300% 100%;animation:12s ease-in-out infinite footer-cta-gradient-shift,6s ease-in-out infinite footer-cta-gradient-height;position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}@keyframes footer-cta-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes footer-cta-gradient-height{0%{height:calc(100% - var(--spacing-800))}50%{height:calc(100% + var(--spacing-800))}to{height:calc(100% - var(--spacing-800))}}@media(prefers-reduced-motion:reduce){.footer-cta-gradient{animation:none}}.project-article{max-width:var(--layout-content-narrow);padding:var(--spacing-1200) var(--spacing-400) var(--layout-section-gap-xl);margin:0 auto}.project-breadcrumb{width:calc(100cqi + 2 * var(--layout-main-padding-inline));margin-inline:calc(50% - 50cqi - var(--layout-main-padding-inline));margin-top:calc(-2 * var(--spacing-1200));border-bottom:1px solid var(--color-border-subtle);z-index:var(--z-sticky);background:var(--color-bg);position:sticky;top:0}.project-breadcrumb-list{font-size:var(--font-size-sm);color:var(--color-text);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);margin:0;padding:0;list-style:none;display:grid}.project-breadcrumb-section{padding:var(--spacing-400);border-right:1px solid var(--color-border-subtle);align-items:center;display:flex}.project-breadcrumb-current{padding:var(--spacing-400);border-right:1px solid var(--color-border-subtle);min-width:0}.project-breadcrumb-actions{padding:var(--spacing-400);justify-content:space-between;align-items:center;display:flex}.project-breadcrumb-meta{align-items:center;gap:var(--spacing-200);color:var(--color-text-muted);font-size:var(--font-size-sm);padding-left:var(--spacing-300);display:flex}.close-link-wrapper{flex-shrink:0;display:inline-flex;position:relative}.close-link-tooltip{top:50%;right:calc(100% + var(--spacing-200));align-items:center;gap:var(--spacing-100);white-space:nowrap;pointer-events:none;opacity:0;transform-origin:100%;transition:opacity var(--duration-fast) ease,scale var(--duration-fast) ease;display:flex;position:absolute;translate:0 -50%;scale:.9}.close-link-wrapper:hover .close-link-tooltip{opacity:1;scale:1}@media(prefers-reduced-motion:reduce){.close-link-tooltip{transition:none}}.project-breadcrumb--about{margin-top:calc(-1 * var(--spacing-1200));margin-bottom:var(--spacing-1200)}.project-breadcrumb--about .project-breadcrumb-actions{justify-content:flex-end}@media(max-width:640px){.project-breadcrumb{display:none}.project-article>.catalog-mobile-bar{align-items:stretch;gap:0;justify-content:initial;border-bottom:1px solid var(--color-border-subtle);margin-inline:calc(-1 * var(--spacing-400));grid-template-columns:1fr 1fr;padding:0;display:grid}.project-article>.catalog-mobile-bar .list-row{border-radius:0}.project-article>.catalog-mobile-bar .list-row:first-child{border-right:1px solid var(--color-border-subtle)}.page-about>.catalog-mobile-bar{margin-inline:calc(-1 * var(--spacing-400))}}.project-article-header{margin-bottom:var(--spacing-1200)}.project-article-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-400);margin-bottom:calc(var(--spacing-400) + var(--spacing-100));display:flex}.project-article-meta{font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-family:var(--font-mono);text-transform:uppercase;color:var(--color-text-muted);margin:0;font-weight:500}.project-article-meta-row{align-items:center;gap:var(--spacing-300);flex-wrap:wrap;display:flex}.project-article-icon{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:32px;height:32px}.project-article-identity{gap:var(--spacing-50);flex-direction:column;min-width:0;display:flex}.project-article-identity-name{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text);margin:0;font-weight:500}.project-article-toolbar-actions{align-items:center;gap:var(--spacing-100);display:flex}.project-article-links{margin-top:var(--spacing-600);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-1200);flex-direction:column;display:flex;overflow:hidden}.project-article-links .project-live-link+.project-live-link{border-top:1px solid var(--color-border)}.project-live-link{justify-content:space-between;align-items:center;gap:var(--spacing-400);padding:var(--spacing-300) var(--spacing-400);color:var(--color-text);font-size:var(--font-size-sm);text-decoration:none;display:flex}.project-live-link:hover{background:var(--color-bg-muted)}.project-live-link-arrow{opacity:0;transition:opacity var(--duration-fast) ease,transform var(--duration-fast) ease;flex-shrink:0;transform:translate(-2px,2px)}.project-live-link:hover .project-live-link-arrow{opacity:1;transform:translate(0)}.project-live-link-label{align-items:center;gap:var(--spacing-200);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap;flex-shrink:0;display:flex}.project-live-link-url{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.project-article-summary{max-width:68ch;font-size:var(--font-size-lg);line-height:var(--line-height-lg);color:var(--color-text);margin:0}.project-article-title{margin:var(--spacing-1600) 0 var(--spacing-400);font-size:clamp(var(--font-size-2xl),3vw,var(--font-size-3xl));font-weight:var(--font-weight-semibold);line-height:var(--line-height-3xl);letter-spacing:-.02em;color:var(--color-text)}.project-article-subtitle{color:var(--color-text-muted)}.project-article-hero{margin-bottom:0}.project-article-hero--multi{gap:var(--spacing-400);grid-template-columns:repeat(2,1fr);align-items:start;display:grid}.project-article-hero--multi .project-article-hero-media{aspect-ratio:auto}.project-article-hero--multi .project-article-hero-img{object-fit:contain;height:auto}.project-article-hero-media{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--color-bg-media);position:relative;overflow:hidden}.project-article-hero-img{object-fit:cover;width:100%;height:100%;display:block}.project-article-hero-media.hero-natural{aspect-ratio:unset;background:0 0;overflow:visible}.project-article-hero-media.hero-natural .project-article-hero-img{object-fit:contain;border-radius:var(--radius-md);height:auto}.project-article-hero-media.bg-soft-grey .project-article-hero-img{object-fit:contain;padding:var(--spacing-600)}.project-article-hero-media.bg-favbox .project-article-hero-img{object-fit:scale-down}.project-article-hero-media.bg-nones-soft{aspect-ratio:9/16;width:auto;max-height:80vh;margin:0 auto;overflow:visible}.project-article-hero-media.bg-nones-soft .project-article-hero-img{object-fit:contain;border-radius:36px;box-shadow:0 0 0 10px #fff,0 0 0 11px #0000000f,0 12px 40px #0000001f}.project-article-hero-caption{margin:calc(var(--spacing-150) + var(--spacing-100)) 0 0;font-size:var(--font-size-xs);line-height:var(--line-height-xl);color:var(--color-text-muted);text-align:center}[data-type=playground] .project-article-hero-media{border-radius:0}.project-article-sections{gap:var(--spacing-1200);flex-direction:column;display:flex}.project-section-title{margin:0 0 var(--spacing-400);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-2xl);letter-spacing:-.01em;color:var(--color-text)}.project-section-fullwidth{width:calc(100cqi + 2 * var(--layout-main-padding-inline));margin-inline:calc(50% - 50cqi - var(--layout-main-padding-inline));padding:var(--spacing-1200) var(--layout-main-padding-inline);margin-bottom:var(--spacing-1200)}.project-section-fullwidth-soft{background:var(--color-bg-muted)}[data-slug=lotus] .project-section-fullwidth-soft,[data-slug=ai-patterns] .project-section-fullwidth-soft,[data-slug=all-pass] .project-section-fullwidth-soft,[data-slug=keepkee] .project-section-fullwidth-soft,[data-slug=favbox] .project-section-fullwidth-soft,[data-slug=nones] .project-section-fullwidth-soft,[data-slug=koa-foundations] .project-section-fullwidth-soft{border-radius:var(--radius-xl);background-position:50%;background-size:cover;overflow:hidden}[data-slug=lotus] .project-section-fullwidth-soft{background-image:url(/img/projects/lotus/hero-bg.webp)}[data-slug=ai-patterns] .project-section-fullwidth-soft{background-image:url(/img/projects/ai-patterns/hero-bg.webp)}[data-slug=ai-patterns] .project-section-grid-wrap .project-section-fullwidth-inner,[data-slug=glyph-system] .project-section-grid-wrap .project-section-fullwidth-inner{max-width:100%}[data-slug=glyph-system] .project-section-grid-item{justify-content:flex-start}[data-slug=all-pass] .project-section-fullwidth-soft{background-image:url(/img/projects/all-pass/hero-bg.jpg)}[data-slug=keepkee] .project-section-fullwidth-soft{background-image:url(/img/projects/keepkee/hero-bg.webp)}[data-slug=favbox] .project-section-fullwidth-soft{background-image:url(/img/projects/favbox/hero-bg.jpg)}[data-slug=nones] .project-section-fullwidth-soft{background-image:url(/img/projects/nones/hero-bg.webp)}[data-slug=koa-foundations] .project-section-fullwidth-soft{background-image:url(/img/projects/foundations/foundations-bg.png)}[data-slug=koa-foundations] .project-article-hero-img{object-fit:contain}.project-section-fullwidth-soft .project-article-hero-media{background:0 0}.project-section-fullwidth-soft:has(.hero-bleed){border-radius:var(--radius-xl);padding:0;overflow:hidden}.project-section-fullwidth-soft:has(.hero-bleed) .project-section-fullwidth-inner{max-width:none}.project-section-fullwidth-soft .project-article-hero-media.hero-bleed{border-radius:0}.project-section-fullwidth-inner{max-width:var(--layout-content-wide);margin:0 auto}.project-section-fullwidth .project-prose .project-media__img,.project-section-fullwidth .project-prose .project-media video,.project-section-fullwidth .project-prose video,.project-section-fullwidth .project-article-hero-img{max-width:100%}.project-section-media .project-prose .project-media__img{max-width:var(--layout-content-wide)}.project-section-media .project-prose:has(.project-media+.project-media){gap:var(--spacing-600);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.project-section-media .project-prose:has(.project-media:first-child+.project-media:last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.project-section-media .project-prose:has(.project-media+.project-media) .project-media{margin:0}.project-section-media .project-prose:has(.project-media+.project-media) .project-media__img{max-width:100%}.project-section-grid-wrap .project-section-title{text-align:center}.project-section-grid{gap:var(--spacing-800) var(--spacing-600);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.project-section-grid:has(.project-section-grid-item:nth-child(2):last-child),.project-section-grid--2up{grid-template-columns:repeat(2,minmax(0,1fr))}.project-section-grid:has(.project-section-grid-item:nth-child(3):last-child),.project-section-grid--3up{grid-template-columns:repeat(3,minmax(0,1fr))}.project-section-grid:has(.project-section-grid-item:nth-child(4):last-child),.project-section-grid--4up{grid-template-columns:repeat(4,minmax(0,1fr))}.project-section-grid--5up{grid-template-columns:repeat(3,minmax(0,1fr))}.project-section-grid-item{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;display:flex}.project-section-grid-item .project-prose>:first-child{margin-top:0}.project-section-grid-item .project-prose>p:first-child:has(strong:only-child),.project-section-grid-item .project-prose>p.text-bold:first-child{margin:0 0 var(--spacing-300);font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-3xl));font-weight:var(--font-weight-semibold);line-height:var(--line-height-2xl);letter-spacing:-.02em;color:var(--color-text)}.project-section-grid-item .project-prose>p:first-child strong{font-size:inherit;font-weight:inherit;color:inherit;background:0 0;padding:0}.project-section-grid-item .project-prose .project-media video,.project-section-grid-item .project-prose .project-media__img{border-radius:var(--radius-md);width:100%;max-width:100%;height:auto}.project-section-grid-item .project-prose>.caption,.project-section-grid-item .project-prose>p:not(:first-child){font-size:var(--font-size-sm);line-height:var(--line-height-prose);color:var(--color-text);margin:0}.project-article .project-prose p{font-size:var(--font-size-sm);line-height:var(--line-height-prose);color:var(--color-text);margin:0 0 1em}.project-article .project-prose p:last-child{margin-bottom:0}.project-article .project-prose .text-bold{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xl);color:var(--color-text);margin:1.5em 0 .5em}.project-article .project-prose .text-bold:first-child{margin-top:0}.project-article .project-prose-subheading{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xl);color:var(--color-text);margin:2em 0 .75em}.project-article .project-prose-subheading-center{text-align:center}.project-article .project-prose ul,.project-article .project-prose ol{font-size:var(--font-size-sm);line-height:var(--line-height-prose);color:var(--color-text);margin:0 0 1em;padding-left:1.25em}.project-article .project-prose ul{list-style-type:square}.project-article .project-prose li{margin-bottom:.35em}.project-article .project-prose .project-media{margin:1.5em 0}.project-article .project-prose .project-media__img,.project-article .project-prose .project-media video,.project-article .project-prose video{border-radius:var(--radius-md);width:100%;height:auto;display:block}.project-article .project-prose blockquote{padding:var(--spacing-400) calc(var(--spacing-400) + var(--spacing-100));font-size:var(--font-size-sm);font-style:normal;line-height:var(--line-height-lg);color:var(--color-text-callout);background:var(--color-bg-callout);border-radius:var(--radius-md);border:none;margin:1.5em 0}.project-article .project-prose strong,.project-article .project-prose .text-highlight{font-weight:var(--font-weight-semibold);color:inherit;background:0 0;padding:0}.project-article .project-prose a{color:var(--color-text);text-underline-offset:var(--spacing-50);background:0 0;text-decoration:underline}.project-article .project-prose .caption{margin-top:var(--spacing-200);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-text-muted);text-align:center}.project-article .project-prose hr{border:none;border-top:1px solid var(--color-border);margin:2.5em 0}.project-article .project-prose .project-table-wrap{-webkit-overflow-scrolling:touch;width:100%;margin:1.5em 0;overflow-x:auto}.project-article .project-prose .project-table{border-collapse:collapse;width:100%;min-width:30rem;font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text)}.project-article .project-prose .project-table th,.project-article .project-prose .project-table td{padding:var(--spacing-300) var(--spacing-400);border:1px solid var(--color-border-subtle);text-align:left;vertical-align:top}.project-article .project-prose .project-table th{font-family:var(--font-heading-semibold);font-weight:var(--font-weight-semibold);color:var(--color-text);background:var(--color-bg-muted)}.project-article .project-prose .project-table tr:nth-child(2n) td{background:var(--color-bg-soft)}.project-article .project-prose .project-pre{padding:var(--spacing-400) var(--spacing-600);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:var(--line-height-lg);color:var(--color-code-text);white-space:pre;background:var(--color-code-bg);border:1px solid var(--color-code-border);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;margin:1.5em 0;overflow-x:auto}.project-article .project-prose code.project-code-inline,.project-article .project-prose .text-bold code.project-code-inline{padding:var(--spacing-50) var(--spacing-150);font-family:var(--font-mono);font-size:var(--font-size-xs);font-variant-ligatures:none;color:var(--color-code-text);background:var(--color-code-bg);border:1px solid var(--color-code-border);border-radius:var(--radius-sm)}.project-article-split{max-width:var(--layout-content-wide)}.project-split-hero{grid-template-columns:minmax(0,calc(var(--layout-sidebar-width) + var(--spacing-1000))) minmax(0,1fr);gap:var(--spacing-1200);align-items:start;display:grid}.project-split-hero-logo{aspect-ratio:1;border-radius:var(--radius-lg);padding:var(--spacing-800);justify-content:center;align-items:center;display:flex}.project-split-hero-logo img{max-width:100%;height:auto}.project-nda-banner{align-items:flex-start;gap:var(--spacing-300);margin:var(--spacing-0);padding:var(--spacing-300) var(--spacing-400);background:var(--color-bg-nda-banner);color:var(--color-text-nda-banner);border-radius:var(--radius-md);display:flex}.project-nda-banner-icon{width:var(--icon-size-md);height:var(--icon-size-md);margin-top:var(--spacing-50);color:inherit;flex-shrink:0}@media(max-width:768px){.project-article{padding:var(--spacing-800) var(--spacing-400) var(--spacing-1600)}.project-section-grid{gap:var(--spacing-800);grid-template-columns:1fr}.project-section-grid:has(.project-section-grid-item:nth-child(2):last-child),.project-section-media .project-prose:has(.project-media+.project-media){grid-template-columns:1fr}.project-split-hero{gap:var(--spacing-800);grid-template-columns:1fr}.project-split-hero-logo{max-width:var(--layout-sidebar-width);margin:0 auto}}@media(max-width:640px){.project-article{padding:0}.project-article-header{margin-bottom:var(--spacing-600)}.project-article-title{margin-top:var(--spacing-800)}}.mobile-nav{display:none}@media(max-width:900px){.app-shell{flex-direction:column}.sidebar{display:none}.mobile-nav{align-items:center;gap:var(--spacing-50);bottom:var(--spacing-600);width:max-content;max-width:calc(100vw - var(--spacing-600) * 2);box-sizing:border-box;background:var(--color-bg-elevated);border-radius:var(--radius-3xl);padding:var(--spacing-150) var(--spacing-200);z-index:100;white-space:nowrap;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000001a,0 1px 4px #0000000f}.mobile-nav-link{font-size:var(--font-size-xs);color:var(--color-text);padding:var(--spacing-150) var(--spacing-200);border-radius:var(--radius-2xl);transition:color var(--duration-fast),background var(--duration-fast);flex-shrink:0;font-weight:500;text-decoration:none}.mobile-nav-link:hover{color:var(--color-text);background:var(--color-bg-muted)}.mobile-nav-link-active{color:var(--color-text);font-weight:var(--font-weight-semibold);background:var(--color-bg-muted)}.app-main{padding:var(--spacing-800) var(--spacing-600) calc(var(--spacing-600) * 3 + 48px)}.project-article-toolbar{gap:var(--spacing-200) var(--spacing-200);flex-wrap:wrap;align-items:center}.project-article-toolbar-actions{display:contents}.project-article-toolbar .project-article-meta,.project-article-toolbar .project-article-meta-row{flex:1}.hero-greeting{margin-bottom:var(--spacing-800)}.hero-columns{gap:var(--spacing-800);grid-template-columns:1fr}.hero-footnotes,.playground-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr}.work-grid{gap:var(--spacing-1200);grid-template-columns:1fr}.work-toolbar{margin-bottom:var(--spacing-600)}.principles-grid,.about-skills-grid{grid-template-columns:1fr}.page-about{margin-top:calc(-1 * var(--spacing-800));padding-top:var(--spacing-800)}.about-intro{gap:var(--spacing-800);flex-direction:column;display:flex}.about-intro-body{display:contents}.about-intro .page-hero-title{display:none}.about-intro-portrait{order:1;align-self:center}.about-intro .hero-columns{order:2}.about-portrait-user-arrow{top:12%;left:50%}.user-arrow{gap:var(--spacing-150);font-size:var(--font-size-sm);padding:6px 12px 6px 10px}.user-arrow .hero-annotation-avatar{width:1.75em;min-width:1.75em;max-width:none;height:1.75em}.user-arrow .hero-annotation-name{font-size:1em;line-height:var(--line-height-sm)}.user-arrow .hero-annotation-arrow{width:1.125em;height:1.125em}.about-portrait{max-height:200px}}@media(max-width:520px){.mobile-nav{gap:var(--spacing-200);padding:var(--spacing-150) var(--spacing-200)}.mobile-nav-link{padding:var(--spacing-200) var(--spacing-300)}.playground-grid,.hero-footnotes{grid-template-columns:1fr}}@media(max-width:360px){.mobile-nav{padding:var(--spacing-100)}.mobile-nav-link{padding:var(--spacing-100) var(--spacing-300)}}.catalog-page{--catalog-gutter:var(--spacing-800);--catalog-header-height:var(--spacing-1600);--catalog-panel-width:76rem;align-items:flex-start;gap:var(--spacing-800);min-height:100dvh;padding:var(--catalog-gutter);box-sizing:border-box;background:var(--color-bg);color:var(--color-text);display:flex;overflow-x:clip}.catalog-panel{z-index:var(--z-raised);max-width:var(--catalog-panel-width);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg);min-width:0;transition:max-width var(--duration-slower) var(--ease-standard);flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.catalog-page--browser .catalog-panel{height:calc(100dvh - var(--catalog-gutter) * 2);min-height:32rem}.catalog-header{justify-content:space-between;align-items:center;gap:var(--spacing-400);height:var(--catalog-header-height);padding:0 var(--spacing-400) 0 var(--spacing-600);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.catalog-logo{font-family:var(--font-heading);font-size:var(--font-size-xl);letter-spacing:-.02em;color:var(--color-text);line-height:1;text-decoration:none}.catalog-logo span{color:var(--color-accent)}.catalog-header-actions{align-items:center;gap:var(--spacing-300);display:flex}.catalog-browser{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);min-height:0;display:grid}.catalog-browser--hero{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}.catalog-hero-slot{overscroll-behavior:contain;border-left:1px solid var(--color-border-subtle);min-height:0;padding:var(--spacing-1200) var(--spacing-1600) var(--spacing-1600);flex-direction:column;display:flex;overflow-y:auto}.catalog-hero-slot .hero{margin-bottom:var(--spacing-800)}.catalog-hero-slot .hero-footnotes{margin-bottom:0}.catalog-reels{gap:var(--spacing-400);padding-block:var(--spacing-1000);border-bottom:1px solid var(--color-border-subtle);display:flex}.catalog-reel-item{gap:var(--spacing-300);color:var(--color-text);transition:opacity var(--duration-fast) ease;flex-direction:column;flex:1;text-decoration:none;display:flex}.catalog-reel-item:hover{opacity:.75}.catalog-reel-frame{aspect-ratio:9/16;border-radius:var(--radius-lg);background:var(--color-bg-muted);overflow:hidden}.catalog-reel-frame video{object-fit:cover;width:100%;height:100%;display:block}.catalog-reel-frame--text{padding:var(--spacing-400);box-sizing:border-box;color:var(--color-text-on-pastel);flex-direction:column;justify-content:flex-end;display:flex}.catalog-reel-frame--text[data-pastel]{background:var(--pastel)}.catalog-reel-entry-title{font-family:var(--font-heading);font-size:var(--font-size-sm);margin:0;font-weight:500;line-height:1.35}.catalog-reel-label{align-items:center;gap:var(--spacing-100);font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500;display:flex}.catalog-reel-label-icon{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:1rem;height:1rem}span.catalog-reel-label-icon{display:inline-flex}.catalog-reel-label-sep{color:var(--color-text-muted);opacity:.5}.catalog-reel-label-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.catalog-reel-label-dot[data-pastel]{background:var(--pastel)}.catalog-whats-new{padding-top:var(--spacing-1000)}.catalog-whats-new-icon-bg{border-radius:var(--radius-sm);background:var(--color-bg-muted);width:1.25rem;height:1.25rem;box-shadow:var(--shadow-raised);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.catalog-whats-new-icon-bg img{object-fit:cover;width:100%;height:100%}.catalog-whats-new-icon-bg--section{background:var(--color-bg-muted);color:var(--color-text-muted)}.catalog-whats-new-icon-bg--text{color:var(--color-text)}.catalog-whats-new-icon-bg[data-pastel]{background:var(--pastel)}.catalog-whats-new-thumb{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--color-bg-muted);border:1px solid var(--color-border-subtle);flex-shrink:0;width:12rem;overflow:hidden}.catalog-whats-new-thumb img{object-fit:cover;width:100%;height:100%}.catalog-whats-new-thumb[data-pastel]{background:var(--pastel)}.catalog-whats-new-entries{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.catalog-whats-new-row{padding:var(--spacing-600) 0;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text);transition:opacity var(--duration-quick) ease;text-decoration:none;display:block}.catalog-whats-new-row:hover{opacity:.6}.catalog-whats-new-row--static{cursor:default}.catalog-whats-new-card{gap:var(--spacing-200);flex-direction:column;display:flex}.catalog-whats-new-body{align-items:flex-start;gap:var(--spacing-400);display:flex}.catalog-whats-new-text{gap:var(--spacing-100);flex-direction:column;flex:1;min-width:0;display:flex}.catalog-whats-new-meta-row{align-items:center;gap:var(--spacing-200);display:flex}.catalog-whats-new-meta-sep{color:var(--color-text-muted);font-size:var(--font-size-xs)}.catalog-whats-new-tag{font-size:var(--font-size-xs);color:var(--color-text-muted)}.catalog-whats-new-eyebrow{justify-content:space-between;align-items:center;gap:var(--spacing-300);display:flex}.catalog-whats-new-source{align-items:center;gap:var(--spacing-200);font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500;display:flex}.catalog-whats-new-date{align-items:center;gap:var(--spacing-200);font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;display:flex}.catalog-whats-new-dot{background:var(--color-text-muted);border-radius:50%;flex-shrink:0;width:.4rem;height:.4rem}.catalog-whats-new-dot[data-pastel]{background:var(--pastel)}.catalog-whats-new-title{align-items:baseline;gap:var(--spacing-300);font-size:var(--font-size-sm);font-weight:600;line-height:var(--line-height-sm);color:var(--color-text);display:flex}.catalog-whats-new-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);-webkit-line-clamp:2;line-height:var(--line-height-lg);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.catalog-whats-new-author{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.catalog-col{overscroll-behavior:contain;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.catalog-col+.catalog-col{border-left:1px solid var(--color-border-subtle)}.catalog-list{padding:var(--spacing-400);flex-direction:column;gap:0;margin:0;list-style:none;display:flex}.catalog-col-footer{padding:var(--spacing-600);border-top:1px solid var(--color-border-subtle);margin-top:auto}.catalog-col-footer p{margin:0 0 var(--spacing-600);font-size:var(--font-size-sm);line-height:var(--line-height-lg);color:var(--color-text-muted)}.catalog-col-footer strong{color:var(--color-text);font-weight:500}.catalog-preview{gap:var(--spacing-600);padding:var(--spacing-600);flex-direction:column;display:flex}.catalog-preview-media{aspect-ratio:1;border-radius:var(--radius-xs);justify-content:center;align-items:center;max-height:28rem;display:flex;overflow:hidden}.catalog-preview-media img{object-fit:contain;width:72%;height:72%}.catalog-preview-media img[data-cover=true]{object-fit:cover;width:100%;height:100%}.catalog-preview-media video{border-radius:var(--radius-md);width:auto;height:88%}.catalog-preview-media[data-video-full=true]{aspect-ratio:auto;max-height:none}.catalog-preview-media[data-video-full=true] video{border-radius:0;width:100%;height:auto;display:block}.catalog-preview-media[data-pastel]{padding:var(--spacing-800);box-sizing:border-box;color:var(--color-text-on-pastel);background:var(--pastel);justify-content:flex-start;align-items:flex-end}.catalog-whats-new-icon[data-pastel]{background:var(--pastel)}.catalog-preview-card-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);line-height:var(--line-height-3xl);letter-spacing:-.01em;margin:0}.catalog-meta{gap:var(--spacing-200);flex-direction:column;margin:0;display:flex}.catalog-meta-row{justify-content:space-between;gap:var(--spacing-600);font-size:var(--font-size-sm);line-height:var(--line-height-sm);display:flex}.catalog-meta-row dt{color:var(--color-text);flex-shrink:0}.catalog-meta-row dd{text-align:right;color:var(--color-text-muted);margin:0}.catalog-description h2{margin:0 0 var(--spacing-200);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;line-height:var(--line-height-sm)}.catalog-description p{max-width:var(--layout-content-narrow);font-size:var(--font-size-sm);line-height:var(--line-height-lg);color:var(--color-text-muted);margin:0}.catalog-actions{gap:var(--spacing-200);margin-top:auto;margin-inline:calc(-1 * var(--spacing-600));padding:var(--spacing-400) var(--spacing-600);background:var(--color-bg);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.catalog-mobile-bar{display:none}.catalog-page--reader .catalog-panel{max-width:100%;overflow:clip}.catalog-reader{min-width:0;padding:var(--spacing-1200) var(--layout-main-padding-inline) 0;container-type:inline-size}@media(min-width:1800px){.catalog-page{--catalog-panel-width:100rem}}@media(max-width:1360px){.catalog-panel{max-width:100%}}@media(max-width:900px){.catalog-browser{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.catalog-col--folders{border-bottom:1px solid var(--color-border-subtle);grid-column:1/-1;overflow:visible}.catalog-col--folders .catalog-list{gap:var(--spacing-100);flex-flow:wrap}.catalog-col--folders .list-row{width:auto}.catalog-col--folders .list-row-chevron,.catalog-col-footer{display:none}.catalog-col--entries{border-left:0}.catalog-browser{grid-template-rows:auto minmax(0,1fr)}.catalog-browser--hero .catalog-hero-slot{grid-column:1/-1}}@media(max-width:640px){.catalog-page{--catalog-gutter:var(--spacing-400)}.catalog-header{padding:0 var(--spacing-300) 0 var(--spacing-400)}.catalog-search,.catalog-mobile-bar .close-link-wrapper{display:none}.catalog-col--entries .list-row--active,.catalog-col--entries .list-row--active:hover{color:var(--color-text);background:0 0}.catalog-col--entries .list-row--active .badge--count,.catalog-col--entries .list-row--active .list-row-chevron{color:var(--color-text-muted)}.catalog-col--entries .list-row--active .list-row-icon:not(.list-row-icon--plain){box-shadow:none}.page-about .catalog-mobile-bar,.site-footer{display:none}.page-about{padding-top:var(--spacing-1600)}.catalog-browser{flex-direction:column;padding-bottom:88px;display:flex}.catalog-col{flex:1;overflow-y:auto;border:0!important}.catalog-col--folders{display:none!important}.catalog-browser[data-depth="0"] .catalog-col--entries{display:flex!important}.catalog-browser[data-depth="0"] .catalog-col--preview,.catalog-browser[data-depth="1"] .catalog-col--preview,.catalog-browser[data-depth="2"] .catalog-col--entries,.catalog-col--entries .catalog-mobile-bar{display:none}.catalog-mobile-bar{z-index:var(--z-raised);justify-content:space-between;align-items:center;gap:var(--spacing-300);padding:var(--spacing-300) var(--spacing-400) 0;background:var(--color-bg);display:flex;position:sticky;top:0}.catalog-mobile-title{font-weight:500}.catalog-preview{padding:var(--spacing-400)}.catalog-actions{margin-inline:calc(-1 * var(--spacing-400));padding-inline:var(--spacing-400)}.catalog-reader{padding:0 var(--spacing-400);padding-bottom:88px}.catalog-hero-slot{padding:var(--spacing-600) var(--spacing-400) var(--spacing-800)}.catalog-reels{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.catalog-reels::-webkit-scrollbar{display:none}.catalog-reel-item{flex:0 0 30vw}}.glyph{width:100%;height:auto;display:block;overflow:visible}.glyph-fill{fill:var(--color-glyph-fill)}.glyph-ink{fill:var(--color-glyph-ink)}.glyph-outline,.glyph-line{fill:none;stroke:var(--color-glyph-ink);stroke-width:1.8px}.glyph-outline{stroke-linejoin:round}.glyph-line{stroke-linecap:round}.glyph-surface{color:var(--color-text-on-pastel);background:var(--color-bg-muted)}.glyph-surface[data-pastel]{background:var(--pastel)}.catalog-preview-glyph{gap:var(--spacing-400);flex-direction:column;width:100%;height:100%;display:flex}.catalog-preview-glyph-art{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.catalog-preview-glyph-art .glyph{width:82%;max-height:100%}.catalog-whats-new-thumb--glyph{padding:var(--spacing-300) var(--spacing-400);box-sizing:border-box;border-color:#0000;justify-content:center;align-items:center;display:flex}.catalog-reel-glyph{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.glyph-hero{max-width:var(--layout-content-narrow);margin:0 auto var(--spacing-800);aspect-ratio:2;box-sizing:border-box;padding:var(--spacing-800) var(--spacing-1000);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.glyph-hero-link{max-width:var(--layout-content-narrow);margin:calc(-1 * var(--spacing-600)) auto var(--spacing-800);font-size:var(--font-size-xs);color:var(--color-text-muted);display:block}.glyph-hero-link:hover{color:var(--color-text)}.glyph-figure{margin:var(--spacing-800) 0 0}.glyph-figure .glyph-hero{margin-bottom:var(--spacing-300)}.glyph-figure-caption{gap:var(--spacing-100) var(--spacing-300);font-size:var(--font-size-xs);line-height:var(--line-height-xl);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.glyph-grid{gap:var(--spacing-600) var(--spacing-400);margin:var(--spacing-600) 0;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));display:grid}.glyph-tile{gap:var(--spacing-200);color:var(--color-text);flex-direction:column;text-decoration:none;display:flex}.glyph-tile-art{padding:var(--spacing-600) var(--spacing-400);border-radius:var(--radius-md)}.glyph-tile-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg)}.glyph-formula{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.glyph-tile-text{font-size:var(--font-size-xs);line-height:var(--line-height-lg);color:var(--color-text-muted)}.project-article .project-prose a.glyph-tile{color:var(--color-text);text-decoration:none}.project-article .project-prose a.glyph-tile:hover .glyph-tile-title{text-decoration:underline}.glyph-example{gap:var(--spacing-400);margin:var(--spacing-600) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.glyph-example-step{gap:var(--spacing-200);padding:var(--spacing-400);border-radius:var(--radius-md);background:var(--color-bg-muted);flex-direction:column;display:flex}.glyph-example-step.glyph-surface[data-pastel]{justify-content:center}.glyph-example-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.glyph-surface .glyph-example-label{color:var(--color-text-on-pastel)}.glyph-example-quote{font-size:var(--font-size-sm);line-height:var(--line-height-lg)}.glyph-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.glyph-tile-art--square{padding:var(--spacing-400)}.glyph-tile-head{justify-content:space-between;align-items:baseline;gap:0 var(--spacing-200);flex-wrap:wrap;display:flex}.glyph-notation{gap:var(--spacing-300);padding:var(--spacing-400);border-radius:var(--radius-md);background:var(--color-bg-muted);flex-direction:column;display:flex}.project-article .project-prose .glyph-notation-lines{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text);white-space:pre;background:0 0;border:0;margin:0;padding:0;line-height:1.9;overflow-x:auto}.glyph-matrix-wrap{margin:var(--spacing-600) 0;overflow-x:auto}.glyph-matrix{border-collapse:separate;width:100%;min-width:34rem;border-spacing:var(--spacing-200);margin:calc(-1 * var(--spacing-200));table-layout:fixed}.glyph-matrix th{font-weight:var(--font-weight-normal);text-align:left;vertical-align:bottom}.glyph-matrix thead th:first-child{width:6.5rem}.glyph-matrix tbody th{vertical-align:middle;display:table-cell}.glyph-matrix-op,.glyph-matrix-pair{display:block}.glyph-matrix-op{color:var(--color-text)}.glyph-matrix-pair{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text)}.glyph-matrix td{padding:0}.glyph-matrix-cell{padding:var(--spacing-100);border-radius:var(--radius-md)}.glyph-icon{box-sizing:border-box;padding:3px}.glyph-icon .glyph{width:100%;height:100%}.glyph-icon .glyph-fill{fill:var(--color-glyph-ink)}.glyph-icon .glyph-ink{fill:var(--color-glyph-fill)}@media(max-width:40rem){.glyph-example{grid-template-columns:1fr}.glyph-hero{padding:var(--spacing-600)}.glyph-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-title-in{opacity:0;visibility:visible;animation:project-title-in var(--duration-slow) var(--ease-standard) .4s forwards}.me.project-title-in,.about-portrait.project-title-in{animation-name:about-portrait-in;transform:rotate(-8deg)}@keyframes about-portrait-in{0%{opacity:0;transform:rotate(-8deg)rotate3d(-16,14,-1,16deg)scale(.9999)}to{opacity:1;transform:rotate(-8deg)scale(1)}}.project-content-in-top{opacity:0;visibility:visible;animation:project-content-in-top var(--duration-entrance) var(--ease-standard) forwards}.project-content-in-bottom{opacity:0;visibility:visible;animation:project-content-in-bottom var(--duration-entrance) var(--ease-standard) forwards}.drawing-icon{z-index:var(--z-base);justify-content:center;align-items:center;display:inline-flex;position:relative}.drawing-icon svg{fill:none;width:120%;height:auto;z-index:var(--z-below);pointer-events:auto;align-self:flex-end;margin-left:0%;position:absolute;top:-20px}@media(max-width:48em){.drawing-icon svg{top:-30px}}.drawing-icon svg path{stroke-width:24px;stroke-dasharray:2280;stroke-dashoffset:2280px;stroke:var(--color-drawing-icon);animation:.65s ease-in-out forwards dash}@keyframes project-title-in{0%{opacity:0;transform:rotate3d(-16,14,-1,16deg)scale(.9999)}to{opacity:1;transform:rotate3d(0,0,0,0)scale(1)}}@keyframes project-content-in-top{0%{opacity:0;transform:translateY(-120px)}to{opacity:1;transform:translateY(0)}}@keyframes project-content-in-bottom{0%{opacity:0;transform:translateY(120px)}to{opacity:1;transform:translateY(0)}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes about-user-arrow-float{0%,to{transform:translateY(-100%)translate(0)}25%{transform:translateY(-100%)translate(3px,-2px)}50%{transform:translateY(-100%)translate(-2px,2px)}75%{transform:translateY(-100%)translate(2px,1px)}}.catalog-preview-in{animation:catalog-preview-in var(--duration-moderate) var(--ease-standard) both}@keyframes catalog-preview-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.glyph{--glyph-spring:cubic-bezier(.22, 1, .36, 1);--glyph-build-duration:.4s}@supports (animation-timing-function:linear(0,1)){.glyph{--glyph-spring:linear(0, .091, .274, .467, .633, .762, .855, .917, .957, .98, .993, 1, 1.003, 1.004, 1.003, 1.001, 1)}}.glyph-build-shape,.glyph-build-node{transform-box:fill-box;transform-origin:50%}.glyph[data-build] .glyph-build-shape{animation:glyph-build-shape var(--glyph-build-duration) var(--glyph-spring) both paused}.glyph[data-build] .glyph-build-line{animation:glyph-build-line var(--glyph-build-duration) var(--glyph-spring) both paused}.glyph[data-build] .glyph-build-node{animation:glyph-build-node var(--glyph-build-duration) var(--glyph-spring) both paused}.glyph[data-build=play] :is(.glyph-build-shape,.glyph-build-line,.glyph-build-node){animation-play-state:running}@keyframes glyph-build-shape{0%{opacity:0;transform:scale(.4)}}@keyframes glyph-build-line{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes glyph-build-node{0%{transform:scale(0)}}.icon-swap-anim{display:none}.list-row--active .icon-swap-anim,.fnav-tab--active .icon-swap-anim{display:inline-flex}.list-row--active .icon-swap-static,.fnav-tab--active .icon-swap-static{display:none}@media(hover:hover){.list-row:hover .icon-swap-anim,.fnav-tab:hover .icon-swap-anim{display:inline-flex}.list-row:hover .icon-swap-static,.fnav-tab:hover .icon-swap-static{display:none}}@media(prefers-reduced-motion:reduce){.icon-swap-anim{display:none!important}.icon-swap-static{display:inline-flex!important}.catalog-panel{transition:none!important}.catalog-preview-in,.glyph-build-shape,.glyph-build-line,.glyph-build-node,.read-mode-skeleton-line,.list-row-icon--loading,.dialog-overlay,.cmd-panel{animation:none!important}.project-title-in,.project-content-in-top,.project-content-in-bottom,.drawing-icon svg path{opacity:1!important;stroke-dashoffset:0!important;animation:none!important;transform:none!important}.me.project-title-in,.about-portrait.project-title-in{transform:rotate(-8deg)!important}.about-portrait-user-arrow__body{animation:none!important;transform:translateY(-100%)!important}}.cmd-panel{width:min(36rem,calc(100% - 2 * var(--spacing-400)));border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg);flex-direction:column;max-height:70vh;display:flex;top:12vh;left:50%;overflow:hidden;translate:-50%}.cmd-panel[data-state=open]{animation:cmd-panel-in var(--duration-fast) ease both}.cmd-panel[data-state=closed]{animation:cmd-panel-out var(--duration-fast) ease both}.cmd-body{display:contents}.cmd-input-row{align-items:center;gap:var(--spacing-300);padding:var(--spacing-400) var(--spacing-400);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.cmd-input-icon{color:var(--color-text-muted);flex-shrink:0}.cmd-input{min-width:0;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);background:0 0;border:0;outline:none;flex:1}.cmd-input::placeholder{color:var(--color-text-muted)}.cmd-list{overscroll-behavior:contain;min-height:0;padding:var(--spacing-200);flex:1;overflow-y:auto}.cmd-empty{padding:var(--spacing-1200) var(--spacing-400);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.cmd-group{margin-bottom:var(--spacing-200)}.cmd-group:last-child{margin-bottom:0}.cmd-group-label{align-items:center;gap:var(--spacing-100);padding:var(--spacing-200) var(--spacing-300);font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;font-weight:500;display:flex}.cmd-group-icon{width:var(--icon-size-xs);height:var(--icon-size-xs);stroke-width:var(--icon-stroke-xs);flex-shrink:0}.cmd-footer{align-items:center;gap:var(--spacing-400);padding:var(--spacing-300) var(--spacing-400);border-top:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.cmd-footer-hint{align-items:center;gap:var(--spacing-150);font-size:var(--font-size-xs);color:var(--color-text-muted);display:inline-flex}.cmd-footer-hint--end{margin-left:auto}@keyframes cmd-panel-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cmd-panel-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.98)}}.fnav{display:none}@media(max-width:640px){.fnav{bottom:var(--spacing-200);z-index:var(--z-nav);align-items:center;gap:var(--spacing-50);padding:var(--spacing-100);border:1px solid var(--color-border-subtle);border-radius:var(--radius-3xl);background:var(--color-bg);display:flex;position:fixed;left:50%;transform:translate(-50%)}.fnav-tab{min-width:76px;padding:var(--spacing-200) var(--spacing-300);border-radius:var(--radius-2xl);color:var(--color-text-muted);font:inherit;letter-spacing:.01em;text-align:center;cursor:pointer;transition:background-color var(--duration-fast),color var(--duration-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:500;text-decoration:none;display:flex}@media(hover:hover){.fnav-tab:hover{background:var(--color-bg-muted);color:var(--color-text)}}.fnav-tab--active{background:var(--color-bg-muted);color:var(--color-text)}}@font-face{font-family:Sharp Grotesk Book;src:url(/fonts/sharp-grotesk-book-15-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sharp Grotesk SmBold;src:url(/fonts/sharp-grotesk-smbold-20-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sharp Grotesk Medium;src:url(/fonts/sharp-grotesk-medium-25-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.bg-soft-grey{background-color:var(--color-bg-soft)!important}.cl-grey{color:var(--color-text-muted)!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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-ease{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}