*,:after,:before{box-sizing:border-box}a{color:var(--color-link);cursor:pointer;outline:none;text-decoration:none}a:hover{color:var(--color-link-hover);outline:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus-visible{background:0 0;outline:2px solid red}main{width:100%;position:relative;overflow:hidden}.unbutton{font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.unbutton:focus{outline:none}.frame{grid-gap:.5rem;pointer-events:none;opacity:.7;grid-template-columns:100%;grid-template-areas:"title""prev""sponsor""demos";place-self:start;place-items:center start;width:100%;padding:1rem;font-size:.85rem;display:grid;position:relative}body #cdawrap{justify-self:start}.frame a{pointer-events:auto}.frame a:not(.frame__title-back){white-space:nowrap;position:relative;overflow:hidden}.frame a:not(.frame__title-back):before{content:"";transform-origin:0%;background:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;top:90%}.frame a:not(.frame__title-back):hover:before{transform-origin:100%;transform:scaleX(0)}.frame__title{grid-area:title;display:flex}.frame__title-main{font-size:inherit;font-weight:inherit;margin:0}.frame__title-back{align-items:flex-end;display:flex;position:relative}.frame__title-back span{display:none}.frame__title-back svg{fill:currentColor}.frame__prev{grid-area:prev}.project{grid-column-gap:7vw;grid-row-gap:.5rem;max-width:1000px;margin:20vh auto;padding:1rem;display:grid}.project--intro{grid-template-columns:1fr;grid-template-areas:"label-name""name""label-date""date""title""label-mission""mission"}.project--details{grid-template-columns:1fr;grid-template-areas:"label-default""paragraph"}.project--left{justify-content:start}.project--right{justify-content:end}.project--details p{grid-area:paragraph;max-width:400px}.project__label--default{grid-area:label-default}.project p{color:var(--color-text-alt);margin:0;line-height:1.4}.project__label{color:var(--color-label)}.project__label--name{grid-area:label-name}.project__label--date{grid-area:label-date}.project__label--mission{grid-area:label-mission}.project__name{grid-area:name}.project__date{grid-area:date}.project__mission{grid-area:mission;line-height:1.4}.project__mission p:first-child{grid-area:p1}.project__mission p{color:var(--color-text-alt)}.project__title{grid-area:title;margin:10vh 0;font-size:clamp(2rem,13vw,8rem);font-weight:400;line-height:1}.project__heading{color:var(--color-label);font-weight:inherit;font-size:inherit;margin:0}.gallery-wrap{justify-content:center;align-items:center;width:100%;height:100vh;margin:2vh auto;display:flex;position:relative;overflow:hidden}.gallery-wrap--auto{height:auto}.gallery-wrap--dense{margin:0}.gallery{flex:none;width:100%;height:100%;position:relative}.gallery--breakout{width:min-content}.gallery__item{filter:brightness();background-position:50%;background-size:cover;border-radius:6px;flex:none;position:relative}.gallery__item-cut{place-items:center;display:grid;overflow:hidden}.gallery__item-inner{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.caption{z-index:101;color:var(--color-caption);font-size:clamp(1rem,3vw,1.75rem);font-weight:400}.gallery--row{--size-factor:1.25;--item-height:20vh;justify-content:center;align-items:center;gap:2rem;display:flex}.gallery--row .gallery__item{aspect-ratio:2/3;width:auto}.gallery--row .gallery__item--s{height:var(--item-height)}.gallery--row .gallery__item--m{height:calc(var(--size-factor)*var(--item-height))}.gallery--row .gallery__item--l{height:calc(var(--size-factor)*2*var(--item-height))}.gallery--row .gallery__item--xl{z-index:100;height:calc(var(--size-factor)*3*var(--item-height))}.gallery--switch.gallery--row .gallery__item--m,.gallery--switch.gallery--row .gallery__item--l{height:var(--item-height)}.gallery--row .caption{opacity:0;width:100%;max-width:730px;height:auto;padding:4.5vw;position:absolute;bottom:-50vh;left:0}.gallery--switch.gallery--row .caption{opacity:1;bottom:0}.gallery--one{place-items:center;display:grid}.gallery--one .gallery__item{filter:brightness()hue-rotate(90deg);width:400%;height:400%}.gallery--switch.gallery--one .gallery__item{filter:brightness(.7)hue-rotate();width:100%;height:100%}.gallery--one .caption{place-items:center;width:100vw;height:100vh;margin:100vh 0 0 -50vw;font-size:clamp(2rem,5vw,3rem);display:grid;position:absolute;top:50%;left:50%}.gallery--switch.gallery--one .caption{margin-top:-50vh}.gallery--grid{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,auto);gap:2.5vw 3vw;height:auto;display:grid}.gallery--grid .gallery__item{width:33vw;height:33vh}.gallery--switch.gallery--grid{gap:0}.gallery--switch.gallery--grid .gallery__item{filter:brightness(.65);width:110vw;height:110vh}.gallery--grid .caption{opacity:0;place-items:center;width:100vw;max-width:none;height:100vh;margin-top:50vh;margin-left:-50vw;padding:0;display:grid;position:absolute;top:50%;left:50%}.gallery--switch.gallery--grid .caption{opacity:1;margin-top:-40vh}.gallery--grid .caption p{padding:50vh 30vw 10vh 10vw}.gallery--switch.gallery--grid .caption p{margin-top:0}.gallery--stack{--offset:1rem;grid-template-columns:repeat(6,1fr);justify-content:start;align-items:center;gap:2rem;padding:2rem;display:grid}.gallery--stack .gallery__item{z-index:1;border-radius:1.5vw;width:25vw;height:35vw}.gallery--stack-glass .gallery__item{filter:opacity()}.gallery--switch.gallery--stack .gallery__item{grid-area:1/1/2/2}.gallery--stack .caption{width:100vw;color:var(--color-text-alt);opacity:0;z-index:0;padding:5vw;position:absolute;bottom:0;left:100vw}.gallery--stack .caption p{margin:0}.gallery--switch.gallery--stack .caption{opacity:1;left:0}.gallery--stack-inverse .gallery__item:nth-child(5){z-index:2}.gallery--stack-inverse .gallery__item:nth-child(4){z-index:3}.gallery--stack-inverse .gallery__item:nth-child(3){z-index:4}.gallery--stack-inverse .gallery__item:nth-child(2){z-index:5}.gallery--stack-inverse .gallery__item:first-child{z-index:6}.gallery--switch.gallery--stack .gallery__item:nth-child(2){margin-left:var(--offset)}.gallery--switch.gallery--stack .gallery__item:nth-child(3){margin-left:calc(var(--offset)*2)}.gallery--switch.gallery--stack .gallery__item:nth-child(4){margin-left:calc(var(--offset)*3)}.gallery--switch.gallery--stack .gallery__item:nth-child(5){margin-left:calc(var(--offset)*4)}.gallery--switch.gallery--stack .gallery__item:nth-child(6){margin-left:calc(var(--offset)*5)}.gallery--switch.gallery--stack-dark .gallery__item:nth-child(2){filter:brightness(.8)}.gallery--switch.gallery--stack-dark .gallery__item:nth-child(3){filter:brightness(.7)}.gallery--switch.gallery--stack-dark .gallery__item:nth-child(4){filter:brightness(.6)}.gallery--switch.gallery--stack-dark .gallery__item:nth-child(5){filter:brightness(.5)}.gallery--switch.gallery--stack-dark .gallery__item:nth-child(6){filter:brightness(.4)}.gallery--switch.gallery--stack-glass .gallery__item{opacity:.7}.gallery--switch.gallery--stack-scale .gallery__item:nth-child(2){transform:scale(.98)}.gallery--switch.gallery--stack-scale .gallery__item:nth-child(3){transform:scale(.96)}.gallery--switch.gallery--stack-scale .gallery__item:nth-child(4){transform:scale(.94)}.gallery--switch.gallery--stack-scale .gallery__item:nth-child(5){transform:scale(.92)}.gallery--switch.gallery--stack-scale .gallery__item:nth-child(6){transform:scale(.9)}.gallery--gridtiny{grid-template-columns:repeat(10,1fr);gap:1vh;width:300%;height:min-content;padding:0 2vh;display:grid}.gallery--switch.gallery--gridtiny{gap:2vh;width:100%}.gallery--gridtiny .gallery__item{aspect-ratio:1;filter:contrast(.8)saturate(0)brightness(.6)opacity();width:100%;height:auto}.gallery--switch.gallery--gridtiny .gallery__item{filter:contrast()saturate()brightness(.8)opacity(.8)}.gallery--gridtiny .caption{opacity:0;place-items:center;width:100vw;height:100vh;margin:-50vh 0 0 -50vw;font-size:clamp(2rem,8vw,4rem);display:grid;position:absolute;top:50%;left:50%}.gallery--switch.gallery--gridtiny .caption{opacity:1}.gallery--switch .gallery__item--center{aspect-ratio:auto;filter:brightness(.5);width:100vw;height:100vh}.gallery--bento{grid-template-rows:repeat(4,23vh);grid-template-columns:repeat(3,32.5vw);place-content:center;gap:1vh;display:grid}.gallery--switch.gallery--bento{grid-template-rows:repeat(4,49.5vh);grid-template-columns:repeat(3,100vw);gap:15vh}.gallery--bento .gallery__item:first-child{grid-area:1/1/3/2}.gallery--bento .gallery__item:nth-child(2){grid-area:1/2/2/3}.gallery--bento .gallery__item:nth-child(3){grid-area:2/2/4/3}.gallery--bento .gallery__item:nth-child(4){grid-area:1/3/3/3}.gallery--bento .gallery__item:nth-child(5){grid-area:3/1/3/2}.gallery--bento .gallery__item:nth-child(6){grid-area:3/3/5/4}.gallery--bento .gallery__item:nth-child(7){grid-area:4/1/5/2}.gallery--bento .gallery__item:nth-child(8){grid-area:4/2/5/3}.gallery--bento .caption{place-items:center;width:100vw;height:100vh;margin:100vh 0 0 -50vw;font-size:clamp(2rem,10vw,5rem);display:grid;position:absolute;top:50%;left:50%}.gallery--switch.gallery--bento .caption{margin-top:-50vh}.gallery--grid10{grid-template-columns:repeat(2,1fr);gap:2vw;display:grid}.gallery--switch.gallery--grid10{grid-gap:0;grid-template-rows:1fr 60vh 1fr;grid-template-columns:1fr 300px 1fr}.gallery--switch.gallery--grid10 .gallery__item{grid-area:2/2/3/3}.gallery--grid10 .caption{place-items:center;width:100vw;height:100vh;margin:100vh 0 0 -50vw;font-size:clamp(2rem,8vw,6rem);display:grid;position:absolute;top:50%;left:50%}.gallery--switch.gallery--grid10 .caption{opacity:1;margin-top:-50vh}@media screen and (min-width:53em){.frame{grid-gap:2rem;grid-template-columns:auto auto auto 1fr;grid-template-areas:"title prev.sponsor";align-content:space-between;justify-items:start}.frame__demos{justify-self:end}.project--intro{grid-template-columns:auto 1fr;grid-template-areas:"label-name name""label-date date""title title""label-mission mission"}.project--details{grid-template-columns:auto auto;grid-template-areas:"label-default paragraph"}.project__label{text-align:right}.project__mission{grid-template:"p1."".p2"/1fr 1fr;column-gap:2rem;display:grid}.gallery--grid10{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(10,1fr)}.gallery--grid10:not(.gallery--switch) .pos-1{grid-area:1/1}.gallery--grid10:not(.gallery--switch) .pos-2{grid-area:1/2}.gallery--grid10:not(.gallery--switch) .pos-3{grid-area:1/4}.gallery--grid10:not(.gallery--switch) .pos-4{grid-area:1/5}.gallery--grid10:not(.gallery--switch) .pos-5{grid-area:3/6}.gallery--grid10:not(.gallery--switch) .pos-6{grid-area:1/7}.gallery--grid10:not(.gallery--switch) .pos-7{grid-area:1/9}.gallery--grid10:not(.gallery--switch) .pos-8{grid-area:3/10}.gallery--grid10:not(.gallery--switch) .pos-9{grid-area:2/8}.gallery--grid10:not(.gallery--switch) .pos-10{grid-area:4/9}.gallery--grid10:not(.gallery--switch) .pos-11{grid-area:3/8}.gallery--grid10:not(.gallery--switch) .pos-12{grid-area:2/2}.gallery--grid10:not(.gallery--switch) .pos-13{grid-area:3/1}.gallery--grid10:not(.gallery--switch) .pos-14{grid-area:3/4}.gallery--grid10:not(.gallery--switch) .pos-15{grid-area:4/3}.gallery--grid10:not(.gallery--switch) .pos-16{grid-area:4/7}.gallery--stack .caption{width:60vw;max-width:800px;bottom:40%}.gallery--switch.gallery--stack .caption{left:40vw}body #cdawrap{justify-self:end}}