.whero{align-items:flex-end;min-height:min(92svh,900px);padding-bottom:clamp(3rem,7vw,6rem);display:flex;overflow:hidden}.whero__art{z-index:0;pointer-events:none;position:absolute;inset:0}.whero__art img{object-fit:cover;object-position:70% 50%;opacity:.9;width:min(100%,1400px);height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 45%);mask-image:linear-gradient(90deg,#0000 0%,#000 45%)}@media (max-width:900px){.whero__art img{opacity:.6;-webkit-mask-image:linear-gradient(#000 30%,#0000 85%);mask-image:linear-gradient(#000 30%,#0000 85%)}}[data-theme=light] .whero__art img{opacity:.32;filter:sepia(.4)saturate(.8)brightness(1.4)}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.whero__art img{animation:linear both whero-drift;animation-timeline:scroll(root);animation-range:0 100vh}@keyframes whero-drift{to{opacity:.35;transform:translateY(12vh)scale(1.08)}}}}.whero__inner{z-index:1;position:relative}.whero__title{max-width:11ch}.whero__facts{background:var(--line-soft);border:1px solid var(--line-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;max-width:860px;margin-top:clamp(2rem,4vw,3.5rem);display:grid}@media (min-width:700px){.whero__facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.whero__facts>div{background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem 1.1rem}.whero__facts dt{font-family:var(--font-data);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.whero__facts dd{font-size:var(--step-3);color:var(--text);margin-top:.35rem}.wfilter-bar{top:calc(var(--header-h) + var(--safe-top));z-index:20;background:color-mix(in oklab, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-block:1px solid var(--line-soft);position:sticky}.wfilter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding-block:.75rem;display:flex}.wfilter__group{scrollbar-width:none;gap:.5rem;min-width:0;max-width:100%;margin-inline:-4px;padding:4px;display:flex;overflow-x:auto}.wfilter__group::-webkit-scrollbar{display:none}.wfilter__chip{min-height:44px;font-size:var(--step--1);color:var(--text-muted);border:1px solid var(--line);cursor:pointer;transition:color var(--dur-fast), background-color var(--dur-fast), border-color var(--dur-fast), transform var(--dur-spring) var(--ease-spring);background:0 0;border-radius:999px;flex:none;align-items:center;gap:.55em;padding:0 1em;display:inline-flex}.wfilter__chip:hover{color:var(--text);border-color:var(--accent)}.wfilter__chip:active{transform:scale(.96)}.wfilter__chip[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.wfilter__chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.wfilter__n{font-family:var(--font-data);opacity:.8;font-size:.78em}.wfilter__status{color:var(--text-muted);font-size:var(--step--2)}@media (max-width:699px){.wfilter__status{display:none}}#work-root[data-filter=web] [data-d]:not([data-d~=web]),#work-root[data-filter=marketing] [data-d]:not([data-d~=marketing]),#work-root[data-filter=ecommerce] [data-d]:not([data-d~=ecommerce]),#work-root[data-filter=product] [data-d]:not([data-d~=product]){display:none}.wempty{padding:2rem 0;display:none}#work-root[data-feat-empty=true] .wempty{display:block}.wfeat .section-head{margin-bottom:clamp(2rem,4vw,3.5rem)}.wstack{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vh,3rem);margin:0;padding:0;list-style:none;display:grid}.wstack__card{--cover:0;top:calc(var(--header-h) + var(--safe-top) + 84px + var(--k,0) * 14px);transform-origin:50% 0;transform:scale(calc(1 - var(--cover) * .07));filter:brightness(calc(1 - var(--cover) * .45));position:sticky}.wcase{border:1px solid color-mix(in oklab, var(--tone) 35%, var(--line));background:radial-gradient(ellipse 70% 90% at 85% 40%, color-mix(in oklab, var(--tone) 38%, transparent), transparent 70%), radial-gradient(ellipse 50% 60% at 10% 100%, color-mix(in oklab, var(--accent) 12%, transparent), transparent 70%), var(--surface);border-radius:18px;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);min-height:min(78svh,760px);padding:clamp(1.25rem,3.2vw,3.25rem);display:grid;position:relative;overflow:hidden;box-shadow:0 -30px 60px -40px #0009}.wcase:before{content:"";background-image:var(--linen);opacity:.7;pointer-events:none;position:absolute;inset:0}[data-theme=light] .wcase{background:radial-gradient(ellipse 70% 90% at 85% 40%, color-mix(in oklab, var(--tone) 18%, transparent), transparent 70%), var(--surface)}@media (min-width:960px){.wcase{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr)}}.wcase__copy{z-index:1;position:relative}.wcase__no{color:var(--text-muted);font-size:var(--step--2);letter-spacing:.12em}.wcase__no span{color:var(--accent)}.wcase__title{font-size:var(--step-4);max-width:12ch;margin-top:.8rem}.wcase__what{font-size:var(--step-1);color:var(--text-muted);max-width:34ch;margin-top:1rem;line-height:1.45}.wcase__role{color:var(--text);font-size:var(--step--1);margin-top:1.25rem}.wchips{flex-wrap:wrap;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.wcase__cta{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.wcase__stage{z-index:1;padding:0 6% 9% 0;position:relative}.wcase__glow{background:radial-gradient(closest-side, color-mix(in oklab, var(--tone) 50%, transparent), transparent);filter:blur(30px);opacity:.6;z-index:-1;position:absolute;inset:10% 0 0 10%}.wcase__stage .dev--desktop{transition:transform .9s var(--ease-gallery);transform:perspective(1600px)rotateY(-7deg)rotateX(3deg)}.wcase__phone{width:25%;transition:transform .9s var(--ease-gallery);bottom:0;right:0;transform:perspective(1200px)rotateY(-10deg)translateY(4%);position:absolute!important}.wstack__card.is-previewing .wcase__stage .dev--desktop{transform:perspective(1600px)rotateY(0)rotateX(0)scale(1.015)}.wstack__card.is-previewing .wcase__phone{transform:perspective(1200px)rotateY(0)translateY(-2%)}.wcase__src{color:var(--text-muted);letter-spacing:.04em;font-size:10.5px;position:absolute;bottom:0;left:0}@media (max-width:959px){.wstack__card{top:calc(var(--header-h) + var(--safe-top) + 72px + var(--k,0) * 10px)}.wcase{min-height:0}.wcase__title{font-size:var(--step-3)}.wcase__stage{order:-1}}@media (max-width:599px){.wstack__card{filter:none;position:relative;top:0;transform:none}}@media (prefers-reduced-motion:reduce){.wstack__card{filter:none!important;transform:none!important}.wcase__stage .dev--desktop,.wcase__phone{transform:none!important}}.wall-sec{background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--surface) 60%, transparent))}.wall-head{margin-bottom:clamp(2rem,4vw,3.5rem)}.wall{grid-template-columns:minmax(0,1fr);gap:clamp(1rem,1.6vw,1.75rem);margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.wall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.wall{grid-template-columns:repeat(4,minmax(0,1fr))}}.wall__tile{border:1px solid var(--line-soft);background:var(--surface);transition:border-color var(--dur) var(--ease-gallery), transform var(--dur) var(--ease-gallery), background-color var(--dur);--gx:50%;--gy:0%;border-radius:14px;padding:14px 14px 18px;position:relative}.wall__tile:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--dur);background:radial-gradient(420px circle at var(--gx) var(--gy), color-mix(in oklab, var(--tone,var(--accent)) 30%, transparent), transparent 60%);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.wall__tile:hover{border-color:color-mix(in oklab, var(--accent) 50%, var(--line));transform:translateY(-4px)}.wall__tile:hover:before{opacity:1}}.wall__tile .dev--desktop{border-radius:9px}.wall__tile .dev__chrome{height:26px}.wall__tile .dev__url{height:18px;font-size:10px}.wall__meta{margin-top:1rem;padding-inline:4px;position:relative}.wall__name{font-size:var(--step-1);font-weight:500;line-height:1.2}.wall__link:after{content:"";position:absolute;inset:-9999px}.wall__tile{overflow:hidden}.wall__link:focus-visible{outline:none}.wall__tile:has(.wall__link:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.wall__what{color:var(--text-muted);font-size:var(--step--1);margin-top:.4rem;line-height:1.45}.wall__role{font-size:var(--step--2);color:var(--text);margin-top:.8rem}.wall__url{font-size:var(--step--2);color:var(--accent);margin-top:.35rem}.wall__note{font-size:var(--step--2);color:var(--text-muted);margin-top:.5rem;font-style:italic}.ext{transition:transform var(--dur-spring) var(--ease-spring);display:inline-block}.wall__tile:hover .ext,a:hover>.ext{transform:translate(2px,-2px)}.wall__tile--anon{background:linear-gradient(160deg, color-mix(in oklab, var(--accent) 10%, var(--surface)), var(--surface))}.anon{aspect-ratio:1440/934;color:#f3ebdd;border:1px solid color-mix(in oklab, var(--accent) 30%, #3a2c20);border-radius:9px;align-content:space-between;padding:14px 16px;display:grid;position:relative;overflow:hidden}.anon img{object-fit:cover;z-index:-1;filter:saturate(.9);width:100%;height:100%;transition:transform 2.4s var(--ease-gallery);position:absolute;inset:0}.anon:after{content:"";z-index:-1;background:linear-gradient(200deg,#0000 30%,#0e0b09bf);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.wall__tile--anon:hover .anon img{transform:scale(1.08)rotate(1deg)}}.anon__seal{letter-spacing:.14em;text-transform:uppercase;background:#0e0b0966;border:1px solid #f3ebdd80;border-radius:999px;justify-self:start;padding:.3em .7em;font-size:10.5px}.anon__mark{font-size:var(--step-3);text-shadow:0 2px 20px #00000080;line-height:.95}.anon__mark em{color:#f5d7a8}.wclose{text-align:left;background:radial-gradient(ellipse 60% 80% at 10% 100%, var(--accent-glow), transparent 70%)}.wdetail__hero{padding-bottom:clamp(3rem,6vw,6rem);overflow:hidden}.wdetail__glow{pointer-events:none;background:radial-gradient(ellipse 60% 55% at 75% 70%, color-mix(in oklab, var(--tone) 45%, transparent), transparent 70%), radial-gradient(ellipse 40% 40% at 0% 0%, var(--accent-glow), transparent 70%);position:absolute;inset:0}[data-theme=light] .wdetail__glow{opacity:.45}.wdetail__head{position:relative}.wdetail__crumbs{font-size:var(--step--2);color:var(--text-muted);gap:.5rem;margin-bottom:1.5rem;display:flex}.wdetail__crumbs a{color:var(--accent);text-underline-offset:3px;align-items:center;min-height:24px;text-decoration:underline;display:inline-flex}.wdetail__title{font-size:var(--step-5);max-width:14ch;margin-top:.75rem}.vt-title{display:inline-block}.wdetail__lede{max-width:46ch;margin-top:1.25rem}.wdetail__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;max-width:980px;margin-top:2rem;display:grid}@media (min-width:900px){.wdetail__meta{grid-template-columns:repeat(4,minmax(0,auto))}}.wdetail__meta dt{font-family:var(--font-data);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.wdetail__meta dd{font-size:var(--step-0);margin-top:.35rem}.wdetail__stage{margin-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(2rem,6vw,5rem);padding-right:clamp(3rem,12vw,14rem);position:relative}.wdetail__stage .dev--desktop{max-width:1240px}.wdetail__phone{right:max(var(--gutter), var(--safe-right));width:clamp(110px,17vw,270px);bottom:0;position:absolute!important}.wdetail__src{font-size:var(--step--2);color:var(--text-muted);margin-top:1rem}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.wdetail__phone{animation:linear both phone-rise;animation-timeline:view();animation-range:entry cover 50%}@keyframes phone-rise{0%{translate:0 18%;rotate:4deg}to{translate:0;rotate:0deg}}}}.wdetail__grid{gap:2rem clamp(2rem,6vw,7rem);display:grid}@media (min-width:960px){.wdetail__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.prose-l{max-width:62ch}.wscope{border-top:1px solid var(--line-soft);margin:1rem 0 0;padding:0;list-style:none}.wscope li{border-bottom:1px solid var(--line-soft);font-size:var(--step-1);grid-template-columns:3rem 1fr;padding:1.1rem 0;line-height:1.35;display:grid}.wscope .mono{color:var(--accent);font-size:var(--step--1);padding-top:.25em}.wnote{color:var(--text-muted);font-size:var(--step--1);border-left:2px solid var(--accent);background:color-mix(in oklab, var(--accent) 7%, transparent);padding:.9rem 1rem}.wgal{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem);margin-top:clamp(2rem,4vw,3rem);display:grid}@media (min-width:960px){.wgal{grid-template-columns:2.2fr .8fr 1.2fr;align-items:start}}.wgal__item{margin:0}.wgal__item--wide{grid-column:1/-1}@media (min-width:960px){.wgal__item--wide{grid-column:auto}}.wgal__item img{border:1px solid var(--line-soft);border-radius:10px;width:100%;height:auto;display:block}.wgal__item figcaption{font-size:var(--step--2);color:var(--text-muted);margin-top:.6rem}.wgal__long{border:1px solid var(--line-soft);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;border-radius:10px;max-height:min(70svh,620px);overflow-y:auto}.wgal__long img{border:0;border-radius:0}.wgal__long:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (max-width:959px){.wgal__item--long{grid-area:2/2}.wgal__item--phone{grid-row:2}}.wnext{border-top:1px solid var(--line-soft)}.wnext__link{gap:.6rem;padding-block:clamp(4rem,9vw,8rem) clamp(2rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.wnext__link:before{content:"";z-index:-1;background:radial-gradient(ellipse 50% 80% at 70% 50%, color-mix(in oklab, var(--tone) 40%, transparent), transparent 70%);opacity:.5;transition:opacity var(--dur) var(--ease-gallery);position:absolute;inset:0}.wnext__link:hover:before{opacity:1}.wnext__name{font-size:var(--step-5)}.wnext__name .arrow{transition:transform var(--dur-spring) var(--ease-spring);color:var(--accent);display:inline-block}.wnext__link:hover .wnext__name .arrow{transform:translate(12px)}.wnext__link:focus-visible{outline:2px solid var(--focus);outline-offset:-6px}.wnext__role{color:var(--text-muted);font-size:var(--step--1)}.wnext__more{gap:1rem 2.5rem;padding-bottom:clamp(3rem,6vw,5rem)}::view-transition-group(*.case-frame){animation-duration:.72s}.wticker{border-block:1px solid var(--line-soft);padding-block:1.1rem;overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.wticker__row{padding:0 var(--gutter);flex-wrap:wrap;gap:.75rem clamp(1.5rem,3vw,3rem);margin:0;list-style:none;display:flex}.wticker__item{white-space:nowrap;font-family:var(--font-display);font-style:italic;font-size:var(--step-1);color:var(--text);align-items:baseline;gap:.6rem;display:inline-flex}.wticker__item .mono{font-style:normal;font-size:var(--step--2);color:var(--accent)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:700px){.wticker__row{flex-wrap:nowrap;width:max-content;animation:linear both wticker;animation-timeline:view();animation-range:cover}@keyframes wticker{0%{transform:translate(4vw)}to{transform:translate(calc(96vw - 100%))}}}}@media (max-width:959px){.wcase__stage{padding-bottom:2.2rem}.wcase__phone{bottom:1.6rem}}