@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#05070b;--raised:#0c1017;--paper:#f2efe8;--mute:#b3bac5;--body:#d9dde5;--line:#f2efe81f;--line-strong:#f2efe83d;--yellow:#ffcf3a;--font:"Archivo Variable", "Archivo", system-ui, sans-serif;--font-text:"Geist Variable", "Geist", system-ui, sans-serif;--fs-big:clamp(24px, 2.5vw, 36px);--fs-md:clamp(19px, 1.45vw, 22px);--fs-body:19px;--fs-small:15px;--max:1312px;--gutter:24px;--margin:clamp(20px, 5vw, 64px);--pad:max(var(--margin), (100% - var(--max)) / 2);--nav-h:64px;--tap:44px;--radius:10px;--tools-tilt:-25deg;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.76, 0, .24, 1);--fast:.2s}*,:before,:after{box-sizing:border-box}html{background:var(--ink);color:var(--paper);scroll-padding-top:var(--nav-h);scrollbar-gutter:stable;scrollbar-color:var(--line-strong) var(--ink);-webkit-text-size-adjust:100%}body{font:400 var(--fs-body)/1.55 var(--font-text);font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:clip}body:before{content:"";z-index:5;pointer-events:none;opacity:.04;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.6 -.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4,p,ul,figure{margin:0}ul{padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:inherit}strong{font-weight:650}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:2px solid var(--yellow);outline-offset:4px;border-radius:2px}[tabindex="-1"]:focus{outline:none}.name,h2,.proj-name,.statement,.track,.can h4,.log h3,.loader-count,.case h3{font-family:var(--font);letter-spacing:-.02em;font-weight:800;font-stretch:75%;line-height:.9}.webgl .lit{color:#0000;background:radial-gradient(circle at var(--bx,50vw) var(--by,50vh), #fff4d6 0, var(--paper) calc(var(--br,120px) * 1.6), #a3abb8 calc(var(--br,120px) * 7));-webkit-background-clip:text;background-clip:text}.phase,.nav-name,.loader-name,.email,.volley-lead,.pf-proof b{font-family:var(--font)}.phase{font-size:var(--fs-small);letter-spacing:.01em;font-weight:600;font-stretch:85%}.phase span{color:var(--mute);font-variant-numeric:tabular-nums;margin-right:.4em}.row h3,.can-title,.proj-meta,.tags li,figcaption,.copy-note{font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;color:var(--body);font-weight:500;line-height:1.4}.copy-note{text-transform:none;letter-spacing:0}.link{min-height:var(--tap);-webkit-text-decoration:underline 1px var(--yellow);text-decoration:underline 1px var(--yellow);text-underline-offset:.32em;transition:color var(--fast) var(--ease-out);align-items:center;font-weight:600;display:inline-flex}.link:hover{color:var(--yellow)}.skip{z-index:60;background:var(--yellow);color:var(--ink);border-radius:6px;padding:12px 16px;font-weight:650;text-decoration:none;position:fixed;top:16px;left:16px;transform:translateY(-200%)}.skip:focus{transform:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav{z-index:10;height:var(--nav-h);padding-inline:var(--pad);background:var(--ink);transition:border-color .4s var(--ease-out);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.nav.is-scrolled{border-color:var(--line)}.nav a{min-height:var(--tap);align-items:center;text-decoration:none;display:inline-flex}.nav-name{font-weight:700;font-stretch:85%}.nav nav{gap:clamp(14px,2.6vw,36px);display:flex}.nav nav a{color:#d6d3cc;transition:color var(--fast) var(--ease-out);padding-inline:4px;font-size:16px;position:relative}.nav nav a:after{content:"";background:var(--yellow);transform-origin:0;height:1px;transition:transform .4s var(--ease-out);position:absolute;inset:auto 4px 9px;transform:scaleX(0)}.nav nav a:hover,.nav nav a.is-active{color:var(--paper)}.nav nav a[href=\#contact]{border:1px solid var(--line-strong);border-radius:999px;padding-inline:16px}.nav nav a[href=\#contact]:after{inset:auto 16px 9px}.nav nav a[href=\#contact]:hover{border-color:var(--yellow)}.nav nav a.is-active:after{transform:none}.loader{display:none}.is-loading{overflow:hidden}.is-loading .loader{z-index:50;display:block;position:fixed;inset:0}.loader-half{background:var(--ink);clip-path:inset(0 0 50%);position:absolute;inset:0}.loader-half+.loader-half{clip-path:inset(50% 0 0)}.loader-view{padding-inline:var(--pad);position:absolute;inset:0}.loader-name{top:calc(var(--nav-h) / 2);font-weight:700;font-stretch:85%;position:absolute;translate:0 -50%}.loader-ball{width:var(--loader-ball,min(34vmin, 280px));aspect-ratio:1;position:absolute;top:50%;left:50%;overflow:visible;translate:-50% -50%}.loader-ball .seam{fill:none;stroke:var(--paper);stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:1 1}.loader-count{right:var(--pad);font-variant-numeric:tabular-nums;font-size:clamp(96px,19vw,280px);line-height:.8;position:absolute;bottom:0}.stage-3d{z-index:1;pointer-events:none;width:100%;height:100lvh;position:fixed;top:0;left:0}.is-loading .stage-3d,.is-entering .stage-3d{z-index:55}.ball-anchor{aspect-ratio:1;display:block}.toss-still{width:100%;max-width:none;height:100%;position:absolute;inset:0}.stage{padding:calc(var(--nav-h) + 40px) var(--pad) 72px;position:relative}.kinetic .scene{height:calc(var(--span) * 100svh);scroll-margin-top:calc(var(--nav-h) * -1)}.kinetic .projects{scroll-margin-top:calc(var(--nav-h) * -1)}.kinetic :is(.scene,.projects)+:is(.scene,.projects,.milestones){margin-top:-100svh}.kinetic .stage{z-index:2;height:100svh;padding-block:calc(var(--nav-h) + 20px) 28px;position:sticky;top:0;overflow-x:clip}.kinetic .stage.back{z-index:0}.kinetic .stage{pointer-events:none}.kinetic .stage a{pointer-events:auto}.kinetic :is(.proj,.skills){grid-template-columns:minmax(0,1fr);display:grid}.kinetic :is(.proj,.skills)>.stage{grid-area:1/1;align-self:start}.kinetic .beats>.beat{grid-area:1/1}.hero{--span:3}.about{--span:4.8}@media (width<=860px){.about{--span:6.4}}.skills{--span:7.35}@media (width<=860px){.skills{--span:7.75}}.pathfind{--span:4}.atl{--span:4.4}.orb{--span:3.7}.rail{flex-wrap:wrap;align-items:baseline;gap:4px 20px;display:flex}.rail h2{font-size:clamp(34px,3.6vw,56px)}.hero{--foot:170px;--name:min(24vw, 38svh, (100svh - var(--nav-h) - 56px - 44px - var(--foot)) / 1.82);--name-top:calc(var(--nav-h) + 56px);--ball-hero:min(40svh, 26vw);grid-template-columns:minmax(0,1fr);display:grid}.hero>.stage{grid-area:1/1;align-self:start;min-height:100svh}.hero>.stage.back{z-index:0}.hero .stage:not(.back){grid-template-rows:auto 1fr auto;gap:16px;display:grid}.name{font-size:var(--name);line-height:.8}.name-a,.name-b{left:var(--pad);right:var(--pad);white-space:nowrap;position:absolute}.name-a{top:var(--name-top)}.name-b{top:calc(var(--name-top) + var(--name) * .8);text-align:right;text-shadow:0 .02em .05em #05070be6,0 .05em .2em #05070b99}.name .ch{display:inline-block}.hero .ball-anchor{left:calc(var(--pad) + 9vw);top:calc(var(--name-top) + var(--name) * .62);width:var(--ball-hero);position:absolute}.hero-foot{align-content:end;justify-items:start;gap:12px;width:min(52%,640px);margin-left:auto;display:grid}.lede{letter-spacing:-.015em;max-width:30ch;font-size:clamp(22px,2.3vw,36px);font-weight:600;line-height:1.15}.hero-more{flex-wrap:wrap;align-items:center;gap:0 28px;display:flex}.sub{color:var(--body)}.links{flex-wrap:wrap;gap:0 28px;display:flex}@media (width>=861px) and (width<=1100px){.hero{--foot:220px}}.about .stage,.skills .stage{grid-template:auto 1fr/minmax(0,1fr);row-gap:28px;display:grid}.beats{grid-template-columns:minmax(0,1fr);gap:48px;min-height:0;display:grid;position:relative}.statement{font-size:min(13vw,12.5svh);line-height:.88}.ln{white-space:nowrap;display:block}.ln>span{display:inline-block}.about .ln:first-child>span{position:relative}.about .ln .ball-anchor{width:min(24svh,15vw);position:absolute;top:50%;left:calc(100% + .2em);translate:0 -50%}.kinetic .about .statement{transform-origin:0 0}.about{--pw:calc(min(70svh, 660px) * .627)}.about-more{width:min(42ch,100%);font-size:var(--fs-md);color:var(--body);text-wrap:pretty;grid-template-columns:minmax(0,1fr);place-self:end start;gap:16px;line-height:1.5;display:grid}.about-more p{border-left:2px solid var(--yellow);padding-left:16px}.about-more .portrait{width:var(--pw);position:absolute;top:0;right:0}.about-more .ball-anchor{right:calc(var(--pw) + 5vw);width:min(24svh,15vw);position:absolute;bottom:12svh}.rows{--track:clamp(64px, 15.5svh, 176px);--roll:calc(var(--track) * 1.3);grid-template-columns:minmax(0,1fr);align-content:center;gap:5svh;display:grid}.row{position:relative}.row h3{margin-bottom:4px}.track{flex-wrap:wrap;gap:0 .32em;font-size:clamp(40px,7vw,96px);display:flex}.track li{--fill:100%;padding-bottom:.06em}.kinetic .track{width:max-content;font-size:var(--track);flex-wrap:nowrap}.kinetic .row:first-child .track{font-size:min(20svh,11vw)}.kinetic .track li{--fill:0%;color:#0000;-webkit-text-stroke:1.5px var(--paper);background:linear-gradient(90deg, var(--paper) var(--fill), transparent 0);-webkit-background-clip:text;background-clip:text}.kinetic .row.learning{flex-direction:column;align-items:flex-end;display:flex}.kinetic .row.learning .track{font-size:min(7svh,4.3vw)}.row.tools{perspective:2600px}.kinetic .row.tools{min-height:calc(var(--roll) + 24px);grid-template:auto 1fr/minmax(0,1fr);align-items:center;display:grid}.kinetic .row.tools .lane{transform-origin:0;transform:rotateY(var(--tools-tilt));-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.kinetic .row.tools .track{padding-left:calc(4% + var(--roll) * 1.1)}.row.tools .ball-anchor{width:var(--roll);position:absolute;bottom:0;left:4%}.skills .stage:not(.back){grid-template-rows:calc(clamp(34px,3.6vw,56px)/1.11111) 1fr}.can-wrap{grid-row:2;grid-template-columns:minmax(0,1fr);align-content:start;gap:18px;display:grid;position:relative}.can{grid-template-columns:minmax(0,1fr);gap:22px;display:grid}.can li{border-top:1px solid var(--line);align-content:start;gap:8px;padding-top:14px;display:grid}.can h4{font-size:clamp(34px,3.6vw,56px);line-height:.95}.can p{max-width:46ch;color:var(--body);font-size:20px}.can li:nth-child(2){margin-left:12%}.can li:nth-child(3){margin-left:24%}.can li:nth-child(4){margin-left:36%}.can-wrap .ball-anchor{width:min(20svh,13vw);position:absolute;bottom:0;left:0}.back{grid-template-rows:auto 1fr;align-items:end;display:grid}.proj-name{white-space:nowrap;line-height:.8}.pathfind .proj-name{translate:0 calc(28px + .072em + var(--pf-cut,-.05) * .7em);font-size:min(24vw,38svh)}.atl .proj-name{font-size:min(24vw,40svh)}.orb{--vname:min(14vw, 15svh)}.orb .proj-name{font-size:var(--vname);writing-mode:var(--trading-writing,vertical-rl);color:#0000;-webkit-text-stroke:2px var(--paper)}.proj-text{justify-items:start;gap:16px;max-width:44ch;font-size:20px;display:grid}.orb .proj-text>*{text-shadow:0 0 .45em var(--ink), 0 0 .12em var(--ink)}.orb .proj-meta span:first-child{text-shadow:none}.proj-text p:not(.proj-does,.proj-meta){color:var(--body);text-wrap:pretty;line-height:1.5}.proj-meta{flex-wrap:wrap;gap:8px;display:flex}.proj-meta span{border:1px solid var(--line-strong);border-radius:999px;padding:5px 12px}.proj-meta span:first-child{color:var(--ink);background:var(--yellow);border-color:var(--yellow)}.proj-does{max-width:24ch;font-size:var(--fs-big);letter-spacing:-.01em;font-weight:500;line-height:1.15}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags li{background:var(--raised);border:1px solid var(--line-strong);letter-spacing:.04em;text-transform:none;border-radius:999px;padding:5px 12px}.kinetic .proj>.stage:not(.back){display:grid}.kinetic .pathfind .proj-text{align-self:start;margin-top:calc(clamp(34px,3.6vw,56px)/1.11111 + 36px)}.pf-proof,.atl-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:900px;margin-top:40px;display:grid}.pf-proof li,.atl-proof li{border-top:2px solid var(--yellow);color:var(--body);font-size:var(--fs-md);align-content:start;gap:10px;padding-top:14px;line-height:1.35;display:grid}.pf-proof b,.atl-proof b{color:var(--paper);font-size:clamp(56px,6vw,96px);font-weight:800;font-stretch:75%;line-height:.9}.kinetic .pathfind .pf-proof{top:50svh;right:var(--pad);width:min(48vw,820px);margin:0;position:absolute}@media (width<=860px){.pf-proof{grid-template-columns:minmax(0,1fr);gap:6px}.pf-proof li{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:12px;padding-top:6px;font-size:16px}.pf-proof b{width:2.1em;font-size:30px}.kinetic .pathfind .pf-proof{top:auto;bottom:calc(20vw + 36px);left:var(--pad);width:auto}}.kinetic .atl .proj-text{place-self:start end;margin-top:2svh}.atl-proof{grid-template-columns:1.5fr 1fr 1fr;gap:20px;width:100%;margin-top:16px}.atl-proof li{font-size:18px}.atl-proof b{white-space:nowrap;font-size:clamp(44px,4.4vw,68px)}.atl-proof .ab{font-size:clamp(30px,2.8vw,44px)}@media (width<=860px){.atl-proof{display:none}}.kinetic .orb .stage:not(.back){gap:var(--gutter);grid-template-columns:minmax(0,42ch) minmax(0,1fr);align-items:end}.kinetic .orb .back{grid-template-rows:auto;place-items:start end}.kinetic .orb .orb-figure{margin-right:calc(var(--vname) * 1.1 + 16px)}.orb-figure{align-self:center}.webgl .orb-figure{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.orb-figure svg{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%}.orb-axis,.orb-level,.orb-box{stroke:var(--line-strong);stroke-width:1.5px}.orb-box{fill:#f2efe809}.orb-level{stroke-dasharray:4 7}.orb-price,.orb-break{stroke-dasharray:1 2}.orb-price{stroke:var(--mute)}.orb-break{stroke:var(--paper)}.orb-dot{fill:var(--yellow);stroke:var(--raised);stroke-width:4px}figcaption{margin-top:12px}.milestones,.contact,.cases{z-index:2;padding:22svh var(--pad) 12svh;position:relative}.milestones{padding-top:6svh}.cases{padding-top:10svh;padding-bottom:6svh}.portrait img{border:1px solid var(--line);border-radius:8px;width:100%;height:auto;display:block}.cases-ai{max-width:60ch;color:var(--body);font-size:var(--fs-md);margin-top:6svh;line-height:1.5}.case-list{gap:8svh;margin-top:8svh;display:grid}.case h3{margin-bottom:20px;font-size:clamp(34px,5vw,72px);line-height:.9}.case dl{gap:0 var(--gutter);border-top:1px solid var(--line);gap:12px var(--gutter);border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case dl>div{background:var(--raised);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px 22px}.case dt{color:var(--yellow);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:14px;font-weight:600}.case dd{color:var(--body);text-wrap:pretty;max-width:52ch;margin:0;font-size:18px;line-height:1.55}.kinetic .projects+.cases{margin-top:-100svh}.log{gap:48px var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6svh;display:grid}.log h3{align-items:center;gap:.08em;margin-bottom:44px;font-size:min(15vw,22svh);line-height:.8;display:flex}.log h3 .ball-anchor{flex:none;width:min(20svh,13vw)}.log-col:nth-child(2) h3>span:first-child{color:#0000;-webkit-text-stroke:2px var(--paper)}.log ul{border-top:1px solid var(--line)}.log li{border-bottom:1px solid var(--line);padding-block:20px;font-size:clamp(17px,1.55vw,22px);line-height:1.4}.contact{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:10svh;display:grid}.kinetic .contact,.kinetic .milestones,.kinetic .cases{overflow-x:clip}.contact .statement{margin-top:3svh;font-size:min(9vw,15svh);position:relative}.contact .ball-anchor{width:min(26svh,19vw);position:absolute;top:0;right:2%}.open{max-width:42ch;font-size:var(--fs-md);color:var(--body)}.email-line{margin-top:20px;container-type:inline-size}.email{letter-spacing:-.02em;white-space:nowrap;-webkit-text-decoration:underline var(--yellow) max(2px, .03em);text-decoration:underline var(--yellow) max(2px, .03em);text-underline-offset:.14em;transition:color var(--fast) var(--ease-out);font-size:min(8cqi,112px);font-weight:750;font-stretch:75%;line-height:1.1}.email:hover{color:var(--yellow)}.email:active{translate:0 1px}.contact-foot{flex-wrap:wrap;align-items:center;gap:4px 32px;display:flex}.copy-note{transition:color var(--fast) var(--ease-out)}.copy-note.is-copied{color:var(--yellow)}.foot{z-index:2;padding:12px var(--pad) 20px;border-top:1px solid var(--line);font-size:var(--fs-small);color:var(--mute);justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.foot a{min-height:var(--tap);transition:color var(--fast) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.foot a:hover{color:var(--yellow)}.pose,.pose body{background:0 0}.pose body:before,.pose main,.pose .nav,.pose .foot,.pose .loader{visibility:hidden}@media (width<=860px){:root{--gutter:16px;--nav-h:56px}.nav .nav-name{display:none}.nav{justify-content:center}.nav nav{gap:clamp(2px,1.4vw,10px)}.nav nav a{padding-inline:5px;font-size:15px;font-stretch:85%}.nav nav a:after{inset:auto 5px 9px}.nav nav a[href=\#contact]{padding-inline:10px}.nav nav a[href=\#contact]:after{inset:auto 10px 9px}.hero{--foot:270px;--name:28vw;--name-top:calc(var(--nav-h) + clamp(40px, 8svh, 100px));--ball-hero:min(62vw, 28svh)}.hero .ball-anchor{left:var(--pad);top:calc(var(--name-top) + var(--name) * .68)}.hero-foot{justify-content:flex-start;width:auto;margin-left:0}.lede{font-size:27px}.sub{font-size:18px}@media (width<=360px){.lede{font-size:21px}}.statement{font-size:min(15vw,10.5svh)}.about-more{align-self:center;gap:18px;width:100%;font-size:18px}.about-more .ball-anchor{justify-self:end;width:34vw;margin-top:calc(-73.3776vw - 18px);position:relative;top:auto;bottom:auto;right:0}.about .ln .ball-anchor{width:33vw;top:100%;left:auto;right:0;translate:none}:root{--tools-tilt:-15deg}.rows{--track:60px;--roll:34vw;gap:7svh}.kinetic .row:first-child .track{flex-wrap:wrap;width:auto;font-size:24vw}.kinetic .row.learning .track{flex-direction:column;align-items:flex-end;gap:0;width:auto;font-size:min(6svh,10.5vw)}.can-wrap{gap:10px}.can{gap:12px}.can li{gap:4px;padding-top:12px}.can li:nth-child(2){margin-left:6%}.can li:nth-child(3){margin-left:12%}.can li:nth-child(4){margin-left:18%}.can h4{font-size:28px}.can p{font-size:16px;line-height:1.4}.can-wrap .ball-anchor{width:31vw}.proj-text{gap:10px;font-size:16px}.proj-does{font-size:21px}.kinetic .back{align-items:start}.kinetic .proj .proj-text{place-self:end start;margin:0 0 13svh}.kinetic .orb .stage:not(.back){grid-template-columns:minmax(0,1fr)}.kinetic .orb .proj-text{margin-bottom:0}.kinetic .pathfind .proj-text{align-self:start;margin:calc(clamp(34px,3.6vw,56px)/1.11111 + 28px) 0 0}.kinetic .pathfind .back{align-items:end}.pathfind .proj-name{font-size:25vw}.atl .proj-name{font-size:34vw}.orb{--vname:min(20vw, 12svh)}.orb .proj-name{-webkit-text-stroke-width:1.5px}.about-more .portrait{width:46vw;position:static;translate:none}.about-more p{padding-left:12px}.log,.case dl{grid-template-columns:minmax(0,1fr)}.log{margin-top:12svh}.log h3{font-size:24vw}.log h3 .ball-anchor{width:31vw}.contact .rail{flex-direction:column;align-items:flex-start;gap:4px}.contact .statement{margin-top:12svh;font-size:11.5vw}.contact .ball-anchor{width:38vw;top:-22svh;bottom:auto;right:0}.email{font-size:9.6cqi}}.outside{z-index:2;padding:14svh var(--pad) 4svh;position:relative;overflow-x:clip}.outside-body{max-width:52ch;color:var(--body);gap:14px;margin-top:5svh;font-size:clamp(18px,1.7vw,24px);line-height:1.5;display:grid}.outside-body p:not(.volley-lead){border-left:2px solid var(--yellow);padding-left:16px}.volley-lead{letter-spacing:-.02em;color:var(--paper);font-size:clamp(72px,14vw,220px);font-weight:800;font-stretch:75%;line-height:.9}