@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans/InstrumentSans-Variable.woff2)format("woff2-variations");font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap}:root{color-scheme:light;--brand-lime:#51d72f;--brand-soft-lime:#bef264;--brand-charcoal:#33333a;--brand-light-mint:#aded0c;--paper:#f1f2ec;--paper-raised:#f9faf5;--ink:#29292f;--ink-muted:#62635f;--line:#33333a2e;--line-dark:#f9faf533;--focus-on-light:#226414;--content-width:120rem;--gutter:clamp(1.25rem, 3.2vw, 4rem)}*,:before,:after{box-sizing:border-box}html{background:var(--paper);min-width:0;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;line-height:1.45}body{background:var(--paper);min-height:100vh;margin:0;overflow-x:clip}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:.08em}:focus-visible{outline:.1875rem solid var(--focus-on-light);outline-offset:.25rem}.skip-link{z-index:100;border:.125rem solid var(--brand-charcoal);background:var(--brand-lime);color:var(--brand-charcoal);padding:.7rem .9rem;font-weight:650;transition:transform .14s ease-out;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;width:min(100%, var(--content-width));padding:1.1rem var(--gutter);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;margin-inline:auto;display:flex;position:relative}.home-page .site-header{position:absolute;inset:0 0 auto}.brand-lockup{letter-spacing:-.015em;align-items:center;gap:.8rem;min-height:2.75rem;font-size:1rem;font-weight:620;text-decoration:none;display:inline-flex}.brand-lockup img{flex:none;width:2.75rem;height:2.75rem;display:block}.site-header nav{align-items:center;gap:clamp(1.25rem,2.5vw,2.5rem);font-size:.875rem;display:flex}.site-header nav a{align-items:center;min-height:2.75rem;text-decoration:none;display:inline-flex;position:relative}.site-header nav a:after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1px;transition:transform .18s;position:absolute;bottom:calc(50% - .725em);left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}main{width:100%}.site-footer{padding:clamp(2rem, 4vw, 4rem) var(--gutter);border-top:1px solid var(--line-dark);background:var(--brand-charcoal);color:var(--paper-raised);justify-content:space-between;align-items:flex-end;gap:2rem;font-size:.875rem;display:flex}.site-footer p{flex-direction:column;gap:.25rem;margin:0;display:flex}.site-footer p span:last-child{color:#f9faf5a6}.site-footer a:focus-visible{outline-color:var(--brand-lime)}.site-footer a{align-items:center;min-height:2.75rem;margin-block:calc(-1.375rem + .725em);display:inline-flex}.hero{min-height:max(46rem,100svh);padding:clamp(7.5rem, 14vh, 11rem) var(--gutter) clamp(2rem, 5vh, 4rem);border-bottom:1px solid var(--line);background:var(--paper);grid-template-rows:1fr auto;display:grid;position:relative;overflow:clip}.hero-statement,.hero-jump{z-index:1;position:relative}.hero-statement{font-variation-settings:"wght" 540, "wdth" 88;letter-spacing:-.075em;word-spacing:.09em;cursor:default;user-select:text;flex-direction:column;align-self:center;width:100%;margin:clamp(2.5rem,5vh,5rem) 0;line-height:.76;display:flex}.hero-atmosphere{z-index:0;pointer-events:none;width:clamp(54rem,61vw,76rem);margin:0;position:absolute;top:45%;right:clamp(-28rem,-24vw,-16rem);transform:translateY(-50%)}.hero-atmosphere img{opacity:.21;filter:saturate(.88)contrast(1.02);mix-blend-mode:multiply;width:100%;height:auto;display:block;-webkit-mask-image:radial-gradient(72% 68% at 51% 52%,#000 34%,#000000e0 57%,#00000047 78%,#0000 100%);mask-image:radial-gradient(72% 68% at 51% 52%,#000 34%,#000000e0 57%,#00000047 78%,#0000 100%)}.hero-line{white-space:nowrap;width:fit-content;display:block}.hero-line--build,.hero-line--problems,.hero-line--know{font-size:clamp(4.75rem,9vw,10.75rem)}.hero-line--build{margin-left:2%}.hero-line--tools{margin:-.02em 0 -.03em 27%;font-size:clamp(7rem,14vw,16rem)}.hero-line--problems{margin-left:7%}.hero-line--know{margin:-.02em 0 0 56%}.focus-word{padding:.03em .11em .1em;display:inline-block;position:relative}.focus-word__text{z-index:1;animation:2.55s linear both focus-word-settle;display:inline-block;position:relative}.focus-frame{pointer-events:none;animation:2.55s linear both focus-frame-settle;position:absolute;inset:-.02em -.04em .02em}.focus-segment{background:var(--brand-lime);opacity:.95;border-radius:max(1px,.006em);display:block;position:absolute}.focus-segment--horizontal{width:21%;height:max(2px,.012em)}.focus-segment--vertical{width:max(2px,.012em);height:32%}.focus-segment--top-left{transform-origin:0 0;top:0;left:0}.focus-segment--top-right{transform-origin:100% 0;top:0;right:0}.focus-segment--bottom-left{transform-origin:0 100%;bottom:0;left:0}.focus-segment--bottom-right{transform-origin:100% 100%;bottom:0;right:0}.focus-segment:first-child{animation:.48s cubic-bezier(.16,1,.3,1) .65s both build-horizontal}.focus-segment:nth-child(2){animation:.48s cubic-bezier(.16,1,.3,1) .65s both build-vertical}.focus-segment:nth-child(3){animation:.48s cubic-bezier(.16,1,.3,1) 1.2s both build-horizontal}.focus-segment:nth-child(4){animation:.48s cubic-bezier(.16,1,.3,1) 1.2s both build-vertical}.focus-segment:nth-child(5){animation:.48s cubic-bezier(.16,1,.3,1) .1s both build-horizontal}.focus-segment:nth-child(6){animation:.48s cubic-bezier(.16,1,.3,1) .1s both build-vertical}.focus-segment:nth-child(7){animation:.48s cubic-bezier(.16,1,.3,1) 1.75s both build-horizontal}.focus-segment:nth-child(8){animation:.48s cubic-bezier(.16,1,.3,1) 1.75s both build-vertical}@keyframes focus-word-settle{0%,88%{transform:scale(1)}92%{transform:scale(.998)}97%{transform:scale(1.002)}to{transform:scale(1)}}@keyframes focus-frame-settle{0%,88%{transform:scale(1)}92%{transform:scale(1.006)}97%{transform:scale(.999)}to{transform:scale(1)}}@keyframes build-horizontal{0%{opacity:0;transform:scaleX(0)}18%{opacity:.72}72%{opacity:.95;transform:scaleX(1.025)}88%{opacity:.95;transform:scaleX(.992)}to{opacity:.95;transform:scaleX(1)}}@keyframes build-vertical{0%{opacity:0;transform:scaleY(0)}18%{opacity:.72}72%{opacity:.95;transform:scaleY(1.025)}88%{opacity:.95;transform:scaleY(.992)}to{opacity:.95;transform:scaleY(1)}}.hero-jump{border-top:1px solid var(--line);grid-template-columns:minmax(6rem,.45fr) 1fr auto;align-items:center;gap:1rem;padding-top:1rem;font-size:.85rem;text-decoration:none;display:grid}.hero-jump__label{color:var(--ink-muted)}.hero-jump__names{font-weight:590}.hero-jump__arrow{color:var(--focus-on-light);font-size:1.5rem;transition:transform .18s}.hero-jump:hover .hero-jump__arrow,.hero-jump:focus-visible .hero-jump__arrow{transform:translateY(.25rem)}.project-stage{background:var(--brand-charcoal);color:var(--paper-raised);scroll-margin-top:0}.project-stage__header{padding:clamp(5rem, 9vw, 9rem) var(--gutter) clamp(2rem, 4vw, 4rem);border-bottom:1px solid var(--line-dark);justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.project-stage__header p,.project-stage__header h2{margin:0}.project-stage__header p{color:#f9faf5a6;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.project-stage__header h2{font-variation-settings:"wght" 520, "wdth" 86;letter-spacing:-.055em;font-size:clamp(2.75rem,5vw,5.5rem);line-height:.9}.project-list{margin:0;padding:0;list-style:none}.project-list li{border-bottom:1px solid var(--line-dark)}.project-reveal{isolation:isolate;min-height:clamp(20rem,31vw,35rem);padding:clamp(2rem, 5vw, 5rem) var(--gutter);color:var(--paper-raised);grid-template-rows:1fr auto;grid-template-columns:minmax(2.5rem,5vw) minmax(0,1fr) 3rem;align-items:center;gap:clamp(1rem,3vw,3rem);text-decoration:none;transition:color .26s;display:grid;position:relative;overflow:clip}.project-reveal:before{z-index:-1;background:var(--brand-lime);content:"";transform-origin:100%;transition:transform .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}.project-reveal:hover,.project-reveal:focus-visible{color:var(--brand-charcoal)}.project-reveal:hover:before,.project-reveal:focus-visible:before{transform-origin:0;transform:scaleX(1)}.project-reveal:focus-visible{outline-color:var(--brand-lime);outline-offset:-.375rem}.project-index,.project-status{font-variation-settings:"wght" 580, "wdth" 90;letter-spacing:.09em;text-transform:uppercase;font-size:.75rem}.project-index{color:var(--brand-lime);grid-area:1/1;align-self:start;padding-top:.3rem;transition:color .26s}.project-reveal:hover .project-index,.project-reveal:focus-visible .project-index{color:var(--brand-charcoal)}.project-identity{flex-direction:column;grid-area:1/2;align-self:center;gap:1.25rem;min-width:0;display:flex}.project-status{color:#f9faf59e;transition:color .26s}.project-reveal:hover .project-status,.project-reveal:focus-visible .project-status{color:#33333ab8}.project-name{font-variation-settings:"wght" 560, "wdth" 78;letter-spacing:-.075em;white-space:nowrap;font-size:clamp(4.5rem,10.5vw,12.5rem);line-height:.78;transition:font-variation-settings .52s cubic-bezier(.22,1,.36,1)}.project-reveal[data-project=uonscreen] .project-name{font-variation-settings:"wght" 560, "wdth" 84}.project-reveal:hover .project-name,.project-reveal:focus-visible .project-name{font-variation-settings:"wght" 560, "wdth" 98}.project-description{color:#f9faf5ad;grid-area:2/2;justify-self:end;max-width:38rem;font-size:clamp(1rem,1.35vw,1.25rem);transition:color .26s}.project-reveal:hover .project-description,.project-reveal:focus-visible .project-description{color:#33333acc}.project-open{grid-area:1/3;align-self:start;font-size:2rem;line-height:1;transition:transform .3s}.project-reveal:hover .project-open,.project-reveal:focus-visible .project-open{transform:translate(.2rem,-.2rem)}.philosophy-stage,.creator-stage{border-bottom:1px solid var(--line);background:var(--paper);display:grid;position:relative;overflow:clip}.philosophy-stage{min-height:max(50rem,88svh);padding:clamp(6rem, 10vw, 12rem) var(--gutter);grid-template-rows:auto auto 1fr;grid-template-columns:minmax(9rem,.38fr) minmax(0,1fr);gap:clamp(4rem,7vw,8rem) clamp(2rem,6vw,7rem)}.story-heading{z-index:1;grid-column:1/-1;grid-template-columns:minmax(9rem,.38fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,6vw,7rem);display:grid;position:relative}.story-heading p,.story-marker,.contact-intro>p:first-child{color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem}.story-heading h2{font-variation-settings:"wght" 540, "wdth" 82;letter-spacing:-.07em;max-width:10ch;margin:0;font-size:clamp(4.5rem,8.5vw,10rem);line-height:.84}.display-punctuation--period{position:relative;inset-inline-start:.025em}.philosophy-copy{grid-column:2;grid-template-columns:minmax(0,1fr) minmax(17rem,.68fr);gap:clamp(2rem,6vw,7rem);display:grid}.philosophy-copy p,.philosophy-principle,.creator-copy,.contact-intro p{margin:0}.philosophy-definition{font-variation-settings:"wght" 520, "wdth" 88;letter-spacing:-.035em;max-width:27ch;font-size:clamp(1.65rem,2.8vw,3.25rem);line-height:1.08}.philosophy-detail,.creator-copy,.contact-intro>p:last-child{max-width:35rem;color:var(--ink-muted);font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.55}.philosophy-principle{z-index:1;border-top:1px solid var(--line);font-variation-settings:"wght" 520, "wdth" 82;letter-spacing:-.065em;grid-column:1/-1;grid-template-columns:1fr 1fr;align-self:end;gap:clamp(2rem,6vw,7rem);padding-top:clamp(2rem,4vw,4rem);font-size:clamp(3.25rem,5.7vw,7rem);line-height:.88;display:grid;position:relative}.philosophy-principle>span{max-width:9ch;display:block}.philosophy-principle>span:last-child{text-align:right;justify-self:end}.creator-stage{min-height:max(42rem,76svh);padding:clamp(6rem, 10vw, 11rem) var(--gutter);background:var(--paper-raised);grid-template-rows:auto 1fr;grid-template-columns:minmax(9rem,.36fr) minmax(0,1fr) minmax(18rem,.55fr);gap:clamp(4rem,7vw,8rem) clamp(2rem,5vw,6rem)}.story-marker{z-index:1;grid-column:1;position:relative}.creator-name{z-index:1;font-variation-settings:"wght" 540, "wdth" 84;letter-spacing:-.075em;word-spacing:.06em;flex-direction:column;grid-column:2/-1;margin:0;font-size:clamp(4.75rem,9vw,10.5rem);line-height:.78;display:flex;position:relative}.creator-name span:last-child{margin-left:24%}.creator-copy{z-index:1;grid-area:2/3;align-self:end;gap:1.25rem;display:grid;position:relative}.creator-copy p{margin:0}.contact-stage{background:var(--brand-charcoal);color:var(--paper-raised);scroll-margin-top:0}.contact-intro{min-height:max(34rem,66svh);padding:clamp(6rem, 10vw, 11rem) var(--gutter);border-bottom:1px solid var(--line-dark);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(9rem,.38fr) minmax(0,1fr);gap:clamp(3rem,6vw,7rem);display:grid}.contact-intro>p:first-child{color:#f9faf59e;grid-column:1}.contact-intro h2{font-variation-settings:"wght" 530, "wdth" 84;letter-spacing:-.07em;grid-column:2;align-self:start;max-width:10ch;margin:0;font-size:clamp(4.5rem,8vw,9.5rem);line-height:.86}.contact-intro>p:last-child{color:#f9faf5ad;grid-column:2}.contact-link{isolation:isolate;min-height:clamp(11rem,18vw,21rem);padding:clamp(2.5rem, 5vw, 6rem) var(--gutter);font-variation-settings:"wght" 520, "wdth" 86;letter-spacing:-.06em;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;font-size:clamp(2.75rem,6.7vw,8rem);line-height:.9;text-decoration:none;transition:color .26s;display:grid;position:relative;overflow:clip}.contact-link:before{z-index:-1;background:var(--brand-light-mint);content:"";transform-origin:100%;transition:transform .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}.contact-link:hover,.contact-link:focus-visible{color:var(--brand-charcoal)}.contact-link:hover:before,.contact-link:focus-visible:before{transform-origin:0;transform:scaleX(1)}.contact-link:focus-visible{outline-color:var(--brand-lime);outline-offset:-.375rem}.contact-link span:first-child{overflow-wrap:anywhere;min-width:0}.contact-link span:last-child{font-size:.55em;transition:transform .3s}.contact-link:hover span:last-child,.contact-link:focus-visible span:last-child{transform:translate(.2rem,-.2rem)}.project-page,.page-intro{width:min(calc(100% - (2 * var(--gutter))), 78rem);min-height:calc(100svh - 12rem);margin-inline:auto;padding-block:clamp(5rem,10vw,10rem)}.project-page .page-intro{width:100%;min-height:0;padding-block:0}.page-intro h1,.project-page h1{font-variation-settings:"wght" 540, "wdth" 82;letter-spacing:-.07em;max-width:11ch;margin:0 0 2rem;font-size:clamp(4rem,11vw,10rem);line-height:.85}.eyebrow{color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.75rem}.lede{max-width:45rem;color:var(--ink-muted);margin:0;font-size:clamp(1.1rem,2vw,1.5rem)}.back-link{align-items:center;min-height:2.75rem;margin-bottom:clamp(4rem,9vw,8rem);font-weight:580;display:inline-flex}.page-intro .back-link{margin:0}@media (width<=64rem){.hero-line--build,.hero-line--problems,.hero-line--know{font-size:clamp(4.4rem,10.5vw,7.25rem)}.hero-line--tools{font-size:clamp(6.5rem,16vw,10rem)}.project-reveal{grid-template-columns:3rem minmax(0,1fr) 2.5rem}}@media (width<=46rem){.site-header{padding-block:.75rem}.brand-lockup img{width:2.25rem;height:2.25rem}.site-header nav{gap:1rem;font-size:.8rem}.hero{min-height:max(42rem,100svh);padding-top:7rem}.hero-atmosphere{display:none}.hero-statement{align-self:start;margin:clamp(5.5rem,13vh,7rem) 0 0;line-height:.79}.hero-line--build{word-spacing:-.04em}.hero-line--build,.hero-line--problems,.hero-line--know{font-size:clamp(3.8rem,18vw,5.35rem)}.hero-line--tools{margin-left:9%;font-size:clamp(5.25rem,25vw,7.4rem)}.hero-line--problems{margin-left:0}.hero-line--know{margin-left:33%}.hero-jump{grid-template-columns:1fr auto;row-gap:.4rem}.hero-jump__names{grid-area:2/1}.hero-jump__arrow{grid-area:1/2/span 2}.project-stage__header{flex-direction:column-reverse;align-items:flex-start}.project-reveal{grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;align-items:start;gap:1.5rem;min-height:31rem;padding-block:2.5rem}.project-index{grid-column:1}.project-identity{grid-area:2/1/auto/-1;align-self:center}.project-name{white-space:normal;font-size:clamp(3.45rem,16.5vw,4.5rem)}.project-reveal:hover .project-name,.project-reveal:focus-visible .project-name{font-variation-settings:"wght" 560, "wdth" 78}.project-reveal[data-project=uonscreen] .project-name,.project-reveal[data-project=uonscreen]:hover .project-name,.project-reveal[data-project=uonscreen]:focus-visible .project-name{font-variation-settings:"wght" 560, "wdth" 84}.project-description{grid-area:3/1/auto/-1;align-self:end;transform:translateY(-2.5rem)}.project-open{grid-area:1/2}.philosophy-stage{grid-template-rows:auto;grid-template-columns:1fr;gap:0;min-height:0;padding-block:clamp(5.5rem,15vw,7rem)}.story-heading{grid-template-columns:1fr;gap:3rem;display:grid}.story-heading h2{max-width:8ch;font-size:clamp(4rem,18vw,5.25rem)}.philosophy-copy{grid-column:1;grid-template-columns:1fr;gap:2rem;margin:4.5rem 0 0 23%}.philosophy-definition{font-size:clamp(1.65rem,8vw,2.15rem)}.philosophy-principle{grid-template-columns:1fr;gap:1rem;margin-top:5.5rem;padding-top:2rem;font-size:clamp(3.15rem,15vw,4.35rem)}.philosophy-principle>span:last-child{text-align:left;justify-self:start;margin-left:23%}.creator-stage{grid-template-rows:auto;grid-template-columns:1fr;gap:0;min-height:0;padding-block:clamp(5.5rem,15vw,7rem)}.story-marker,.creator-name,.creator-copy{grid-area:auto/1}.creator-name{margin-top:4.5rem;font-size:clamp(4rem,18vw,5.25rem)}.creator-name span:last-child{margin-left:23%}.creator-copy{margin:4.5rem 0 0 23%}.contact-intro{grid-template-rows:auto;grid-template-columns:1fr;gap:0;min-height:0;padding-block:clamp(5.5rem,15vw,7rem)}.contact-intro>p:first-child,.contact-intro h2,.contact-intro>p:last-child{grid-column:1}.contact-intro h2{max-width:8ch;margin-top:3.5rem;font-size:clamp(4rem,17vw,5.1rem)}.contact-intro>p:last-child{margin:4rem 0 0 23%}.contact-link{letter-spacing:-.045em;gap:.75rem;min-height:10rem;padding-block:3rem;font-size:clamp(1.75rem,7.6vw,2.1rem)}.site-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}