:root{--bg:#080808;--fg:#efefef;--muted:rgba(255,255,255,.56);--line:rgba(255,255,255,.10);--font-headline:"JHA Times Now","Times New Roman",Times,serif;--font-subhead:"JHA Times Now","Times New Roman",Times,serif;--font-body:"NeueHaasGroteskText Pro","Helvetica Neue",Helvetica,Arial,sans-serif;--font-footer:"NeueHaasGroteskText Pro","Helvetica Neue",Helvetica,Arial,sans-serif;--type-base:74px;--serif-adjust:1.15;--type-headline:calc(var(--type-base) * var(--serif-adjust));--type-subhead:calc(var(--type-base) * 0.3 * var(--serif-adjust));--type-body:calc(var(--type-base) * 0.21);--type-footer:calc(var(--type-base) * 0.15);--type-small:calc(var(--type-base) * 0.14);--type-body-serif:calc(var(--type-base) * 0.21 * var(--serif-adjust));--type-footer-serif:calc(var(--type-base) * 0.15 * var(--serif-adjust));--type-small-serif:calc(var(--type-base) * 0.14 * var(--serif-adjust));--space-xs:calc(var(--type-base) * 0.06);--space-sm:calc(var(--type-base) * 0.11);--space-md:calc(var(--type-base) * 0.17);--space-lg:calc(var(--type-base) * 0.33);--space-xl:calc(var(--type-base) * 0.67);--space-2xl:calc(var(--type-base) * 0.83);--space-3xl:calc(var(--type-base) * 1.1);--yearCol:calc(var(--type-base) * 0.9);--gap:calc(var(--type-base) * 0.39);--col-width:calc(var(--type-base) * 2.5);--nav-height:calc(var(--type-base) * 0.33);--spine-width:calc(var(--type-base) * 1.4);--container-max:calc(var(--type-base) * 11);--about-max:calc(var(--type-base) * 7.5);--para-measure:calc(var(--type-base) * 6.5)}:root{--rangeTop:30;--rangeBottom:30;--triggerInset:-10;--spreadMax:2vw;--virtualTop:0.47;--chaos:1;--aboutTop:0.5;--aboutRangeBottom:50;--aboutSpread:0.05;--artefactsFadeRange:100;--artefactsSpread:10}body.evening-mode{--bg:#efefef;--fg:#515151;--muted:rgba(0,0,0,.40);--line:rgba(0,0,0,.10)}body.evening-mode .client,body.evening-mode .service,body.evening-mode .title{color:var(--fg)}body.evening-mode .client{color:rgba(141,136,154,.9)}body.evening-mode .title{color:rgba(141,136,154,.95)}body.evening-mode .service{color:rgba(141,136,154,.7)}body.evening-mode #artefacts .spine .spine-title{color:#8d889a}body.evening-mode #artefacts .spine .spine-type{color:rgba(141,136,154,.5)}body.evening-mode nav::before{flex-grow:1}body.evening-mode header,body.evening-mode nav a{color:var(--fg)}body.evening-mode #index .row{margin-left:auto;margin-right:0}body.evening-mode #about .about-container,body.evening-mode .page-article .about-container{margin-left:0;margin-right:calc(var(--yearCol) + var(--gap))}body.evening-mode #about .para,body.evening-mode .page-article .para{margin-left:auto;margin-right:0}body.evening-mode #about .close,body.evening-mode #index .close,body.evening-mode .page-article .close{order:0;text-align:center}body.evening-mode #artefacts .close{right:auto;left:calc(50% - var(--container-max)/ 2)}body.transitions-ready{transition:background-color .8s ease,color .8s ease}body.transitions-ready #godrays-container,body.transitions-ready .client,body.transitions-ready .service,body.transitions-ready .title,body.transitions-ready header{transition:all .8s ease}.headline{font-family:var(--font-headline);font-weight:400;text-transform:uppercase;line-height:.65;letter-spacing:-.02em}.headline--long{font-family:var(--font-headline);font-weight:400;text-transform:none;line-height:.85;letter-spacing:-.01em}.subhead{font-family:var(--font-subhead);font-weight:400;text-transform:uppercase;line-height:.8;letter-spacing:-.02em;color:#fff}.body-text{font-family:var(--font-body);font-weight:400;text-transform:none;line-height:1.25;letter-spacing:0}.footer-text{font-family:var(--font-footer);font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:0}::selection{background:#fff;color:#000}::-moz-selection{background:#fff;color:#000}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;overscroll-behavior:none}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--type-body);font-weight:400;line-height:1.25;letter-spacing:.02em;overflow-x:hidden}body.animating,body.intro{overflow:hidden}body.departing{pointer-events:none;transition:background-color .7s ease,color .7s ease}body.departing header{transition:color .7s ease,transform .7s cubic-bezier(.4, 0, 1, 1)}body.departing .letter.visible{opacity:0;transition:opacity .2s ease-in}header{--nav-word-width:calc(var(--type-body-serif) * 3.5);--header-max:calc(min(100%, var(--container-max)) + var(--yearCol) * 2 + var(--gap) * 2 + var(--nav-word-width) * 2 + var(--gap) * 2);width:100%;max-width:calc(var(--header-max) + 48px * 2);padding:0 48px;top:50%;left:50%;position:fixed;display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap);transform:translate(-50%,-50%);z-index:100;pointer-events:none!important}body.shifted-layout header{transform:translate(calc(-50% - var(--yearCol)/ 2),-50%)}body.shifted-layout #artefacts .close{right:calc(50% - var(--container-max)/ 2 - 20px + var(--yearCol)/ 2)}body.shifted-layout.evening-mode #artefacts .close{right:auto;left:calc(50% - var(--container-max)/ 2 - 20px)}header h1.logo{flex-shrink:0}header .evening{min-width:var(--yearCol);width:var(--yearCol);flex-shrink:0;text-align:right;white-space:nowrap}header nav{min-width:0;flex-grow:1}header h1.logo{margin:0;font-size:var(--type-body-serif);letter-spacing:-.02em;text-transform:uppercase;font-family:var(--font-headline);font-weight:400;cursor:pointer;pointer-events:all}header a{pointer-events:all}body.intro .evening,body.intro .logo,body.intro nav{pointer-events:none}body.intro header{visibility:hidden}.evening .letter,.logo .letter,nav a .letter{display:inline-block;opacity:0;transition:opacity .3s ease-out}.evening .letter.visible,.logo .letter.visible,nav a .letter.visible{opacity:1}header .meta{font-family:var(--font-body);font-weight:400;color:var(--muted);font-size:var(--type-body);white-space:nowrap}nav{font-family:var(--font-footer);flex-grow:1;flex-shrink:1;display:flex;align-items:baseline;gap:0;transition:opacity 1.2s ease,margin .8s ease,flex-grow .8s ease}nav::before{content:'';display:block;flex-grow:0;flex-shrink:0;transition:flex-grow .8s ease}.evening{font-family:var(--font-headline);font-weight:400;font-size:var(--type-body-serif);letter-spacing:-.02em;text-transform:uppercase;color:var(--fg);-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity,mask-image}h1.logo{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity,mask-image}.evening,header,nav,nav a,nav h1{line-height:1}nav a{margin:0;font-size:var(--type-body-serif);letter-spacing:-.02em;text-transform:uppercase;font-family:var(--font-headline);font-weight:400;color:inherit;text-decoration:none;display:inline-block;overflow:hidden;white-space:nowrap;padding-right:var(--space-md);transition:max-width .3s ease,padding .3s ease,opacity .3s ease,margin .8s ease,visibility .3s ease;opacity:1;max-width:calc(var(--type-base) * 2.8);cursor:pointer;flex-shrink:0}nav a.hidden{max-width:0;padding-right:0;opacity:0;visibility:hidden;pointer-events:none}.evening{text-decoration:none;color:inherit}article{display:none}#about.active,#index.active,.page-article.active{display:flex}#artefacts.active,#work.active{display:block}#work.active,#work.active.scroll-fade,#work.active.show{-webkit-mask-image:none;mask-image:none}article.active{-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent);-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-position:0 100%;mask-position:0 100%;transition:-webkit-mask-position .8s ease-out,mask-position .8s ease-out}article.active.show{-webkit-mask-position:0 0;mask-position:0 0}@media (min-width:801px){#about.active,#index.active,.page-article.active{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:var(--content-left,48px);padding-right:calc(100% - var(--content-left,48px) - min(var(--container-max),var(--content-width,100%)))}body.evening-mode #about.active,body.evening-mode #index.active,body.evening-mode .page-article.active{padding-right:var(--content-right,48px);padding-left:calc(100% - var(--content-right,48px) - min(var(--container-max),var(--content-width,100%)))}#about.active.scroll-fade,#index.active.scroll-fade,.page-article.active.scroll-fade{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent calc(50% - 2rem),black 50%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent calc(50% - 2rem),black 50%,black 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0 0;mask-position:0 0}}#index .close{position:sticky;top:0;width:var(--yearCol);flex-shrink:0;text-align:center;cursor:pointer;z-index:50;order:2;height:0}.close button,.mobile-close button{padding:0;-webkit-appearance:none;appearance:none;background:0 0;color:inherit;border:0;font-size:20px;transform:translateY(2px);line-height:1;outline:0;cursor:pointer;transition:opacity .2s;font-family:var(--font-body);font-weight:400}.close button:hover{opacity:.6}#about .close,.page-article .close{position:sticky;top:0;width:var(--yearCol);flex-shrink:0;text-align:center;cursor:pointer;z-index:50;order:2;height:0;transform:translateY(-3px)}#artefacts .close{position:fixed;top:calc(50vh - .9em);right:calc(50% - var(--container-max)/ 2 - 20px);left:auto;width:var(--yearCol);text-align:center;z-index:50}footer{--nav-word-width:calc(var(--type-body-serif) * 3.5);--header-max:calc(min(100%, var(--container-max)) + var(--yearCol) * 2 + var(--gap) * 2 + var(--nav-word-width) * 2 + var(--gap) * 2);position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:calc(var(--header-max) + 48px * 2);padding:var(--space-lg) 48px;display:flex;align-items:baseline;gap:var(--space-sm);font-family:var(--font-footer);font-size:10px;color:var(--muted);letter-spacing:.02em;z-index:10;opacity:0;transition:opacity 1s ease;transition-delay:2.5s}body:not(.intro) footer{opacity:1}body.departing footer,body.transitions-ready footer{transition-delay:0s}body.section-open footer{opacity:0;pointer-events:none}footer a{color:var(--muted);text-decoration:none;transition:color .2s}footer a:hover{color:var(--fg)}footer .sep{opacity:.4}body.shifted-layout footer{transform:translateX(calc(-50% - var(--yearCol)/ 2))}body.evening-mode footer{justify-content:flex-end}body.evening-mode .footer-stats{margin-left:0;margin-right:auto}#index{padding-top:calc(50vh - .9em);padding-bottom:calc(50vh - var(--space-lg));width:var(--content-width,100%);max-width:min(var(--container-max),var(--content-width));margin-left:var(--content-left,auto);margin-right:auto;padding-left:var(--space-lg);padding-right:var(--space-lg);box-sizing:border-box;gap:var(--gap);align-items:flex-start}.wrap{flex:1;min-width:0;padding:0;order:1}.section{display:grid;grid-template-columns:var(--yearCol) 1fr;column-gap:var(--gap);padding:0;font-size:var(--type-footer)}.section:last-child .list{padding-bottom:var(--space-md)}.yearCol{position:relative}.row{--k:0;--enter:0;display:flex;flex-wrap:nowrap;align-items:flex-start;gap:var(--space-xs);padding:var(--space-xs) 0;width:100%;will-change:transform,opacity}.row[data-url]{cursor:pointer}.row[data-url]:hover .title{text-decoration:underline;text-underline-offset:2px}.cell{will-change:transform,opacity}#index .cell{--enter:0;opacity:calc(var(--enter) * (1 - var(--k)));transition:opacity .1s ease;width:33.33333%!important}.yearSticky{position:sticky;top:0;color:var(--muted);font-family:var(--font-body);font-weight:400;font-size:var(--type-footer-serif);line-height:1;letter-spacing:0;text-transform:uppercase;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .3s ease;transform:translateY(6px);--yk:0}#index.active .yearSticky{opacity:calc(1 - var(--yk))}.client{display:inline-block;width:var(--col-width);text-align:left;color:rgba(255,255,255,.9);font-family:var(--font-body);font-weight:400;letter-spacing:0;font-size:var(--type-footer-serif)}.title{flex:1;text-align:center;color:rgba(255,255,255,.92);font-family:var(--font-body);font-weight:400;letter-spacing:0;font-size:var(--type-footer-serif)}.service{display:inline-block;width:var(--col-width);text-align:right;color:rgba(255,255,255,.72);font-family:var(--font-body);font-weight:400;letter-spacing:0;font-size:var(--type-footer-serif)}#index .title{font-size:var(--type-footer-serif);transform:translateY(calc(var(--k) * -6px)) scale(calc(1 - (var(--k) * .03)))}#index .title .word{display:inline-block}#about,.page-article{padding-top:calc(50vh - .7em);padding-bottom:50vh;width:var(--content-width,100%);max-width:min(var(--container-max),var(--content-width));margin-left:var(--content-left,auto);margin-right:auto;padding-left:calc(var(--space-lg) - 5px);padding-right:var(--space-lg);box-sizing:border-box;gap:var(--gap);align-items:flex-start}#about .about-container,.page-article .about-container{flex:1;min-width:0;padding:0;order:1;max-width:var(--about-max);margin-left:calc(var(--yearCol) + var(--gap))}#about .para,.page-article .para{font-family:var(--font-body);font-weight:400;font-size:var(--type-body);line-height:1.25;letter-spacing:0;text-align:left;text-wrap:pretty;color:var(--fg);margin-bottom:var(--space-2xl);max-width:var(--para-measure)}#about .para:first-child,.page-article .para:first-child{margin-top:0}#about .para .word{--p:1;--enter:0;display:inline-block;opacity:calc(var(--p) * var(--enter));transition:opacity .3s ease-out}@media (max-width:768px),(hover:none){#about .para .word{transition:none}}#about .para:last-child,.page-article .para:last-child{margin-bottom:0}#about .para .label,.page-article .para .label{display:block;font-family:var(--font-footer);font-weight:400;font-size:var(--type-footer);letter-spacing:0;text-transform:uppercase;margin-bottom:var(--space-md);opacity:1}#about .para a,.page-article .para a{color:inherit;text-decoration:underline;text-underline-offset:3px}#about .para a:hover,.page-article .para a:hover{opacity:.6}#about .client-grid,.page-article .client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs);font-family:var(--font-body);font-weight:400;line-height:1.25;letter-spacing:0;text-align:left;font-size:var(--type-small);color:var(--fg)}#about .client-grid span,.page-article .client-grid span{white-space:nowrap}#about .socials-list,.page-article .socials-list{display:flex;justify-content:flex-start;gap:var(--space-lg);font-family:var(--font-body);font-weight:400;font-size:var(--type-body);letter-spacing:0}#about .socials-list a,.page-article .socials-list a{color:var(--fg);text-decoration:none;transition:opacity .2s}#about .socials-list a:hover,.page-article .socials-list a:hover{opacity:.6}#about .enquiries-list,.page-article .enquiries-list{display:grid;grid-template-columns:auto auto;gap:var(--space-xs) var(--space-md);justify-content:start;font-family:var(--font-body);font-weight:400;font-size:var(--type-body);letter-spacing:0}#about .enquiries-list ul,.page-article .enquiries-list ul{padding:0;margin:0}#about .enquiries-list ul li,.page-article .enquiries-list ul li{list-style:none}#about .enquiries-list a,.page-article .enquiries-list a{text-align:left;color:var(--fg);text-decoration:none;transition:opacity .2s}#about .enquiries-list a:hover,.page-article .enquiries-list a:hover{opacity:.6}#about .enquiry-note,.page-article .enquiry-note{font-family:var(--font-footer);font-weight:400;text-transform:uppercase;letter-spacing:0;text-align:left;color:var(--muted);font-size:var(--type-footer)}#artefacts{height:100vh;overflow:hidden}#artefacts .artefacts-track{display:flex;align-items:center;height:100%;padding-left:50vw;padding-right:50vw;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}#artefacts .artefacts-track::-webkit-scrollbar{display:none}#artefacts .spine{--a:0;position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0 var(--space-md);cursor:pointer;width:var(--spine-width)}#artefacts.active .spine{border-right:1px solid rgba(255,255,255,.03)}#artefacts .spine--coming-soon{opacity:.5}#artefacts .spine .spine-top{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:var(--space-xs);transform:translateY(calc((1 - var(--ae,var(--a))) * calc(var(--space-xl) * -1)));opacity:var(--ae, var(--a));will-change:transform,opacity;position:absolute;top:5vh}#artefacts .spine .spine-client{--enter:0;writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-subhead);font-weight:400;font-size:var(--type-small-serif);letter-spacing:-.02em;text-transform:uppercase;color:var(--fg);white-space:nowrap;opacity:var(--enter);transform:translateY(calc((1 - var(--enter)) * -20px));transition:opacity .4s ease-out,transform .4s ease-out}#artefacts .spine .spine-title{--enter:0;writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-headline);font-weight:400;font-size:var(--type-body-serif);letter-spacing:-.02em;text-transform:uppercase;color:#fff;white-space:nowrap;opacity:var(--enter);transform:translateY(calc((1 - var(--enter)) * -20px));transition:opacity .4s ease-out,transform .4s ease-out}#artefacts .spine .word{display:inline-block}#artefacts .spine .spine-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;height:var(--nav-height)}#artefacts .spine .spine-download,#artefacts .spine .spine-year{font-family:var(--font-footer);font-weight:400;font-size:var(--type-footer);letter-spacing:0;text-transform:uppercase;text-align:center;white-space:nowrap;transition:opacity .25s ease}#artefacts .spine .spine-year{color:var(--muted);opacity:calc(var(--a) * var(--a) * var(--a) * var(--ac, 1))}#artefacts .spine .spine-download{position:absolute;color:var(--fg);font-size:var(--type-small);line-height:1.3;opacity:0}#artefacts .spine:hover .spine-year{opacity:0}#artefacts .spine:hover .spine-download{opacity:calc(var(--a) * var(--a) * var(--a) * var(--ac, 1))}#artefacts .spine .spine-type{--enter:0;position:absolute;bottom:5vh;width:100%;left:50%;padding:var(--space-sm) 0;transform:translateX(-50%) translateY(calc((1 - var(--ae,var(--a))) * 50px));font-family:var(--font-footer);font-weight:400;font-size:var(--type-small);letter-spacing:0;color:rgba(255,255,255,.5);text-transform:uppercase;opacity:calc(var(--enter) * var(--ae, var(--a)));will-change:transform,opacity;text-align:center;transition:opacity .4s ease-out}#work{position:fixed;inset:0;z-index:2;background:var(--bg);display:none;opacity:0;transition:opacity .5s ease}#work.active{display:block;opacity:1}.work-container{position:absolute;inset:0}.work-video{width:100%;height:100%;object-fit:cover}.work-controls{position:absolute;top:50%;left:50%;width:90%;max-width:var(--container-max);transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-sm);opacity:0;transition:opacity .3s ease;pointer-events:none}#work.controls-visible .close,#work.controls-visible .work-controls,#work.controls-visible .work-cta{opacity:1;pointer-events:auto}.work-cta{position:absolute;bottom:var(--space-sm);left:0;font-family:var(--font-body);font-size:var(--type-footer);color:#fff;opacity:0;transition:opacity .3s ease;pointer-events:none;mix-blend-mode:difference;white-space:nowrap;text-align:center;width:100%;padding-left:10px;padding-right:10px}.work-cta a{color:#fff;text-decoration:underline;text-underline-offset:2px}#work .close{opacity:0;transition:opacity .3s ease;pointer-events:none}#work.controls-visible{cursor:default}#work:not(.controls-visible){cursor:none}body.work-active header{opacity:0;pointer-events:none;transition:opacity .3s ease}body.work-controls-visible header{opacity:1;pointer-events:auto}#work .close,.work-controls,body.work-active header{mix-blend-mode:difference}body.work-active header *{color:#fff}body.work-active .evening,body.work-active .logo{background:0 0;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:#fff;color:#fff;mix-blend-mode:difference}.work-controls,.work-controls *{color:#fff;user-select:none;-webkit-user-select:none}#work .close button{color:#fff}.work-mute,.work-play{-webkit-appearance:none;appearance:none;background:0 0;border:none;color:var(--fg);font-family:var(--font-footer);font-size:var(--type-body);font-weight:400;letter-spacing:0;text-transform:uppercase;cursor:pointer;padding:0;opacity:.6;transition:opacity .2s;min-width:4.5em;text-align:center}.work-mute:hover,.work-play:hover{opacity:1}.work-time{font-family:var(--font-footer);font-size:var(--type-footer);font-weight:400;letter-spacing:0;color:#fff;opacity:.4;min-width:3.5em}.work-time-current{text-align:left}.work-time-remaining{text-align:right}.work-mute .sound-off,.work-play .pause-icon{display:none}.work-video.playing~.work-controls .work-play .play-icon{display:none}.work-video.playing~.work-controls .work-play .pause-icon{display:inline}.work-video.muted~.work-controls .work-mute .sound-on{display:none}.work-video.muted~.work-controls .work-mute .sound-off{display:inline}.work-progress{flex:1;max-width:300px;height:30px;cursor:ew-resize;position:relative;display:flex;align-items:center;touch-action:none}.work-progress::before{content:'';position:absolute;left:0;right:0;height:2px;background:rgba(255,255,255,.2)}.work-progress-buffered{height:2px;background:rgba(255,255,255,.4);width:0%;position:absolute;left:0;transition:width .1s ease-out}.work-progress-bar{height:2px;background:#fff;width:0%;position:absolute;left:0}.work-progress-bar::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:12px;background:#fff;cursor:ew-resize;transition:transform .1s ease}.work-progress.scrubbing .work-progress-bar::after{transform:translateY(-50%) scaleY(1.5)}.work-video.loading~.work-controls .work-play{opacity:.3;pointer-events:none}.work-video.loading~.work-controls .work-progress::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#work .close{position:fixed;top:50%;right:var(--spine-width);transform:translateY(-50%);z-index:3}body.evening-mode #work .close{right:auto;left:calc(50% - var(--container-max)/ 2)}#work .close button{transform:none}.artefact-modal{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center}.artefact-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7)}.artefact-modal-content{position:relative;z-index:1;text-align:center;padding:var(--space-2xl);max-width:420px;width:100%;border:1px solid #fff;text-align:left;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.artefact-modal-close{position:absolute;top:5px;right:5px;-webkit-appearance:none;appearance:none;background:0 0;border:none;color:var(--muted);font-family:var(--font-headline);font-size:var(--type-body-serif);cursor:pointer;padding:var(--space-xs);line-height:1;transition:opacity .2s;font-size:20px}.artefact-modal-close:hover{opacity:.6}.artefact-modal-label{display:block;font-family:var(--font-footer);font-weight:400;font-size:var(--type-footer);letter-spacing:0;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-lg);text-align:left}.artefact-modal-email{display:block;width:100%;-webkit-appearance:none;appearance:none;background:0 0;border:none;border-bottom:1px solid var(--muted);color:var(--fg);font-family:var(--font-body);font-size:var(--type-body);font-weight:400;letter-spacing:0;padding:var(--space-xs) 0;text-align:left;outline:0;transition:border-color .2s}.artefact-modal-email::placeholder{color:var(--muted);opacity:.5}.artefact-modal-email:focus{border-bottom-color:var(--fg)}.artefact-modal-terms{display:flex;align-items:center;gap:6px;font-family:var(--font-footer);font-size:var(--type-footer);font-weight:400;letter-spacing:.04em;color:var(--fg);cursor:pointer;justify-content:flex-start;text-align:left}.artefact-modal-terms{margin-top:20px}.artefact-modal-disclaimer{font-family:var(--font-footer);font-size:var(--type-footer);font-weight:400;letter-spacing:.04em;color:var(--muted);text-align:left;margin-top:10px}.artefact-modal-disclaimer a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.artefact-modal-terms input[type=checkbox]{-webkit-appearance:none;appearance:none;width:10px;height:10px;border:1px solid var(--fg);background:0 0;cursor:pointer;flex-shrink:0}.artefact-modal-terms input[type=checkbox]:checked{background:var(--fg)}.artefact-modal-terms a{color:var(--fg);text-decoration:underline}.artefact-modal-error{font-family:var(--font-footer);font-size:var(--type-footer);color:#e55;text-transform:uppercase;min-height:1.45em;margin-top:var(--space-xs)}.artefact-modal-submit{-webkit-appearance:none;appearance:none;background:0 0;border:none;color:var(--fg);font-family:var(--font-footer);font-size:var(--type-footer);font-weight:400;letter-spacing:0;text-transform:uppercase;cursor:pointer;padding:var(--space-sm) var(--space-lg);margin-top:var(--space-md);transition:opacity .2s;padding-left:0}.artefact-modal-submit:hover{opacity:.6}.artefact-modal-submit:disabled{opacity:.3;cursor:default}.artefact-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl) var(--space-lg);box-sizing:border-box}.artefact-page-inner{text-align:center;max-width:480px;width:100%}.artefact-page-meta{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.artefact-page-type,.artefact-page-year{font-family:var(--font-footer);font-weight:400;font-size:var(--type-footer);letter-spacing:0;text-transform:uppercase;color:var(--muted)}.artefact-page-client{font-family:var(--font-headline);font-weight:400;font-size:var(--type-body-serif);letter-spacing:-.02em;text-transform:uppercase;color:var(--fg);margin:0 0 var(--space-sm);line-height:1.1}.artefact-page-subtitle{font-family:var(--font-body);font-weight:400;font-size:var(--type-body);letter-spacing:0;color:var(--muted);margin:0 0 var(--space-2xl)}.artefact-page-download{-webkit-appearance:none;appearance:none;background:0 0;border:none;color:var(--fg);font-family:var(--font-footer);font-size:var(--type-footer);font-weight:400;letter-spacing:0;text-transform:uppercase;cursor:pointer;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--fg);transition:opacity .2s}.artefact-page-download:hover{opacity:.6}@media (max-width:920px){:root{--type-base:56px}#index{overflow:hidden}}@media (max-width:720px){.section{grid-template-columns:var(--yearCol) 1fr;gap:4px}#index{transform:none;padding-left:var(--space-md);padding-right:var(--space-md)}#artefacts .spine .spine-type{bottom:3vh}}.mobile-close{display:none}@media (max-width:800px){:root{--rangeTop:120;--rangeBottom:120;--triggerInset:0;--spreadMax:1vw;--virtualTop:0.5;--chaos:0.4;--aboutTop:0.5;--aboutRangeBottom:30;--aboutSpread:0.05;--artefactsFadeRange:20;--artefactsSpread:0;--yearCol:12px;--gap:12px}header{flex-wrap:wrap;gap:var(--space-sm);padding:2px 14px 2px 20px;padding-bottom:var(--space-xl);top:50%}#index{position:fixed;top:0;left:0;right:0;bottom:0;padding-top:calc(50vh + var(--space-md));padding-left:20px;padding-right:20px;margin:0;width:100%;max-width:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent calc(50% - 1rem),black 50%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent calc(50% - 1rem),black 50%,black 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0 0;mask-position:0 0;padding-bottom:60px}#about,.page-article,.page-article.active,.page-article.active.scroll-fade,.page-article.active.show{position:fixed;top:0;left:0;right:0;bottom:0;padding-top:calc(50vh + var(--space-md));padding-left:20px;padding-right:20px;margin:0;width:100%;max-width:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent calc(50% - 1rem),black 50%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent calc(50% - 1rem),black 50%,black 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0 0;mask-position:0 0;padding-bottom:60px}#artefacts{position:fixed;top:calc(50vh - var(--space-lg));left:0;right:0;bottom:0;padding-top:0;padding-left:0;padding-right:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-mask-image:none;mask-image:none;height:60vh}#artefacts .artefacts-track{padding-left:calc(50vw - 50px);padding-right:calc(50vw - 35px)}#artefacts .spine .spine-year{opacity:calc(var(--ae, var(--a)) * var(--ae, var(--a)) * var(--ae, var(--a)))}#artefacts .spine:hover .spine-download{opacity:calc(var(--ae, var(--a)) * var(--ae, var(--a)) * var(--ae, var(--a)))}#about .close,#artefacts .close,#index .close,.page-article .close{display:none}.mobile-close{display:block;position:fixed;top:50%;left:var(--close-x,50%);transform:translate(-50%,-30px);z-index:101;pointer-events:none;opacity:0;transition:opacity .3s ease}.mobile-close.visible{pointer-events:all;opacity:1}.yearSticky{position:sticky;top:0;--yk:0!important;opacity:1;font-size:var(--type-footer)}header .evening{min-width:auto;width:auto}#about .close button,#artefacts .close button,#index .close button,#work .close button,.mobile-close button{font-size:20px;font-family:var(--font-headline);font-weight:400;letter-spacing:-.02em;text-transform:uppercase}#about .about-container,.page-article .about-container{margin-left:0}#about .para,.page-article .para{margin-bottom:var(--space-2xl);max-width:100%}#about .client-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}#about .socials-list{flex-direction:column;gap:var(--space-md)}#index .cell{opacity:var(--enter);text-align:left}.client,.service,.title{flex:1;width:auto;min-width:0;text-align:left}.row{overflow:visible;gap:12px}#about .about-container,#index .wrap,.page-article .about-container{padding-top:60px}body.evening-mode #about,body.evening-mode #index,body.evening-mode .page-article{margin-left:auto;margin-right:auto}body.evening-mode #index .row{margin-left:auto;margin-right:auto}body.evening-mode #about .about-container,body.evening-mode .page-article .about-container{margin-left:auto;margin-right:0}body.evening-mode #about .about-container .para,body.evening-mode .page-article .about-container .para{margin-right:0}footer{padding:var(--space-md) 20px}.artefact-modal-content{max-width:300px;padding:var(--space-lg) 20px}.artefact-page{padding:var(--space-2xl) 20px;padding-top:calc(50vh + var(--space-md))}.artefact-page-inner{max-width:100%}}@media (max-width:480px){.client,.service,.title{flex-grow:1;flex-shrink:1;width:auto}.title{text-align:left}.row{padding:var(--space-xs) 0;gap:12px}}@media (prefers-reduced-motion:reduce){.row{--k:0!important}#about .para .word{--p:1!important}#artefacts .spine{--a:1!important}}#godrays-container{position:fixed;inset:0;z-index:-100;opacity:0;pointer-events:none;transition:opacity 2.5s cubic-bezier(.16, 1, .3, 1)}#godrays-container.visible{opacity:1}#godrays-container canvas{width:100%!important;height:100%!important}body.departing #godrays-container{opacity:1;transition:none}#godrays-container.dimmed{opacity:.5}.evening-mode #godrays-container.dimmed{opacity:.5}