:root{--ink:#121210;--paper:#e8e6df;--acid:#dbff31;--line:rgba(18,18,16,.25);--mono:"DM Mono",monospace;--display:"Instrument Serif",serif;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.grain{position:fixed;z-index:9;inset:0;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}.site-shell{max-width:1600px;margin:auto;border-inline:1px solid var(--ink)}.topbar{height:108px;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 2.4rem;position:relative;z-index:2}.brand{font:500 1.18rem/.78 var(--mono);letter-spacing:-.08em;color:inherit;text-decoration:none}.brand i{font-family:var(--display);font-size:1.5rem;font-weight:400;letter-spacing:-.05em}.topbar-label{font:500 .65rem/1.45 var(--mono);letter-spacing:.06em;margin:0}.main-nav{display:flex;justify-content:flex-end;gap:1.65rem}.main-nav a{color:inherit;text-decoration:none;font:500 .68rem var(--mono);letter-spacing:.07em}.main-nav a:hover,.main-nav a:focus{color:#7663ff}.menu-toggle{display:none}.hero{height:calc(100svh - 108px);min-height:630px;position:relative;padding:2.2rem 2.4rem;overflow:hidden;background:#dedbd2}.hero-index,.eyebrow{position:relative;z-index:1;font:500 .64rem var(--mono);letter-spacing:.04em}.hero-index{position:absolute;right:2.4rem}.eyebrow{margin:13vh 0 0 34%;line-height:1.55}.hero h1{position:relative;z-index:1;font:400 clamp(5rem,14.3vw,13rem)/.7 var(--display);letter-spacing:-.075em;margin:10vh 0 0 -1vw}.hero h1 span{display:block}.hero h1 em{font-weight:400;font-size:.75em;margin-left:29%;display:block}.hero-foot{position:absolute;z-index:1;bottom:2.7rem;left:2.4rem;right:2.4rem;display:flex;justify-content:space-between;align-items:end;font:500 .64rem/1.5 var(--mono);letter-spacing:.04em}.hero-foot p{margin:0;text-align:right}.round-link{width:100px;height:100px;border:1px solid var(--ink);border-radius:50%;padding:25px 11px;color:var(--ink);text-decoration:none;font:500 .57rem/1.25 var(--mono);transition:.3s}.round-link span{font-size:1rem;float:right}.round-link:hover{background:var(--acid);transform:rotate(-9deg)}.orb{position:absolute;border-radius:50%;filter:blur(1px);mix-blend-mode:multiply}.orb-one{width:34vw;height:34vw;right:10%;top:2%;background:radial-gradient(circle at 38% 38%,#fff 0 3%,#ff843e 15%,#ff3a89 38%,#7058de 66%,transparent 68%)}.orb-two{width:25vw;height:25vw;right:22%;top:29%;background:radial-gradient(circle at 30% 20%,#fcff86,#d8ff27 25%,#75c6e7 52%,#6250d9 74%,transparent 76%);mix-blend-mode:screen}.hero-line{position:absolute;width:130%;height:1px;background:var(--ink);top:54%;transform:rotate(-12deg);opacity:.8}.intro{min-height:620px;padding:7rem 2.4rem;display:grid;grid-template-columns:17% 1fr 31%;border-top:1px solid var(--ink)}.section-number,.contact-kicker{font:500 .64rem var(--mono);letter-spacing:.05em;margin:0}.intro h2{font:400 clamp(2.8rem,6vw,6rem)/.9 var(--display);letter-spacing:-.06em;margin:0}.intro h2 span{color:#7663ff}.intro-copy{align-self:end;font-size:.92rem;line-height:1.7;margin:0;max-width:320px}.work{padding:0 2.4rem 9rem}.work-heading{border-top:1px solid var(--ink);padding:1rem 0 2rem;display:grid;grid-template-columns:17% 1fr auto;align-items:start}.work-heading h2{font:400 clamp(3.5rem,8vw,7.6rem)/.7 var(--display);letter-spacing:-.075em;margin:0}.work-heading h2 i{margin-left:13vw}.work-heading>p:last-child{font:500 .63rem var(--mono);margin:0}.filters{display:flex;gap:.3rem;border-bottom:1px solid var(--ink);padding-bottom:1rem;margin-bottom:2rem;overflow:auto}.filter{border:1px solid var(--ink);border-radius:20px;background:transparent;padding:.48rem .75rem;font:500 .6rem var(--mono);white-space:nowrap;cursor:pointer;transition:.2s}.filter small{font-size:.55rem}.filter:hover,.filter.active{background:var(--ink);color:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3.6rem 1.2rem}.project{grid-column:span 4;padding:0;border:0;background:none;text-align:left;font-family:inherit;cursor:pointer;min-width:0}.project-large{grid-column:span 8}.project-tall{grid-row:span 2}.project-wide{grid-column:span 8}.frame{aspect-ratio:4/3;display:block;overflow:hidden;position:relative;color:#fff;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.project-tall .frame{aspect-ratio:3/4}.project-wide .frame{aspect-ratio:2/1}.project:hover .frame{transform:scale(.975)}.frame b{position:absolute;z-index:2;left:1rem;bottom:.8rem;font:400 clamp(1.6rem,3vw,3.1rem)/.75 var(--display);letter-spacing:-.05em;text-align:left}.frame i{position:absolute;inset:0;background:linear-gradient(145deg,transparent 60%,rgba(0,0,0,.55));transition:.5s}.project:hover .frame i{background:linear-gradient(145deg,transparent 35%,rgba(0,0,0,.65))}.orchid{background:radial-gradient(ellipse at 63% 28%,#e59ebd 0 4%,transparent 5%),radial-gradient(ellipse at 52% 52%,#ffbaed 0 6%,#c13583 7% 16%,transparent 17%),radial-gradient(ellipse at 73% 65%,#fa77ca 0 5%,#662967 6% 25%,transparent 26%),linear-gradient(120deg,#120a1d 12%,#43234e 47%,#a02d78 100%)}.orchid:after{content:"";position:absolute;width:130%;height:48%;bottom:-23%;left:-14%;background:repeating-radial-gradient(ellipse at 50%,transparent 0 12px,#ffb1db 13px 16px,transparent 17px 24px);transform:rotate(-12deg);opacity:.7}.mercury{background:radial-gradient(circle at 55% 50%,#fff 0 4%,#dedfe6 5% 12%,#868a94 13% 24%,transparent 25%),linear-gradient(125deg,#e9653c,#b1bbba 44%,#173e50 45%,#10171e)}.mercury:after{content:"";position:absolute;width:120%;height:4px;background:#edff54;left:-10%;top:57%;transform:rotate(-30deg);box-shadow:0 20px 0 #edff54,0 -20px 0 #edff54}.midnight{background:radial-gradient(ellipse at 52% 72%,#fd7242 0 6%,transparent 7%),linear-gradient(160deg,#061128 0 40%,#1f2a65 41% 53%,#dd3a67 54% 55%,#080c1e 56%)}.midnight:after{content:"";position:absolute;width:50%;height:135%;left:35%;top:-10%;background:linear-gradient(90deg,transparent,#f1c7aa55,transparent);transform:rotate(25deg)}.midnight small{font:500 .3em/1 var(--mono);letter-spacing:.14em}.soil{background:radial-gradient(ellipse at 70% 30%,#edc983 0 3%,transparent 4%),radial-gradient(ellipse at 25% 70%,#a14b2d 0 13%,transparent 14%),linear-gradient(135deg,#284e3b,#b68953 55%,#eacb91)}.soil:after{content:"";position:absolute;width:180%;height:100%;left:-35%;top:15%;border-top:13px solid #d7ff55;border-radius:50%;transform:rotate(-25deg)}.orbital{background:radial-gradient(ellipse at 45% 50%,#e6e0dc 0 3%,#8d9eff 4% 5%,transparent 6%),radial-gradient(ellipse at 50% 50%,transparent 0 28%,#a4b1ff 29% 30%,transparent 31%),radial-gradient(ellipse at 50% 50%,transparent 0 43%,#ff6caa 44% 45%,transparent 46%),#111026}.orbital:after{content:"";position:absolute;width:18%;height:130%;left:42%;top:-15%;border-radius:50%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:rotate(42deg)}.silence{background:linear-gradient(145deg,#d7d5cd,#f4f3ed 54%,#929bbd 55%,#312f6a)}.silence:after{content:"";position:absolute;width:43%;aspect-ratio:1;border:1px solid #242333;border-radius:50%;left:28%;top:23%;box-shadow:0 0 0 18px #ffffff44,0 0 0 40px #ffffff22}.project-meta{display:flex;justify-content:space-between;align-items:baseline;padding-top:.55rem;gap:.5rem}.project-meta strong{font-size:.68rem;font-weight:700;letter-spacing:.02em}.project-meta em{font:400 .55rem var(--mono);font-style:normal;white-space:nowrap}.project.is-hidden{display:none}.manifesto{background:var(--ink);color:var(--paper);min-height:620px;padding:8rem 2.4rem;position:relative;overflow:hidden}.manifesto p{position:relative;z-index:1;font:400 clamp(3.1rem,7vw,7.5rem)/.89 var(--display);letter-spacing:-.065em;margin:0;max-width:1000px}.manifesto span:not(.manifesto-mark){color:var(--acid);font-style:italic}.manifesto-mark{position:absolute;color:var(--acid);right:5%;top:-.17em;font-size:35vw;line-height:1;font-family:var(--display)}.contact{min-height:680px;padding:1.1rem 2.4rem 2rem;position:relative}.contact-kicker{margin:11rem 0 1.6rem 17%}.contact>a{font:400 clamp(5rem,13vw,13rem)/.67 var(--display);letter-spacing:-.075em;color:inherit;text-decoration:none;display:inline-block;margin-left:16%}.contact>a i{color:#7663ff}.contact>a span{font:400 .27em var(--mono);vertical-align:top;letter-spacing:0}.contact footer{border-top:1px solid var(--ink);position:absolute;bottom:2rem;left:2.4rem;right:2.4rem;padding-top:.8rem;display:flex;justify-content:space-between;font:500 .57rem var(--mono)}.contact footer a{color:inherit;text-decoration:none}.project-dialog{border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:0;max-width:850px;width:calc(100% - 2rem);grid-template-columns:1fr 1fr}.project-dialog[open]{display:grid}.project-dialog::backdrop{background:#131310cc;backdrop-filter:blur(5px)}.dialog-art{min-height:440px;background:radial-gradient(circle at 55% 30%,var(--acid),transparent 12%),linear-gradient(145deg,#5530a5,#ff566e,#141327)}.dialog-copy{padding:3.3rem 2.5rem;display:flex;flex-direction:column;justify-content:center}.dialog-copy>p:first-child{font:500 .63rem var(--mono);margin:0 0 2rem}.dialog-copy h2{font:400 3.4rem/.8 var(--display);letter-spacing:-.06em;margin:0 0 1.7rem}.dialog-copy>p:nth-child(3){font-size:.88rem;line-height:1.7}.dialog-copy a{color:inherit;margin-top:1rem;font:500 .64rem var(--mono);text-decoration:none;border-bottom:1px solid;padding-bottom:.5rem;width:max-content}.dialog-close{position:absolute;z-index:2;right:.7rem;top:.4rem;border:0;background:none;font:400 2rem var(--display);cursor:pointer}@media(max-width:700px){.site-shell{border:0}.topbar{height:76px;padding:0 1.1rem;grid-template-columns:1fr auto}.topbar-label{display:none}.main-nav{position:absolute;inset:75px 0 auto;background:var(--ink);padding:1.4rem 1.1rem;display:none;flex-direction:column;gap:1rem}.main-nav.open{display:flex}.main-nav a{color:var(--paper)}.menu-toggle{display:grid;gap:5px;border:0;background:none;padding:1rem 0 1rem 1rem}.menu-toggle span{width:25px;height:1px;background:var(--ink)}.hero{height:calc(100svh - 76px);min-height:540px;padding:1.1rem}.hero-index{right:1.1rem}.eyebrow{margin:11vh 0 0 5%;font-size:.59rem}.hero h1{font-size:21vw;margin-top:15vh}.hero h1 em{margin-left:12%}.hero-foot{left:1.1rem;right:1.1rem;bottom:1.3rem}.hero-foot p{font-size:.55rem}.round-link{width:85px;height:85px;padding:20px 10px}.orb-one{width:76vw;height:76vw;right:-5%;top:12%}.orb-two{width:55vw;height:55vw;right:12%;top:33%}.intro{min-height:500px;padding:4rem 1.1rem;display:block}.intro h2{margin:4rem 0 3rem}.intro-copy{margin-left:20%;font-size:.82rem}.work{padding:0 1.1rem 5rem}.work-heading{grid-template-columns:1fr auto}.work-heading h2{grid-column:1/-1;margin-top:3rem}.work-heading h2 i{margin-left:18vw}.filters{margin-top:.4rem}.project-grid{grid-template-columns:repeat(2,1fr);gap:2.4rem .7rem}.project,.project-large,.project-wide{grid-column:span 1}.project-large,.project-wide{grid-column:span 2}.project-meta{display:block}.project-meta em{display:block;margin-top:.25rem}.manifesto{min-height:500px;padding:6rem 1.1rem}.manifesto-mark{font-size:55vw;right:-5%}.contact{min-height:560px;padding:1.1rem}.contact-kicker{margin:8rem 0 1.5rem 0}.contact>a{font-size:20vw;margin-left:0}.contact footer{left:1.1rem;right:1.1rem;bottom:1.1rem;font-size:.48rem}.contact footer span:nth-child(2){display:none}.project-dialog[open]{display:block}.dialog-art{min-height:260px}.dialog-copy{padding:2.1rem 1.4rem}.dialog-copy h2{font-size:2.8rem}}