body{margin:0;background-color:#000}html{scroll-snap-type:y mandatory}.page-section-full,.project-section{scroll-snap-align:start}*,*:before,*:after{box-sizing:border-box}.page-section-full{width:100%;min-height:100vh;min-height:100lvh;position:relative;z-index:0}.scroll-hint.nav-item{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);writing-mode:horizontal-tb;color:#000}.bg-image-full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}@font-face{font-family:logoFont;src:url(/fonts/AvianoFlareBlack.woff2) format("woff2"),url(/fonts/AvianoFlareBlack.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.logo-symbol-r{font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:700}.preloader-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:999;pointer-events:none;will-change:transform}.nav-wrapper{position:fixed;top:50%;left:0;width:100%;height:auto;padding:.5rem 1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#000;z-index:1000;gap:5rem}.nav-wrapper.is-preloading{visibility:hidden}nav{display:flex;gap:1.5rem}.nav-right{position:relative;display:flex;align-items:center}.nav-project-title{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;white-space:normal;overflow-wrap:break-word;max-width:40vw;text-align:right;line-height:1.4;pointer-events:none;-webkit-user-select:none;user-select:none}.nav-logo{font-family:logoFont,monospace;font-size:.7rem;font-weight:700;color:#e1e1e1;line-height:1;margin:0}.nav-item{font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:500;color:#e1e1e1;line-height:1;text-transform:uppercase;text-decoration:none}a.nav-item,a.nav-item *{cursor:pointer;-webkit-user-select:none;user-select:none}nav.nav--feed-active a.nav-item{pointer-events:none}html.list-view-mode nav a.nav-item{pointer-events:auto}.intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;pointer-events:none}.intro-close,.intro-content{pointer-events:auto}.intro-close{position:absolute;bottom:max(2rem,env(safe-area-inset-bottom) + 1rem);left:50%;transform:translate(-50%);background:none;border:none;cursor:pointer;padding:0;text-transform:uppercase;white-space:nowrap}.intro-content{position:absolute;top:3rem;left:1rem;display:flex;flex-direction:column;gap:1.6rem;max-width:26rem;max-height:calc(100% - 8rem);overflow-y:auto}.intro-label{font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:500;color:#e1e1e1;text-transform:uppercase;margin:0 0 .5rem;letter-spacing:.05em}.intro-text{font-family:IBM Plex Mono,monospace;font-size:.65rem;font-weight:400;color:#e1e1e199;margin:0;line-height:1.8}.char-outer{display:inline-block;overflow:hidden;vertical-align:bottom;line-height:1.15}.char-inner{display:inline-block}.project-section{width:100%;height:100lvh;position:relative;overflow:hidden;background:#000;--section-pad: 3rem}.project-media{position:absolute;inset:var(--section-pad)}.project-media img,.project-media video{width:100%;height:100%;object-fit:contain}.list-count{margin:0 0 1rem;opacity:.4}html.list-view-mode{scroll-snap-type:none}.view-toggle{position:fixed;bottom:1rem;right:1rem;z-index:1001;display:flex;gap:1rem}.view-btn{background:none;border:none;cursor:pointer;padding:0;transition:color .12s}.view-btn.is-active{pointer-events:none}.view-btn:not(.is-active){color:#e1e1e14d}#list-view{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:500;overflow-y:auto;padding:calc(50lvh + 2.5rem) 1rem 4rem;scrollbar-width:none}#list-view::-webkit-scrollbar{display:none}#list-view.is-active{display:block}.list-tree{list-style:none;margin:0;padding:0;width:fit-content}.list-row-head{display:flex;align-items:baseline;gap:.75rem;padding:.4rem 0;cursor:default}.list-connector{font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:500;color:#e1e1e166;flex-shrink:0;-webkit-user-select:none;user-select:none;width:4ch;text-align:right}.list-title{font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:500;color:#e1e1e1;text-transform:uppercase;letter-spacing:.02em;line-height:1.4}.list-bg-preview{position:fixed;top:3rem;right:3rem;bottom:3rem;left:3rem;pointer-events:none;z-index:499;opacity:0;transition:opacity .2s ease;background:#000}.list-bg-preview.is-visible{opacity:1}.list-bg-preview img,.list-bg-preview video{width:100%;height:100%;object-fit:contain;display:block;background:#000}@media (hover: hover){.list-row{transition:opacity .15s ease}.list-tree:has(.list-row-head:hover) .list-row{opacity:.15}.list-tree:has(.list-row-head:hover) .list-row:has(.list-row-head:hover){opacity:1}}.nav-wrapper.list-preview-active{background:#0000!important}.list-row-media{display:none;padding:.5rem 0 .75rem 2rem}.list-row.is-expanded .list-row-media{display:block}.list-row-media img,.list-row-media video{width:100%;max-height:56vw;object-fit:contain;display:block;background:#000}@media (hover: hover){.list-row-head{cursor:pointer}}@keyframes section-highlight{0%{box-shadow:inset 0 0 0 1px #e1e1e100}15%{box-shadow:inset 0 0 0 1px #e1e1e1b3}to{box-shadow:inset 0 0 0 1px #e1e1e100}}.project-section.is-highlighted{animation:section-highlight 1.2s ease-out forwards}@media (max-width: 768px){.nav-wrapper{gap:1rem}.nav-project-title{white-space:normal;max-width:50vw;text-align:right;line-height:1.4}}
