*,:after,:before{box-sizing:border-box}:root{--color-text:#fff;--color-bg:#131417;--color-link:#aaa;--color-link-hover:#fff;--color-label:#adadad;--color-text-alt:#575757;--color-caption:#fff;font-size:18px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#131417;color:#fff;font-family:tenon,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight:400;margin:0}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{background:#131417;height:100%;left:0;top:0;width:100%}.js .loading:after{animation:loaderAnim .7s linear infinite alternate forwards;background:#aaa;border-radius:50%;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.4;top:50%;width:60px}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{color:#aaa;cursor:pointer;text-decoration:none}a,a:hover{outline:none}a:hover{color:#fff}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:#0000}a:focus-visible{background:#0000;outline:2px solid red}main{overflow:hidden;position:relative;width:100%}.unbutton{background:none;border:0;cursor:pointer;font:inherit;margin:0;padding:0}.unbutton:focus{outline:none}.frame{grid-gap:.5rem;align-items:center;align-self:start;display:grid;font-size:.85rem;grid-template-areas:"title" "prev" "sponsor" "demos";grid-template-columns:100%;justify-items:start;opacity:.7;padding:1rem;pointer-events:none;position:relative;width:100%}.frame,body #cdawrap{justify-self:start}.frame a{pointer-events:auto}.frame a:not(.frame__title-back){overflow:hidden;position:relative;white-space:nowrap}.frame a:not(.frame__title-back):before{background:currentColor;content:"";height:1px;position:absolute;top:90%;transform-origin:0 50%;transition:transform .3s;width:100%}.frame a:not(.frame__title-back):hover:before{transform:scaleX(0);transform-origin:100% 50%}.frame__title{display:flex;grid-area:title}.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;display:grid;margin:20vh auto;max-width:1000px;padding:1rem}.project--intro{grid-template-areas:"label-name" "name" "label-date" "date" "title" "label-mission" "mission";grid-template-columns:1fr}.project--details{grid-template-areas:"label-default" "paragraph";grid-template-columns:1fr}.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:#575757;line-height:1.4;margin:0}.project__label{color:#adadad}.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:child{grid-area:p2}.project__mission p{color:#575757}.project__title{font-size:clamp(2rem,13vw,8rem);font-weight:400;grid-area:title;line-height:1;margin:10vh 0}.project__heading{color:#adadad;font-size:inherit;font-weight:inherit;margin:0}.gallery-wrap{align-items:center;display:flex;height:100vh;justify-content:center;margin:40vh auto;overflow:hidden;position:relative;width:100%}.gallery-wrap--auto{height:auto}.gallery-wrap--large{height:110vh}.gallery-wrap--dense{margin:0}.gallery{flex:none;height:100%;position:relative;width:100%}.gallery--breakout{width:min-content}.gallery__item{background-position:50% 50%;background-size:cover;border-radius:6px;filter:brightness(1);flex:none;position:relative}.gallery__item-cut{display:grid;overflow:hidden;place-items:center}.gallery__item-inner{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.caption{color:#fff;color:var(--color-caption);font-size:clamp(1rem,3vw,1.75rem);font-weight:400;z-index:101}.gallery--row{--size-factor:1.25;--item-height:20vh;align-items:center;display:flex;gap:2rem;justify-content:center}.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{height:calc(var(--size-factor)*3*var(--item-height));z-index:100}.gallery--switch.gallery--row .gallery__item--l,.gallery--switch.gallery--row .gallery__item--m{height:var(--item-height)}.gallery--row .caption{bottom:-50vh;height:auto;left:0;max-width:730px;opacity:0;padding:4.5vw;position:absolute;width:100%}.gallery--switch.gallery--row .caption{bottom:0;opacity:1}.gallery--one{display:grid;place-items:center}.gallery--one .gallery__item{filter:brightness(1) hue-rotate(90deg);height:400%;width:400%}.gallery--switch.gallery--one .gallery__item{filter:brightness(.7) hue-rotate(0deg);height:100%;width:100%}.gallery--one .caption{display:grid;font-size:clamp(2rem,5vw,3rem);height:100vh;left:50%;margin:100vh 0 0 -50vw;place-items:center;position:absolute;top:50%;width:100vw}.gallery--switch.gallery--one .caption{margin-top:-50vh}.gallery--grid{grid-row-gap:2.5vw;grid-column-gap:3vw;column-gap:3vw;display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(3,auto);height:auto;row-gap:2.5vw}.gallery--grid .gallery__item{height:33vh;width:33vw}.gallery--switch.gallery--grid{gap:0}.gallery--switch.gallery--grid .gallery__item{filter:brightness(.65);height:110vh;width:110vw}.gallery--grid .caption{display:grid;height:100vh;left:50%;margin-left:-50vw;margin-top:50vh;max-width:none;opacity:0;padding:0;place-items:center;position:absolute;top:50%;width:100vw}.gallery--switch.gallery--grid .caption{margin-top:-40vh;opacity:1}.gallery--grid .caption p{padding:50vh 30vw 10vh 10vw}.gallery--switch.gallery--grid .caption p{margin-top:0}.gallery--stack{grid-gap:2rem;--offset:1rem;align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(6,1fr);justify-content:start;padding:2rem}.gallery--stack .gallery__item{border-radius:1.5vw;height:35vw;width:25vw;z-index:1}.gallery--stack-glass .gallery__item{filter:opacity(1)}.gallery--switch.gallery--stack .gallery__item{grid-area:1/1/2/2}.gallery--stack .caption{bottom:0;color:#575757;left:100vw;opacity:0;padding:5vw;position:absolute;width:100vw;z-index:0}.gallery--stack .caption p{margin:0}.gallery--switch.gallery--stack .caption{left:0;opacity:1}.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-gap:1vh;display:grid;gap:1vh;grid-template-columns:repeat(10,1fr);height:min-content;padding:0 2vh;width:300%}.gallery--switch.gallery--gridtiny{gap:2vh;width:100%}.gallery--gridtiny .gallery__item{aspect-ratio:1;filter:contrast(.8) saturate(0) brightness(.6) opacity(1);height:auto;width:100%}.gallery--switch.gallery--gridtiny .gallery__item{filter:contrast(1) saturate(1) brightness(.8) opacity(.8)}.gallery--gridtiny .caption{display:grid;font-size:clamp(2rem,8vw,4rem);height:100vh;left:50%;margin:-50vh 0 0 -50vw;opacity:0;place-items:center;position:absolute;top:50%;width:100vw}.gallery--switch.gallery--gridtiny .caption{opacity:1}.gallery--switch .gallery__item--center{aspect-ratio:auto;filter:brightness(.5);height:100vh;width:100vw}.gallery--bento{grid-gap:1vh;align-content:center;display:grid;gap:1vh;grid-template-columns:repeat(3,32.5vw);grid-template-rows:repeat(4,23vh);justify-content:center}.gallery--switch.gallery--bento{gap:15vh;grid-template-columns:repeat(3,100vw);grid-template-rows:repeat(4,49.5vh)}.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{display:grid;font-size:clamp(2rem,10vw,5rem);height:100vh;left:50%;margin:100vh 0 0 -50vw;place-items:center;position:absolute;top:50%;width:100vw}.gallery--switch.gallery--bento .caption{margin-top:-50vh}.gallery--grid10{grid-gap:2vw;display:grid;gap:2vw;grid-template-columns:repeat(2,1fr)}.gallery--switch.gallery--grid10{grid-gap:0;grid-template-columns:1fr 300px 1fr;grid-template-rows:1fr 60vh 1fr}.gallery--switch.gallery--grid10 .gallery__item{grid-area:2/2/3/3}.gallery--grid10 .caption{display:grid;font-size:clamp(2rem,8vw,6rem);height:100vh;left:50%;margin:100vh 0 0 -50vw;place-items:center;position:absolute;top:50%;width:100vw}.gallery--switch.gallery--grid10 .caption{margin-top:-50vh;opacity:1}@media screen and (min-width:53em){.frame{grid-gap:2rem;align-content:space-between;grid-template-areas:"title prev ... sponsor";grid-template-columns:auto auto auto 1fr;justify-items:start}.frame__demos{justify-self:end}.project--intro{grid-template-areas:"label-name name" "label-date date" "title title" "label-mission mission";grid-template-columns:auto 1fr}.project--details{grid-template-areas:"label-default paragraph";grid-template-columns:auto auto}.project__label{text-align:right}.project__mission{grid-column-gap:2rem;column-gap:2rem;display:grid;grid-template-areas:"p1 ..." "... p2";grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.gallery--grid10{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(4,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{bottom:40%;max-width:800px;width:60vw}.gallery--switch.gallery--stack .caption{left:40vw}body #cdawrap{justify-self:end}}.circle{bottom:0;display:inline-block;left:0;margin:auto;position:absolute;right:0;top:0}.centre{-webkit-animation:spinner-rotate .3s linear 0s infinite;-moz-animation:spinner-rotate .3s linear 0s infinite;border-color:#0000 #2980b9;border-radius:50%;border-style:solid;border-width:20px;height:10px;width:10px}.inner{-webkit-animation:spinner-rotate 10s linear 0s infinite;-moz-animation:spinner-rotate 10s linear 0s infinite;border-color:#34495e #0000;border-radius:50%;border-style:solid;border-width:80px;height:70px;width:70px}.middle{-webkit-animation:spinner-rotate 5s linear 0s infinite;-moz-animation:spinner-rotate 5s linear 0s infinite;border:5px solid #e67e22;border-radius:50%;border-top-color:#0000;height:150px;width:150px}.outer{-webkit-animation:spinner-rotate 3s linear 0s infinite;-moz-animation:spinner-rotate 3s linear 0s infinite;border-color:#0000 #7f8c8d;border-radius:50%;border-style:solid;border-width:20px;height:170px;width:170px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hide{display:none}.show{display:block}.header__menu{background-color:none}.header__link,.header__link:hover{background-color:none;text-decoration:none}.verse__container{display:inline-flex;position:relative}.verse__number{font-size:8px;margin-left:-5px;margin-top:-4px;position:absolute}.result__number{display:flex;font-size:"1rem"}.result__number,.result__total{margin:"1rem";position:relative}.result__total{display:"flex"}.verse__text{align-items:normal;background-color:initial;border:none;box-shadow:none;display:inline;font-family:EB Garamond;font-weight:200;margin:none;padding:none;text-align:left;width:auto}.verse__selected{border-left:1px dashed #fff;border-right:1px dashed #fff;border-top:1px dashed #fff}.login-container{margin-top:50px;text-align:center}.login-button{background-color:#007bff;border:none;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.login-button:hover{background-color:#0056b3}.modal{background-color:#fff;border-radius:10px;margin:auto;padding:20px;text-align:center;width:300px}.overlay{background-color:#00000080}.email-login,.google-login{background-color:#4285f4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px}.email-login:hover,.google-login:hover{background-color:#3367d6}.close-modal{background-color:#ccc;border:none;cursor:pointer;margin-top:10px;padding:5px 10px}.ytp-chrome-top-buttons,.ytp-cued-thumbnail-overlay,.ytp-cued-thumbnail-overlay-image,.ytp-doubletap-ui-legacy,.ytp-info-panel-detail-skrim,.ytp-info-panel-preview,.ytp-large-play-button,.ytp-muted-autoplay-endscreen-overlay,.ytp-muted-autoplay-overlay,.ytp-paid-content-overlay,.ytp-pause-overlay-container,.ytp-player-content,.ytp-playlist-menu,.ytp-share-panel,.ytp-shorts-title-channel,.ytp-spinner,.ytp-suggested-action,.ytp-title,.ytp-title-expanded-heading,.ytp-title-expanded-overlay,.ytp-title-link,.ytp-unmute,.ytp-watermark{display:none!important}:root{--highlight-color:#ff0}.highlight span.verse__text{background-color:#ff0!important;background-color:var(--highlight-color)!important;color:#000}.light-svg{filter:invert(.75) contrast(1.65)}.dark-svg,.light-svg{-webkit-font-smoothing:subpixel-antialiased}.dark-svg{filter:invert(.75) contrast(1.9)}.svg__sub-heading{font-size:30px;overflow:hidden;position:relative;text-align:center;z-index:1}.svg__sub-heading:after,.svg__sub-heading:before{background-color:#a1a1a1;content:"\a0";height:1px;overflow:hidden;position:absolute;top:51%}.svg__sub-heading:before{margin-left:-25%;text-align:right;width:25%}.svg__sub-heading:after{margin-right:1%;width:25%}
/*# sourceMappingURL=main.d17671ab.css.map*/