@font-face{font-family:Aeonik;src:url(/_astro/aeonik-regular.DrcZRvao.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/_astro/geist-mono-regular.BbGvSJlF.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--type-scale:.8;--type-ui:14px;--type-label:13px;--type-body-sm:14px;--type-body:16px;--type-caption:12px;--type-subtitle:18px;--type-menu:56px;--type-root-desktop:clamp(9px, .694445vw, 13.34px);--font-sans:"Aeonik", "Helvetica Neue", Helvetica, Arial, sans-serif}html{font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--type-work-body:16px;--type-lead:clamp(17px, calc(22px * var(--type-scale)), 26px);--type-title:clamp(20px, calc(24px * var(--type-scale)), 29px);--type-section:clamp(32px, calc(3.1vw * var(--type-scale)), 52px);--type-card-heading:clamp(24px, calc(30px * var(--type-scale)), 36px);--type-display:clamp(56px, calc(7vw * var(--type-scale)), 115px)}.experience-scene{--type-ui:14px;--type-label:13px;--type-body-sm:14px;--type-body:16px;--type-work-body:18px;--type-lead:22px;--type-title:24px;--type-section:clamp(40px, 3.1vw, 44px);--type-card-heading:30px;--type-display:clamp(72px, 7vw, 96px)}html{font-size:var(--type-root-desktop)}button,a{font:inherit}.site-header{font-size:var(--type-ui);line-height:1}.site-header h1,.site-header p{font-size:inherit;font-weight:400;line-height:inherit}.about .hero-identity-copy h2,.hero-identity-copy p{font-size:var(--type-lead);letter-spacing:-.015em;font-weight:400;line-height:1.05}.copy-pair>p,.focus-list{font-size:var(--type-lead);letter-spacing:-.015em;font-weight:400;line-height:1.4}.about strong,.focus-list li{font-weight:400}.about h2{font-size:var(--type-ui);font-weight:400;line-height:1}.about .credit{font-size:var(--type-ui);line-height:1}.activity-card{font-size:var(--type-ui);font-weight:400;line-height:24px}.activity-calendar{font-size:var(--type-ui);line-height:24px}.activity-graph text{font:var(--type-ui)/24px var(--font-sans)}.activity-total,.activity-legend{font-size:var(--type-ui);line-height:24px}.activity-tooltip{font-size:var(--type-caption);line-height:16px}.activity-actions{font-size:var(--type-ui);line-height:20px}.activity-actions p{font-size:var(--type-ui);line-height:24px}.activity-actions p a{font-weight:500}.activity-button{font-size:var(--type-ui);font-weight:500;line-height:20px}.work-intro h2{font-weight:400;font-size:var(--type-lead);line-height:1}.work-copy-panel .project-title-row h3{font-size:var(--type-section);letter-spacing:-.045em;line-height:1}.case-cursor-panel{letter-spacing:normal;text-transform:uppercase;-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:14px}.project-tag{font-size:var(--type-label);line-height:1}.project-title-row h3,.project-index,.work-description,.work-meta{font-weight:400}.project-title-row h3{font-size:var(--type-title);letter-spacing:-.025em;font-weight:400;line-height:1.08}.project-index{font-size:var(--type-label);line-height:1}.work-description{font-size:var(--type-work-body);letter-spacing:-.01em;text-wrap:pretty;line-height:1.45}.work-meta{font-size:var(--type-ui);line-height:1.25}.section-kicker,.index-heading h2,.index-heading>p,.index-row h3,.index-row p,.community-row h3,.community-row p{font-weight:400}.section-kicker{font-size:var(--type-label);line-height:1}.index-heading h2{font-size:clamp(40px, calc(5.6rem * var(--type-scale)), 56px);letter-spacing:-.045em;line-height:.98}.index-heading>p:last-child{font-size:var(--type-body);letter-spacing:-.01em;line-height:1.35}.index-copy h3{font-size:var(--type-title);line-height:1.1}.index-copy p{font-size:var(--type-body-sm);line-height:1.3}.index-meta{font-size:var(--type-label);letter-spacing:.03em;text-transform:uppercase;line-height:1.25}.experience-card-meta h2,.experience-card-meta p,.build-card-copy h3,.build-card-copy p,.build-card-row-meta{font-weight:400}.experience-card-meta p{font-size:var(--type-body-sm);line-height:1.2}.experience-card-meta h2{font-size:var(--type-section);letter-spacing:-.035em;font-weight:400;line-height:1}.build-card-toggle{font:inherit;font-size:var(--type-body-sm)}.build-card-row:before{font-size:var(--type-body-sm);line-height:1.3}.build-card-copy h3{font-size:var(--type-body);line-height:1.3}.build-card-copy p{font-size:var(--type-body-sm);line-height:1.4}.build-card-row-meta{font-size:var(--type-body-sm);letter-spacing:0;text-transform:none;line-height:1.3}.community-row div>p{font-size:var(--type-body);letter-spacing:-.01em;line-height:1.35}.contact-lead>p,.contact-lead h2,.contact-lead>a,.contact-footer p{font-weight:400}.contact-lead>p{font-size:var(--type-lead);line-height:1.2}.contact-lead h2{font-size:var(--type-display);letter-spacing:-.07em;line-height:.82}.contact-lead>a{font-size:var(--type-body);line-height:1.2}.contact-footer{font-size:var(--type-ui);line-height:1.2}@media (width<=768px){:root{--type-work-body:16px;--type-lead:clamp(16px, calc(20px * var(--type-scale)), 24px);--type-title:clamp(20px, calc(22px * var(--type-scale)), 26px);--type-section:clamp(29px, calc(36px * var(--type-scale)), 43px);--type-card-heading:clamp(24px, calc(28px * var(--type-scale)), 34px);--type-display:clamp(45px, calc(56px * var(--type-scale)), 67px)}.activity-card,.experience-scene{--type-work-body:17px;--type-lead:20px;--type-title:22px;--type-section:36px;--type-card-heading:28px;--type-display:56px}html{font-size:2.66667vw}.site-header{font-size:var(--type-ui)}.mobile-menu-role{font-size:var(--type-ui);line-height:1}.mobile-menu-panel nav a:not(.mobile-menu-email){font-size:var(--type-menu);letter-spacing:-.055em;text-transform:uppercase;font-weight:600;line-height:1.1}.mobile-menu-email{font-size:var(--type-subtitle);line-height:1.2}.about p,.focus-list{font-size:var(--type-lead)}.project-title-row h3{font-size:var(--type-title)}.work-description{font-size:var(--type-body)}.activity-actions p{font-size:var(--type-ui);line-height:20px}.index-heading h2{font-size:clamp(38px, calc(4.8rem * var(--type-scale)), 48px)}.index-heading>p:last-child{font-size:var(--type-body)}.index-copy h3{font-size:var(--type-title)}.index-copy p{font-size:var(--type-body-sm)}.experience-card-meta h2{font-size:var(--type-section)}.build-card-copy h3{font-size:var(--type-body)}.build-card-copy p{font-size:var(--type-body-sm)}.contact-lead>p{font-size:var(--type-lead)}.contact-lead h2{font-size:var(--type-display);line-height:.86}.contact-lead>a{font-size:var(--type-body)}}.about-work-link{font-size:var(--type-body)}:is(.project-tag,.work-meta span,.build-card-row-meta){letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:400;line-height:1.4}:root{--black:#13251f;--ink:#13251f;--grey:#13251f;--muted-ink:#13251fad;--paper:#fff;--white:#fff;--deep:#263a33;--warm:#ddcbbb;--accent:#e76843;--utility:#f7f7f7;--contact-ink:#07130f;--ease-out:cubic-bezier(.16, 1, .3, 1);--nav-width:88rem;--nav-top:1.2rem;--nav-padding-y:.4rem;--nav-padding-x:1rem;--nav-radius:8px;--nav-glass-opacity:.72;--nav-blur:18px;--nav-saturation:160%;--nav-highlight-opacity:.82;--nav-border-opacity:.12;--nav-shadow-opacity:0;--nav-transition-duration:.45s;--tag-glass-opacity:.42;--tag-blur:29px;--tag-saturation:160%;--tag-border-opacity:.06}*{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html{color:var(--black);background:var(--paper);scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--paper);min-height:100vh;margin:0;overflow-x:hidden}button,a{color:inherit}button{border:0}a{text-decoration:none}.site-header{z-index:50;width:100%;color:var(--ink);transition:top var(--nav-transition-duration) cubic-bezier(.16, 1, .1, 1), width var(--nav-transition-duration) cubic-bezier(.16, 1, .1, 1), padding var(--nav-transition-duration) cubic-bezier(.16, 1, .1, 1), border-color var(--nav-transition-duration) cubic-bezier(.16, 1, .1, 1), border-radius var(--nav-transition-duration) cubic-bezier(.16, 1, .1, 1), background-color var(--nav-transition-duration) cubic-bezier(.16, 1, .1, 1), box-shadow var(--nav-transition-duration) cubic-bezier(.16, 1, .1, 1);background:#fff0;border:1px solid #0000;border-radius:0;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:2rem;padding:0 2rem;display:grid;position:fixed;top:2.5rem;left:50%;transform:translate(-50%)}.site-header.is-scrolled{top:var(--nav-top);width:min(calc(100% - 3.2rem), var(--nav-width));padding:var(--nav-padding-y) var(--nav-padding-x);border-color:rgba(19, 37, 31, var(--nav-border-opacity));border-radius:var(--nav-radius);background:rgba(255, 255, 255, var(--nav-glass-opacity));box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--nav-highlight-opacity)), 0 .8rem 3rem rgba(19, 37, 31, var(--nav-shadow-opacity));backdrop-filter:blur(var(--nav-blur)) saturate(var(--nav-saturation))}.site-header h1,.site-header p{margin:0}.site-name{opacity:1;grid-column:1/span 2;width:max-content;padding:1.5rem;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.site-role{grid-column:3/span 4}.site-nav{grid-column:8/-1;justify-content:flex-end;align-items:center;gap:0;display:flex}.site-nav a{padding:1.5rem;display:block;position:relative}.site-nav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .6s cubic-bezier(.16,1,.1,1);position:absolute;bottom:.9rem;left:1.5rem;right:1.5rem;transform:scaleX(0)}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.site-header.is-scrolled .site-name,.site-header.is-scrolled .site-nav a{padding-top:1.1rem;padding-bottom:1.1rem}.mobile-menu,.mobile-menu-panel,.mobile-menu-backdrop{display:none}.about{z-index:2;background:var(--paper);min-height:auto;padding:calc(10rem + 116px) 0 10rem;position:relative}.about section{flex-direction:column;gap:10rem;width:57.1rem;margin:0 auto;display:flex}.copy-pair{flex-direction:column;gap:0;display:flex}.hero-identity{flex-direction:column;gap:16px;width:34rem;margin-bottom:4.8rem;display:flex}.about .hero-identity-copy h2,.hero-identity-copy p{margin:0}.about .hero-identity-copy h2{color:var(--ink)}.hero-identity-copy p{color:var(--muted-ink)}.hero-links{align-items:center;gap:.8rem;display:flex}.hero-link{background:var(--white);width:5.2rem;height:5.2rem;color:var(--ink);border:1px solid #13251f1f;border-radius:1.3rem;justify-content:center;align-items:center;transition:background .2s ease-out,border-color .2s ease-out;display:inline-flex}.hero-link svg{stroke-width:1.8px;width:1.7rem;height:1.7rem}.hero-link:hover{background:var(--utility);border-color:#13251f33}.hero-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.about-intro{flex-direction:column;gap:4.8rem;display:flex}.copy-pair>p,.focus-list{color:var(--muted-ink);margin:0}.copy-pair>p+p{margin-top:1lh}.about strong,.focus-list li{color:var(--ink)}.inline-link{color:inherit;white-space:nowrap;align-items:baseline;gap:.12em;transition:color .36s cubic-bezier(.16,1,.1,1);display:inline-flex;position:relative}.inline-link:hover,.inline-link:focus-visible{color:var(--ink)}.inline-link:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .8s cubic-bezier(.16,1,.1,1);position:absolute;bottom:-.05em;left:0;right:0;transform:scaleX(0)}.inline-link:hover:after,.inline-link:focus-visible:after{transform-origin:0;transform:scaleX(1)}.inline-link svg{stroke-width:1.7px;flex:none;width:.72em;height:.72em}.about h2{margin:0 0 1.6rem}.focus-list{padding:0;list-style:none}.activity-card{background:var(--utility);width:100%;color:var(--ink);border-radius:10px;padding:4px}.activity-calendar-shell{background:var(--paper);border-radius:6px;margin-bottom:4px}.activity-calendar{flex-direction:column;gap:8px;width:max-content;max-width:100%;height:173px;padding:12px 8px;display:flex}.activity-scroll{scrollbar-width:none;max-width:100%;padding:0 8px;overflow:auto hidden}.activity-scroll::-webkit-scrollbar{display:none}.activity-scroll:focus-visible{outline:1px solid var(--grey);outline-offset:4px}.activity-graph{color:var(--ink);display:block;overflow:visible}.activity-graph text,.activity-cell,.activity-legend-cell{fill:currentColor}.activity-cell[data-level="0"],.activity-legend-cell[data-level="0"]{opacity:.05}.activity-cell[data-level="1"],.activity-legend-cell[data-level="1"]{opacity:.2}.activity-cell[data-level="2"],.activity-legend-cell[data-level="2"]{opacity:.4}.activity-cell[data-level="3"],.activity-legend-cell[data-level="3"]{opacity:.6}.activity-cell[data-level="4"],.activity-legend-cell[data-level="4"]{opacity:.8}.activity-footer{white-space:nowrap;flex-wrap:wrap;gap:4px 16px;padding:0 8px;display:flex}.activity-total,.activity-legend{color:var(--grey);margin:0}.activity-legend{align-items:center;gap:3px;margin-left:auto;display:flex}.activity-legend-cells{gap:3px;display:flex}.activity-legend-cells svg{width:11px;height:11px;display:block}.activity-tooltip-portal{z-index:100;pointer-events:none;position:fixed;inset:0}.activity-tooltip-positioner{z-index:100;will-change:transform;position:absolute;top:0;left:0}.activity-tooltip{--tooltip-scale:.95;background:var(--ink);width:max-content;max-width:220px;color:var(--paper);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex;position:relative}.activity-tooltip p{margin:0}.activity-tooltip[data-open]{animation:.15s activity-tooltip-in}.activity-tooltip[data-closed]{animation:.15s activity-tooltip-out}.activity-tooltip-arrow{z-index:100;background:var(--ink);border-radius:2px;width:10px;height:10px;position:absolute;rotate:45deg}.activity-tooltip-arrow[data-side=top]{bottom:-10px;translate:0 calc(-50% - 2px)}.activity-tooltip-arrow[data-side=bottom]{top:4px;translate:0 -50%}@keyframes activity-tooltip-in{0%{opacity:0;transform:scale(var(--tooltip-scale))}}@keyframes activity-tooltip-out{to{opacity:0;transform:scale(var(--tooltip-scale))}}.activity-actions{flex-direction:column;gap:12px;padding:8px;display:flex}.activity-actions p{color:var(--ink);margin:0}.activity-actions p a{color:var(--ink);align-items:center;gap:2px;display:inline-flex;position:relative}.activity-actions p a:after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1.5px;transition:transform .8s cubic-bezier(.16,1,.1,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.activity-actions p a:hover:after,.activity-actions p a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.activity-actions p svg,.activity-button svg{stroke-width:2px;width:16px;height:16px}.activity-buttons{align-items:center;gap:8px;display:flex}.activity-button{background:var(--paper);height:32px;color:var(--ink);border:1px solid #13251f24;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 10px;transition:background .18s ease-out;display:inline-flex}.activity-button:hover{background:var(--utility)}.activity-button-primary{background:var(--ink);color:var(--paper);border-color:#0000}.activity-button-primary:hover{background:var(--deep)}.work-section{z-index:3;background:var(--utility);padding:10rem 2rem;scroll-margin-top:0;position:relative}.work-layout{grid-template-columns:repeat(16,minmax(0,1fr));column-gap:2rem;display:grid}.work-left-column{grid-column:1/span 6;min-width:0}.work-sticky{flex-direction:column;height:100svh;margin-top:0;padding:30svh 1.2rem 2.4rem 0;display:flex;position:sticky;top:0}.work-intro{max-width:44rem}.work-intro h2{color:var(--ink);margin:0}.project-list{flex-direction:column;grid-column:7/-1;gap:4.8rem;min-width:0;display:flex}.project-row{opacity:.7;min-width:0;transition:opacity .167s linear}.project-row.is-active{opacity:1}.project-card{display:block}.project-card .project-thumb{aspect-ratio:4/3}.project-card .project-copy{display:none}.work-active-copy{min-height:24rem;margin-top:4rem;position:relative}.work-copy-panel{opacity:0;pointer-events:none;padding:0;position:absolute;top:0;left:0;right:1.2rem}.work-copy-panel.is-active{opacity:1}.work-copy-panel .project-title-row h3{max-width:44rem}.work-copy-panel .project-title-row{flex-direction:column;align-items:flex-start;gap:1.2rem}.work-copy-panel .project-index{order:-1}.case-cursor{z-index:100;pointer-events:none;will-change:transform;display:none;position:fixed;top:0;left:0}.case-cursor-offset{transform-origin:0 100%;transform:translate(14px,calc(-100% - 12px))}.case-cursor-panel{color:#fff;transform-origin:0 100%;white-space:nowrap;background:#000;border:0;border-radius:42.8571px;align-items:center;gap:6px;padding:8px 16px 8px 12px;display:flex;transform:scale(0)}.case-cursor-arrow{color:currentColor;stroke:currentColor;stroke-width:1.75px;flex:0 0 10px;width:10px;height:10px;display:block}.case-cursor.is-visible .case-cursor-panel{transform:scale(1)}@media (hover:hover) and (pointer:fine){a[data-cursor-label]{cursor:pointer}.case-cursor{display:flex}}@media (prefers-reduced-motion:reduce){a[data-cursor-label]{cursor:pointer}.case-cursor{display:none}}.project-card:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:.8rem}.project-thumb{aspect-ratio:16/10;background:var(--utility);border-radius:.8rem;position:relative;overflow:hidden}.project-thumb img,.project-thumb video{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out);display:block}.project-thumb:hover img,.project-thumb:hover video{transform:scale(1.015)}.project-tag{border:1px solid rgba(19, 37, 31, var(--tag-border-opacity));background:rgba(255, 255, 255, var(--tag-glass-opacity));color:#fff;backdrop-filter:blur(var(--tag-blur)) saturate(var(--tag-saturation));border-radius:999px;padding:1rem 1.4rem;position:absolute;bottom:1.6rem;left:1.6rem}.project-copy{padding:2.4rem .4rem 0}.project-title-row{justify-content:space-between;align-items:baseline;gap:2rem;display:flex}.project-title-row h3,.project-index,.work-description,.work-meta{margin:0}.project-title-row h3{color:var(--ink)}.project-index{color:var(--grey)}.work-description{max-width:55rem;color:var(--grey);margin-top:1.6rem}.work-meta{color:var(--grey);flex-wrap:wrap;gap:.8rem;margin-top:1.2rem;display:flex}.work-meta span{background:0 0;border:1px solid #13251f14;border-radius:999px;padding:.7rem 1rem}.index-section{background:var(--paper);min-height:100svh;padding:20rem 2rem;scroll-margin-top:8rem}.index-shell{grid-template-columns:repeat(16,minmax(0,1fr));align-items:start;column-gap:2rem;width:100%;display:grid}.index-heading{grid-column:2/span 4}.section-kicker,.index-heading h2,.index-heading>p,.index-row h3,.index-row p,.community-row h3,.community-row p{margin:0}.section-kicker{color:var(--ink)}.index-heading h2{max-width:42rem;color:var(--ink);margin-top:2.4rem}.index-heading>p:last-child{max-width:34rem;color:var(--grey);margin-top:3.2rem}.index-list,.community-list{grid-column:7/-2}.index-row{border-top:1px solid #13251f24;grid-template-columns:5.6rem minmax(0,1fr) 18rem 2.4rem;align-items:center;column-gap:2rem;padding:2.4rem 0;transition:opacity .18s ease-out;display:grid}.index-row:last-child{border-bottom:1px solid #13251f24}.index-row:hover{opacity:.55}.index-row:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.index-thumb{object-fit:cover;border-radius:.4rem;width:5.6rem;height:5.6rem}.index-copy h3{color:var(--ink)}.index-copy p{color:var(--grey);margin-top:.8rem}.index-meta{color:var(--grey)}.index-row svg{stroke-width:1.6px;justify-self:end;width:1.8rem;height:1.8rem}.experience-scene{z-index:1;background:var(--paper);padding:12rem 2rem 8rem;scroll-margin-top:8rem;position:relative}.experience-card-wrap{width:100%}.experience-card{width:min(100%, var(--nav-width));color:var(--ink);background:0 0;margin:0 auto;padding:0}.experience-card-meta{flex-direction:column;align-items:flex-start;gap:1.6rem;display:flex}.experience-card-meta h2,.experience-card-meta p,.build-card-copy h3,.build-card-copy p,.build-card-row-meta{margin:0}.experience-card-meta p{max-width:72rem;font-size:var(--type-body);line-height:1.5}.experience-card-meta h2{margin:0}.build-card-list{counter-reset:archive-row;margin-top:2.4rem}.build-card-list.is-collapsed .build-card-row:nth-child(n+11){display:none}.build-card-toggle{width:100%;min-height:4.8rem;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #13251f14;border-radius:999px;justify-content:center;align-items:center;margin-top:2rem;padding:.8rem 1.25rem;transition:background-color .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1);display:flex}.build-card-toggle:hover{background:#ffffff94;border-color:#13251f24}.build-card-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.build-card-row{counter-increment:archive-row;border-top:1px solid #13251f24;grid-template-columns:4rem minmax(0,1fr) minmax(12rem,.34fr) 2rem;align-items:baseline;column-gap:1.8rem;padding:1.35rem 0;transition:opacity .35s cubic-bezier(.16,1,.1,1),background-color .35s cubic-bezier(.16,1,.1,1);display:grid}.build-card-row:first-child{border-top:0}.build-card-row:before{content:counter(archive-row, decimal-leading-zero);color:var(--ink)}@media (hover:hover) and (pointer:fine) and (width>=801px){.build-card-list:hover .build-card-row{opacity:.8}.build-card-list .build-card-row:hover{opacity:1;background:#ffffff6b}}.build-card-row:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.build-card-thumb{display:none}.build-card-copy{grid-template-columns:minmax(14rem,.7fr) minmax(20rem,1.3fr);align-items:baseline;column-gap:2rem;display:grid}.build-card-copy h3{color:var(--ink)}.build-card-copy p{color:var(--muted-ink)}.build-card-row-meta{color:var(--ink);background:0 0;border:1px solid #13251f14;border-radius:999px;justify-self:start;padding:.7rem 1rem}.build-card-row-meta-group{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.build-card-row-meta-group .build-card-row-meta{margin:0}.build-card-row svg{stroke-width:1.6px;justify-self:end;width:1.4rem;height:1.4rem}.community-row div>p{max-width:48rem;color:var(--grey);margin-top:1.2rem}.contact-section{background:var(--paper);min-height:100svh;color:var(--contact-ink);flex-direction:column;justify-content:space-between;padding:12rem 3.5rem 3rem;scroll-margin-top:8rem;display:flex}.contact-lead{margin:auto 0}.contact-lead>p,.contact-lead h2,.contact-lead>:is(a,button),.contact-footer p{margin:0}.contact-lead>p{color:inherit}.contact-lead h2{max-width:110rem;margin-top:4rem}.contact-lead>:is(a,button){align-items:center;gap:.8rem;margin-top:5rem;padding-bottom:.6rem;display:inline-flex;position:relative}.contact-lead>:is(a,button):after,.contact-footer :is(a,button):after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .8s cubic-bezier(.16,1,.1,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.contact-lead>:is(a,button):hover:after,.contact-lead>:is(a,button):focus-visible:after,.contact-footer :is(a,button):hover:after,.contact-footer :is(a,button):focus-visible:after{transform-origin:0;transform:scaleX(1)}.contact-lead>:is(a,button) svg{stroke-width:1.6px;width:1.8rem;height:1.8rem}.contact-footer{grid-template-columns:1fr auto 1fr;align-items:end;gap:2rem;display:grid}.contact-footer nav{gap:2rem;display:flex}.contact-footer :is(a,button){padding-bottom:.35rem;position:relative}.contact-footer>p:last-child{color:inherit;justify-self:end}@media (width<=768px){.site-header{height:4rem;padding:0 1.6rem;display:flex;top:4rem}body.mobile-menu-open .site-header{z-index:52;box-shadow:none;backdrop-filter:none;background:0 0;border-color:#0000}body.mobile-menu-open .site-name{opacity:0;pointer-events:none}.site-name{padding:1.4rem 0}.site-role,.site-nav{display:none}.mobile-menu{margin-left:auto;display:block}.mobile-menu-toggle{z-index:3;cursor:pointer;background:0 0;border-radius:0;place-items:center;width:36px;height:36px;display:grid;position:relative;overflow:hidden}.mobile-menu-toggle svg{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-width:1.5px;position:absolute}.mobile-menu-default-line{stroke-dasharray:20;stroke-dashoffset:0}.mobile-menu-close-line{stroke-dasharray:20;stroke-dashoffset:20px}.mobile-menu-default{transform:translateY(0)}.mobile-menu-close{transform:translateY(-100%)}.mobile-menu-panel{z-index:51;background:#f4f4f4;border-radius:0 0 20px 20px;flex-direction:column;width:100%;height:min(560px,100svh);padding:120px 17px 30px;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translateY(-100%)}.mobile-menu-role{color:#000;margin:0;position:absolute;top:40px;left:17px;overflow:hidden}.mobile-menu-role span,.mobile-menu-panel nav a span{display:block;transform:translateY(110%)}.mobile-menu-panel nav{flex-direction:column;flex:none;margin:auto 0 0;display:flex}.mobile-menu-panel nav a:not(.mobile-menu-email){color:#000;flex-shrink:0;transition:opacity 0s linear .75s;overflow:hidden}.mobile-menu-panel nav a[aria-current=true]{opacity:.5}.mobile-menu-email{color:#000;flex-shrink:0;width:max-content;margin-top:16px}.mobile-menu-backdrop{z-index:49;opacity:0;pointer-events:none;background:#000;width:100vw;height:100dvh;display:block;position:fixed;inset:0}body.mobile-menu-open{overflow:hidden}.about{min-height:auto;padding:18rem 1.6rem 6rem}.about section{gap:6rem;width:100%}.hero-identity{gap:4rem;width:100%;max-width:34rem;margin-bottom:2.4rem}.work-section{padding:6rem 1.6rem}.work-layout{display:block}.work-sticky{height:auto;margin-top:0;padding:0;display:block;position:static}.work-active-copy{display:none}.work-intro{margin-bottom:6rem;display:block}.work-intro h2{margin-bottom:0}.project-list{display:block}.project-row{opacity:1}.project-card,.project-card .project-copy{display:block}.project-row+.project-row{margin-top:5rem}.project-card .project-thumb{aspect-ratio:4/3}.project-tag{padding:.9rem 1.2rem;bottom:1.2rem;left:1.2rem}.project-copy{padding:1.8rem 0 0}.work-description{max-width:34rem;margin-top:1.2rem}.activity-card{width:100%}.activity-buttons{flex-direction:column;align-items:stretch}.activity-button{width:100%}.index-section{min-height:auto;padding:14rem 1.6rem}.index-shell{display:block}.index-heading{margin-bottom:7rem}.index-heading h2{max-width:32rem}.index-heading>p:last-child{max-width:30rem}.index-row{grid-template-columns:4.8rem minmax(0,1fr) 1.8rem;column-gap:1.4rem;padding:2rem 0}.index-thumb{width:4.8rem;height:4.8rem}.index-row .index-meta{grid-column:2/-1;margin-top:-.4rem}.index-row svg{grid-area:1/3}.experience-scene{padding:7rem 1.6rem 6rem}.experience-card{width:100%;padding:0}.build-card-list{margin-top:1.8rem}.build-card-row{grid-template-columns:2.8rem minmax(0,1fr) 1.8rem;align-items:start;column-gap:1.2rem;padding:1.4rem 0}.build-card-copy{display:block}.build-card-copy p{margin-top:.35rem}.build-card-row-meta{color:var(--muted-ink);grid-column:2;margin-top:.7rem}.build-card-row-meta-group{grid-column:2;margin-top:.7rem}.build-card-row-meta-group .build-card-row-meta{margin-top:0}.build-card-row svg{grid-area:1/3}.contact-section{min-height:auto;padding:8rem 1.6rem 2.4rem}.contact-lead{margin:0}.contact-lead h2{margin-top:3rem}.contact-lead>:is(a,button){margin-top:4rem}.contact-footer{grid-template-columns:1fr auto;align-items:center;gap:1.6rem 2rem;margin-top:8rem;display:grid}.contact-footer nav{grid-area:2/1/auto/-1;gap:2rem}.contact-footer>p:last-child{grid-area:1/2;justify-self:end}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}.about-work-link{color:var(--ink);align-items:center;gap:8px;margin-top:24px;padding:8px 0;display:inline-flex}.about-work-link svg{width:16px;height:16px}@media (prefers-reduced-motion:no-preference){.about-work-link svg{animation:2.4s ease-in-out infinite work-arrow-drift}}@keyframes work-arrow-drift{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid}.mobile-menu-panel[inert]{pointer-events:none}.work-copy-panel[aria-hidden=true]{visibility:hidden}@media (hover:none),(width<=800px){.case-cursor{display:none!important}}[data-media-mirror-id=hyped-articles]{background:url(/assets/hyped-articles.webp) 50%/cover no-repeat}[data-media-mirror-id]{position:relative}[data-media-mirror-id] .video-fallback{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}[data-media-mirror-id] video{opacity:0;position:relative}[data-media-mirror-id] video[data-frame-ready=true]{opacity:1}:is(.project-tag,.work-meta span,.build-card-row-meta){border-radius:999px;padding:.7rem 1rem}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}.contact-section [data-copy-email]{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding-left:0;padding-right:0}.contact-lead>button[data-copy-email]{font-size:var(--type-body);font-weight:400;line-height:1.2}.project-tag-status{display:none}@media (width<=800px),(hover:none){.project-card[aria-disabled=true] .project-tag-status:before{content:" · ";white-space:pre}.project-card[aria-disabled=true] .project-tag-status{display:inline}}#signature-loader{display:none}html.is-signature-loading{overflow:hidden}html.is-signature-loading #signature-loader{z-index:10000;background:#fff;place-items:center;display:grid;position:fixed;inset:0}#signature-loader svg{width:clamp(132px,22vw,168px);height:auto;overflow:visible}#signature-loader path{stroke:#13251f;stroke-width:4.3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10000;stroke-dashoffset:10000px}:root{--ink:#202326;--black:#202326;--grey:#202326;--muted-ink:#73777d;--font-sans:"Aeonik",Arial,sans-serif;--stage:#f1f2f3;--mono:"Geist Mono",monospace;--nav-radius:12px;--widget-border:1px solid #e1e3df;--widget-shadow:0 2px 3px #20232602}body,input,button{font-family:var(--font-sans)}.site-header{border-width:.5px}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.site-header.is-scrolled{-webkit-backdrop-filter:none;background:#fff;border-color:#e1e3df}}button,input,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #7374ad}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-nav{isolation:isolate;justify-self:end;gap:4px;padding:6px;position:relative}.site-nav a,.site-header.is-scrolled .site-nav a{z-index:1;font:400 11px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--ink);opacity:.56;border-radius:26px;padding:9px 14px;transition:opacity .26s cubic-bezier(.32,.72,.24,1)}.site-header .site-nav a:hover{opacity:.76}.site-header .site-nav a[aria-current=page]{opacity:1}.site-nav a:after{content:none}.site-nav:not(:has(.site-nav-indicator)) a[aria-current=page]{background:#2023260d}.site-nav-indicator{pointer-events:none;background:#2023260d;border-radius:26px;height:34px;position:absolute;top:0;left:0}.site-nav-indicator[data-phase=stretch]{transition:transform .19s cubic-bezier(.32,.72,.24,1),width .19s cubic-bezier(.32,.72,.24,1)}.site-nav-indicator[data-phase=settle]{transition:transform .42s cubic-bezier(.28,1.28,.36,1),width .42s cubic-bezier(.24,1.34,.38,1)}@media (prefers-reduced-motion:reduce){.site-nav-indicator,.site-nav a{transition:none!important}}.showcase-hero{text-align:center;flex-direction:column;align-items:center;min-height:475px;padding:154px 24px 66px;display:flex}.showcase-hero h1{max-width:320px;font:400 24px/30px var(--font-sans);letter-spacing:-.48px;margin:0}.showcase-hero>p{font:400 16px/17.6px var(--font-sans);letter-spacing:-.32px;color:#777d84;margin:24px 0 0}.showcase-hero>.hero-summary{max-width:320px;line-height:24px}.hero-actions{flex-direction:column;align-items:center;gap:22px;margin-top:36px;display:flex}.hero-cases{color:var(--ink);font:400 14px/20px var(--font-sans);letter-spacing:0;background:#20232608;border:0;border-radius:999px;gap:8px;margin:-10px -16px;padding:10px 16px}.hero-cases:after{content:none}.hero-cases [data-lucide=arrow-up-right]{color:#858a91;transition:color .16s}.hero-cases:hover [data-lucide=arrow-up-right],.hero-cases:focus-visible [data-lucide=arrow-up-right]{color:var(--ink)}.hero-cases .hero-cases-outline{fill:none;stroke:#b6b9bd;stroke-width:.5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-cases-outline rect{width:calc(100% - 2px);height:calc(100% - 2px)}.hero-cases-track{stroke:#20232626}.hero-cases-trace{stroke-dasharray:100 102;stroke-dashoffset:101px;opacity:0;transition:stroke-dashoffset .18s cubic-bezier(.22,1,.36,1),opacity .16s ease-out}.hero-cases:hover .hero-cases-trace,.hero-cases:focus-visible .hero-cases-trace{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .28s cubic-bezier(.45,0,.55,1),opacity .1s ease-out}@media (prefers-reduced-motion:reduce){.hero-cases-trace,.hero-cases:is(:hover,:focus-visible) .hero-cases-trace{transition:none}}.showcase-end svg{width:14px;height:14px}.case-list-heading{text-align:center;padding:155px 24px 75px}.case-list-heading h1{max-width:400px;font:400 24px/30px var(--font-sans);letter-spacing:-.48px;text-wrap:balance;margin:0 auto 20px}.case-list-heading p{color:#7b8289;text-wrap:pretty;max-width:440px;margin:0 auto;font-size:16px;line-height:24px}.refresh-cases{--muted-ink:#777d84}.refresh-cases .case-list-heading p{color:var(--muted-ink)}.case-section{padding-bottom:128px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 16px;width:calc(100% - 48px);max-width:1392px;margin:0 auto;padding:0;list-style:none;display:grid}.case-tile-featured{grid-column:1/-1}.case-link{color:var(--ink);flex-direction:column;display:flex}.case-link[aria-disabled=true]{cursor:default}.case-tile-featured .case-link{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:end;column-gap:48px;display:grid}.case-media{aspect-ratio:4/3;background:var(--stage);isolation:isolate;border-radius:26px}.case-media img,.case-media video{transition:transform .7s cubic-bezier(.22,1,.36,1)}.case-status{z-index:2;height:36px;color:var(--ink);font:400 12.5px/18px var(--font-sans);letter-spacing:-.01em;white-space:nowrap;background:#fffffff2 padding-box padding-box;border:1px solid #2023260b;border-radius:18px;align-items:center;gap:6px;padding:0 14px 0 12px;display:inline-flex;position:absolute;bottom:16px;left:16px;box-shadow:0 1px 2px #20232605}.case-status svg{stroke-width:1.8px;color:#74787d;width:14px;height:14px}.case-tile-featured .case-media{aspect-ratio:16/10}.case-media .media-toggle{color:var(--ink);bottom:12px;right:12px}.case-media .media-toggle:before{background:#fffffff2 padding-box padding-box;border:1px solid #2023260b;inset:4px;box-shadow:0 1px 2px #20232605}.case-media .media-progress{stroke:#20232633;width:36px;height:36px;inset:4px}.case-media .media-toggle:focus-visible{outline-color:#7374ad}.case-copy{padding:20px 4px 0}.case-tile-featured .case-copy{padding:0 0 8px}.case-meta{font:400 11px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--muted-ink);justify-content:space-between;gap:16px;margin:0 0 8px;display:flex}.case-index{font-variant-numeric:tabular-nums}.case-title{font:400 20px/28px var(--font-sans);letter-spacing:-.02em;color:var(--ink);margin:0}.case-tile-featured .case-title{font-size:24px;line-height:30px}.case-desc{max-width:560px;font:400 16px/24px var(--font-sans);letter-spacing:-.02em;color:var(--muted-ink);text-wrap:pretty;margin:8px 0 0}.case-link:focus-visible{outline:none}.case-link:focus-visible .case-media{outline-offset:4px;outline:2px solid #7374ad}@media (hover:hover) and (pointer:fine){.case-link:not([aria-disabled=true]):hover .case-media :is(img,video){transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.case-media img,.case-media video{transition:none}.case-link:hover .case-media :is(img,video){transform:none}}@media (width<=1000px){.case-tile-featured .case-link{flex-direction:column;display:flex}.case-tile-featured .case-copy{padding:20px 4px 0}}@media (width<=800px){.case-grid{grid-template-columns:minmax(0,1fr);row-gap:48px;width:calc(100% - 24px)}.case-media{border-radius:20px}.case-status{bottom:12px;left:12px}.case-copy,.case-tile-featured .case-copy{padding:16px 8px 0}.case-section{padding-bottom:96px}}.refresh-about{--muted-ink:#777d84;--about-edge:#20232612}.about-layout{width:calc(100% - 48px);margin:0 auto;padding:32px 0 128px}.about-section{grid-template-columns:minmax(0,1fr) minmax(0,800px) minmax(0,1fr);column-gap:40px;display:grid}.about-section+.about-section{margin-top:128px}.about-label{width:200px;font:400 16px/24px var(--font-sans);letter-spacing:-.02em;color:var(--ink);grid-column:1;place-self:start end;margin:0;padding-top:4px;position:sticky;top:96px}.about-body{flex-direction:column;grid-column:2;gap:40px;min-width:0;display:flex}.about-prose p{max-width:720px;font:400 20px/28px var(--font-sans);letter-spacing:-.02em;color:var(--muted-ink);text-wrap:pretty;margin:0}.about-prose p+p{margin-top:28px}.about-prose strong{color:var(--ink);font-weight:400}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.role-card{background:var(--stage);border-radius:20px;flex-direction:column;padding:4px 4px 12px;display:flex}.role-panel{background:#fff padding-box padding-box;border:1px solid #2023260b;border-radius:16px;flex-direction:column;flex:1;min-height:232px;padding:20px;display:flex;box-shadow:0 1px 2px #20232605}.role-kicker{font:400 11px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--muted-ink);margin:0}.role-summary{max-width:320px;font:400 16px/24px var(--font-sans);letter-spacing:-.02em;color:var(--ink);text-wrap:pretty;margin:8px 0 0}.role-facts{border-top:1px solid var(--about-edge);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:auto 0 0;padding-top:16px;display:grid}.role-facts>div{flex-direction:column-reverse;gap:2px;display:flex}.role-facts>div+div{border-left:1px solid var(--about-edge);padding-left:16px}.role-facts dt{font:400 12.5px/18px var(--font-sans);letter-spacing:-.01em;color:var(--muted-ink)}.role-facts dd{font:400 24px/30px var(--font-sans);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;margin:0}.role-footer{justify-content:space-between;align-items:center;gap:12px;padding:12px 8px 0 21px;display:flex}.role-name{font:400 16px/24px var(--font-sans);letter-spacing:-.02em;color:var(--ink);margin:0}.role-link{color:#74787d;background:#fff padding-box padding-box;border:1px solid #2023260b;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;transition:border-color .15s,box-shadow .15s,color .15s;display:grid;box-shadow:0 1px 2px #20232605}.role-link svg{stroke-width:1.8px;width:16px;height:16px}.role-link:is(:hover,:focus-visible){color:var(--ink)}.role-link:hover{border-color:#20232614;box-shadow:0 1px 2px #2023260d,0 4px 8px -3px #20232608}.role-link:active{box-shadow:inset 0 1px 1px #20232608}.role-link:focus-visible{outline-offset:3px}.refresh-about .activity-card{background:var(--stage);border-radius:20px;padding:4px 4px 12px}.refresh-about .activity-calendar-shell{border:1px solid #2023260b;border-radius:16px;margin:0;box-shadow:0 1px 2px #20232605}.refresh-about .activity-calendar{width:auto;height:auto;min-height:0;padding:8px 12px 12px}.refresh-about .activity-scroll{padding:0}.refresh-about .activity-graph{width:100%;min-width:739px;height:auto}.refresh-about .activity-footer{white-space:normal;justify-content:flex-end;padding:0}.refresh-about :is(.activity-graph text,.activity-legend>span:not(.activity-legend-cells)){color:var(--muted-ink)}.refresh-about .activity-scroll:focus-visible{outline:2px solid #7374ad}.refresh-about .activity-actions{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:12px 8px 0 13px}.refresh-about .activity-total{color:var(--muted-ink);font-variant-numeric:tabular-nums;margin:0;font-size:14px;line-height:20px}.activity-link{height:36px;color:var(--ink);font:400 12.5px/18px var(--font-sans);letter-spacing:-.01em;background:#fff padding-box padding-box;border:1px solid #2023260b;border-radius:18px;flex:none;align-items:center;gap:4px;padding:0 12px 0 14px;transition:border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 2px #20232605}.activity-link svg{stroke-width:1.6px;color:#858a91;width:14px;height:14px;transition:color .15s}.activity-link:hover{border-color:#20232614;box-shadow:0 1px 2px #2023260d,0 4px 8px -3px #20232608}.activity-link:active{box-shadow:inset 0 1px 1px #20232608}.activity-link:is(:hover,:focus-visible) svg{color:var(--ink)}.activity-link:focus-visible{outline-offset:3px}.tool-index{flex-direction:column;gap:40px;margin-top:16px;display:flex}.tool-group-title{border-bottom:1px solid var(--about-edge);font:400 11px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--muted-ink);margin:0 0 8px;padding-bottom:8px}.tool-list{margin:0;padding:0;list-style:none}.tool-row{color:var(--ink);border-radius:12px;grid-template-columns:184px minmax(0,1fr) 88px 14px;align-items:baseline;column-gap:24px;margin:0 -12px;padding:12px;transition:background-color .15s;display:grid}.tool-name{font:400 16px/24px var(--font-sans);letter-spacing:-.02em}.tool-desc{font:400 14px/20px var(--font-sans);color:var(--muted-ink);text-wrap:pretty}.tool-reach{font:400 14px/20px var(--font-sans);color:var(--muted-ink);font-variant-numeric:tabular-nums;white-space:nowrap;grid-column:3;justify-self:end}.tool-row svg{stroke-width:1.6px;color:#858a91;grid-area:1/4;align-self:start;width:14px;height:14px;margin-top:5px;transition:color .15s}.tool-row:focus-visible{outline-offset:0}.tool-row:active{background:#eaebec}@media (hover:hover) and (pointer:fine){.tool-row:hover{background:var(--stage)}.tool-row:hover svg{color:var(--ink)}}.tool-list-compact{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;display:grid}.tool-list-compact .tool-row{grid-template-columns:minmax(0,1fr) 14px;row-gap:2px}.tool-list-compact .tool-desc{grid-area:2/1}.tool-list-compact .tool-row svg{grid-column:2}@media (prefers-reduced-motion:reduce){.activity-link,.activity-link svg,.role-link,.tool-row,.tool-row svg{transition:none}}@media (width<=1327px){.about-layout{width:min(1040px,100% - 48px)}.about-section{grid-template-columns:180px minmax(0,1fr)}.about-label{justify-self:stretch;width:auto}}@media (width<=860px){.about-layout{padding-top:16px}.about-section{grid-template-columns:minmax(0,1fr);row-gap:20px}.about-label,.about-body{grid-column:1}.about-label{padding-top:0;position:static}.about-section+.about-section{margin-top:88px}}@media (width<=640px){.role-grid{grid-template-columns:minmax(0,1fr);gap:12px}.role-panel{min-height:0}.role-facts{margin-top:24px}.about-layout{padding-bottom:96px}.about-section+.about-section{margin-top:72px}.tool-row{grid-template-columns:minmax(0,1fr) auto 14px;gap:2px 12px}.tool-desc{grid-area:2/1/auto/3}.tool-reach{grid-area:1/2}.tool-row svg{grid-column:3}.tool-list-compact{grid-template-columns:minmax(0,1fr)}}.refresh-home .contact-section{margin-top:0}.contact-section .contact-lead>p{font-size:16px}.contact-section .contact-lead h2{font-size:clamp(52px,7vw,100px)}.contact-footer{font-size:13px}@media (width<=1000px){.about-prose p{font-size:18px}.case-list-heading{padding-top:140px;padding-bottom:55px}}@media (width<=540px){.showcase-hero{min-height:426px;padding:143px 22px 51px}.showcase-end{flex-direction:column;align-items:flex-start;gap:14px;padding:30px 22px 48px}}.showcase-filters{isolation:isolate;backdrop-filter:blur(2px)saturate(150%);background:#fff9;border-radius:26px;flex-wrap:wrap;gap:4px;width:fit-content;max-width:calc(100% - 48px);margin:0 24px 16px;padding:6px;display:flex;position:relative}.showcase-filter-indicator{pointer-events:none;background:#2023260d;border-radius:26px;height:34px;position:absolute;top:0;left:0}.showcase-filter-indicator[data-phase=stretch]{transition:transform .19s cubic-bezier(.32,.72,.24,1),width .19s cubic-bezier(.32,.72,.24,1)}.showcase-filter-indicator[data-phase=settle]{transition:transform .42s cubic-bezier(.28,1.28,.36,1),width .42s cubic-bezier(.24,1.34,.38,1)}.showcase-filters button{z-index:1;color:var(--ink);opacity:.56;font:400 11px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;border-radius:26px;padding:9px 14px;transition:opacity .26s cubic-bezier(.32,.72,.24,1);position:relative}.showcase-filters button:hover{opacity:.76}.showcase-filters button[aria-pressed=true]{opacity:1}.demo-tile.is-filter-exiting{pointer-events:none}.demo-tile[data-offscreen] *{animation-play-state:paused!important}.showcase-grid{overflow-anchor:none;max-width:1752px;min-height:0;margin:0 24px;position:relative}@media (prefers-reduced-motion:reduce){.showcase-filter-indicator,.showcase-filters button{transition:none!important}}.showcase-empty{text-align:center;font:400 14px/20px var(--font-sans);color:#646970;margin:0;padding:28px 24px 48px}.showcase-empty p{margin:16px 0 0}.website-illustration{width:240px;max-width:100%;height:auto;margin:auto;display:block;overflow:visible}.website-window{filter:drop-shadow(0 2px 2px #20232606)drop-shadow(0 8px 10px #20232608)}.website-copy{animation:7s ease-out infinite website-reveal}.website-art{transform-origin:182px 122px;animation:7s ease-out .18s infinite website-reveal}.website-cursor{animation:7s ease-in-out infinite website-cursor}.website-click{opacity:0;transform-origin:220px 140px;animation:7s ease-out infinite website-click}@keyframes website-reveal{0%,12%{opacity:0;transform:translateY(5px)}24%,88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes website-cursor{0%,12%{opacity:0;transform:translate(16px,14px)}30%,78%{opacity:1;transform:translate(0)}90%,to{opacity:0;transform:translate(8px,7px)}}@keyframes website-click{0%,30%,46%,to{opacity:0;transform:scale(.5)}33%{opacity:.5;transform:scale(.5)}45%{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.website-copy,.website-art,.website-cursor,.website-click{animation:none}.website-click{display:none}}@media (width>=1800px){.showcase-grid{margin-inline:auto}.showcase-filters{margin-left:calc(50% - 876px)}}@media (width<=760px){.showcase-filters{max-width:calc(100% - 24px);margin-inline:12px}.showcase-filters button{padding-inline:10px}}.demo-tile,.viewer-preview{--font-ui:var(--font-sans);--card:#fff;--ink-rgb:32,35,38;--fill-slab:#fff;--fill-on:#202326;--fill-on-rgb:32,35,38;--pane-edge:#20232612;--focus:#7374ad;--ink-2:#777d84;--ink-4:#92979d;--on-ink:#fff}.demo-tile{cursor:pointer;background:#f1f2f3;border-radius:26px;min-width:0;position:absolute;overflow:hidden}.demo-stage{position:absolute;inset:0;overflow:hidden}.demo-object{width:max-content;transform:translate(-50%,-50%) scale(var(--object-scale,1));transform-origin:50%;cursor:auto;position:absolute;top:50%;left:50%}.demo-object[data-kind=project]{width:480px}.block-mount{width:max-content}.tile-label{z-index:2;opacity:0;max-width:calc(100% - 120px);font:400 12.5px/18px var(--font-sans);letter-spacing:-.01em;color:#202326;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;border-radius:19px;margin:0;padding:10px 14px;transition:opacity .2s,transform .26s cubic-bezier(.28,1.3,.36,1);position:absolute;bottom:14px;left:14px;overflow:hidden;transform:translateY(4px)}.tile-label span{display:none}.tile-label,.tile-action,.video-toggle{backdrop-filter:blur(2px)saturate(150%);background:#ffffffb8}.tile-actions{z-index:4;opacity:0;pointer-events:none;gap:8px;transition:opacity .18s;display:flex;position:absolute;bottom:14px;right:14px}.tile-action,.video-toggle{color:#74787d;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:background .2s,color .16s,transform .24s cubic-bezier(.28,1.3,.36,1);display:grid}.tile-action svg,.video-toggle svg{stroke-width:1.8px;width:16px;height:16px}.tile-action{isolation:isolate;position:relative}.tile-action__icon{place-items:center;display:grid}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.tile-label,.tile-action:not([aria-pressed=true]),.video-toggle{backdrop-filter:none;background:#fff}}.tile-action:hover,.video-toggle:hover{color:var(--ink);background:#ffffffeb;transform:translateY(-1px)}.tile-action:active,.video-toggle:active{transform:scale(.94)}.tile-action[aria-pressed=true]{color:#fff;background:#202326}.demo-tile:is(:hover,:has(:focus-visible))>.tile-label{opacity:1;transform:none}.demo-tile:is(:hover,:has(:focus-visible)) .tile-actions{opacity:1;pointer-events:auto}.demo-tile.is-expanded{visibility:hidden}.design-preview{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;line-height:0;display:block}.design-preview>img,.showcase-video{border-radius:8px;width:100%;height:auto;display:block}.preview-affordance{display:none}.video-toggle{z-index:4;opacity:0;position:absolute;bottom:14px;right:60px}.demo-tile:is(:hover,:focus-within) .video-toggle,.viewer-preview .video-toggle{opacity:1}.mag-chip:nth-child(2) img{filter:hue-rotate(35deg)}.mag-chip:nth-child(3) img{filter:hue-rotate(70deg)}.mag-chip:nth-child(4) img{filter:hue-rotate(120deg)}.mag-chip:nth-child(5) img{filter:hue-rotate(180deg)}.mag-chip:nth-child(6) img{filter:hue-rotate(220deg)}.mag-chip:nth-child(7) img{filter:hue-rotate(290deg)}.mag-chip:focus-visible,.sld-grip:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.search-demo{width:310px;position:relative}.search-field{border:var(--widget-border);height:58px;box-shadow:var(--widget-shadow);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:0 19px;transition:border-color .25s;display:flex}.search-field>svg{stroke-width:1.6px;flex:none;width:20px;height:20px}.search-field input{width:100%;min-width:0;height:100%;font:400 14px var(--font-sans);color:var(--ink);background:0 0;border:0;outline:none}.search-field input::placeholder{color:#93989e}.search-field kbd{font:12px var(--mono);color:#a3a7ae;border:1px solid #e2e5e8;border-radius:4px;padding:2px 5px}.search-field:focus-within{border-color:#b8bec9}.search-results{border:var(--widget-border);width:100%;box-shadow:var(--widget-shadow);z-index:10;background:#fff;border-radius:14px;padding:6px;position:absolute;top:65px;left:0}.search-results a{border-radius:8px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:13px;line-height:20px;display:flex}.search-results a:hover{background:#f3f4f6}.search-results a svg{color:#9b9fa5;width:14px;height:14px}.search-empty{color:#777d84;margin:0;padding:8px 10px;font-size:13px}.tile-search:focus-within,.tile-search.is-playing{z-index:5;overflow:visible}.tile-search:focus-within .demo-stage,.tile-search.is-playing .demo-stage{overflow:visible}.notification-demo{border:var(--widget-border);width:270px;box-shadow:var(--widget-shadow);background:#fff;border-radius:17px;padding:18px 20px}.notification-demo>div{justify-content:space-between;align-items:center;gap:24px;font-size:14px;display:flex}.notification-demo>p{color:#8b929a;align-items:center;gap:9px;margin:15px 0 0;font-size:12px;display:flex}.status-dot{background:#459b4e;border-radius:50%;width:6px;height:6px;transition:background .3s}.liquid-switch{background:#399948;border-radius:999px;width:49px;height:29px;padding:3px;transition:background .25s;position:relative;box-shadow:inset 0 1px 3px #0001}.liquid-switch>span{background:#fff;border-radius:50%;width:23px;height:23px;transition:transform .45s cubic-bezier(.3,1.15,.4,1),width .16s;display:block;transform:translate(20px);box-shadow:0 1px 3px #0002}.liquid-switch:active>span{width:27px}.liquid-switch[aria-checked=false]{background:#c9cdd1}.liquid-switch[aria-checked=false]>span{transform:translate(0)}.notification-demo:has([aria-checked=false]) .status-dot{background:#afb4bb}.tool-dock{border:var(--widget-border);box-shadow:var(--widget-shadow);background:#fff;border-radius:14px;align-items:center;gap:3px;padding:6px;display:flex}.tool-dock button{color:#73777d;background:0 0;border-radius:9px;place-items:center;width:43px;height:42px;transition:transform .18s,background .18s,color .18s;display:grid;position:relative}.tool-dock button svg{stroke-width:1.7px;width:19px;height:19px}.tool-dock button[aria-pressed=true]{color:#202326;background:#eceeed}.tool-dock button:hover{color:#202326;background:#f0f1f0}.tool-dock button:active{transform:scale(.94)}.tool-dock button>span{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#262b30;border-radius:6px;padding:7px 9px;font-size:11px;transition:opacity .18s,transform .25s;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,4px)}.tool-dock button:is(:hover,:focus-visible)>span{opacity:1;transform:translate(-50%)}.showcase-end{color:#7b8088;justify-content:space-between;align-items:center;gap:20px;max-width:1800px;margin:0 auto;padding:42px 26px 70px;font-size:13px;display:flex}.showcase-end>a{color:#42494e;align-items:center;gap:7px;display:flex}.showcase-end>a:hover{text-underline-offset:5px;text-decoration:underline}.demo-cursor{z-index:6;pointer-events:none;filter:drop-shadow(0 1px 2px #0002);color:#8b8f96;width:18px;height:18px;position:absolute;top:0;left:0;transform:translate(-3px,-3px)}.demo-cursor svg{fill:#fff;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;transform-origin:3px 3px;width:100%;height:100%;transition:transform .1s,fill .1s}.demo-cursor.is-down svg{fill:#dddfe4;transition:transform .1s,fill .1s;transform:scale(.86)}:root{--showcase-safe-top:env(safe-area-inset-top,0px);--showcase-safe-right:env(safe-area-inset-right,0px);--showcase-safe-bottom:env(safe-area-inset-bottom,0px);--showcase-safe-left:env(safe-area-inset-left,0px)}.demo-tile{border-radius:var(--showcase-tile-radius,26px);--action-clearance:120px}.tile-label{left:var(--showcase-control-inset,16px);bottom:var(--showcase-control-inset,16px);max-width:calc(100% - var(--action-clearance) - 32px);height:var(--showcase-control-size,44px);border-radius:calc(var(--showcase-control-size,44px)/2);background:#fffffff2;border:1px solid #2023260b;padding:12px 14px;box-shadow:0 1px 2px #20232605}.demo-stage .demo-object{transform-origin:0 0;transition:none;top:0;left:0}.presentation-surface{pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute}.demo-stage[data-presentation=screen] .demo-object{isolation:isolate;overflow:clip;box-shadow:0 2px 4px #2023260a,0 12px 28px #20232614}.demo-stage[data-still]:not([data-live-render]) .desk-desktop-frame{content-visibility:hidden}.demo-stage[data-still]:not([data-live-render]) .block-mount{visibility:hidden}.demo-still{object-fit:cover;object-position:top;pointer-events:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.demo-stage[data-live-shown] .demo-still{opacity:0;transition:opacity .3s cubic-bezier(.23,1,.32,1)}@media (prefers-reduced-motion:reduce){.demo-stage[data-live-shown] .demo-still{transition:none}}.demo-stage .desk-desktop-frame{clip-path:none;width:100%;height:100%;box-shadow:none;border-radius:0;position:relative;inset:auto;overflow:hidden;transform:none}.demo-stage .desk-desktop-frame iframe{background:0 0;border:0;border-radius:0;width:100%;height:100%;display:block;transform:none}.demo-stage[data-presentation=screen] .desk-desktop-frame iframe{pointer-events:auto}.demo-tile .desk-desktop-frame,.demo-tile .demo-stage .desk-desktop-frame iframe{pointer-events:none}.demo-stage[data-viewport=portrait] .block-mount,.demo-stage[data-viewport=portrait] .block-mount>div{width:100%;height:100%}.demo-stage[data-presentation=asset] .design-preview,.demo-stage[data-presentation=asset] .design-preview>img,.demo-stage[data-presentation=asset] video{object-fit:contain;width:100%;height:100%}.demo-tile .desk-demo-control{display:none}.tile-actions{right:var(--showcase-control-inset,16px);bottom:var(--showcase-control-inset,16px);gap:8px}.tile-action,.video-toggle,.viewer-close{width:var(--showcase-control-size,44px);height:var(--showcase-control-size,44px);color:#74787d;backdrop-filter:blur(2px)saturate(150%);background:#fffffff2;border:1px solid #2023260b;border-radius:50%;box-shadow:0 1px 2px #20232605}.tile-action svg,.video-toggle svg,.viewer-close svg{width:var(--showcase-icon-size,16px);height:var(--showcase-icon-size,16px);stroke-width:1.8px}.tile-action:focus-visible,.video-toggle:focus-visible,.viewer-close:focus-visible,.viewer-info-toggle:focus-visible{outline-offset:3px;outline:2px solid #7374ad}.video-toggle{right:68px;bottom:var(--showcase-control-inset,16px)}.showcase-viewer{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);--morph-ease:cubic-bezier(.33,.55,.2,1);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.showcase-viewer::backdrop{backdrop-filter:blur(22px)saturate(130%);opacity:0;background:#ffffffc7;transition:opacity .26s}.showcase-viewer.is-open::backdrop{opacity:1}.viewer-shell{inset:var(--showcase-viewer-gutter,24px);pointer-events:none;margin:auto;position:absolute}.showcase-viewer[data-presentation=component] .viewer-shell{max-width:var(--showcase-component-width,800px);max-height:var(--showcase-component-height,512px)}.viewer-preview{pointer-events:auto;background:0 0;position:absolute;inset:0;overflow:visible}.viewer-preview .demo-stage{overflow:visible}.viewer-preview .tile-actions{right:calc(16px + var(--showcase-safe-right));bottom:calc(16px + var(--showcase-safe-bottom));opacity:1;pointer-events:auto;transition:opacity .16s}.showcase-viewer:not(.is-open) .tile-actions{opacity:0;pointer-events:none}.viewer-close{right:calc(var(--showcase-control-inset,16px) + var(--showcase-safe-right));top:calc(var(--showcase-control-inset,16px) + var(--showcase-safe-top));z-index:9;pointer-events:auto;opacity:0;place-items:center;padding:0;transition:opacity .2s,background .16s,color .16s,transform .16s;display:grid;position:absolute}.showcase-viewer.is-open .viewer-close{opacity:1}.viewer-close:hover{color:#202326;background:#fff}.viewer-close:active{transform:scale(.94)}.viewer-details{width:var(--showcase-notes-width,240px);border-radius:var(--showcase-viewer-radius,24px);pointer-events:auto;opacity:0;transition:opacity .2s,transform .28s var(--morph-ease);background:#fff;border:1px solid #20232612;flex-direction:column;padding:20px 18px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:auto;transform:translate(10px)}.viewer-details[hidden]{display:none}.showcase-viewer.is-open .viewer-details{opacity:1;transform:none}.viewer-details h2{font:400 17px/22px var(--font-sans);letter-spacing:-.02em;margin:0 42px 20px 0}.viewer-details h2:focus{outline:none}.viewer-description{font:400 14px/21px var(--font-sans);color:#646970;margin:0 0 24px}.viewer-stack,.viewer-credit{font:400 12px/19px var(--font-sans);color:#646970;margin:0 0 20px}.viewer-credit .inline-link{align-items:center}.viewer-credit svg{width:12px;height:12px}.viewer-case{font:400 14px/20px var(--font-sans);align-self:flex-start;align-items:center;gap:4px;margin-top:auto}.viewer-case svg{stroke-width:1.8px;color:#74787d;width:12px;height:12px;transition:color .15s}.viewer-case:is(:hover,:focus-visible) svg{color:currentColor}.viewer-info-content,.viewer-info-body{display:contents}.viewer-info-toggle{display:none}.showcase-viewer[data-presentation] .viewer-details{inset:auto auto calc(16px + var(--showcase-safe-bottom)) calc(16px + var(--showcase-safe-left));z-index:7;width:120px;min-height:44px;transition:width .3s var(--morph-ease),opacity .2s,transform .28s var(--morph-ease);border-radius:22px;padding:0;overflow:hidden;transform:translateY(8px)}.showcase-viewer[data-presentation].is-open .viewer-details{transform:none}.showcase-viewer[data-presentation].is-info-open .viewer-details{border-radius:20px;width:340px}.showcase-viewer[data-presentation] .viewer-info-content{transition:grid-template-rows .3s var(--morph-ease);grid-template-rows:0fr;display:grid}.showcase-viewer[data-presentation].is-info-open .viewer-info-content{grid-template-rows:1fr}.showcase-viewer[data-presentation] .viewer-info-body{overscroll-behavior:contain;opacity:0;width:338px;min-height:0;max-height:60dvh;transition:opacity .18s;display:block;overflow:auto}.showcase-viewer.is-info-open .viewer-info-body{opacity:1!important}.showcase-viewer[data-presentation] .viewer-info-body>h2{margin:20px 20px 12px;font-size:16px}.showcase-viewer[data-presentation] .viewer-info-body>p,.showcase-viewer[data-presentation] .viewer-info-body>.viewer-case{margin:0 20px 20px}.showcase-viewer[data-presentation] .viewer-case{display:inline-flex}.showcase-viewer[data-presentation] .viewer-case[hidden]{display:none}.viewer-info-toggle{width:100%;height:44px;color:inherit;text-align:left;font:400 13px/18px var(--font-sans);background:0 0;border:0;border-radius:22px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px}.showcase-viewer[data-presentation] .viewer-info-toggle{display:flex}.viewer-info-toggle>span{align-items:center;gap:8px;display:flex}.viewer-info-toggle svg{width:16px;height:16px}.viewer-info-toggle>svg{transition:transform .3s var(--morph-ease)}.viewer-info-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}@media (width<=760px),(width<=1000px) and (height<=500px){.showcase-grid{margin-inline:12px}.showcase-viewer .viewer-shell,.showcase-viewer[data-presentation=component] .viewer-shell{max-width:none;max-height:none;inset:0}.viewer-close{top:calc(16px + var(--showcase-safe-top));right:calc(16px + var(--showcase-safe-right))}.viewer-preview .tile-actions{right:calc(16px + var(--showcase-safe-right));bottom:calc(16px + var(--showcase-safe-bottom))}.showcase-viewer .viewer-details,.showcase-viewer[data-presentation] .viewer-details{inset:auto auto calc(16px + var(--showcase-safe-bottom)) calc(16px + var(--showcase-safe-left));z-index:7;width:120px;min-height:44px;transition:width .3s var(--morph-ease),opacity .2s,transform .28s var(--morph-ease);border-radius:22px;padding:0;overflow:hidden;transform:translateY(8px)}.showcase-viewer.is-open .viewer-details{transform:none}.showcase-viewer.is-info-open .viewer-details,.showcase-viewer[data-presentation].is-info-open .viewer-details{width:calc(100% - 32px - var(--showcase-safe-left) - var(--showcase-safe-right));border-radius:20px}.showcase-viewer .viewer-info-content{transition:grid-template-rows .3s var(--morph-ease);grid-template-rows:0fr;display:grid}.showcase-viewer.is-info-open .viewer-info-content{grid-template-rows:1fr}.showcase-viewer .viewer-info-body,.showcase-viewer[data-presentation] .viewer-info-body{width:calc(100vw - 34px - var(--showcase-safe-left) - var(--showcase-safe-right));overscroll-behavior:contain;opacity:0;min-height:0;max-height:60dvh;transition:opacity .18s;display:block;overflow:auto}.showcase-viewer .viewer-info-body>h2{margin:20px 20px 12px;font-size:16px}.showcase-viewer .viewer-info-body>p,.showcase-viewer .viewer-info-body>.viewer-case{margin:0 20px 20px}.showcase-viewer .viewer-info-toggle{display:flex}.showcase-viewer .viewer-info-toggle[aria-expanded=true]{padding-right:72px}}@media (hover:none){.tile-label,.tile-actions,.video-toggle{opacity:1;transform:none}.tile-actions{pointer-events:auto}}@media (prefers-reduced-motion:reduce){.showcase-grid *,.showcase-grid :before,.showcase-grid :after,.showcase-viewer *,.showcase-viewer :before,.showcase-viewer :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.showcase-viewer::backdrop,.tile-action,.video-toggle,.viewer-close,.viewer-details{backdrop-filter:none;background:#fff}}.tile-action:disabled{opacity:.4;cursor:wait}.demo-stage[data-presentation=screen] .desk-desktop-frame{border-radius:inherit;clip-path:inset(0 round var(--screen-radius,0px))}.demo-stage .demo-object.phrase-canvas{width:640px;height:704px;box-shadow:none}.demo-stage[data-interface-card=true] .demo-object:not(.phrase-canvas){isolation:isolate;overflow:clip}.demo-stage .demo-object.publish-canvas{width:500px;height:582px}.demo-stage .demo-object.pulse-canvas{width:480px;height:454px}.demo-stage .demo-object.sum-canvas{width:1144px;height:847px}.demo-stage .demo-object.calibrate-canvas{width:1180px;height:840px}.demo-stage .demo-object.relate-canvas{width:1320px;height:800px}.interface-poster{border-radius:inherit;background:#fff 50%/cover no-repeat;position:absolute;inset:0;overflow:hidden}.interface-glass{outline-offset:-.5px;background:#ffffff85;outline:.5px solid #1e282424;position:absolute;box-shadow:0 2px 4px #14231f0a,0 16px 32px -16px #14231f38}.interface-sheet{outline-offset:-.5px;background:#fff;border-radius:9px;outline:.5px solid #1e28242e;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 1px 2px #14231f17,0 3px 8px -3px #14231f1f}.interface-sheet img{pointer-events:none;max-width:none;height:auto;position:absolute;top:0}.interface-poster[data-frame=device] .interface-glass,.interface-poster[data-frame=device] .interface-sheet{box-shadow:none;background:0 0;outline:0}.interface-poster.is-handing-over{z-index:1;background:0 0!important}.interface-poster.is-handing-over :is(.interface-glass,.interface-sheet){box-shadow:none;background:0 0;outline-color:#0000}.demo-stage[data-static-preview] .demo-object{visibility:hidden;pointer-events:none}.showcase-viewer .demo-stage[data-static-preview] .demo-object{visibility:visible;opacity:0;transition:opacity .18s}.showcase-viewer .demo-stage[data-static-preview][data-live-ready=true] .demo-object{opacity:1;pointer-events:auto}.showcase-viewer .demo-stage[data-static-preview] .interface-poster{display:none}.showcase-viewer .demo-stage[data-static-preview] .presentation-surface{background-image:var(--interface-artwork);background-position:50%;background-size:cover}.interface-live-glass{visibility:hidden;pointer-events:none;backdrop-filter:blur(8px)}.showcase-viewer .demo-stage[data-static-preview] .interface-live-glass{visibility:visible;opacity:0;transition:opacity .18s}.showcase-viewer .demo-stage[data-static-preview][data-live-ready=true] .interface-live-glass{opacity:1}.showcase-viewer .demo-stage[data-static-preview] .demo-object{outline-offset:-.5px;outline:.5px solid #1e28242e;box-shadow:0 1px 2px #14231f17,0 3px 8px -3px #14231f1f}.demo-tile .demo-play-control,.demo-tile .video-toggle{display:none}.demo-tile .demo-object,.demo-tile .demo-object *{pointer-events:none!important}@media (prefers-reduced-motion:reduce){.demo-tile .demo-object *,.demo-tile .demo-object :before,.demo-tile .demo-object :after{animation:none!important}}.demo-tile .tile-footer{left:calc(var(--showcase-card-panel-inset,4px) + 16px);right:calc(var(--showcase-control-size,44px) + 24px);z-index:2;height:var(--showcase-card-footer-height,64px);flex-direction:column;justify-content:center;min-width:0;display:flex;position:absolute;bottom:0}.demo-tile .tile-label,.viewer-footer .tile-label{max-width:none;height:auto;box-shadow:none;backdrop-filter:none;opacity:1;font:400 16px/24px var(--font-sans);letter-spacing:-.02em;color:#202326;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:static;overflow:hidden;transform:none}.demo-tile .tile-label span,.viewer-footer .tile-label span{text-overflow:ellipsis;font:400 13px/18px var(--font-sans);letter-spacing:-.01em;color:#777d84;display:block;overflow:hidden}.demo-tile .tile-actions{right:12px;bottom:calc((var(--showcase-card-footer-height,64px) - var(--showcase-control-size,44px))/2);opacity:1;pointer-events:auto}.demo-tile>.demo-stage>.presentation-surface{box-shadow:0 0 0 1px #2023260b,0 1px 2px #20232605}.viewer-frame,.viewer-footer{display:none}.showcase-viewer[data-frame=card] .viewer-frame{pointer-events:none;background:#f1f2f3;display:block;position:absolute;box-shadow:0 1px 2px #2023260a,0 24px 48px -20px #20232624}.showcase-viewer[data-frame=card] .presentation-surface{box-shadow:0 0 0 1px #2023260b,0 1px 2px #20232605}.showcase-viewer[data-frame=card] .viewer-footer{height:var(--showcase-card-footer-height,64px);padding:0 clamp(68px,calc(100% - 520px),var(--footer-clear,196px)) 0 20px;flex-direction:column;justify-content:center;min-width:0;display:flex;position:absolute;bottom:0;left:0;right:0}.showcase-viewer[data-frame=card].is-open :is(.viewer-close,.viewer-details,.viewer-fullscreen){transition:opacity .2s .3s,transform .2s .3s}.showcase-viewer[data-frame=card].is-open .viewer-details{transition:opacity .2s .3s,transform .2s .3s,width .3s var(--morph-ease),border-radius .3s var(--morph-ease)}.showcase-viewer[data-frame=card]:not(.is-open) :is(.viewer-close,.viewer-details,.viewer-fullscreen){transition:opacity .1s,transform .1s}.showcase-viewer[data-frame=card] .viewer-close{top:auto;right:12px;bottom:calc((var(--showcase-card-footer-height,64px) - var(--showcase-control-size,44px))/2)}.showcase-viewer[data-frame=card][data-presentation] .viewer-details{inset:auto calc(20px + var(--showcase-control-size,44px)) calc((var(--showcase-card-footer-height,64px) - var(--showcase-control-size,44px))/2) auto}.showcase-viewer[data-frame=card] .viewer-preview .tile-actions{right:calc(var(--footer-clear,196px) - 52px);bottom:10px}@media (width<=760px),(width<=1000px) and (height<=500px){.showcase-viewer[data-frame=card] .viewer-footer{bottom:var(--showcase-safe-bottom);padding-right:var(--footer-clear,196px)}.showcase-viewer[data-frame=card] .viewer-footer .tile-label{width:calc(100vw - 20px - var(--footer-clear,196px))}.showcase-viewer[data-frame=card] .viewer-close,.showcase-viewer[data-frame=card][data-presentation] .viewer-details{bottom:calc(10px + var(--showcase-safe-bottom))}.showcase-viewer[data-frame=card][data-presentation].is-info-open .viewer-details{width:calc(100% - 76px - var(--showcase-safe-left))}}.presentation-status{inset:var(--showcase-card-panel-inset,4px) var(--showcase-card-panel-inset,4px) var(--showcase-card-footer-height,64px);z-index:3;pointer-events:none;place-content:center;justify-items:center;gap:12px;animation:.2s cubic-bezier(.23,1,.32,1) .3s both presentation-status-in;display:grid;position:absolute}.presentation-status[hidden]{display:none}.presentation-status [role=status]{color:#646970;height:36px;font:400 12.5px/18px var(--font-sans);letter-spacing:-.01em;white-space:nowrap;background:#fff padding-box padding-box;border:1px solid #2023260b;border-radius:18px;align-items:center;gap:8px;padding:0 14px 0 12px;display:inline-flex;box-shadow:0 1px 2px #20232605}.presentation-status [role=status]:before{content:"";border:1.5px solid #20232624;border-top-color:#202326;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite presentation-spin}.presentation-status[data-state=error] [role=status]:before{display:none}.presentation-status button{pointer-events:auto;color:#202326;height:36px;font:400 12.5px/18px var(--font-sans);background:#fff padding-box padding-box;border:1px solid #2023260b;border-radius:18px;padding:0 14px;box-shadow:0 1px 2px #20232605}.presentation-status button:active{transform:scale(.97)}@keyframes presentation-spin{to{transform:rotate(1turn)}}@keyframes presentation-status-in{0%{opacity:0;transform:translateY(4px)}}.showcase-viewer{--footer-clear:196px}.showcase-viewer:has(.viewer-preview .tile-actions>button:not([hidden])),.showcase-viewer.can-fullscreen{--footer-clear:248px}.showcase-viewer.can-fullscreen:has(.viewer-preview .tile-actions>button:not([hidden])){--footer-clear:300px}.showcase-viewer.can-fullscreen[data-frame=card][data-presentation] .viewer-details{right:calc(28px + 2 * var(--showcase-control-size,44px))}.viewer-fullscreen{right:calc(20px + var(--showcase-control-size,44px));bottom:calc((var(--showcase-card-footer-height,64px) - var(--showcase-control-size,44px))/2 + var(--showcase-safe-bottom));z-index:9;pointer-events:auto;opacity:0;place-items:center;padding:0;display:grid;position:absolute}.showcase-viewer.is-open .viewer-fullscreen{opacity:1}.viewer-root{position:absolute;inset:0}.viewer-steps{left:50%;bottom:calc((var(--showcase-card-footer-height,64px) - var(--showcase-control-size,44px))/2);z-index:9;pointer-events:none;opacity:0;gap:8px;transition:opacity .1s;display:flex;position:absolute;transform:translate(-50%)}.showcase-viewer.is-open .viewer-steps{opacity:1;transition:opacity .2s .3s}.viewer-step{pointer-events:auto;place-items:center;padding:0;display:grid}.viewer-step:hover:not(:disabled){color:#202326;background:#fff}.viewer-step:active:not(:disabled){transform:scale(.94)}.viewer-step:disabled{opacity:.4;cursor:default}.showcase-viewer[data-frame=card] .viewer-footer{padding-right:max(clamp(68px,calc(100% - 520px),var(--footer-clear,196px)),calc(50% + 64px))}@media (width<=760px),(width<=1000px) and (height<=500px){.viewer-steps{padding:0 calc(8px + var(--showcase-safe-right)) 0 calc(8px + var(--showcase-safe-left));justify-content:space-between;inset:50% 0 auto;transform:translateY(-50%)}.viewer-step{width:40px;height:40px}.showcase-viewer[data-frame=card] .viewer-footer{padding-right:var(--footer-clear,196px)}}.viewer-root:fullscreen{background:#fff}.demo-tile .tile-actions .tile-action{backdrop-filter:none;background:#fff}.demo-tile{content-visibility:auto}.refresh-home{--canvas:#f5f5f6;--sunken:#eeeef0;--ink-soft:#696e74;--ink-faint:#9a9fa5;--ease-out:cubic-bezier(.22,1,.36,1);--lift-1:0 0 0 1px #2023260f,0 1px 2px #2023260a;--lift-2:0 0 0 1px #2023260d,0 1px 1px #20232608,0 2px 4px -1px #2023260a,0 12px 24px -8px #20232614;--lift-3:0 0 0 1px #2023260d,0 1px 1px #20232608,0 4px 8px -2px #2023260d,0 24px 48px -12px #20232624;--lift-4:0 0 0 1px #2023260f,0 2px 4px #2023260a,0 12px 24px -6px #20232614,0 40px 80px -20px #20232633}html:has(>body.refresh-home),body.refresh-home,.refresh-home .contact-section,html.is-signature-loading body.refresh-home #signature-loader{background:var(--canvas)}.showcase-bar{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1752px;margin:0 24px 40px;display:flex}.showcase-heading{align-items:flex-end;gap:16px;min-width:0;display:flex}.showcase-intro{min-width:0}.showcase-lede{max-width:420px;font:400 15px/22px var(--font-sans);letter-spacing:-.01em;color:var(--ink-soft);margin:12px 0 0}@media (width>=761px){.refresh-home .showcase-grid,.showcase-bar{margin-inline:40px}.showcase-chapter,.chapter-rail,.skeleton-row{margin-inline:-40px;padding-inline:40px}}@media (width>=1832px){.refresh-home .showcase-grid,.showcase-bar{margin-inline:auto}}.showcase-title{font:400 44px/44px var(--font-sans);letter-spacing:-.04em;color:var(--ink);margin:0}.showcase-count{font:400 11px/20px var(--mono);letter-spacing:0;color:var(--ink-faint);font-variant-numeric:tabular-nums;vertical-align:top;margin-left:8px}.showcase-chip{background:var(--ink);color:#fff;height:32px;font:400 13px/18px var(--font-sans);white-space:nowrap;transition:transform .15s var(--ease-out);border:0;border-radius:999px;align-items:center;gap:6px;margin-bottom:4px;padding:0 10px 0 14px;display:inline-flex}.showcase-chip svg{opacity:.7;width:14px;height:14px}.showcase-chip:active{transform:scale(.97)}.showcase-bar .showcase-filters{background:var(--sunken);backdrop-filter:none;border-radius:999px;flex-wrap:nowrap;gap:0;max-width:none;margin:0;padding:3px;box-shadow:inset 0 1px 2px #2023260d}.showcase-bar .showcase-filter-indicator{height:32px;box-shadow:var(--lift-1),inset 0 1px 0 #fff;background:#fff;border-radius:999px}.showcase-bar .showcase-filters button{opacity:1;height:32px;color:var(--ink-soft);font:400 13px/18px var(--font-sans);letter-spacing:-.01em;text-transform:none;transition:color .2s var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:flex}.showcase-bar .showcase-filters button:hover,.showcase-bar .showcase-filters button[aria-pressed=true]{opacity:1;color:var(--ink)}.showcase-bar .showcase-filters button:focus-visible{outline-offset:2px}.showcase-filter-count{font:400 11px/16px var(--mono);letter-spacing:0;color:var(--ink-faint);font-variant-numeric:tabular-nums}.showcase-grid:not([data-ready]){min-height:100vh}.showcase-grid[data-ready]>.showcase-skeleton,.showcase-grid>.showcase-skeleton{display:none}html[data-showcase-view=sequence] .showcase-grid:not([data-ready])>.showcase-skeleton{display:block}html[data-showcase-view=sequence] .showcase-grid:not([data-ready])>.showcase-chapters{display:none}.showcase-skeleton,.showcase-return-place{--row-h:max(160px,min(calc((100cqw - 32px)/2.35/1.385),calc(100vh - 170px)));container-type:inline-size}.skeleton-chapters .chapter-controls{pointer-events:none}.skeleton-chapters .chapter-step.is-off{opacity:.4}.skeleton-row{gap:16px;margin:0 -24px;padding:24px 24px 40px;display:flex;overflow:hidden}.skeleton-card{width:calc(var(--row-h)*var(--ratio,1.385));flex-direction:column;flex:none;display:flex}.skeleton-card:nth-child(odd){--ratio:.93}.skeleton-chapters{flex-direction:column;gap:112px;display:flex}.skeleton-chapter.is-websites .skeleton-card{--ratio:1.5}.skeleton-plate{height:var(--row-h);border-radius:var(--showcase-card-radius,10px);box-shadow:var(--lift-2);background:#fff;display:block}.skeleton-bar{background:#e9e9ec;border-radius:999px;height:10px;display:block}.skeleton-bar.is-name{width:min(88px,30%);margin-top:18px}.skeleton-bar.is-meta{width:min(168px,54%);margin-top:10px}:is(.showcase-skeleton,html.is-returning .showcase-return) :is(.skeleton-plate,.skeleton-bar,.skeleton-piece){animation:1.6s ease-in-out infinite skeleton-pulse}.skeleton-sequence{grid-template-columns:280px minmax(0,1fr);align-items:start;column-gap:56px;padding:84px 64px 0 0;display:none}html[data-showcase-view=sequence] .skeleton-chapters{display:none}html[data-showcase-view=sequence] .skeleton-sequence{display:grid}.skeleton-panel{flex-direction:column;gap:12px;padding-top:4px;display:flex}.skeleton-bar.is-count{width:48px;height:8px}.skeleton-bar.is-kind{width:72px;height:8px;margin-top:8px}.skeleton-bar.is-heading{border-radius:6px;width:140px;height:22px;margin-top:6px}.skeleton-bar.is-line{width:180px}.skeleton-piece{aspect-ratio:1296/936;border-radius:var(--showcase-card-radius,10px);width:min(100%,138.5vh - 240.99px);box-shadow:var(--lift-3);background:#fff;justify-self:center;display:block}.showcase-return{z-index:35;background:var(--canvas);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s var(--ease-out),visibility 0s linear .45s;position:fixed;inset:0}html.is-returning .showcase-return{opacity:1;visibility:visible;transition:none}.showcase-return-place{top:var(--return-top,0px);position:absolute;left:40px;right:40px}.showcase-return .skeleton-row{margin:0;padding:0;overflow:visible}@media (width<=1100px){.skeleton-sequence{grid-template-columns:minmax(0,1fr);row-gap:18px;padding:0}.skeleton-sequence .skeleton-bar.is-kind{display:none}.skeleton-piece{justify-self:stretch;width:100%}}.skeleton-card:nth-child(2) :is(.skeleton-plate,.skeleton-bar){animation-delay:.15s}.skeleton-card:nth-child(3) :is(.skeleton-plate,.skeleton-bar){animation-delay:.3s}.skeleton-card:nth-child(4) :is(.skeleton-plate,.skeleton-bar){animation-delay:.45s}@keyframes skeleton-pulse{50%{opacity:.6}}@media (prefers-reduced-motion:reduce){:is(.showcase-skeleton,.showcase-return) :is(.skeleton-plate,.skeleton-bar,.skeleton-piece){animation:none}.showcase-return{transition:none}}@media (width<=760px){.showcase-skeleton,.showcase-return-place{--row-h:max(160px,min(calc(100cqw*.84/1.385),calc(100vh - 170px)))}.showcase-return-place{left:12px;right:12px}.skeleton-row{gap:10px;margin:0 -12px;padding:20px 12px 32px}.skeleton-chapters{gap:72px}}.showcase-grid[data-ready]>.showcase-sequence{animation:showcase-in .5s var(--ease-out) both}@keyframes showcase-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.showcase-grid[data-ready]>.showcase-sequence{animation:none}}.showcase-grid .demo-tile{border-radius:var(--showcase-card-radius,10px);content-visibility:visible;background:0 0;flex:none;position:relative;overflow:visible}.showcase-grid .demo-tile>.demo-stage{overflow:visible}.showcase-grid .demo-tile>.demo-stage>.presentation-surface{box-shadow:var(--lift-2)}.showcase-grid .demo-tile .interface-glass,.showcase-grid .demo-tile .interface-sheet{box-shadow:none;background:0 0;outline:0}.showcase-grid .demo-tile .tile-footer{height:var(--card-footer,64px);box-sizing:border-box;justify-content:flex-start;padding-top:14px;left:2px;right:48px}.showcase-grid .demo-tile .tile-label{letter-spacing:-.015em;font-size:15px;line-height:20px}.showcase-grid .demo-tile .tile-label span{margin-top:2px}.showcase-grid .demo-tile .tile-actions{top:calc(100% - var(--card-footer,64px) + 12px);bottom:auto;right:0}.showcase-grid .demo-tile .tile-action{width:36px;height:36px;box-shadow:var(--lift-1),inset 0 1px 0 #fff;color:var(--ink);border:0;border-radius:50%}@media (hover:hover){.showcase-grid .demo-tile .tile-actions{opacity:0;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);transform:translate(-4px)}.showcase-grid .demo-tile:is(:hover,:focus-within) .tile-actions{opacity:1;transform:none}}.showcase-grid{--row-h:max(160px,min(calc((100cqw - 32px)/2.35/1.385),calc(100svh - 170px)));container-type:inline-size}.chapter-rail>.demo-tile{--card-footer:64px;width:calc(var(--row-h)*var(--ratio));height:calc(var(--row-h) + 64px)}.sequence-stage>.demo-tile{--card-footer:0px;width:max(320px,min(100cqw - 400px,(100svh - 174px)*var(--ratio)));height:auto;aspect-ratio:var(--ratio)}.sequence-stage>.demo-tile:not([data-poster-frame=device],[data-category=micro],[data-presentation=asset]){aspect-ratio:auto;width:100%;height:max(160px,min((100cqw - 400px)/var(--ratio),100svh - 174px))}.showcase-grid .demo-tile>.demo-stage>.presentation-surface:not([data-painted]){width:100%;height:calc(100% - var(--card-footer,64px));border-radius:var(--showcase-card-radius,10px);top:0;left:0}.showcase-grid .demo-tile>.demo-stage>.presentation-surface{overflow:hidden}.presentation-surface>picture{display:contents}.card-art{object-fit:cover;pointer-events:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.showcase-viewer .card-art{display:none}.showcase-grid .demo-stage:not([data-live-painted])>.demo-object,.showcase-grid .demo-stage[data-presentation=screen]>.demo-object,.showcase-grid .demo-stage[data-presentation=screen]>.presentation-surface>.interface-poster,.showcase-grid .demo-stage[data-live-painted]:not([data-presentation=screen])>.presentation-surface .card-art{visibility:hidden}.showcase-viewer .demo-stage{transition:none}.presentation-status{inset:var(--showcase-card-panel-inset,0px) var(--showcase-card-panel-inset,0px) var(--card-footer,var(--showcase-card-footer-height,64px))}.showcase-viewer .presentation-status{inset:var(--showcase-viewer-panel-inset,4px) var(--showcase-viewer-panel-inset,4px) var(--showcase-card-footer-height,64px)}.showcase-chapters{flex-direction:column;gap:112px;padding-bottom:160px;display:flex}.showcase-chapter{content-visibility:auto;contain-intrinsic-size:auto 640px;margin-inline:-24px;padding-inline:24px}.chapter-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-bottom:4px;display:grid}.chapter-title{font:400 32px/36px var(--font-sans);letter-spacing:-.035em;color:var(--ink);margin:0}.chapter-count{font:400 11px/16px var(--mono);letter-spacing:0;color:var(--ink-faint);font-variant-numeric:tabular-nums;vertical-align:top;margin-left:8px}.chapter-head p{max-width:460px;font:400 15px/22px var(--font-sans);letter-spacing:-.01em;color:var(--ink-soft);margin:10px 0 0}.chapter-controls{align-items:center;gap:8px;display:flex}.chapter-step,.chapter-all,.dock-more{box-shadow:var(--lift-1),inset 0 1px 0 #fff;color:var(--ink);font:400 13px/18px var(--font-sans);letter-spacing:-.01em;transition:box-shadow .25s var(--ease-out),transform .15s var(--ease-out),opacity .25s var(--ease-out);background:#fff;border:0;justify-content:center;align-items:center;gap:6px;display:flex}.chapter-step{border-radius:50%;width:40px;height:40px;padding:0}.chapter-all{border-radius:999px;height:40px;margin-left:8px;padding:0 14px 0 16px}.chapter-step svg,.chapter-all svg,.dock-more svg{stroke-width:1.8px;width:16px;height:16px}.chapter-step:hover,.chapter-all:hover,.dock-more:hover{box-shadow:var(--lift-2),inset 0 1px 0 #fff}.chapter-step:active,.chapter-all:active,.dock-more:active{transform:scale(.97)}.chapter-step:disabled{opacity:.4;cursor:default;box-shadow:var(--lift-1)}.chapter-step:disabled:active{transform:none}.chapter-rail{overscroll-behavior-x:contain;scrollbar-width:none;gap:16px;margin:0 -24px;padding:24px 24px 40px;display:flex;overflow:auto hidden}.chapter-rail::-webkit-scrollbar{display:none}.chapter-rail.is-swiping{overscroll-behavior:contain}.showcase-sequence{grid-template-columns:280px minmax(0,1fr);column-gap:56px;padding:0 64px 120px 0;display:grid}.sequence-details{align-self:start;margin-top:84px;padding-top:4px;position:sticky;top:88px}.sequence-details-body{flex-direction:column;display:flex}.sequence-details-body.is-outgoing{pointer-events:none;position:absolute;top:4px;left:0;right:0}.sequence-list{min-width:0}.sequence-item .sequence-side{display:none}.sequence-item{content-visibility:auto;contain-intrinsic-size:auto calc(100vh - 132px);min-height:100vh;margin-inline:-32px;padding:84px 32px 48px;display:block}.sequence-count{font:400 11px/16px var(--mono);color:var(--ink-faint);font-variant-numeric:tabular-nums;margin:0 0 24px}.sequence-kind{font:400 11px/16px var(--font-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 10px}.sequence-title{font:400 30px/34px var(--font-sans);letter-spacing:-.035em;color:var(--ink);margin:0}.sequence-meta{font:400 15px/22px var(--font-sans);letter-spacing:-.01em;color:var(--ink-soft);margin:8px 0 0}.sequence-stage{min-width:0;box-shadow:var(--lift-2);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex}.showcase-sequence .demo-tile .tile-footer{display:none}.showcase-sequence .demo-tile .tile-actions{top:auto;bottom:16px;right:16px}.showcase-sequence .demo-tile>.demo-stage>.presentation-surface{box-shadow:none}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.sequence-stage{animation:linear both sequence-settle}.showcase-sequence .sequence-stage{animation-timeline:view();animation-range:entry cover 40%}@keyframes sequence-settle{0%{opacity:.25;transform:translateY(48px)scale(.94)}to{opacity:1;transform:none}}}}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(showcase-art),::view-transition-group(showcase-live){animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(showcase-art),::view-transition-new(showcase-art),::view-transition-old(showcase-live),::view-transition-new(showcase-live){height:100%;animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(showcase-art){border-radius:var(--showcase-card-radius,10px);overflow:hidden}.is-view-switching .showcase-dock{view-transition-name:showcase-dock}.is-view-switching .showcase-steps{view-transition-name:showcase-steps}::view-transition-old(showcase-dock),::view-transition-old(showcase-steps){display:none}::view-transition-new(showcase-dock),::view-transition-new(showcase-steps),::view-transition-group(showcase-dock),::view-transition-group(showcase-steps){animation:none}.showcase-steps{z-index:39;opacity:0;visibility:hidden;transition:opacity .2s var(--ease-out),transform .35s var(--ease-out),visibility 0s linear .35s;flex-direction:column;gap:8px;display:flex;position:fixed;top:50%;right:40px;transform:translate(8px,-50%)}.showcase-steps.is-shown{opacity:1;visibility:visible;transition:opacity .3s var(--ease-out) .1s,transform .45s var(--ease-out) .1s,visibility 0s;transform:translateY(-50%)}.showcase-viewer[open]~.showcase-steps.is-shown,body.mobile-menu-open .showcase-steps.is-shown{opacity:0;visibility:hidden;transition:opacity .15s,visibility 0s linear .15s}.dock-step{width:44px;height:44px;box-shadow:var(--lift-3),inset 0 1px 0 #fff;backdrop-filter:blur(20px)saturate(1.6);color:var(--ink);transition:box-shadow .25s var(--ease-out),transform .15s var(--ease-out);background:#ffffffe0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.dock-step svg{stroke-width:1.8px;width:18px;height:18px;transition:opacity .2s var(--ease-out)}.dock-step:hover:not(:disabled){box-shadow:var(--lift-4),inset 0 1px 0 #fff}.dock-step:active:not(:disabled){transform:scale(.94)}.dock-step:disabled{cursor:default}.dock-step:disabled svg{opacity:.25}.dock-step:focus-visible{outline-offset:2px;outline:2px solid #7374ad}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.dock-step{backdrop-filter:none;background:#fff}}.showcase-dock{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:40;transition:opacity .2s var(--ease-out),visibility 0s;position:fixed;transform:translate(-50%)}.showcase-viewer[open]~.showcase-dock,body.mobile-menu-open .showcase-dock{opacity:0;visibility:hidden;transition:opacity .15s,visibility 0s linear .15s}.dock-bar{box-shadow:var(--lift-3),inset 0 1px 0 #fff;backdrop-filter:blur(20px)saturate(1.6);background:#ffffffe0;border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex}.dock-views{isolation:isolate;flex:none;display:flex;position:relative}.dock-thumb{pointer-events:none;background:#2023260d;border-radius:999px;height:44px;position:absolute;top:0;left:0}.dock-thumb[data-phase=stretch]{transition:transform .19s cubic-bezier(.32,.72,.24,1),width .19s cubic-bezier(.32,.72,.24,1)}.dock-thumb[data-phase=settle]{transition:transform .42s cubic-bezier(.28,1.28,.36,1),width .42s cubic-bezier(.24,1.34,.38,1)}.dock-views button{z-index:1;height:44px;color:var(--ink);opacity:.56;font:400 11px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;padding:0 16px;transition:opacity .26s cubic-bezier(.32,.72,.24,1);display:flex;position:relative}.dock-views button:hover{opacity:.76}.dock-views button[aria-pressed=true]{opacity:1}html[data-showcase-view=sequence]:has(.showcase-grid:not([data-ready])) .dock-views button:is([data-view=chapters],[data-view=sequence]){opacity:.56}html[data-showcase-view=sequence]:has(.showcase-grid:not([data-ready])) .dock-views button[data-view=sequence]{opacity:1}.dock-views button:active{transform:scale(.97)}.dock-beam{flex:none;display:flex}.beam{border-radius:var(--beam-radius);position:relative;overflow:hidden}.beam-effects{z-index:1;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s linear .5s;position:absolute;inset:0}.beam[data-active]>.beam-effects{opacity:1;visibility:visible;transition:opacity .6s}.beam-layer{border-radius:var(--beam-radius);clip-path:inset(0 round var(--beam-radius));position:absolute;inset:0;container-type:size}.beam-turn{aspect-ratio:1;width:calc(hypot(100cqw,100cqh) + 4px);animation:beam-turn var(--beam-duration) linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.beam-still{border-radius:var(--beam-radius);width:100cqw;height:100cqh;animation:beam-turn var(--beam-duration) linear infinite reverse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.beam-layer.is-glow{opacity:calc(.26 * var(--beam-strength,1));-webkit-mask-composite:source-over;animation:12s ease-in-out infinite beam-hue;-webkit-mask-image:linear-gradient(#000,#0000 28px calc(100% - 28px),#000),linear-gradient(90deg,#000,#0000 28px calc(100% - 28px),#000);mask-image:linear-gradient(#000,#0000 28px calc(100% - 28px),#000),linear-gradient(90deg,#000,#0000 28px calc(100% - 28px),#000);mask-composite:add}.beam-layer.is-stroke{opacity:calc(.12 * var(--beam-strength,1));-webkit-mask-composite:xor;padding:1px;animation:12s ease-in-out infinite beam-hue;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.beam-layer.is-bloom{opacity:calc(.34 * var(--beam-strength,1));-webkit-mask-composite:xor;padding:1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.beam-layer:is(.is-glow,.is-stroke) .beam-turn{-webkit-mask-image:conic-gradient(transparent 0 30%,#0000001a 36%,#00000059 44%,#000 52% 80%,#00000059 86%,#0000001a 92%,transparent 95%);mask-image:conic-gradient(transparent 0 30%,#0000001a 36%,#00000059 44%,#000 52% 80%,#00000059 86%,#0000001a 92%,transparent 95%)}.beam-layer.is-glow .beam-still{background:radial-gradient(63px 36px at 33% -7.4%,#ff326473,#0000),radial-gradient(54px 32px at 12% -5%,#288cff73,#0000),radial-gradient(36px 63px at 2.1% 68.3%,#32c85073,#0000),radial-gradient(18px 32px at 2.1% 68.3%,#1eb9aa73,#0000),radial-gradient(162px 29px at 74.4% 100%,#6446ff73,#0000),radial-gradient(77px 23px at 55% 100%,#288cff73,#0000),radial-gradient(67px 29px at 93.9% 0,#ff782873,#0000),radial-gradient(23px 38px at 100% 27.1%,#f032b473,#0000),radial-gradient(47px 43px at 100% 27.1%,#b428f073,#0000);box-shadow:inset 0 0 9px 1px #00000024}.beam-layer.is-stroke .beam-still{background:radial-gradient(70px 40px at 33% -7.4%,#ff3264,#0000),radial-gradient(60px 35px at 12% -5%,#288cff,#0000),radial-gradient(40px 70px at 2.1% 68.3%,#32c850,#0000),radial-gradient(20px 35px at 2.1% 68.3%,#1eb9aa,#0000),radial-gradient(180px 32px at 74.4% 100%,#6446ff,#0000),radial-gradient(85px 26px at 55% 100%,#288cff,#0000),radial-gradient(74px 32px at 93.9% 0,#ff7828,#0000),radial-gradient(26px 42px at 100% 27.1%,#f032b4,#0000),radial-gradient(52px 48px at 100% 27.1%,#b428f0,#0000);width:calc(100cqw + 2px);height:calc(100cqh + 2px)}.beam-head{background:conic-gradient(transparent 0 54%,#00000014 57%,#0003 60%,#0006 63%,#0000008c 66%,#0006 69%,#0003 72%,#00000014 75%,transparent 78%);position:absolute;inset:0}.beam-layer.is-bloom .beam-turn{background:conic-gradient(transparent 0 58%,#00000005 62%,#00000014 65%,#0003 67%,#0006 69%,#0009 70% 70.5%,#0006 71.5%,#0003 73%,#00000014 75%,#00000005 78%,transparent 82%);filter:blur(8px)brightness(1.3)saturate(1.5)}@keyframes beam-turn{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(1turn)}}@keyframes beam-hue{0%,to{filter:hue-rotate(-30deg)brightness(1.3)saturate(1.5)}50%{filter:hue-rotate(30deg)brightness(1.3)saturate(1.5)}}@media (prefers-reduced-motion:reduce){:is(.beam-turn,.beam-still,.beam-layer){animation:none}}.dock-ask{background:var(--sunken);width:44px;height:44px;transition:width .5s var(--ease-out),background-color .3s var(--ease-out),box-shadow .3s var(--ease-out);border-radius:22px;align-items:center;display:flex;box-shadow:inset 0 1px 2px #2023260d}.showcase-dock.is-chat-open .dock-ask{background:#fff;width:360px;box-shadow:inset 0 0 0 1px #2023261a}.dock-orb{width:44px;height:44px;color:var(--ink);transition:background-color .2s var(--ease-out),transform .15s var(--ease-out);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.dock-orb>*{grid-area:1/1}.dock-orb:hover{background:#2023260a}.showcase-dock.is-chat-open .dock-orb:hover{background:0 0}.dock-orb:active{transform:scale(.94)}.dock-orb-canvas{place-items:center;width:32px;height:32px;display:grid}.dock-orb-canvas canvas,.dock-chat-orb canvas{display:block}.showcase-dock.has-orb .dock-orb-fallback{display:none}.dock-ask input{width:0;min-width:0;height:100%;color:var(--ink);font:400 14px/20px var(--font-sans);letter-spacing:-.01em;opacity:0;background:0 0;border:0;outline:none;flex:1;padding:0 6px 0 0;transition:opacity .15s}.showcase-dock.is-chat-open .dock-ask input{opacity:1;transition:opacity .25s .18s}.dock-ask input::placeholder{color:var(--ink-soft)}.dock-send{background:var(--ink);color:#fff;opacity:0;width:0;height:32px;transition:width .5s var(--ease-out),margin .5s var(--ease-out),opacity .2s var(--ease-out),transform .15s var(--ease-out);border:0;border-radius:50%;flex:none;place-items:center;margin-right:0;padding:0;display:grid;overflow:hidden;box-shadow:0 1px 2px #20232633}.showcase-dock.is-chat-open .dock-send{opacity:1;width:32px;margin-right:6px}.showcase-dock.is-chat-open .dock-send:disabled{opacity:.2;cursor:default}.dock-send:not(:disabled):active{transform:scale(.92)}.dock-views button:focus-visible,.dock-orb:focus-visible,.dock-send:focus-visible,.dock-close:focus-visible,.dock-hit:focus-visible,.dock-prompts button:focus-visible,.dock-more:focus-visible{outline-offset:2px;outline:2px solid #7374ad}.dock-chat{width:min(480px,100vw - 32px);max-height:min(620px,100dvh - 150px);box-shadow:var(--lift-4),inset 0 1px 0 #fffc,inset 0 0 0 1px #ffffff80;backdrop-filter:blur(24px)saturate(1.6);opacity:0;visibility:hidden;transform-origin:50% 100%;transition:opacity .22s var(--ease-out),transform .45s var(--ease-out),visibility 0s linear .45s;background:#ffffff8f;border-radius:28px;flex-direction:column;padding:6px;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,12px)scale(.97)}.showcase-dock.is-chat-open .dock-chat{opacity:1;visibility:visible;transition:opacity .22s var(--ease-out),transform .45s var(--ease-out),visibility 0s;transform:translate(-50%)}.dock-chat-card{background:#fff;border-radius:22px;flex-direction:column;flex:1;min-height:0;display:flex;box-shadow:0 0 0 1px #2023260d,0 1px 2px #2023260a,0 6px 16px -6px #2023261a}.dock-chat-head{align-items:center;gap:12px;padding:12px 10px 12px 12px;display:flex}.dock-chat-head>div{flex:1;min-width:0}.dock-chat-head h2{font:400 14px/18px var(--font-sans);letter-spacing:-.01em;color:var(--ink);margin:0}.dock-chat-head p{font:400 12px/16px var(--font-sans);color:var(--ink-faint);margin:0}.dock-chat-orb{background:var(--sunken);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.dock-close{width:32px;height:32px;color:var(--ink-soft);transition:background-color .2s var(--ease-out),color .2s var(--ease-out);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.dock-close:hover{color:var(--ink);background:#2023260b}.dock-close svg{stroke-width:1.8px;width:14px;height:14px}.dock-log{overscroll-behavior:contain;min-height:0;font:400 14px/21px var(--font-sans);letter-spacing:-.01em;color:var(--ink);flex-direction:column;flex:1;gap:18px;padding:4px 16px 18px;display:flex;overflow-y:auto}.dock-log p{margin:0}.dock-message{animation:dock-in .4s var(--ease-out) both}@keyframes dock-in{0%{opacity:0;transform:translateY(6px)}}.dock-message.is-user{background:var(--ink);color:#fff;border-radius:18px 18px 6px;align-self:flex-end;max-width:82%;padding:9px 14px}.dock-body{min-width:0}.dock-hits{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.dock-hit{min-width:0;color:var(--ink);text-align:left;animation:dock-in .45s var(--ease-out) both;background:0 0;border:0;padding:0;display:block}.dock-thumbnail{aspect-ratio:4/3;background:var(--sunken);box-shadow:var(--lift-1);border-radius:8px;display:block;overflow:hidden}.dock-thumbnail img{object-fit:cover;object-position:top left;opacity:0;width:100%;height:100%;transition:opacity .4s var(--ease-out);display:block}.dock-thumbnail.is-ready img{opacity:1}.dock-hit b{font:400 13px/18px var(--font-sans);margin-top:8px;display:block}.dock-hit>span:last-child{font:400 12px/16px var(--font-sans);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dock-more{border-radius:999px;height:36px;margin-top:14px;padding:0 12px 0 16px}.dock-prompts{flex-wrap:wrap;gap:6px;padding:0 16px 16px;display:flex}.dock-prompts button{background:var(--sunken);height:32px;color:var(--ink);font:400 13px/18px var(--font-sans);letter-spacing:-.01em;transition:background-color .2s var(--ease-out),transform .15s var(--ease-out);animation:dock-in .4s var(--ease-out) both;border:0;border-radius:999px;padding:0 14px}.dock-prompts button:hover{background:#e6e6e9}.dock-prompts button:active{transform:scale(.97)}.dock-typing{min-height:32px;color:var(--ink-soft);align-items:center;gap:10px;display:flex}.dock-typing-orb{flex:none;place-items:center;width:32px;height:32px;display:grid}.dock-typing-orb canvas{display:block}.dock-note{text-align:center;font:400 11px/16px var(--font-sans);color:var(--ink-soft);margin:0;padding:7px 12px 1px}@media (prefers-reduced-motion:reduce){.dock-thumb,.dock-chat,.dock-ask,.dock-ask input,.dock-send,.dock-message,.dock-hit,.dock-prompts button,.showcase-chip{transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.dock-bar,.dock-chat{backdrop-filter:none;background:#fff}}@media (width<=760px){.showcase-bar{flex-direction:column;align-items:stretch;gap:20px;margin:0 12px 28px}.showcase-title{font-size:34px;line-height:36px}.showcase-lede{margin-top:10px;font-size:14px;line-height:20px}.showcase-bar .showcase-filters{scrollbar-width:none;align-self:flex-start;max-width:100%;overflow-x:auto}.showcase-bar .showcase-filters::-webkit-scrollbar{display:none}.showcase-bar .showcase-filters button{flex:none;height:36px}.showcase-bar .showcase-filter-indicator{height:36px}.showcase-filter-count{display:none}.showcase-chapters{gap:72px}.showcase-chapter{margin-inline:-12px;padding-inline:12px}.chapter-head{gap:16px}.chapter-title{font-size:26px;line-height:30px}.chapter-head p{font-size:14px;line-height:20px}.chapter-step{display:none}.chapter-all{height:36px;margin-left:0}.chapter-rail{gap:10px;margin:0 -12px;padding:20px 12px 32px}.sequence-count{margin-bottom:14px}.sequence-title{font-size:24px;line-height:28px}.sequence-meta{margin-top:4px;font-size:14px;line-height:20px}.showcase-dock{bottom:calc(12px + env(safe-area-inset-bottom))}.dock-views button{padding:0 12px}.showcase-steps{right:12px}.showcase-dock.is-chat-open .dock-views{display:none}.showcase-dock.is-chat-open .dock-ask{width:calc(100vw - 34px)}.dock-ask input{font-size:16px}.dock-chat{width:calc(100vw - 24px);max-height:calc(100dvh - 128px)}}@media (width<=1100px){.showcase-sequence{padding-right:0;display:block}.sequence-details{display:none}.sequence-item{content-visibility:visible;min-height:0;margin-inline:0;padding:0 0 64px}.sequence-item .sequence-side{flex-direction:column;margin-bottom:18px;display:flex}.showcase-steps{top:auto;right:24px;bottom:calc(24px + 54px + 12px + env(safe-area-inset-bottom));transform:translateY(8px)}.showcase-steps.is-shown{transform:none}}@media (width<=760px){.showcase-steps{right:12px;bottom:calc(12px + 54px + 10px + env(safe-area-inset-bottom))}}.refresh-home .contact-section{padding-bottom:max(3rem,calc(104px + env(safe-area-inset-bottom)))}@media (hover:none),(width<=760px){.contact-footer :is(a,button),.contact-lead>:is(a,button){align-items:center;min-height:44px;display:inline-flex}}@media (height<=500px) and (orientation:landscape){.refresh-home .showcase-hero{min-height:0;padding-bottom:96px}}@media (width<=1100px){.sequence-stage>.demo-tile{width:min(100cqw,max(160px,70svh)*var(--ratio))}.sequence-stage>.demo-tile:not([data-poster-frame=device],[data-category=micro],[data-presentation=asset]){width:100%;height:min(100cqw/var(--ratio),max(160px,70svh))}}@media (width<=760px){.showcase-grid{--row-h:max(160px,min(calc(100cqw*.84/1.385),calc(100svh - 170px)))}.sequence-stage>.demo-tile{width:min(100cqw,max(160px,62svh)*var(--ratio))}.sequence-stage>.demo-tile:not([data-poster-frame=device],[data-category=micro],[data-presentation=asset]){width:100%;height:min(100cqw/var(--ratio),max(160px,62svh))}}