@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque.woff2) format("woff2");font-weight:500 800;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree.woff2) format("woff2");font-weight:400 650;font-style:normal;font-display:swap}:root{--blue: #0158c7;--streak: #0280ff;--paper: #f4f7fb;--ink: #0c1b33;--ink-soft: #24344d;--line: color-mix(in srgb, var(--ink) 14%, transparent);--on-blue: #ffffff;--on-blue-soft: #d7e7ff;--ease: cubic-bezier(.2, 0, 0, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--mast: 4.25rem;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--mast) + .75rem);scrollbar-color:var(--blue) #e4edf7}body{margin:0;background:var(--paper);color:var(--ink);font-family:Figtree,Segoe UI,sans-serif;font-size:1.0625rem;line-height:1.5;text-wrap:pretty;-webkit-font-smoothing:antialiased}::selection{background:var(--ink);color:var(--paper)}.field ::selection{background:var(--on-blue);color:var(--blue)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.field :focus-visible,.mast :focus-visible{outline-color:var(--on-blue)}.skip{position:absolute;left:1rem;top:0;transform:translateY(-120%);z-index:3;padding:.55rem .9rem;border-radius:999px;background:var(--on-blue);color:var(--blue);font-weight:600;text-decoration:none}.skip:focus{transform:translateY(.75rem)}.frame{width:min(72rem,calc(100% - 2.5rem));margin-inline:auto}.mast{position:sticky;top:0;z-index:2;min-height:var(--mast);padding:.75rem 0;background:var(--blue);color:var(--on-blue)}.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem}.brand{position:relative;display:inline-flex;align-items:center;gap:.7rem;color:inherit;font-family:Bricolage Grotesque,Segoe UI,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:-.03em;text-decoration:none}.brand img,.hero-mark{display:block;width:auto;height:auto}.brand img{height:1.4rem}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.15rem}.nav a:not(.button){color:var(--on-blue);font-weight:600;text-decoration:none;text-underline-offset:.18em}.nav a:not(.button):hover{text-decoration:underline}.field{position:relative;overflow:hidden;background:var(--blue);color:var(--on-blue)}.accent,.accent:before,.accent:after{position:absolute;pointer-events:none}.accent{inset:0}.close .accent:before,.close .accent:after{content:"";top:-12%;transform:skew(-16deg)}.close .accent:before{right:-6%;width:min(46vw,32rem);height:62%;background:linear-gradient(168deg,#3aa0ff 0%,var(--streak) 46%,transparent 80%)}.close .accent:after{right:10%;width:min(16vw,10rem);height:48%;background:linear-gradient(168deg,#9fd2ff 0%,#0290ff 38%,transparent 74%);opacity:.8}.blobs{position:absolute;inset:0;z-index:0;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(48px);animation-timing-function:var(--ease-in-out);animation-iteration-count:infinite}.blob-a{top:-18%;right:-6%;width:34rem;height:34rem;background:#1a86ff;opacity:.7;animation-name:drift-a;animation-duration:28s}.blob-b{bottom:-22%;left:-8%;width:26rem;height:26rem;background:#49a6ff;opacity:.38;animation-name:drift-b;animation-duration:36s}.blob-c{top:18%;right:18%;width:18rem;height:18rem;background:#4aa6ff;opacity:.45;animation-name:drift-c;animation-duration:22s}@keyframes drift-a{0%,to{transform:translateZ(0)}50%{transform:translate3d(-14%,12%,0)}}@keyframes drift-b{0%,to{transform:translateZ(0)}50%{transform:translate3d(18%,-16%,0)}}@keyframes drift-c{0%,to{transform:translateZ(0)}50%{transform:translate3d(10%,-18%,0)}}.streaks,.streaks-narrow{position:absolute;top:0;right:0;z-index:0}.streaks{width:min(42vw,34rem);height:100%}.streaks-narrow{display:none;width:100%;height:48%}.hero{display:flex;align-items:center;min-height:calc(100svh - var(--mast));padding:4.75rem 0}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;max-width:34rem}.hero-mark{width:min(13.125rem,78vw);margin-bottom:1.75rem}.hero h1{max-width:11em;font-size:clamp(2.2rem,4.4vw,3.55rem);line-height:1.02}.hero-line{margin:1.15rem 0 0;max-width:28em;color:var(--on-blue-soft);font-size:1.125rem}.hero .button{margin-top:1.85rem}.sponsor{padding:1.5rem 1.25rem;background:#fff;color:var(--ink-soft);text-align:center;border-bottom:1px solid var(--line)}.sponsor p{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.85rem 1.1rem;margin:0;font-size:.95rem;font-weight:600}.sponsor a{display:inline-flex;color:inherit;line-height:0;text-decoration:none}.sponsor img{display:block;height:2.15rem;width:auto;transition-property:opacity;transition-duration:.16s;transition-timing-function:var(--ease)}.sponsor a:hover img{opacity:.72}h1,h2,h3{margin:0;font-family:Bricolage Grotesque,Segoe UI,sans-serif;font-weight:700;letter-spacing:-.03em;line-height:.98;text-wrap:balance}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.55rem 1.1rem;border-radius:999px;background:var(--on-blue);color:var(--blue);font:inherit;font-weight:650;line-height:1;text-decoration:none;transition-property:transform,background-color;transition-duration:.16s;transition-timing-function:var(--ease)}.button:hover{background:#e7f1ff}.button:active{transform:scale(.96)}.button-small{min-height:2.35rem;padding:.4rem .9rem;font-size:.95rem}.work{padding:5.5rem 0 6rem}.work-intro{max-width:38rem}h2{font-size:clamp(2rem,4vw,3.25rem)}.lede{margin:1rem 0 0;max-width:62ch;color:var(--ink-soft)}.lede a,.also a{color:var(--blue);text-underline-offset:.18em}.group{margin-top:3.35rem}.group h3{margin-bottom:.85rem;font-size:1.35rem}.catalog{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.catalog a{display:grid;grid-template-columns:minmax(14rem,16.5rem) minmax(0,1fr) auto auto;gap:.35rem 1.5rem;align-items:center;margin-inline:-.75rem;padding:1.15rem .75rem;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition-property:background-color;transition-duration:.16s;transition-timing-function:var(--ease)}.catalog a:hover{background:color-mix(in srgb,var(--blue) 8%,white)}.name{font-family:Bricolage Grotesque,Segoe UI,sans-serif;font-weight:650;letter-spacing:-.02em;transition-property:color;transition-duration:.16s;transition-timing-function:var(--ease)}.catalog a:hover .name,.catalog a:hover .arrow{color:var(--blue)}.detail{color:var(--ink-soft)}.meta{color:var(--ink-soft);font-size:.875rem;font-weight:600}.arrow{width:1.05rem;height:1.05rem;justify-self:end;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition-property:transform,color;transition-duration:.16s;transition-timing-function:var(--ease)}.catalog a:hover .arrow{transform:translate(4px)}.also{margin:2.5rem 0 0;max-width:62ch;color:var(--ink-soft)}.close{padding:5.5rem 0 3rem}.close-copy{position:relative;z-index:1;max-width:36rem}.close h2{font-size:clamp(2.1rem,5vw,3.6rem)}.close .button{margin-top:1.75rem}.social{display:flex;gap:.35rem;margin:1.75rem 0 0;padding:0;list-style:none}.social a{display:grid;place-items:center;width:2.5rem;height:2.5rem;color:var(--on-blue);text-decoration:none;border-radius:999px;transition:opacity .16s var(--ease)}.social a:hover{opacity:.72}.social svg{width:1.25rem;height:1.25rem;fill:currentColor}.legal{margin:2.25rem 0 0;color:var(--on-blue-soft);font-size:.95rem}@media(max-width:520px){.brand-name{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(max-width:760px){.hero{align-items:flex-end;padding-top:6.5rem;padding-bottom:3.25rem}.streaks{display:none}.streaks-narrow{display:block}.blob-a{top:-20%;width:18rem;height:18rem}.blob-b{top:6%;bottom:auto;left:-28%;width:14rem;height:14rem}.blob-c{top:2%;right:-8%;width:12rem;height:12rem}.hero-mark{width:min(11.25rem,72vw)}.close .accent:before{height:36%;opacity:.85}.close .accent:after{height:28%}.catalog a{grid-template-columns:1fr auto;grid-template-areas:"name arrow" "detail detail" "meta meta";align-items:start}.name{grid-area:name}.arrow{grid-area:arrow;margin-top:.2rem}.detail{grid-area:detail}.meta{grid-area:meta}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.name,.arrow,.catalog a{transition:none}.button:active,.catalog a:hover .arrow{transform:none}.blob{animation:none}}