:root{--cell: 20px;--bg: #0d1114;--panel: #11171b;--text: #e8ecec;--muted: #8e9aa0;--link: #e3b5a6;--accent: #ef6847;--line: #273137;--panel-width: 300px;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{width:100%;height:100dvh;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{position:fixed;z-index:20;top:8px;left:8px;padding:8px 10px;background:var(--text);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:none}#loader{position:fixed;z-index:10;inset:0;display:grid;place-items:center;gap:1rem;background:var(--bg);transition:opacity .42s var(--ease)}#loader.is-hidden{opacity:0;pointer-events:none}.loader-mark{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.loader-bar{position:relative;width:140px;height:2px;overflow:hidden;background:var(--line)}.loader-bar-fill{position:absolute;inset:0;width:40%;background:var(--accent);animation:loader-sweep 1.1s var(--ease) infinite}@keyframes loader-sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}#viewport{position:fixed;inset:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior:none;touch-action:pan-x pinch-zoom}#viewport::-webkit-scrollbar{display:none}#scene{position:relative;width:100%;min-width:100%;height:100dvh;overflow:hidden;background:var(--bg)}#tiles{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none}#home-panel,.panel-shell{position:absolute;top:var(--cell);width:var(--panel-width);height:calc(100dvh - (var(--cell) * 2));background:var(--panel)}#home-panel{z-index:4;left:var(--cell)}#layers{position:absolute;z-index:2;inset:0}.panel-shell{border-left:1px solid var(--line);opacity:1;transform:translateY(0);transition:opacity .36s var(--ease),transform .36s var(--ease)}.panel-shell.is-entering{opacity:0;transform:translateY(10px)}.panel-shell.is-leaving{opacity:0;transform:translateY(-10px);pointer-events:none}.panel{width:100%;height:100%;min-height:0;padding:var(--cell);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;background:var(--panel);-webkit-user-select:text;user-select:text}.panel-layout{display:flex;flex-direction:column}.identity,.panel-title h1{margin:0;font-size:1.6rem;font-weight:600;letter-spacing:-.03em;line-height:1.15}.intro{max-width:14rem;margin:1.1rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.5}.work-list,.section-list,.panel-links,.panel-footer{display:grid;justify-items:start}.work-list,.section-list{gap:.08rem;margin-top:1.35rem}.work-list a,.section-list a,.panel-links a,.panel-footer a,.panel-footer button,.panel-close{border:0;padding:0;background:transparent;color:var(--link);cursor:pointer;text-align:left;transition:color .32s var(--ease),transform .32s var(--ease)}.work-list a:hover,.section-list a:hover,.panel-links a:hover,.panel-footer a:hover,.panel-footer button:hover,.panel-close:hover{color:var(--text)}.work-list a,.section-list a,.panel-links a{transform:translate(0)}.work-list a:hover,.section-list a:hover,.panel-links a:hover{transform:translate(.25rem)}[data-route].is-active:after{content:"×";display:inline-grid;width:.88rem;height:.88rem;margin-left:.38rem;place-items:center;border-radius:50%;background:var(--accent);color:var(--bg);font-size:.7rem;line-height:1;vertical-align:.05rem}.panel-footer{gap:.04rem;margin-top:auto;padding-top:3rem}.panel-footer p{margin:1rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.5;letter-spacing:.01em}.sound-toggle{position:absolute;right:var(--cell);bottom:var(--cell);z-index:2;width:24px;height:24px;border:0;padding:0;background:transparent;color:var(--muted);cursor:pointer;transition:color .32s var(--ease)}.sound-toggle:hover{color:var(--text)}.sound-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.sound-toggle .sound-on{display:none}.sound-toggle[aria-pressed=true] .sound-on{display:block}.sound-toggle[aria-pressed=true] .sound-off{display:none}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.panel-close{flex:none;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.panel-body{margin-top:1.45rem;color:var(--muted)}.panel-body p{margin:0 0 1rem}.panel-body p:first-child{color:var(--text)}.filters{display:flex;gap:.7rem;margin-top:1.45rem}.filters button{border:0;border-bottom:1px solid transparent;padding:0 0 .2rem;background:transparent;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .32s var(--ease),border-color .32s var(--ease)}.filters button:hover{color:var(--text)}.filters button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.panel-links{gap:.5rem;margin-top:1.45rem}.panel-links a{display:flex;width:100%;justify-content:space-between;gap:1rem}.panel-links small{color:var(--muted);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.panel-meta{margin-top:auto;padding-top:3rem;color:var(--muted);font-size:.72rem;line-height:1.42}.panel-link-out{display:inline-block;margin-top:1.45rem;color:var(--link);transition:color .32s var(--ease)}.panel-link-out:hover{color:var(--text)}.panel-link-out.is-pending{color:var(--muted);cursor:default}.media-gallery{margin-top:1.45rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.media-gallery-track{display:flex;gap:.6rem;width:max-content;animation:media-scroll 12s linear infinite}.media-gallery:hover .media-gallery-track,.media-gallery:focus-within .media-gallery-track{animation-play-state:paused}@keyframes media-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.media-tile{flex:none;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center}.media-gallery[data-media-type=video] .media-tile{width:180px;aspect-ratio:16 / 9;object-fit:cover}.media-gallery[data-media-type=photo] img.media-tile{width:auto;height:220px}.media-gallery[data-media-type=photo] div.media-tile{width:180px;height:220px}.media-tile-label{color:var(--muted);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.mockup-dashboard{margin-top:1.45rem;border:1px solid var(--line);background:var(--panel);font-size:.7rem}.mockup-topbar{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem;border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.mockup-dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--line)}.mockup-topbar span:last-child{margin-left:auto}.mockup-body{display:grid;grid-template-columns:100px 1fr}.mockup-sidebar{display:grid;gap:.3rem;padding:.6rem;border-right:1px solid var(--line)}.mockup-nav-item{color:var(--muted)}.mockup-nav-item.is-active{color:var(--accent)}.mockup-main{padding:.6rem;display:grid;gap:.6rem}.mockup-stats{display:flex;gap:.5rem}.mockup-stat{flex:1;border:1px solid var(--line);padding:.4rem;display:grid;gap:.2rem}.mockup-stat small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.58rem}.mockup-stat strong{color:var(--text);font-size:.95rem}.mockup-table{display:grid;gap:.3rem}.mockup-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;align-items:center}.mockup-row-head{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.58rem}.mockup-tag{justify-self:start;padding:.1rem .4rem;border-radius:2px;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent);font-size:.6rem}#edge-frame{position:fixed;z-index:6;inset:0;pointer-events:none}#edge-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgb(0 0 0 / .28) 100%)}.edge{position:absolute;background:var(--bg)}.edge-top,.edge-bottom{left:0;width:100%;height:var(--cell)}.edge-left,.edge-right{top:0;width:var(--cell);height:100%}.edge-top{top:0;border-bottom:1px solid var(--line)}.edge-right{right:0;border-left:1px solid var(--line)}.edge-bottom{bottom:0;border-top:1px solid var(--line)}.edge-left{left:0;border-right:1px solid var(--line)}@media(max-width:639px){:root{--panel-width: calc(100vw - var(--cell) * 2)}.mockup-body{grid-template-columns:1fr}.mockup-sidebar{grid-auto-flow:column;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.mockup-stats{flex-wrap:wrap}.mockup-stat{min-width:calc(50% - .25rem)}.mockup-row{grid-template-columns:1fr 1fr 1fr;gap:.3rem;font-size:.62rem}.media-gallery[data-media-type=video] .media-tile{width:130px}.media-gallery[data-media-type=photo] img.media-tile,.media-gallery[data-media-type=photo] div.media-tile{height:150px}.media-gallery[data-media-type=photo] div.media-tile{width:130px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}