@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600&display=swap";*,*:after,*:before{box-sizing:border-box}:root{font-size:16px;--color-text: #f5f0e8;--color-bg: #0a0a0a;--color-bg-alt: #111;--color-link: #f5f0e8;--color-link-hover: #c9a227;--color-title: #c9a227;--perspective: 1500px;--grid-item-ratio: 1.5;--grid-width: 100%;--grid-height: auto;--grid-gap: 2vw;--grid-columns: 4;--grid-inner-scale: 1}html{scroll-behavior:auto}body{margin:0;color:var(--color-text);background-color:var(--color-bg);font-family:"Noto Serif SC",Songti SC,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:var(--color-link)}a:hover{color:var(--color-link-hover)}code{font-family:Consolas,monospace;font-size:.9em}.js .loading:before,.js .loading:after{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;right:0;bottom:0;left:0;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}main{position:relative;overflow:hidden;width:100%}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(to bottom,rgba(10,10,10,.9),transparent);pointer-events:none}.topbar__brand,.topbar__nav{pointer-events:auto}.topbar__brand{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;opacity:.8}.topbar__nav{display:flex;flex-wrap:wrap;gap:.75rem 1rem;font-size:.8rem}.intro{min-height:calc(100vh - 3rem);text-align:center;place-items:center;display:grid;margin-bottom:30vh;background:linear-gradient(0deg,transparent,var(--color-bg-alt));will-change:transform}.intro__title{place-items:center;margin:0;line-height:.95;display:grid;margin-top:15vh;font-weight:400}.intro__title-pre{font-weight:300;font-size:clamp(2rem,8vw,5rem);color:var(--color-title)}.intro__title-sub{font-size:clamp(1.5rem,12vw,6rem);max-width:12ch;margin:0 auto}.intro__info{max-width:18ch;opacity:.6;margin-bottom:4rem;padding-bottom:1rem;line-height:1.4;position:relative;align-self:end}.intro__info:after{content:"";width:1px;height:2rem;background:#fff;position:absolute;top:100%;left:50%}.content{position:relative;margin-bottom:20vh}.content--spacing{margin-bottom:100vh}.content__title{position:absolute;height:100vh;width:100vw;top:50%;left:50%;margin:-50vh 0 0 -50vw;padding:0 10vw;display:grid;place-items:center;text-align:center;font-weight:300;font-size:clamp(1.5rem,10vw,5.5rem);pointer-events:none;line-height:1.1;text-shadow:0 8px 40px rgba(0,0,0,.65)}.content__title--top{align-items:start;padding-top:12vh}.content__title--bottom{align-items:end;padding-bottom:12vh}.content__title--left{justify-items:start;text-align:left}.content__title--right{justify-items:end;text-align:right}.grid{display:grid;place-items:center;padding:2rem;width:100%;perspective:var(--perspective)}.grid-wrap{height:var(--grid-height);width:var(--grid-width);display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap);transform-style:preserve-3d}.grid__item{aspect-ratio:var(--grid-item-ratio);width:100%;height:auto;overflow:hidden;position:relative;border-radius:8px;display:grid;place-items:center}.grid__item-inner{position:relative;width:calc(1 / var(--grid-inner-scale) * 100%);height:calc(1 / var(--grid-inner-scale) * 100%);background-size:cover;background-position:50% 50%}.outro{display:grid;place-items:center;text-align:center;margin:40vh 0 20vh;opacity:.7}.outro__text{font-size:clamp(1rem,3vw,1.5rem);margin:0 0 1rem}.outro__hint{margin:0;font-size:.95rem}@media(max-width:768px){.topbar{flex-direction:column;align-items:flex-start}.content--spacing{margin-bottom:60vh}}@media(prefers-reduced-motion:reduce){.js .loading:after{animation:none}}