*{box-sizing:border-box}html{background:#171514;color:#f0e9dc;font-family:Arial,Helvetica,sans-serif}body{margin:0;padding:30px 42px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}.wordmark{font-family:Impact,'Arial Narrow',sans-serif;font-size:32px;letter-spacing:.3px;color:inherit;text-decoration:none}.wordmark span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:4.4px;margin-top:4px}header p{font-size:10px;letter-spacing:1.8px;text-align:right}header p span{display:block;font-size:10px;letter-spacing:.4px;opacity:.5;margin-top:10px}main{max-width:1660px;margin:auto}nav{display:flex;gap:30px;margin-bottom:18px}button{font:inherit;color:inherit;cursor:pointer}nav button{border:0;background:none;padding:8px 0;opacity:.4;letter-spacing:.6px;font-size:11px}nav button span{margin-left:8px}nav button.selected{opacity:1;border-bottom:1px solid #ff612a}.artboard{position:relative;background:#000;width:100%;aspect-ratio:16/9;overflow:hidden}.artboard canvas,.artboard video{width:100%;height:100%;object-fit:contain;display:block}.artboard [hidden],[hidden]{display:none!important}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#080807;color:#f7ede1;font-size:14px}.cue-bar{display:flex;gap:4px;justify-content:center;margin-top:20px}.cue-bar button{padding:10px 18px;border:1px solid #ffffff16;background:transparent;font-size:11px;color:#ada59b}.cue-bar button.active{color:#151311;background:#ece6da;border-color:#ece6da}.transport{display:flex;align-items:center;gap:18px;margin:24px 0 18px}.transport button{background:transparent;border:0;font-size:11px;white-space:nowrap}.transport button:first-child{min-width:80px;text-align:left;color:#ff7545}input[type=range]{min-width:40px;flex:1;accent-color:#ff5c27;height:2px}.transport output{font-size:10px;font-variant-numeric:tabular-nums;color:#9e968c}.caption{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff16;padding-top:10px}.caption p{font-size:12px;line-height:1.6;color:#a39b91}.caption b{color:#e5dbcf;font-weight:normal}.caption .production{font-size:10px;color:#726e66;white-space:nowrap}#photo-tools{font-size:11px;color:#8d847a;margin:18px 0}.file{color:#e6c5b7;border-bottom:1px solid #e6c5b766;cursor:pointer;margin-right:20px}.file input{display:none}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:24px;margin-top:34px;color:#777168;font-size:9px;letter-spacing:1px}footer a{color:#a39b91;text-decoration:none;letter-spacing:0}.artboard:fullscreen{height:100vh;background:#000;display:flex;align-items:center;justify-content:center}.artboard:fullscreen canvas{width:100%;height:100%;object-fit:contain}@media(max-width:700px){body{padding:20px 15px}header{margin-bottom:25px}header p{font-size:8px;letter-spacing:.6px}nav{gap:16px}nav button{font-size:9px}.transport{gap:10px;flex-wrap:wrap}.transport button{font-size:10px}.cue-bar button{padding:9px 10px;font-size:9px}.caption{display:block}.caption .production{white-space:normal}footer{line-height:1.7;gap:20px}.wordmark{font-size:26px}.transport input{order:2;flex-basis:85%}.transport output{order:3}}
.showcase{margin-top:64px;padding-top:28px;border-top:1px solid #ffffff20}.showcase-title{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 24px}.showcase-title p{font-size:12px;letter-spacing:2px}.showcase-title span{font-size:10px;color:#877f75}.showcase figure{margin:0 0 32px}.showcase img,.showcase video{display:block;width:100%;height:auto}.showcase figcaption{font-size:11px;line-height:1.5;color:#a79c8e;margin-top:12px}.showcase-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.showcase-grid img{aspect-ratio:3/2;object-fit:cover}@media(max-width:700px){.showcase-grid{grid-template-columns:1fr;gap:0}.showcase-title{gap:20px}.showcase-title p{font-size:10px;letter-spacing:1px}}
@font-face{font-family:'Omniverse Display';src:local('Impact'),url('assets/fonts/Anton-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:block}
.wordmark{font-family:'Omniverse Display',Impact,sans-serif}.media-source{position:fixed;left:0;bottom:0;width:1px;height:1px;opacity:.001;pointer-events:none;z-index:-1}#repeat[aria-pressed=true]{color:#ff7545}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff7545;outline-offset:5px}
.vibe-switch{display:flex;gap:6px;align-self:center;padding:5px;border:1px solid #ffffff20;border-radius:30px}.vibe-switch a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:22px;color:#c6bfb7;text-decoration:none;font-size:11px;white-space:nowrap}.vibe-switch a[aria-current=page]{background:#ffffff0f;color:#fff}.vibe-switch a:hover{background:#ffffff12}.vibe-switch a span{color:#8d857c}.vibe-dot{width:7px;height:7px;border-radius:50%;display:block}.vibe-orange{background:#ff591f}.vibe-violet{background:#9870ff}@media(max-width:700px){header{flex-wrap:wrap;gap:18px}.vibe-switch{order:3;flex-basis:100%;justify-content:center;max-width:320px;margin:auto}.vibe-switch a{flex:1;justify-content:center}}