:root{--home-paper:var(--background);--home-sidebar:var(--surface);--home-ink:var(--foreground);--home-text:var(--body-text);--home-muted:var(--muted-foreground);--home-fill:var(--secondary);--home-line:var(--border);--home-accent:var(--primary);--media-outline:1px solid #1919191a}.home-screen{--portfolio-sidebar-width:260px;--sidebar-expanded-width:260px;--portfolio-header-height:68px;--portfolio-assistant-width:0px;--portfolio-right-panel-width:360px;--project-column-gap:24px;background:var(--home-paper);color:var(--home-text);font:400 var(--text-ui)/20px var(--font-ronzino), sans-serif;letter-spacing:var(--tracking-body);position:fixed;inset:0;overflow:auto}.home-screen[data-sidebar=closed]{--portfolio-sidebar-width:60px}.home-screen[data-assistant=open]{--portfolio-assistant-width:var(--portfolio-right-panel-width)}.home-screen button,.home-screen summary{cursor:pointer}.home-screen button:disabled{cursor:default}.home-screen a{text-decoration:none}:where(.home-screen :is(button,a,summary)):not(.ui-button){-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-press) var(--motion-ease-out)}.home-screen :focus-visible:not(.ui-button):not([data-slot=input]){outline:2px solid var(--home-accent);outline-offset:4px}.home-screen svg{flex:none}.home-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-skip{left:calc(var(--portfolio-sidebar-width) + 16px);z-index:60;background:var(--home-ink);color:var(--background);border-radius:var(--radius);padding:8px 16px;position:fixed;top:8px;transform:translateY(-160%)}.home-skip:focus{transform:none}@keyframes home-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes assistant-pulse{0%{opacity:.5}to{opacity:1}}.home-sidebar{z-index:10;width:var(--sidebar-expanded-width);background:var(--home-sidebar);clip-path:inset(0 calc(var(--sidebar-expanded-width) - var(--portfolio-sidebar-width)) 0 0);transition:clip-path var(--motion-panel) var(--motion-ease-out);flex-direction:column;padding:16px 8px;display:flex;position:fixed;inset:0 auto 0 0}.home-screen[data-sidebar=closed] .home-sidebar{padding-inline:6px}.home-screen[data-sidebar-resizing=true]{cursor:col-resize;-webkit-user-select:none;user-select:none}.home-screen[data-sidebar-resizing=true] .home-sidebar{transition:none}.sidebar-expanded{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sidebar-expanded .nav-item-label{white-space:nowrap}.sidebar-expanded[hidden],.portfolio-rail[hidden],.home-navigation [hidden]{display:none}.sidebar-resizer{top:0;bottom:0;left:calc(var(--portfolio-sidebar-width) - 4px);z-index:11;cursor:col-resize;touch-action:none;outline:none;width:8px;position:fixed}.sidebar-resizer:before{content:"";background:var(--border);opacity:0;width:2px;transition:opacity var(--motion-fast) ease;position:absolute;top:0;bottom:0;left:3px}.sidebar-resizer>span{background:var(--muted-foreground);opacity:0;width:4px;height:32px;transition:opacity var(--motion-fast) ease;border-radius:4px;position:absolute;top:calc(50% - 16px);left:2px}.sidebar-resizer:hover:before,.sidebar-resizer:hover>span,.sidebar-resizer:focus-visible:before,.sidebar-resizer:focus-visible>span,.home-screen[data-sidebar-resizing=true] .sidebar-resizer:before,.home-screen[data-sidebar-resizing=true] .sidebar-resizer>span{opacity:1}.sidebar-resizer:focus-visible:before,.sidebar-resizer:focus-visible>span{background:var(--ring)}.home-navigation{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.home-navigation::-webkit-scrollbar{display:none}.home-nav-primary{margin-bottom:12px;position:relative}.home-nav-item{border-radius:var(--radius);width:100%;min-height:36px;color:var(--home-text);text-align:left;font:inherit;letter-spacing:var(--tracking-ui);background:0 0;border:0;align-items:center;gap:12px;padding:8px 12px;line-height:20px;display:flex}.home-nav-item>svg{width:18px;height:18px;color:var(--home-muted)}.home-nav-item.is-current{background:var(--secondary);color:var(--body-text)}.home-nav-item.is-current svg{color:var(--body-text)}.home-nav-group{margin-bottom:12px;position:relative}.home-nav-group summary{border-radius:var(--radius);color:var(--home-muted);font-size:var(--text-caption);justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 12px;font-weight:500;line-height:18px;list-style:none;display:flex}.home-nav-group summary::-webkit-details-marker{display:none}.home-nav-group summary svg{transition:transform var(--motion-popover) var(--motion-ease-out)}.home-nav-group:not([open]) summary svg{transform:rotate(-90deg)}.home-group-items{flex-direction:column;gap:0;display:flex}.home-nav-group{interpolate-size:allow-keywords}.home-nav-group::details-content{opacity:0;block-size:0;transition:block-size .22s var(--motion-ease-out), opacity .16s ease, content-visibility .22s allow-discrete;overflow:clip}.home-nav-group[open]::details-content{opacity:1;block-size:auto}.home-nav-group .home-group-items{transition:translate .22s var(--motion-ease-out)}.home-nav-group:not([open]) .home-group-items{translate:0 -4px}@media (prefers-reduced-motion:reduce){.home-nav-group .home-group-items{transition:none}.home-nav-group::details-content{transition:none}}.nav-more-reveal{opacity:0;transition:grid-template-rows var(--motion-panel) var(--motion-ease-out) .25s, opacity var(--motion-fast) ease .25s;grid-template-rows:0fr;display:grid}.nav-more-reveal>div{min-height:0;overflow:hidden}.nav-more-reveal.is-pinned{opacity:1;grid-template-rows:1fr;transition-delay:0s}.nav-more-link{border-radius:var(--radius);min-height:32px;color:var(--home-muted);font-size:var(--text-label);letter-spacing:var(--tracking-ui);align-items:center;gap:6px;padding:6px 12px 6px 42px;display:flex}.nav-more-link svg{transition:transform var(--motion-fast) var(--motion-ease-out)}.nav-more-link.is-current,.rail-more-count.is-current{background:var(--secondary);color:var(--body-text)}.portfolio-rail{flex-direction:column;flex:1;align-items:center;gap:12px;width:48px;min-height:0;display:flex}.portfolio-rail nav{scrollbar-width:none;flex:1;align-self:center;width:44px;min-height:0;display:block;overflow:hidden auto}.portfolio-rail nav::-webkit-scrollbar{display:none}.portfolio-rail svg{width:18px;height:18px}.portfolio-rail .home-nav-primary{flex-direction:column;gap:2px;margin:0;display:flex}.portfolio-rail .home-nav-item{justify-content:center;gap:0;width:36px;height:36px;min-height:36px;margin-inline:auto;padding:0}.portfolio-rail .nav-item-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-screen .portfolio-rail .home-nav-item:focus-visible{outline-offset:-2px}.rail-nav-group{display:block}.rail-divider{background:var(--border);width:24px;height:1px;margin:12px auto}.rail-more-count{width:36px;height:20px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;margin:4px auto;font-size:11px;line-height:16px;display:flex}.rail-avatar{border-radius:var(--radius);width:44px;height:44px;color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.rail-avatar img{border-radius:50%}:root .profile-menu-panel{border:0;width:224px;box-shadow:0 1.4px 5.6px #1919190a,0 11.2px 33.6px #19191904}.sidebar-footer{flex-shrink:0;align-items:center;gap:0;margin-top:16px;display:flex}.sidebar-footer .home-profile{flex:1;gap:10px;min-width:0;margin-top:0}.home-profile>span{min-width:0}.sidebar-footer .home-profile-role{text-overflow:ellipsis;overflow:hidden}.rail-footer{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;margin-top:auto;display:flex}.sidebar-ask-ai{color:var(--home-muted);flex-shrink:0}.sidebar-ask-ai svg{width:18px;height:18px}.ask-ai-icon{flex-shrink:0;display:inline-block;position:relative}.ask-ai-icon svg{transition:opacity .2s ease-out,scale .2s ease-out,rotate .2s ease-out;position:absolute;inset:0;width:100%!important;height:100%!important}.ask-ai-stars [data-star]{transition:translate .32s cubic-bezier(.34,1.56,.64,1)}.ask-ai-close{opacity:0;rotate:-45deg;scale:.5}.ask-ai-trigger[aria-expanded=true] .ask-ai-stars{opacity:0;rotate:45deg;scale:.5}.ask-ai-trigger[aria-expanded=true] .ask-ai-close{opacity:1;rotate:0deg;scale:1}.ask-ai-trigger:focus-visible .ask-ai-stars [data-star=small]{translate:-2.5px -2.5px}.ask-ai-trigger:focus-visible .ask-ai-stars [data-star=big]{translate:1.5px 1.5px}@media (hover:hover) and (pointer:fine){.ask-ai-trigger:hover .ask-ai-stars [data-star=small]{translate:-2.5px -2.5px}.ask-ai-trigger:hover .ask-ai-stars [data-star=big]{translate:1.5px 1.5px}}@media (prefers-reduced-motion:reduce){.ask-ai-stars [data-star]{transition:none;translate:none!important}}.portfolio-menu .sidebar-footer{margin-top:auto}.home-profile{border-radius:var(--radius-preview);text-align:left;flex-shrink:0;align-items:center;gap:12px;min-height:52px;margin-top:16px;padding:8px;display:flex}.home-profile img{object-fit:cover;border-radius:50%;width:36px;height:36px}.home-profile[data-state=open],.rail-avatar[data-state=open]{background:var(--home-fill)}.home-profile>span{flex-direction:column;gap:4px;display:flex}.home-profile-name{font:400 var(--text-ui)/16px var(--font-radley), serif;letter-spacing:var(--tracking-ui);color:var(--home-ink)}.home-profile-role{font-size:var(--text-caption);color:var(--home-muted);white-space:nowrap;line-height:16px}.portfolio-pager{inset:0 var(--portfolio-assistant-width) 0 var(--portfolio-sidebar-width);border-left:1px solid var(--home-line);position:fixed;overflow:hidden}.portfolio-track{will-change:transform;height:100%}.portfolio-page{height:100%;overflow:hidden;container-type:inline-size}.portfolio-topbar{z-index:20;inset:0 var(--portfolio-assistant-width) auto var(--portfolio-sidebar-width);height:var(--portfolio-header-height);pointer-events:none;background:0 0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:fixed}.portfolio-topbar button{pointer-events:auto}.portfolio-topbar [hidden]{display:none}.portfolio-topbar .ui-button{font-size:var(--text-label)}.portfolio-topbar-leading{align-items:center;gap:8px;display:flex}.portfolio-mobile-toggle{display:none}.home-slide{isolation:isolate;height:100%;min-height:100%;padding:calc(var(--portfolio-header-height) + 16px) 24px 48px;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:clip}.home-work-status{z-index:1;font-size:var(--text-label);position:absolute;top:16px;left:24px}.home-work-status[hidden]{display:none}.home-construction-status{min-height:36px;color:var(--body-text);align-items:center;gap:8px;padding:8px 12px;display:flex}.home-construction-status .home-status-dot{position:relative}.home-construction-status .home-status-dot:after{content:"";border:1px solid var(--home-accent);pointer-events:none;opacity:0;animation:construction-ripple 5.5s var(--motion-ease-out) 1.5s infinite;border-radius:50%;position:absolute;inset:-2px}@keyframes construction-ripple{0%{opacity:.45;transform:scale(.7)}18%{opacity:0;transform:scale(2.6)}to{opacity:0;transform:scale(2.6)}}.portfolio-page:not([data-state=active]) .home-construction-status .home-status-dot:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.home-construction-status .home-status-dot:after{animation:none}}.home-status-dot{background:var(--home-accent);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent);border-radius:50%;flex-shrink:0;display:inline-block}.home-ascii{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-ascii canvas{width:100%;height:100%;display:block}.home-introduction{text-align:center;width:min(100%,640px);animation:home-arrive var(--motion-intro) var(--motion-ease-out) both;flex-direction:column;align-self:center;align-items:center;gap:32px;display:flex}.home-greeting{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.home-greeting h1{font:400 var(--text-hero)/var(--leading-hero) var(--font-radley), serif;letter-spacing:var(--tracking-hero);color:var(--home-ink);text-wrap:balance;margin:0}.home-greeting h1 em{white-space:nowrap;font-style:italic}.home-subtitle{color:var(--body-text);font:400 var(--text-prose)/26px var(--font-ronzino), sans-serif;letter-spacing:var(--tracking-body);text-wrap:pretty}.home-subtitle p{margin:0}@media (min-width:768px){.home-subtitle{max-width:520px}.home-subtitle-followup{display:block}}.home-ukraine{font-size:var(--text-caption)}.home-actions{align-items:center;gap:8px;display:flex}.home-socials{isolation:isolate;justify-content:center;align-self:center;align-items:center;gap:8px;display:flex;position:relative}.home-social{animation:home-arrive var(--motion-intro) calc(.12s + var(--i,0) * 50ms) var(--motion-ease-out) backwards}.home-social:first-child{--i:0}.home-social:nth-child(2){--i:1}.home-social:nth-child(3){--i:2}.home-social:nth-child(4){--i:3}.home-social:nth-child(5){--i:4}.home-social{border-radius:var(--radius);min-height:36px;color:var(--home-muted);letter-spacing:var(--tracking-ui);transition:color var(--motion-fast) ease;align-items:center;gap:8px;padding:8px 12px;font-weight:500;line-height:20px;display:flex;position:relative}.home-social[data-active]{color:var(--accent-foreground)}.home-social:active{transform:scale(.97)}.home-social-icon{place-items:center;display:inline-grid}.home-social-icon>*{grid-area:1/1;display:inline-flex}.home-social-label-swap{justify-items:start;display:inline-grid}.home-social-label-swap>*{grid-area:1/1}.portfolio-dialog{border:1px solid var(--border);border-radius:var(--radius-panel);width:min(440px,100vw - 32px);max-width:440px;max-height:calc(100dvh - 32px);color:var(--body-text);gap:0;padding:0;overflow-y:auto}.portfolio-dialog h2{font:400 var(--text-section)/var(--leading-section) var(--font-radley), serif;letter-spacing:var(--tracking-section);color:var(--foreground);text-wrap:balance;margin:0 0 16px}.portfolio-overlay-close{position:absolute;top:12px;right:12px}.home-dialog-surface{padding:32px;position:relative}.home-eyebrow{font-size:var(--text-caption);color:var(--home-muted);align-items:center;gap:8px;margin-bottom:24px;line-height:18px;display:flex}.home-eyebrow>span:last-child:not(:first-child){font-variant-numeric:tabular-nums;margin-left:auto}.home-dialog-copy{font-size:var(--text-ui);color:var(--home-muted);text-wrap:pretty;margin-bottom:24px;line-height:22px}.home-contact-email{border-block:1px solid var(--home-line);color:var(--home-ink);font-size:var(--text-prose);justify-content:space-between;align-items:center;padding:12px 0;line-height:26px;display:flex}.home-contact-links{gap:24px;margin-top:24px;display:flex}.home-contact-links a{color:var(--home-muted);align-items:center;gap:8px;display:flex}.home-fact{min-height:156px;animation:home-arrive var(--motion-panel) var(--motion-ease-out) both}.portfolio-playground-dialog{width:min(1200px,100vw - 32px);max-width:1200px;height:calc(100dvh - 32px);overflow:hidden}.portfolio-playground-dialog .home-dialog-surface{height:100%;padding:0;overflow:hidden}.portfolio-playground-dialog .content-slide{overflow:hidden}.portfolio-menu{gap:var(--space-3);background:var(--surface);width:min(280px,100vw - 32px);max-width:280px;padding:56px 8px 16px}.portfolio-menu .home-navigation{font-size:var(--text-ui)}.project-slide{overscroll-behavior-y:contain;scrollbar-width:thin;background:var(--home-paper);height:100%;overflow-y:auto}.project-layout{grid-template-columns:minmax(0, 1fr) calc(var(--portfolio-right-panel-width) - var(--project-column-gap));gap:var(--project-column-gap);min-height:100%;display:grid}.project-media{min-width:0;padding:16px 24px 32px}.project-media figure{margin:0 0 24px}.project-image{aspect-ratio:4/3;width:100%;position:relative}.project-image img{object-fit:contain}.project-media video{border-radius:var(--radius-preview);outline:var(--media-outline);outline-offset:-1px;width:100%;height:auto;display:block}.case-media{margin:0 0 24px}.case-stage{--stage-unit:min(1cqw, 1.0692cqh);isolation:isolate;aspect-ratio:943/882;border-radius:var(--radius-preview);background:var(--background);place-items:center;width:100%;display:grid;position:relative;overflow:hidden;container-type:size}.project-media .case-stage-image{aspect-ratio:var(--media-ratio,4 / 3)}.project-media .case-stage:not(.case-stage-image){max-height:calc(100dvh - 2 * var(--shell-gutter,8px))}.project-media .case-stage[data-layout=single-phone]{width:94%;margin-inline:auto}.case-stage-bleed img{object-fit:cover}.case-stage-background{z-index:-1}.case-stage-body{width:100%;height:100%;padding:calc(6 * var(--stage-unit)) 0 calc(11 * var(--stage-unit));place-items:center;display:grid}.case-screen{position:absolute;inset:0}.case-screen img{object-fit:cover;object-position:top}.case-screen-scroll{position:absolute;inset:0;overflow:hidden}.case-screen-long{width:100%;position:absolute;top:0;left:0}.case-screen-long img{object-fit:cover;object-position:top}.case-images-body{inset:calc(4 * var(--stage-unit)) calc(4 * var(--stage-unit)) calc(10 * var(--stage-unit));position:absolute}.case-images-picture{position:absolute;inset:0}.case-images-picture img{object-fit:contain}.case-images[data-fill]{overflow:hidden}.case-images[data-fill] .case-images-body{inset:0}.case-images[data-fill] .case-images-picture img{object-fit:cover}.case-screen-scrollable{overscroll-behavior-y:auto;scrollbar-width:none;overflow-y:auto}.case-stage-scroll-image{display:block}.case-scroll-sheet{will-change:transform;border-radius:10px;width:62%;position:absolute;top:7cqh;left:19%;overflow:hidden;box-shadow:0 1px 2px #1919190f,0 18px 40px -20px #19191959}.case-scroll-sheet:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.case-scroll-sheet{cursor:grab;-webkit-user-select:none;user-select:none}.case-scroll-sheet[data-dragging]{cursor:grabbing}.case-scroll-sheet img{object-fit:cover;object-position:top}.case-scroll-sheet .case-scroll-cover{width:100%;height:auto;position:absolute;top:0;left:0}.case-stage-scroll-image[data-phone] .case-scroll-sheet{left:12%}.case-view-full{z-index:2;height:36px;color:var(--home-ink,#191919);font-size:var(--text-ui);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--motion-fast) ease, transform var(--motion-press) var(--motion-ease-out);background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 16px;font-weight:500;display:flex;position:absolute;bottom:20px;left:50%;translate:-50%;box-shadow:0 1px 2px #00000014,0 6px 18px -8px #00000059}.case-view-full:hover{background:#fff}.case-view-full:active{transform:scale(.97)}.case-view-full:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.case-stage-posters{align-items:center;display:grid}.case-posters{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:16px;width:100%;min-width:0;height:100%;padding:6% 56px;scroll-padding-inline:56px;display:flex;overflow-x:auto}.case-posters::-webkit-scrollbar{display:none}.case-posters[data-dragging]{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.case-posters[data-dragging] .case-poster{cursor:grabbing}.case-posters:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.case-poster{aspect-ratio:1290/2796;scroll-snap-align:start;cursor:grab;border-radius:14px;flex:none;height:100%;transition:transform .2s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 1px 2px #1919190f,0 8px 20px -12px #1919194d}.case-poster img{object-fit:contain}.case-poster:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.case-poster:hover{transform:translateY(-3px)}}@media (pointer:fine){.case-screen-scrollable{cursor:grab;-webkit-user-select:none;user-select:none}.case-screen-scrollable[data-dragging]{cursor:grabbing}}.case-screen-scrollable::-webkit-scrollbar{display:none}.case-screen-scrollable .case-screen-long{position:relative}.case-screen-scrollable:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.case-phone{--phone-w:calc(36 * var(--stage-unit));width:var(--phone-w);padding:calc(var(--phone-w) * .028);border-radius:calc(var(--phone-w) * .158);box-shadow:inset 0 0 0 calc(var(--phone-w) * .009) #3a3a3a, 0 24px 48px -24px #19191973;-webkit-box-reflect:below 2px linear-gradient(transparent 82%, #0000002e);background:#111;position:relative}.case-phone-hint{color:var(--muted-foreground);font-size:var(--text-caption);white-space:nowrap;pointer-events:none;animation:case-phone-hint-in var(--motion-fast) ease;align-items:center;gap:4px;font-weight:500;line-height:16px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50%}.case-phone-hint svg{width:12px;height:12px}@keyframes case-phone-hint-in{0%{opacity:0}}.case-media-centre{pointer-events:none;width:1px;height:1px;position:absolute;top:50%;left:0}.case-media .case-phone-hint,.case-media .case-demo-hint,.case-media .case-demo-grid-hint{opacity:0;transition:opacity .24s}.case-media[data-centred] .case-phone-hint,.case-media[data-centred] .case-demo-hint,.case-media[data-centred] .case-demo-grid-hint{opacity:1}.case-phone-screen{aspect-ratio:563/1214;border-radius:calc(var(--phone-w) * .13);background:#000;position:relative;overflow:hidden}.case-browser{width:calc(78 * var(--stage-unit));border-radius:calc(.9 * var(--stage-unit));background:var(--background);overflow:hidden;box-shadow:0 10px 24px -14px #19191959}.case-stage-bleed .case-browser{width:calc(90 * var(--stage-unit))}.case-browser-bar{height:calc(3 * var(--stage-unit));min-height:18px;padding:0 calc(1.4 * var(--stage-unit));background:#2c2c2c;align-items:center;display:flex;position:relative}.case-browser-lights{gap:calc(.7 * var(--stage-unit));display:flex}.case-browser-lights i{width:calc(1 * var(--stage-unit));height:calc(1 * var(--stage-unit));background:#ff5f57;border-radius:50%;min-width:6px;min-height:6px}.case-browser-lights i:nth-child(2){background:#febc2e}.case-browser-lights i:nth-child(3){background:#28c840}.case-phone-silver{box-shadow:inset 0 0 0 calc(var(--phone-w) * .008) #ffffffb3, 0 24px 48px -24px #19191966;background:linear-gradient(145deg,#f4f4f6,#c9c9ce 45%,#ececef 70%,#b9b9be)}.case-phone-island{z-index:2;top:calc(var(--phone-w) * .03);width:32%;height:calc(var(--phone-w) * .088);background:#000;border-radius:999px;position:absolute;left:50%;translate:-50%}.case-phone-pair{width:calc(64 * var(--stage-unit));place-items:center;display:grid;position:relative}.case-phone-pair .case-phone{--phone-w:calc(32 * var(--stage-unit));-webkit-box-reflect:unset}.case-phone-pair-back{position:absolute;left:0;rotate:-7deg;scale:.86}.case-phone-pair-front{left:calc(9 * var(--stage-unit));position:relative;rotate:3deg}.case-phone-row{justify-content:center;align-items:center;gap:calc(6 * var(--stage-unit));display:flex}.case-phone-row .case-phone{--phone-w:calc(27 * var(--stage-unit))}.project-media .case-stage[data-layout=single-phone] .case-phone{--phone-w:calc(32 * var(--stage-unit))}.project-media .case-stage[data-layout=single-phone] .case-arrow-previous{left:0}.project-media .case-stage[data-layout=single-phone] .case-arrow-next{right:0}.case-safari{--bar:calc(3.2 * var(--stage-unit));gap:calc(var(--bar) * .5);height:var(--bar);min-height:20px;padding:0 calc(var(--bar) * .38);color:#b8b8bd;background:#1f2022}.case-safari svg{width:calc(var(--bar) * .36);height:calc(var(--bar) * .36);flex-shrink:0;min-width:9px;min-height:9px}.case-safari .case-browser-lights{gap:calc(var(--bar) * .15);margin-right:calc(var(--bar) * .3)}.case-safari .case-browser-lights i{width:calc(var(--bar) * .23);height:calc(var(--bar) * .23);min-width:6px;min-height:6px}.case-safari-sidebar{margin-right:calc(var(--bar) * .3)}.case-safari-muted{opacity:.45}.case-safari-field{justify-content:center;align-items:center;gap:calc(var(--bar) * .45);flex:1;min-width:0;display:flex}.case-safari-shield{opacity:.9}.case-safari-address{width:76%;height:calc(var(--bar) * .54);border-radius:calc(var(--bar) * .12);background:#0c0e10;justify-content:center;align-items:center;min-height:13px;display:flex;position:relative}.case-safari-url{align-items:center;gap:calc(var(--bar) * .1);color:#e8e8ea;font-size:clamp(7px, calc(var(--bar) * .26), 13px);white-space:nowrap;line-height:1;display:flex;overflow:hidden}.case-safari-url svg{width:calc(var(--bar) * .22);height:calc(var(--bar) * .22);min-width:6px;min-height:6px}.case-safari .case-safari-reload{right:calc(var(--bar) * .2);width:calc(var(--bar) * .26);height:calc(var(--bar) * .26);min-width:7px;min-height:7px;position:absolute}.case-safari-tools{align-items:center;gap:calc(var(--bar) * .5);display:flex}.case-browser-bare{border-radius:calc(1 * var(--stage-unit))}.case-laptop{--laptop-w:calc(86 * var(--stage-unit));width:var(--laptop-w);filter:drop-shadow(0 10px 14px #19191929);flex-direction:column;align-items:center;display:flex}.case-laptop-lid{width:87%;padding:calc(var(--laptop-w) * .022) calc(var(--laptop-w) * .014) calc(var(--laptop-w) * .016);border-radius:calc(var(--laptop-w) * .026) calc(var(--laptop-w) * .026) 0 0;box-shadow:0 0 0 calc(var(--laptop-w) * .0025) #a9aab0, inset 0 0 0 calc(var(--laptop-w) * .002) #2b2b2e;background:#050505;position:relative}.case-laptop-lid .case-browser-view{border-radius:calc(var(--laptop-w) * .006) calc(var(--laptop-w) * .006) 0 0;overflow:hidden}.case-laptop-base{width:100%;height:calc(var(--laptop-w) * .024);border-radius:2px 2px calc(var(--laptop-w) * .03) calc(var(--laptop-w) * .03) / 2px 2px calc(var(--laptop-w) * .018) calc(var(--laptop-w) * .018);background:linear-gradient(#f2f2f4,#d4d5d9 35%,#b9babf 70%,#8e8f94);position:relative;box-shadow:inset 0 1px #ffffffe6}.case-laptop-base:before{content:"";border-radius:0 0 calc(var(--laptop-w) * .008) calc(var(--laptop-w) * .008);background:linear-gradient(#a7a8ad,#c9cacf);width:15%;height:42%;position:absolute;top:0;left:50%;translate:-50%}.case-responsive{width:calc(86 * var(--stage-unit));padding-right:calc(8 * var(--stage-unit));display:grid;position:relative}.case-responsive .case-browser{width:100%}.case-responsive-phone{right:0;bottom:calc(-6 * var(--stage-unit));--phone-w:calc(20 * var(--stage-unit));-webkit-box-reflect:unset;position:absolute}.case-stage[data-ground]{background:#eceef2}.case-browser-window .case-browser-bar{height:calc(2.2 * var(--stage-unit));background:#f6f7f9;min-height:12px}.case-browser-window .case-browser-lights i{background:#d8dbe1!important}.case-browser-view{aspect-ratio:1728/1064;background:var(--background);position:relative}.case-browser-view img{object-fit:cover;object-position:top}.case-video,.case-video-plain{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case-arrow{background:var(--secondary);width:36px;height:36px;color:var(--body-text);border-radius:50%;place-items:center;display:grid;position:absolute;top:calc(50% - 18px)}@media (hover:hover) and (pointer:fine){.case-arrow{opacity:0;transition:opacity var(--motion-fast) ease}.case-stage:hover .case-arrow{opacity:1}.case-stage:has(:focus-visible) .case-arrow{opacity:1}.case-stage:has(>.case-control:hover) .case-arrow{opacity:0;pointer-events:none}}.case-arrow-previous{left:24px}.case-arrow-next{right:24px}.case-arrow:active,.case-tabs button:active,.case-player-toggle:active{transform:scale(.97)}.case-control{bottom:max(calc(3.4 * var(--stage-unit)), 24px);background:var(--secondary);font-size:var(--text-caption);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:3px;line-height:18px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.case-tabs button{height:26px;color:var(--muted-foreground);border-radius:7px;align-items:center;gap:6px;padding:0 10px;display:flex;position:relative}.case-tabs button[aria-current]{color:var(--foreground);font-weight:500}.case-tabs button:not([aria-current]):before{content:"";z-index:-1;opacity:0;background:#1919190d;border-radius:7px;transition:opacity .16s,scale .2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;scale:.9}.case-tabs button:not([aria-current]){transition:color .16s}@media (hover:hover) and (pointer:fine){.case-tabs button:not([aria-current]):hover{color:var(--foreground)}.case-tabs button:not([aria-current]):hover:before{opacity:1;scale:1}}.case-tabs-thumb{z-index:-1;background:var(--background);border-radius:7px;position:absolute;inset:0;box-shadow:0 1px 1.5px #19191914,0 0 0 .5px #1919190f}.case-tabs{isolation:isolate}.case-tabs-label{white-space:nowrap;align-items:center;gap:6px;max-width:220px;display:inline-flex;overflow:hidden}.case-tabs-dots{display:none}@media (hover:hover) and (pointer:fine){.case-tabs-dots{bottom:max(calc(3.4 * var(--stage-unit)), 24px);pointer-events:none;align-items:center;gap:6px;height:32px;transition:opacity .36s cubic-bezier(.4,0,.2,1),filter .36s cubic-bezier(.4,0,.2,1),scale .36s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;left:50%;translate:-50%}.case-tabs-dots i{background:#19191933;border-radius:50%;width:6px;height:6px}.case-tabs-dots i[data-current]{background:#191919a6}.case-stage>.case-tabs{transition:opacity .36s cubic-bezier(.4,0,.2,1),filter .36s cubic-bezier(.4,0,.2,1),scale .36s cubic-bezier(.4,0,.2,1)}.case-stage:not(:hover):not(:has(:focus-visible))>.case-tabs{opacity:0;filter:blur(6px);pointer-events:none;scale:.94}.case-stage:is(:hover,:has(:focus-visible))>.case-tabs-dots{opacity:0;filter:blur(6px);scale:1.4}}@media (prefers-reduced-motion:reduce){.case-stage>.case-tabs,.case-tabs-dots{transition:none!important}}.case-tabs-number{font-variant-numeric:tabular-nums}.case-tabs-icon{place-items:center;width:14px;height:14px;display:grid}.case-tabs-icon svg{width:14px;height:14px}.case-tabs button[aria-current] .case-tabs-icon,.case-tabs button:hover .case-tabs-icon{animation:var(--tab-anim) .56s cubic-bezier(.34, 1.4, .64, 1)}.case-tabs-icon[data-anim=drop]{--tab-anim:tab-drop}.case-tabs-icon[data-anim=pulse]{--tab-anim:tab-pulse}.case-tabs-icon[data-anim=tilt]{--tab-anim:tab-tilt}.case-tabs-icon[data-anim=spin]{--tab-anim:tab-spin}.case-tabs-icon[data-anim=bounce]{--tab-anim:tab-bounce}@keyframes tab-drop{0%{opacity:.4;translate:0 -5px;scale:.9 1.1}60%{opacity:1;translate:0 1px;scale:1.12 .88}to{translate:0;scale:1}}@keyframes tab-pulse{0%,to{scale:1}30%{scale:1.25}55%{scale:.92}75%{scale:1.08}}@keyframes tab-tilt{0%,to{rotate:0deg}25%{rotate:-14deg}60%{rotate:9deg}}@keyframes tab-spin{0%{rotate:-120deg;scale:.8}to{rotate:0deg;scale:1}}@keyframes tab-bounce{0%{scale:.6}50%{scale:1.2 .85}75%{scale:.95 1.08}to{scale:1}}@media (prefers-reduced-motion:reduce){.case-tabs-icon{animation:none!important}}.case-player{background:var(--background);box-shadow:0 0 0 1px var(--border);border-radius:999px;gap:6px;padding:4px 4px 4px 10px}.case-player-steps{align-items:center;gap:6px;display:flex}.case-player-step{background:var(--border);width:6px;height:6px;transition:width var(--motion-panel) var(--motion-ease-out);border-radius:999px;position:relative;overflow:hidden}.case-player-step[data-active]{width:28px}.case-player-fill{border-radius:inherit;background:var(--muted-foreground);transform-origin:0;animation:linear forwards case-player-fill;position:absolute;inset:0}@keyframes case-player-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.case-player-toggle{background:var(--foreground);width:26px;height:26px;color:var(--background);border-radius:50%;place-items:center;display:grid}.case-video-controls{border-radius:999px;gap:8px;padding:3px 12px 3px 3px}.case-seek{appearance:none;background:linear-gradient(var(--muted-foreground), var(--muted-foreground)) 0 / var(--progress,0%) 100% no-repeat, var(--border);border-radius:999px;width:140px;height:4px}.case-seek::-webkit-slider-thumb{appearance:none;background:var(--foreground);border-radius:50%;width:10px;height:10px}.case-video-pending{color:var(--muted-foreground);padding:4px 10px}@media (prefers-reduced-motion:reduce){.case-player-step{transition:none}.case-player-fill{animation:none}}@container (max-width:560px){.case-phone{--phone-w:calc(29 * var(--stage-unit))}.case-stage-body{padding-bottom:calc(18 * var(--stage-unit))}}@media (max-width:767px){.case-arrow{width:44px;height:44px;top:calc(50% - 22px);left:8px}.case-arrow-next{left:auto;right:8px}}.project-media figcaption{color:var(--home-muted);font-size:var(--text-caption);margin-top:12px;line-height:18px}.project-info{scrollbar-width:none;flex-direction:column;align-self:start;gap:16px;min-width:0;height:100dvh;max-height:100dvh;padding:16px 16px 16px 0;display:flex;position:sticky;top:0;overflow-y:auto}.project-info::-webkit-scrollbar{display:none}.project-draft-label{color:var(--muted-foreground);font-size:var(--text-caption);margin-bottom:8px;line-height:18px;display:block}.project-overview h2{font:400 24px/1.2 var(--font-radley), serif;letter-spacing:var(--tracking-section);color:var(--foreground);text-wrap:balance;margin:0 0 12px}.project-overview p{font-size:var(--text-ui);color:var(--home-text);white-space:pre-line;text-wrap:pretty;margin:0;line-height:22px}.project-overview-space{min-height:112px}.project-facts{flex-direction:column;gap:16px;margin:24px 0;display:flex}.project-facts dt{font-size:var(--text-ui);color:var(--home-muted);margin-bottom:4px;line-height:22px}.project-facts dd{font-size:var(--text-ui);color:var(--home-text);white-space:pre-line;margin:0;line-height:22px}.project-info .project-story{flex-direction:column;flex:1;display:flex}.case-links{flex-direction:column;gap:12px;width:100%;margin-top:auto;padding-top:8px;display:flex}.case-link-list{flex-direction:column;margin:0 -8px;padding:0;list-style:none;display:flex}.case-link-list>li{position:relative}.case-link-list>li+li:before{content:"";background:var(--home-line);height:1px;transition:opacity var(--motion-fast) ease;pointer-events:none;position:absolute;top:0;left:8px;right:8px}.case-link{border-radius:var(--radius);min-height:36px;color:var(--home-muted);font-size:var(--text-ui);letter-spacing:var(--tracking-ui);transition:color var(--motion-fast) ease, background-color var(--motion-fast) ease;align-items:center;gap:8px;padding:8px;line-height:20px;display:flex;position:relative}.case-link:active{transform:scale(.98)}.case-link:focus-visible{outline:2px solid var(--ring);outline-offset:-2px;color:var(--home-ink);background:var(--secondary)}.case-link-list>li:has(>.case-link:focus-visible):before{opacity:0}.case-link-list>li:has(>.case-link:focus-visible)+li:before{opacity:0}@media (hover:hover) and (pointer:fine){.case-link:hover{color:var(--home-ink);background:var(--secondary)}.case-link-list>li:hover:before,.case-link-list>li:hover+li:before{opacity:0}.case-link:hover .case-link-arrow{transform:translate(1px,-1px)}}.case-link-icon{flex-shrink:0}.case-link-label{flex:1;min-width:0}.case-link-arrow{transition:transform var(--motion-fast) var(--motion-ease-out);flex-shrink:0}.case-study-link{border-radius:var(--radius);background:var(--action);min-height:40px;color:var(--action-foreground);font-size:var(--text-ui);letter-spacing:var(--tracking-ui);transition:background-color var(--motion-fast) ease;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 8px 14px;font-weight:500;line-height:20px;display:flex}.case-study-arrow{flex-shrink:0;display:inline-flex}@media (hover:hover) and (pointer:fine){.case-study-link:hover{background:var(--action-hover)}}.case-study-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.case-link:active,.case-link-arrow{transform:none!important}}.project-preview-dialog{grid-template-rows:auto minmax(0,1fr);gap:0;width:min(980px,100vw - 32px);max-width:980px;height:min(820px,100dvh - 32px);padding:0;overflow:hidden}.project-preview-note{border-bottom:1px solid var(--border);font-size:var(--text-caption);color:var(--muted-foreground);padding:16px 52px 12px 24px}.project-preview-dialog .project-info{height:100%;max-height:100%;padding:24px}.project-preview-dialog .project-media{padding:24px}.process-slide{background:var(--home-paper);scrollbar-width:thin;height:100%;padding:28px 36px 24px;overflow-y:auto}.process-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.process-title-row{align-items:center;gap:12px;display:flex}.process-eyebrow,.process-study-label,.process-output-label{color:var(--home-muted);font-size:var(--text-caption);letter-spacing:var(--tracking-label);line-height:18px}.process-header h1{font:400 var(--text-section)/var(--leading-section) var(--font-radley), serif;letter-spacing:var(--tracking-section);color:var(--home-ink);margin:4px 0 0}.process-header-actions{align-items:center;gap:16px;display:flex}.process-workspace{grid-template-columns:minmax(0,1fr) 272px;gap:32px;min-height:calc(100% - 72px);display:grid}.process-demonstration{flex-direction:column;min-width:0;padding-top:20px;display:flex}.process-view-switch{background:var(--home-sidebar);border-radius:10px;align-self:center;gap:3px;padding:3px;display:flex}.process-view-switch button{min-height:32px;color:var(--home-muted);font-size:var(--text-label);letter-spacing:var(--tracking-ui);border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:6px 12px;display:flex}.process-view-switch button[aria-pressed=true]{background:var(--home-fill);color:var(--home-ink)}.process-scene{--spread:103px;--plane-width:296px;--plane-height:216px;--plane-x:0px;perspective:1400px;flex:1;min-height:620px;position:relative;overflow:clip;container-type:inline-size}.process-scene[data-format=mobile]{--plane-width:168px;--plane-height:260px}.process-scene[data-expanded=false]{--spread:3px;--plane-x:-13cqw}.process-layer{pointer-events:none;position:absolute;inset:0}.home-screen .process-layer-label{z-index:12;left:1%;top:calc(50% + (var(--layer-index) - 2) * var(--spread));text-align:left;pointer-events:auto;opacity:1;width:calc(65% - 184px);transition:opacity var(--motion-panel) var(--motion-ease-out), transform var(--motion-process) var(--motion-ease-out), color var(--motion-fast) ease;align-items:center;gap:8px;padding:8px 0;display:flex;position:absolute;transform:translateY(-50%)}.process-scene[data-expanded=false] .process-layer-label{opacity:0;pointer-events:none;transform:translate(-16px,-50%)}.process-layer-label>span:first-child{color:var(--muted-foreground);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.process-layer-label>span:nth-child(2){font-size:var(--text-label);color:var(--home-text)}.process-layer-label small{color:var(--muted-foreground);font-size:var(--text-caption);white-space:nowrap;line-height:18px;display:block}.process-layer-label i{background:var(--border);flex:1;min-width:12px;height:1px;display:block;position:relative}.process-layer-label i:after{content:"";border:1px solid var(--input);background:var(--background);border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:-2px}.process-layer[data-selected=true] .process-layer-label>span:nth-child(2){color:var(--primary)}.home-screen .process-plane{width:var(--plane-width);height:var(--plane-height);contain:layout paint;pointer-events:auto;border:1px solid var(--border);border-radius:var(--radius-preview);background:var(--background);opacity:.9;transform:translate(calc(-50% + var(--plane-x)), calc(-50% + (var(--layer-index) - 2) * var(--spread))) rotateX(46deg) rotateZ(-24deg);transition:transform var(--motion-process) var(--motion-ease-out), width var(--motion-process) var(--motion-ease-out), height var(--motion-process) var(--motion-ease-out), opacity var(--motion-panel) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-panel) ease;padding:0;position:absolute;top:50%;left:65%;overflow:hidden;box-shadow:-9px 15px 22px -15px #19191938}.process-layer[data-selected=true] .process-plane{opacity:1;border-color:var(--primary);box-shadow:-9px 20px 30px -15px color-mix(in srgb, var(--primary) 30%, transparent)}.process-plane-0{z-index:2}.process-plane-1{z-index:3}.process-plane-2{z-index:4}.process-plane-3{z-index:6}.process-plane-4{z-index:1}.process-scene-footer{justify-content:space-between;align-items:center;gap:16px;padding-top:12px;display:flex}.process-scene-footer>span{font-size:var(--text-caption);color:var(--home-muted)}.process-sample-note{color:var(--muted-foreground);font-size:var(--text-caption);text-align:center;margin:12px 0 0}.process-explanation{flex-direction:column;justify-content:center;min-width:0;padding:40px 0;display:flex}.process-detail-count{font-size:var(--text-caption);color:var(--home-muted);font-variant-numeric:tabular-nums;margin-bottom:16px}.process-detail-copy{animation:home-arrive var(--motion-panel) var(--motion-ease-out) both}.process-detail-copy h2{font:400 var(--text-section)/var(--leading-section) var(--font-radley), serif;letter-spacing:var(--tracking-section);color:var(--home-ink);text-wrap:balance;margin:0 0 16px}.process-detail-copy p{font-size:var(--text-ui);color:var(--home-muted);text-wrap:pretty;margin:0 0 24px;line-height:22px}.process-detail-copy p.process-output{color:var(--home-text)}.process-output-label{margin-bottom:8px;display:block}.process-stage-picker{flex-direction:column;gap:2px;display:flex}.process-stage-picker button{border-radius:var(--radius);width:100%;min-height:36px;font-size:var(--text-label);letter-spacing:var(--tracking-ui);text-align:left;align-items:center;gap:12px;padding:8px 12px;display:flex}.process-stage-picker button>span:first-child{font-size:var(--text-caption);color:var(--muted-foreground);font-variant-numeric:tabular-nums}.process-stage-picker button[aria-pressed=true]{background:var(--home-sidebar)}.process-stage-indicator{background:0 0;border-radius:50%;width:5px;height:5px;margin-left:auto}.process-stage-picker button[aria-pressed=true] .process-stage-indicator{background:var(--primary)}.process-view-switch button:active,.process-stage-picker button:active{transform:scale(.97)}.process-reset{align-self:flex-start;margin-top:16px}.process-services{border-top:1px solid var(--border);margin-top:64px;padding-top:32px}.service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;display:grid}.service-list article{border-bottom:1px solid var(--border);padding:24px 0}.service-list p{font-size:var(--text-ui);color:var(--muted-foreground);text-wrap:pretty;margin:0;line-height:22px}.process-artifact{text-align:left;color:#35303c;background:#fff;width:100%;height:100%;padding:20px;font-size:10px;line-height:1.4}.process-artifact-kicker{letter-spacing:.09em;color:#807889;margin-bottom:10px;font-size:8px;display:block}.process-brief{background:#faf8f3}.process-brief>strong{font:400 27px/.98 var(--font-radley), serif;letter-spacing:-.6px;display:block}.process-note-row{gap:8px;margin-top:12px;display:flex}.process-note-row>span{background:#efe9dc;border-radius:2px;padding:6px 8px;font-size:8px}.process-flow{align-items:center;gap:10px;margin-top:16px;font-size:8px;display:flex}.process-flow>span{border:1px solid #d6d0c6;border-radius:3px;padding:3px 6px}.process-mini-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;font-size:8px;display:flex}.process-mini-header>span:first-child{align-items:center;gap:5px;display:flex}.process-wireframe{background:#fcfcfc}.process-wire-title{background:#ddd;border-radius:2px;width:48%;height:14px;margin-bottom:7px}.process-wire-line{background:#e9e9e9;border-radius:2px;width:84%;height:5px;margin-bottom:6px}.process-wire-line.short{width:64%}.process-wire-layout{grid-template-columns:1fr 1.2fr;gap:12px;margin-top:16px;display:grid}.process-wire-box{background:#f0f0f0;border:1px dashed #ccc;border-radius:3px;height:42px;margin-bottom:6px}.process-wire-action{background:#ddd;border-radius:4px;width:35%;height:18px;margin-top:6px}.process-explore{background:#f5efff}.process-direction{align-items:center;gap:18px;margin-top:6px;display:flex}.process-direction>span{font:400 50px/1 var(--font-radley), serif;color:#9072bf}.process-direction strong{font:400 25px/.98 var(--font-radley), serif;letter-spacing:-.5px}.process-swatches{gap:6px;margin-top:18px;display:flex}.process-swatches>span{background:#cbb5eb;border-radius:50%;width:25px;height:25px}.process-swatches>span:nth-child(2){background:#e8def4}.process-swatches>span:nth-child(3){background:#37303f}.process-swatches>span:nth-child(4){background:#fbf9f5;border:1px solid #e7dfed}.process-explore-caption{color:#82758d;margin-top:10px;font-size:8px}.process-finished>strong{font:400 26px/1.05 var(--font-radley), serif;letter-spacing:-.6px;display:block}.process-artifact-subtitle{color:#8b8394;margin:6px 0 16px;font-size:8px;display:block}.process-mini-mark{background:#a07dc6;border-radius:50%;width:8px;height:8px;display:inline-block}.process-task{border-bottom:1px solid #eeeaf2;align-items:center;gap:7px;padding:6px 0;font-size:8px;display:flex}.process-task>span:last-child{color:#999;margin-left:auto}.process-task-check{background:#e5d8f6;border-radius:4px;place-items:center;width:13px;height:13px;display:grid}.process-task-check.empty{background:0 0;border:1px solid #ddd5e8}.process-finished-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:7px;display:flex}.process-finished-footer>span:first-child{color:#938a9d}.process-mini-cta{color:#fff;background:#352e3e;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;display:flex}.process-code{color:#e6dfea;background:#24212b}.process-code .process-mini-header{color:#a69bac}.process-code code{font:400 10px/1.5 var(--font-ronzino), sans-serif;white-space:pre}.process-code-comment{color:#8b8491}.process-code-purple{color:#c9a4f5}.process-code-green{color:#acd4c1}.process-scene[data-format=mobile] .process-artifact{padding:16px 12px}.process-scene[data-format=mobile] .process-mini-header{font-size:7px}.process-scene[data-format=mobile] .process-direction{flex-direction:column;align-items:flex-start;gap:8px}.process-scene[data-format=mobile] .process-direction>span{font-size:34px}.process-scene[data-format=mobile] .process-finished-footer{flex-direction:column;align-items:flex-start}.process-scene[data-format=mobile] .process-note-row{flex-direction:column;gap:4px}.portfolio-assistant{z-index:25;width:var(--portfolio-right-panel-width);background:var(--home-paper);border-left:1px solid var(--home-line);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.portfolio-assistant[hidden]{display:none}.portfolio-assistant{transition:transform var(--motion-panel) var(--motion-ease-out), opacity var(--motion-panel) var(--motion-ease-out), visibility 0s linear var(--motion-panel)}:is(.home-screen,.case-study-shell,.editions-shell)[data-assistant=open] .portfolio-assistant{transition-delay:0s}:is(.home-screen,.case-study-shell,.editions-shell)[data-assistant=closed] .portfolio-assistant{visibility:hidden;transform:translateX(var(--portfolio-right-panel-width))}@media (min-width:768px){.portfolio-pager,.portfolio-topbar{transition:right var(--motion-panel) var(--motion-ease-out)}}@media (max-width:767px){:is(.home-screen,.case-study-shell,.editions-shell)[data-assistant=closed] .portfolio-assistant{opacity:0;transform:none}}@media (prefers-reduced-motion:reduce){.portfolio-assistant,.portfolio-pager,.portfolio-topbar{transition:none}}.assistant-header{height:var(--portfolio-header-height);flex-shrink:0;justify-content:flex-start;align-items:center;gap:4px;padding:16px 12px;display:flex}.assistant-header>#assistant-title{flex:1;align-items:center;gap:8px;display:flex}.assistant-header>span svg{color:var(--home-accent)}.assistant-header [aria-label="About this assistant"]{margin-left:auto}.assistant-info-tooltip{max-width:260px;line-height:1.45}.assistant-transcript{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:20px;overflow-y:auto}.assistant-intro{padding:0 8px 16px}.assistant-intro h2{font:400 var(--text-section)/var(--leading-section) var(--font-radley), serif;letter-spacing:var(--tracking-section);text-wrap:balance;margin:16px 0 12px}.assistant-intro>p{font-size:var(--text-prose);color:var(--body-text);text-wrap:pretty;margin:0;line-height:26px}.assistant-intro>p+p{margin-top:4px}.assistant-name{isolation:isolate;white-space:nowrap;position:relative}.assistant-name img{z-index:-1;position:absolute;top:0;left:-5px}.assistant-turn{animation:home-arrive var(--motion-panel) var(--motion-ease-out) both;margin-top:24px}.assistant-question{background:var(--home-fill);font-size:var(--text-ui);border-radius:12px 12px 4px;margin:0 0 16px 24px;padding:8px 12px;line-height:22px}.assistant-progress{font-size:var(--text-caption);color:var(--home-muted);margin-top:12px;animation:1.4s ease-in-out infinite alternate assistant-pulse;display:block}.assistant-answer>p{font-size:var(--text-ui);text-wrap:pretty;margin:8px 0;line-height:22px}.assistant-answer>a{font-size:var(--text-caption);color:var(--home-accent);align-items:center;gap:4px;margin-top:4px;display:inline-flex}.assistant-bottom{padding:0 12px max(12px, env(safe-area-inset-bottom));flex-shrink:0}.assistant-suggestions{flex-direction:column;flex-shrink:0;gap:0;padding:0 0 16px;display:flex}.assistant-suggestions>.ui-button{height:auto;min-height:36px;font-size:var(--text-ui);gap:8px;padding:8px;font-weight:400;line-height:20px}.assistant-suggestions img{flex-shrink:0}.assistant-composer{position:relative}.assistant-composer-box{border-radius:var(--radius-preview);background:var(--secondary);padding:4px}.assistant-composer .assistant-input-preview{border-radius:var(--radius);height:40px;box-shadow:none;font-size:var(--text-prose);cursor:help;background:0 0;border:0;padding:8px 12px}.assistant-composer-tools{gap:4px;display:flex}.assistant-composer-tools .ui-button{width:36px;height:36px}.assistant-composer-tools .ui-button:last-child{margin-left:auto}.assistant-suggestions [aria-disabled=true],.assistant-composer-tools [aria-disabled=true]{cursor:help}.assistant-composer p{color:var(--home-muted);font-size:var(--text-caption);text-align:center;margin:8px 0 0}.content-slide{overscroll-behavior-y:contain;scrollbar-width:thin;height:100%;padding:40px clamp(24px,5cqw,72px) 64px;overflow-y:auto}.content-heading{max-width:720px;margin-bottom:40px}.content-kicker{color:var(--muted-foreground);font-size:var(--text-caption);line-height:18px;display:block}.content-heading h1{font:400 var(--text-case-title)/var(--leading-title) var(--font-radley), serif;letter-spacing:var(--tracking-case);color:var(--foreground);text-wrap:balance;margin:12px 0 16px}.content-heading>p,.content-slide p{color:var(--muted-foreground);font-size:var(--text-prose);text-wrap:pretty;line-height:26px}.content-heading>[data-slot=badge]{margin-top:12px}.content-slide h2,.process-services h2{font:400 var(--text-section)/var(--leading-section) var(--font-radley), serif;letter-spacing:var(--tracking-section);color:var(--foreground);text-wrap:balance;margin:8px 0 24px}.content-slide h3,.process-services h3{font-size:var(--text-prose);color:var(--body-text);margin:0 0 4px;font-weight:500;line-height:24px}.content-empty{border-top:1px solid var(--border);min-height:280px;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:flex-start;padding:32px 0;display:flex}.content-empty h2{margin:24px 0 8px}.content-empty p{margin:0}.content-footer a{font-size:var(--text-ui);color:var(--body-text);align-items:center;gap:8px;display:inline-flex}.playground-filters{flex-wrap:wrap;gap:4px;margin-bottom:24px;display:flex}.contact-doors{max-width:800px}.contact-doors>a{border-top:1px solid var(--border);color:var(--body-text);align-items:center;gap:24px;padding:24px 0;display:flex}.contact-doors>a>span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.contact-doors strong{font:400 clamp(22px, 3cqw, 32px)/1.2 var(--font-radley), serif;overflow-wrap:anywhere}.contact-doors>a>span>span{color:var(--muted-foreground);font-size:var(--text-caption)}.content-footer{border-top:1px solid var(--border);margin-top:96px;padding-top:32px}.content-footer h2{max-width:560px}.content-footer>div{flex-wrap:wrap;gap:24px;display:flex}.content-footer>p{font-size:var(--text-caption);margin-top:32px}.more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px;display:grid}.more-card{border-radius:var(--radius);text-align:left;flex-direction:column;min-width:0;display:flex}.more-cover{aspect-ratio:1/1.1;border-radius:var(--radius);background:var(--secondary);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.more-cover img{object-fit:cover;outline:var(--media-outline);outline-offset:-1px;transition:transform var(--motion-panel) var(--motion-ease-out)}.more-cover-pending{color:var(--muted-foreground);font-size:var(--text-caption);flex-direction:column;align-items:center;gap:12px;display:flex}.more-card-title{width:100%;font-size:var(--text-ui);color:var(--foreground);justify-content:space-between;gap:8px;margin-top:8px;line-height:20px;display:flex}.more-card-description{color:var(--muted-foreground);font-size:var(--text-caption);margin-top:2px;line-height:18px}@media (hover:hover) and (pointer:fine){.home-nav-item:not(:disabled):hover,.home-profile:hover,.rail-avatar:hover{background:var(--home-fill)}.nav-more-link:hover,.rail-more-count:hover{background:var(--home-fill);color:var(--body-text)}.nav-more-link:hover svg{transform:translate(2px)}.rail-avatar:hover{color:var(--body-text)}.home-contact-email:hover{color:var(--home-accent)}.home-contact-links a:hover{color:var(--home-ink)}.process-stage-picker button:hover{background:var(--home-fill)}.content-text-link:hover,.content-footer a:hover,.contact-doors>a:hover{color:var(--primary)}.more-card:hover .more-cover img{transform:scale(1.025)}}@media (min-width:768px){.home-screen:not([data-section=home]) .portfolio-topbar{display:none}}@media (min-width:768px) and (max-width:1000px){.home-screen{--portfolio-sidebar-width:240px;--sidebar-expanded-width:240px}.home-slide{padding-inline:16px}.home-subtitle{max-width:460px}.home-screen{--project-column-gap:16px}.project-media{padding-inline:16px}}@media (min-width:768px) and (max-width:1150px){.process-slide{padding:28px 24px 24px}.process-workspace{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.process-scene{--plane-width:226px;--plane-height:194px;--spread:96px}.home-screen .process-layer-label{width:calc(67% - 148px);left:0}.process-layer-label small{display:none}.home-screen .process-plane{left:67%}.process-artifact{padding:14px}.process-finished-footer>span:first-child{display:none}}@media (min-width:768px) and (max-height:740px){.project-info{gap:12px;padding-bottom:12px}.project-info .project-info .project-facts{gap:12px;margin:16px 0}.project-info .project-draft-label{margin-bottom:4px}}@container (max-width:900px){.process-workspace{grid-template-columns:minmax(0,1fr)}.process-explanation{max-width:480px;padding-top:24px}.process-header-actions .process-study-label{display:none}.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:600px){.project-layout{flex-direction:column;gap:0;display:flex}.project-info{order:-1;height:auto;max-height:none;padding-inline:24px;position:static;overflow:visible}.project-media{padding-top:0}.process-slide{padding-inline:20px}.process-scene{--plane-width:210px;--plane-height:180px}.more-grid,.service-list{grid-template-columns:minmax(0,1fr)}.project-preview-dialog .project-layout{flex-direction:column;display:flex}}@media (max-width:767px){.home-screen,.home-screen[data-sidebar=closed]{--portfolio-sidebar-width:0px;--portfolio-header-height:64px}.home-screen[data-assistant=open]{--portfolio-assistant-width:100%}.home-sidebar,.sidebar-resizer{display:none}.portfolio-pager{border:0}.home-screen[data-assistant=open] .portfolio-pager{visibility:hidden}.portfolio-page{overflow-y:auto}.portfolio-topbar{padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));right:0}.portfolio-topbar .ui-button[data-size=icon]{width:44px}.portfolio-mobile-toggle{display:inline-grid}.home-screen[data-assistant=open] .portfolio-topbar{z-index:30}.home-screen[data-assistant=open] .portfolio-mobile-toggle{display:none}.home-slide{min-height:max(516px,100%);padding-inline:20px;padding-bottom:max(32px, env(safe-area-inset-bottom))}.home-work-status{min-height:44px;top:10px;left:64px}.home-introduction{gap:24px}.home-greeting h1{max-width:335px}.home-subtitle{max-width:360px}.home-socials{gap:4px}.home-social{justify-content:center;min-width:44px;min-height:44px;padding:8px}.home-social-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-social-icon svg{width:20px;height:20px}.home-dialog-surface{padding:32px 24px}.project-layout{flex-direction:column;gap:0;min-height:calc(100% - 60px);display:flex}.project-media{padding:calc(var(--portfolio-header-height) + 16px) 24px 24px}.project-media:empty{min-height:18svh}.project-info{height:auto;max-height:none;padding:calc(var(--portfolio-header-height) + 16px) 24px 24px;order:-1;gap:24px;position:static;overflow:visible}.project-info .project-story{padding-bottom:16px}.project-overview-space{min-height:64px}.project-facts{gap:32px;margin:32px 0}.project-facts dt{margin-bottom:8px}.project-preview-dialog .project-layout{flex-direction:column;display:flex}.process-slide{padding:calc(var(--portfolio-header-height) + 28px) 20px 28px}.process-header{gap:8px}.process-study-label{display:none}.process-workspace{flex-direction:column;gap:32px;min-height:0;display:flex}.process-demonstration{padding-top:24px}.process-view-switch button,.process-stage-picker button{min-height:44px}.process-scene{--spread:73px;--plane-width:202px;--plane-height:174px;flex:none;min-height:500px}.process-scene[data-format=mobile]{--plane-width:140px;--plane-height:210px}.home-screen .process-layer-label{gap:4px;width:100px;left:0}.process-layer-label>span:nth-child(2){font-size:var(--text-caption)}.process-layer-label small{display:none}.home-screen .process-plane{border-radius:var(--radius);left:62%}.process-scene-footer{gap:8px}.process-explanation{padding:0}.process-detail-count{margin-bottom:12px}.process-detail-copy p{margin-bottom:16px}.process-artifact{padding:12px}.process-artifact-subtitle{margin-bottom:10px}.process-finished>strong{font-size:23px}.process-mini-header{margin-bottom:12px}.process-finished-footer>span:first-child{display:none}.process-note-row{gap:4px}.process-note-row>span{padding:4px;font-size:7px}.process-flow{gap:5px;margin-top:10px}.portfolio-assistant{border-left:0;width:100%}.assistant-header{padding:10px 64px 10px 12px}.home-screen:not([data-section=home]) .assistant-header{padding-right:12px}.assistant-bottom{flex-shrink:1;min-height:0;overflow-y:auto}.assistant-suggestions>.ui-button{min-height:44px}.assistant-composer-tools .ui-button{width:44px;height:44px}.content-slide{padding:calc(var(--portfolio-header-height) + 24px) 24px 48px}}@media (max-width:359px){.home-work-status{display:none}.process-scene{--plane-width:168px;--plane-height:154px}.home-screen .process-plane{left:60%}.home-screen .process-layer-label{gap:4px;width:76px}.process-layer-label i{display:none}.process-scene-footer>span{max-width:100px}}@media (prefers-reduced-motion:reduce){@keyframes home-arrive{0%{opacity:0}to{opacity:1}}.home-screen *{scroll-behavior:auto!important}.home-introduction,.home-social,.home-fact,.process-detail-copy,.assistant-turn{animation-duration:var(--motion-fast);animation-delay:0s}.home-sidebar{transition-duration:0s}.home-screen .process-plane{transition-property:opacity,border-color,box-shadow}.home-screen .process-layer-label{transition-property:opacity,color}:where(.home-screen :is(button,a,summary)):not(.ui-button),.home-nav-group summary svg{transition-property:background-color,color}.process-view-switch button:active,.process-stage-picker button:active,.home-social:active{transform:none}.nav-more-reveal{transition:opacity var(--motion-fast) ease}.more-cover img{transition:none}.more-card:hover .more-cover img{transform:none}}.sidebar-motion-nav{isolation:isolate;position:relative}.sidebar-motion-nav .home-nav-item,.sidebar-motion-nav .nav-more-link,.sidebar-motion-nav .rail-more-count{isolation:auto;position:relative}.sidebar-motion-nav .home-nav-item.is-current,.sidebar-motion-nav .home-nav-item:not(:disabled):hover,.sidebar-motion-nav .nav-more-link.is-current,.sidebar-motion-nav .nav-more-link:hover,.sidebar-motion-nav .rail-more-count.is-current,.sidebar-motion-nav .rail-more-count:hover{background:0 0}.sidebar-item-highlight{z-index:0;border-radius:var(--radius);background:var(--home-fill);pointer-events:none;position:absolute;inset:0}.sidebar-item-icon{width:18px;height:18px;color:var(--home-muted);flex:0 0 18px;justify-content:center;align-items:center;display:inline-flex}.sidebar-item-icon svg{width:18px;height:18px}.sidebar-item-icon,.sidebar-motion-nav .nav-item-label,.sidebar-motion-nav .nav-more-label,.sidebar-motion-nav .nav-more-link>svg,.sidebar-motion-nav summary{z-index:1;position:relative}.sidebar-motion-nav .home-nav-item:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.sidebar-motion-nav .home-nav-item:active{transform:none}}@media (hover:hover){.home-nav-group summary:hover{color:var(--foreground);background:0 0}.home-nav-group[open] summary:hover svg{transform:translateY(1px)}.home-nav-group:not([open]) summary:hover svg{transform:translate(1px)rotate(-90deg)}}.home-nav-group summary:focus-visible{color:var(--foreground)}@media (prefers-reduced-motion:reduce){.home-nav-group[open] summary:hover svg{transform:none}.home-nav-group:not([open]) summary:hover svg{transform:rotate(-90deg)}}.portfolio-track[hidden]{display:none}.playground-view{background:var(--background);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.playground-board{isolation:isolate;touch-action:none;background-color:var(--surface);flex:1;min-height:0;position:relative;overflow:hidden}.playground-board:focus-visible{outline-offset:-3px!important}.playground-grid{--pin-size:260px;--pin-gap:76.8px;align-items:flex-start;gap:var(--pin-gap);cursor:grab;touch-action:none;width:max-content;padding:40px;display:flex;position:absolute;top:0;left:0}.playground-column{gap:var(--pin-gap);flex-direction:column;display:flex}.playground-column:nth-child(2n){padding-top:calc((var(--pin-size) + var(--pin-gap)) / 2)}.playground-grid:active{cursor:grabbing}.playground-card{width:var(--pin-size);height:var(--pin-size);max-width:var(--pin-size);max-height:var(--pin-size);border-radius:var(--radius-preview);box-shadow:none;-webkit-user-select:none;user-select:none;touch-action:none;animation:playground-pin-in var(--motion-slide) var(--motion-ease-out) calc(var(--pin-order,0) * 25ms) both;background:0 0;border:0;flex:none;padding:0;display:block;overflow:hidden;cursor:grab!important}.playground-card:active{cursor:grabbing!important}.playground-card-image{background:0 0;width:100%;height:100%;display:block;position:relative;overflow:hidden}.playground-card-image img{object-fit:contain;pointer-events:none;transition:opacity var(--motion-fast) ease}@media (hover:hover){.playground-card:hover .playground-card-image img{opacity:.88}}@media (max-width:767px){.playground-grid{--pin-size:220px;--pin-gap:48px;padding:24px}}@media (prefers-reduced-motion:reduce){.playground-card:hover .playground-card-image img{transform:none}}@keyframes playground-pin-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.portfolio-dialog{animation:portfolio-popup-in var(--motion-panel) var(--motion-ease-out) both}.portfolio-dialog[data-ending-style]{animation:portfolio-popup-out var(--motion-popover) var(--motion-ease-out) both}@keyframes portfolio-popup-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes portfolio-popup-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.playground-card,.portfolio-dialog,.portfolio-dialog[data-ending-style]{animation:none}}.playground-card-image{opacity:var(--edge-opacity,1);transform:translate(var(--edge-x,0px), var(--edge-y,0px)) scale(var(--edge-scale,1));transition:opacity var(--motion-popover) ease, transform var(--motion-popover) var(--motion-ease-out)}.playground-card:focus-visible .playground-card-image{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.playground-card-image{opacity:1;transition:none;transform:none}}.playground-stack-cover{z-index:3;position:absolute;inset:0}.playground-card[data-stack=true],.playground-card[data-stack=true] .playground-card-image{overflow:visible}.playground-stack-layer{pointer-events:none;transform-origin:50% 65%;position:absolute;inset:6%}.playground-stack-layer[data-layer="1"]{z-index:2;transform:translate(-8px,-5px)rotate(-6deg)}.playground-stack-layer[data-layer="2"]{z-index:1;transform:translate(8px,-9px)rotate(7deg)}.playground-stack-layer,.playground-stack-cover{transition:transform var(--motion-panel) var(--motion-ease-out)}.playground-card[data-stack=true] .playground-stack-cover{transform:rotate(2deg)}@media (hover:hover){.playground-card[data-stack=true]:hover .playground-stack-layer[data-layer="1"]{transform:translate(-15px,-9px)rotate(-12deg)}.playground-card[data-stack=true]:hover .playground-stack-layer[data-layer="2"]{transform:translate(15px,-13px)rotate(13deg)}.playground-card[data-stack=true]:hover .playground-stack-cover{transform:translateY(3px)rotate(4deg)}.playground-card[data-stack=true]:hover .playground-card-image img{opacity:1}}.playground-card[data-stack=true]:focus-visible .playground-stack-layer[data-layer="1"]{transform:translate(-15px,-9px)rotate(-12deg)}.playground-card[data-stack=true]:focus-visible .playground-stack-layer[data-layer="2"]{transform:translate(15px,-13px)rotate(13deg)}@media (prefers-reduced-motion:reduce){.playground-stack-layer,.playground-stack-cover{transition:none}.playground-card[data-stack=true]:is(:hover,:focus-visible) .playground-stack-layer[data-layer="1"]{transform:translate(-8px,-5px)rotate(-6deg)}.playground-card[data-stack=true]:is(:hover,:focus-visible) .playground-stack-layer[data-layer="2"]{transform:translate(8px,-9px)rotate(7deg)}.playground-card[data-stack=true]:hover .playground-stack-cover{transform:rotate(2deg)}}@media (min-width:768px){.project-layout{transition:grid-template-columns var(--motion-panel) var(--motion-ease-out), column-gap var(--motion-panel) var(--motion-ease-out)}.project-layout[data-overview-hidden=true]{grid-template-columns:minmax(0,1fr) 0;column-gap:0}.project-info{width:calc(var(--portfolio-right-panel-width) - var(--project-column-gap));transition:opacity var(--motion-fast) ease}.project-layout[data-overview-hidden=true] .project-info{opacity:0;visibility:hidden;transition:opacity var(--motion-fast) ease, visibility 0s linear var(--motion-panel)}}@media (max-width:767px){.project-layout[data-overview-hidden=true] .project-info{display:none}}@media (prefers-reduced-motion:reduce){.project-layout,.project-info{transition:none!important}}@media (min-width:768px){.home-screen[data-assistant=open] .project-layout[data-overview-hidden=true] .project-media{padding-top:16px}}.portfolio-home-controls{pointer-events:auto;align-items:center;gap:4px;display:flex}.portfolio-home-controls-hero{z-index:1;position:absolute;top:16px;right:24px}.portfolio-home-controls-hero .ui-button{font-size:var(--text-label)}@media (min-width:768px){.portfolio-home-controls-topbar{display:none}}@media (max-width:767px){.portfolio-home-controls-hero{display:none}}.playground-stack-cover,.playground-stack-layer{justify-content:center;align-items:center;display:flex}.playground-card-image img{border-radius:var(--radius-preview);max-width:100%;max-height:100%;width:auto!important;height:auto!important;position:static!important}.home-screen .sidebar-motion-nav .nav-more-link:is(:hover,:focus-visible,.is-current){color:var(--body-text);background:0 0}.nav-more-link .nav-more-label{text-underline-offset:3px;transition:text-decoration-color var(--motion-fast) ease;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.nav-more-link:is(:hover,:focus-visible) .nav-more-label{-webkit-text-decoration-color:var(--muted-foreground);text-decoration-color:var(--muted-foreground)}.nav-more-link:focus-visible>svg{transform:translate(2px)}@media (prefers-reduced-motion:reduce){.nav-more-link:is(:hover,:focus-visible)>svg{transform:none}}.home-screen .sidebar-motion-nav .rail-more-count:is(:hover,:focus-visible,.is-current){color:var(--body-text);background:0 0}.rail-more-count .nav-more-label{text-underline-offset:3px;transition:text-decoration-color var(--motion-fast) ease;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.rail-more-count:is(:hover,:focus-visible) .nav-more-label{-webkit-text-decoration-color:var(--muted-foreground);text-decoration-color:var(--muted-foreground)}.more-layout-list .more-grid{grid-template-columns:1fr;gap:0}.more-layout-list .more-card{border-bottom:1px solid var(--border);border-radius:0;grid-template-columns:100px 1fr;column-gap:24px;padding:20px 0;display:grid}.more-layout-list .more-cover{aspect-ratio:4/3;grid-row:span 2}.more-layout-list .more-card-title{align-self:end;margin:0;font-size:18px}.more-layout-list .more-card-description{align-self:start;margin-top:6px}.more-layout-list .more-cover-pending>span{display:none}.more-layout-featured .more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.more-layout-featured .more-card:first-child{grid-column:1/-1}.more-layout-featured .more-card:first-child .more-cover{aspect-ratio:2.5}@media (max-width:600px){.more-layout-featured .more-grid{grid-template-columns:1fr}.more-layout-list .more-card{grid-template-columns:80px 1fr;gap:12px}}.more-layout-gallery{container-type:inline-size}.more-layout-gallery .content-heading{text-align:center;margin-bottom:40px}.more-layout-gallery .more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;max-width:1040px;margin-inline:auto}.more-layout-gallery .more-card{border-bottom:1px solid var(--border);background:0 0;border-radius:0;gap:0;padding-bottom:12px;position:relative}.more-layout-gallery .more-cover{aspect-ratio:1.9;border-radius:var(--radius-preview)}.more-card-details{flex-direction:column;min-width:0;padding-right:28px;display:flex}.more-layout-gallery .more-card-title{margin-top:10px;font-size:14px;font-weight:500;line-height:20px}.more-layout-gallery .more-card-description{margin-top:1px;font-size:13px;line-height:20px}.more-card-arrow{color:var(--muted-foreground);transition:transform var(--motion-fast) var(--motion-ease-out), color var(--motion-fast) ease;position:absolute;bottom:14px;right:0}.more-card{position:relative}@media (hover:hover){.more-layout-gallery .more-card:hover{border-bottom-color:var(--muted-foreground)}.more-card:hover .more-card-arrow{color:var(--foreground);transform:translate(2px,-2px)}}.more-layout-list .more-card-details{align-self:center}.more-layout-list .more-card-title{margin-top:0}.more-layout-list .more-cover{grid-row:auto}.more-layout-list .more-card-arrow{bottom:50%;translate:0 50%}@container (max-width:580px){.more-layout-gallery .more-grid{grid-template-columns:1fr}}@media (max-width:600px){.more-layout-gallery .more-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.more-card-arrow{transition:none}.more-card:hover .more-card-arrow{transform:none}}[data-slot=dialog-overlay]:is(:has(~.media-viewer),:has(~* .media-viewer)){-webkit-backdrop-filter:blur(12px);background:#0c0c0ce6}.media-viewer{--viewer-width:min(1400px, 90vw);--viewer-gap:32px;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;box-shadow:none;color:#fff;animation:media-viewer-in var(--motion-panel) var(--motion-ease-out) both;background:0 0;border:0;border-radius:0;padding:0;display:block;overflow:hidden}.media-viewer[data-size=narrow]{--viewer-width:min(820px, 78vw)}.media-viewer[data-ending-style]{animation:media-viewer-out var(--motion-popover) var(--motion-ease-out) both}.media-viewer-stage{touch-action:none;width:100%;height:calc(100dvh - 140px);position:absolute;top:50%;left:0;translate:0 calc(-50% - 8px)}.media-viewer-track{gap:var(--viewer-gap);width:max-content;height:100%;margin-left:calc((100vw - var(--viewer-width)) / 2);transform:translateX(calc(var(--viewer-index) * (var(--viewer-width) + var(--viewer-gap)) * -1));translate:var(--swipe-x,0px) 0;transition:transform var(--motion-slide) var(--motion-ease-out), translate var(--motion-slide) var(--motion-ease-out);display:flex}.media-viewer-track[data-swiping=true]{transition:none}.media-viewer-slide{flex:0 0 var(--viewer-width);width:var(--viewer-width);opacity:.35;height:100%;transition:opacity var(--motion-panel) ease, transform var(--motion-slide) var(--motion-ease-out);justify-content:center;align-items:center;display:flex;transform:scale(.92)}.media-viewer-slide[data-current=true]{opacity:1;transform:none}.media-viewer-pick{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.media-viewer-slide[data-current=true] .media-viewer-pick{cursor:grab;pointer-events:none}.media-viewer-stage:active .media-viewer-slide[data-current=true] .media-viewer-pick{cursor:grabbing}.media-viewer-media{-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 24px 64px -24px #0009}.media-viewer-pick{container-type:size}img.media-viewer-media{width:min(100cqw, calc(100cqh * var(--ratio,1.5)));max-width:none;height:auto;max-height:none;aspect-ratio:var(--ratio,1.5);transform-origin:50%;transition:transform var(--motion-panel) var(--motion-ease-out)}.media-viewer-stage[data-zoomed]{cursor:grab}.media-viewer-stage[data-zoomed]:active{cursor:grabbing}.media-viewer-stage[data-zoomed] .media-viewer-slide:not([data-current=true]){opacity:0}video.media-viewer-media{pointer-events:auto;background:#000}img.media-viewer-media[data-tall=phone]{width:min(320px,100cqw)}img.media-viewer-media[data-tall=page]{width:min(760px,100cqw)}img.media-viewer-media[data-tall=web]{width:min(1120px,100cqw)}.media-viewer-slide[data-current=true]:has(img[data-tall]){cursor:grab}.media-viewer-pick:focus-visible{outline-offset:4px;border-radius:14px;outline:2px solid #fff}.media-viewer-stage,.media-viewer-slide{cursor:zoom-out}.media-viewer-close{z-index:2;-webkit-backdrop-filter:blur(24px);color:#fffc;width:36px;height:36px;transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-press) var(--motion-ease-out);background:#1c1c1cb8;border-radius:999px;place-items:center;display:grid;position:absolute;top:20px;right:20px;box-shadow:inset 0 0 0 1px #ffffff1a}.media-viewer-bar{z-index:2;-webkit-backdrop-filter:blur(24px);color:#fffc;height:40px;letter-spacing:var(--tracking-ui);background:#1c1c1cb8;border-radius:999px;align-items:center;gap:2px;padding:0 4px;font-size:13px;font-weight:500;line-height:19.5px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff1a,0 8px 24px -8px #0006}.media-viewer-bar button{min-width:32px;height:32px;color:inherit;transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease, opacity var(--motion-fast) ease, transform var(--motion-press) var(--motion-ease-out);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0;display:flex}.media-viewer-bar button:disabled{opacity:.35;cursor:default}.media-viewer-count{color:#fff9;font-variant-numeric:tabular-nums;text-align:center;min-width:36px}.media-viewer-divider{background:#ffffff26;width:1px;height:16px;margin:0 4px}.media-viewer-bar .media-viewer-translate{padding:0 12px}.media-viewer-close:active,.media-viewer-bar button:not(:disabled):active{transform:scale(.94)}.media-viewer-close:focus-visible,.media-viewer-bar button:focus-visible{outline-offset:2px;outline:2px solid #fff}.media-viewer-slide[data-current=true] .media-viewer-pick:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.media-viewer-close:hover,.media-viewer-bar button:not(:disabled):hover{color:#fff;background:#ffffff1a}.media-viewer-slide:not([data-current=true]):hover{opacity:.55}}@keyframes media-viewer-in{0%{opacity:0;transform:translate(var(--preview-x), var(--preview-y)) scale(var(--preview-scale))}}@keyframes media-viewer-out{to{opacity:0;transform:translate(var(--preview-x), var(--preview-y)) scale(var(--preview-scale))}}@media (max-width:767px){.media-viewer{--viewer-width:92vw;--viewer-gap:12px}.media-viewer[data-size=narrow]{--viewer-width:84vw}.media-viewer-stage{height:calc(100dvh - 160px)}.media-viewer-close{top:12px;right:12px}.media-viewer-bar{bottom:max(20px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.media-viewer,.media-viewer[data-ending-style]{animation-name:media-viewer-fade}.media-viewer-track,.media-viewer-slide{transition:none}.media-viewer-close:active,.media-viewer-bar button:active{transform:none}}@keyframes media-viewer-fade{0%{opacity:0}}.hero-actions{z-index:5;justify-content:center;align-items:flex-start;gap:8px;width:100%;height:36px;display:flex;position:relative}.hero-action-slot{flex:none;width:104px;height:36px;position:relative}.hero-action-about{color:#191919;white-space:nowrap;height:36px;transition:background-color .15s ease, scale .1s var(--motion-ease-out);background:#f0f0f0;border-radius:8px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:14px;text-decoration:none;display:flex}.hero-action-about:hover{background:#e8e8e8}.hero-action-about:active{scale:.97}.hero-action-about-icon{transform-origin:70% 80%;flex-shrink:0}.hero-action-about:hover .hero-action-about-icon,.hero-action-about:focus-visible .hero-action-about-icon{animation:hero-wave .6s var(--motion-ease-out)}@keyframes hero-wave{20%{rotate:16deg}40%{rotate:-10deg}60%{rotate:12deg}80%{rotate:-4deg}}@media (prefers-reduced-motion:reduce){.hero-action-about-icon{animation:none!important}.hero-action-about:active{scale:1}}.hero-action-card{color:#191919;text-align:left;background:#f0f0f0;border-radius:8px;width:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-action-contact .hero-action-card{color:#fafafa;background:#191919}.hero-action-trigger{white-space:nowrap;text-align:left;cursor:pointer;align-items:center;gap:8px;width:100%;height:36px;padding:0 14px;font-size:14px;display:flex}.hero-action-trigger:hover{opacity:.8}.hero-action-trigger>svg{flex-shrink:0}.hero-action-label{flex-shrink:0;display:grid;position:relative}.hero-action-label>span{grid-area:1/1}.hero-action-close{position:absolute;top:10px;right:14px}.hero-action-details{box-sizing:border-box;padding:8px 16px 16px;font-size:14px;line-height:22px;position:absolute;top:36px;left:0}.hero-action-details a{color:inherit;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;text-decoration:none;display:flex}.hero-action-details a:hover{text-underline-offset:3px;text-decoration:underline}.hero-action-details small{opacity:.6;font-size:12px;line-height:18px;display:block}.hero-action-details h2{font:400 22px/26px var(--font-radley), serif;margin:0 0 8px}.hero-action-details p{margin:0}.hero-actions button:focus-visible,.hero-actions a:focus-visible{outline:2px solid var(--home-accent);outline-offset:-3px;border-radius:6px}@media (max-width:600px){.hero-actions[data-open=contact] .hero-action-about{display:none}}.hero-actions[data-direction=up] .hero-action-card{top:auto;bottom:0}.contact-detail-list{position:relative}.hero-action-details .contact-detail-row{isolation:isolate;width:calc(100% + 16px);color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-inline:-8px;padding:8px;text-decoration:none;display:flex;position:relative}.hero-action-details .contact-detail-row:hover{text-decoration:none}.contact-detail-highlight{z-index:-1;pointer-events:none;background:#ffffff14;border-radius:6px;position:absolute;inset:0}.contact-detail-value{display:grid}.contact-detail-value>span{grid-area:1/1}.contact-detail-icon{flex-shrink:0;width:16px;height:16px;position:relative}.contact-detail-icon>span{display:flex;position:absolute;inset:0}.case-numbers{grid-template-columns:repeat(var(--count,4), minmax(0, 1fr));gap:0 24px;margin:0;display:grid}.case-numbers>div{opacity:0;transition:opacity .5s ease, translate .6s var(--motion-ease-out);transition-delay:calc(var(--i) * 80ms);flex-direction:column-reverse;justify-content:flex-end;gap:6px;display:flex;translate:0 8px}.case-numbers[data-seen]>div{opacity:1;translate:0}.case-numbers dd{color:var(--foreground);font:400 clamp(36px, 4vw, 52px)/1 var(--font-ronzino), sans-serif;letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;margin:0;display:flex}.case-numbers dt{color:var(--muted-foreground);font-size:var(--text-ui);text-wrap:balance;line-height:20px}.case-numbers>div{border-top:1px solid var(--border);padding-top:20px}.case-numbers-from{color:var(--muted-foreground);-webkit-text-decoration:line-through #1919194d;text-decoration:line-through #1919194d;text-decoration-thickness:1.5px}.case-numbers-arrow{width:.5em;height:.5em;color:var(--primary);translate:0 -.08em}@media (max-width:767px){.case-numbers{grid-template-columns:repeat(min(var(--count,4), 2), minmax(0, 1fr));gap:20px 16px}}@media (prefers-reduced-motion:reduce){.case-numbers>div{opacity:1;transition:none;translate:none}}.case-compare{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.case-compare img{object-fit:cover;object-position:top;pointer-events:none}.case-compare .case-stage-body{pointer-events:none}.case-compare-after{clip-path:inset(0 0 0 var(--local));transition:clip-path .6s var(--motion-ease-out);position:absolute;inset:0}.case-compare[data-dragging] .case-compare-after,.case-compare[data-dragging] .case-compare-handle{transition:none}.case-compare-handle{top:0;bottom:0;left:var(--split);width:2px;transition:left .6s var(--motion-ease-out);background:#fff;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #1919191a,0 0 12px #19191940}.case-compare-handle>span{color:var(--foreground);transition:scale var(--motion-press) var(--motion-ease-out);background:#fff;border-radius:999px;align-items:center;gap:2px;padding:8px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 2px 8px #19191933}.case-compare[data-dragging] .case-compare-handle>span{scale:.92}.case-compare-handle:focus-visible{outline:none}.case-compare-handle:focus-visible>span{outline:2px solid var(--ring);outline-offset:2px}.case-compare-tag{color:#fff;font-size:var(--text-caption);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#19191999;border-radius:999px;padding:3px 9px;line-height:18px;position:absolute;top:12px}.case-compare-tag-before{left:12px}.case-compare-tag-after{right:12px}@media (prefers-reduced-motion:reduce){.case-compare-after,.case-compare-handle{transition:none}}.case-mark{background:linear-gradient(color-mix(in oklab, var(--primary) 13%, transparent), color-mix(in oklab, var(--primary) 13%, transparent)) no-repeat 0 0 / 0% 100%;color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;margin:0 -2px;padding:1px 3px;transition:background-size .7s cubic-bezier(.22,1,.36,1) .15s}.case-blur[data-on] .case-mark{background-size:100% 100%}.case-mark,.case-study-copy strong.case-mark{color:inherit;font-weight:inherit}@media (prefers-reduced-motion:reduce){.case-mark{background-size:100% 100%;transition:none}}.case-media{position:relative}.case-annotation{z-index:3;pointer-events:none;position:absolute;inset:0}.case-annotation-cursor{align-items:flex-start;gap:2px;display:flex;position:absolute}.case-annotation-cursor svg{fill:var(--primary);stroke:#fff;stroke-width:1.2px;filter:drop-shadow(0 1px 2px #1919194d);flex-shrink:0}.case-annotation-name{background:var(--primary);color:#fff;white-space:nowrap;border-radius:6px 999px 999px;margin-top:12px;padding:2px 8px;font-size:11px;font-weight:500;line-height:16px}.case-annotation-note{width:max-content;max-width:200px;color:var(--foreground);background:#fff;border-radius:10px;padding:6px 10px;font-size:12px;line-height:16px;position:absolute;top:34px;left:16px;box-shadow:0 6px 18px -8px #19191959,0 0 0 1px #1919190f}.case-annotation-cursor[data-flip] .case-annotation-note{left:auto;right:8px}.case-annotation-box{border:1.5px solid var(--primary);background:color-mix(in oklab, var(--primary) 8%, transparent);border-radius:2px;position:absolute}.mobile-blocker{display:none}@media (max-width:767px),(pointer:coarse) and (max-height:500px){.mobile-blocker{z-index:2147483000;background:var(--background);place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}}.mobile-blocker-card{z-index:1;text-align:center;width:100%;max-width:420px;animation:mobile-blocker-in .5s var(--motion-ease-out);flex-direction:column;align-items:center;display:flex;position:relative}.mobile-blocker-flames{pointer-events:none;opacity:.72;height:min(42dvh,340px);position:absolute;inset:auto 0 0;overflow:hidden}.mobile-blocker-flames .about-footer-embers{width:100%;height:100%;margin:0}@keyframes mobile-blocker-in{0%{opacity:0;translate:0 8px}}.mobile-blocker-icon{margin-bottom:20px;position:relative}.mobile-blocker-icon img{border-radius:999px;display:block}.mobile-blocker-icon svg{box-sizing:content-box;background:var(--primary);color:#fff;box-shadow:0 0 0 3px var(--background);border-radius:999px;padding:4px;position:absolute;bottom:-4px;right:-6px}.mobile-blocker h1{font:400 28px/1.15 var(--font-radley), serif;letter-spacing:var(--tracking-case);text-wrap:balance;margin:0 0 8px}.mobile-blocker p{color:var(--muted-foreground);font-size:var(--text-prose);text-wrap:pretty;margin:0 0 24px;line-height:24px}.mobile-blocker-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mobile-blocker-button{border:1px solid var(--action);background:var(--action);height:44px;color:var(--action-foreground);font:500 var(--text-ui)/20px var(--font-ronzino), sans-serif;cursor:pointer;transition:scale .15s var(--motion-ease-out), background-color .15s ease, border-color .15s ease;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.mobile-blocker-button-share{background:var(--background);color:var(--foreground);border-color:var(--border)}.mobile-blocker-button:hover{background:color-mix(in oklab, var(--action) 86%, white)}.mobile-blocker-button-share:hover{background:var(--muted);border-color:var(--muted-foreground)}.mobile-blocker-button:active{scale:.97}.mobile-blocker-socials{justify-content:center;gap:12px;margin-top:28px;display:flex}.mobile-blocker-socials :is(a,button){width:40px;height:40px;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;transition:background-color .15s,transform .1s;display:grid}.mobile-blocker-socials :is(a,button):hover{background:var(--muted)}.mobile-blocker-socials :is(a,button):active{transform:scale(.94)}.mobile-blocker-feedback{color:var(--muted-foreground);font-size:var(--text-label);margin-top:12px}.mobile-blocker :is(a,button):focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (max-width:360px){.mobile-blocker-actions{flex-direction:column;width:100%}.mobile-blocker-button{width:100%}}@media (prefers-reduced-motion:reduce){.mobile-blocker-card{animation:none}.mobile-blocker-button,.mobile-blocker-socials :is(a,button){transition:none}}.access-gate{background:var(--background);color:var(--foreground);place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.access-gate h1{font:400 28px/1.15 var(--font-radley), serif;letter-spacing:var(--tracking-case);text-wrap:balance;margin:0 0 8px}.access-gate p{max-width:360px;color:var(--muted-foreground);font-size:var(--text-prose);text-wrap:pretty;margin:0 0 24px;line-height:24px}.access-gate .mobile-blocker-socials{margin-top:20px}.access-gate :is(a,button,input):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.access-gate-form{border:1px solid var(--border);background:var(--background);border-radius:999px;align-items:center;gap:6px;width:100%;max-width:360px;padding:4px 4px 4px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.access-gate-form:focus-within{border-color:var(--muted-foreground);box-shadow:0 0 0 4px color-mix(in oklab, var(--foreground) 6%, transparent)}.access-gate-form[data-state=wrong]{border-color:var(--destructive);animation:access-gate-shake .36s var(--motion-ease-out)}.access-gate-form input{min-width:0;height:36px;color:var(--foreground);font:400 var(--text-prose)/24px var(--font-ronzino), sans-serif;background:0 0;border:0;outline:none;flex:1}.access-gate-form input::placeholder{color:var(--muted-foreground)}.access-gate-form input:focus-visible{outline:none}.access-gate-form .mobile-blocker-button{flex-shrink:0;height:38px;padding:0 16px}.access-gate-form .mobile-blocker-button:disabled{opacity:.45;cursor:default;scale:1}.access-gate-spinner{animation:.8s linear infinite access-gate-spin}.access-gate .access-gate-status{min-height:20px;color:var(--destructive);font-size:var(--text-label);margin:10px 0 0;line-height:20px}@keyframes access-gate-shake{20%,60%{translate:-6px}40%,80%{translate:6px}}@keyframes access-gate-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.access-gate-form[data-state=wrong],.access-gate-spinner{animation:none}}.case-demo-screen{position:absolute;inset:0;container-type:inline-size}.case-demo-screen>:not(.case-hotspots){isolation:isolate}.case-hotspots{z-index:5;pointer-events:none;animation:.9s ease-out forwards case-hotspots;position:absolute;inset:0}.case-hotspots span{background:#18a0fb40;border:1px solid #18a0fbe6;border-radius:4px;position:absolute}@keyframes case-hotspots{0%,45%{opacity:1}to{opacity:0}}.case-demo-stage{position:absolute;inset:0;container-type:size}.case-demo-hint{color:var(--muted-foreground);font-size:var(--text-caption);pointer-events:none;align-items:center;gap:4px;font-weight:500;line-height:16px;display:flex;position:absolute;top:16px;left:50%;translate:-50%}.case-demo-hint svg{width:12px;height:12px}.case-demo[data-window]{background:var(--home-fill);place-items:center;display:grid}.case-demo-window{border-radius:10px;width:64%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #19191912,0 1px 2px #1919190d,0 18px 40px -22px #19191952}.case-demo-window .case-demo-stage{width:1152px;height:calc(100% / var(--demo-scale,1));transform:scale(var(--demo-scale,1));transform-origin:0 0;inset:0 auto auto 0}@media (max-width:767px){.case-demo-window{width:76%}}.case-demo-views{isolation:isolate;background:var(--secondary);font-size:var(--text-caption);border-radius:10px;gap:2px;padding:3px;line-height:18px;display:flex;position:absolute;top:16px;right:16px}.case-demo-views button{height:24px;color:var(--muted-foreground);border-radius:7px;padding:0 10px;position:relative}.case-demo-views button[aria-selected=true]{color:var(--foreground);font-weight:500}.case-demo-views button:active{scale:.97}.case-code{background:var(--background);box-shadow:0 0 0 1px var(--border);border-radius:12px;flex-direction:column;display:flex;position:absolute;inset:60px 16px 16px;overflow:hidden}.case-code-bar{border-bottom:1px solid var(--border);height:40px;color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:0 8px 0 16px;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.case-code-bar button{height:28px;color:var(--foreground);font:500 var(--text-caption)/1 var(--font-ronzino), sans-serif;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:flex}.case-code-bar button:hover{background:var(--secondary)}.case-code pre{color:#2b2b2b;tab-size:2;flex:1;margin:0;padding:16px 20px 24px;font:12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.case-code pre:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.case-code-comment{color:#8a8f98;font-style:italic}.case-code-string{color:#0a7d3c}.case-code-keyword{color:#a3238e}.case-code-tag{color:#0b57d0}.case-code-number{color:#b45309}.selection-ask-ai{z-index:100;background:var(--foreground);height:32px;color:var(--background);font:500 12px/1 var(--font-ronzino), sans-serif;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex;position:fixed;box-shadow:0 4px 16px #1919192e}.selection-ask-ai:hover{background:#333}.selection-ask-ai:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.media-viewer-source{min-height:40px;color:inherit;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:flex}.media-viewer-source:hover{color:#fff;background:#ffffff1a}.media-viewer-source:focus-visible{outline-offset:2px;outline:2px solid #fff}.intro-loader{z-index:2147482000;background:var(--background);transition:opacity .42s var(--motion-ease-out), visibility 0s linear .42s;place-items:center;display:grid;position:fixed;inset:0}.intro-loader[data-phase=leaving]{opacity:0;visibility:hidden;pointer-events:none}html[data-intro-seen] .intro-loader{display:none}@media (max-width:767px){.intro-loader{display:none}}.intro-loader-mark{animation:intro-loader-in .36s var(--motion-ease-out) both;transition:transform .42s var(--motion-ease-out), filter .42s var(--motion-ease-out);flex-direction:column;align-items:center;gap:12px;display:flex}.intro-loader[data-phase=leaving] .intro-loader-mark{filter:blur(4px);transform:translateY(-6px)scale(.98)}.intro-loader-mark img{border-radius:999px;display:block}.intro-loader-name{font:400 18px/1.2 var(--font-radley), serif;letter-spacing:var(--tracking-section);color:var(--foreground)}.intro-loader-track{background:var(--border);border-radius:999px;width:96px;height:2px;position:relative;overflow:hidden}.intro-loader-track>span{border-radius:inherit;background:var(--foreground);transform-origin:0;transition:transform .3s var(--motion-ease-out);position:absolute;inset:0}@keyframes intro-loader-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.intro-loader,.intro-loader-mark,.intro-loader-track>span{transition:opacity .2s;animation:none}.intro-loader[data-phase=leaving] .intro-loader-mark{filter:none;transform:none}}.case-stage-scroll-image .case-phone.case-scroll-phone{z-index:2;--phone-w:16cqw;-webkit-box-reflect:unset;position:absolute;bottom:7cqh;right:14%}.case-responsive[data-laptop] .case-laptop{--laptop-w:calc(78 * var(--stage-unit))}.case-responsive[data-laptop] .case-responsive-phone{bottom:calc(-2 * var(--stage-unit))}
.about-slide{--head-size:168px;--paper:#1919190b;box-sizing:content-box;max-width:1152px;margin:0 auto;padding:0 56px;container-type:inline-size}@media (max-width:767px){.about-slide{padding:0 12px}}.about-stage{position:relative}.about-chapter:last-child{padding-bottom:120px}.about-statement{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:52dvh;padding-top:4dvh;display:flex}.about-statement h1{max-width:15em;font:400 clamp(36px, 5.4cqw, 68px)/1.06 var(--font-radley), serif;letter-spacing:var(--tracking-hero);color:var(--foreground);text-wrap:balance;margin:16px 0 20px}.about-statement p{color:var(--muted-foreground);font-size:var(--text-ui);margin:0;line-height:20px}.about-head-track{z-index:3;top:calc(70dvh - var(--head-size) / 2);pointer-events:none;justify-content:center;height:0;display:flex;position:sticky}.about-head{width:var(--head-size);height:var(--head-size);flex-shrink:0}.about-cursor{--angle:0deg;--tilt:0deg;--bob:0px;perspective:600px;width:100%;height:100%;position:relative}.about-cursor-body{transform:translateY(var(--bob)) rotate(var(--angle)) rotateY(var(--tilt));position:absolute;inset:8%}.about-cursor-body svg{width:100%;height:100%;display:block;overflow:visible}.about-cursor[data-click] .about-cursor-body{animation:about-cursor-press .52s var(--motion-ease-out)}.about-cursor-ring{opacity:0;pointer-events:none;border:2px solid #004bfe8c;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;top:9.4%;left:12.5%;scale:.1}.about-cursor[data-click] .about-cursor-ring{animation:about-cursor-ring .52s var(--motion-ease-out)}@keyframes about-cursor-press{0%{scale:1}18%{scale:.86}45%{scale:1.04}to{scale:1}}@keyframes about-cursor-ring{0%{opacity:0;scale:.1}20%{opacity:1}to{opacity:0;scale:1}}@media (prefers-reduced-motion:reduce){.about-cursor[data-click] :is(.about-cursor-body,.about-cursor-ring){animation:none}}.about-chapter{margin-top:24dvh}.about-chapter-head{color:var(--foreground);font-size:var(--text-label);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:120px;margin-bottom:9dvh;font-weight:500;line-height:20px;display:grid}.about-chapter-head>span:first-child{text-align:right}.about-numeral{font:400 64px/1 var(--font-radley), serif}.about-block{width:min(340px,46%);margin-block:0}.about-block[data-side=left]{text-align:right;margin-left:auto;margin-right:calc(50% + 14px)}.about-block[data-side=right]{text-align:left;margin-left:calc(50% + 14px)}.about-block+.about-block{margin-top:48px}.about-word{white-space:pre;display:inline-block}.about-slide .about-block p+p{margin-top:14px!important}.about-slide .about-block p{margin-block:0}.about-slide .about-block-text,.about-slide .about-block p{color:var(--body-text);font-size:var(--text-prose);text-wrap:pretty;line-height:26px}.about-slide .about-block h3{color:var(--foreground);font:500 var(--text-label)/20px var(--font-ronzino), sans-serif;letter-spacing:var(--tracking-ui);margin:0}.about-block-list h3{margin-bottom:14px!important}.about-block-list ul{margin:0;padding:0;list-style:none}.about-block-list li{color:var(--body-text);font:400 22px/30px var(--font-radley), serif;letter-spacing:-.01em}.about-block-list li .about-word{white-space:nowrap}.about-slide .about-block-entry h3{font:400 26px/32px var(--font-radley), serif;letter-spacing:var(--tracking-section)}.about-experience-title-link{color:inherit;text-underline-offset:4px;transition:text-decoration-color var(--motion-fast) ease;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.about-experience-title-link:hover{text-decoration-color:currentColor}.about-experience-title-link:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:2px;text-decoration-color:currentColor}.about-block-entry p{margin-top:8px!important}.about-block-meta{color:var(--muted-foreground);font:400 var(--text-label)/20px var(--font-ronzino), sans-serif;letter-spacing:var(--tracking-ui);text-transform:none;margin-bottom:6px;display:block}.about-block-subtitle{color:var(--muted-foreground);font-size:var(--text-ui);margin-top:2px;line-height:20px;display:block}.about-block-links{margin-top:12px}.about-block-links a{border-radius:var(--radius);background:var(--secondary);height:28px;color:var(--body-text);font-size:var(--text-label);white-space:nowrap;transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease;align-items:center;gap:4px;margin:0 0 6px;padding:0 10px;line-height:20px;display:inline-flex}.about-block[data-side=left] .about-block-links a{margin-left:6px}.about-block[data-side=right] .about-block-links a{margin-right:6px}.about-block-links a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.about-block-links a:hover{background:color-mix(in oklab, var(--foreground) 8%, var(--secondary));color:var(--foreground)}}.about-word-art{margin-bottom:16px}.service-page{border:1.5px solid var(--foreground);background:#fff;border-radius:9px;flex-direction:column;gap:5px;width:74px;height:64px;padding:10px 9px;display:flex;position:absolute;top:2px;left:6px}.service-page i{background:var(--secondary);border-radius:3px;height:5px}.service-page i:first-child{background:var(--foreground);width:80%;height:7px}.service-page b{background:var(--primary);color:#fff;border-radius:5px;place-items:center;height:16px;margin-top:auto;font-size:7px;font-weight:500;display:grid}.service-art-landing .service-art-cursor{top:50px;left:52px}.service-bubble{border-radius:12px;position:absolute}.service-bubble-user{background:var(--primary);border-bottom-right-radius:4px;width:46px;height:20px;top:4px;right:18px}.service-bubble-ai{border:1px solid var(--border);background:#fff;border-bottom-left-radius:4px;align-items:center;gap:4px;height:26px;padding:0 10px;display:flex;top:32px;left:6px;box-shadow:0 8px 16px -10px #0000004d}.service-bubble-ai i{background:var(--muted-foreground);border-radius:50%;width:5px;height:5px;animation:none}.service-bubble-ai i:nth-child(2){animation-delay:.15s}.service-bubble-ai i:nth-child(3){animation-delay:.3s}.service-art-sparkle{color:var(--primary);position:absolute;top:34px;left:64px}@keyframes service-thinking{0%,60%,to{opacity:.35;translate:0}30%{opacity:1;translate:0 -2px}}.service-art{width:104px;height:84px;color:var(--foreground);position:relative}.service-art :is(svg,span,i,b){transition:translate var(--motion-slide) var(--motion-ease-out), rotate var(--motion-slide) var(--motion-ease-out), scale var(--motion-slide) var(--motion-ease-out)}.service-phone{border:2px solid var(--foreground);background:#fff;border-radius:12px;flex-direction:column;gap:5px;width:46px;height:80px;padding:10px 7px 8px;display:flex;position:absolute;top:0;left:6px}.service-phone i{background:var(--secondary);border-radius:3px;height:6px}.service-phone i:nth-child(2){width:70%}.service-phone b{background:var(--primary);border-radius:6px;height:12px;margin-top:auto}.service-art-hand{filter:drop-shadow(0 3px 4px #0003);position:absolute;top:44px;left:40px}.service-select{width:62px;height:62px;color:var(--muted-foreground);border:1.5px solid #2f9bff;place-items:center;display:grid;position:absolute;top:6px;left:6px}.service-select i{background:#fff;border:1.5px solid #2f9bff;border-radius:50%;width:7px;height:7px;position:absolute}.service-select i:first-of-type{top:-4px;left:-4px}.service-select i:nth-of-type(2){top:-4px;right:-4px}.service-select i:nth-of-type(3){bottom:-4px;left:-4px}.service-select i:nth-of-type(4){bottom:-4px;right:-4px}.service-art-cursor{filter:drop-shadow(0 3px 3px #00000040);position:absolute;top:50px;left:58px}.service-tile{place-items:center;display:grid;position:absolute}.service-tile-dark{z-index:1;color:#fff;background:linear-gradient(160deg,#3a3a3e,#0d0d0f);border-radius:15px;width:58px;height:58px;top:0;left:4px;box-shadow:0 10px 18px -8px #00000080,inset 0 1px #ffffff2e}.service-tile-light{border:1px solid var(--border);width:52px;height:52px;color:var(--primary);background:#fff;border-radius:13px;font-size:13px;font-weight:500;top:24px;left:42px;box-shadow:0 8px 16px -10px #0000004d}.service-tile-grid{border:1px solid var(--border);background-color:#fff;background-image:linear-gradient(var(--paper) 1px, transparent 1px), linear-gradient(90deg, var(--paper) 1px, transparent 1px), linear-gradient(45deg, transparent 49.5%, var(--paper) 49.5% 50.5%, transparent 50.5%), linear-gradient(-45deg, transparent 49.5%, var(--paper) 49.5% 50.5%, transparent 50.5%);width:76px;height:76px;color:var(--primary);background-size:12px 12px,12px 12px,100% 100%,100% 100%;border-radius:18px;top:2px;left:4px}.service-art-motion svg{width:88px;height:68px;color:var(--border);overflow:visible}.service-art-motion path{stroke:#c9c9c9}.service-motion-dot{fill:var(--primary);offset-path:path("M4 50 C 30 50, 34 6, 68 6");offset-distance:0%;transition:offset-distance var(--motion-process) var(--motion-ease-out)}.about-block[data-side=left] .service-art{margin-left:auto}.service-art[data-active] .service-art-hand{translate:-3px -5px;rotate:-8deg}.service-art[data-active] .service-phone b{scale:.94}.service-art[data-active] .service-art-cursor{translate:6px 4px}.service-art[data-active] .service-select{scale:1.06}.service-art[data-active] .service-tile-dark{translate:-4px -2px;rotate:-6deg}.service-art[data-active] .service-tile-light{translate:6px 2px;rotate:6deg}.service-art[data-active] .service-tile-grid{rotate:8deg;scale:1.04}.service-art[data-active] .service-motion-dot{offset-distance:100%}.service-art[data-active] .service-page{translate:0 -3px}.service-art-landing[data-active] .service-art-cursor{translate:-6px -8px}.service-art[data-active] .service-art-sparkle{rotate:45deg;scale:1.15}.service-art[data-active] .service-bubble-ai i{animation:1.2s ease-in-out 2 service-thinking}@media (prefers-reduced-motion:reduce){.service-art :is(svg,span,i,b){transition:none}.service-art[data-active] .service-bubble-ai i{animation:none}}.process-case-stage{background:var(--background)}@media (min-width:768px){.process-case-stage{aspect-ratio:auto;height:calc(100dvh - 2 * var(--shell-gutter,8px));max-height:none!important}}.process-sticker{position:absolute;inset:0}.process-sticker-tabs{z-index:25;background:var(--secondary);border-radius:10px;gap:3px;padding:3px;display:flex;position:absolute;bottom:16px;left:50%;translate:-50%}.process-sticker-tabs button{min-height:30px;color:var(--muted-foreground);font-size:var(--text-label);letter-spacing:var(--tracking-ui);transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-press) var(--motion-ease-out);border-radius:7px;align-items:center;gap:6px;padding:5px 12px;display:flex}.process-sticker-tabs button[aria-pressed=true]{color:var(--foreground);background:#fff;box-shadow:0 1px 2px #19191914}.process-sticker-tabs button:active{transform:scale(.97)}.process-sticker-tabs button:focus-visible,.process-sticker-scene:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.process-sticker-tabs button:not([aria-pressed=true]):hover{color:var(--foreground)}}.process-sticker-scene{--grid:0;cursor:pointer;touch-action:pan-y;perspective:1800px;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:100%;display:grid;position:relative}.process-sticker-scene:before{content:"";opacity:var(--grid);pointer-events:none;background-image:linear-gradient(#1919190d 1px,#0000 1px),linear-gradient(90deg,#1919190d 1px,#0000 1px);background-position:50%;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000);mask-image:radial-gradient(closest-side,#000 30%,#0000)}.process-sticker-scene[data-cursor=grab]{cursor:grab}.process-sticker-scene[data-grabbing]{cursor:grabbing}.process-sticker-drop,.process-sticker-hold{transform-style:preserve-3d}.process-sticker-stack{--w:250px;--h:186px;--tilt-x:62deg;--tilt-y:30deg;--tilt-z:12deg;--gap:108px;--fit-x:-10px;--fit-y:190px;width:var(--w);height:var(--h);transform-style:preserve-3d;transform:translate(calc(var(--pose) * var(--fit-x)), calc(var(--pose) * var(--fit-y))) rotateY(calc(var(--pose) * var(--tilt-y))) rotateX(calc(var(--pose) * var(--tilt-x))) rotateZ(calc(var(--pose) * var(--tilt-z))) scale(calc(1 - var(--pose) * .08));position:relative}.process-sticker[data-format=mobile] .process-sticker-stack{--w:140px;--h:270px;--gap:96px;--fit-y:150px}.process-sticker-layer{z-index:calc(10 - var(--i));transform-style:preserve-3d;transform:translateZ(calc(var(--lift,0) * var(--gap)));position:absolute;inset:0}.process-sticker-layer:after{content:"";border:1.5px dotted rgb(25 25 25/calc(var(--dash,0) * .45));pointer-events:none;border-radius:22px;position:absolute;inset:-7px}.process-sticker-layer:before{content:"";background:rgb(25 25 25/calc(var(--dash,0) * .12));pointer-events:none;border-radius:16px;position:absolute;inset:0;transform:translateZ(-3px)}.process-sticker-face{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--peel,0px) * 2), calc(100% - var(--peel,0px) * 2) 100%, 0 100%);border-radius:16px;position:absolute;inset:0;overflow:hidden}.process-sticker-face[data-material=gloss]{opacity:calc(.18 + var(--dash,0) * .82);background:linear-gradient(125deg,#e2e6f8e6,#f4f5fb99 45%,#d6dcf4d9);box-shadow:inset 0 0 0 1.5px #969ecdb3}.process-sticker-face[data-material=clear]{opacity:var(--dash,0);background:#f6f6f4c7;box-shadow:inset 0 0 0 1px #1919190f}.process-sticker-face[data-material=print]{background:#fff;padding:9px;box-shadow:0 1px 2px #19191914,0 24px 40px -22px #19191959}.process-sticker-face[data-material=print] .process-artifact{border-radius:9px;padding:16px;font-size:9px}.process-sticker[data-format=mobile] .process-sticker-face[data-material=print] .process-artifact{padding:12px 10px;font-size:8px}.process-sticker-face[data-material=vinyl]{box-shadow:0 18px 30px -20px rgb(25 25 25/calc(var(--dash,0) * .3));background:linear-gradient(160deg,#fbfbfa,#efefed)}.process-sticker-face[data-material=liner]{background:linear-gradient(118deg,#0000 49.6%,#1919191f 49.6% 50.4%,#0000 50.4%),linear-gradient(160deg,#f1f1ef,#e6e6e3)}.process-sticker-flap{width:calc(var(--peel,0px) * 2);height:calc(var(--peel,0px) * 2);clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none;background:linear-gradient(135deg,#d6d6d9,#f7f7f8 60%,#e4e4e6);position:absolute;bottom:0;right:0;box-shadow:-3px -3px 8px #19191924}.process-case-steps{margin:8px 0 0;padding:0;list-style:none}.process-case-steps li{border-top:1px solid var(--border);grid-template-columns:28px minmax(0,1fr);gap:8px;padding:14px 0;display:grid}.process-case-number{color:var(--muted-foreground);padding-top:2px;font:400 11px/18px ui-monospace,SFMono-Regular,Menlo,monospace}.process-case-steps h2{color:var(--foreground);font-size:var(--text-ui);letter-spacing:var(--tracking-ui);margin:0 0 4px;font-weight:500;line-height:20px}.process-case-steps p{color:var(--muted-foreground);font-size:var(--text-ui);margin:0;line-height:22px}.process-case-swap{animation:process-case-swap .26s var(--motion-ease-out)}@keyframes process-case-swap{0%{opacity:0;translate:0 4px}}@media (prefers-reduced-motion:reduce){.process-case-swap{animation:none}}.process-sticker-anchor{width:0;height:0;position:absolute;top:10px;left:6px}.process-sticker-labels{z-index:20;pointer-events:none;position:absolute;inset:0}.process-sticker-label{opacity:0;white-space:nowrap;will-change:transform;align-items:center;display:flex;position:absolute;top:0;left:0}.process-sticker-label>span{color:var(--foreground);text-align:right;letter-spacing:-.01em;flex-direction:column;align-items:flex-end;font-size:12px;font-weight:600;line-height:16px;display:flex}.process-sticker-label small{color:var(--muted-foreground);letter-spacing:.02em;font:400 9.5px/14px ui-monospace,SFMono-Regular,Menlo,monospace}.process-sticker-number{color:var(--muted-foreground);margin-right:2px;font:400 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.process-sticker-label i{background:#19191959;width:22px;height:1px;margin-left:7px;position:relative}.process-sticker-label i:after{content:"";background:#fff;border:1px solid #19191973;border-radius:50%;width:6px;height:6px;position:absolute;top:-2.5px;right:-3px}.about-footer{text-align:center;flex-direction:column;align-items:center;padding-bottom:0;display:flex}.about-footer-slot{height:var(--head-size)}.about-head-still{display:none}.about-footer h2{max-width:22em;color:var(--foreground);font:400 clamp(28px, 3.2cqw, 40px)/1.15 var(--font-radley), serif;letter-spacing:var(--tracking-section);text-wrap:balance;margin:56px 0 64px}.about-footer-contacts{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;max-width:1040px;display:grid}.about-footer-contacts :is(a,button){border-radius:var(--radius-panel);color:var(--foreground);flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.about-footer-contacts>:is(a,button)>span{font-size:var(--text-ui);line-height:20px}.about-footer-contacts strong{color:#a3a3a3;font:400 clamp(20px, 2.1cqw, 28px)/1.2 var(--font-ronzino), sans-serif;letter-spacing:-.01em;overflow-wrap:anywhere;transition:color var(--motion-fast) ease}.about-footer-contacts :is(a,button):focus-visible,.about-footer-socials :is(a,button):focus-visible{outline:2px solid var(--ring);outline-offset:2px}.about-footer-socials{gap:12px;margin-top:56px;display:flex}.about-footer-socials :is(a,button){border:1px solid var(--border);background:var(--muted);width:40px;height:40px;color:var(--foreground);transition:border-color var(--motion-fast) ease, transform var(--motion-press) var(--motion-ease-out);border-radius:10px;place-items:center;display:grid}.about-footer-socials :is(a,button):active{transform:scale(.94)}.about-footer-note{color:var(--muted-foreground);font-size:var(--text-caption);margin:32px 0 0;line-height:18px}@media (hover:hover) and (pointer:fine){.about-footer-contacts :is(a,button):hover strong{color:var(--foreground)}.about-footer-socials :is(a,button):hover{border-color:var(--muted-foreground)}}@container (max-width:719px){.about-slide{--head-size:128px}.about-chapter:last-child{padding-bottom:48px}.about-statement{min-height:0;padding-top:24px}.about-head-track{height:auto;margin-top:32px;position:relative;top:auto}.about-head-still{display:block}.about-block{width:auto;text-align:left!important;margin:0!important}.about-block+.about-block{margin-top:28px!important}.about-block[data-side=left] .service-art{margin-left:0}.about-block[data-side] .about-block-links a{margin:0 6px 6px 0}.about-chapter{margin-top:72px}.about-chapter-head{grid-template-columns:auto auto minmax(0,1fr);justify-content:start;gap:16px;margin-bottom:24px}.about-chapter-head>span:first-child{text-align:left}.about-numeral{font-size:40px}.about-footer h2{margin:40px 0}.about-footer-contacts{grid-template-columns:minmax(0,1fr);gap:8px}}@media (max-width:767px){.process-sticker-tabs{bottom:12px}.process-sticker-stack{--w:230px;--h:170px}.process-sticker[data-format=mobile] .process-sticker-stack{--w:130px;--h:248px}}@media (prefers-reduced-motion:reduce){.service-art :is(svg,span,i,b),.service-motion-dot{transition:none}.service-bubble-ai i{animation:none}}@property --sweep{syntax:"<number>";inherits:true;initial-value:0}.experience-timeline{--sweep:0;--timeline-now:#d93a2b;--lane-height:30px;max-width:1000px;margin:8px 0 56px;transition:--sweep 1.8s cubic-bezier(.3,.1,.2,1)}.experience-timeline[data-seen]{--sweep:1}.experience-timeline-track{padding-top:44px;position:relative}.experience-timeline-lanes{height:calc(var(--lanes) * var(--lane-height));position:relative}.experience-timeline-item{--tone:var(--primary);--grown:clamp(0, (var(--sweep) - var(--from)) / var(--len), 1);top:calc(var(--lane) * var(--lane-height) + 16px);height:3px;color:var(--tone);position:absolute}.experience-timeline-item:before{content:"";background:var(--tone);clip-path:inset(0 calc((1 - var(--grown)) * 100%) 0 0);border-radius:2px;position:absolute;inset:0}.experience-timeline-item[data-kind=study]{--tone:#a3a3a3}.experience-timeline-item[data-kind=course]{--tone:#e0a138;width:0}.experience-timeline-item[data-kind=course]:before{clip-path:none;width:9px;height:9px;scale:clamp(0, (var(--sweep) - var(--from)) * 40, 1);border-radius:50%;inset:-3px auto auto -4px}.experience-timeline-item[data-kind=practice]{--tone:var(--muted-foreground);height:1px}.experience-timeline-item[data-kind=practice]:before{left:36px}.experience-timeline-label{color:var(--tone);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:clamp(0, (var(--sweep) - var(--from)) * 30, 1);font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:9px;left:0}.experience-timeline-item[data-kind=practice] .experience-timeline-label{color:var(--foreground);bottom:7px;left:4px}.experience-timeline-item[data-label-end] .experience-timeline-label{left:auto;right:6px}.experience-timeline-wave{width:36px;height:6px;color:var(--tone);clip-path:inset(0 calc((1 - clamp(0, (var(--sweep) - var(--from)) * 25, 1)) * 100%) 0 0);position:absolute;top:-3px;left:0}.experience-timeline-axis{border-top:1px solid var(--border);height:30px;position:relative}.experience-timeline-axis i{background:var(--border);width:1px;height:4px;position:absolute;top:0}.experience-timeline-axis span{color:var(--muted-foreground);letter-spacing:.06em;font:400 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:10px;translate:-50%}.experience-timeline-axis span:before{content:"";background:var(--input);width:1px;height:7px;position:absolute;top:-10px;left:50%}.experience-timeline-now{top:12px;bottom:30px;left:calc(var(--sweep) * 100%);background:var(--timeline-now);width:1px;position:absolute}.experience-timeline-now:after{content:"";background:var(--timeline-now);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-5px;left:-4px;box-shadow:0 0 0 4px #d93a2b26}.experience-timeline-now span{background:var(--timeline-now);color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:clamp(0, (var(--sweep) - .9) * 10, 1);border-radius:5px;padding:4px 7px;font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:-12px;right:-1px}.experience-rows{max-width:1000px;margin:0;padding:0;list-style:none}.experience-rows>li{border-top:1px solid var(--border);grid-template-columns:180px minmax(0,1fr) auto;gap:32px;padding:28px 0;display:grid}.experience-rows-kind,.experience-rows-dates{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding-top:4px;font:500 10.5px/16px ui-monospace,SFMono-Regular,Menlo,monospace}.experience-rows-kind i{background:var(--primary);vertical-align:middle;border-radius:2px;width:10px;height:3px;margin:0 8px 2px 0;display:inline-block}.experience-rows-kind strong{color:var(--primary);margin-left:6px;font-weight:500}.experience-slide .experience-rows h2{color:var(--foreground);font:500 17px/24px var(--font-ronzino), sans-serif;letter-spacing:var(--tracking-ui);margin:0 0 2px}.experience-rows-role{color:var(--body-text);font-size:var(--text-ui);line-height:20px}.experience-slide .experience-rows p{max-width:62ch;margin:8px 0 0;font-size:15px;line-height:24px}.experience-rows-links{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.experience-rows-links a{border-radius:var(--radius);background:var(--secondary);height:28px;color:var(--body-text);font-size:var(--text-label);transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease;align-items:center;gap:4px;padding:0 10px;line-height:20px;display:inline-flex}.experience-rows-links a:focus-visible,.stack-tile:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.experience-rows-links a:hover{background:color-mix(in oklab, var(--foreground) 8%, var(--secondary));color:var(--foreground)}}.experience-stack{margin-top:104px}.experience-slide .experience-stack h2{margin-bottom:8px}.stack-row{scrollbar-width:none;margin-inline:calc(-1*clamp(24px,5cqw,72px));padding:28px 0 32px;display:flex;overflow-x:auto}.stack-row::-webkit-scrollbar{display:none}.stack-cell{flex:none;padding:0 12px}.stack-tile{width:128px;height:128px;color:var(--foreground);will-change:scale;background:#fff;border:1px solid #0000001a;place-items:center;display:grid;position:relative;overflow:hidden}.stack-tile-mark{transition:translate var(--motion-panel) var(--motion-ease-out);place-items:center;display:grid}.stack-tile-word{letter-spacing:-.02em;white-space:nowrap;font-size:16px;font-weight:500}.stack-tile-note{color:var(--muted-foreground);text-align:center;opacity:0;transition:opacity var(--motion-fast) ease, translate var(--motion-panel) var(--motion-ease-out);font-size:11px;line-height:14px;position:absolute;bottom:10px;left:8px;right:8px;translate:0 6px}.stack-tile-note strong{color:var(--foreground);font-size:12px;font-weight:500;display:block}.stack-tile:is(:hover,:focus-visible) .stack-tile-mark{translate:0 -16px}.stack-tile:is(:hover,:focus-visible) .stack-tile-note{opacity:1;translate:0}@media (max-width:767px){.experience-rows>li{grid-template-columns:minmax(0,1fr);gap:8px}.experience-timeline{scrollbar-width:none;margin-inline:-24px;padding:0 24px;overflow-x:auto}.experience-timeline-track{min-width:720px}.experience-rows-dates{order:-1;padding-top:0}.stack-row{margin-inline:-24px}.stack-tile{width:104px;height:104px}}@media (prefers-reduced-motion:reduce){.experience-timeline,.service-art :is(svg,span,i,b),.service-motion-dot,.stack-tile-mark,.stack-tile-note{transition:none}}.service-scene{width:104px;height:84px;display:block;overflow:visible}.service-scene .scene-paper{fill:#fff;stroke:#a0a0a4;stroke-width:1.25px}.scene-ink{fill:var(--foreground)}.scene-muted{fill:#e5e5e8}.scene-blue{fill:var(--primary)}.scene-blue-soft{fill:#e6edff}.scene-line,.scene-blue-line,.scene-rule{fill:none;stroke:#88888e;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.scene-blue-line{stroke:var(--primary)}.scene-rule{stroke:#e5e5e8;stroke-width:1px}.service-scene g{transition:transform .55s var(--motion-ease-out), opacity .35s ease}.scene-phone-front{transform:translate(-18px,-5px)}.service-art[data-active] .scene-phone-front{transform:translate(9px)}.service-art[data-active] .scene-phone-back{transform:translate(-5px)}.scene-reveal{opacity:.15;transform:translateY(5px)}.service-art[data-active] .scene-reveal{opacity:1;transform:translateY(0)}.scene-result{opacity:0;transform:translateY(8px)}.service-art[data-active] .scene-result{opacity:1;transition-delay:.14s;transform:translateY(0)}.service-art[data-active] .scene-prompt{opacity:0;transform:translateY(-8px)}.scene-built{opacity:0;transform:translateY(3px)}.scene-wireframe{opacity:.5}.service-art[data-active] .scene-built{opacity:1;transform:translateY(0)}.service-art[data-active] .scene-wireframe{opacity:0}.service-art[data-active] .scene-step-two{transition-delay:.1s}.service-art[data-active] .scene-step-three{transition-delay:.2s}@media (prefers-reduced-motion:reduce){.service-scene g{transition:none!important}.scene-phone-front{transform:translate(9px)}.scene-reveal,.scene-result,.scene-built{opacity:1;transform:none}.scene-prompt,.scene-wireframe{opacity:0}}.about-experience-media.about-word{white-space:normal;text-align:left;gap:8px;width:100%;margin-top:16px;display:flex}.about-experience-media a{width:100%;min-width:0;color:var(--foreground);border-radius:8px;align-items:center;gap:12px;transition:background-color .15s;display:flex}.experience-preview-image{background-repeat:no-repeat;border-radius:8px;flex:0 0 108px;display:block}.about-block[data-side=left] .about-experience-media{justify-content:flex-end}.about-experience-media:not([data-gallery]) a{width:108px}.about-experience-media[data-gallery] a{flex:1}.about-experience-media[data-gallery] .experience-preview-image{flex:1;width:100%}.about-experience-media a:hover{background:var(--secondary)}.about-experience-media a:hover .experience-preview-image{opacity:.85}.about-experience-media a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media (prefers-reduced-motion:reduce){.about-experience-media a{transition:none}}.about-footer-embers{width:100%;height:220px;margin-top:-24px;margin-bottom:0;display:block;-webkit-mask-image:linear-gradient(#0000,#000 8%);mask-image:linear-gradient(#0000,#000 8%)}@media (max-width:767px){.about-footer-embers{height:160px}}.about-footer :is(button){cursor:pointer}.about-email-swap{display:grid}.about-email-swap>span{transition:opacity .18s ease, transform .18s var(--motion-ease-out);grid-area:1/1;justify-content:center;align-items:center;gap:8px;display:flex}.about-email-swap>span:last-child{opacity:0;transform:translateY(5px)}.about-email-swap[data-copied]>span:first-child{opacity:0;transform:translateY(-5px)}.about-email-swap[data-copied]>span:last-child{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.about-email-swap>span{transition:none}}.about-statement{isolation:isolate;position:relative}.about-top-art{z-index:-1;filter:blur(.25px);width:calc(100% + 112px);height:clamp(180px,29dvh,300px);position:absolute;top:-56px;left:-56px;-webkit-mask-image:radial-gradient(65% 105% at 50% 0,#000 20%,#0000 83%);mask-image:radial-gradient(65% 105% at 50% 0,#000 20%,#0000 83%)}@container (max-width:719px){.about-statement{padding-top:170px}.about-top-art{width:calc(100% + 24px);height:220px;left:-12px}}.case-footer-content{--head-size:168px;box-sizing:content-box;max-width:1152px;margin:0 auto;padding:0 56px;container-type:inline-size}@media (max-width:767px){.case-footer-content{--head-size:128px;padding:0 12px}}