:root{--accent:#d5262d;font:13px 'Source Code Pro',monospace;color:#fff;background:#000}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{cursor:pointer}img,video{display:block;width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid white;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;z-index:100}.skip:focus{top:0;background:var(--accent);padding:20px}.menu-toggle{position:fixed;z-index:30;bottom:22px;left:50%;transform:translateX(-50%);border:0;border-radius:50%;background:#fff;color:#000;width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.menu-toggle span{height:1px;width:15px;background:#000}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-5px) rotate(-45deg)}#site-menu{position:fixed;z-index:29;bottom:84px;left:50%;transform:translateX(-50%);padding:20px 28px;background:var(--accent);min-width:190px}#site-menu a{display:block;text-transform:uppercase;padding:10px 0;font-size:15px}#site-menu a:hover{text-decoration:underline}.wordmark{font:italic 900 clamp(100px,16vw,230px)/.75 'Londrina Solid';letter-spacing:-.04em;color:white;display:inline-block;transform:rotate(-5deg) scaleX(1.12)}.brand-header{text-align:center;padding:55px 0 65px}.brand-header .wordmark{font-size:130px}.home{height:100svh;min-height:620px;position:relative;overflow:hidden}.home-wordmark{position:absolute;z-index:4;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-5deg);pointer-events:none;font-size:clamp(130px,22vw,320px)}.home-note{position:absolute;bottom:30px;left:20px;font-size:10px;color:#777}.home-pause{position:absolute;right:20px;bottom:32px;background:none;border:0;font-size:10px;z-index:4;color:#999}.orbit-item{position:absolute;width:23%;max-width:330px;animation:float 10s ease-in-out infinite;transform:rotate(var(--turn))}.orbit-item:nth-of-type(1){left:5%;top:11%;--turn:-6deg;animation-delay:-3s}.orbit-item:nth-of-type(2){left:41%;top:3%;--turn:2deg;animation-delay:-5s;width:20%}.orbit-item:nth-of-type(3){right:4%;top:14%;--turn:-5deg}.orbit-item:nth-of-type(4){left:2%;bottom:14%;--turn:-4deg;width:22%}.orbit-item:nth-of-type(5){left:36%;bottom:5%;--turn:1deg;width:28%;z-index:3}.orbit-item:nth-of-type(6){right:3%;bottom:16%;--turn:5deg;width:22%}.film-card{display:block;width:100%;border:0;padding:0;background:#000;text-align:left;color:#fff;position:relative}.film-card figure{position:relative;overflow:hidden;background:#111}.film-card figure img,.film-card figure video{aspect-ratio:16/9;object-fit:cover;transition:transform .4s}.film-card figure video{position:absolute;inset:0;opacity:0;pointer-events:none}.film-card:hover figure video{opacity:1}.film-card:hover img{transform:scale(1.025)}.film-label{background:var(--accent);display:flex;justify-content:space-between;gap:12px;padding:7px 12px;min-height:32px;font-size:12px;line-height:1.4}.film-label strong{font-weight:400;text-transform:uppercase}.film-label .subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orbit-item .film-label{font-size:10px;padding:3px 6px;min-height:21px}.orbit-item .subtitle{display:none}.film-role{padding:8px 12px;color:#999;font-size:10px}.playmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;border:1px solid #fff8;background:#0005;display:grid;place-items:center;opacity:0}.film-card:hover .playmark,.film-card:focus-visible .playmark{opacity:1}.section-label{padding:25px 16px 30px;border-bottom:1px solid #333;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;gap:20px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.work-grid .film-card{margin-bottom:24px}.page{min-height:85vh}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.editor-card{min-height:355px;border-bottom:1px solid #333;padding:16px;position:relative;display:block}.editor-card:nth-child(even){display:flex;flex-direction:column;align-items:flex-end}.editor-image{width:145px;height:175px;object-fit:cover;border-bottom:10px solid var(--accent)}.editor-name{width:145px;margin-top:26px;font-size:14px;text-transform:uppercase}.editor-role{width:145px;margin-top:5px;color:#777;font-size:14px}.editor-card .sprite{position:absolute;width:75px;top:115px;left:125px;opacity:0;transition:opacity .2s}.editor-card:hover .sprite,.editor-card:focus-visible .sprite{opacity:1}.editor-card:nth-child(even) .sprite{left:auto;right:125px}.sprite{background-image:var(--frame0);background-repeat:no-repeat;background-size:contain;background-position:center;aspect-ratio:.75;animation:idle 7s steps(1,end) infinite}.profile{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.sidebar{border-right:1px solid #333;padding:16px 15px;position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto;scrollbar-width:thin}.portrait-wrap{position:relative;width:160px;margin-bottom:20px}.artist-portrait{width:140px;height:170px;object-fit:cover;border-bottom:10px solid var(--accent)}.portrait-wrap .sprite{position:absolute;right:-6px;bottom:-8px;width:48px}.sidebar h1{text-transform:uppercase;font-size:14px;margin-top:22px}.sidebar .role{color:#888;margin:4px 0 32px}.sidebar h2{margin:25px 0 8px;text-transform:uppercase}.sidebar .bio{line-height:1.5;color:#888}.sidebar .social{color:#999}.sidebar details{margin:30px 0 10px;font-size:11px;color:#999;line-height:1.6}.sidebar summary{display:inline-block;background:white;color:black;border-radius:16px;padding:2px 10px;cursor:pointer}.sidebar details p{padding-top:15px}.profile-main{min-width:0}.profile-heading{height:78px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #333;padding:0 65px;text-align:center}.exit-profile{position:fixed;right:18px;top:18px;width:44px;height:44px;display:grid;place-items:center;background:var(--accent);border-radius:50%;font-size:28px;z-index:20}.profile .work-grid .film-card{margin-bottom:0}.profile .film-role{border-bottom:1px solid #1b1b1b;min-height:34px}.project-list{margin-top:32px}.project-row{display:grid;grid-template-columns:1fr 1fr 30px;padding:20px 16px;border:0;border-bottom:1px solid #333;font-size:12px;gap:16px;align-items:center;background:transparent;text-align:left;color:#aaa;width:100%}.project-row:hover{color:#fff;background:#111}.profile-note{font-size:10px;line-height:1.7;color:#777;padding:18px 16px 90px;max-width:700px}.work-filters{padding:20px 16px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #333;font-size:11px}.work-filters select{border:1px solid #444;background:#000;padding:9px;max-width:65%}.about-content{max-width:840px;margin:auto;padding:50px 30px 100px}.about-content .lead{font-size:clamp(24px,3vw,42px);line-height:1.35;letter-spacing:-.04em}.about-content p{margin:35px 0;font-size:14px;line-height:1.8;color:#999}.team-line{display:flex;justify-content:space-between;gap:10px;margin:60px 0}.team-line .sprite{width:28%}.about-contact{font-size:20px;color:white;text-decoration:underline}.footer{display:flex;justify-content:space-between;gap:25px;padding:35px 16px 90px;border-top:1px solid #333;font-size:11px;color:#777}body[data-route=home] .footer{display:none}dialog{border:0;background:#000;color:#fff;padding:0;width:min(1100px,96vw);max-height:94vh;box-shadow:0 0 0 1px #333}dialog::backdrop{background:#000e}.close{position:sticky;top:16px;float:right;margin:16px;border:0;border-radius:50%;background:var(--accent);width:44px;height:44px;font-size:27px;z-index:3}.film-video{width:100%;max-height:64vh;background:#000}.film-info{padding:24px}.film-info h2{font-size:22px;margin:15px 0 25px;text-transform:uppercase}.eyebrow{font-size:10px;color:#888}.credits{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.credits dt{font-size:10px;color:#888;margin-bottom:4px}.credits dd{margin:0}.film-info>a{display:inline-block;background:var(--accent);padding:10px 14px;font-size:12px;margin:18px 0}.film-info details{font-size:11px;color:#999;line-height:1.7}.film-info pre{white-space:pre-wrap;font:11px/1.7 'Source Code Pro';color:#aaa}html{scroll-behavior:smooth}@keyframes float{0%,100%{transform:rotate(var(--turn)) translateY(0)}50%{transform:rotate(var(--turn)) translateY(-13px)}}@keyframes idle{0%,100%{background-image:var(--frame0)}75%{background-image:var(--frame1)}82%{background-image:var(--frame2)}90%{background-image:var(--frame1)}}.motion-paused *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:800px){.profile{grid-template-columns:210px 1fr}.profile .work-grid{grid-template-columns:1fr}.home-wordmark{font-size:29vw}.brand-header .wordmark{font-size:110px}.film-label .subtitle{max-width:45%;font-size:10px}.profile-heading{font-size:11px}}@media(max-width:550px){.home{min-height:690px}.home-wordmark{top:43%;font-size:38vw}.orbit-item:nth-of-type(1){left:4%;top:10%;width:40%}.orbit-item:nth-of-type(2){left:auto;right:4%;top:5%;width:37%}.orbit-item:nth-of-type(3){right:5%;top:29%;width:35%}.orbit-item:nth-of-type(4){left:3%;bottom:25%;width:38%}.orbit-item:nth-of-type(5){left:22%;bottom:6%;width:49%}.orbit-item:nth-of-type(6){right:3%;bottom:27%;width:36%}.orbit-item .film-label{font-size:8px}.home-note{bottom:17px;font-size:8px;max-width:100px}.home-pause{bottom:17px;font-size:8px}.brand-header{padding:50px 0 60px}.brand-header .wordmark{font-size:94px}.editor-card{min-height:310px;padding:14px}.editor-image{width:120px;height:150px}.editor-name,.editor-role{width:120px;font-size:12px}.editor-card .sprite{width:50px;top:130px;left:107px;opacity:1}.editor-card:nth-child(even) .sprite{left:auto;right:107px}.profile{display:block}.sidebar{position:static;border-right:0;border-bottom:1px solid #333;max-height:none;padding:20px;min-height:290px}.portrait-wrap{float:left;margin:0 23px 15px 0;width:140px}.artist-portrait{width:125px;height:160px}.sidebar h1{margin-top:10px;padding-right:35px}.sidebar .role{margin-bottom:20px}.sidebar h2{margin-top:16px}.sidebar .bio,.sidebar .social{font-size:12px}.sidebar details{clear:both;padding-top:12px;margin-top:15px}.profile-heading{height:60px}.exit-profile{width:36px;height:36px;right:10px;top:10px}.work-grid,.profile .work-grid{grid-template-columns:1fr}.film-label{padding:8px 12px;font-size:11px}.project-row{font-size:11px;grid-template-columns:1fr 1fr 18px}.footer{font-size:9px}.section-label{padding:20px 15px}.about-content{padding:35px 20px 80px}.team-line{flex-wrap:wrap}.team-line .sprite{width:28%}}