@layer reset,base,layout,components,motion;@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,dl,dd{margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}}@layer base{:root{--ink: #11110f;--paper: #eeeae0;--muted: #a6a39b;--acid: #c7ff3c;--orange: #ff4d18;--line: rgb(238 234 224 / 24%);--display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--sans: "Arial Narrow", "Aptos Narrow", "PingFang SC", "Microsoft YaHei", sans-serif}body{min-width:320px;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}::selection{background:var(--acid);color:var(--ink)}:focus-visible{outline:2px solid var(--acid);outline-offset:5px}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.75rem 1rem;translate:0 -200%;background:var(--acid);color:var(--ink)}.skip-link:focus{translate:0}}@layer layout{.site-header{position:absolute;z-index:10;top:0;left:0;display:grid;width:100%;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.25rem 2rem;border-bottom:1px solid var(--line);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.brand{display:inline-flex;width:max-content;align-items:center;gap:.7rem;font-weight:700;line-height:.9}.brand__mark{width:1.7rem;fill:none;stroke:currentColor;stroke-width:2}.site-nav{display:flex;gap:2.5rem}.site-nav a,.site-footer a{position:relative}.site-nav a:after,.site-footer a:after{position:absolute;right:0;bottom:-.3rem;left:0;height:1px;scale:0 1;background:currentColor;content:"";transform-origin:right;transition:scale .22s ease}.site-nav a:hover:after,.site-footer a:hover:after{scale:1 1;transform-origin:left}.header-status{display:flex;justify-self:end;align-items:center;gap:.6rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--acid);box-shadow:0 0 .8rem var(--acid)}.hero{--pointer-x: 70vw;--pointer-y: 35vh;position:relative;display:flex;min-height:100svh;flex-direction:column;justify-content:space-between;overflow:hidden;padding:7.5rem 2rem 2rem;isolation:isolate}.hero:before{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle 28rem at var(--pointer-x) var(--pointer-y),rgb(199 255 60 / 13%),transparent 70%),radial-gradient(circle at 80% 70%,rgb(255 77 24 / 10%),transparent 25%);content:""}.hero__grid{position:absolute;z-index:-3;inset:0;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:calc(100vw / 12) calc(100vw / 12);-webkit-mask-image:linear-gradient(to bottom,black,transparent 86%);mask-image:linear-gradient(to bottom,black,transparent 86%)}.hero__eyebrow{display:flex;justify-content:space-between;padding-left:calc(100% / 12);font-size:.68rem;letter-spacing:.16em}.hero__title{display:flex;flex-direction:column;padding:4vh 0 2vh;font-family:var(--display);font-size:clamp(5rem,16.5vw,16rem);font-weight:900;letter-spacing:-.035em;line-height:.73;text-transform:uppercase}.hero__line{display:block;width:max-content}.hero__line--solid{position:relative}.hero__line--solid:after{position:absolute;top:.06em;right:-.6em;width:.37em;height:.37em;border-radius:50%;background:var(--acid);content:""}.hero__line--outline{align-self:flex-end;color:transparent;-webkit-text-stroke:2px var(--paper)}.hero__footer{display:grid;grid-template-columns:5fr 3fr auto;align-items:end;gap:2rem}.hero__intro{max-width:31rem;padding-left:calc(100% / 6);font-size:clamp(1rem,1.5vw,1.4rem);line-height:1.5}.hero__coordinate{display:flex;flex-direction:column;font-size:.7rem;letter-spacing:.16em;line-height:1.7}.round-link{display:grid;width:4.5rem;aspect-ratio:1;place-items:center;border:1px solid var(--paper);border-radius:50%;transition:background .18s ease,color .18s ease,rotate .18s ease}.round-link:hover{rotate:-45deg;background:var(--acid);color:var(--ink)}.round-link svg{width:1.6rem;fill:none;stroke:currentColor;stroke-width:1.4}.hero__orbit{position:absolute;z-index:-1;top:17%;right:10%;width:clamp(8rem,15vw,15rem);aspect-ratio:1;animation:orbit 22s linear infinite}.hero__orbit span{position:absolute;inset:0;border:1px solid rgb(238 234 224 / 55%)}.hero__orbit span:nth-child(2){rotate:30deg}.hero__orbit span:nth-child(3){rotate:60deg}.ticker{overflow:hidden;border-bottom:1px solid var(--ink);background:var(--acid);color:var(--ink);font-family:var(--display);font-size:clamp(1.5rem,3.2vw,3rem);letter-spacing:.02em;line-height:1;white-space:nowrap}.ticker__track{display:flex;width:max-content;animation:ticker 22s linear infinite}.ticker span{padding:.7rem .9rem .55rem 0}.works{padding:8rem 2rem;background:var(--paper);color:var(--ink)}.section-heading{display:grid;grid-template-columns:1fr 2fr;padding-bottom:4rem;border-bottom:1px solid var(--ink)}.section-heading>p,.manifesto__label,.project__meta{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}.section-heading>p span,.manifesto__label>span{display:inline-grid;width:1.8rem;height:1.8rem;place-items:center;margin-right:.5rem;border:1px solid currentColor;border-radius:50%}.section-heading>div{display:flex;align-items:end;justify-content:space-between;gap:2rem}.section-heading h2{font-family:var(--display);font-size:clamp(4rem,8vw,8rem);font-weight:900;letter-spacing:-.03em;line-height:.8}.section-heading>div p{max-width:18rem;color:#55534e;line-height:1.5}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;padding-top:1rem}.project{display:flex;min-height:39rem;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.25rem;border:1px solid var(--ink);color:var(--ink);transition:border-radius .35s cubic-bezier(.2,.8,.2,1),translate .35s ease}.project:hover{translate:0 -.45rem;border-radius:0 0 4rem}.project--acid{grid-column:span 7;background:var(--acid)}.project--orange{grid-column:span 5;background:var(--orange)}.project--paper{grid-column:span 5;background:#d8d3c8}.project__meta,.project__footer{display:flex;align-items:start;justify-content:space-between;gap:1rem}.project__meta span:last-child{padding:.35rem .55rem;border:1px solid currentColor;border-radius:2rem}.project__art{position:relative;display:grid;min-height:21rem;place-items:center}.project__art--frames i{position:absolute;width:min(16rem,45%);aspect-ratio:1;border:2px solid var(--ink);transition:rotate .5s cubic-bezier(.2,.8,.2,1),scale .5s ease}.project__art--frames i:nth-child(2){rotate:15deg}.project__art--frames i:nth-child(3){rotate:30deg}.project__art--frames i:nth-child(4){rotate:45deg}.project:hover .project__art--frames i:nth-child(2){rotate:30deg;scale:.92}.project:hover .project__art--frames i:nth-child(3){rotate:60deg;scale:.84}.project:hover .project__art--frames i:nth-child(4){rotate:90deg;scale:.76}.project__art--frames b,.project__art--notes b{position:relative;z-index:1;font-family:var(--display);font-size:4rem}.project__art--echo i{position:absolute;width:13rem;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:var(--orange);mix-blend-mode:multiply;transition:translate .45s cubic-bezier(.2,.8,.2,1)}.project__art--echo i:nth-child(2){translate:1.8rem 0}.project__art--echo i:nth-child(3){translate:3.6rem 0}.project:hover .project__art--echo i:nth-child(1){translate:-1.8rem 0}.project:hover .project__art--echo i:nth-child(2){translate:0}.project:hover .project__art--echo i:nth-child(3){translate:1.8rem 0}.project__art--echo b{z-index:1;font-family:var(--display);font-size:10rem;font-weight:900;line-height:1}.project__art--notes{align-content:center;justify-items:stretch;gap:.4rem;background-image:linear-gradient(to right,rgb(17 17 15 / 20%) 1px,transparent 1px),linear-gradient(to bottom,rgb(17 17 15 / 20%) 1px,transparent 1px);background-size:2rem 2rem}.project__art--notes span{padding:.35rem;border-block:1px solid var(--ink);font-size:clamp(1.6rem,4vw,4rem);font-weight:700;letter-spacing:.08em;line-height:1;transition:padding-left .3s ease}.project:hover .project__art--notes span:nth-child(1){padding-left:12%}.project:hover .project__art--notes span:nth-child(2){padding-left:28%}.project:hover .project__art--notes span:nth-child(3){padding-left:7%}.project__art--notes b{position:absolute;right:1rem;bottom:.5rem}.project__footer h3{font-family:var(--display);font-size:clamp(2.2rem,4vw,4.5rem);font-weight:900;letter-spacing:-.025em;line-height:.9}.project__footer p{margin-top:.7rem;font-size:.82rem}.project__arrow{display:grid;width:3rem;height:3rem;flex:0 0 auto;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:1.3rem;transition:rotate .22s ease,background .22s ease,color .22s ease}.project:hover .project__arrow{rotate:45deg;background:var(--ink);color:var(--paper)}.project-note{display:flex;min-height:39rem;grid-column:span 7;flex-direction:column;justify-content:space-between;padding:1.5rem;border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.project-note__asterisk{color:var(--acid);font-size:7rem;line-height:.6}.project-note p{font-size:clamp(1.8rem,4vw,4rem);line-height:1.05}.project-note code{color:var(--acid);font-family:Courier New,monospace;font-size:.8em}.manifesto{display:grid;grid-template-columns:1fr 3fr;gap:2rem;padding:8rem 2rem 10rem;border-top:1px solid var(--line)}.manifesto__label{display:flex;align-items:start;gap:.75rem}.manifesto__content h2{font-size:clamp(3rem,7.6vw,8rem);font-weight:500;letter-spacing:-.06em;line-height:1.02}.manifesto__content h2 span{color:var(--acid);font-family:serif;font-style:italic}.manifesto__details{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:6rem;padding-top:2rem;border-top:1px solid var(--line)}.manifesto__details>p{max-width:34rem;font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.55}.manifesto__details dl{font-size:.75rem}.manifesto__details dl div{display:flex;justify-content:space-between;gap:2rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.manifesto__details dt{color:var(--muted);letter-spacing:.12em}.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:2rem;padding:2rem;background:var(--acid);color:var(--ink);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.site-footer>p:first-child{font-family:var(--display);font-size:clamp(2rem,5vw,5rem);letter-spacing:-.02em;line-height:.8}.site-footer sup{font-family:var(--sans);font-size:.6rem}}@layer components{.planned-dialog{width:min(34rem,calc(100% - 2rem));padding:0;border:0;background:var(--acid);color:var(--ink)}.planned-dialog::backdrop{background:#11110fd1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.planned-dialog form{padding:1.5rem}.planned-dialog__index{padding-bottom:1rem;border-bottom:1px solid var(--ink);font-size:.65rem;letter-spacing:.16em}.planned-dialog h2{margin:4rem 0 1.5rem;font-family:var(--display);font-size:clamp(3.5rem,10vw,6rem);letter-spacing:-.03em;line-height:.85}.planned-dialog p{font-size:.9rem}.planned-dialog code{display:block;margin:.7rem 0 3rem;font-size:1rem;font-weight:700}.planned-dialog button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.9rem 1rem;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer}.planned-dialog button span{font-size:1.5rem}}@layer motion{@keyframes orbit{to{rotate:360deg}}@keyframes ticker{to{translate:-33.333% 0}}.js .reveal{opacity:0;translate:0 2.2rem;transition:opacity .7s ease,translate .8s cubic-bezier(.2,.8,.2,1)}.js .reveal.is-visible{opacity:1;translate:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}}@media(max-width:820px){.site-header{grid-template-columns:1fr auto;padding:1rem}.site-nav{display:none}.hero{min-height:46rem;padding:6.5rem 1rem 1rem}.hero__grid{background-size:25vw 25vw}.hero__eyebrow{padding:0}.hero__eyebrow span:first-child{max-width:9rem}.hero__title{margin-block:auto;font-size:clamp(4rem,21vw,9rem);line-height:.78}.hero__line--outline{align-self:start;font-size:.78em}.hero__line--solid:after{right:-.45em}.hero__orbit{top:28%;right:-5%;width:9rem}.hero__footer{grid-template-columns:1fr auto;gap:1rem}.hero__intro{padding:0;font-size:.95rem}.hero__coordinate{display:none}.round-link{width:3.7rem}.works{padding:5rem 1rem}.section-heading{grid-template-columns:1fr;gap:3rem}.section-heading>div{display:block}.section-heading h2{margin-bottom:1.5rem}.project-grid{grid-template-columns:1fr}.project,.project-note,.project--acid,.project--orange,.project--paper{min-height:32rem;grid-column:1}.project__art{min-height:17rem}.project__art--echo i{width:9rem}.project-note{min-height:25rem}.manifesto{grid-template-columns:1fr;padding:5rem 1rem 7rem}.manifesto__label{margin-bottom:2rem}.manifesto__details{grid-template-columns:1fr;margin-top:4rem}.site-footer{grid-template-columns:1fr 1fr;padding:2rem 1rem}.site-footer>p:first-child{grid-column:1 / -1;margin-bottom:2rem}}