@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap";.portal{--paper:#f1eee7;min-height:100vh;color:var(--paper);background:#0b0b0b;padding:28px clamp(20px,4vw,66px) 34px;font-family:Manrope,sans-serif;position:relative;overflow:hidden}.portal-grain{pointer-events:none;opacity:.055;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:.24s steps(2,end) infinite portal-grain;position:fixed;inset:-8%}@keyframes portal-grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}.portal-header,.portal-footer{text-transform:uppercase;letter-spacing:.14em;justify-content:space-between;align-items:center;font:400 10px/1.2 DM Mono,monospace;display:flex}.portal-mark{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.portal-meta-nav{color:#888;gap:24px;display:flex}.portal-meta-nav a{padding:9px 0;text-decoration:none;transition:color .25s}.portal-meta-nav a:hover,.portal-meta-nav a:focus-visible{color:var(--paper)}.portal-intro{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:end;gap:5vw;max-width:1500px;padding:clamp(80px,14vh,155px) 0 clamp(72px,12vh,130px);display:grid}.portal-kicker{color:#888;text-transform:uppercase;letter-spacing:.17em;grid-column:1/-1;margin:0 0 -2vh;font:400 10px/1.2 DM Mono,monospace}.portal-intro h1{letter-spacing:-.06em;max-width:950px;margin:0;font:300 clamp(54px,8.2vw,132px)/.85 Manrope,sans-serif}.portal-deck{color:#aaa;max-width:390px;margin:0 0 .8em;font-size:clamp(13px,1.1vw,16px);line-height:1.65}.portal-works{border-top:1px solid #272727}.portal-work{isolation:isolate;border-bottom:1px solid #272727;grid-template-columns:65px 1fr auto 40px;align-items:center;gap:25px;min-height:clamp(102px,13vh,140px);text-decoration:none;display:grid;position:relative;overflow:hidden}.portal-work:before{content:"";z-index:-1;transform-origin:bottom;transition:transform .55s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleY(0)}.portal-work--noema:before{background:#171a36}.portal-work--herbarium:before{background:#dcd3bb}.portal-work--serein:before{background:#a18770}.portal-work:hover:before,.portal-work:focus-visible:before{transform:scaleY(1)}.portal-work-visual{z-index:-1;opacity:0;clip-path:inset(100% 0 0);pointer-events:none;transition:clip-path .8s cubic-bezier(.16,1,.3,1),opacity .45s;position:absolute;inset:0 0 0 52%;overflow:hidden}.portal-work-visual:after{content:"";background:linear-gradient(90deg, var(--row-wash,#171a36) 0%, transparent 48%);position:absolute;inset:0}.portal-work-visual img{object-fit:cover;filter:saturate(.84)contrast(1.08);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1);transform:scale(1.08)}.portal-work:hover .portal-work-visual,.portal-work:focus-visible .portal-work-visual{opacity:.9;clip-path:inset(0)}.portal-work:hover .portal-work-visual img,.portal-work:focus-visible .portal-work-visual img{transform:scale(1)}.portal-work--noema{--row-wash:#171a36}.portal-work--herbarium{--row-wash:#dcd3bb}.portal-work--serein{--row-wash:#a18770}.portal-work--herbarium:hover,.portal-work--herbarium:focus-visible,.portal-work--serein:hover,.portal-work--serein:focus-visible{color:#17130f}.portal-work-index{color:#777;font:400 10px DM Mono,monospace;transition:color .3s}.portal-work-main{align-items:baseline;gap:clamp(20px,4vw,70px);display:flex}.portal-work-main strong{letter-spacing:-.045em;font:400 clamp(27px,3.2vw,52px)/1 Manrope,sans-serif}.portal-work-main em{color:#888;font:300 12px/1.4 DM Mono,monospace;transition:color .3s}.portal-work:hover .portal-work-main em,.portal-work:focus-visible .portal-work-main em{color:currentColor}.portal-palette{display:flex}.portal-palette i{border:1px solid #ffffff3d;border-radius:50%;width:28px;height:28px;margin-left:-8px;display:block}.portal-arrow{transition:transform .45s cubic-bezier(.16,1,.3,1)}.portal-work:hover .portal-arrow{transform:translate(5px,-5px)}.portal-footer{color:#777;padding-top:30px}.portal-footer a{text-underline-offset:3px}.not-found{color:#eee;text-align:center;background:#0b0b0b;place-content:center;gap:12px;min-height:100vh;font-family:sans-serif;display:grid}.not-found a{color:#aaa}@media (width<=720px){.portal{padding-inline:18px}.portal-meta-nav{gap:15px}.portal-intro{grid-template-columns:1fr;padding-block:90px 70px}.portal-kicker{margin:0 0 -15px}.portal-deck{margin-top:16px}.portal-work{grid-template-columns:36px 1fr 25px;gap:12px}.portal-work-visual{opacity:.2;clip-path:inset(0);inset-inline-start:40%}.portal-work-visual img{transform:none}.portal-work-main{display:block}.portal-work-main em{margin-top:8px;display:block}.portal-palette,.portal-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.portal-grain{animation:none}.portal-work-visual,.portal-work-visual img{transition:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0b0b0b;min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input,textarea,select{font:inherit}::selection{color:#0b0b0b;background:#dfff57}.skip-link{z-index:10000;color:#0b0b0b;background:#f4f0e6;border:1px solid;padding:11px 16px;font:500 12px/1 DM Mono,monospace;text-decoration:none;transition:transform .2s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-loader{background:#0b0b0b;place-items:center;min-height:100vh;display:grid}.site-loader span{border:1px solid #555;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite loader-spin}@keyframes loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}