/* Video presentation imported from berat-portfolyo-v4, scoped to these two galleries. */
.video-showcase{--bg:#121210;--panel:#1b1b18;--tan:#c4a47c;--cream:#eee9df;--muted:#9e9b91;--line:#ffffff17;--ease:cubic-bezier(.2,.75,.25,1)}
.video-showcase *{box-sizing:border-box}
.video-showcase a{color:inherit;text-decoration:none}
.video-showcase button{font:inherit;color:inherit;cursor:pointer}
.video-showcase button,.video-showcase a{-webkit-tap-highlight-color:transparent}
.video-showcase button:disabled{cursor:wait}
.video-showcase svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.video-showcase button:focus-visible,.video-showcase a:focus-visible,.video-showcase [tabindex]:focus-visible{outline:2px solid var(--tan);outline-offset:5px}
.video-showcase ::selection{background:var(--tan);color:var(--bg)}
.video-showcase .svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.video-showcase .wrap{width:calc(100% - 112px);max-width:1440px;margin:0 auto}
.video-showcase .meta,.video-showcase .eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:600;line-height:1.6}
.video-showcase .meta{color:var(--muted)}
.video-showcase .eyebrow{color:var(--tan);display:inline-flex;align-items:center;gap:14px}
.video-showcase .dot{width:5px;height:5px;border-radius:50%;background:var(--tan);box-shadow:0 0 8px #c4a47c55;display:inline-block;margin-right:9px;vertical-align:middle}
.video-showcase .short-line{width:26px;height:1px;background:var(--tan)}
.video-showcase .skip{position:fixed;top:-100px;left:20px;background:var(--tan);color:#111;padding:14px;z-index:100}
.video-showcase .skip:focus{top:15px}
.video-showcase .site-header{height:94px;position:relative;z-index:20;border-bottom:1px solid var(--line);background:#121210e8}
.video-showcase .nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:40px}
.video-showcase .brand{font-size:22px;font-weight:800;letter-spacing:-1.1px;white-space:nowrap}
.video-showcase .brand-mark{font-size:9px;vertical-align:super;letter-spacing:0;margin-left:4px}
.video-showcase .nav nav{display:flex;align-items:center;gap:34px;margin-left:auto}
.video-showcase .nav nav a{font-size:11px;color:#bcb8af;transition:color .2s}
.video-showcase .nav nav a:hover{color:var(--tan)}
.video-showcase .nav nav a>span{font-size:7px;color:#82745f;margin-left:7px;vertical-align:super}
.video-showcase .nav-right{display:flex;align-items:center;gap:36px}
.video-showcase .language{display:flex;gap:6px;align-items:center;font-size:9px;color:#625e56}
.video-showcase .language button{background:none;border:0;padding:10px 4px;font-size:10px;font-weight:600;color:#928b80}
.video-showcase .language button[aria-pressed=true]{color:var(--cream)}
.video-showcase .nav-contact{display:flex;align-items:center;justify-content:space-between;gap:38px;border-bottom:1px solid #c4a47c70;padding:12px 0;font-size:11px}
.video-showcase .nav-contact svg{width:17px;color:var(--tan);transition:transform .3s}
.video-showcase .nav-contact:hover svg{transform:translate(3px,-3px)}
.video-showcase .hero{position:relative;isolation:isolate;overflow:hidden}
.video-showcase .hero-ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 92% 43%,#8b71461a 0,transparent 56%)}
.video-showcase .hero-ambient:after{content:'';position:absolute;width:70%;height:110%;top:-22%;right:-28%;transform:rotate(-35deg);background:linear-gradient(90deg,transparent,#d8b88506,transparent);border-left:1px solid #c4a47c08}
.video-showcase .hero-top{display:flex;justify-content:space-between;padding:30px 0 10px;font-size:8px}
.video-showcase .hero-top>span:first-child{color:#c8c2b7}
.video-showcase .hero-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;min-height:594px;align-items:center;padding:42px 0 65px}
.video-showcase .hero-copy{position:relative;z-index:4}
.video-showcase .hero-copy>.eyebrow{font-size:8px;letter-spacing:2px}
.video-showcase .hero h1{font-size:clamp(64px,6.8vw,105px);line-height:1.07;letter-spacing:-.065em;margin:24px 0;font-weight:800}
.video-showcase .hero h1 span{color:var(--tan)}
.video-showcase .hero-copy p{color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 30px}
.video-showcase .primary-link{display:inline-flex;gap:42px;align-items:center;padding:17px 22px;background:var(--tan);color:#141410;font-size:11px;font-weight:800;position:relative;transition:background .25s,transform .25s}
.video-showcase .primary-link:hover{background:#ddbf99;transform:translateY(-3px)}
.video-showcase .primary-link svg{width:20px;height:20px}
.video-showcase .hero-sign{display:flex;gap:12px;align-items:center;margin-top:36px}
.video-showcase .hero-sign>span{font-size:17px;font-weight:800;letter-spacing:-1px;border:1px solid #c4a47c35;padding:9px 7px;color:var(--tan)}
.video-showcase .hero-sign>div{font-size:7px;letter-spacing:1.6px;color:#c7baaa}
.video-showcase .hero-sign small{display:block;color:#716c61;letter-spacing:.7px;font-size:6px;margin-top:6px}
.video-showcase .edit-desk{position:relative;transform:translateY(9px);isolation:isolate;min-width:0;padding:32px 18px 0 0}
.video-showcase .orbit{position:absolute;border:1px solid #c4a47c11;border-radius:50%;z-index:-1;pointer-events:none}
.video-showcase .orbit-one{width:118%;height:116%;top:-4%;left:-9%;transform:rotate(-19deg)}
.video-showcase .orbit-two{width:97%;height:130%;top:-12%;left:0;transform:rotate(40deg);border-style:dashed;border-color:#c4a47c0c}
.video-showcase .desk-index{position:absolute;top:-1px;left:0;right:20px;display:flex;justify-content:space-between;font-size:7px;color:#b29c7d}
.video-showcase .hero-screen{background:#1b1b18;border:1px solid #6c624f;border-radius:9px;overflow:hidden;box-shadow:0 35px 80px #0009,0 0 0 4px #c4a47c04;transform:perspective(1100px) rotateY(-7deg) rotateZ(-3deg);transform-origin:80% 50%;transition:transform .65s var(--ease)}
.video-showcase .edit-desk:hover .hero-screen{transform:perspective(1100px) rotateY(-3deg) rotateZ(-2deg)}
.video-showcase .editor-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;background:linear-gradient(#2e2b25,#201f1b);font-size:5px;letter-spacing:1px;color:#a59e91}
.video-showcase .editor-bar>div{display:flex;gap:4px}
.video-showcase .editor-bar i{width:4px;height:4px;background:#706657;border-radius:50%}
.video-showcase .editor-bar i:first-child{background:var(--tan)}
.video-showcase .hero-film{width:100%;aspect-ratio:16/10;display:block;position:relative;border:0;padding:0;background:#151510;overflow:hidden;text-align:left}
.video-showcase .hero-film>img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.85);transition:transform .7s var(--ease),filter .7s}
.video-showcase .hero-film:hover>img{transform:scale(1.035);filter:saturate(.95) brightness(.95)}
.video-showcase .hero-film-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#0006,transparent 30%,#000c)}
.video-showcase .frame-corner{position:absolute;width:15px;height:15px;opacity:.5}
.video-showcase .corner-tl{left:15px;top:15px;border-top:1px solid var(--cream);border-left:1px solid var(--cream)}
.video-showcase .corner-br{right:15px;bottom:15px;border-bottom:1px solid var(--cream);border-right:1px solid var(--cream)}
.video-showcase .hero-project-label{position:absolute;left:30px;top:29px;color:#eee6da;font-size:7px;letter-spacing:1px}
.video-showcase .hero-project-title{position:absolute;left:29px;bottom:26px}
.video-showcase .hero-project-title small{font-size:6px;letter-spacing:1.5px;font-weight:600;color:#d1c6b4}
.video-showcase .hero-project-title strong{display:block;font-size:clamp(22px,2.5vw,38px);letter-spacing:-1.3px;line-height:1.16;margin-top:10px}
.video-showcase .hero-play{position:absolute;top:44%;left:45%;width:50px;height:50px;display:grid;place-items:center;background:#16161455;border:1px solid #ffffff60;border-radius:50%;backdrop-filter:blur(7px);transition:background .3s,transform .3s}
.video-showcase .hero-play svg{fill:currentColor;width:18px;stroke-width:0;transform:translateX(-2px)}
.video-showcase .hero-film:hover .hero-play{background:var(--tan);color:var(--bg);transform:scale(1.12)}
.video-showcase .editor-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;color:#9c8d76;font-size:6px;font-family:monospace}
.video-showcase .editor-controls{color:#c4b399}
.video-showcase .hero-reel{position:absolute;right:-10px;bottom:69px;width:24%;transform:rotate(9deg);border:1px solid #e5c599;border-radius:9px;background:var(--tan);padding:7px 6px 5px;color:#252017;box-shadow:-15px 20px 40px #000b,0 0 0 4px #c4a47c13;transition:transform .5s var(--ease);z-index:4}
.video-showcase .hero-reel:hover{transform:rotate(3deg) translateY(-12px)}
.video-showcase .hero-reel>img{display:block;width:100%;aspect-ratio:9/14;object-fit:cover;border-radius:4px}
.video-showcase .hero-reel-top,.video-showcase .hero-reel-bottom{display:flex;justify-content:space-between;padding:3px 1px 7px;font-size:5px;letter-spacing:.8px;font-weight:800}
.video-showcase .hero-reel-top>span{font-size:12px;line-height:8px}
.video-showcase .hero-reel-bottom{padding:8px 1px 1px;font-size:4px}
.video-showcase .timeline{margin:22px 8px 0 4px;position:relative;padding:9px 0 10px;background:linear-gradient(90deg,transparent,#21201966,transparent)}
.video-showcase .timeline-ruler{display:flex;justify-content:space-between;padding:0 0 8px 19px;color:#777162;font-size:5px;font-family:monospace;border-bottom:1px solid #c4a47c20;background:repeating-linear-gradient(90deg,transparent 0,transparent 19px,#c4a47c20 19px,#c4a47c20 20px) bottom /100% 3px no-repeat}
.video-showcase .timeline-tracks{display:grid;grid-template-columns:14px 1fr;gap:4px;margin-top:7px;position:relative}
.video-showcase .track-label{font-family:monospace;font-size:5px;display:flex;align-items:center;color:#6e6b60}
.video-showcase .track-video{height:19px;display:flex;gap:3px}
.video-showcase .track-video>i{border-radius:2px;width:24%;background:#77745a;opacity:.85;border:1px solid #ffffff13}
.video-showcase .track-video>i:nth-child(2){width:12%;background:#937457}
.video-showcase .track-video>i:nth-child(3){width:31%;background:#6d7583}
.video-showcase .track-video>i:nth-child(4){width:19%;background:#84775d}
.video-showcase .track-video>i:nth-child(5){width:14%}
.video-showcase .track-audio{height:12px;border:1px solid #56684b;background:repeating-linear-gradient(90deg,#566f4f 0,#566f4f 1px,transparent 1px,transparent 3px),linear-gradient(#253022,#425c3b,#263522);clip-path:polygon(0 15%,100% 15%,100% 85%,0 85%)}
.video-showcase .playhead{position:absolute;left:66%;top:-21px;bottom:-5px;width:1px;background:#d3b387;animation:playhead 14s linear infinite alternate}
.video-showcase .playhead>b{position:absolute;top:0;left:-3px;width:7px;height:5px;background:var(--tan);clip-path:polygon(0 0,100% 0,50% 100%)}
.video-showcase .desk-bottom{display:flex;justify-content:space-between;margin:15px 8px 0;font-size:6px;color:#897c68}
.video-showcase .desk-bottom span:last-child{font-size:16px}
.video-showcase .hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 0 27px}
.video-showcase .hero-bottom>.meta{font-size:7px;color:#81786a}
.video-showcase .scroll-link{display:flex;align-items:center;gap:30px;font-size:7px;letter-spacing:1.5px;color:#aaa08f}
.video-showcase .scroll-link>span:last-child{font-size:20px;color:var(--tan)}
.video-showcase .credits{background:#1b1a16;border-top:1px solid #c4a47c25;border-bottom:1px solid #c4a47c25}
.video-showcase .credits>.wrap{display:flex;align-items:center;gap:48px;min-height:95px}
.video-showcase .credits-label{font-size:7px;color:#8d806e;white-space:nowrap}
.video-showcase .credit-names{display:flex;align-items:center;justify-content:space-between;gap:25px;flex:1;color:#beb4a4}
.video-showcase .credit-names>span{font-weight:700;font-size:18px;letter-spacing:-.6px;white-space:nowrap}
.video-showcase .credit-names>i{font-style:normal;font-size:15px;font-weight:400;color:#6f604a}
.video-showcase .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.video-showcase .section-num{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #c4a47c40;font-size:8px;letter-spacing:0}
.video-showcase .section-heading h2{font-size:clamp(37px,4vw,60px);line-height:1.16;letter-spacing:-.055em;font-weight:700;margin:21px 0 0}
.video-showcase .section-heading h2>span{color:var(--tan)}
.video-showcase .section-heading .eyebrow{font-size:8px}
.video-showcase .section-aside{display:flex;align-items:center;gap:16px;padding-bottom:5px}
.video-showcase .section-aside>.meta{font-size:7px;color:#978a77}
.video-showcase .format-mark{width:20px;height:31px;border:1px solid #c4a47c65;border-radius:3px;display:grid;place-items:center}
.video-showcase .format-mark i{width:4px;height:4px;border:1px solid var(--tan);border-radius:50%}
.video-showcase .reels-section{padding-top:93px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 70%,#c4a47c06,transparent 60%)}
.video-showcase .reel-scene{position:relative;isolation:isolate;padding:26px 0 78px}
.video-showcase .reel-halo{position:absolute;top:10%;left:24%;width:52%;height:60%;background:radial-gradient(ellipse,#ac825422,transparent 69%);z-index:-1}
.video-showcase .reel-watermark{position:absolute;top:40%;left:0;right:0;text-align:center;font-size:clamp(100px,16vw,260px);letter-spacing:-.05em;line-height:1;font-weight:800;color:transparent;-webkit-text-stroke:1px #c4a47c0d;z-index:-1;white-space:nowrap}
.video-showcase .reel-stage{height:565px;position:relative;touch-action:pan-y;outline-offset:-6px!important;perspective:1200px;cursor:grab}
.video-showcase .reel-stage:active{cursor:grabbing}
.video-showcase .stage-ellipse{position:absolute;width:70%;height:51%;left:15%;top:35%;border:1px solid #c4a47c13;border-radius:50%;transform:rotate(-8deg);z-index:-1}
.video-showcase .stage-ellipse:after,.video-showcase .stage-ellipse:before{content:'';position:absolute;inset:-16px 15px;border:1px solid #c4a47c0b;border-radius:50%;transform:rotate(8deg)}
.video-showcase .stage-ellipse:after{inset:22px -20px;transform:rotate(-5deg)}
.video-showcase .reel-card{--offset:0;--scale:1;--blur:0px;--opacity:1;--z:10;position:absolute;width:263px;height:466px;left:50%;top:42px;margin-left:-131.5px;transform:translateX(calc(var(--offset)*281px)) translateY(calc(var(--distance)*12px)) scale(var(--scale)) rotate(calc(var(--offset)*4deg));filter:blur(var(--blur));opacity:var(--opacity);z-index:var(--z);transition:transform .68s var(--ease),filter .68s,opacity .68s,border-color .3s;overflow:hidden;border-radius:14px;background:#24221b;border:1px solid #8b796333;box-shadow:0 25px 40px #0008;will-change:transform}
.video-showcase .reel-card.is-active{border:1px solid #d9bd95;box-shadow:0 0 0 3px #c4a47c14,0 0 50px #c4a47c0e,0 30px 55px #000b}
.video-showcase .reel-cover{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.video-showcase .reel-card:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 5px #0d0d0b22}
.video-showcase .reel-overlay{position:absolute;inset:0;width:100%;border:0;padding:0;background:linear-gradient(#0002,transparent 25%,transparent 65%,#000b);display:grid;place-items:center;color:#fff}
.video-showcase .play-circle{width:65px;height:65px;border:1px solid #ffffff80;border-radius:50%;background:#18181360;backdrop-filter:blur(8px);display:grid;place-items:center;transition:background .3s,transform .3s}
.video-showcase .play-circle svg{width:21px;fill:currentColor;stroke:none;transform:translateX(-1px)}
.video-showcase .is-active .reel-overlay:hover .play-circle{background:var(--tan);color:var(--bg);transform:scale(1.08)}
.video-showcase .reel-badge{position:absolute;left:16px;top:17px;font-size:8px;border:1px solid #ffffff30;background:#0005;border-radius:20px;padding:4px 9px}
.video-showcase .reel-number{position:absolute;bottom:20px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:9px}
.video-showcase .reel-number span:last-child{font-size:18px}
.video-showcase .reel-console{display:flex;gap:24px;align-items:center;justify-content:center;margin-top:-14px;position:relative;z-index:12}
.video-showcase .circle-button{width:48px;height:48px;border:1px solid #c4a47c50;border-radius:50%;background:#171713;color:var(--tan);display:grid;place-items:center;transition:background .25s,color .25s,transform .25s}
.video-showcase .circle-button svg{width:21px;height:21px}
.video-showcase .circle-button:hover{background:var(--tan);color:var(--bg);transform:scale(1.05)}
.video-showcase .reel-position{text-align:center;min-width:106px}
.video-showcase .reel-position>span{font-size:13px;letter-spacing:3px;color:#e2d0b5;font-variant-numeric:tabular-nums}
.video-showcase .reel-position>small{display:block;font-size:6px;letter-spacing:1px;color:#8e8270;margin-top:8px}
.video-showcase .reel-caption{text-align:center;margin-top:27px}
.video-showcase .reel-caption>.eyebrow{font-size:8px;letter-spacing:1.5px}
.video-showcase .reel-caption h3{font-size:23px;letter-spacing:-.8px;margin:9px 20px 8px;font-weight:600}
.video-showcase .reel-category{font-size:9px;color:var(--muted)}
.video-showcase #reel-dots{display:flex;justify-content:center;gap:7px;margin-top:20px}
.video-showcase #reel-dots button{padding:11px 2px;background:none;border:0}
.video-showcase #reel-dots button:before{content:'';display:block;width:14px;height:3px;background:#c4a47c38;border-radius:3px;transition:width .35s,background .35s}
.video-showcase #reel-dots button[aria-current=true]:before{width:30px;background:var(--tan)}
.video-showcase .reel-card iframe,.video-showcase .reel-card video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#080808;z-index:3}
.video-showcase .reel-close{position:absolute;top:8px;right:8px;z-index:5;width:32px;height:32px;border-radius:50%;background:#171715dd;border:1px solid #ffffff55;color:#fff;font-size:20px}
.video-showcase .reel-source{position:absolute;left:12px;bottom:12px;z-index:5;background:#171715ee;color:#e3cfb6;border:1px solid #d0b49355;padding:8px 10px;border-radius:3px;font-size:9px}
.video-showcase .cinema{padding:85px 0 94px;position:relative;isolation:isolate;border-top:1px solid var(--line);background:#151513}
.video-showcase .cinema-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 25% 75%,#c4a47c0b,transparent 60%)}
.video-showcase .section-note{font-size:13px;line-height:1.9;color:#b0a594;margin:0 0 5px}
.video-showcase .cinema-room{margin-top:49px;border:1px solid #c4a47c24;border-radius:14px;padding:23px 27px 18px;background:linear-gradient(125deg,#27261e55,#11110f99 65%);box-shadow:inset 0 1px #ffffff04,0 40px 80px #0002}
.video-showcase .room-top,.video-showcase .room-bottom{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.5px;color:#9a8a71}
.video-showcase .room-top .dot{width:4px;height:4px}
.video-showcase .cinema-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:48px;align-items:center;padding:37px 0 29px}
.video-showcase .theater{min-width:0;position:relative;padding-top:12px}
.video-showcase .theater:after{content:'';position:absolute;left:-10%;right:-5%;height:60px;bottom:35px;background:radial-gradient(ellipse,#0009,transparent 65%);z-index:-1}
.video-showcase .tv{padding:6px 6px 0;background:linear-gradient(150deg,#727168,#171715 28%,#35352f 75%,#171716);border:1px solid #5d5b50;border-radius:10px;position:relative;box-shadow:0 15px 45px #000b,0 0 45px #c4a47c08;z-index:3}
.video-showcase .tv-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#080808;border-radius:4px 4px 0 0}
.video-showcase .tv-screen>img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.9);transition:opacity .3s}
.video-showcase .tv-shade{position:absolute;inset:0;background:linear-gradient(#0006,transparent 30%,#000e)}
.video-showcase .screen-meta{position:absolute;top:18px;left:21px;right:21px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#e7d9c5}
.video-showcase .screen-meta .meta{font-size:6px;color:#e7d9c5}
.video-showcase .screen-info{position:absolute;bottom:20px;left:21px;right:21px;color:var(--cream)}
.video-showcase .screen-info>span{font-size:7px;letter-spacing:1.2px}
.video-showcase .screen-info h3{font-size:clamp(18px,2vw,29px);line-height:1.17;letter-spacing:-.8px;margin:8px 0 16px;max-width:350px}
.video-showcase .insert{background:var(--tan);color:#191712;display:inline-flex;align-items:center;gap:27px;border:0;border-radius:2px;padding:10px 14px;font-weight:800;font-size:9px;transition:background .25s}
.video-showcase .insert svg{width:14px;height:14px;fill:currentColor;stroke:none}
.video-showcase .insert:hover{background:#e0c399}
.video-showcase .tv-bezel{height:15px;position:relative;display:grid;place-items:center}
.video-showcase .tv-bezel>span{font-size:4px;letter-spacing:1px;color:#93918a}
.video-showcase .tv-bezel>i{position:absolute;right:13px;width:3px;height:3px;background:#afb995;border-radius:50%;box-shadow:0 0 5px #a5c78655}
.video-showcase .tv-stand{position:relative;width:32%;height:30px;margin:auto;background:linear-gradient(90deg,transparent 31%,#121210 31%,#34342d 65%,transparent 65%);z-index:2}
.video-showcase .tv-stand:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#25251f,#777265,#171715);border-radius:50%;box-shadow:0 3px 4px #0009}
.video-showcase .equipment{width:77%;margin:20px auto 0;position:relative}
.video-showcase .cable{position:absolute;width:65px;height:100px;right:-45px;bottom:22px;stroke:#080807;stroke-width:4;filter:drop-shadow(0 1px 1px #ffffff0e)}
.video-showcase .dvd-player{position:relative;z-index:2;display:flex;align-items:center;gap:18px;height:58px;padding:0 17px;border:1px solid #777467;border-bottom-color:#30312b;border-radius:6px;background:linear-gradient(180deg,#69675b 0,#34362f 7%,#373931 15%,#262922 77%,#494b41 92%,#1c1d18 100%);box-shadow:0 15px 25px #0008,inset 0 1px #ffffff20}
.video-showcase .dvd-player:before{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(0deg,#fff0 0,#fff0 1px,#fff1 1px,#fff1 2px);opacity:.1;pointer-events:none}
.video-showcase .dvd-player button{background:none;border:0;color:#c6c2b3;font-size:18px;padding:2px}
.video-showcase .dvd-player .power{border:1px solid #1b1d18;border-top-color:#666757;border-radius:50%;width:24px;height:24px;line-height:19px;padding:0;font-size:15px;box-shadow:0 1px 1px #ffffff18}
.video-showcase .deck-center{flex:1;min-width:0}
.video-showcase .deck-brand{font-size:7px;font-weight:800;letter-spacing:1px;display:block;color:#a8a795;margin-bottom:6px}
.video-showcase .deck-brand b{font-size:5px;margin-left:6px;font-style:italic;letter-spacing:.5px;font-weight:500}
.video-showcase .disc-slot{position:relative;width:100%;height:5px;background:#060706;border-bottom:1px solid #858376;border-radius:3px;overflow:hidden}
.video-showcase .disc-slot:after{content:'';position:absolute;inset:1px;background:#c9b792;transform:scaleX(0);transition:transform .4s}
.video-showcase .is-loading .disc-slot:after{transform:scaleX(.94)}
.video-showcase .led-wrap{padding:5px 6px;background:#0d150f;border:1px solid #474d39;border-radius:2px;min-width:59px;text-align:center}
.video-showcase .led{font-family:monospace;font-size:8px;letter-spacing:1px;color:#c1dca7;text-shadow:0 0 7px #c1dca770;display:block}
.video-showcase .led-bars{display:flex;gap:2px;justify-content:center;align-items:flex-end;height:6px;margin-top:3px}
.video-showcase .led-bars i{width:3px;height:3px;background:#74805d}
.video-showcase .led-bars i:nth-child(2n){height:5px}
.video-showcase .is-playing .led-bars i{animation:levels .8s ease infinite alternate}
.video-showcase .is-playing .led-bars i:nth-child(2n){animation-delay:.3s}
.video-showcase .player-feet{width:83%;height:5px;border-left:12px solid #070707;border-right:12px solid #070707;margin:auto}
.video-showcase .theater-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:#a19986;font-size:6px;letter-spacing:.7px}
.video-showcase .theater-controls .dot{width:3px;height:3px;margin-right:6px}
.video-showcase .theater-controls>div{display:flex;align-items:center;gap:16px}
.video-showcase .theater-controls a{font-size:8px;letter-spacing:0;color:#b6aa97}
.video-showcase .theater-controls button{background:none;border:0;color:var(--tan);font-size:22px;padding:0}
.video-showcase .library-header{display:flex;justify-content:space-between;font-size:7px;color:#b5a58c;margin-bottom:24px}
.video-showcase .dvd-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px 12px;perspective:1000px}
.video-showcase .dvd-case{position:relative;min-width:0;aspect-ratio:3/4.4;border:1px solid #62594a;border-radius:3px;background:#29251d;padding:0;color:#eee7db;transform:rotateY(-12deg);transition:transform .4s var(--ease),border-color .3s,box-shadow .3s;box-shadow:6px 8px 13px #000a;isolation:isolate;text-align:left}
.video-showcase .dvd-case:before{content:'';position:absolute;inset:0 auto 0 0;width:8px;background:linear-gradient(90deg,#000b,#ffffff25,#0007);z-index:3;border-radius:3px 0 0 3px}
.video-showcase .dvd-case:after{content:'';position:absolute;left:-8px;right:-8px;bottom:-12px;height:5px;background:linear-gradient(#80705a,#463d2f 50%,#2f2b23);box-shadow:0 5px 12px #000b;z-index:-1}
.video-showcase .dvd-case img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.74);border-radius:2px;pointer-events:none;transition:filter .3s}
.video-showcase .case-shade{position:absolute;inset:0;background:linear-gradient(#0009,transparent 32%,#000f)}
.video-showcase .case-number{position:absolute;top:10px;left:12px;right:9px;display:flex;justify-content:space-between;font-size:5px;letter-spacing:1px}
.video-showcase .case-label{position:absolute;bottom:12px;left:13px;right:7px}
.video-showcase .case-label strong{font-size:10px;line-height:1.2;letter-spacing:-.15px;display:block}
.video-showcase .case-label small{display:block;font-size:5px;letter-spacing:.9px;color:#c3b599;margin-top:8px}
.video-showcase .dvd-case:hover{transform:rotateY(0) translateY(-9px);border-color:var(--tan)}
.video-showcase .dvd-case[aria-pressed=true]{transform:rotateY(0) translateY(-7px);border-color:#d8b992;box-shadow:0 0 0 2px #c4a47c16,0 0 35px #c4a47c09,6px 13px 20px #000b}
.video-showcase .dvd-case[aria-pressed=true] img,.video-showcase .dvd-case:hover img{filter:saturate(.9) brightness(.92)}
.video-showcase .library-foot{display:flex;justify-content:space-between;align-items:center;margin-top:29px;color:#97866c}
.video-showcase .library-foot>.meta{font-size:6px;color:inherit;letter-spacing:1px}
.video-showcase .library-foot>span:last-child{font-size:21px}
.video-showcase .room-bottom{border-top:1px solid #c4a47c18;padding-top:18px;font-size:6px;color:#716853}
.video-showcase .room-bottom>span:last-child{display:flex;align-items:center;gap:8px}
.video-showcase .stereo{width:15px;height:7px;display:block;position:relative}
.video-showcase .stereo:before,.video-showcase .stereo:after{content:'';width:7px;height:7px;position:absolute;border:1px solid #867253;border-radius:50%;left:0}
.video-showcase .stereo:after{left:5px}
.video-showcase .disc-flying{position:fixed;z-index:100;border-radius:50%;pointer-events:none;background:conic-gradient(#e1d2b9,#796d5a,#dbd7c0,#968476,#e4dbba,#67655e,#e1d2b9);box-shadow:0 15px 30px #0008;border:1px solid #d8c8ab;display:grid;place-items:center}
.video-showcase .disc-flying:before{content:'';position:absolute;inset:7%;border:1px solid #ffffff80;border-radius:50%}
.video-showcase .disc-flying:after{content:'';width:15%;height:15%;border-radius:50%;background:#171715;border:6px solid #cac3b7}
.video-showcase .disc-flying>img{position:absolute;inset:11%;width:78%;height:78%;object-fit:cover;border-radius:50%;opacity:.65}
.video-showcase .disc-flying>span{position:absolute;top:20%;font-size:8px;font-weight:800;color:#171715}
.video-showcase .tv-screen iframe,.video-showcase .tv-screen video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;z-index:6}
.video-showcase #loading-screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#090a08;z-index:7}
.video-showcase .is-loading #loading-screen{display:flex}
.video-showcase .loading-disc{width:37px;height:37px;border:1px solid var(--tan);border-radius:50%;background:conic-gradient(transparent,#c4a47c55,transparent);display:grid;place-items:center;animation:spin 1.1s linear infinite}
.video-showcase .loading-disc:after{content:'';width:7px;height:7px;border:1px solid var(--tan);border-radius:50%;background:#090a08}
.video-showcase #loading-screen .meta{font-size:7px;color:var(--tan)}
.video-showcase .tv:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#000;padding:0;border:0;border-radius:0}
.video-showcase .tv:fullscreen .tv-screen{width:100%;max-height:100vh}
.video-showcase .tv:fullscreen .tv-bezel{display:none}
.video-showcase .closing-strip{display:flex;justify-content:space-around;align-items:center;gap:30px;padding:29px 4%;border-top:1px solid #c4a47c25;border-bottom:1px solid #c4a47c25;background:#1c1b16;overflow:hidden;color:#bd9e76}
.video-showcase .closing-strip>span{font-size:clamp(18px,3vw,43px);font-weight:800;letter-spacing:-1.4px}
.video-showcase .closing-strip>i{font-size:25px;font-style:normal;color:#7f6c53}
.video-showcase footer{background:var(--tan);color:#1b1b16;padding:63px 0 0;position:relative;overflow:hidden}
.video-showcase footer:before{content:'';width:600px;height:600px;border:1px solid #3a2c1910;border-radius:50%;position:absolute;right:-270px;top:-250px;pointer-events:none}
.video-showcase .footer-top{display:flex;justify-content:space-between;align-items:center}
.video-showcase .footer-top .eyebrow{color:#3e362a;font-size:8px}
.video-showcase .footer-top .meta{color:#5c503f;font-size:7px}
.video-showcase .footer-cta{display:flex;align-items:center;justify-content:space-between;padding:35px 0 32px;gap:40px}
.video-showcase .footer-cta>span:first-child{font-size:clamp(50px,7vw,100px);font-weight:800;line-height:1.1;letter-spacing:-.06em}
.video-showcase .footer-cta>span:first-child>span{color:#715c40}
.video-showcase .footer-arrow{width:105px;height:105px;display:grid;place-items:center;border:1px solid #26211666;border-radius:50%;transition:background .3s,transform .3s,color .3s}
.video-showcase .footer-arrow svg{width:43px;height:43px;stroke-width:1}
.video-showcase .footer-cta:hover .footer-arrow{background:#1b1b16;color:var(--tan);transform:rotate(45deg)}
.video-showcase .footer-contact{display:flex;justify-content:space-between;align-items:center;padding-bottom:45px}
.video-showcase .footer-contact>a{font-size:14px;border-bottom:1px solid #1b1b1655;padding-bottom:5px}
.video-showcase .footer-contact .meta{font-size:7px;color:#67543d}
.video-showcase .footer-bottom{border-top:1px solid #1b1b1629;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}
.video-showcase .footer-bottom .brand{font-size:16px;letter-spacing:-.6px}
.video-showcase .footer-bottom .brand-mark{font-size:7px}
.video-showcase .footer-bottom .meta{font-size:7px;color:#68563f}
.video-showcase .socials{display:flex;align-items:center;gap:26px;font-size:9px}
.video-showcase .socials a:hover{text-decoration:underline;text-underline-offset:4px}
@keyframes playhead{from{left:30%}to{left:82%}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes levels{from{transform:scaleY(.5)}to{transform:scaleY(1.2)}}
@media(min-width:1600px){.video-showcase .hero-layout{min-height:720px;gap:90px}
.video-showcase .reel-stage{height:600px}
.video-showcase .reel-card{width:280px;height:498px;margin-left:-140px;transform:translateX(calc(var(--offset)*311px)) translateY(calc(var(--distance)*12px)) scale(var(--scale)) rotate(calc(var(--offset)*4deg))}
.video-showcase .cinema-layout{gap:80px}
.video-showcase .case-label strong{font-size:14px}
.video-showcase .dvd-shelf{gap:40px 18px}
.video-showcase .cinema-room{padding:30px 40px 22px}
}
@media(max-width:1100px){.video-showcase .wrap{width:calc(100% - 72px)}
.video-showcase .nav{gap:25px}
.video-showcase .nav nav{gap:20px}
.video-showcase .nav-right{gap:24px}
.video-showcase .hero-layout{gap:30px;min-height:550px}
.video-showcase .hero h1{font-size:7.2vw}
.video-showcase .hero-project-title strong{font-size:25px}
.video-showcase .hero-reel{bottom:66px}
.video-showcase .credit-names{gap:18px}
.video-showcase .credit-names>span{font-size:14px}
.video-showcase .credits>.wrap{gap:30px}
.video-showcase .cinema-room{padding:20px}
.video-showcase .cinema-layout{grid-template-columns:minmax(0,1.45fr) minmax(230px,1fr);gap:28px}
.video-showcase .screen-info h3{font-size:21px}
.video-showcase .dvd-player{gap:10px;padding:0 12px}
.video-showcase .equipment{width:84%}
.video-showcase .case-label strong{font-size:9px}
.video-showcase .case-label{left:11px;bottom:10px}
.video-showcase .case-number{font-size:4px}
.video-showcase .section-heading h2{font-size:45px}
}
@media(max-width:800px){.video-showcase .wrap{width:calc(100% - 48px)}
.video-showcase .site-header{height:79px}
.video-showcase .brand{font-size:19px}
.video-showcase .nav{gap:20px}
.video-showcase .nav nav{gap:18px}
.video-showcase .nav nav a{font-size:10px}
.video-showcase .nav-right{gap:20px}
.video-showcase .nav-contact{gap:20px;font-size:10px}
.video-showcase .language{gap:2px}
.video-showcase .nav nav a>span{display:none}
.video-showcase .hero-top{font-size:7px;padding-top:22px}
.video-showcase .hero-layout{gap:27px;padding:45px 0 46px;min-height:480px}
.video-showcase .hero h1{font-size:8vw;margin-top:20px}
.video-showcase .hero-copy p{font-size:12px}
.video-showcase .hero-copy>.eyebrow{font-size:6px;gap:8px}
.video-showcase .short-line{width:16px}
.video-showcase .primary-link{font-size:9px;padding:13px 16px;gap:24px}
.video-showcase .hero-sign{margin-top:27px}
.video-showcase .hero-sign>div{font-size:6px}
.video-showcase .hero-sign small{font-size:5px}
.video-showcase .edit-desk{padding-right:4px}
.video-showcase .hero-project-title{left:18px;bottom:20px}
.video-showcase .hero-project-title strong{font-size:20px}
.video-showcase .hero-project-title small{font-size:4px}
.video-showcase .hero-project-label{font-size:5px;left:20px;top:25px}
.video-showcase .hero-play{width:40px;height:40px}
.video-showcase .hero-reel{right:-4px;width:28%;bottom:66px}
.video-showcase .editor-bar{font-size:4px;padding:9px}
.video-showcase .hero-film{aspect-ratio:1.25}
.video-showcase .editor-bottom{font-size:5px}
.video-showcase .desk-bottom{font-size:4px}
.video-showcase .credits>.wrap{display:block;padding:18px 0}
.video-showcase .credits-label{display:block;margin-bottom:14px;text-align:center}
.video-showcase .credit-names{justify-content:space-between;gap:12px}
.video-showcase .credit-names>span{font-size:12px}
.video-showcase .credit-names>i{font-size:11px}
.video-showcase .section-heading h2{font-size:40px}
.video-showcase .reels-section{padding-top:67px}
.video-showcase .reel-card{width:240px;height:427px;margin-left:-120px;transform:translateX(calc(var(--offset)*247px)) translateY(calc(var(--distance)*12px)) scale(var(--scale)) rotate(calc(var(--offset)*4deg))}
.video-showcase .reel-stage{height:520px}
.video-showcase .reel-caption h3{font-size:21px}
.video-showcase .cinema-layout{grid-template-columns:1fr;gap:43px}
.video-showcase .cinema-room{padding:24px 28px 20px}
.video-showcase .theater{max-width:610px;width:100%;margin:auto}
.video-showcase .library{max-width:550px;width:100%;margin:auto}
.video-showcase .dvd-shelf{gap:36px 24px}
.video-showcase .dvd-case{aspect-ratio:3/3.9}
.video-showcase .case-label strong{font-size:14px}
.video-showcase .case-number{font-size:7px}
.video-showcase .case-label small{font-size:7px}
.video-showcase .screen-info h3{font-size:29px}
.video-showcase .screen-info>span{font-size:8px}
.video-showcase .screen-info{bottom:25px;left:25px}
.video-showcase .insert{font-size:10px;padding:12px 16px}
.video-showcase .screen-meta{left:25px;right:25px}
.video-showcase .equipment{width:74%}
.video-showcase .cinema{padding:65px 0}
.video-showcase .footer-cta>span:first-child{font-size:8vw}
.video-showcase .footer-arrow{width:80px;height:80px}
.video-showcase .footer-arrow svg{width:35px}
.video-showcase .footer-contact .meta{font-size:6px}
.video-showcase .footer-bottom .brand{font-size:13px}
.video-showcase .socials{gap:18px;font-size:8px}
}
@media(max-width:560px){.video-showcase .wrap{width:calc(100% - 40px)}
.video-showcase .site-header{height:72px}
.video-showcase .nav{gap:10px}
.video-showcase .brand{font-size:18px}
.video-showcase .nav nav{display:none}
.video-showcase .nav-right{gap:17px}
.video-showcase .nav-contact{gap:14px;font-size:10px;padding:10px 0}
.video-showcase .nav-contact svg{width:16px}
.video-showcase .language button{font-size:9px}
.video-showcase .hero-top{font-size:6px;letter-spacing:1px;padding:22px 0 0}
.video-showcase .hero-layout{grid-template-columns:1fr;gap:0;padding:39px 0 21px}
.video-showcase .hero-copy{padding-bottom:43px}
.video-showcase .hero-copy>.eyebrow{font-size:7px;gap:10px}
.video-showcase .hero h1{font-size:17vw;line-height:1.02;margin:19px 0 18px;letter-spacing:-.065em}
.video-showcase .hero-copy p{font-size:12px;line-height:1.8;margin-bottom:22px}
.video-showcase .primary-link{font-size:10px;padding:14px 18px;gap:28px}
.video-showcase .hero-sign{position:absolute;right:0;bottom:44px;margin:0;gap:8px}
.video-showcase .hero-sign>span{font-size:14px;padding:7px}
.video-showcase .hero-sign>div{font-size:5px;letter-spacing:.8px}
.video-showcase .hero-sign small{font-size:4px;letter-spacing:.4px;max-width:70px;line-height:1.6}
.video-showcase .edit-desk{width:94%;margin:10px auto 12px;padding:25px 7px 0 0;transform:none}
.video-showcase .hero-film{aspect-ratio:16/10}
.video-showcase .hero-project-title strong{font-size:26px}
.video-showcase .hero-project-title small{font-size:5px}
.video-showcase .hero-project-title{left:20px;bottom:20px}
.video-showcase .hero-project-label{font-size:5px;left:24px;top:26px}
.video-showcase .editor-bar{font-size:4px}
.video-showcase .editor-bottom{font-size:5px}
.video-showcase .hero-reel{right:-11px;width:27%;bottom:51px}
.video-showcase .hero-reel-top{font-size:4px}
.video-showcase .hero-reel-bottom{font-size:3px}
.video-showcase .timeline{margin-top:17px;padding-bottom:5px}
.video-showcase .track-video{height:14px}
.video-showcase .track-audio{height:10px}
.video-showcase .desk-index{font-size:5px;top:0}
.video-showcase .desk-bottom{font-size:5px}
.video-showcase .hero-bottom{padding-bottom:22px}
.video-showcase .hero-bottom>.meta{font-size:5px;letter-spacing:.8px;max-width:180px}
.video-showcase .scroll-link{font-size:5px;gap:13px;letter-spacing:1px}
.video-showcase .scroll-link>span:last-child{font-size:18px}
.video-showcase .credits>.wrap{padding:20px 0}
.video-showcase .credits-label{font-size:6px;margin-bottom:18px}
.video-showcase .credit-names{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:17px 8px}
.video-showcase .credit-names>i{display:none}
.video-showcase .credit-names>span{font-size:14px;font-weight:600}
.video-showcase .section-heading{gap:14px;align-items:flex-end}
.video-showcase .section-heading .eyebrow{font-size:6px;letter-spacing:1.5px;gap:9px}
.video-showcase .section-num{width:21px;height:21px;font-size:7px}
.video-showcase .section-heading h2{font-size:35px;line-height:1.17;margin-top:17px;letter-spacing:-1.9px}
.video-showcase .section-aside{flex-direction:column;align-items:flex-end;gap:10px;margin-bottom:5px}
.video-showcase .section-aside>.meta{font-size:5px;letter-spacing:.8px}
.video-showcase .format-mark{width:15px;height:25px}
.video-showcase .reels-section{padding-top:56px}
.video-showcase .reel-scene{padding-top:20px;padding-bottom:50px}
.video-showcase .reel-stage{height:430px}
.video-showcase .reel-card{width:207px;height:368px;margin-left:-103.5px;top:27px;transform:translateX(calc(var(--offset)*206px)) translateY(calc(var(--distance)*8px)) scale(var(--scale)) rotate(calc(var(--offset)*5deg));border-radius:12px}
.video-showcase .reel-watermark{font-size:88px;top:34%}
.video-showcase .stage-ellipse{width:120%;left:-10%;height:43%;top:40%}
.video-showcase .reel-halo{left:0;width:100%}
.video-showcase .play-circle{width:55px;height:55px}
.video-showcase .reel-number{font-size:8px;bottom:15px;left:15px;right:15px}
.video-showcase .reel-badge{left:13px;top:14px;font-size:7px}
.video-showcase .reel-console{gap:19px;margin-top:-4px}
.video-showcase .circle-button{width:44px;height:44px}
.video-showcase .reel-position>span{font-size:12px}
.video-showcase .reel-position>small{font-size:5px}
.video-showcase .reel-caption{margin-top:23px}
.video-showcase .reel-caption h3{font-size:20px;margin:8px 20px 6px}
.video-showcase .reel-caption>.eyebrow{font-size:7px}
.video-showcase .reel-category{font-size:8px}
.video-showcase #reel-dots{margin-top:17px}
.video-showcase .cinema{padding:52px 0}
.video-showcase .section-note{font-size:9px;line-height:1.8}
.video-showcase .cinema-room{margin-top:30px;padding:18px 12px 16px;border-radius:10px;margin-left:-5px;margin-right:-5px}
.video-showcase .room-top{font-size:5px;letter-spacing:1px}
.video-showcase .room-top>span:last-child{font-size:5px}
.video-showcase .cinema-layout{padding:23px 0 20px;gap:31px}
.video-showcase .tv{padding:4px 4px 0;border-radius:6px}
.video-showcase .tv-bezel{height:11px}
.video-showcase .tv-bezel>span{font-size:3px}
.video-showcase .screen-meta{top:13px;left:13px;right:13px;font-size:6px}
.video-showcase .screen-meta .meta{font-size:5px;letter-spacing:1px}
.video-showcase .screen-info{left:13px;right:13px;bottom:14px}
.video-showcase .screen-info h3{font-size:20px;letter-spacing:-.6px;margin:5px 0 10px;max-width:250px}
.video-showcase .screen-info>span{font-size:6px;letter-spacing:.8px}
.video-showcase .insert{font-size:8px;padding:8px 11px;gap:21px}
.video-showcase .insert svg{width:11px;height:11px}
.video-showcase .tv-stand{height:24px}
.video-showcase .equipment{width:84%;margin-top:15px}
.video-showcase .dvd-player{height:48px;gap:10px;padding:0 12px;border-radius:4px}
.video-showcase .dvd-player .power{width:20px;height:20px;font-size:13px;line-height:16px}
.video-showcase .dvd-player>button:last-child{font-size:15px}
.video-showcase .deck-brand{font-size:6px}
.video-showcase .led{font-size:7px}
.video-showcase .led-wrap{min-width:47px;padding:4px}
.video-showcase .led-bars{height:4px;margin-top:2px}
.video-showcase .cable{height:75px;width:45px;right:-25px;bottom:22px}
.video-showcase .theater-controls{font-size:5px;margin-top:15px}
.video-showcase .theater-controls>div{gap:12px}
.video-showcase .theater-controls a{font-size:7px}
.video-showcase .theater-controls button{font-size:19px}
.video-showcase .library{padding:0 6px}
.video-showcase .library-header{font-size:6px;margin-bottom:22px}
.video-showcase .dvd-shelf{gap:31px 15px}
.video-showcase .dvd-case{aspect-ratio:3/4.1}
.video-showcase .case-label{left:10px;bottom:10px;right:5px}
.video-showcase .case-label strong{font-size:10px;line-height:1.2}
.video-showcase .case-label small{font-size:5px;margin-top:7px}
.video-showcase .case-number{font-size:4px;left:10px;top:8px;letter-spacing:.6px}
.video-showcase .dvd-case:before{width:6px}
.video-showcase .library-foot{margin-top:24px}
.video-showcase .library-foot .meta{font-size:5px;letter-spacing:.8px}
.video-showcase .room-bottom{font-size:4px;letter-spacing:.65px;padding-top:13px}
.video-showcase .room-bottom>span:first-child{max-width:220px}
.video-showcase .closing-strip{padding:23px 20px;gap:15px}
.video-showcase .closing-strip>span{font-size:18px;letter-spacing:-.8px}
.video-showcase .closing-strip>i{font-size:13px}
.video-showcase .closing-strip>span:last-child,.video-showcase .closing-strip>i:nth-last-child(2){display:none}
.video-showcase footer{padding-top:34px}
.video-showcase .footer-top .eyebrow{font-size:6px;letter-spacing:1px}
.video-showcase .footer-top .meta{font-size:5px;letter-spacing:.7px}
.video-showcase .footer-cta{padding:30px 0 25px;gap:10px}
.video-showcase .footer-cta>span:first-child{font-size:12vw;letter-spacing:-.065em;line-height:1.13}
.video-showcase .footer-arrow{width:55px;height:55px;flex-shrink:0}
.video-showcase .footer-arrow svg{width:25px;height:25px}
.video-showcase .footer-contact{padding-bottom:29px}
.video-showcase .footer-contact>a{font-size:12px}
.video-showcase .footer-contact>.meta{display:none}
.video-showcase .footer-bottom{flex-wrap:wrap;padding:20px 0;gap:25px 15px}
.video-showcase .footer-bottom .brand{font-size:13px}
.video-showcase .socials{gap:15px;font-size:8px}
.video-showcase .footer-bottom>.meta{width:100%;font-size:6px}
}
@media(prefers-reduced-motion:reduce){.video-showcase *,.video-showcase *:before,.video-showcase *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

.video-showcase .reel-card[hidden]{display:none!important}
.video-showcase .cinema-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:42px}
.video-showcase .equipment{width:88%;margin-top:22px;perspective:900px}
.video-showcase .vhs-deck{position:relative;z-index:2;padding-top:20px;filter:drop-shadow(0 18px 15px #0009)}
.video-showcase .deck-top{position:absolute;top:0;left:4%;right:4%;height:25px;transform:perspective(300px) rotateX(35deg);transform-origin:bottom;background:linear-gradient(110deg,#3f4039,#20231f 45%,#4b4c41);border:1px solid #646459;border-radius:5px 5px 0 0;box-shadow:inset 0 1px #ffffff30}
.video-showcase .deck-top span{position:absolute;right:7%;top:5px;width:27%;height:12px;background:repeating-linear-gradient(90deg,#11130f 0 2px,transparent 2px 5px);opacity:.8}
.video-showcase .deck-face{position:relative;border:1px solid #64675b;border-top-color:#8b8b7a;border-bottom:3px solid #121510;border-radius:4px;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,#00000003 1px 2px),linear-gradient(100deg,#404239,#282c25 37%,#3d4036 80%,#262921);padding:13px 18px 10px;box-shadow:inset 0 2px 1px #ffffff1a,inset 0 -3px 3px #0006}
.video-showcase .deck-upper{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:center;gap:16px}
.video-showcase .tape-slot{position:relative;height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:6px;border:2px solid #151811;border-bottom-color:#626559;border-radius:2px;background:linear-gradient(#20231e,#30332b 15%,#373a30 82%,#25281f);box-shadow:inset 0 2px 4px #000b,0 1px #ffffff0c;transform-origin:top;transition:transform .45s,background .45s}
.video-showcase .tape-slot span{font-size:5px;letter-spacing:1.4px;color:#989b86}
.video-showcase .tape-slot b{font-style:italic;font-size:11px;color:#aaa992;border:1px solid #90917b;line-height:1;padding:1px 3px;letter-spacing:-.5px}
.video-showcase .is-inserting .tape-slot{transform:perspective(200px) rotateX(-35deg);background:#080c08}
.video-showcase .vfd{height:47px;background:linear-gradient(115deg,#1f2b25,#080f0c 55%,#142019);border:1px solid #101b13;border-bottom-color:#707966;border-radius:3px;padding:5px 8px;box-shadow:inset 0 1px 5px #000,0 1px #ffffff0c;font-family:monospace;color:#94c2a5;text-shadow:0 0 6px #76b48e55}
.video-showcase .vfd-meta{display:flex;align-items:center;justify-content:space-between;font-size:5px;letter-spacing:.5px}
.video-showcase .vfd-meta i{font-size:4px;font-style:normal}
.video-showcase .vfd #led{font-size:13px;display:block;line-height:18px;letter-spacing:2px;white-space:nowrap}
.video-showcase .vfd-bottom{display:flex;align-items:center;justify-content:space-between;font-size:4px}
.video-showcase .vfd-bottom b{font-weight:400}
.video-showcase .vfd .led-bars{margin:0;height:5px}
.video-showcase .vfd .led-bars i{background:#75a186;width:2px}
.video-showcase .deck-lower{display:flex;align-items:center;gap:13px;border-top:1px solid #080b0770;box-shadow:inset 0 1px #ffffff09;margin-top:9px;padding-top:9px}
.video-showcase .deck-power{width:24px;height:22px;position:relative;border:1px solid #0d130d;border-top-color:#696c5e;background:linear-gradient(#404638,#20251c);border-radius:3px;box-shadow:0 2px 2px #0007;color:#a6ab93;font-size:15px;padding:0;line-height:20px}
.video-showcase .deck-power i{position:absolute;left:9px;top:-5px;width:3px;height:2px;background:#9cbf7a;box-shadow:0 0 5px #9cbf7a}
.video-showcase .vhs-brand{color:#bebda6;font-size:14px;font-weight:800;letter-spacing:-1px;line-height:1}
.video-showcase .vhs-brand>span{display:block;font-size:4px;letter-spacing:1px;margin-top:5px;font-weight:500;color:#9d9f8b}
.video-showcase .deck-transport{display:flex;gap:5px;margin-left:auto}
.video-showcase .deck-transport button{height:23px;width:32px;border:1px solid #11160f;border-top-color:#737668;border-radius:2px;background:linear-gradient(#505446,#2c3227);box-shadow:0 2px 1px #0007;color:#b8bcaa;font-size:11px;padding:0;transition:filter .2s,transform .2s}
.video-showcase .deck-transport button:hover,.video-showcase .deck-power:hover{filter:brightness(1.3)}
.video-showcase .deck-transport button:active{transform:translateY(1px);box-shadow:none}
.video-showcase .deck-screw{position:absolute;top:8px;width:4px;height:4px;border-radius:50%;background:linear-gradient(45deg,#171c13 43%,#8b8d7b 45% 56%,#171c13 58%);border:1px solid #14190f;box-shadow:0 1px #ffffff12}
.video-showcase .screw-left{left:5px}
.video-showcase .screw-right{right:5px}
.video-showcase .player-feet{height:6px;width:85%;border-left-width:20px;border-right-width:20px;filter:drop-shadow(0 3px 2px #000)}
.video-showcase .cable{height:145px;bottom:30px;right:-29px;stroke-width:3}
.video-showcase .library{align-self:center}
.video-showcase .library-header{margin-bottom:22px}
.video-showcase .tape-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px;perspective:900px}
.video-showcase .vhs-case{display:block;position:relative;width:100%;min-width:0;aspect-ratio:1.7;border:0;background:none;padding:0;text-align:left;transform:rotateY(-7deg) rotateX(5deg);transition:transform .35s,filter .35s;filter:brightness(.82)}
.video-showcase .vhs-case:after{content:'';position:absolute;left:-8px;right:-8px;bottom:-10px;height:7px;background:linear-gradient(#8b7b61,#51452f 25%,#312c22 78%,#807055);box-shadow:0 8px 12px #000a;z-index:-1;border-radius:1px}
.video-showcase .vhs-case:hover,.video-showcase .vhs-case[aria-pressed=true]{transform:rotateY(0) rotateX(0) translateY(-5px);filter:brightness(1.06)}
.video-showcase .vhs-case[aria-pressed=true] .tape-shell{box-shadow:inset 0 0 0 1px #c4a47c66,inset 0 3px 2px #ffffff18,3px 7px 12px #000b,0 0 20px #c4a47c14}
.video-showcase .tape-shell{position:absolute;inset:0;display:block;border:1px solid #454640;border-bottom:4px solid #131511;border-right:3px solid #151812;border-radius:5px;background:repeating-linear-gradient(90deg,#ffffff02 0 1px,transparent 1px 3px),linear-gradient(125deg,#31342d,#191d18 42%,#30342b);box-shadow:inset 0 0 0 2px #171a15,inset 0 3px 2px #ffffff18,3px 7px 12px #000b;transition:opacity .3s}
.video-showcase .is-loaded .tape-shell{opacity:.23}
.video-showcase .tape-ridge{position:absolute;left:7%;right:7%;height:6%;top:3%;border-radius:2px;background:repeating-linear-gradient(0deg,#090c09 0 1px,#30372b 1px 3px)}
.video-showcase .tape-art{position:absolute;left:8%;right:8%;top:12%;height:39%;overflow:hidden;border:1px solid #0d100b;border-radius:2px;box-shadow:0 1px #8d927542}
.video-showcase .tape-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.65);pointer-events:none}
.video-showcase .tape-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000d,#0003 90%),linear-gradient(0deg,#0009,transparent)}
.video-showcase .tape-art strong{position:absolute;left:6%;right:6%;top:13%;font-size:clamp(7px,.8vw,11px);line-height:1.17;font-weight:800;letter-spacing:-.15px;color:#eee8db;max-width:85%;text-shadow:0 1px 2px #000}
.video-showcase .tape-art>small{position:absolute;bottom:8%;left:6%;font-size:4px;letter-spacing:1px;color:#ccbfa8}
.video-showcase .tape-window{position:absolute;left:8%;right:8%;top:56%;height:29%;border:1px solid #090c08;border-bottom-color:#4a5042;border-radius:3px;background:linear-gradient(120deg,#777f6640,transparent 38% 61%,#96a28622),#101510;box-shadow:inset 0 2px 4px #0009;display:flex;align-items:center;justify-content:space-around;padding:0 5%}
.video-showcase .spool{height:85%;aspect-ratio:1;border:1px solid #626956;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,#25261b 0 1px,#343423 1px 2px);box-shadow:0 0 0 2px #0b0e08;display:block}
.video-showcase .spool:before{content:'';position:absolute;inset:24%;border-radius:50%;background:repeating-conic-gradient(#b0b3a2 0 23deg,#3b4435 24deg 54deg,#b0b3a2 55deg 60deg);border:2px solid #989f8b;box-shadow:0 0 0 1px #0a1008}
.video-showcase .spool:after{content:'';position:absolute;inset:43%;border-radius:50%;background:#12170e;box-shadow:0 0 0 1px #999f8c}
.video-showcase .tape-center{text-align:center;color:#bdbba0;line-height:1}
.video-showcase .tape-center b{font-size:10px;font-style:italic;border:1px solid #aaa990;padding:0 3px;letter-spacing:-.5px}
.video-showcase .tape-center small{display:block;font-size:3px;letter-spacing:.7px;margin-top:5px}
.video-showcase .tape-bottom{position:absolute;bottom:4%;left:11%;right:11%;display:flex;justify-content:space-between;font-size:3px;letter-spacing:.8px;color:#949b83}
.video-showcase .tape-screw{position:absolute;width:3px;height:3px;border-radius:50%;background:linear-gradient(45deg,#0a0e07 43%,#858c75 45% 56%,#0a0e07 58%);box-shadow:0 1px #757d6544}
.video-showcase .tl{top:5%;left:3%}
.video-showcase .tr{top:5%;right:3%}
.video-showcase .bl{bottom:5%;left:3%}
.video-showcase .br{bottom:5%;right:3%}
.video-showcase .tape-flying{position:fixed;z-index:100;pointer-events:none;filter:drop-shadow(0 15px 20px #000a);transform-origin:center;will-change:transform,opacity}
.video-showcase .tape-flying .tape-shell{opacity:1}
.video-showcase .tape-flying .spool:before{animation:spin 2s linear infinite}
.video-showcase .tracking-icon{width:54px;height:30px;border:1px solid #c4a47c55;border-radius:3px;position:relative;background:repeating-linear-gradient(0deg,transparent 0 3px,#c4a47c11 3px 4px)}
.video-showcase .tracking-icon:before,.video-showcase .tracking-icon:after{content:'';position:absolute;top:7px;left:6px;width:13px;height:13px;border:2px dashed var(--tan);border-radius:50%;animation:spin 1.2s linear infinite}
.video-showcase .tracking-icon:after{left:auto;right:6px}
.video-showcase #loading-screen:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff05 3px 4px);pointer-events:none}
.video-showcase .is-loading #loading-screen{background:linear-gradient(0deg,#0f141080,#252e2040,#101510),#090a08}
@media(min-width:1600px){.video-showcase .cinema-layout{gap:70px}
.video-showcase .tape-art strong{font-size:14px}
.video-showcase .tape-art>small{font-size:6px}
.video-showcase .tape-shelf{gap:30px 22px}
.video-showcase .deck-face{padding:18px 24px 14px}
.video-showcase .tape-slot{height:43px}
.video-showcase .vfd{height:53px}
.video-showcase .vfd #led{font-size:17px;line-height:23px}
}
@media(max-width:1100px){.video-showcase .cinema-layout{gap:26px}
.video-showcase .equipment{width:96%}
.video-showcase .deck-face{padding:10px 12px 8px}
.video-showcase .deck-upper{gap:9px}
.video-showcase .tape-slot{padding:0 8px}
.video-showcase .tape-slot span{letter-spacing:.6px;font-size:4px}
.video-showcase .tape-shelf{gap:23px 13px}
.video-showcase .vfd #led{font-size:11px;letter-spacing:1.5px}
}
@media(max-width:800px){.video-showcase .cinema-layout{grid-template-columns:1fr;gap:44px}
.video-showcase .equipment{width:84%}
.video-showcase .tape-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}
.video-showcase .tape-art strong{font-size:9px}
.video-showcase .vfd #led{font-size:14px}
.video-showcase .deck-face{padding:14px 18px 10px}
}
@media(max-width:560px){.video-showcase .cinema-layout{gap:32px}
.video-showcase .equipment{width:96%;margin-top:12px}
.video-showcase .deck-face{padding:10px 12px 8px}
.video-showcase .deck-upper{gap:10px}
.video-showcase .tape-slot{height:29px}
.video-showcase .vfd{height:42px;padding:4px 6px}
.video-showcase .vfd #led{font-size:11px;line-height:16px}
.video-showcase .vfd-meta{font-size:4px}
.video-showcase .vfd-meta i{font-size:3px}
.video-showcase .vhs-brand{font-size:12px}
.video-showcase .vhs-brand>span{font-size:3px;letter-spacing:.6px}
.video-showcase .deck-lower{gap:10px;margin-top:7px;padding-top:7px}
.video-showcase .deck-transport button{width:28px;height:22px}
.video-showcase .deck-top{height:20px}
.video-showcase .vhs-deck{padding-top:16px}
.video-showcase .cable{height:115px;right:-10px}
.video-showcase .tape-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
.video-showcase .tape-art strong{font-size:9px}
.video-showcase .tape-art>small{font-size:4px}
.video-showcase .tape-center b{font-size:9px}
.video-showcase .library-header{margin-bottom:20px}
.video-showcase .library-foot{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.video-showcase .tape-flying{will-change:auto}
}

.video-showcase .hero-layout{padding-top:40px;padding-bottom:70px;min-height:560px}
.video-showcase .hero h1{font-size:clamp(80px,8.8vw,138px);line-height:.98;margin:0 0 38px}
.video-showcase .hero-copy .primary-link{margin-top:0}
.video-showcase .hero-top>span:last-child{display:none}
.video-showcase .hero-top{padding-top:33px}
.video-showcase .edit-desk{padding-top:8px}
.video-showcase .hero{border-bottom:1px solid var(--line)}
.video-showcase .hero-reel-top{font-size:0}
.video-showcase .hero-reel-top>span{font-size:12px}
.video-showcase .editor-bar>span:nth-child(2){font-size:0}
.video-showcase .editor-bar>span:nth-child(2):after{content:'•';font-size:8px;color:var(--tan)}
.video-showcase .editor-bottom>span:last-child{font-size:0}
.video-showcase .edit-scopes{display:flex;align-items:center;justify-content:flex-end;gap:14px;position:absolute;bottom:-37px;right:23px;opacity:.65;pointer-events:none}
.video-showcase .color-wheel{display:block;width:33px;height:33px;border-radius:50%;background:radial-gradient(circle,#24271fcc 0 34%,transparent 35%),conic-gradient(#b29870,#a76f68,#847a9a,#6c92a5,#7e9b80,#b29870);border:3px solid #33372f;box-shadow:0 0 0 1px #b5a48644,inset 0 0 6px #000}
.video-showcase .wheel-two{filter:saturate(.6);width:27px;height:27px}
.video-showcase .scope-wave{width:84px;height:28px;background:repeating-linear-gradient(90deg,transparent 0 3px,#bda57b 3px 4px);clip-path:polygon(0 47%,5% 30%,10% 38%,15% 8%,20% 24%,25% 40%,30% 11%,35% 0,40% 35%,45% 40%,50% 16%,55% 35%,60% 40%,65% 3%,70% 29%,75% 38%,80% 24%,85% 35%,90% 15%,95% 40%,100% 45%,100% 55%,95% 63%,90% 85%,85% 64%,80% 77%,75% 64%,70% 72%,65% 98%,60% 60%,55% 67%,50% 84%,45% 62%,40% 69%,35% 100%,30% 90%,25% 62%,20% 75%,15% 95%,10% 65%,5% 72%,0 54%)}
.video-showcase .section-heading h2{font-size:clamp(38px,4.5vw,66px);margin:17px 0 0}
.video-showcase .section-heading .eyebrow{font-size:0;gap:0}
.video-showcase .section-num{font-size:9px}
.video-showcase .reels-section{padding-top:75px}
.video-showcase .reel-scene{padding-top:0}
.video-showcase .reel-position>small{display:none}
.video-showcase .cinema{padding-top:66px}
.video-showcase .cinema-room{margin-top:35px}
.video-showcase .cinema-layout{padding-top:18px;padding-bottom:20px}
.video-showcase .library-foot{font-size:9px;letter-spacing:.1px;color:#b4a58c;justify-content:flex-start;gap:13px}
.video-showcase .library-foot svg{width:16px;height:16px;opacity:.6}
.video-showcase .library-foot>span:last-child{font-size:inherit}
.video-showcase .vhs-case{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.video-showcase .vhs-case:active{cursor:grabbing}
.video-showcase .vhs-case.is-dragging .tape-shell{opacity:.2}
body.dragging-tape .video-showcase,body.dragging-tape .video-showcase *{cursor:grabbing!important;user-select:none}
.video-showcase .vhs-deck{transition:filter .2s}
body.dragging-tape .video-showcase .vhs-deck{filter:drop-shadow(0 0 13px #c4a47c44)}
.video-showcase .can-drop .vhs-deck{filter:drop-shadow(0 0 20px #c4a47c88)}
.video-showcase .can-drop .tape-slot{outline:1px solid #e4c99c;outline-offset:4px}
.video-showcase .can-drop .tape-slot>span:not(.slot-darkness),.video-showcase .can-drop .tape-slot>b{color:#eee4d5}
.video-showcase .tape-slot{isolation:isolate;transform:none!important;transition:box-shadow .3s}
.video-showcase .slot-darkness{position:absolute;inset:0;z-index:-1;background:#060a05;opacity:0;transition:opacity .25s}
.video-showcase .is-inserting .tape-slot{background:#080c07;box-shadow:inset 0 6px 9px #000,0 1px #ffffff20}
.video-showcase .is-inserting .slot-darkness{opacity:1}
.video-showcase .is-inserting .tape-slot>span:not(.slot-darkness),.video-showcase .is-inserting .tape-slot>b{opacity:0;transition:opacity .2s}
.video-showcase .tape-flying{perspective:850px;filter:none;transform-style:preserve-3d;z-index:80}
.video-showcase .tape-solid{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 50%;width:100%;height:100%}
.video-showcase .tape-face,.video-showcase .tape-edge{position:absolute;backface-visibility:hidden}
.video-showcase .tape-front{inset:0;transform:translateZ(var(--half-depth))}
.video-showcase .tape-back{inset:0;transform:rotateY(180deg) translateZ(var(--half-depth));border:1px solid #484b40;border-radius:4px;background:repeating-linear-gradient(90deg,#171c14 0 3px,#20281b 3px 4px);box-shadow:inset 0 0 0 8px #20271c}
.video-showcase .tape-edge{border:1px solid #3d4535;background:repeating-linear-gradient(90deg,#2b3225 0 2px,#242b1f 2px 4px)}
.video-showcase .tape-edge-top,.video-showcase .tape-edge-bottom{width:100%;height:var(--tape-depth);left:0;top:calc(50% - var(--half-depth))}
.video-showcase .tape-edge-top{transform:rotateX(90deg) translateZ(calc(var(--tape-height)/2));background:#414736}
.video-showcase .tape-edge-bottom{transform:rotateX(-90deg) translateZ(calc(var(--tape-height)/2));display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 7%;background:linear-gradient(#313829,#121a0f);font-size:6px;color:#b8b79c;white-space:nowrap;overflow:hidden}
.video-showcase .tape-edge-bottom>span:first-child{font-weight:800;font-style:italic;font-size:8px}
.video-showcase .tape-edge-left,.video-showcase .tape-edge-right{width:var(--tape-depth);height:100%;top:0;left:calc(50% - var(--half-depth))}
.video-showcase .tape-edge-left{transform:rotateY(-90deg) translateZ(calc(var(--tape-width)/2))}
.video-showcase .tape-edge-right{transform:rotateY(90deg) translateZ(calc(var(--tape-width)/2));background:#414937}
.video-showcase .tape-flying .tape-shell{box-shadow:inset 0 0 0 2px #171a15,inset 0 3px 2px #ffffff18;border-bottom-width:1px;border-right-width:1px}
.video-showcase .tape-flying:not(.tape-entering):after{content:'';position:absolute;inset:20% 4% -12%;background:#0006;filter:blur(18px);transform:translateZ(-35px);z-index:-1}
.video-showcase .tape-entering{transform:none!important;overflow:hidden;clip-path:inset(var(--slot-clip) 0 0);perspective:850px;transform-style:flat}
.video-showcase .tape-entering .tape-solid{inset:auto}
.video-showcase .tape-flying .spool:before{animation:none}
.video-showcase footer{background:#171813;color:var(--cream);padding:0;border-top:1px solid #c4a47c40}
.video-showcase footer:before{display:none}
.video-showcase .contact-main{padding:54px 0 48px;display:grid;grid-template-columns:1fr 3fr;align-items:center;gap:35px}
.video-showcase .contact-label{display:flex;align-items:center;gap:28px}
.video-showcase .contact-label .eyebrow{font-size:12px;letter-spacing:.4px;color:var(--tan)}
.video-showcase .contact-wave{width:70px;height:26px;background:repeating-linear-gradient(90deg,#c4a47c88 0 2px,transparent 2px 5px);clip-path:polygon(0 45%,7% 33%,14% 45%,21% 13%,28% 33%,35% 0,42% 38%,49% 24%,56% 40%,63% 12%,70% 38%,77% 25%,84% 40%,91% 32%,100% 46%,100% 54%,91% 68%,84% 60%,77% 75%,70% 62%,63% 88%,56% 60%,49% 76%,42% 62%,35% 100%,28% 67%,21% 87%,14% 55%,7% 67%,0 55%)}
.video-showcase .contact-email{display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--tan);padding:15px 0;font-size:clamp(24px,3.7vw,57px);font-weight:600;letter-spacing:-.045em;line-height:1.2;border-bottom:1px solid #c4a47c55;transition:color .25s}
.video-showcase .contact-email svg{width:37px;height:37px;flex-shrink:0;transition:transform .25s}
.video-showcase .contact-email:hover{color:#e6cfaa}
.video-showcase .contact-email:hover svg{transform:translate(4px,-4px)}
.video-showcase .footer-bottom{border-top:1px solid var(--line);padding:23px 0}
.video-showcase .footer-bottom .brand{font-size:15px}
.video-showcase .socials{color:#aaa89d}
.video-showcase .footer-bottom>.meta{color:#7c8072}
@media(max-width:800px){.video-showcase .hero-layout{min-height:460px;padding-bottom:70px}
.video-showcase .hero h1{font-size:11vw}
.video-showcase .contact-main{grid-template-columns:1fr;gap:12px;padding:38px 0}
.video-showcase .contact-label{justify-content:space-between}
.video-showcase .contact-email{font-size:6vw}
.video-showcase .tape-edge-bottom{font-size:5px}
}
@media(max-width:560px){.video-showcase .hero-layout{padding:39px 0 60px;gap:0}
.video-showcase .hero h1{font-size:23vw;margin-bottom:26px}
.video-showcase .hero-copy{padding-bottom:43px}
.video-showcase .edit-desk{padding-top:12px}
.video-showcase .edit-scopes{bottom:-29px;gap:10px}
.video-showcase .color-wheel{width:25px;height:25px}
.video-showcase .wheel-two{width:21px;height:21px}
.video-showcase .scope-wave{height:22px;width:65px}
.video-showcase .reels-section{padding-top:43px}
.video-showcase .section-heading h2{font-size:37px}
.video-showcase .cinema{padding-top:43px}
.video-showcase .cinema-room{margin-top:25px}
.video-showcase .library-foot{font-size:9px;gap:10px}
.video-showcase .library-foot svg{transform:rotate(90deg)}
.video-showcase .contact-main{padding:30px 0}
.video-showcase .contact-label .eyebrow{font-size:11px}
.video-showcase .contact-email{font-size:7vw;gap:12px}
.video-showcase .contact-email svg{width:25px;height:25px}
.video-showcase .footer-bottom{gap:22px 15px}
.video-showcase .footer-bottom>.meta{width:auto}
.video-showcase .socials{font-size:9px;gap:15px}
.video-showcase .footer-bottom .brand{font-size:13px}
.video-showcase .hero-top{padding-top:24px}
.video-showcase .tape-edge-bottom>span:first-child{font-size:6px}
}

.video-showcase{font-family:Manrope,Arial,sans-serif;color:var(--cream);-webkit-font-smoothing:antialiased;line-height:normal;letter-spacing:normal}.video-showcase .cinema-room{margin-top:0}.video-showcase svg.svg-defs{position:absolute;width:0;height:0;overflow:hidden}#showcase-overlay{pointer-events:none}.short-showcase{overflow:hidden;position:relative}

/* Unboxed cinema, charcoal hardware and the site's tan accents. */
.video-showcase{--bg:#0e0e0e;--panel:#1b1b1b;--tan:var(--accent);--cream:#f7f7f7;--muted:#a7a7a7;--line:#ffffff17}
.video-showcase .cinema-room{border:0;border-radius:0;padding:0;margin:0;background:none;box-shadow:none}
.video-showcase .cinema-layout{padding:10px 0 20px}
.video-showcase .tv{background:linear-gradient(150deg,#64615d,#171717 28%,#333230 75%,#171717);border-color:#514c46;box-shadow:0 15px 45px #0009}
.video-showcase .tv-bezel>i{background:var(--tan);box-shadow:0 0 5px #c4a47c55}
.video-showcase .tv-stand{background:linear-gradient(90deg,transparent 31%,#121212 31%,#343230 65%,transparent 65%)}
.video-showcase .tv-stand:after{background:linear-gradient(90deg,#252525,#77716a,#171717)}
.video-showcase .deck-top{background:linear-gradient(110deg,#3e3e3e,#202020 45%,#484644);border-color:#605b55}
.video-showcase .deck-top span{background:repeating-linear-gradient(90deg,#111 0 2px,transparent 2px 5px)}
.video-showcase .deck-face{border-color:#5c5751;border-top-color:#81766a;border-bottom-color:#111;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,#00000003 1px 2px),linear-gradient(100deg,#3b3b3b,#252525 37%,#383735 80%,#242424)}
.video-showcase .tape-slot{border-color:#121212;border-bottom-color:#60594f;background:linear-gradient(#202020,#2d2d2d 15%,#333230 82%,#242424)}
.video-showcase .tape-slot span{color:#a59a8b}.video-showcase .tape-slot b{color:#c4b294;border-color:#a39580}
.video-showcase .vfd{background:linear-gradient(115deg,#28231d,#0e0d0b 55%,#1e1a15);border-color:#191613;border-bottom-color:#6e6050;color:#d9bb94;text-shadow:0 0 6px #c4a47c55}
.video-showcase .vfd .led-bars i{background:var(--tan)}
.video-showcase .deck-lower{border-top-color:#08080870}.video-showcase .deck-power,.video-showcase .deck-transport button{border-color:#111;border-top-color:#6b6257;background:linear-gradient(#45423e,#252321);color:#d2bea1}
.video-showcase .deck-power i{background:var(--tan);box-shadow:0 0 5px #c4a47c77}.video-showcase .vhs-brand{color:#c4b294}.video-showcase .vhs-brand>span{color:#a19585}
.video-showcase .tape-shell{border-color:#43413e;border-bottom-color:#111;border-right-color:#151515;background:repeating-linear-gradient(90deg,#ffffff02 0 1px,transparent 1px 3px),linear-gradient(125deg,#303030,#191919 42%,#2d2c2a)}
.video-showcase .tape-ridge{background:repeating-linear-gradient(0deg,#090909 0 1px,#303030 1px 3px)}
.video-showcase .tape-window{border-color:#090909;border-bottom-color:#49433b;background:linear-gradient(120deg,#a08d7040,transparent 38% 61%,#baa48022),#101010}
.video-showcase .spool{border-color:#6b6051;background:repeating-radial-gradient(circle,#25221e 0 1px,#34302a 1px 2px);box-shadow:0 0 0 2px #0b0b0b}
.video-showcase .spool:before{background:repeating-conic-gradient(#bdb09d 0 23deg,#46413a 24deg 54deg,#bdb09d 55deg 60deg);border-color:#a69884}
.video-showcase .spool:after{background:#171513;box-shadow:0 0 0 1px #ad9a7e}.video-showcase .tape-center{color:#c4b294}.video-showcase .tape-center b{border-color:#a99a84}.video-showcase .tape-bottom{color:#a79883}
.video-showcase .tape-back{border-color:#48433d;background:repeating-linear-gradient(90deg,#171717 0 3px,#202020 3px 4px);box-shadow:inset 0 0 0 8px #222}
.video-showcase .tape-edge{border-color:#45403a;background:repeating-linear-gradient(90deg,#2e2b27 0 2px,#252525 2px 4px)}
.video-showcase .tape-edge-top,.video-showcase .tape-edge-right{background:#45413b}.video-showcase .tape-edge-bottom{background:linear-gradient(#37322b,#171513);color:#c4b294}
.video-showcase .slot-darkness,.video-showcase .is-inserting .tape-slot{background:#070707}
.video-showcase .is-loading #loading-screen{background:linear-gradient(0deg,#14121080,#2e282040,#151311),#090909}

/* Tactile cassette library and illuminated transport. */
.video-showcase .cinema-layout{align-items:start;gap:36px}
.video-showcase .theater{position:sticky;top:110px}
.video-showcase .tv{padding:12px 12px 0;border-radius:17px;background:linear-gradient(145deg,#655e53,#262522 9%,#131313 45%,#39352f);box-shadow:inset 0 1px #c4a47c55,0 24px 60px #0009,0 0 60px #c4a47c08}
.video-showcase .tv-screen{border-radius:8px}
.video-showcase .tv-screen:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(transparent 0 3px,#00000010 3px 4px);opacity:.45}
.video-showcase .is-playing .tv-screen:after{display:none}
.video-showcase .tv-bezel{padding:13px 8px;letter-spacing:2px;color:#a59b8d}
.video-showcase .screen-info h3{font-size:clamp(20px,2.3vw,34px);max-width:95%;text-wrap:balance}
.video-showcase .insert{border-radius:6px;background:var(--tan);color:#171513;border:1px solid #dec5a3;box-shadow:0 4px 16px #0005;min-height:44px;padding:12px 17px;font-weight:700}
.video-showcase .insert:hover{background:#ddc2a0;transform:translateY(-2px)}
.video-showcase .library{align-self:start;max-width:none;min-width:0}
.video-showcase .library-header{font-size:10px;letter-spacing:1.6px;border-bottom:1px solid #c4a47c30;padding-bottom:16px;margin-bottom:20px}
.video-showcase .tape-shelf{padding:12px 12px 22px;gap:54px 20px;max-height:650px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#8e775a #181716;scroll-padding:15px}
.video-showcase .vhs-case{filter:brightness(.88);margin-bottom:26px;transform:perspective(800px) rotateX(6deg) rotateY(-6deg)}
.video-showcase .vhs-case:after{bottom:-8px;background:linear-gradient(#4e4941,#242321 40%,#141414);box-shadow:0 8px 14px #000b}
.video-showcase .vhs-case:before{content:attr(data-number);position:absolute;left:-7px;top:-8px;background:#28241e;color:#e5cba8;border:1px solid #877154;font:600 10px monospace;z-index:4;padding:4px 6px;border-radius:3px;box-shadow:0 2px 8px #0006}
.video-showcase .vhs-case[aria-pressed=true]:before{background:var(--tan);color:#181510}
.video-showcase .vhs-case:hover,.video-showcase .vhs-case:focus-visible{transform:perspective(800px) rotateX(-4deg) rotateY(4deg) translateY(-6px);filter:brightness(1.15)}
.video-showcase .vhs-case:focus-visible{outline:2px solid var(--tan);outline-offset:6px}
.video-showcase .tape-caption{position:absolute;top:calc(100% + 13px);left:0;right:0;display:block;color:#aaa39a;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-showcase .vhs-case[aria-pressed=true] .tape-caption{color:#e3c8a6}
.video-showcase .tape-art{border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff20}
.video-showcase .tape-art strong{font-size:clamp(8px,.85vw,12px);line-height:1.15;text-shadow:0 1px 5px #000}
.video-showcase .vhs-case[aria-pressed=true] .spool:before{animation:reel-turn 7s linear infinite}
.video-showcase .vhs-case:hover .spool:before{animation:reel-turn 2s linear infinite}
.video-showcase .deck-face{box-shadow:inset 0 1px #ffffff25,inset 0 -4px #0008,0 12px 20px #0009;border-radius:0 0 7px 7px}
.video-showcase .deck-transport button{min-width:36px;min-height:32px;transition:filter .2s,transform .2s}
.video-showcase .deck-transport button:hover{filter:brightness(1.4);transform:translateY(-1px)}
.video-showcase .is-playing .vfd{box-shadow:inset 0 0 15px #000,0 0 18px #c4a47c20}
.video-showcase .is-playing .led-bars i{animation:level-pulse .8s ease-in-out infinite alternate;transform-origin:bottom}
.video-showcase .is-playing .led-bars i:nth-child(2n){animation-delay:-.45s}.video-showcase .is-playing .led-bars i:nth-child(3n){animation-delay:-.2s}
.video-showcase .film-navigation{display:flex;align-items:center;justify-content:center;gap:22px;margin:18px 0 6px;color:#c4a47c;font:11px monospace;letter-spacing:2px}
.video-showcase .film-navigation button{width:44px;height:38px;border:1px solid #c4a47c40;border-radius:5px;background:#201d19;color:#e5cbaa;font-size:20px}
.video-showcase .film-navigation button:hover{background:#41372b}
.video-showcase .selection-flash #film-poster{animation:picture-tune .45s ease-out}
.video-showcase .library-foot{padding-top:15px;border-top:1px solid #c4a47c20;font-size:10px;margin-top:15px;color:#c4b49e}
@keyframes reel-turn{to{transform:rotate(360deg)}}
@keyframes level-pulse{from{transform:scaleY(.3);opacity:.5}to{transform:scaleY(1);opacity:1}}
@keyframes picture-tune{0%{opacity:.3;filter:brightness(1.7) saturate(0)}100%{opacity:1}}
@media(max-width:800px){.video-showcase .theater{position:relative;top:auto}.video-showcase .tape-shelf{max-height:none;overflow:visible}.video-showcase .library{max-width:none}.video-showcase .tape-art strong{font-size:10px}}
@media(max-width:560px){.video-showcase .cinema-layout{gap:28px}.video-showcase .tv{padding:8px 8px 0;border-radius:12px}.video-showcase .tv-bezel{font-size:6px;padding:10px 4px}.video-showcase .tape-shelf{gap:47px 18px;padding:10px 6px 18px}.video-showcase .tape-caption{font-size:9px}.video-showcase .screen-info h3{font-size:20px}.video-showcase .insert{padding:9px 12px}.video-showcase .tape-art strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){.video-showcase .vhs-case .spool:before,.video-showcase .is-playing .led-bars i,.video-showcase .selection-flash #film-poster{animation:none}.video-showcase .vhs-case{transition:none}}

@media(max-width:800px){.video-showcase .vhs-case{touch-action:pan-y}}
/* Readable labels, physical materials, and a touch-friendly tape rail. */
.video-showcase .tape-shelf{gap:72px 24px;padding:18px 16px 86px;max-height:660px}
.video-showcase .vhs-case{margin-bottom:40px}
.video-showcase .tape-caption{top:calc(100% + 16px);white-space:normal;overflow:visible;font-size:13px;line-height:1.4;letter-spacing:0;color:#eee7df}
.video-showcase .case-title{display:block;font-weight:600;min-height:2.8em;text-wrap:balance}
.video-showcase .tape-caption small{display:block;margin-top:5px;font-size:11px;color:#a69c8d}
.video-showcase .tape-art strong{top:auto;bottom:14%;font-size:10px;font-weight:700;letter-spacing:.3px}
.video-showcase .tape-art>small{display:none}
.video-showcase .tape-art{height:41%;border:1px solid #d8cab72b;background:#171511}
.video-showcase .tape-art img{filter:saturate(.82);object-position:center 40%}
.video-showcase .tape-art-shade{background:linear-gradient(0deg,#000c,transparent 90%)}
.video-showcase .tape-shell{background:repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(155deg,#41403c,#191918 35%,#292825 80%,#4d4840);border-top-color:#8c8273;border-left-color:#5b554c;box-shadow:inset 0 1px 1px #ffffff30,inset 0 0 0 3px #161513,4px 8px 14px #0009}
.video-showcase .tape-shell:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 20%,#ffffff0a 38%,transparent 50%);pointer-events:none}
.video-showcase .tape-window{box-shadow:inset 0 3px 7px #000,inset 0 -1px #c4a47c44;background:linear-gradient(120deg,#e1c49a30,transparent 40% 58%,#dec09a15),#0d0d0c}
.video-showcase .drag-grip{position:absolute;right:-9px;bottom:-9px;z-index:5;width:38px;height:38px;display:grid;place-items:center;border:1px solid #8e775a;border-radius:8px;background:linear-gradient(#4c4235,#25211c);box-shadow:0 3px 8px #0008;color:#e5c9a3;font-size:25px;touch-action:none;cursor:grab}
.video-showcase .drag-grip:active{cursor:grabbing;background:#65513a}
.video-showcase .vhs-case[aria-pressed=true] .spool:before,.video-showcase .vhs-case:hover .spool:before{animation:none}
.video-showcase .vhs-case.is-running .spool:before{animation:reel-turn 2s linear infinite}
.video-showcase .is-loaded .tape-shell{opacity:.28}.video-showcase .is-loaded .tape-caption{opacity:.65}
.video-showcase .is-playing .led-bars i{animation:none;opacity:.25;transform:scaleY(.3)}
.video-showcase .is-running .led-bars i{animation:level-pulse .8s ease-in-out infinite alternate}
.video-showcase .is-running .led-bars i:nth-child(2n){animation-delay:-.45s}.video-showcase .is-running .led-bars i:nth-child(3n){animation-delay:-.2s}
.video-showcase .deck-face{background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#00000004 1px 3px),linear-gradient(105deg,#4b4841,#242321 33%,#37342f 75%,#25221e);box-shadow:inset 0 1px #ffffff40,inset 0 -5px #0008,0 15px 24px #0009}
.video-showcase .deck-top{background:repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(150deg,#5b554b,#242321 65%)}
.video-showcase .vfd{position:relative;box-shadow:inset 0 0 15px #000;border:1px solid #0a0907;border-bottom-color:#8b775e}
.video-showcase .vfd:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#ffffff0d,transparent 40%)}
.video-showcase .deck-readout{display:flex;justify-content:space-between;align-items:center;gap:7px;white-space:nowrap}
.video-showcase #deck-time{font:clamp(11px,1.4vw,19px) monospace;color:#e5ca9f;letter-spacing:1px;font-variant-numeric:tabular-nums}
.video-showcase #led{font-size:clamp(9px,1vw,14px)}
.video-showcase .slot-flap{position:absolute;inset:0;z-index:2;pointer-events:none;transform-origin:top;background:linear-gradient(#34312c,#25221e);border-top:1px solid #7a7062;border-bottom:1px solid #17130e;transition:transform .2s,opacity .2s}
.video-showcase .tape-slot>span:not(.slot-darkness),.video-showcase .tape-slot>b{position:relative;z-index:3;pointer-events:none}
.video-showcase .is-inserting .slot-flap,.video-showcase .can-drop .slot-flap{transform:perspective(180px) rotateX(80deg);opacity:.3}
.video-showcase .can-drop .vhs-deck{filter:drop-shadow(0 0 13px #c4a47c55)}
.video-showcase .deck-transport button:active,.video-showcase .deck-power:active{transform:translateY(2px);box-shadow:inset 0 2px 5px #0009}
.video-showcase .tv-screen{min-height:200px}
.video-showcase .tv-screen:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(135deg,#ffffff0d,transparent 32%);border-radius:inherit;box-shadow:inset 0 0 14px #0006}
.video-showcase .is-playing .tv-screen:before{display:none}
.video-showcase .library-foot{line-height:1.6;max-width:100%;font-size:11px}
.video-showcase .theater-controls{gap:10px}.video-showcase #player-state{font-size:9px;line-height:1.4}
@media(max-width:800px){
 .video-showcase .cinema-layout{gap:24px}
 .video-showcase .library{min-width:0;width:100%}
 .video-showcase .library-header{margin-bottom:10px}
 .video-showcase .tape-shelf{display:flex;gap:24px;position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - 220px)/2);padding:24px max(16px,calc((100% - 220px)/2)) 105px;max-height:none;perspective:none;-webkit-overflow-scrolling:touch}
 .video-showcase .vhs-case{flex:0 0 220px;width:220px;height:130px;aspect-ratio:auto;margin:0;scroll-snap-align:center;transform:scale(.93);filter:brightness(.7);touch-action:pan-x pan-y}
 .video-showcase .vhs-case[aria-pressed=true]{transform:scale(1);filter:brightness(1.1)}
 .video-showcase .vhs-case:hover{transform:scale(1)}
 .video-showcase .tape-caption{text-align:center;font-size:14px;top:calc(100% + 16px)}
 .video-showcase .tape-caption small{font-size:11px}
 .video-showcase .drag-grip{width:44px;height:44px;right:-10px;bottom:-10px}
 .video-showcase .library-foot{margin-top:0;justify-content:center;text-align:center}.video-showcase .library-foot svg{display:none}
 .video-showcase .screen-info h3{font-size:clamp(19px,4vw,28px)}
}
@media(prefers-reduced-motion:reduce){.video-showcase .vhs-case.is-running .spool:before,.video-showcase .is-running .led-bars i{animation:none}.video-showcase .slot-flap{transition:none}}

/* Clean cassette corners; drag directly from the tape body. */
.video-showcase .vhs-case:before{display:none}
.video-showcase .case-title{white-space:pre-line}
.video-showcase .vhs-case .tape-shell{touch-action:none}

/* One page scroll and a grounded studio monitor. */
.video-showcase .theater{position:relative;top:auto;padding-top:0}
.video-showcase .tv{position:relative;z-index:3;padding:7px 7px 0;border:1px solid #5a554e;border-top-color:#80776b;border-radius:9px;background:linear-gradient(135deg,#393631,#171716 35%,#252320);box-shadow:inset 0 0 0 1px #ffffff0a,0 6px 12px #0006}
.video-showcase .tv-screen{border-radius:3px;outline:1px solid #050505}
.video-showcase .tv-bezel{height:24px;padding:7px 12px;display:flex;align-items:center;justify-content:space-between;color:#8d877d;font-size:6px;letter-spacing:1.5px;background:linear-gradient(#282623,#1c1b19);border-radius:0 0 6px 6px}
.video-showcase .tv-bezel>i{width:3px;height:3px;box-shadow:0 0 4px #c4a47c50}
.video-showcase .tv-stand{position:relative;z-index:4;width:36%;height:47px;margin:0 auto;background:none}
.video-showcase .tv-stand:before{content:'';position:absolute;top:-1px;bottom:6px;left:37%;right:37%;background:linear-gradient(90deg,#272522,#777066 42%,#4b463e 70%,#252320);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);box-shadow:inset 1px 0 #b8a78e40}
.video-showcase .tv-stand:after{content:'';position:absolute;left:0;right:0;bottom:0;height:9px;border-radius:3px 3px 5px 5px;background:linear-gradient(#756d61,#49443c 35%,#25231f 65%,#141310);border-top:1px solid #a1948055;box-shadow:0 3px 3px #000b;transform:none}
.video-showcase .equipment{margin:-7px auto 0;width:88%;position:relative}
.video-showcase .equipment:after{content:'';position:absolute;z-index:0;bottom:-6px;left:-5%;right:-5%;height:10px;border-top:1px solid #7c6d5740;border-radius:50%;background:#1b1916;box-shadow:0 8px 13px #0008}
.video-showcase .cable{display:none}
.video-showcase #deck-play{display:grid;place-items:center}
.video-showcase #deck-play svg{display:block;width:15px;height:15px;fill:currentColor;stroke:none}
@media(min-width:801px){
 .video-showcase .cinema-layout{align-items:start}
 .video-showcase .library{height:var(--player-height,580px);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
 .video-showcase .tape-shelf{min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;padding-bottom:86px;align-content:start;scrollbar-gutter:stable}
 .video-showcase .library-foot{margin-top:12px}
}
@media(max-width:800px){.video-showcase .tv{padding:6px 6px 0}.video-showcase .tv-stand{height:38px;width:38%}.video-showcase .equipment{width:94%;margin-top:-7px}.video-showcase .tv-bezel{height:21px;font-size:5px;padding:6px 9px}}

/* Modern desk: independent display, ceramic plant and lower tape shelf. */
.video-showcase .tv{width:94%;margin:0 auto;padding:5px 5px 0;background:linear-gradient(145deg,#424341,#171918 28%,#252725);border:1px solid #696c654d;border-radius:11px;box-shadow:inset 0 1px #ffffff18,0 8px 20px #0007}
.video-showcase .tv-screen{border-radius:6px 6px 2px 2px}
.video-showcase .tv-bezel{height:20px;background:linear-gradient(#252725,#1b1d1c);font-size:5px;letter-spacing:2px;color:#8c9088}
.video-showcase .tv-stand{height:54px;width:29%;margin:0 auto}
.video-showcase .tv-stand:before{left:42%;right:42%;clip-path:none;background:linear-gradient(90deg,#414440,#a1a39a 45%,#64685f 80%,#383b36)}
.video-showcase .tv-stand:after{height:6px;border-radius:50% 50% 3px 3px;background:linear-gradient(#9a9d92,#51564d);border-top-color:#b8beb088}
.video-showcase .studio-desk{height:13px;position:relative;z-index:4;background:linear-gradient(#aa9274,#74604a 27%,#43392e 77%,#24201b);border-radius:4px;box-shadow:0 5px 12px #0008;isolation:isolate}
.video-showcase .studio-desk>span:before,.video-showcase .studio-desk>span:after{content:'';position:absolute;top:100%;width:8px;height:155px;background:linear-gradient(90deg,#1e2220,#41463f,#1b1e1b);z-index:-1}
.video-showcase .studio-desk>span:before{left:3%}.video-showcase .studio-desk>span:after{right:3%}
.video-showcase svg.studio-plant{position:absolute;bottom:5px;right:4%;width:65px;height:102px;overflow:visible;pointer-events:none;fill:none;stroke:none;filter:drop-shadow(4px 4px 5px #0006)}
.video-showcase .equipment{width:86%;margin:18px auto 0}
.video-showcase .equipment:after{left:-6%;right:-6%;bottom:-4px;height:8px;border-radius:2px;background:linear-gradient(#4c4236,#24211c);border-top:1px solid #8a786044;box-shadow:0 8px 13px #0007}
.video-showcase .vhs-deck{padding-top:10px;filter:drop-shadow(0 5px 7px #0008)}
.video-showcase .deck-top{height:14px;left:2%;right:2%;background:linear-gradient(120deg,#464a44,#222622);border-color:#71766b66;border-radius:7px 7px 0 0;transform:none}
.video-showcase .deck-top span{height:5px;top:3px;opacity:.35}
.video-showcase .deck-face{border-radius:7px;border:1px solid #686d6255;border-top-color:#8a908066;background:linear-gradient(125deg,#333831,#252923 60%,#30362e);box-shadow:inset 0 1px #ffffff0d,0 3px 6px #0007;padding:15px 16px 13px}
.video-showcase .deck-screw{display:none}
.video-showcase .deck-lower{border-top:0;box-shadow:none;margin-top:10px;padding-top:4px}
.video-showcase .vhs-brand{font-size:12px;letter-spacing:.5px;color:#c9bcaa}
.video-showcase .vhs-brand>span{font-size:4px;letter-spacing:1.1px}
.video-showcase .tape-slot{border-radius:5px;border-color:#111510;border-bottom-color:#66705c55;height:30px}
.video-showcase .slot-flap{border-radius:3px;background:linear-gradient(#292e27,#1a1e18);border-top-color:#5f685777}
.video-showcase .vfd{border-radius:5px;background:linear-gradient(120deg,#131a16,#0b100d);color:#c6cfb6;text-shadow:0 0 5px #c4a47c30}
.video-showcase .deck-power,.video-showcase .deck-transport button{border-radius:5px;border-color:#626c5655;background:linear-gradient(#424a3c,#2b3227);box-shadow:0 2px 3px #0006;color:#dbd0ba}
.video-showcase .player-feet{height:5px}
.video-showcase .film-navigation{margin-top:25px}
@media(min-width:801px){.video-showcase .tape-shelf{padding-bottom:86px}}
@media(max-width:800px){.video-showcase .tv{width:100%}.video-showcase .tv-stand{height:48px}.video-showcase .equipment{width:88%;margin-top:16px}.video-showcase svg.studio-plant{width:49px;height:78px;right:5%;bottom:4px}.video-showcase .studio-desk>span:before,.video-showcase .studio-desk>span:after{height:140px}.video-showcase .deck-face{padding:12px 10px 10px}}

/* Slim black-glass display and contemporary aluminium tape transport. */
.video-showcase .tv{padding:3px 3px 0;border:1px solid #777a7d;border-bottom-color:#242628;background:linear-gradient(120deg,#3b3d40,#090a0b 30%,#222426);border-radius:9px;box-shadow:0 1px 0 #c6c7ca22,0 10px 22px #0008}
.video-showcase .tv-screen{border-radius:5px 5px 1px 1px;outline:1px solid #000}
.video-showcase .tv-screen:after{display:none}
.video-showcase .tv-bezel{height:11px;padding:3px 11px;background:#101113;border-radius:0 0 6px 6px}
.video-showcase .tv-bezel>span{font-size:4px;color:#7f8286;letter-spacing:2px}
.video-showcase .tv-bezel>i{width:2px;height:2px;background:#d2c1a7}
.video-showcase .tv-stand{height:49px;width:30%}
.video-showcase .tv-stand:before{left:43%;right:43%;background:linear-gradient(90deg,#55595d,#b1b4b6 38%,#8d9194 70%,#42464a);border-radius:0 0 3px 3px}
.video-showcase .tv-stand:after{height:5px;background:linear-gradient(#a9adb0,#595e62);border-top:1px solid #d7dadd66;clip-path:polygon(23% 0,77% 0,100% 100%,0 100%);border-radius:0;box-shadow:0 3px 4px #0008}
.video-showcase .vhs-deck{padding-top:5px;filter:drop-shadow(0 3px 6px #0009)}
.video-showcase .deck-top{height:9px;left:1%;right:1%;border-color:#76797b66;background:linear-gradient(#56595c,#2b2d30);border-radius:8px 8px 0 0}
.video-showcase .deck-top span{display:none}
.video-showcase .deck-face{padding:12px 15px 10px;border-radius:9px;border:1px solid #62666a;border-top-color:#9a9da077;background:linear-gradient(110deg,#35383b,#202225 45%,#2c2e31);box-shadow:inset 0 1px #ffffff0e,inset 0 -1px #0008,0 3px 8px #0006}
.video-showcase .deck-upper{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:15px}
.video-showcase .tape-slot{height:25px;padding:0 11px;border:1px solid #090a0b;border-bottom-color:#777b7e66;border-radius:3px;background:#111214;box-shadow:inset 0 3px 6px #0009}
.video-showcase .slot-flap{background:linear-gradient(#25272a,#131416);border-top-color:#64686b66;border-bottom:0;border-radius:2px}
.video-showcase .tape-slot>span:not(.slot-darkness){color:#b3b1ac;font-size:4px;letter-spacing:1.5px}
.video-showcase .tape-slot>b{font-size:8px;border:0;color:#d4c3aa}
.video-showcase .vfd{height:39px;padding:4px 7px;border-radius:5px;background:linear-gradient(120deg,#0e1113,#050607);border-color:#080a0b;border-bottom-color:#6b707755;color:#d2b992;box-shadow:inset 0 1px 8px #000,0 1px #ffffff0b}
.video-showcase .vfd-meta{font-size:4px}.video-showcase .vfd-bottom{font-size:3px}
.video-showcase .deck-lower{margin-top:8px;padding-top:0;gap:10px}
.video-showcase .vhs-brand{font-size:10px;font-weight:600;letter-spacing:2px;color:#d5d0c7}
.video-showcase .vhs-brand>span{font-size:3px;letter-spacing:1.4px;color:#9b9ca0;margin-top:4px}
.video-showcase .deck-power{width:25px;height:25px;border-radius:50%;font-size:14px;background:#272a2d;border:1px solid #777b8055;box-shadow:none;color:#c6c6c5}
.video-showcase .deck-power i{left:10px;top:-4px;width:3px;height:2px}
.video-showcase .deck-transport{gap:7px}
.video-showcase .deck-transport button{min-height:30px;height:30px;min-width:32px;width:32px;border-radius:50%;border:1px solid #8a8d9255;background:linear-gradient(#36393c,#25272a);box-shadow:inset 0 1px #ffffff0a;color:#dfd0b8;font-size:12px}
.video-showcase #deck-play svg{width:14px;height:14px}
.video-showcase .studio-desk>span:before,.video-showcase .studio-desk>span:after{height:122px;background:linear-gradient(90deg,#1b1d20,#42464a,#191b1d)}
@media(max-width:800px){.video-showcase .deck-face{padding:11px 10px 9px}.video-showcase .deck-upper{gap:9px}.video-showcase .tv-stand{height:45px}.video-showcase .studio-desk>span:before,.video-showcase .studio-desk>span:after{height:118px}}

/* Spring-neck collectible and a fixed aperture with a separate hinged door. */
.video-showcase svg.studio-rick{position:absolute;bottom:5px;right:17%;width:48px;height:86px;overflow:visible;pointer-events:none;fill:none;stroke:none;filter:drop-shadow(2px 3px 3px #0006)}
.video-showcase .rick-bobble{transform-origin:35px 64px;animation:rick-nod 3.6s ease-in-out infinite}
@keyframes rick-nod{0%,100%{transform:rotate(-5deg)}25%{transform:rotate(6deg) translateY(1px)}50%{transform:rotate(-3deg)}75%{transform:rotate(4deg) translateY(.5px)}}
.video-showcase .tape-slot,.video-showcase .is-inserting .tape-slot{transform:none;background:#050607;overflow:visible;perspective:180px;box-shadow:inset 0 5px 8px #000,0 1px #ffffff15}
.video-showcase .slot-darkness{z-index:0;opacity:1;border-radius:3px;background:linear-gradient(#000,#111315);pointer-events:none}
.video-showcase .slot-flap{display:flex;align-items:center;justify-content:space-between;padding:0 11px;position:absolute;inset:1px;z-index:2;font-style:normal;transform-origin:50% 0;transform:rotateX(0);opacity:1;backface-visibility:hidden;background:linear-gradient(#2e3033,#17191b);border:1px solid #474b4e;border-bottom-color:#111;box-shadow:0 2px 3px #0008;transition:transform 180ms cubic-bezier(.2,.7,.2,1),box-shadow 180ms}
.video-showcase .slot-flap>span{font-size:4px;letter-spacing:1.5px;color:#b3b1ac}.video-showcase .slot-flap>b{font-size:8px;font-style:italic;color:#d4c3aa;border:0}
.video-showcase .is-inserting .slot-flap{transform:rotateX(88deg);opacity:1;box-shadow:0 1px 2px #000}
.video-showcase .can-drop:not(.is-inserting) .slot-flap{transform:rotateX(0);opacity:1;border-color:#c4a47c80}
@media(max-width:800px){.video-showcase svg.studio-rick{width:36px;height:65px;right:21%;bottom:4px}}
@media(prefers-reduced-motion:reduce){.video-showcase .rick-bobble{animation:none}.video-showcase .slot-flap{transition:none}}

/* Animation coordinates follow the document; dragged tapes remain pointer-fixed. */
#showcase-overlay{position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:80;pointer-events:none}

.reel-card:has(video) .reel-source{top:12px;bottom:auto;left:12px}