: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);top:0;z-index:9;font-size:clamp(12px,.95vw,16px);text-transform:uppercase;display:flex;align-items:flex-start;justify-content:space-between}.frame .frame-left{display:flex;align-items:center;gap:20rem}.frame .frame-left>a,.frame .frame-left h1 a{position:relative}.frame .frame-left>a:after,.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>a:hover:after,.frame .frame-left h1 a:hover:after{transform:scaleX(1);transform-origin:100% 50%}.frame h1{font-size:inherit;font-weight:400}.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:white;color:#000;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}a{text-decoration:none;color:inherit}.no-transform,.no-transform *{transform:none!important}#hero{width:100%;height:100vh;height:100dvh;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:grab;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:pointer}#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:white;border:1px solid rgba(0,0,0,.08);box-sizing:border-box;padding:16rem;display:flex;flex-direction:column;overflow:hidden}#hero #images .item .item-back .back-title{font-size:18rem;font-weight:500;line-height:1.2;margin-bottom:5rem}#hero #images .item .item-back .back-role{font-size:12rem;opacity:.55;margin-bottom:10rem;line-height:1.3}#hero #images .item .item-back .back-text{font-size:10rem;line-height:1.4;flex:1;overflow-y:auto}#hero #images .item .item-back .back-links{margin-top:8rem;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}#hero #images .item .item-back .back-links a:hover{opacity:.6}#hero #images .item .item-image{overflow:hidden}#hero #images .item .item-image img{width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform}#hero #images .item.item--inset .item-image{padding:14rem;background:#f4f4f4}#hero #images .item.item--inset .item-image img{object-fit:contain}#hero #images .item small{width:100%;display:block;font-size:11rem;line-height:1.25;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 #images .item .item-back{padding:12rem}#hero #images .item .item-back .back-title{font-size:15rem}#hero #images .item .item-back .back-role{font-size:10rem}#hero #images .item .item-back .back-text{font-size:8.5rem;line-height:1.35}#hero #images .item .item-back .back-links{font-size:8.5rem;gap:5rem 10rem}#hero #images .item .item-image img{transform:none!important}#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:13rem}#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.3}}html.dragging #hero{cursor:grabbing}