.loader{z-index:100;background:var(--night);transition:transform 1.1s var(--ease);place-items:center;display:grid;position:fixed;inset:0}.loader.up{pointer-events:none;transform:translateY(-100%)}.loader.loader--instant{transition:none}.loader .num{font-family:var(--f-display);color:var(--bone);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,6vw,4.5rem);font-weight:200;position:absolute;bottom:8vh;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.loader{display:none}}.hero{background:var(--stage-deep);--mx:50%;--my:42%;--t-name:clamp(5.2rem, 19.5vw, 21rem);height:100svh;min-height:34rem;position:relative;overflow:hidden}.hero .layer{position:absolute;inset:0}.hero .layer img{object-fit:cover;object-position:50% 12%;width:100%;height:100%}.hero .base{filter:grayscale()brightness(.46)contrast(1.12)}.hero .lit{filter:grayscale()brightness(1.02)contrast(1.12)sepia(.18)saturate(.9);-webkit-mask-image:radial-gradient(circle 30vmax at var(--mx) var(--my), #000 0%, #000000e6 30%, #0006 62%, transparent 82%);-webkit-mask-image:radial-gradient(circle 30vmax at var(--mx) var(--my), #000 0%, #000000e6 30%, #0006 62%, transparent 82%);mask-image:radial-gradient(circle 30vmax at var(--mx) var(--my), #000 0%, #000000e6 30%, #0006 62%, transparent 82%)}.hero .lit:after{content:"";background:radial-gradient(circle 24vmax at var(--mx) var(--my), #e0785f38, transparent 70%);mix-blend-mode:soft-light;position:absolute;inset:0}.hero .vignette{pointer-events:none;background:linear-gradient(#0000 40%,#15151f59 68%,#15151feb 100%);position:absolute;inset:0}.hero .name{z-index:3;font-family:var(--f-display);letter-spacing:-.035em;font-weight:200;line-height:.84;font-size:var(--t-name);color:var(--bone);white-space:nowrap;opacity:0;transition:opacity .9s var(--ease) .12s, transform 1.2s var(--ease) .12s;margin:0;position:absolute;bottom:-.14em;left:-.04em;transform:translateY(.12em)}.loaded .hero .name{opacity:1;transform:none}.hero .line{right:var(--gut);z-index:3;text-align:right;max-width:22ch;position:absolute;bottom:clamp(5.5rem,14vh,9rem)}.hero .line p{font-family:var(--f-display);font-weight:300;font-size:var(--t-lead);color:var(--bone);opacity:0;transition:opacity .9s var(--ease) .2s, transform 1.1s var(--ease) .2s;margin:0;line-height:1.3;transform:translateY(10px)}.loaded .hero .line p{opacity:1;transform:none}@media (hover:none){.hero .base{filter:grayscale()brightness(.78)contrast(1.1)}.hero .lit{-webkit-mask-image:radial-gradient(circle 46vmax at var(--mx) var(--my), #000 0%, #000000b3 45%, transparent 90%);-webkit-mask-image:radial-gradient(circle 46vmax at var(--mx) var(--my), #000 0%, #000000b3 45%, transparent 90%);mask-image:radial-gradient(circle 46vmax at var(--mx) var(--my), #000 0%, #000000b3 45%, transparent 90%)}}@media (width<=40rem){.hero .line{max-width:18ch;bottom:22vh;right:1.25rem}.hero .name{letter-spacing:-.018em;font-size:17vw}}@media (width<=24rem){.hero .name{font-size:15.5vw}}@media (prefers-reduced-motion:reduce){.hero .name,.hero .line p{opacity:1;transition:opacity .2s var(--ease);transform:none}}.state{min-height:78svh}.state h2{font-size:var(--t-h2)}.state p{max-width:46ch}.proj{background:var(--stage);height:100svh;min-height:34rem;position:relative;overflow:hidden}.proj .shade{background:linear-gradient(#0f0e1726 0%,#0f0e1766 65%,#0f0e17f2 100%)}.proj .meta h2{font-size:var(--t-h3)}.proj .meta a{border-bottom:1px solid var(--salmon);margin-top:1.4rem;padding-bottom:.15rem;display:inline-block}.how{padding:var(--s-section) var(--gut)}.how .k{color:var(--salmon);margin:0 0 1.4rem}.how h2{font-family:var(--f-display);font-weight:200;font-size:var(--t-h2);letter-spacing:-.025em;text-wrap:balance;max-width:16ch;margin:0 0 clamp(2.5rem,6vh,4rem);line-height:1.02}.steps{gap:clamp(2rem,5vh,3.5rem);max-width:62rem;display:grid}.step{grid-template-columns:1fr;gap:.5rem 3rem;display:grid}@media (width>=50rem){.step{grid-template-columns:4rem 1fr}}.step .n{font-family:var(--f-mono);font-size:var(--t-mono);letter-spacing:var(--ls-mono);color:var(--salmon);padding-top:.55rem}.step h3{font-family:var(--f-display);font-weight:300;font-size:var(--t-h4);letter-spacing:-.018em;margin:0;line-height:1.12}.step p{color:var(--dim);max-width:54ch;margin:.6rem 0 0;font-weight:300}.say{padding:var(--s-section) var(--gut)}.say .k{color:var(--salmon);margin:0 0 1.4rem}.say h2{font-family:var(--f-display);font-style:italic;font-weight:200;font-size:var(--t-h2);letter-spacing:-.025em;text-wrap:balance;max-width:16ch;margin:0 0 clamp(2.5rem,6vh,4rem);line-height:1.02}.say .quotes{max-width:62rem}.say .track{margin:0;padding:0;list-style:none;display:grid}.say .slide{border-top:1px solid var(--hair);padding:clamp(1.6rem,4vh,2.4rem) 0}.say .slide:last-child{border-bottom:1px solid var(--hair)}.say .said{font-family:var(--f-display);letter-spacing:-.012em;text-wrap:pretty;max-width:32ch;margin:0;font-size:clamp(1.35rem,2.6vw,2.2rem);font-style:italic;font-weight:300;line-height:1.26}.say .who{color:var(--slate);font-weight:300;font-size:var(--t-small);margin:1.5rem 0 0}.say .slide a{border-bottom:1px solid var(--salmon);margin-top:1.2rem;padding-bottom:.2rem;display:inline-block}.say .nav{display:none}.say .quotes.mounted{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.say .quotes.mounted .window{overflow:hidden}.say .quotes.mounted .track{transition:transform 1.8s var(--ease);align-items:center;display:flex}.say .quotes.mounted.user .track{transition-duration:.34s}.say .quotes.mounted .slide{border:0;flex:0 0 100%;padding:clamp(1.3rem,2.6vh,1.7rem) 0;overflow-x:clip}.say .quotes.mounted .nav{border-top:1px solid var(--hair);align-items:center;gap:1rem;padding:.55rem 0;display:flex}.say .arrow{width:2.75rem;height:2.75rem;color:var(--slate);cursor:pointer;transition:color .32s var(--ease);background:0 0;border:0;outline:0;flex:none;place-items:center;padding:0;display:grid}.say .arrow:focus-visible{outline:2px solid var(--bone);outline-offset:2px}.say .balls{flex:auto;justify-content:center;align-items:center;gap:.35rem;display:flex}.say .ball{cursor:pointer;background:0 0;border:0;outline:0;flex:none;place-items:center;width:1.75rem;height:2.75rem;padding:0;display:grid}.say .ball:focus-visible{outline:2px solid var(--bone);outline-offset:-.4rem}.say .ball svg{width:12px;height:12px;display:block}.say .ball .ring{fill:none;stroke:var(--slate);stroke-width:1px;transition:stroke .32s var(--ease)}.say .ball .full{fill:var(--salmon);opacity:0;transition:opacity .32s var(--ease)}.say .ball.shown .full{opacity:1}.say .ball.shown .ring,.say .ball[aria-current=true] .ring{stroke:var(--salmon)}.say .ball .arc{fill:none;stroke:var(--salmon);stroke-width:5.5px;stroke-dasharray:17.279;stroke-dashoffset:17.279px}.say .quotes.is-running .ball[aria-current=true] .arc{animation:sweep var(--interval,6s) linear forwards}.say .quotes.paused .ball[aria-current=true] .arc{animation-play-state:paused}.say .quotes:not(.is-running) .ball[aria-current=true] .full{opacity:1}@keyframes sweep{to{stroke-dashoffset:0}}@media (pointer:coarse){.say .ball svg{width:14px;height:14px}}@media (hover:hover) and (pointer:fine){.say .arrow:hover{color:var(--bone)}}@media (prefers-reduced-motion:reduce){.say .quotes.mounted .track,.say .quotes.mounted.user .track,.say .arrow,.say .ball .ring,.say .ball .full{transition:none}}.cv{padding:var(--s-section) var(--gut);grid-template-columns:1fr;align-items:start;gap:clamp(2rem,4vw,5rem);display:grid}@media (width>=56rem){.cv{grid-template-columns:1fr 1fr}}.cv .k{color:var(--salmon);margin:0 0 1.4rem}.cv h2{font-family:var(--f-display);font-weight:200;font-size:var(--t-h2);letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.02}.cv .now{color:var(--dim);max-width:46ch;margin:1.6rem 0 0;font-weight:300}.cv .more{border-bottom:1px solid var(--salmon);margin-top:1.8rem;padding-bottom:.2rem;display:inline-block}.arc{gap:1.4rem;padding-top:.4rem;display:grid}.arc .r{grid-template-columns:8.5rem 1fr;align-items:baseline;gap:.2rem 2rem;display:grid}.arc .when{font-family:var(--f-mono);font-size:var(--t-mono-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--slate);white-space:nowrap;font-variant-numeric:tabular-nums}.arc b{color:var(--bone);font-family:var(--f-display);font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:300}.arc span{color:var(--slate);font-weight:300;font-size:var(--t-small);display:block}footer{padding:var(--s-section) var(--gut) clamp(3rem, 6vh, 5rem);flex-direction:column;justify-content:flex-start;gap:2.5rem}footer h2{font-family:var(--f-display);font-weight:200;font-size:var(--t-h2-lg);letter-spacing:-.03em;margin:0;line-height:1}footer h2 a{border-bottom:1px solid var(--salmon)}footer .row{flex-wrap:wrap;grid-template-columns:none;justify-content:space-between;gap:1rem;display:flex}footer .row .mono{color:var(--slate)}
