@font-face{font-family:Replay Grotesk;src:url("/resources/portfolio/fonts/space-grotesk.woff2") format("woff2");font-display:swap;font-weight:300 700}@font-face{font-family:Replay Manrope;src:url("/resources/portfolio/fonts/manrope.woff2") format("woff2");font-display:swap;font-weight:200 800}:root{color-scheme:dark;--bg:#100d17;--ink:#f3eff8;--muted:#b0a4bd;--violet:#bf9aff;--line:#c6a3e52a;--display:"Replay Grotesk",sans-serif;--body:"Replay Manrope",sans-serif;scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:#9572b9 #17101f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 var(--body);overflow-x:clip}body::before{content:"";position:absolute;inset:0 0 auto;height:1100px;background:radial-gradient(ellipse at 90% 25%,#7b37842b,transparent 60%);pointer-events:none;z-index:-1}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0}button:disabled{opacity:.4;cursor:default}img,video{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.05;letter-spacing:-.055em}h2{font-size:clamp(35px, 4vw, 62px)}em{font-style:normal;color:var(--violet)}:focus-visible{outline:2px solid #ddc2ff;outline-offset:5px}[hidden]{display:none!important}.shell{width:min(1280px,calc(100% - 100px));margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:650;color:#c5b3d5}.muted{color:var(--muted)}.skip-link:not(:focus),.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:12px;left:12px;z-index:20000;background:var(--violet);color:var(--bg);padding:12px}.read-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--violet);transform-origin:left;transform:scaleX(0);z-index:100}.video-header{height:92px;padding:0 max(50px,calc((100% - 1280px)/ 2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px;position:sticky;top:0;z-index:30;background:#100d17ed;backdrop-filter:blur(16px)}.wordmark{font:500 20px/1.2 var(--display);letter-spacing:-.04em}.wordmark span{display:block;font:500 8px var(--body);color:var(--muted);letter-spacing:.15em;margin-top:7px}.video-header nav{display:flex;align-items:center;gap:32px;font-size:12px;color:#bbaec9}.video-header nav a{padding:12px 0}.video-header nav a:hover{color:#fff}.video-header nav a:last-child{padding:10px 20px;border:1px solid var(--line);border-radius:30px;color:#ddd0ea}.video-header nav span{margin-left:20px}.button{display:inline-flex;justify-content:center;align-items:center;gap:35px;min-height:52px;padding:14px 22px;border:1px solid #c6a3e555;border-radius:9px;font-size:12px;font-weight:650;background:0 0;transition:background .25s,border-color .25s,box-shadow .25s}.primary{color:#211130;background:linear-gradient(125deg,#dbbfff,#b38ae5);border-color:#dcc0ff;box-shadow:0 5px 0 #654483}.primary:hover{box-shadow:0 5px 0 #654483,0 8px 30px #b98be833;background:#dcc1ff}.outline:hover{border-color:#c4a1eb;background:#b384de12}.text-link{padding:10px 0;background:0 0;color:#d8bdec;font-size:12px}.text-link:hover{color:#fff}.icon-button{display:grid;place-items:center;flex:none;width:42px;height:42px;background:#ffffff09;color:#e8d9f7;border:1px solid #d5b7ef24;border-radius:50%;font:18px var(--display);transition:background .2s}.icon-button:hover{background:#ba8eeb30}.replay-hero{min-height:calc(100svh - 92px);max-height:1050px;display:grid;grid-template-columns:0.9fr 1.1fr;align-items:center;gap:40px;position:relative;padding:75px 0 110px}.hero-copy{z-index:2}.hero-copy h1{font-size:clamp(85px, 9vw, 145px);line-height:.94;letter-spacing:-.075em;margin:35px 0}.hero-copy h1 em{display:inline-block;text-shadow:0 6px 0 #63428044}.hero-intro{font:500 clamp(21px, 2.3vw, 31px)/1.35 var(--display);letter-spacing:-.03em}.hero-description{max-width:340px;font-size:12px;margin:23px 0 30px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--violet);border-radius:50%;box-shadow:0 0 12px #b996f8;margin-right:9px}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;color:#aa95be;font-size:9px;letter-spacing:.12em}.hero-bottom a{display:flex;gap:30px}.replay-stage{height:520px;min-width:0;position:relative;perspective:1200px;isolation:isolate}.stage-plane{height:100%;width:100%;position:relative;transform-style:preserve-3d;transform:rotateY(calc(-12deg + var(--cursor-x,0deg) + var(--stage-turn,0deg))) rotateX(calc(6deg + var(--cursor-y,0deg) - var(--unfold,0) * 4deg)) scale(calc(1 - var(--unfold,0) * .06));transition:transform .3s ease-out}.film-frame{position:absolute;width:88%;aspect-ratio:16/10;border:1px solid #d1ace75e;border-radius:15px;padding:0;background:#21152e;box-shadow:0 4px 0 #603c76,0 8px 0 #251a32,0 30px 55px #06030b80;overflow:hidden}.film-frame img{width:100%;height:100%;object-fit:cover}.frame-back{top:1%;right:-2%;transform:translate3d(calc(var(--unfold,0) * 3%),calc(var(--unfold,0) * -8%),-90px) rotate(calc(10deg + var(--unfold,0) * 5deg));opacity:.65}.frame-mid{top:15%;right:4%;transform:translate3d(calc(var(--unfold,0) * -3%),calc(var(--unfold,0) * -3%),-40px) rotate(calc(4deg - var(--unfold,0) * 3deg));opacity:.75}.frame-back span,.frame-mid span{position:absolute;top:12px;left:15px;font-size:8px;letter-spacing:.12em}.frame-front{top:30%;left:0;transform:translate3d(0,calc(var(--unfold,0) * 4%),35px) rotate(calc(-5deg + var(--unfold,0) * 3deg));text-align:left}.frame-front::after{content:"";position:absolute;inset:0;background:linear-gradient(#08030b55,transparent 40%,#120620e6)}.frame-front:hover{border-color:#e3c4ff}.feature-label,.frame-topline{position:absolute;z-index:1;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between}.frame-topline{top:18px;font-size:7px;letter-spacing:.12em}.feature-label{bottom:21px;gap:15px}.feature-label strong{font:500 clamp(18px, 2vw, 28px) var(--display);letter-spacing:-.045em}.round-play{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ebd7ff70;border-radius:50%;background:#e0bcff25;flex:none}.stage-orbit{position:absolute;border:1px solid #ae7ac12e;border-radius:50%;width:125%;height:80%;top:10%;left:-8%;transform:rotate(-26deg) rotateX(45deg);pointer-events:none}.orbit-two{width:100%;height:100%;left:10%;top:-3%;transform:rotate(40deg) rotateX(35deg)}.play-sculpture{position:absolute;top:14%;left:8%;width:80px;height:95px;transform-style:preserve-3d;transform:translateZ(calc(100px + var(--unfold,0) * 16px)) rotateY(calc(-20deg + var(--unfold,0) * 40deg)) rotateZ(-12deg);animation:play-float 7s ease-in-out infinite;pointer-events:none}.play-sculpture i{position:absolute;inset:0;clip-path:polygon(8% 0,100% 50%,8% 100%);background:#8253aa;transform:translateZ(0)}.play-sculpture i:nth-child(2){transform:translateZ(calc(3px + var(--unfold,0) * 2px))}.play-sculpture i:nth-child(3){transform:translateZ(calc(6px + var(--unfold,0) * 4px))}.play-sculpture i:nth-child(4){transform:translateZ(calc(9px + var(--unfold,0) * 6px))}.play-sculpture i:nth-child(5){transform:translateZ(calc(12px + var(--unfold,0) * 8px))}.play-sculpture i:nth-child(6){transform:translateZ(calc(15px + var(--unfold,0) * 10px))}.play-sculpture i:nth-child(7){transform:translateZ(calc(18px + var(--unfold,0) * 12px))}.play-sculpture i:last-child{transform:translateZ(calc(21px + var(--unfold,0) * 14px));background:linear-gradient(130deg,#f3ddff,#b487ed 60%,#d3a8ff)}.stage-caption{position:absolute;bottom:0;right:0;color:#ae92c3;font-size:8px;letter-spacing:.17em}@keyframes play-float{50%{translate:0 -14px;rotate:0 1 0 16deg}}.collection,.frames-section{padding-top:95px;padding-bottom:60px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:24px}.section-heading>p{font-size:12px;color:var(--muted);margin-bottom:4px}.collection-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:22px;border-block:1px solid var(--line);padding:22px 0}.filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.filters button{font-size:11px;padding:10px 14px;border:1px solid transparent;border-radius:25px;background:0 0;color:var(--muted);min-height:42px}.filters button:hover{color:#fff;background:#be91e318}.filters button[aria-pressed=true]{color:#231430;background:#cfaff2;border-color:#e0c3fa}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:9px 13px}.search svg{width:16px;height:16px;stroke:var(--muted);stroke-width:1.5}.search input{width:145px;border:0;outline:0;background:0 0;color:var(--ink);font-size:11px}.search:focus-within{outline:2px solid var(--violet);outline-offset:3px}.collection-meta{display:flex;justify-content:space-between;margin:22px 0;color:#9e8ead;font-size:10px}.collection-meta>span{font-size:8px;letter-spacing:.12em}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.video-card{min-width:0;animation:card-arrive .45s both;animation-delay:var(--delay, 0ms)}.video-cover{width:100%;position:relative;aspect-ratio:16/9;display:block;padding:0;background:#241932;border-radius:10px;border:1px solid #c7a3ea22;overflow:hidden;isolation:isolate}.video-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s;filter:brightness(.84)}.video-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#0b061b80);pointer-events:none}.video-cover .round-play{position:absolute;left:calc(50% - 21px);top:calc(50% - 21px);z-index:1;background:#190e2980;opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s}.video-cover:focus-visible img,.video-cover:hover img{transform:scale(1.04);filter:brightness(1)}.video-cover:focus-visible .round-play,.video-cover:hover .round-play{opacity:1;transform:scale(1)}.duration{position:absolute;bottom:10px;right:12px;z-index:1;font-size:10px;background:#120b23b3;border-radius:5px;padding:2px 7px;font-variant-numeric:tabular-nums}.video-info{padding:17px 2px 0}.video-category{color:#bfa2d5;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.video-info h3{font-size:21px;line-height:1.25;margin:8px 0 6px;letter-spacing:-.045em}.video-info p{color:var(--muted);font-size:11px;line-height:1.6}.load-more{display:flex;margin:45px auto 0;min-width:200px}.empty-state{text-align:center;padding:70px 20px}.empty-state h3{font-size:30px}.empty-state p{color:var(--muted);margin:14px 0 25px}@keyframes card-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.gallery-shell{perspective:1400px}.gallery-main{position:relative;transform:rotateX(2deg);border:1px solid #c6a3ea42;border-radius:15px;overflow:hidden;box-shadow:0 7px 0 -2px #493251,0 30px 65px #05020b60;background:#160d22}.gallery-main>button{display:block;width:100%;padding:0;aspect-ratio:21/9;background:0 0;cursor:zoom-in;overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover;transition:opacity .25s,transform .8s}.gallery-main>button:hover img{transform:scale(1.015)}.gallery-caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:end;justify-content:space-between;gap:20px;padding:55px 30px 25px;background:linear-gradient(transparent,#120923e6);pointer-events:none}.gallery-caption>div{display:flex;gap:10px;pointer-events:auto}.gallery-caption small{display:block;font-size:9px;color:#d4bce9;letter-spacing:.15em;margin-bottom:8px}.gallery-caption strong{font:500 25px var(--display);letter-spacing:-.04em}.gallery-thumbs{display:flex;gap:10px;margin-top:27px;overflow-x:auto;padding:5px 3px 15px;scroll-snap-type:x proximity}.gallery-thumbs button{flex:none;width:88px;height:58px;padding:0;border:1px solid #ae87c92a;border-radius:6px;overflow:hidden;background:#1e122d;scroll-snap-align:nearest;opacity:.55}.gallery-thumbs button[aria-pressed=true]{opacity:1;border-color:#d1a5fa;box-shadow:0 0 0 2px #c493f24d}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.gallery-thumbs button:hover{opacity:1}.closing{padding-block:100px 110px;border-top:1px solid var(--line);margin-top:80px}.closing h2{margin:24px 0 32px;font-size:clamp(32px, 4vw, 58px)}.closing>div{display:flex;align-items:center;gap:28px}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;gap:15px;color:#aa96b7;font-size:10px}footer>a:first-child{color:#e6d9ef;font:500 17px var(--display)}dialog{color:var(--ink);border:1px solid #b989df4d;border-radius:18px;background:#130d1d;padding:20px;box-shadow:0 35px 100px #0009;max-height:95svh;overscroll-behavior:contain}dialog::backdrop{background:#08050df5}dialog[open]{animation:cinema-arrive .35s cubic-bezier(.22,1,.36,1)}.cinema{width:min(1120px,calc(100% - 48px))}.cinema-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.cinema-top .icon-button{width:36px;height:36px}.player{position:relative;background:#050407;border-radius:10px;overflow:hidden}.player video{width:100%;height:min(58svh,620px);object-fit:contain;cursor:pointer;background:#050407;transform:translateZ(0)}.player-controls{padding:0 14px 12px;background:#1b1225;position:relative}.seek-wrap{display:block;padding:9px 0 4px}.seek-wrap input{width:100%}input[type=range]{height:18px;margin:0;cursor:pointer;accent-color:#c099f1}.transport{display:flex;align-items:center;gap:10px}.transport .icon-button{border:0;width:36px;height:36px;font-size:15px}.transport .skip-time{font-size:11px}.time{font-size:10px;color:#d1c2dc;font-variant-numeric:tabular-nums;white-space:nowrap}.volume-controls{display:flex;align-items:center;margin-left:auto;gap:5px}.volume-controls input{width:75px}.speed-label select{color:#e4d6ef;background:#2a1b36;border:1px solid var(--line);padding:6px;border-radius:5px;font-size:11px}.player-message{position:absolute;inset:0;display:grid;place-content:center;padding:35px;background:#0d061de0;text-align:center;color:#dbc7eb;z-index:2;pointer-events:none}.cinema-details{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:24px 2px 15px}.cinema-details h2{font-size:clamp(22px, 3vw, 33px)}.cinema-details p{font-size:11px;color:var(--muted);margin-top:9px}.small-button{min-height:40px;padding:9px 14px;font-size:10px;flex:none}.cinema-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;padding-top:5px}.player:fullscreen{display:flex;flex-direction:column;justify-content:center;border-radius:0;background:#000}.player:fullscreen video{height:calc(100vh - 85px);max-height:none}.player:fullscreen .player-controls{width:100%}.image-viewer{width:min(1200px,95vw)}.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;font:500 20px var(--display)}#viewer-content img,#viewer-content video{max-height:75svh;max-width:100%;margin:auto;object-fit:contain}#frame-download{display:inline-block;margin-top:12px}@keyframes cinema-arrive{from{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:none}}.reveal-ready [data-reveal]{opacity:0;translate:0 24px;transition:opacity .7s,translate .7s}.reveal-ready [data-reveal].is-visible{opacity:1;translate:0 0}.page-idle .play-sculpture{animation-play-state:paused}@media (min-width:1600px){.replay-stage{height:600px}.replay-hero{gap:70px}}@media (max-width:1100px){.shell{width:calc(100% - 64px)}.video-header{padding-inline:32px}.replay-hero{gap:15px;padding-top:65px;min-height:770px}.replay-stage{height:440px}.hero-copy h1{font-size:100px}.hero-intro{font-size:24px}.video-grid{gap:30px 18px}.video-info h3{font-size:19px}.frame-front{top:37%}.feature-label strong{font-size:20px}.frame-topline{font-size:6px}.play-sculpture{width:65px;height:80px}}@media (max-width:800px){.video-header{height:78px}.video-header nav{gap:20px}.video-header nav a:last-child{padding:0;border:0}.video-header nav span{margin-left:5px}.replay-hero{min-height:0;grid-template-columns:1fr;max-height:none;padding:65px 0 90px}.hero-copy h1{font-size:clamp(80px, 14vw, 120px)}.hero-description{max-width:410px}.hero-copy{max-width:600px}.replay-stage{height:480px;max-width:580px;width:100%;margin:30px auto 40px}.frame-front{top:30%}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:start}.section-heading>p{max-width:190px}.collection,.frames-section{padding-top:65px}.gallery-main>button{aspect-ratio:16/10}.play-sculpture{width:75px;height:90px}.frame-topline{font-size:8px}.feature-label strong{font-size:26px}.stage-caption{bottom:-10px}.closing{padding-block:65px}.collection-meta>span{display:none}}@media (max-width:540px){.shell{width:calc(100% - 40px)}.video-header{padding-inline:20px;gap:15px}.wordmark{font-size:17px}.wordmark span{font-size:6px}.video-header nav{gap:16px;font-size:11px}.video-header nav a:last-child{display:none}.replay-hero{padding-top:45px}.hero-copy h1{font-size:90px;margin:28px 0}.hero-copy .eyebrow{font-size:8px}.hero-intro{font-size:24px}.replay-stage{height:330px;margin-top:30px}.frame-front{top:29%;width:92%}.frame-back,.frame-mid{width:86%}.film-frame{border-radius:10px}.feature-label,.frame-topline{left:15px;right:15px}.feature-label strong{font-size:18px}.frame-topline{font-size:6px}.feature-label{bottom:13px}.round-play{width:34px;height:34px;font-size:12px}.play-sculpture{width:49px;height:62px}.stage-caption{font-size:7px;bottom:7px}.hero-bottom{font-size:7px;gap:15px;bottom:22px}.hero-bottom a{gap:10px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;max-width:none}.section-heading>p br{display:none}.section-heading .eyebrow{font-size:9px;margin-bottom:18px}.video-grid{grid-template-columns:1fr;gap:30px}.video-cover .round-play{opacity:1;transform:none;left:calc(50% - 17px);top:calc(50% - 17px)}.video-info h3{font-size:23px}.filters{gap:4px}.filters button{padding-inline:12px;font-size:10px}.search{width:100%}.search input{width:100%}.collection-tools{gap:15px;padding-block:16px}.gallery-main>button{aspect-ratio:1.15}.gallery-caption{padding:45px 18px 18px}.gallery-caption strong{font-size:19px}.gallery-caption .icon-button{width:35px;height:35px}.gallery-caption>div{gap:6px}.gallery-thumbs button{width:74px;height:48px}.closing{margin-top:40px}.closing>div{align-items:start;flex-direction:column;gap:16px}footer{flex-wrap:wrap;font-size:9px}footer span{order:3;width:100%}.cinema{width:calc(100% - 16px);padding:12px;border-radius:12px;max-height:96svh}.player video{height:auto;min-height:180px;max-height:52svh;aspect-ratio:16/9}.transport{gap:5px;flex-wrap:wrap}.transport .skip-time{display:none}.volume-controls input{display:none}.volume-controls{margin-left:auto}.time{font-size:9px}.player-controls{padding-inline:7px}.transport .icon-button{width:30px;height:34px}.cinema-details{display:block;padding-top:18px}.cinema-details .small-button{margin-top:14px}.cinema-bottom .text-link{font-size:10px}.cinema-top .eyebrow{font-size:8px}.image-viewer{padding:12px}.viewer-top{font-size:17px}.button{min-height:48px}.volume-controls .icon-button{font-size:15px}}.soundtrack{display:flex;align-items:center;gap:20px;margin-bottom:25px}.soundtrack>span{font-size:10px;color:var(--muted)}@media (max-width:540px){.replay-stage .stage-orbit{width:75%;height:65%;left:12%;top:15%}.soundtrack{flex-direction:column;align-items:flex-start;gap:0}}.video-site main{overflow:hidden}body:has(dialog[open]) main{visibility:hidden}body:has(dialog[open]) main *{animation-play-state:paused!important}body:has(dialog[open]) .video-header{backdrop-filter:none}.film-frame,.play-sculpture i{transition:transform .3s ease-out}