:root,html,body{min-height:100%;background:#f4f4f1}*{box-sizing:border-box}body{min-width:320px;margin:0;font-family:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif}.project-field{--slice: clamp(10rem, 20vw, 18rem);position:relative;min-height:100svh;padding:clamp(2.4rem,7vw,8rem) clamp(1.25rem,5vw,5.5rem);perspective:1700px}.filter-nav{display:grid;grid-template-columns:repeat(5,max-content);align-items:end;justify-content:center;gap:clamp(.9rem,2vw,1.6rem) clamp(.8rem,1.8vw,1.6rem);width:min(100%,116rem);min-height:8rem;margin:0 auto clamp(2.8rem,6vw,6.5rem)}.filter-cube{display:flex;flex-direction:column;align-items:start;justify-content:end;gap:.42rem;padding:0;border:0;color:#151515;background:transparent;cursor:pointer}.filter-all{grid-column:1 / -1;align-items:stretch}.filter-count{--nav-tile: clamp(.66rem, 1.05vw, .9rem);display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,var(--nav-tile));grid-auto-columns:var(--nav-tile);gap:2px;width:max-content;transform:scaleY(-1)}.filter-all .filter-count{grid-template-rows:repeat(3,var(--nav-tile));grid-auto-columns:var(--nav-tile);justify-content:space-between;width:100%}.filter-count i{display:block;width:100%;aspect-ratio:1;border:1px solid rgba(21,21,21,.28);background-color:#151515;background-position:center;background-size:cover;transform:scaleY(-1);transition:transform .15s ease,border-color .15s ease}.filter-label{display:none}@media(min-width:541px){.filter-cube{position:relative;font-family:inherit}.filter-label{display:block;position:absolute;top:100%;left:0;padding-top:.35rem;font-size:.8rem;line-height:1;white-space:nowrap;pointer-events:none;visibility:hidden}.filter-cube:hover .filter-label,.filter-cube:focus-visible .filter-label{visibility:visible}}@media(min-width:900px){.filter-count{--nav-tile: clamp(.825rem, 1.3125vw, 1.125rem);gap:2.5px}}.filter-cube:hover .filter-count i,.filter-cube:focus-visible .filter-count i,.filter-cube.is-active .filter-count i{border-color:#151515}.filter-cube:hover .filter-count i,.filter-cube:focus-visible .filter-count i{transform:scaleY(-1) scale(1.18)}.filter-cube:focus-visible{outline:2px solid #151515;outline-offset:.38rem}.social-links{position:absolute;top:clamp(.75rem,1.5vw,1.5rem);left:0;right:0;width:max-content;margin-inline:auto;display:flex;align-items:center;gap:.65rem}.social-links a{display:grid;width:clamp(.66rem,1.05vw,.9rem);height:clamp(.66rem,1.05vw,.9rem);place-items:center;color:#151515}@media(min-width:900px){.social-links a{width:clamp(.825rem,1.3125vw,1.125rem);height:clamp(.825rem,1.3125vw,1.125rem)}}.social-links svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7}.social-links .social-fill,.social-links .social-dot{fill:currentColor;stroke:none}.social-links img{display:block;width:100%;height:100%;object-fit:contain}.social-links a:hover,.social-links a:focus-visible{transform:scale(1.12);outline:1px solid #151515;outline-offset:.28rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,var(--slice));gap:clamp(2.7rem,7vw,7.5rem);justify-content:center;max-width:116rem;margin:0 auto}.slice{position:relative;isolation:isolate;width:var(--slice);height:var(--slice);perspective:1300px}@media(min-width:541px){.project-grid:has(.is-linked-selected){grid-auto-flow:row dense}.slice.is-linked-selected{--slice: min(clamp(15rem, 32vw, 28rem), 48vw, 48svh);grid-column:1 / -1;justify-self:center;z-index:5;scroll-margin-top:calc((100svh - var(--slice)) / 2)}}.media-advance{position:absolute;z-index:2;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;opacity:0;pointer-events:none}.slice.is-info .media-advance{pointer-events:auto}.slab{position:relative;z-index:1;width:100%;height:100%;transform:rotateX(-8deg) rotateY(-26deg);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.82,.18,1)}.slice:hover .slab,.slice:focus-within .slab{transform:rotateX(-10deg) rotateY(-31deg) translateY(-.25rem)}.slice.is-info .slab,.slice.is-info:hover .slab,.slice.is-info:focus-within .slab{transform:rotateX(-6deg) rotateY(-90deg)}.slice.is-media-1 .slab,.slice.is-media-1:hover .slab,.slice.is-media-1:focus-within .slab{transform:rotateX(-5deg) rotateY(-180deg)}.slice.is-media-2 .slab,.slice.is-media-2:hover .slab,.slice.is-media-2:focus-within .slab{transform:rotateX(-5deg) rotateY(-270deg)}.slice.is-atmos{z-index:3}.slice.is-atmos .slab,.slice.is-atmos:hover .slab,.slice.is-atmos:focus-within .slab{transform:rotateX(-3deg) rotateY(-180deg) scale(1.16)}.slice:not(.is-media-1) .back,.slice:not(.is-media-2) .left{visibility:hidden}.slice.is-media-1 .back,.slice.is-media-2 .left{visibility:visible}.slab:focus-visible{outline:2px solid #151515;outline-offset:.7rem}.face{position:absolute;inset:0;overflow:hidden;border:0;padding:0;backface-visibility:hidden;font:inherit;text-align:inherit}.face:not(.neutral){cursor:pointer}.front{appearance:none;-webkit-appearance:none;background:#e7e7e4;box-shadow:1.2rem 1.5rem 2.6rem #00000024;transform:translateZ(calc(var(--slice) / 2))}.front img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.right{display:flex;flex-direction:column;justify-content:space-between;gap:.9rem;padding:clamp(.8rem,1.7vw,1.45rem);color:#f4f4f1;background:#151515;transform:rotateY(90deg) translateZ(calc(var(--slice) / 2))}.right strong{max-width:100%;font-size:clamp(1rem,1.8vw,1.85rem);font-weight:500;line-height:.92;letter-spacing:-.065em;overflow-wrap:anywhere;text-wrap:balance}.right .project-title{display:block;font-weight:700;font-style:italic}.right .project-artist{display:block;margin-top:.3em;font-style:normal}.right small{display:flex;flex-direction:column;align-items:flex-start;gap:.12em;width:100%;color:#f4f4f1a8;font-size:clamp(.56rem,.7vw,.68rem);font-weight:700;line-height:1.25;letter-spacing:.04em}.right small span{white-space:nowrap}.right em{margin-top:auto;color:#f4f4f1b8;font-size:clamp(.62rem,.82vw,.77rem);font-style:normal;line-height:1.2;letter-spacing:-.025em}.neutral{background:#e7e7e4}.left{transform:rotateY(-90deg) translateZ(calc(var(--slice) / 2))}.top{transform:rotateX(90deg) translateZ(calc(var(--slice) / 2))}.bottom{transform:rotateX(-90deg) translateZ(calc(var(--slice) / 2))}.back{transform:rotateY(180deg) translateZ(calc(var(--slice) / 2))}.cube-cap{background:#e7e7e4}.media-face{display:grid;place-items:center;background-color:#111;background-position:center;background-size:cover;box-shadow:1.2rem 1.5rem 2.6rem #0000002e}.media-slot{position:absolute;z-index:2;inset:0;display:grid;place-items:center;pointer-events:auto}.embedded-player{position:relative;z-index:1;display:block;overflow:hidden;background:#111}.embedded-player[hidden]{display:none}.embedded-player.youtube,.embedded-player.vimeo{width:100%;height:100%;pointer-events:none}.embedded-player.apple{width:100%;height:100%}.embedded-player.bandcamp{z-index:1;width:100%;height:100%;background:transparent;box-shadow:none;pointer-events:none}.embedded-player.soundcloud{z-index:1;width:92%;height:92%;box-shadow:0 .5rem 1.4rem #00000047}.embedded-player.audio-overlay{position:absolute;z-index:10;margin:0;opacity:0;pointer-events:none;transform:translateZ(0)}.embedded-player.audio-overlay.is-active{opacity:1;pointer-events:auto}.media-turn{position:absolute;z-index:0;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer}.media-turn.audio-media-turn{z-index:11;inset:0 0 0 auto;width:4%;height:auto;pointer-events:auto}.media-turn.audio-media-turn.bandcamp-artwork-turn{inset:0;width:100%;height:100%;clip-path:polygon(0 54%,100% 54%,100% 83%,30% 83%,30% 70%,0 70%);pointer-events:none}.audio-overlay.is-active .bandcamp-artwork-turn{pointer-events:auto}.media-turn:focus-visible{outline:2px solid #f4f4f1;outline-offset:-1rem}.embedded-player iframe,.embedded-player object{display:block;width:100%;height:100%;border:0;background:#111}.embedded-player.bandcamp iframe{background:transparent;pointer-events:none}.embedded-player.audio-overlay.is-active iframe{pointer-events:auto}.video-expand{position:absolute;z-index:20;right:.65rem;bottom:.55rem;padding:.28rem .36rem;border:0;opacity:0;transform:translateZ(0);color:#f4f4f1;background:#0a0a0a94;font:700 .72rem/1 Arial,sans-serif;letter-spacing:-.08em;cursor:pointer;pointer-events:none}.slice.is-media-1>.video-expand[data-video-position="3"],.slice.is-media-2>.video-expand[data-video-position="4"]{opacity:1;pointer-events:auto}.video-expand:hover,.video-expand:focus-visible{background:#111;outline:1px solid #f4f4f1;outline-offset:2px}.embedded-player.video-zoomed:popover-open{position:fixed;inset:50% auto auto 50%;width:min(82vmin,48rem);height:min(82vmin,48rem);margin:0;padding:0;border:0;transform:translate(-50%,-50%);pointer-events:auto;background:#111;box-shadow:0 1.2rem 4rem #00000047}.embedded-player.video-zoomed:popover-open::backdrop{background:#f4f4f147}.spotify-link{display:grid;place-items:center;width:clamp(3.5rem,18%,5rem);aspect-ratio:1;border:1px solid rgba(244,244,241,.88);border-radius:50%;background:#0c0c0c29;box-shadow:0 .35rem .9rem #00000038;transition:transform .18s ease,background-color .18s ease}.spotify-link:hover,.spotify-link:focus-visible{transform:scale(1.08);background:#0c0c0c6b;outline:none}.spotify-play{width:0;height:0;margin-left:.22rem;border-top:.65rem solid transparent;border-bottom:.65rem solid transparent;border-left:1rem solid #f4f4f1}.atmos-view{position:relative;display:grid;width:100%;height:100%;place-items:center;overflow:hidden;isolation:isolate;background:#080909}.atmos-halo{position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:center / cover no-repeat var(--atmos-art);opacity:.68;filter:blur(1.45rem) saturate(1.4);transform:scale(1.28);animation:atmos-breathe 7s ease-in-out infinite alternate}.atmos-halo:after{position:absolute;inset:0;border:1px solid rgba(244,244,241,.38);border-radius:50%;content:"";transform:scale(.76)}.atmos-artwork{position:relative;z-index:1;display:block;width:66%;aspect-ratio:1;object-fit:cover;box-shadow:0 1rem 2.7rem #0000008c;animation:atmos-arrive .65s cubic-bezier(.2,.82,.18,1) both}.atmos-apple-link{position:absolute;z-index:2;bottom:7%;left:50%;display:flex;align-items:center;justify-content:center;gap:.3rem;min-width:2.55rem;height:1.75rem;padding:0 .48rem;border:1px solid rgba(244,244,241,.9);border-radius:999px;color:#f4f4f1;background:#08090994;box-shadow:0 .35rem 1rem #00000047;transform:translate(-50%);transition:transform .18s ease,background-color .18s ease}.atmos-apple-link:hover,.atmos-apple-link:focus-visible{background:#080909e6;transform:translate(-50%) scale(1.07);outline:none}.atmos-apple-mark{font:.9rem/1 -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}.atmos-play-mark{width:0;height:0;border-top:.33rem solid transparent;border-bottom:.33rem solid transparent;border-left:.5rem solid currentColor}@keyframes atmos-arrive{0%{opacity:0;transform:scale(.62)}to{opacity:1;transform:scale(1)}}@keyframes atmos-breathe{0%{transform:scale(1.16) rotate(-4deg)}to{transform:scale(1.42) rotate(4deg)}}.youtube-poster{display:block;width:100%;height:100%;border:0;padding:0;background:#111;cursor:pointer}.youtube-poster img{display:block;width:100%;height:100%;object-fit:cover}.media-empty{display:flex;align-items:end;justify-content:center;gap:.35rem;width:100%;height:100%;padding:2.2rem}.media-empty i{display:block;width:.36rem;height:30%;background:#f4f4f1b8}.media-empty i:nth-child(2){height:52%}.media-empty i:nth-child(3){height:40%}@media(max-width:540px){.project-field{--slice: 38vw;padding:1.5rem .75rem 5rem;overflow-x:clip}.filter-nav{align-items:end;justify-content:center;gap:.75rem clamp(.75rem,4vw,1.15rem);min-height:5rem;margin-bottom:2.75rem}.filter-cube{gap:0;min-width:0}.filter-all{align-items:stretch}.filter-count{display:grid;grid-template-rows:repeat(10,.3rem);grid-auto-columns:.3rem;gap:1px}.filter-all .filter-count{grid-template-rows:repeat(5,.3rem);grid-auto-columns:.3rem;justify-content:center}.filter-label{display:none}.social-links{position:static;justify-content:center;margin:-1.65rem auto 2.75rem}.social-links a{width:1rem;height:1rem}.project-grid{--slice: 34vw;grid-template-columns:repeat(2,var(--slice));gap:2.8rem 14vw}.slice{justify-self:center}.slice.is-mobile-selected{--slice: min(66vw, 16rem);grid-column:1 / -1;z-index:5}.slice.is-mobile-selected:not(.is-info):not(.is-media-1):not(.is-media-2) .slab,.slice.is-mobile-selected:not(.is-info):not(.is-media-1):not(.is-media-2):hover .slab,.slice.is-mobile-selected:not(.is-info):not(.is-media-1):not(.is-media-2):focus-within .slab{transform:rotateX(-4deg) rotateY(-14deg)}@media(hover:none){.slice.is-mobile-selected .front:focus-visible{outline:none}}.slice:not(.is-mobile-selected) .right{padding:.62rem}.slice:not(.is-mobile-selected) .right strong{font-size:clamp(.72rem,3.5vw,.9rem)}.slice:not(.is-mobile-selected) .right small{font-size:.45rem}.slice:not(.is-mobile-selected) .right em{display:none}.slice.is-mobile-selected .right{padding:1.15rem}.slice.is-mobile-selected .right strong{font-size:clamp(1.35rem,6vw,1.7rem)}.slice.is-mobile-selected .right small{font-size:.64rem}.slice.is-mobile-selected .right em{font-size:.76rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}