.particle-text{position:relative;display:block;width:100%;height:100%;min-height:240px;overflow:hidden;touch-action:pan-y;isolation:isolate}.particle-text__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.particle-text__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@font-face{font-family:Mabry Pro;font-style:normal;font-weight:400;font-display:swap;src:local("Mabry Pro Regular"),local("MabryPro-Regular"),local("Mabry Regular")}:root{--case-nav-height: 64px}.case-nav{--case-nav-label-color: #626262;--case-nav-wordmark-color: #3d3d3d;position:fixed;z-index:20;inset:0 0 auto;font-family:Mabry Pro,Helvetica Neue,Helvetica,sans-serif}body .mast.case-nav{--case-nav-label-color: #aaa;--case-nav-wordmark-color: #ececec;background:transparent}.case-nav__blur{position:absolute;inset:0 0 auto;height:110px;pointer-events:none}.case-nav__blur>i{--step: calc(100% / 6);--start: calc(var(--blur-index) * var(--step));--fade: linear-gradient(to top, transparent var(--start), #000 calc(var(--start) + var(--step)), #000 calc(var(--start) + 2 * var(--step)), transparent calc(var(--start) + 3 * var(--step)) );position:absolute;inset:0;-webkit-backdrop-filter:blur(var(--blur-radius));backdrop-filter:blur(var(--blur-radius));-webkit-mask-image:var(--fade);mask-image:var(--fade)}body .case-nav .case-nav__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--case-nav-height);margin-inline:clamp(16px,2vw,28px);padding:0}.case-wordmark{width:80px;height:28px;flex:none;display:grid;place-items:center;color:var(--case-nav-wordmark-color);font-size:21px;font-weight:800;line-height:1;text-decoration:none}body .case-nav .case-nav__top{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;color:var(--case-nav-label-color);font-size:13px;font-weight:400;line-height:1.4;white-space:nowrap;text-decoration:none}.case-nav__top svg{width:16px;height:16px;flex:none}.case-wordmark:focus-visible,.case-nav__top:focus-visible{outline:2px solid currentColor;outline-offset:4px}body .case-nav .frost{display:none}.portfolio-case-with-nav{scroll-padding-top:var(--case-nav-height)}.portfolio-case-with-nav body{padding-top:var(--case-nav-height)}@media(prefers-reduced-motion:no-preference){.portfolio-case-with-nav{scroll-behavior:smooth}}@media(max-width:700px){:root{--case-nav-height: 60px}.case-wordmark{width:66px;height:26px}}