@font-face{font-family:AvenirLocal;src:url('/assets/fonts/avenir-light-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:MontserratLocal;src:url('/assets/fonts/montserrat-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:MontserratLocal;src:url('/assets/fonts/montserrat-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:MontserratLocal;src:url('/assets/fonts/montserrat-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:RobotoLocal;src:url('/assets/fonts/roboto-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:RobotoLocal;src:url('/assets/fonts/roboto-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:RobotoLegacyBold;src:url('/assets/fonts/roboto-bold-source.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

:root{color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}
html,body,#app{min-height:100%;margin:0}
html{background:#000}
body{min-width:980px;background:#000;color:#f5f5f5;-webkit-font-smoothing:antialiased;overflow-x:auto}
a{color:inherit;text-decoration:none}
.fixed-canvas{width:980px;margin:0 auto}

.site-header{height:178px;position:relative;width:980px;margin:0 auto;font-family:AvenirLocal,Arial,sans-serif}
.identity{position:absolute;top:17px;left:50%;width:120px;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column}
.identity img{width:60px;height:60px;border-radius:50%;object-fit:cover;display:block}
.identity span{font-family:RobotoLocal,Arial,sans-serif;font-size:15px;font-weight:700;line-height:21px;margin-top:8px}
.header-row{position:absolute;left:0;top:126px;width:100%;height:34px}
.header-row nav{position:absolute;left:289px;top:0;height:34px;display:flex;align-items:stretch}
.nav-link{height:34px;padding:6px 16px 0;color:#aaa;font-size:14px;line-height:22px;white-space:nowrap;border-right:1px solid #1e1e1e}
.nav-link:first-child{padding-left:7px;padding-right:16px}
.nav-link:last-child{border:0;padding-right:7px}
.nav-link:hover,.nav-link.active{color:#42d318}
.socials{position:absolute;right:0;top:4px;height:24px;display:flex;gap:11px;align-items:center}
.socials a,.socials img{display:block;width:20px;height:20px}
.menu-toggle,.mobile-menu{display:none}

.home-page{font-family:MontserratLocal,Arial,sans-serif;padding-top:8px;padding-bottom:50px}
.gallery-section{margin-bottom:19px}
.gallery-section h2{font-size:15px;line-height:23px;font-weight:700;margin:0 0 12px}
.nft-grid{display:grid;grid-template-columns:repeat(9,109px);grid-auto-rows:160px;align-items:start}
.nft-card{width:109px;display:block;text-align:center;font-family:MontserratLocal,Arial,sans-serif;font-size:10px;line-height:18.8px;color:#eee}
.nft-card img{width:109px;height:135px;display:block;object-fit:cover}
.nft-card span{display:block;height:21px;padding-top:2px;white-space:nowrap}
.notes{font-family:MontserratLocal,Arial,sans-serif;font-size:15px;line-height:1.88;margin-top:25px;color:#e3e3e3}
.notes p{margin:0 0 16px}
.notes .footnotes{font-size:13px;line-height:1.88}
.notes a{text-decoration:underline}
.axis-hero{width:100%;height:540px;overflow:hidden}
.axis-hero img{width:100%;height:540px;display:block;object-fit:cover;object-position:center}

.selects-page{font-family:MontserratLocal,Arial,sans-serif;padding-top:41px;padding-bottom:54px}
.project{display:grid;grid-template-columns:253px 600px;column-gap:126px;min-height:693px;margin-bottom:110px}
.project.right{grid-template-columns:600px 253px;column-gap:127px}
.project.right .project-images{grid-column:2;grid-row:1;align-items:flex-end}
.project.right .project-copy{grid-column:1;grid-row:1}
.project-images{width:253px;display:flex;flex-direction:column;gap:60px;align-items:flex-start}
.project-images a,.project-images picture,.project-image{display:block}
.project-image{width:var(--image-width);height:693px;object-fit:cover}
.project-image.extra{width:253px;height:478px}
.project-copy{width:600px;padding-top:10px}
.project-copy h1{font-family:MontserratLocal,Arial,sans-serif;font-size:30px;line-height:37px;font-weight:700;margin:0 0 7px}
.project-subtitle{font-size:15px;line-height:28px;color:#ffc400;font-style:italic;margin:0}
.project-body{margin-top:77px;font-size:15px;line-height:28px;color:#f1f1f1}
.project-body p{margin:0 0 29px}
.project-body strong{font-weight:700}
.loaded{text-align:center;font-family:MontserratLocal,Arial,sans-serif;font-size:30px;line-height:42px;font-weight:700;color:#f5f5f5;margin:0}

.about-page{font-family:MontserratLocal,Arial,sans-serif;padding:16px 100px 60px}
.about-copy{width:780px;font-size:15px;line-height:28px}
.about-copy p{margin:0 0 29px}
.about-copy h2{font-size:15px;line-height:28px;font-weight:700;margin:0}
.about-copy a{text-decoration:underline}
.links-grid{width:500px;display:grid;grid-template-columns:1fr 1fr;gap:0 26px;margin-bottom:27px;line-height:28px}
.blank-page{height:470px;display:flex;align-items:center;justify-content:center;font-family:AvenirLocal,Arial,sans-serif;text-align:center}
.blank-page blockquote{font-size:22px;line-height:35px;margin:0}
.blank-page cite{display:block;font-size:14px;font-style:normal;margin-top:14px}

footer{width:980px;height:185px;margin:0 auto;padding-top:28px;font-family:AvenirLocal,Arial,sans-serif;font-size:11px;line-height:16px;color:#d0d0d0;text-align:center;border:0}
footer .footer-twitter{display:block;width:40px;height:40px;margin:0 auto 18px}
footer .footer-twitter img{display:block;width:40px;height:40px}
footer span{display:block}

@media (max-width:979px){
  body{min-width:0;overflow-x:hidden}
  body.menu-open{overflow:hidden}
  .fixed-canvas{width:auto}

  .site-header{width:min(285px,100%);height:90px;margin:0 auto}
  .identity{top:15px;left:0;width:40px;transform:none}
  .identity img{width:40px;height:40px}
  .identity span,.header-row nav{display:none}
  .header-row{left:52px;top:16px;width:auto;height:44px}
  .socials{position:static;height:44px;gap:14px}
  .socials a{width:30px;height:44px;display:flex;align-items:center}
  .socials img{width:30px;height:30px}
  .menu-toggle{position:absolute;z-index:4;top:13px;right:0;width:44px;height:44px;padding:11px 6px;border:0;background:transparent;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;cursor:pointer}
  .menu-toggle span{display:block;width:22px;height:2px;background:#f5f5f5}
  .mobile-menu{position:fixed;z-index:20;inset:0;background:#000;display:block;font-family:AvenirLocal,Arial,sans-serif}
  .mobile-menu[hidden]{display:none}
  .mobile-menu nav{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:75px 24px}
  .mobile-nav-link{min-width:220px;padding:10px;text-align:center;color:#aaa;font-size:19px;line-height:28px}
  .mobile-nav-link.active,.mobile-nav-link:hover{color:#42d318}
  .menu-close{position:absolute;z-index:2;top:13px;right:4px;width:44px;height:44px;border:0;background:transparent;cursor:pointer}
  .menu-close span{position:absolute;left:8px;top:21px;width:28px;height:2px;background:#f5f5f5;transform:rotate(45deg)}
  .menu-close span:last-child{transform:rotate(-45deg)}

  .home-page{width:min(300px,calc(100vw - 24px));margin:0 auto;padding:6px 0 38px;display:flex;flex-direction:column}
  .gallery-section{margin:0 0 22px}
  .gallery-section h2{font-size:15px;line-height:23px;text-align:center;margin:0 0 10px;white-space:nowrap}
  .nft-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;row-gap:0}
  .nft-card{width:100%;height:auto;font-size:9px;line-height:17px}
  .nft-card img{width:100%;height:auto;aspect-ratio:80/99;object-fit:cover}
  .nft-card span{display:block;height:21px;padding-top:3px;white-space:nowrap}
  .home-page .gallery-section:nth-child(1){order:1}
  .home-page .gallery-section:nth-child(2){order:2}
  .home-page .gallery-section:nth-child(3){order:3}
  .home-page .gallery-section:nth-child(4){order:7}
  .home-page .gallery-section:nth-child(5){order:4}
  .home-page .gallery-section:nth-child(6){order:5}
  .home-page .gallery-section:nth-child(7){order:6}
  .home-page .gallery-section:nth-child(8){order:8}
  .home-page .gallery-section:nth-child(9){order:9}
  .home-page .gallery-section:nth-child(10){order:10}
  .notes{order:11;font-size:13px;line-height:1.88;margin:17px 8px 0 0}
  .notes p{margin-bottom:15px}
  .notes .footnotes{font-size:12px;line-height:1.88}
  .axis-hero{width:min(320px,100vw);height:auto;aspect-ratio:320/596;margin:0 auto}
  .axis-hero img{width:100%;height:100%;object-fit:cover;object-position:center}

  .selects-page{width:min(280px,calc(100vw - 16px));margin:0 auto;padding:19px 0 43px}
  .project,.project.right{width:100%;min-height:0;margin:0 0 37px;display:flex;flex-direction:column}
  .project-copy{display:contents}
  .project-copy h1{order:1;font-size:28px;line-height:50px;margin:0 0 5px}
  .project-subtitle{order:2;font-size:15px;line-height:24px;margin:0 0 14px}
  .project-images,.project.right .project-images{display:contents}
  .project-image-link.primary{order:3}
  .project-image-link.extra-link{order:5;margin-top:1px}
  .project-image,.project-image.extra{width:100%;height:auto;aspect-ratio:auto;object-fit:cover}
  .project-body{order:4;margin:11px 0 0;font-size:13px;line-height:23px}
  .project-body p{margin:0 0 24px}
  .loaded{font-size:18px;line-height:28px;text-align:left}

  .about-page{width:min(291px,calc(100vw - 12px));margin:-2px auto 0;padding:0 0 45px}
  .about-copy{width:100%;font-size:13px;line-height:23px}
  .about-copy p{margin:0 0 24px}
  .about-copy h2{font-size:13px;line-height:23px}
  .links-grid{width:100%;grid-template-columns:1fr;gap:0;margin-bottom:24px;line-height:36px}

  .blank-page{width:min(320px,100vw);height:calc(100vh - 250px);min-height:360px;margin:0 auto;padding:0 22px}
  .blank-page blockquote{font-size:18px;line-height:30px}
  .blank-page cite{font-size:13px}

  footer{width:min(320px,100%);height:160px;margin:0 auto;padding-top:25px}
  footer .footer-twitter,footer .footer-twitter img{width:35px;height:35px}
  footer .footer-twitter{margin-bottom:17px}
}