:root{--margin: 30rem;--gap: 20rem;--column: calc((var(--rvw) * 100 - var(--margin) * 2 - var(--gap) * 9) / 10)}@media (max-width: 1024px){:root{--margin: 15px;--gap: 10rem;--column: calc((100vw - var(--margin) * 2 - var(--gap) * 5) / 6)}}.frame{width:100%;position:fixed;padding:var(--margin);padding-bottom:calc(var(--margin) + 8px);top:0;z-index:9;font-size:clamp(12px,.95vw,16px);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:flex-start;justify-content:space-between;cursor:none}@media (pointer: coarse){.frame{cursor:auto}}.frame{background:rgba(247,246,243,.7);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.frame .frame-left{display:flex;align-items:center;gap:20rem}.frame .frame-left>a{font-weight:300;position:relative}.frame .frame-left>a:after{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background:currentColor;transform:scaleX(0);transform-origin:0% 50%;transition:transform 1s cubic-bezier(.35,.42,0,1)}.frame .frame-left>a:hover:after{transform:scaleX(1);transform-origin:100% 50%}.frame .frame-left h1 a{position:relative}.frame .frame-left h1 a:after{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background:currentColor;transform:scaleX(0);transform-origin:0% 50%;transition:transform 1s cubic-bezier(.35,.42,0,1)}.frame .frame-left h1 a:hover:after{transform:scaleX(1);transform-origin:100% 50%}.frame h1{font-size:inherit;font-weight:500}.frame .cdawrap{max-width:350rem;text-align:right;line-height:1.2}.frame .cdawrap a:hover{text-decoration:underline}@media (max-width: 1024px){.frame{font-size:12px;flex-direction:column}.frame .frame-left{width:100%;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:5px}.frame .frame-left h1{width:100%;order:9;text-align:center}.frame .cdawrap{margin:0 auto;text-align:center}}*{margin:0;padding:0}*,*:after,*:before{box-sizing:border-box}html{background:#f7f6f3;color:#111;font-size:.0694444444vw;overflow:hidden}@media (max-width: 1024px){html{font-size:1px}}body{font-family:Roboto Mono,monospace;font-size:12rem;font-weight:400;line-height:1.21;font-optical-sizing:auto;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background:radial-gradient(ellipse at 30% 20%,rgba(74,111,165,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(74,111,165,.03) 0%,transparent 50%),#f7f6f3}::selection{background:rgba(74,111,165,.2);color:#111}.film-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9997;pointer-events:none;overflow:hidden}.film-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 50%,rgba(0,0,0,.05) 78%,rgba(0,0,0,.2) 100%)}.film-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}.loading-curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#f7f6f3;display:flex;align-items:center;justify-content:center;pointer-events:none}a{text-decoration:none;color:inherit}.no-transform,.no-transform *{transform:none!important}.cursor{position:fixed;top:0;left:0;width:12px;height:12px;border-radius:50%;background:white;pointer-events:none;z-index:10000;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .25s cubic-bezier(.23,1,.32,1),height .25s cubic-bezier(.23,1,.32,1)}@media (pointer: coarse){.cursor{display:none}}.cursor--hover{width:40px;height:40px}#hero{width:100%;height:100vh;height:100dvh;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:none;touch-action:none}#hero #images{width:100%;height:100%;display:inline-block;white-space:nowrap;position:relative}#hero #images .item{position:absolute;top:0;left:0;will-change:transform;white-space:normal}#hero #images .item .item-wrapper{perspective:900px}#hero #images .item .item-flip{position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1);cursor:none}#hero #images .item .item-flip.flipped{transform:rotateY(180deg)}#hero #images .item .item-front{backface-visibility:hidden}#hero #images .item .item-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transform:rotateY(180deg);background:#f7f6f3;border:1px solid rgba(0,0,0,.06);border-radius:3px;box-sizing:border-box;padding:16rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}#hero #images .item .item-back .back-title{font-size:15rem;font-weight:500;line-height:1.2;margin-bottom:4rem;letter-spacing:.02em}#hero #images .item .item-back .back-role{font-size:11rem;font-weight:300;opacity:.5;margin-bottom:10rem;line-height:1.3}#hero #images .item .item-back .back-text{font-size:10rem;font-weight:300;line-height:1.5;flex:1;overflow-y:auto;scrollbar-width:none}#hero #images .item .item-back .back-text::-webkit-scrollbar{display:none}#hero #images .item .item-back .back-text{mask-image:linear-gradient(to bottom,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}#hero #images .item .item-back .back-links{margin-top:10rem;padding-top:8rem;border-top:1px solid rgba(0,0,0,.06);font-size:10rem;display:flex;flex-wrap:wrap;gap:6rem 12rem}#hero #images .item .item-back .back-links a{text-decoration:underline;text-underline-offset:2px;transition:opacity .3s ease}#hero #images .item .item-back .back-links a:hover{opacity:.5}#hero #images .item .item-image{overflow:hidden;border-radius:3px;box-shadow:0 2px 24px #0000000f;transition:box-shadow .5s ease,transform .5s cubic-bezier(.23,1,.32,1)}#hero #images .item .item-image img{width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform;filter:saturate(.85);transition:filter .5s ease,transform .6s cubic-bezier(.23,1,.32,1)}#hero #images .item:hover .item-image{box-shadow:0 12px 48px #0000001f;transform:translateY(-3px) scale(1.02)}#hero #images .item:hover .item-image img{filter:saturate(1)}#hero #images .item.item--inset .item-image{padding:14rem;background:#eeedea}#hero #images .item.item--inset .item-image img{object-fit:contain;filter:none}#hero #images .item.item--inset:hover .item-image img{filter:none}#hero #images .item small{width:100%;display:block;font-size:11rem;font-weight:300;line-height:1.45;margin-top:12rem}#hero #images .item small .line-mask,#hero #images .item small .line-mask .line{transition:transform 2s cubic-bezier(.6,.14,0,1)}#hero #images .item small:not(.visible) .line-mask{transform:translateY(100%)}#hero #images .item small:not(.visible) .line-mask .line{transform:translateY(110%)}@media (max-width: 900px){#hero{cursor:grab}#hero #images .item .item-flip{cursor:pointer}#hero #images .item .item-back{padding:12rem}#hero #images .item .item-back .back-title{font-size:14rem}#hero #images .item .item-back .back-role{font-size:10rem}#hero #images .item .item-back .back-text{font-size:8.5rem;line-height:1.4}#hero #images .item .item-back .back-links{font-size:8.5rem;gap:5rem 10rem}#hero #images .item .item-image img{transform:none!important;filter:saturate(1)}#hero #images .item small{font-size:10rem;margin-top:10rem}}@media (max-width: 640px){#hero #images .item .item-back{padding:10rem}#hero #images .item .item-back .back-title{font-size:12rem}#hero #images .item .item-back .back-role{font-size:9rem;margin-bottom:8rem}#hero #images .item .item-back .back-text,#hero #images .item .item-back .back-links{font-size:8rem}#hero #images .item.item--inset .item-image{padding:10rem}#hero #images .item small{font-size:9rem;line-height:1.35}}html.dragging #hero{cursor:none}@media (pointer: coarse){html.dragging #hero{cursor:grabbing}}