.hero{isolation:isolate;color:var(--on-signal);position:relative;container-type:inline-size}.hero :focus-visible{outline-color:var(--on-signal)}.field{--win:calc(100cqw - 2 * var(--gut));--tail:calc(var(--win) * .6875 * .4 + 2.5rem);inset:0 0 var(--tail) 0;z-index:-1;background:var(--signal);clip-path:inset(0);position:absolute}.nav{min-height:3.5rem;padding-top:env(safe-area-inset-top,0px);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mark{min-width:44px;min-height:44px;font:800 1.4rem/1 var(--display);letter-spacing:.01em;align-items:center;font-stretch:75%;display:inline-flex}.nav ul{gap:.1rem;margin-right:-.5rem;display:flex}.nav li a{min-height:44px;transition:background-color .2s var(--ease);border-radius:999px;align-items:center;padding-inline:.55rem;font-size:.875rem;font-weight:560;display:inline-flex}.nav li a:hover{background:#140a051a}.hero-in{padding-top:.25rem;display:grid}.name{font:790 clamp(3.4rem, 25cqw, 9.5rem)/.84 var(--display);letter-spacing:-.004em;margin-left:-.03em;font-stretch:75%}.name .ln{white-space:nowrap;display:block}.role{letter-spacing:-.015em;text-wrap:balance;max-width:24ch;margin-top:.65rem;font-size:clamp(1.125rem,4.8cqw,1.5rem);font-weight:620;line-height:1.22}.lede{max-width:32ch;color:var(--on-signal-2);text-wrap:pretty;margin-top:.5rem;font-size:clamp(1rem,4.2cqw,1.125rem);line-height:1.45}.acts{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.9rem;display:flex}.pill{background:var(--on-signal);color:#fff4ec;min-height:48px;transition:transform .25s var(--ease);border-radius:999px;align-items:center;padding-inline:1.5rem;font-weight:600;display:inline-flex}.pill:hover{transform:translateY(-1px)}.pill:active{transform:scale(.97)}.go{align-items:center;gap:.55rem;min-height:48px;font-weight:600;display:inline-flex}.go-dot{width:44px;height:44px;transition:background-color .25s var(--ease), color .25s var(--ease), transform .35s var(--ease);border:1.5px solid;border-radius:50%;place-items:center;display:inline-grid}.go-dot .ic{width:20px;height:20px}.go:hover .go-dot{background:var(--on-signal);color:var(--signal);transform:translateY(3px)}.socials{margin-left:auto;margin-right:-.5rem;display:flex}.icon-btn{border-radius:12px;place-items:center;width:44px;height:44px;transition:background-color .2s;display:grid}.icon-btn:hover{background:#140a051a}.icon-btn .ic{width:20px;height:20px}.stage{margin-top:1.5rem}.window{outline-offset:-1px;background:#16181c;border-radius:14px;outline:1px solid #140a052e;position:relative;overflow:hidden;box-shadow:0 2px 4px #3c140024,0 30px 60px -24px #280c008c}.proofline{min-height:1.75rem;color:var(--ink-3);margin-top:.75rem;font-size:.875rem;line-height:1.75rem}.proofline .count{color:var(--ink);font-weight:600}.loop{position:relative}.loop img{width:100%}.loop video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.loop video.on{opacity:1}.loop-toggle{color:#fff;cursor:pointer;background:#0e1116d1;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;bottom:.6rem;right:.6rem}.loop-toggle .ic{width:18px;height:18px}.loop-toggle:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.loop-toggle[data-state=playing] .i-play,.loop-toggle:not([data-state=playing]) .i-pause{display:none}@media (width<=21.25rem){.nav li a{padding-inline:.4rem;font-size:.8125rem}}@media (width>=64em){.field{--win:min(46cqw, 44rem);--tail:calc(var(--win) * .6875 * .36)}.nav{min-height:4.5rem}.nav li a{padding-inline:.9rem;font-size:.9375rem}.hero-in{grid-template-columns:minmax(0,1fr) min(46cqw,44rem);column-gap:3rem;padding-top:1.5rem}.name{grid-column:1/-1;font-size:min(17.2cqw,16rem);line-height:.86}.name .ln{display:inline}.hero-copy{grid-area:2/1;align-self:start;padding-top:2.25rem}.role{margin-top:0;font-size:1.625rem}.lede{font-size:1.1875rem}.acts{margin-top:1.75rem}.socials{margin-left:.25rem}.stage{display:contents}.window{grid-area:2/2/4;margin-top:2.25rem}.proofline{font:700 clamp(1.75rem, 2.9cqw, 2.75rem)/1.05 var(--display);letter-spacing:-.004em;grid-area:3/1;align-self:end;margin:2rem 0 0;font-stretch:85%}.proofline .count{font-weight:inherit}}.work{padding-block:clamp(3rem,8vw,4.5rem) clamp(1rem,3vw,2rem)}.work .h2{margin-bottom:clamp(1.5rem,4vw,2.5rem)}.bento{grid-template-columns:minmax(0,1fr);gap:.875rem;display:grid}.tile{border-radius:var(--r);background:var(--s1);border:1px solid var(--line);display:flex;position:relative;overflow:hidden}.tile>article{flex-direction:column;width:100%;display:flex}.tile:after{content:"";z-index:2;border-radius:inherit;background:radial-gradient(320px circle at var(--mx,50%) var(--my,0%), var(--accent), transparent 75%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.media{background:var(--s2);border-bottom:1px solid var(--line);justify-content:center;align-items:flex-end;padding:.875rem .875rem 0;display:flex;position:relative;overflow:hidden}.frame{border:1px solid var(--line-2);background:#16181c;border-bottom:0;border-radius:10px 10px 0 0;width:100%;overflow:hidden}.frame img{width:100%;transition:transform .7s var(--ease)}.frame.inset{border:1px solid var(--line-2);width:50%;box-shadow:var(--shadow);border-radius:10px;position:absolute;bottom:.875rem;right:.875rem}.phones{justify-content:center;gap:clamp(.75rem,3vw,1.25rem);width:100%;padding-top:.5rem;display:flex}.phone{border:1px solid var(--line-2);border-bottom:0;border-radius:20px 20px 0 0;width:min(42%,13rem);overflow:hidden}.phone img{aspect-ratio:390/600;object-fit:cover;object-position:top;width:100%;transition:transform .7s var(--ease)}.body{flex-direction:column;flex:1;gap:.55rem;padding:1.1rem 1.15rem 1.2rem;display:flex}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;display:flex}.top h3{font:760 1.875rem/1 var(--display);letter-spacing:-.004em;font-stretch:80%}.chips{flex-wrap:wrap;gap:.35rem;display:flex}.line{text-wrap:pretty;font-size:1.0625rem;font-weight:520;line-height:1.4}.line .count{font-weight:650}.proof{color:var(--ink-2);gap:.5rem;font-size:.9375rem;line-height:1.45;display:flex}.proof .ic{width:1.1em;height:1.1em;color:var(--accent);stroke-width:2.25px;margin-top:.15em}.proof .seg{white-space:nowrap}.proof .count{color:var(--ink);font-weight:600}.meta{color:var(--ink-3);font-size:.875rem}.stack{color:var(--ink-3);font-size:.78rem}.cmd code{border:1px solid var(--line-2);background:var(--s2);max-width:100%;color:var(--ink);overflow-wrap:anywhere;border-radius:10px;padding:.55rem .8rem;display:inline-block}.cmd code:before{content:"$ ";color:var(--accent-ink)}.links{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.4rem;display:flex}.lnk{border:1px solid var(--line-2);border-radius:10px;align-items:center;gap:.35rem;min-height:44px;padding-inline:.9rem;font-size:.875rem;font-weight:560;transition:border-color .2s,color .2s;display:inline-flex}.lnk .ic{transition:transform .3s var(--ease)}.lnk:hover{border-color:var(--accent)}.lnk:hover .ic{transform:translate(2px,-2px)}.sites{margin-top:.2rem}.sites li{border-top:1px solid var(--line);grid-template-columns:7.5rem minmax(0,1fr);align-items:center;column-gap:.75rem;display:grid}.sites .lnk{border:0;padding:0;font-size:.9375rem;font-weight:620}.sites .lnk:hover{color:var(--accent-ink)}.sites .site-t{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:.25rem .6rem;font-size:.9375rem;display:flex}.tile.is-text .body{padding:1.4rem 1.3rem 1.3rem}.tile.is-text .top h3{font-size:clamp(2.5rem,11vw,3.5rem);line-height:.92}.tile.is-text .top{flex-direction:column;align-items:flex-start;margin-bottom:.75rem}.tile.is-text .line{margin-top:auto}@media (hover:hover) and (pointer:fine){.tile:hover:after{opacity:1}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.tile:hover .frame img,.tile:hover .phone img{transform:scale(1.025)}}.also-h{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:clamp(2.5rem,6vw,3.5rem);font-size:.8125rem;font-weight:600}.also{border-top:1px solid var(--line-2);margin-top:.75rem}.also li{border-bottom:1px solid var(--line)}.row{grid-template-columns:minmax(0,1fr) auto 20px;grid-template-areas:"n s g""l l l""r r r";align-items:center;gap:.15rem .75rem;min-height:44px;padding-block:.95rem;display:grid}.row-n{grid-area:n;font-size:1.0625rem;font-weight:650}.row-l{color:var(--ink-2);grid-area:l}.row-r{color:var(--ink-3);grid-area:r;font-size:.875rem}.row .chip{grid-area:s;justify-self:start}.row-go{width:18px;height:18px;color:var(--ink-3);transition:transform .3s var(--ease), color .2s;grid-area:g}a.row:hover .row-n{color:var(--accent-ink)}a.row:hover .row-go{color:var(--accent-ink);transform:translate(2px,-2px)}.tile.large .frame img{width:202%;max-width:none;margin-left:-102%}@media (width<=63.99em){.frame.inset{display:none}.tile.large .frame{aspect-ratio:16/10}}@media (width>=40em){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile.large{grid-column:span 2}}@media (width>=64em){.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.bento .t-airmark,.bento .t-cgoc{grid-column:span 4}.bento .t-quillify,.bento .t-dewline{grid-column:span 2}.bento .t-fletch,.bento .t-pngres{grid-column:span 3}.tile.large>article{flex-direction:row-reverse}.tile.large .media{border-bottom:0;border-left:1px solid var(--line);flex:1.5;padding:1.5rem 0 0 1.5rem}.tile.large .frame{border-right:0;border-radius:10px 0 0;align-self:stretch;min-height:22rem;position:relative}.tile.large .frame img{margin:0;position:absolute;top:0;right:0}.tile.large .body{flex:1;padding:1.5rem}.tile.large .phones{justify-content:flex-start;align-self:stretch;padding-right:1.5rem}.tile.large .phone img{aspect-ratio:auto;height:100%}.frame.inset{width:44%;left:.875rem;right:auto}.tile.large .top h3{font-size:2.5rem}.row{grid-template-columns:15rem minmax(0,1fr) 11rem 8.5rem 20px;grid-template-areas:"n l r s g"}}@keyframes settle{0%{transform:translateY(10px)}}@keyframes window-in{0%{transform:perspective(1400px)rotateX(16deg)translateY(40px)}}@keyframes tighten{to{clip-path:inset(10px round 28px)}}@keyframes rv-rise{0%{opacity:0;transform:translateY(40px)}}@keyframes rv-wipe{0%{clip-path:inset(100% -1px -1px -1px round calc(var(--r) + 1px));transform:translateY(24px)}to{clip-path:inset(-1px -1px -1px -1px round calc(var(--r) + 1px))}}@keyframes rv-left{0%{opacity:0;transform:translate(-32px)}}@keyframes rv-right{0%{opacity:0;transform:translate(32px)}}@keyframes rv-pop{0%{opacity:0;transform:scale(.55)}}@keyframes rv-rule{0%{transform:scaleX(0)}}@keyframes rv-open{0%{clip-path:inset(0 8% round 64px)}to{clip-path:inset(-1px round 29px)}}@media (prefers-reduced-motion:no-preference){.role{animation:settle .45s var(--ease) both}.lede{animation:settle .45s var(--ease) 60ms both}.acts{animation:settle .45s var(--ease) .12s both}.window{transform-origin:50% 100%;animation:window-in 1s var(--ease) 80ms both}@supports (animation-timeline:view()){.field{animation:linear both tighten;animation-duration:auto;animation-timeline:scroll(root);animation-range:0 60vh}.rv{animation:rv-rise var(--ease) both;animation-duration:auto;animation-timeline:view();animation-range:entry entry 85%}.rv-wipe{animation-name:rv-wipe;animation-range:entry cover 35%}.rv-left{animation-name:rv-left}.rv-right{animation-name:rv-right}.rv-pop{animation-name:rv-pop;animation-timing-function:var(--spring);animation-range:entry}.stack-chips li:nth-child(3n+2){animation-range:entry 15% cover 30%}.stack-chips li:nth-child(3n){animation-range:entry 30% cover 40%}.rv-open{animation-name:rv-open;animation-range:entry cover 30%}.rv-rule{animation:none}.rv-rule:before{animation:rv-rule var(--ease) both;animation-duration:auto;animation-timeline:--rule;animation-range:entry}}.io .field{transition:clip-path .6s var(--ease)}.io.folded .field{clip-path:inset(10px round 28px)}.io .rv{transition:opacity .7s var(--ease), transform .8s var(--ease), clip-path .9s var(--ease)}.io .rv-rise:not(.in){opacity:0;transform:translateY(40px)}.io .rv-wipe{clip-path:inset(-1px -1px -1px -1px round calc(var(--r) + 1px))}.io .rv-wipe:not(.in){clip-path:inset(100% -1px -1px -1px round calc(var(--r) + 1px));transform:translateY(24px)}.io .rv-left:not(.in){opacity:0;transform:translate(-32px)}.io .rv-right:not(.in){opacity:0;transform:translate(32px)}.io .phone{transition-delay:.15s}.io .rv-pop{transition-timing-function:var(--spring);transition-duration:.9s}.io .rv-pop:not(.in){opacity:0;transform:scale(.55)}.io .stack-chips li:nth-child(3n+2){transition-delay:60ms}.io .stack-chips li:nth-child(3n){transition-delay:.12s}.io .rv-rule:before{transition:transform 1s var(--ease)}.io .rv-rule:not(.in):before{transform:scaleX(0)}.io .rv-open{clip-path:inset(-1px round 29px)}.io .rv-open:not(.in){clip-path:inset(0 8% round 64px)}}